/*
! tailwindcss v3.4.1 | 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: Roboto, sans-serif; /* 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, 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 */
  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,
[type='button'],
[type='reset'],
[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] {
  display: none;
}

input[type="range"]::-webkit-slider-thumb {
  height: 1rem;
  width: 1rem;
  background: #3B71CA;
  border-radius: 9999px;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

input[type="range"]:disabled::-webkit-slider-thumb {
  background: #a3a3a3;
}

input[type="range"]:disabled:focus::-webkit-slider-thumb {
  background: #a3a3a3;
}

input[type="range"]:disabled:active::-webkit-slider-thumb {
  background: #a3a3a3;
}

input[type="range"]::-moz-range-thumb {
  height: 1rem;
  width: 1rem;
  background: #3B71CA;
  border-radius: 9999px;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

input[type="range"]:disabled::-moz-range-thumb {
  background: #a3a3a3;
}

input[type="range"]::-moz-range-progress {
  background: #3061AF;
}

input[type="range"]::-ms-fill-lower {
  background: #3061AF;
}

input[type="range"]:focus {
  outline: none;
}

input[type="range"]:focus::-webkit-slider-thumb {
  background: #3061AF;
}

input[type="range"]:active::-webkit-slider-thumb {
  background: #285192;
}

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

::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:  ;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 320px) {

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

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

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

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

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

  .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;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.\!bottom-0 {
  bottom: 0px !important;
}
.\!left-2 {
  left: 0.5rem !important;
}
.\!left-2\.5 {
  left: 0.625rem !important;
}
.\!right-2 {
  right: 0.5rem !important;
}
.\!right-2\.5 {
  right: 0.625rem !important;
}
.\!top-2 {
  top: 0.5rem !important;
}
.\!top-2\/4 {
  top: 50% !important;
}
.\!top-\[190\%\] {
  top: 190% !important;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-bottom-2\.5 {
  bottom: -0.625rem;
}
.-right-\[640px\] {
  right: -640px;
}
.-top-\[5px\] {
  top: -5px;
}
.-top-px {
  top: -1px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-1\.5 {
  bottom: 0.375rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-3\.5 {
  bottom: 0.875rem;
}
.bottom-\[100\%\] {
  bottom: 100%;
}
.bottom-\[30px\] {
  bottom: 30px;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-2\/4 {
  left: 50%;
}
.left-4 {
  left: 1rem;
}
.left-\[-191px\] {
  left: -191px;
}
.left-\[0\.6px\] {
  left: 0.6px;
}
.left-\[1\.5px\] {
  left: 1.5px;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-2 {
  right: 0.5rem;
}
.right-2\.5 {
  right: 0.625rem;
}
.right-3 {
  right: 0.75rem;
}
.right-3\.5 {
  right: 0.875rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.right-6 {
  right: 1.5rem;
}
.right-\[-7px\] {
  right: -7px;
}
.right-\[40px\] {
  right: 40px;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-2\.5 {
  top: 0.625rem;
}
.top-2\/4 {
  top: 50%;
}
.top-4 {
  top: 1rem;
}
.top-5 {
  top: 1.25rem;
}
.top-\[12\%\] {
  top: 12%;
}
.top-\[14px\] {
  top: 14px;
}
.top-\[19px\] {
  top: 19px;
}
.top-\[1px\] {
  top: 1px;
}
.top-\[20\%\] {
  top: 20%;
}
.top-\[50px\] {
  top: 50px;
}
.top-\[61px\] {
  top: 61px;
}
.top-full {
  top: 100%;
}
.\!z-0 {
  z-index: 0 !important;
}
.-z-\[1\] {
  z-index: -1;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[-1\] {
  z-index: -1;
}
.z-\[0\] {
  z-index: 0;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[1055\] {
  z-index: 1055;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[5\] {
  z-index: 5;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.float-left {
  float: left;
}
.m-0 {
  margin: 0px;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-3\.5 {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-\[30px\] {
  margin-top: 30px;
  margin-bottom: 30px;
}
.my-\[50px\] {
  margin-top: 50px;
  margin-bottom: 50px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-ml-px {
  margin-left: -1px;
}
.-mt-10 {
  margin-top: -2.5rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-2\.5 {
  margin-top: -0.625rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-14 {
  margin-bottom: 3.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-3\.5 {
  margin-bottom: 0.875rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[12px\] {
  margin-bottom: 12px;
}
.mb-\[15px\] {
  margin-bottom: 15px;
}
.mb-\[25px\] {
  margin-bottom: 25px;
}
.mb-\[27px\] {
  margin-bottom: 27px;
}
.mb-\[30px\] {
  margin-bottom: 30px;
}
.mb-\[50px\] {
  margin-bottom: 50px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-2\.5 {
  margin-left: 0.625rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-2\.5 {
  margin-right: 0.625rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-3\.5 {
  margin-top: 0.875rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-\[0\.3rem\] {
  margin-top: 0.3rem;
}
.mt-\[100px\] {
  margin-top: 100px;
}
.mt-\[15px\] {
  margin-top: 15px;
}
.mt-\[30px\] {
  margin-top: 30px;
}
.mt-\[36px\] {
  margin-top: 36px;
}
.mt-\[50px\] {
  margin-top: 50px;
}
.box-content {
  box-sizing: content-box;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.aspect-\[3\/1\] {
  aspect-ratio: 3/1;
}
.aspect-\[9\/16\] {
  aspect-ratio: 9/16;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.\!h-10 {
  height: 2.5rem !important;
}
.\!h-\[30px\] {
  height: 30px !important;
}
.\!h-auto {
  height: auto !important;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-\[11px\] {
  height: 11px;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[17px\] {
  height: 17px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[72\%\] {
  height: 72%;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-10 {
  max-height: 2.5rem;
}
.max-h-20 {
  max-height: 5rem;
}
.max-h-5 {
  max-height: 1.25rem;
}
.max-h-\[162px\] {
  max-height: 162px;
}
.max-h-\[35px\] {
  max-height: 35px;
}
.max-h-\[52px\] {
  max-height: 52px;
}
.max-h-\[75px\] {
  max-height: 75px;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-\[145px\] {
  min-height: 145px;
}
.min-h-\[345px\] {
  min-height: 345px;
}
.min-h-\[52px\] {
  min-height: 52px;
}
.min-h-\[75px\] {
  min-height: 75px;
}
.min-h-\[calc\(100\%-1rem\)\] {
  min-height: calc(100% - 1rem);
}
.min-h-full {
  min-height: 100%;
}
.\!w-10 {
  width: 2.5rem !important;
}
.\!w-\[30px\] {
  width: 30px !important;
}
.\!w-auto {
  width: auto !important;
}
.\!w-full {
  width: 100% !important;
}
.w-0 {
  width: 0px;
}
.w-10 {
  width: 2.5rem;
}
.w-10\/12 {
  width: 83.333333%;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-\[103\%\] {
  width: 103%;
}
.w-\[117px\] {
  width: 117px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[151px\] {
  width: 151px;
}
.w-\[160px\] {
  width: 160px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[201px\] {
  width: 201px;
}
.w-\[210px\] {
  width: 210px;
}
.w-\[215px\] {
  width: 215px;
}
.w-\[292px\] {
  width: 292px;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[324px\] {
  width: 324px;
}
.w-\[425px\] {
  width: 425px;
}
.w-\[44px\] {
  width: 44px;
}
.w-\[49px\] {
  width: 49px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[73px\] {
  width: 73px;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-w-\[147px\] {
  min-width: 147px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[211px\] {
  min-width: 211px;
}
.min-w-\[27px\] {
  min-width: 27px;
}
.min-w-\[345px\] {
  min-width: 345px;
}
.min-w-\[5px\] {
  min-width: 5px;
}
.min-w-\[69px\] {
  min-width: 69px;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-\[103px\] {
  max-width: 103px;
}
.max-w-\[112px\] {
  max-width: 112px;
}
.max-w-\[116px\] {
  max-width: 116px;
}
.max-w-\[118px\] {
  max-width: 118px;
}
.max-w-\[1190px\] {
  max-width: 1190px;
}
.max-w-\[1280px\] {
  max-width: 1280px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[154px\] {
  max-width: 154px;
}
.max-w-\[1560px\] {
  max-width: 1560px;
}
.max-w-\[1580px\] {
  max-width: 1580px;
}
.max-w-\[158px\] {
  max-width: 158px;
}
.max-w-\[170px\] {
  max-width: 170px;
}
.max-w-\[1795px\] {
  max-width: 1795px;
}
.max-w-\[185px\] {
  max-width: 185px;
}
.max-w-\[1920px\] {
  max-width: 1920px;
}
.max-w-\[224px\] {
  max-width: 224px;
}
.max-w-\[252px\] {
  max-width: 252px;
}
.max-w-\[260px\] {
  max-width: 260px;
}
.max-w-\[277px\] {
  max-width: 277px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[332px\] {
  max-width: 332px;
}
.max-w-\[334px\] {
  max-width: 334px;
}
.max-w-\[364px\] {
  max-width: 364px;
}
.max-w-\[370px\] {
  max-width: 370px;
}
.max-w-\[380px\] {
  max-width: 380px;
}
.max-w-\[383px\] {
  max-width: 383px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[457px\] {
  max-width: 457px;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-\[50px\] {
  max-width: 50px;
}
.max-w-\[550px\] {
  max-width: 550px;
}
.max-w-\[590px\] {
  max-width: 590px;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[614px\] {
  max-width: 614px;
}
.max-w-\[624px\] {
  max-width: 624px;
}
.max-w-\[633px\] {
  max-width: 633px;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[650px\] {
  max-width: 650px;
}
.max-w-\[70px\] {
  max-width: 70px;
}
.max-w-\[715px\] {
  max-width: 715px;
}
.max-w-\[743px\] {
  max-width: 743px;
}
.max-w-\[770px\] {
  max-width: 770px;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[85px\] {
  max-width: 85px;
}
.max-w-\[910px\] {
  max-width: 910px;
}
.max-w-\[92px\] {
  max-width: 92px;
}
.max-w-full {
  max-width: 100%;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.table-fixed {
  table-layout: fixed;
}
.border-collapse {
  border-collapse: collapse;
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-0 {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-x-2 {
  --tw-border-spacing-x: 0.5rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-2 {
  --tw-border-spacing-y: 0.5rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-center {
  transform-origin: center;
}
.-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-x-2 {
  --tw-translate-x: -0.5rem;
  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-2\/4 {
  --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-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));
}
.-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-2\/4 {
  --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-0 {
  --tw-translate-y: 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));
}
.translate-y-\[-50px\] {
  --tw-translate-y: -50px;
  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-\[-180deg\] {
  --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));
}
.rotate-\[0deg\] {
  --tw-rotate: 0deg;
  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));
}
.scale-100 {
  --tw-scale-x: 1;
  --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));
}
.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));
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-zoom-in {
  cursor: zoom-in;
}
.resize {
  resize: both;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-\[100px_1fr\] {
  grid-template-columns: 100px 1fr;
}
.grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}
.grid-cols-\[75px_1fr\] {
  grid-template-columns: 75px 1fr;
}
.grid-cols-\[auto_auto_auto\] {
  grid-template-columns: auto auto auto;
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.\!items-center {
  align-items: center !important;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.\!justify-center {
  justify-content: center !important;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-items-center {
  justify-items: center;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[15px\] {
  gap: 15px;
}
.gap-\[1px\] {
  gap: 1px;
}
.gap-\[20px\] {
  gap: 20px;
}
.gap-\[30px\] {
  gap: 30px;
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-\[40px\] {
  gap: 40px;
}
.gap-\[4px\] {
  gap: 4px;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-2\.5 {
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.gap-y-10 {
  row-gap: 2.5rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-2\.5 {
  row-gap: 0.625rem;
}
.gap-y-5 {
  row-gap: 1.25rem;
}
.gap-y-8 {
  row-gap: 2rem;
}
.gap-y-\[15px\] {
  row-gap: 15px;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(3rem * var(--tw-space-x-reverse));
  margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.875rem * var(--tw-space-x-reverse));
  margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-\[15px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(15px * var(--tw-space-x-reverse));
  margin-left: calc(15px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-\[25px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(25px * var(--tw-space-x-reverse));
  margin-left: calc(25px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-\[5px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(5px * var(--tw-space-x-reverse));
  margin-left: calc(5px * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-20 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-y-\[10px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(10px * var(--tw-space-y-reverse));
}
.space-y-\[15px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(15px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(15px * var(--tw-space-y-reverse));
}
.space-y-\[17px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(17px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(17px * var(--tw-space-y-reverse));
}
.space-y-\[25px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(25px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(25px * var(--tw-space-y-reverse));
}
.space-y-\[30px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(30px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(30px * var(--tw-space-y-reverse));
}
.space-y-\[50px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(50px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(50px * var(--tw-space-y-reverse));
}
.space-y-\[5px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(5px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5px * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-\[\#e4e4e4\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(228 228 228 / var(--tw-divide-opacity));
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.\!self-stretch {
  align-self: stretch !important;
}
.justify-self-end {
  justify-self: end;
}
.justify-self-center {
  justify-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.\!rounded-\[10px\] {
  border-radius: 10px !important;
}
.\!rounded-full {
  border-radius: 9999px !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\[100px\] {
  border-radius: 100px;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[1px\] {
  border-radius: 1px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[40px\] {
  border-radius: 40px;
}
.rounded-\[50px\] {
  border-radius: 50px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[60px\] {
  border-radius: 60px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-t-\[15px\] {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-\[1px\] {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-none {
  border-style: none;
}
.\!border-\[\#ccc\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(204 204 204 / var(--tw-border-opacity)) !important;
}
.border-\[\#000\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-\[\#778899\] {
  --tw-border-opacity: 1;
  border-color: rgb(119 136 153 / var(--tw-border-opacity));
}
.border-\[\#789\] {
  --tw-border-opacity: 1;
  border-color: rgb(119 136 153 / var(--tw-border-opacity));
}
.border-\[\#999\] {
  --tw-border-opacity: 1;
  border-color: rgb(153 153 153 / var(--tw-border-opacity));
}
.border-\[\#9D9D9D\] {
  --tw-border-opacity: 1;
  border-color: rgb(157 157 157 / var(--tw-border-opacity));
}
.border-\[\#CCCCCC\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}
.border-\[\#DDA9A9\] {
  --tw-border-opacity: 1;
  border-color: rgb(221 169 169 / var(--tw-border-opacity));
}
.border-\[\#E4E4E4\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 228 / var(--tw-border-opacity));
}
.border-\[\#ccc\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}
.border-\[\#cccccc\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}
.border-\[\#e0e0e0\] {
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
}
.border-\[\#e4e4e4\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 228 / var(--tw-border-opacity));
}
.border-\[\#e5e7eb\] {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-cs-blue {
  --tw-border-opacity: 1;
  border-color: rgb(10 47 116 / var(--tw-border-opacity));
}
.border-cs-red {
  --tw-border-opacity: 1;
  border-color: rgb(227 0 0 / var(--tw-border-opacity));
}
.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
}
.border-orange-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / var(--tw-border-opacity));
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.border-slate-400 {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}
.border-transparent {
  border-color: transparent;
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.\!bg-\[\#1D1D1B\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(29 29 27 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#424242\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(66 66 66 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#F3EFEF\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 239 239 / var(--tw-bg-opacity)) !important;
}
.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#171717\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}
.bg-\[\#9D9D9D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(157 157 157 / var(--tw-bg-opacity));
}
.bg-\[\#E4E4E4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 228 / var(--tw-bg-opacity));
}
.bg-\[\#EFEFEF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
}
.bg-\[\#F3EFEF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 239 239 / var(--tw-bg-opacity));
}
.bg-\[\#efefef\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
}
.bg-\[\#f1f1f1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 241 / var(--tw-bg-opacity));
}
.bg-\[\#fafafa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/25 {
  background-color: rgb(0 0 0 / 0.25);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.bg-blue-50\/50 {
  background-color: rgb(239 246 255 / 0.5);
}
.bg-cs-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(10 47 116 / var(--tw-bg-opacity));
}
.bg-cs-red {
  --tw-bg-opacity: 1;
  background-color: rgb(227 0 0 / var(--tw-bg-opacity));
}
.bg-cs-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(255 168 0 / var(--tw-bg-opacity));
}
.bg-current {
  background-color: currentColor;
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-black {
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cs-dark-red {
  --tw-gradient-from: #B70000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(183 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cs-red {
  --tw-gradient-from: #E30000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(227 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white {
  --tw-gradient-from: #fff 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);
}
.to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.to-cs-light-red {
  --tw-gradient-to: #F52A2A var(--tw-gradient-to-position);
}
.to-cs-orange {
  --tw-gradient-to: #FF5C00 var(--tw-gradient-to-position);
}
.to-cs-red {
  --tw-gradient-to: #E30000 var(--tw-gradient-to-position);
}
.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.bg-\[length\:16px_16px\] {
  background-size: 16px 16px;
}
.bg-contain {
  background-size: contain;
}
.bg-clip-padding {
  background-clip: padding-box;
}
.bg-\[center_right_0\.75rem\] {
  background-position: center right 0.75rem;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-current {
  fill: currentColor;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-none {
  -o-object-fit: none;
     object-fit: none;
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-3 {
  padding: 0.75rem !important;
}
.\!p-\[11px\] {
  padding: 11px !important;
}
.\!p-\[8px\] {
  padding: 8px !important;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[15px\] {
  padding: 15px;
}
.p-\[30px\] {
  padding: 30px;
}
.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.\!px-3\.5 {
  padding-left: 0.875rem !important;
  padding-right: 0.875rem !important;
}
.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.\!px-\[12px\] {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.\!py-\[14px\] {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
.\!py-\[9px\] {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}
.px-\[21px\] {
  padding-left: 21px;
  padding-right: 21px;
}
.px-\[22px\] {
  padding-left: 22px;
  padding-right: 22px;
}
.px-\[30px\] {
  padding-left: 30px;
  padding-right: 30px;
}
.px-\[31px\] {
  padding-left: 31px;
  padding-right: 31px;
}
.px-\[5px\] {
  padding-left: 5px;
  padding-right: 5px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-\[11px\] {
  padding-top: 11px;
  padding-bottom: 11px;
}
.py-\[12px\] {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-\[13px\] {
  padding-top: 13px;
  padding-bottom: 13px;
}
.py-\[14px\] {
  padding-top: 14px;
  padding-bottom: 14px;
}
.py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-\[18px\] {
  padding-top: 18px;
  padding-bottom: 18px;
}
.py-\[2\.5px\] {
  padding-top: 2.5px;
  padding-bottom: 2.5px;
}
.py-\[25px\] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.py-\[26px\] {
  padding-top: 26px;
  padding-bottom: 26px;
}
.py-\[30px\] {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[50px\] {
  padding-top: 50px;
  padding-bottom: 50px;
}
.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-\[9px\] {
  padding-top: 9px;
  padding-bottom: 9px;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-2\.5 {
  padding-bottom: 0.625rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-3\.5 {
  padding-bottom: 0.875rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-40 {
  padding-bottom: 10rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-\[15px\] {
  padding-bottom: 15px;
}
.pb-\[23px\] {
  padding-bottom: 23px;
}
.pb-\[25px\] {
  padding-bottom: 25px;
}
.pb-\[30px\] {
  padding-bottom: 30px;
}
.pb-\[4px\] {
  padding-bottom: 4px;
}
.pb-\[50px\] {
  padding-bottom: 50px;
}
.pb-\[60px\] {
  padding-bottom: 60px;
}
.pb-\[6px\] {
  padding-bottom: 6px;
}
.pb-\[78px\] {
  padding-bottom: 78px;
}
.pl-0 {
  padding-left: 0px;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-3\.5 {
  padding-left: 0.875rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-\[15px\] {
  padding-left: 15px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-1\.5 {
  padding-right: 0.375rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-2\.5 {
  padding-right: 0.625rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-7 {
  padding-right: 1.75rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-\[110px\] {
  padding-right: 110px;
}
.pr-\[17px\] {
  padding-right: 17px;
}
.pr-\[5px\] {
  padding-right: 5px;
}
.pt-0 {
  padding-top: 0px;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-3\.5 {
  padding-top: 0.875rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-\[15px\] {
  padding-top: 15px;
}
.pt-\[30px\] {
  padding-top: 30px;
}
.pt-\[42px\] {
  padding-top: 42px;
}
.pt-\[50px\] {
  padding-top: 50px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-end {
  text-align: end;
}
.align-top {
  vertical-align: top;
}
.\!text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.\!text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.\!text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.\!text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.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-\[1\.4rem\] {
  font-size: 1.4rem;
}
.text-\[1\.8rem\] {
  font-size: 1.8rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-\[80px\] {
  font-size: 80px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.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-medium {
  font-weight: 500 !important;
}
.\!font-normal {
  font-weight: 400 !important;
}
.\!font-semibold {
  font-weight: 600 !important;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.\!leading-6 {
  line-height: 1.5rem !important;
}
.\!leading-\[12px\] {
  line-height: 12px !important;
}
.\!leading-\[14px\] {
  line-height: 14px !important;
}
.\!leading-\[16px\] {
  line-height: 16px !important;
}
.\!leading-\[18px\] {
  line-height: 18px !important;
}
.\!leading-\[20px\] {
  line-height: 20px !important;
}
.\!leading-\[24px\] {
  line-height: 24px !important;
}
.\!leading-\[26px\] {
  line-height: 26px !important;
}
.\!leading-\[28px\] {
  line-height: 28px !important;
}
.\!leading-\[40px\] {
  line-height: 40px !important;
}
.\!leading-normal {
  line-height: 1.5 !important;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-\[14px\] {
  line-height: 14px;
}
.leading-\[16px\] {
  line-height: 16px;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[20px\] {
  line-height: 20px;
}
.leading-\[24px\] {
  line-height: 24px;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.tracking-\[0\.28px\] {
  letter-spacing: 0.28px;
}
.tracking-\[1\.4px\] {
  letter-spacing: 1.4px;
}
.\!text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#183029\] {
  --tw-text-opacity: 1;
  color: rgb(24 48 41 / var(--tw-text-opacity));
}
.text-\[\#242424\] {
  --tw-text-opacity: 1;
  color: rgb(36 36 36 / var(--tw-text-opacity));
}
.text-\[\#333333\] {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-\[\#424242\] {
  --tw-text-opacity: 1;
  color: rgb(66 66 66 / var(--tw-text-opacity));
}
.text-\[\#4267B2\] {
  --tw-text-opacity: 1;
  color: rgb(66 103 178 / var(--tw-text-opacity));
}
.text-\[\#484848\] {
  --tw-text-opacity: 1;
  color: rgb(72 72 72 / var(--tw-text-opacity));
}
.text-\[\#4A4B4D\] {
  --tw-text-opacity: 1;
  color: rgb(74 75 77 / var(--tw-text-opacity));
}
.text-\[\#4B4B4B\] {
  --tw-text-opacity: 1;
  color: rgb(75 75 75 / var(--tw-text-opacity));
}
.text-\[\#4e4e4e\] {
  --tw-text-opacity: 1;
  color: rgb(78 78 78 / var(--tw-text-opacity));
}
.text-\[\#85c440\] {
  --tw-text-opacity: 1;
  color: rgb(133 196 64 / var(--tw-text-opacity));
}
.text-\[\#938F8F\] {
  --tw-text-opacity: 1;
  color: rgb(147 143 143 / var(--tw-text-opacity));
}
.text-\[\#9D9D9D\] {
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity));
}
.text-\[\#DB4437\] {
  --tw-text-opacity: 1;
  color: rgb(219 68 55 / var(--tw-text-opacity));
}
.text-\[\#ccc\] {
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-black\/50 {
  color: rgb(0 0 0 / 0.5);
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.text-cs-blue {
  --tw-text-opacity: 1;
  color: rgb(10 47 116 / var(--tw-text-opacity));
}
.text-cs-red {
  --tw-text-opacity: 1;
  color: rgb(227 0 0 / var(--tw-text-opacity));
}
.text-current {
  color: currentColor;
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}
.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-50 {
  opacity: 0.5;
}
.shadow-\[0_4px_10px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  --tw-shadow: 0 4px 10px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 4px 10px 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);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.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);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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-0 {
  outline-width: 0px;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[height\] {
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  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-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\!duration-300 {
  transition-duration: 300ms !important;
}
.duration-1000 {
  transition-duration: 1000ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-\[400ms\] {
  transition-duration: 400ms;
}
.\!ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.\[overflow-anchor\:none\] {
  overflow-anchor: none;
}
header {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.tooltip--head {
  position: relative;
}

.tooltip--head .tooltiptext {
  visibility: hidden;
  background-color: #f1f1f1;
  color: #000;
  text-align: center;
  border-radius: 5px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  top: 222%;
  left: 30%;
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1023px) {
  .tooltip--head .tooltiptext {
    top: 150%;
  }
}

.tooltiptext::after {
  content: "";
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
          clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  position: absolute;
  bottom: 98%;
  left: 50%;
  margin-left: -5px;
  background: #f1f1f1;
  width: 19px;
  height: 19px;
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.25);
}

.tooltip--head:hover .tooltiptext {
  visibility: visible;
}

.i3-search-results__overlay {
  background: #F3EFEF !important;
}

.i3-search-results__overlay #results--form form input {
  border: 0 !important;
}

@media screen and (max-width: 1023px) {
  .i3-search-results__overlay {
    height: 100vh !important;
    margin-top: -30px;
  }
}

.grid--header {
  grid-template-columns: repeat(4, minmax(0, auto));
}
@media screen and (max-width: 1023px) {
  .grid--header {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.language--wrapper a {
  text-transform: uppercase;
  color: #9B9B9B;
  padding-right: 9px;
}
.language--wrapper a:hover {
  color: #000;
  font-weight: 700;
}
.language--wrapper a:first-of-type::after {
  position: absolute;
  font-weight: 400;
  line-height: 21px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-content: "|";
  content: var(--tw-content);
}
.language--wrapper a:first-of-type:after {
  color: #9B9B9B;
}
.language--wrapper a.is-active {
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
}

/*!
 * mhead.js
 * mmenu.frebsite.nl/mhead
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */
.mh-sticky {
  position: sticky;
  top: 0;
  z-index: 10;
  transition: transform 0.2s ease;
  transform: translate3d(0, 0, 0);
}
.mh-sticky.mh-unpinned {
  transform: translate3d(0, -100%, 0);
}

/**
 * Swiper 9.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2023
 */
@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;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper, swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  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-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide, swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.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);
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  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-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .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-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.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-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .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);
  }
}
.i3-search-results__overlay {
  background-color: var(--light-blue);
  transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
  .i3-search-results__overlay {
    height: calc(100vh - 9.5rem);
  }
}
.i3-search-results__overlay::-webkit-scrollbar {
  width: 6px;
}
.i3-search-results__overlay::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--primary);
}
.i3-search-results__overlay::-webkit-scrollbar-track {
  border-radius: var(--border-md);
}
.i3-search-results__overlay #results--form form input {
  border: 1px solid var(--light-grey);
}
.i3-search-results__overlay #results--form form button {
  background-color: var(--search-btn-bg);
  color: var(--search-btn-font);
}
.i3-search-results__overlay .i3-search-results__container .column__wrapper {
  background-color: var(--white);
}
.i3-search-results__overlay .i3-search-results__container .column__wrapper .search__block .search__block-header {
  font-size: var(--font-lg);
}
.i3-search-results__overlay .i3-search-results__container .column__wrapper .search__block .search__block-content .content__list-item {
  font-size: var(--font-sm);
}
.i3-search-results__overlay .i3-search-results__container .column__wrapper .search__block .search__block-content .content__action {
  border: 1px solid var(--light-grey);
  background: var(--light-blue);
}
.i3-search-results__overlay .i3-search-results__container .column__wrapper .search__block.results__container .search__block-content .content__list .content__list-item:not(:last-child) {
  border-bottom: 1px solid var(--light-grey);
}
.i3-search-results__overlay .i3-search-results__container .column__wrapper .search__block.results__container .search__block-content .content__list .content__list-item .item__link {
  grid-template-columns: 8rem 1fr;
}
.i3-search-results__overlay .i3-search-results__container .column__wrapper .search__block.results__container .search__block-content .content__list .content__list-item .item__link .item__information .item__manufacturer {
  font-size: var(--font-sm);
  color: var(--secondary);
}
.i3-search-results__overlay .i3-search-results__container .column__wrapper .search__block.results__container .search__block-content .content__list .content__list-item .item__link .item__information .item__name h2 {
  font-size: var(--font-md);
}
.i3-search-results__overlay .i3-search-results__container .column__wrapper .search__block.results__container .search__block-content .content__list .content__list-item .item__link .item__information .item__extras {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.i3-search-results__overlay .i3-search-results__container .column__wrapper .search__block.results__container .search__block-content .content__list .content__list-item .item__link .item__information .item__extras .item__sku {
  font-size: var(--font-sm);
}
.i3-search-results__overlay .i3-search-results__container .column__wrapper .search__block.results__container .search__block-content .content__list .content__list-item .item__link .item__information .item__extras .item__price {
  font-size: var(--font-lg);
}

.has-product-search body {
  overflow: hidden !important;
}
@media screen and (min-width: 1024px) {
  .has-product-search {
    padding-right: 0px;
  }
}
.has-product-search header .search--form {
  z-index: 20;
}

.search-overlay {
  background-color: rgba(0, 0, 0, 0.35);
}

.header--type-2 .i3-search-results__overlay .form-container,
.header--type-3 .i3-search-results__overlay .form-container,
.header--type-4 .i3-search-results__overlay .form-container {
  display: block !important;
}

/* -------------------------------- 
Modules MiniCart - reusable parts of our design
-------------------------------- */
#minicart {
  -webkit-overflow-scrolling: touch;
  transition: right 0.3s;
}
#minicart.speed-in {
  right: 0;
}
#minicart .minicart--items {
  max-height: calc(100% - 20rem);
}
#minicart .minicart--items::-webkit-scrollbar {
  width: 2px;
}
#minicart .minicart--items::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: var(--border-lg);
}
#minicart .minicart--items::-webkit-scrollbar-thumb {
  border-radius: var(--border-lg);
  -webkit-box-shadow: inset 0 0 6px var(--primary);
}

#minicart--shadow-layer.is-visible {
  display: block;
  animation: minifade-in 0.3s;
}
@keyframes minifade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width: 639px) {
  .list--group a[aria-expanded=false]:after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 0.999999L7 7L1 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    right: -30px;
    top: 70%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
  }
  .list--group a[aria-expanded=true]:after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 0.999999L7 7L1 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    right: -30px;
    top: 0;
    transform: rotate(-180deg);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
  }
}
a:hover,
a:active {
  color: #e30000;
}

.form-check-input {
  background-color: #fff;
}
.form-check-input:checked {
  background-color: #e30000;
  border-color: #e30000;
}

#app-menu:not(.mm-menu) {
  display: none;
}

@media screen and (max-width: 450px) {
  .mm-menu--position-left,
  .mm-menu--position-left-front,
  .mm-menu--position-right,
  .mm-menu--position-right-front {
    width: 100%;
  }
}
.mm-navbar__title {
  background-image: url("/front/assets/odes-logo.png");
  background-repeat: no-repeat;
  background-position: left;
  width: 170px;
  height: 40px;
}
.mm-navbar__title span {
  display: none;
}

.mm-navbars.mm-navbars--top {
  padding-top: 20px;
  padding-bottom: 30px;
}

.mm-navbar {
  background: #fff;
  padding: 8px 20px;
  align-items: center;
  border: none;
}
@media screen and (max-width: 1023px) {
  .mm-navbar {
    padding: 8px 10px;
  }
}

.mm-navbars.mm-navbars--top {
  background: #fff;
}

.mm-panel.mm-panel--noanimation.mm-panel--opened {
  background: #fff;
}

.mm-panel.mm-panel--opened {
  background: #fff;
}

.mm-navbars--top {
  border-bottom: none;
}

.mm-btn.mm-btn_prev.mm-navbar__btn {
  width: 25px !important;
}

.mm-listitem {
  align-items: center;
  border-color: #e7e7e7;
}
.mm-listitem:hover {
  background-color: #e7e7e7;
  font-weight: 700;
}

.mm-btn.mm-btn--next.mm-listitem__btn {
  border: 0;
}

.mm-listitem:after {
  inset-inline-start: 0px;
}

.mm-btn.mm-btn--next.mm-listitem__btn {
  padding: 0;
  width: 30px;
  height: 30px;
  margin-right: 15px;
}
.mm-btn.mm-btn--next.mm-listitem__btn:after {
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7071 8.70711C21.0976 8.31658 21.0976 7.68342 20.7071 7.29289L14.3431 0.928932C13.9526 0.538408 13.3195 0.538408 12.9289 0.928932C12.5384 1.31946 12.5384 1.95262 12.9289 2.34315L18.5858 8L12.9289 13.6569C12.5384 14.0474 12.5384 14.6805 12.9289 15.0711C13.3195 15.4616 13.9526 15.4616 14.3431 15.0711L20.7071 8.70711ZM0 9L20 9V7L0 7L0 9Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  width: 21px;
  height: 16px;
  left: 50%;
  transform: translateX(-50%);
}

.mm-navbars_bottom {
  border: 0;
}
.mm-navbars_bottom .mm-navbar {
  background: #d9d9d9 !important;
}

.lang--mob a:first-child::after {
  content: "|";
  color: #000;
  font-weight: 400 !important;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  top: -2px;
}

.order {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26' fill='none'%3E%3Cpath d='M24.8167 24.5589L20.824 20.5662C21.6043 19.5611 21.9722 18.2965 21.8528 17.0297C21.7334 15.7629 21.1358 14.5893 20.1815 13.7476C19.2273 12.906 17.9881 12.4597 16.7164 12.4995C15.4446 12.5394 14.2358 13.0624 13.3361 13.9621C12.4364 14.8618 11.9134 16.0706 11.8735 17.3423C11.8337 18.6141 12.28 19.8532 13.1217 20.8075C13.9633 21.7618 15.137 22.3594 16.4037 22.4788C17.6705 22.5981 18.9352 22.2302 19.9402 21.45L23.933 25.4427C23.991 25.5007 24.0599 25.5468 24.1357 25.5782C24.2115 25.6096 24.2928 25.6257 24.3748 25.6257C24.4569 25.6257 24.5382 25.6096 24.614 25.5782C24.6898 25.5468 24.7587 25.5007 24.8167 25.4427C24.8748 25.3847 24.9208 25.3158 24.9522 25.24C24.9836 25.1641 24.9998 25.0829 24.9998 25.0008C24.9998 24.9188 24.9836 24.8375 24.9522 24.7617C24.9208 24.6859 24.8748 24.617 24.8167 24.5589ZM14.2229 20.1527C13.6094 19.5392 13.2277 18.732 13.1426 17.8686C13.0576 17.0052 13.2745 16.139 13.7565 15.4176C14.2385 14.6962 14.9558 14.1643 15.786 13.9124C16.6162 13.6606 17.5081 13.7044 18.3096 14.0364C19.1112 14.3684 19.7728 14.9681 20.1818 15.7332C20.5908 16.4984 20.7218 17.3816 20.5525 18.2326C20.3833 19.0835 19.9242 19.8494 19.2536 20.3998C18.5829 20.9502 17.7422 21.251 16.8746 21.251C16.382 21.2523 15.894 21.1559 15.4388 20.9673C14.9837 20.7788 14.5705 20.5018 14.2231 20.1525L14.2229 20.1527Z' fill='white'/%3E%3Cpath d='M23.379 5.05379L12.129 0.0537855C12.049 0.0183218 11.9625 0 11.875 0C11.7876 0 11.7011 0.0183218 11.6211 0.0537855L0.371076 5.05379C0.260628 5.10292 0.166793 5.18301 0.100933 5.28438C0.0350726 5.38574 1.31674e-05 5.50402 0 5.62491V19.375C1.77144e-05 19.4958 0.0350812 19.6141 0.100943 19.7154C0.166804 19.8168 0.260638 19.8968 0.371076 19.9459L11.6211 24.9459C11.701 24.9815 11.7876 25 11.875 25C11.9625 25 12.049 24.9815 12.129 24.9459L13.5352 24.3209C13.6846 24.2523 13.8009 24.1275 13.8589 23.9737C13.9169 23.8199 13.912 23.6494 13.8452 23.4992C13.7784 23.349 13.6551 23.2311 13.502 23.1712C13.3489 23.1113 13.1784 23.1141 13.0274 23.179L11.875 23.6911L1.24999 18.9688V6.58667L11.6211 11.1961C11.7011 11.2316 11.7876 11.25 11.875 11.25C11.9625 11.25 12.049 11.2316 12.129 11.1961L22.5001 6.58667V13.75C22.4993 13.8325 22.5149 13.9145 22.5459 13.991C22.577 14.0675 22.6229 14.1371 22.681 14.1958C22.7391 14.2545 22.8083 14.3011 22.8845 14.3329C22.9607 14.3647 23.0425 14.381 23.1251 14.381C23.2077 14.381 23.2895 14.3647 23.3657 14.3329C23.4419 14.3011 23.5111 14.2545 23.5692 14.1958C23.6273 14.1371 23.6732 14.0675 23.7043 13.991C23.7353 13.9145 23.7509 13.8325 23.7501 13.75V5.62491C23.7501 5.50402 23.715 5.38574 23.6492 5.28438C23.5833 5.18301 23.4895 5.10292 23.379 5.05379ZM11.875 1.30881L15.6254 2.97569L5.9961 7.25528C5.97053 7.26689 5.94577 7.2802 5.92198 7.29513L2.16405 5.62491L11.875 1.30881ZM11.875 9.94106L7.45316 7.9757L17.129 3.67542C17.1407 3.67033 17.1511 3.66429 17.1621 3.65861L21.5862 5.62491L11.875 9.94106Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 25px;
  height: 26px;
}

.mm-wrapper__blocker.mm-blocker.mm-slideout {
  height: 100%;
}

.mm-menu--opened .mm-blocker {
  opacity: 1 !important;
  visibility: visible !important;
}

@media screen and (max-width: 639px) {
  #breadcrumbs li:nth-last-child(2):after {
    display: none;
  }
  #breadcrumbs li:nth-last-child(2):before {
    content: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00119 10.7452L1.87351 6.12819L6.49049 1.00051' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: relative;
    left: 0;
    height: auto;
    padding-right: 6px;
  }
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  transition: all 0.3s ease;
}
.swiper .swiper-button-next {
  right: 0;
}
.swiper .swiper-button-prev {
  left: 0;
}
.swiper.swiper-initialized {
  opacity: 1;
}
.swiper.swiper-initialized .swiper-button-next,
.swiper.swiper-initialized .swiper-button-prev {
  opacity: 1;
}
.swiper.swiper-initialized .swiper-button-next.swiper-button-disabled,
.swiper.swiper-initialized .swiper-button-prev.swiper-button-disabled {
  background-color: rgba(0, 0, 0, 0.5) !important;
  background-image: none;
  pointer-events: bounding-box;
}

.swiper-pagination .swiper-pagination-bullet {
  background-color: #9d9d9d;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #e30000 !important;
}

.wysiwyg--editor-wrapper p {
  font-size: 16px !important;
}
.wysiwyg--editor-wrapper .ql-size-small {
  font-size: 9.75px !important;
}
.wysiwyg--editor-wrapper .ql-size-large {
  font-size: 14px !important;
}
.wysiwyg--editor-wrapper .ql-size-huge {
  font-size: 24px !important;
}
@media screen and (min-width: 768px) {
  .wysiwyg--editor-wrapper p {
    font-size: 20px !important;
  }
  .wysiwyg--editor-wrapper h1 {
    font-size: 26px;
  }
  .wysiwyg--editor-wrapper h1 .ql-size-small {
    font-size: 19px !important;
  }
  .wysiwyg--editor-wrapper h1 .ql-size-large {
    font-size: 39px !important;
  }
  .wysiwyg--editor-wrapper h1 .ql-size-huge {
    font-size: 65px !important;
  }
  .wysiwyg--editor-wrapper h2 {
    font-size: 19.5px;
    font-weight: 600;
  }
  .wysiwyg--editor-wrapper h2 .ql-size-small {
    font-size: 14.625px !important;
  }
  .wysiwyg--editor-wrapper h2 .ql-size-large {
    font-size: 29.25px !important;
  }
  .wysiwyg--editor-wrapper h2 .ql-size-huge {
    font-size: 48.75px !important;
  }
  .wysiwyg--editor-wrapper h3 {
    font-size: 22px;
  }
  .wysiwyg--editor-wrapper h3 .ql-size-small {
    font-size: 11.4075px !important;
  }
  .wysiwyg--editor-wrapper h3 .ql-size-large {
    font-size: 22.815px !important;
  }
  .wysiwyg--editor-wrapper h3 .ql-size-huge {
    font-size: 38.025px !important;
  }
  .wysiwyg--editor-wrapper h4 {
    font-size: 13px;
  }
  .wysiwyg--editor-wrapper h4 .ql-size-small {
    font-size: 9.75px !important;
  }
  .wysiwyg--editor-wrapper h4 .ql-size-large {
    font-size: 19.5px !important;
  }
  .wysiwyg--editor-wrapper h4 .ql-size-huge {
    font-size: 32.5px !important;
  }
  .wysiwyg--editor-wrapper h5 {
    font-size: 10.79px;
  }
  .wysiwyg--editor-wrapper h5 .ql-size-small {
    font-size: 8.1px !important;
  }
  .wysiwyg--editor-wrapper h5 .ql-size-large {
    font-size: 16.185px !important;
  }
  .wysiwyg--editor-wrapper h5 .ql-size-huge {
    font-size: 26.975px !important;
  }
  .wysiwyg--editor-wrapper h6 {
    font-size: 8.71px;
  }
  .wysiwyg--editor-wrapper h6 .ql-size-small {
    font-size: 6.5325px !important;
  }
  .wysiwyg--editor-wrapper h6 .ql-size-large {
    font-size: 13.065px !important;
  }
  .wysiwyg--editor-wrapper h6 .ql-size-huge {
    font-size: 21.775px !important;
  }
}
.wysiwyg--editor-wrapper .ql-align-center {
  text-align: center !important;
}
.wysiwyg--editor-wrapper .ql-align-right {
  text-align: right !important;
}
.wysiwyg--editor-wrapper ul,
.wysiwyg--editor-wrapper ol {
  list-style-position: inside;
}
.wysiwyg--editor-wrapper ol {
  list-style-type: decimal !important;
}
.wysiwyg--editor-wrapper ul {
  list-style-type: disc !important;
}

#instafeed .swiper-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 180px;
  min-height: 180px;
}
#instafeed .swiper-slide a {
  position: relative;
}
#instafeed .swiper-slide a:before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(245, 245, 245, 0.75);
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  backface-visibility: hidden;
  cursor: pointer;
}
#instafeed .swiper-slide a:after {
  content: "";
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: scale(0.8) translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' height='512' viewBox='0 0 24 24' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.004 5.838c-3.403 0-6.158 2.758-6.158 6.158 0 3.403 2.758 6.158 6.158 6.158 3.403 0 6.158-2.758 6.158-6.158 0-3.403-2.758-6.158-6.158-6.158zm0 10.155c-2.209 0-3.997-1.789-3.997-3.997s1.789-3.997 3.997-3.997 3.997 1.789 3.997 3.997c.001 2.208-1.788 3.997-3.997 3.997z'/%3E%3Cpath d='m16.948.076c-2.208-.103-7.677-.098-9.887 0-1.942.091-3.655.56-5.036 1.941-2.308 2.308-2.013 5.418-2.013 9.979 0 4.668-.26 7.706 2.013 9.979 2.317 2.316 5.472 2.013 9.979 2.013 4.624 0 6.22.003 7.855-.63 2.223-.863 3.901-2.85 4.065-6.419.104-2.209.098-7.677 0-9.887-.198-4.213-2.459-6.768-6.976-6.976zm3.495 20.372c-1.513 1.513-3.612 1.378-8.468 1.378-5 0-7.005.074-8.468-1.393-1.685-1.677-1.38-4.37-1.38-8.453 0-5.525-.567-9.504 4.978-9.788 1.274-.045 1.649-.06 4.856-.06l.045.03c5.329 0 9.51-.558 9.761 4.986.057 1.265.07 1.645.07 4.847-.001 4.942.093 6.959-1.394 8.453z'/%3E%3Ccircle cx='18.406' cy='5.595' r='1.439'/%3E%3C/svg%3E");
  width: 40px;
  height: 40px;
  background-size: 0px;
  background-position: center center;
  background-repeat: no-repeat;
  transform-origin: center center;
  transition: all 0.3s ease-in-out;
  backface-visibility: hidden;
  cursor: pointer;
}
#instafeed .swiper-slide:hover a:after, #instafeed .swiper-slide:hover a:before {
  will-change: auto;
  opacity: 1;
}
#instafeed .swiper-slide:hover a:after {
  background-size: 40px;
  transform: scale(1) translate(-115%, -50%);
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #B70000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(183 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #F52A2A var(--tw-gradient-to-position);
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 101px;
  padding-right: 101px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.btn:hover {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn svg path {
  transition: all 0.25s ease-in-out;
}
.btn.btn--bordered {
  background-color: transparent;
  color: var(--btn-bordered-font) !important;
  border: 1px solid var(--primary) !important;
}
.btn.btn--bordered:hover {
  background-color: var(--btn-bg-h) !important;
  color: var(--btn-font-h) !important;
}
.btn.btn--bordered:hover svg path {
  fill: var(--btn-font-h) !important;
}

.pagination--wrapper .is-current {
  background-color: #e30000;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  html.has-product-search,
  .mm-wrapper--opened,
  .mm-wrapper--opened body,
  .has-product-search,
  body.overflow-hidden {
    padding-right: var(--page-scroll-pad);
  }
}
@media screen and (max-width: 639px) {
  #breadcrumbs li:not(:nth-last-child(2)) {
    display: none;
  }
  #breadcrumbs li:nth-last-child(2) {
    padding-right: 0;
  }
  #breadcrumbs li:nth-last-child(2):after {
    content: url("/keyvos/front/assets/icons/arrow-left.svg");
    left: 0;
    width: 5px;
    height: auto;
  }
  .swiper--products .swiper-wrapper .swiper-slide img {
    width: 100%;
    max-width: 100%;
  }
}
/* Scrollbar measurements */
.scrollbar--measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}

.toast-top-right {
  right: 20px;
  top: 70px;
}
@media (min-width: 768px) {
  .toast-top-right {
    top: 150px;
  }
}

.toast-success {
  background-color: #000;
}

#toast-container > div {
  box-shadow: none;
  border-radius: 0;
}

#toast-container > div:hover {
  box-shadow: none;
}

.toast-message {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.toast-message .button.is-light {
  color: #fff !important;
}

#toast-container > .toast-success {
  background-size: 22px;
}

.mm-listitem--selected > .mm-listitem__text {
  background: #e7e7e7;
}

.mm-listitem.mm-listitem--selected {
  background: #e7e7e7;
}

.mm-menu .mm-listitem--selected .mm-listitem__text {
  color: #000 !important;
}

.mm-menu .mm-listitem__text:hover {
  color: #000 !important;
  background: unset;
  font-weight: 700 !important;
}

.mm-btn.mm-btn--next.mm-listitem__btn:hover:after {
  border-color: #000 !important;
}

.mm-menu--selected-hover .mm-listitem__btn:hover {
  background: unset !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='320.000000pt' height='242.000000pt' viewBox='0 0 320.000000 242.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,242.000000) scale(0.100000,-0.100000)'%0Afill='%23ffffff' stroke='none'%3E%3Cpath d='M2917 2339 c-17 -7 -360 -376 -894 -962 -476 -524 -872 -952 -878%0A-952 -7 0 -198 203 -424 452 -351 386 -417 454 -450 464 -102 30 -199 -76%0A-158 -172 8 -19 227 -267 486 -551 404 -443 477 -519 510 -529 82 -25 36 -70%0A1014 1005 496 545 916 1008 934 1028 42 49 51 96 27 144 -33 66 -104 97 -167%0A73z'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
}

.toast-error {
  background-color: #e30000 !important;
}

.ql-align-justify {
  text-align: justify;
}

.masonry {
  flex-direction: column;
}

@media (min-width: 320px) {
  .container {
    max-width: 1536px;
  }
}
.swiper-scrollbar.swiper-scrollbar-horizontal {
  background-color: rgba(0, 0, 0, 0.25);
  height: 1px;
}

.header--main-menu-links li:first-child .menu-item-link {
  color: #000 !important;
}
.header--main-menu-links li:first-child .menu-item-link:hover {
  color: #e30000 !important;
}
.header--main-menu-links li:first-child:hover {
  background: #000;
}
.header--main-menu-links li:first-child:hover .menu-item-link {
  color: #e30000 !important;
}

.bg-unset:hover {
  background: transparent !important;
}

.availability .availability--type-1 {
  fill: var(--available);
}
.availability .availability--type-2 {
  fill: var(--backorder);
}
.availability .availability--type-3 {
  fill: var(--pending);
}
.availability .availability--type-4 {
  fill: var(--not-available);
}

.wysiwyg--editor-wrapper h2 {
  color: #000;
  font-weight: 600;
  font-size: 32px;
}
@media screen and (max-width: 1023px) {
  .wysiwyg--editor-wrapper h2 {
    font-size: 24px;
  }
}
.wysiwyg--editor-wrapper p {
  font-size: 16px;
  color: #000;
  line-height: 36px;
}
@media screen and (max-width: 1023px) {
  .wysiwyg--editor-wrapper p {
    font-size: 14px;
  }
}

.masonry {
  flex-direction: row !important;
}

.border-gradient {
  border-image-slice: 1;
  border-top-width: 1px;
  border-image-source: linear-gradient(to right, #e30000, #ff5c00);
}

.border-div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 172px;
  background: linear-gradient(to right, #e30000, #ff5c00);
  border-radius: 20px;
}
@media screen and (max-width: 1023px) {
  .border-div {
    width: auto;
    height: auto;
    background: transparent;
  }
}

.content-div {
  width: 298px;
  height: 170px;
  background: #fff;
  border-radius: 20px;
}
@media screen and (max-width: 1023px) {
  .content-div {
    width: auto;
    height: auto;
    background: none;
  }
}

.txt-gradient {
  background: -webkit-linear-gradient(0deg, #b70000, #f52a2a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.txt-gradient-ad {
  background: -webkit-linear-gradient(0deg, #b70000, #f52a2a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1023px) {
  .txt-gradient-ad {
    background: -webkit-linear-gradient(0deg, #000, #000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.txt-gradient-a {
  background: -webkit-linear-gradient(0deg, #e30000, #ff5c00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}
.txt-gradient-a:hover {
  background: -webkit-linear-gradient(0deg, #fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.txt-gradient-a-pdf {
  background: -webkit-linear-gradient(0deg, #b70000, #f52a2a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}
.txt-gradient-a-pdf:hover {
  background: -webkit-linear-gradient(0deg, #fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.txt-gradient-a-hover {
  background: -webkit-linear-gradient(0deg, #fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.unset-gr:hover span {
  background: -webkit-linear-gradient(0deg, #000, #000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
}

.swiper {
  padding: 10px;
}

.swiper--slides,
.swiper--slides-mobile {
  max-width: 1074px !important;
  width: 100% !important;
  padding: 0 !important;
}
.swiper--slides .swiper-slide,
.swiper--slides-mobile .swiper-slide {
  max-width: 1074px !important;
  width: 100% !important;
}

picture:not(.product--media picture):not(.product--main-media .swiper--main picture) {
  background-color: unset !important;
}

.product.product--type-2.product-click {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.has-\[\:checked\]\:bg-cs-red:has(:checked) {
  background: transparent !important;
}
@media screen and (min-width: 1024px) {
  .has-\[\:checked\]\:bg-cs-red:has(:checked) {
    background: linear-gradient(#fff 0 0) padding-box, linear-gradient(to right, #e30000, #ff5c00) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 100px !important;
    display: inline-flex !important;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25) !important;
  }
}

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

input[type=number] {
  -moz-appearance: textfield;
}

.swiper--products-block {
  max-width: 1536px;
}
.swiper--products-block .swiper-slide {
  max-width: 364px !important;
  width: 100% !important;
}

.swiper--products-custom .swiper-slide {
  max-width: 300px !important;
}

.swiper--products-banner .swiper-slide {
  max-width: 364px !important;
}

.btn-accord[aria-expanded=false] span .minus-accord {
  display: none;
}
.btn-accord[aria-expanded=false] span .plus-accord {
  display: flex;
}
.btn-accord[aria-expanded=true] span .minus-accord {
  display: flex;
}
.btn-accord[aria-expanded=true] span .plus-accord {
  display: none;
}

#app-menu {
  z-index: 50;
}

.mm-listitem_selected > .mm-listitem__text {
  background: unset;
}

.li-mobile-menu.mm-divider.mm-listitem_selected {
  background: #fff;
}
.li-mobile-menu.mm-divider.mm-listitem_selected:before {
  background: #fff;
}

.mm-listview {
  background: #fff;
}

.li-mobile-menu.mm-divider {
  border-bottom: 1px solid #e7e7e7;
  background: #fff !important;
  background-image: none !important;
}
.li-mobile-menu.mm-divider:before {
  background: unset !important;
}

#top-categories #category--wrapper {
  /* width */
}
#top-categories #category--wrapper::-webkit-scrollbar {
  width: 1em;
  height: 6px;
}
#top-categories #category--wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f3efef;
}
#top-categories #category--wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #9d9d9d;
}

.mm-menu .mm-panel {
  /* width */
  /* Track */
  /* Handle */
}
.mm-menu .mm-panel::-webkit-scrollbar {
  width: 6px;
}
.mm-menu .mm-panel::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #efefef;
}
.mm-menu .mm-panel::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 10px;
}
@media screen and (min-width: 1024px) {
  .mm-menu .mm-panel:not(.mm-panel_columns-0) {
    background-color: #fff;
  }
  .mm-menu .mm-panel:not(.mm-panel_columns-0) .mm-listitem {
    color: #000;
  }
  .mm-menu .mm-panel:not(.mm-panel_columns-0) .mm-btn_next:after,
  .mm-menu .mm-panel:not(.mm-panel_columns-0) .mm-btn_prev:before {
    border-color: #000;
  }
}
@media only screen and (min-width: 1024px) {
  .mm-menu .mm-navbars_bottom {
    display: none;
  }
}
.mm-menu .mm-navbars_bottom .mm-navbar span {
  display: flex;
  justify-content: flex-start;
}
.mm-menu .mm-navbars_bottom .mm-navbar span a {
  text-transform: uppercase;
}
.mm-menu .mm-navbars_bottom .mm-navbar span a.is-active {
  font-weight: bold;
}
.mm-menu .mm-navbar__title {
  padding-top: 13px;
  padding-bottom: 13px;
  justify-content: start;
  color: #fff;
}
.mm-menu .mm-navbar__title span {
  color: #fff;
  font-size: 20px;
}
.mm-menu .mm-btn--prev {
  width: 30px;
}
.mm-menu .mm-btn--prev:before {
  border-color: #fff;
}
.mm-menu .mm-divider {
  padding-left: 0;
}
.mm-menu .mm-btn.mm-hidden + .mm-navbar__title:not(:last-child) {
  padding-inline-start: 20px;
}
.mm-menu .mm-btn_next:after,
.mm-menu .mm-btn_prev:before,
.mm-menu .mm-btn_close:after,
.mm-menu .mm-btn_close:before {
  border-color: #000;
}

@media screen and (min-width: 1024px) {
  [class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-0 {
    transform: translateZ(0);
  }
  [class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-1 {
    transform: translate3d(100%, 0, 0);
  }
  [class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-2 {
    transform: translate3d(200%, 0, 0);
  }
  [class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-3 {
    transform: translate3d(300%, 0, 0);
  }
}
.post--details-content div p:first-child {
  font-size: 20px !important;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .post--details-content div p:first-child {
    font-size: 18px !important;
  }
}
.post--details-content h2 {
  font-size: 20px;
  font-weight: 500;
}

.active-scroll {
  background: linear-gradient(to right, #b70000, #f52a2a);
  border: none;
  color: #fff;
}
.active-scroll:hover {
  color: #fff;
}

.mm-btn_next:after {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 1L7.25 7L1.25 13' stroke='%23424242' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 21px;
  height: 15px;
  border: none;
  transform: unset;
  left: 20px;
}

.mm-panel_opened-parent .mm-panel__blocker {
  opacity: 0;
}

.mm-listitem.mm-listitem_selected-parent {
  background: #e7e7e7;
  font-weight: 700;
}

.mm-menu_selected-parent .mm-listitem_selected-parent > .mm-listitem__btn {
  background: none;
}

.mm-menu_selected-parent .mm-listitem_selected-parent > .mm-listitem__text {
  background: none;
}

.mm-panel.mm-panel_opened {
  background: #fff;
}

.mm-panel.mm-panel_opened-parent {
  background: #fff;
}

.mm-btn_close:after,
.mm-btn_close:before {
  border: none;
}

.mm-btn_close {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='url(%23paint0_linear_118_1747)'/%3E%3Cline x1='12.4142' y1='12' x2='27' y2='26.5858' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='1' y1='-1' x2='21.6274' y2='-1' transform='matrix(-0.707107 0.707107 0.707107 0.707107 28.1968 12)' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_118_1747' x1='1.24176e-07' y1='20' x2='40' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B70000'/%3E%3Cstop offset='1' stop-color='%23F52A2A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 1023px) {
  .mm-btn_close {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='url(%23paint0_linear_212_5608)'/%3E%3Cline x1='9.66421' y1='9' x2='20.25' y2='19.5858' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='1' y1='-1' x2='15.9706' y2='-1' transform='matrix(-0.707107 0.707107 0.707107 0.707107 21.1476 9)' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_212_5608' x1='9.31322e-08' y1='15' x2='30' y2='15' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B70000'/%3E%3Cstop offset='1' stop-color='%23F52A2A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: relative;
    top: 6px;
  }
}

.menu-top-hover:hover {
  background: none !important;
  font-weight: 400 !important;
}

.mm-listitem.mm-listitem_selected {
  background: #e7e7e7;
  font-weight: 700;
}

.mm-panels > .mm-panel {
  top: -5px;
}

.mm-btn_prev:before {
  left: 5px;
}

.color--1 {
  color: #fff;
  background: #000;
}
.color--2 {
  color: #fff;
  background: -webkit-linear-gradient(0deg, #b70000, #f52a2a);
}
.color--3 {
  color: #000;
  background: #ffbe16;
}

.btn--admin {
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(60deg, #e30000, #ff5c00) border-box;
  padding: 10px 32px;
  border: 1px solid transparent;
  border-radius: 40px;
  display: inline-block;
}
.btn--admin:hover {
  background: linear-gradient(#000, #000) padding-box, linear-gradient(60deg, #000, #000) border-box;
  color: #fff !important;
}

.btn--admin:hover span {
  background: -webkit-linear-gradient(0deg, #fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

b,
strong {
  font-weight: 700 !important;
}

.product--rating .rating {
  width: calc(var(--rating) / 5 * 100%);
}

[data-te-collapse-collapsed] {
  transition: all 0.4s ease-out; /* Add transition effect */
  overflow: hidden; /* Hide content when collapsed */
}

.tooltip-card {
  position: relative;
}

.tooltip-card .tooltiptext-card {
  display: none;
  width: 172px;
  background-color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 8px 15px;
  top: 115%;
  border: 1px solid #bfbfbf;
  filter: drop-shadow(0px 1px 0px #bfbfbf) drop-shadow(1px 0px 0px #bfbfbf) drop-shadow(0px -1px 0px #bfbfbf) drop-shadow(-1px 0px 0px #bfbfbf);
}
@media screen and (min-width: 1024px) {
  .tooltip-card .tooltiptext-card {
    width: 215px;
  }
}

.tooltip-card:hover .tooltiptext-card {
  display: flex;
}

.tooltip-card .tooltiptext-card::after {
  content: "";
  position: absolute;
  bottom: 98%;
  left: 5%;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
          clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background: #fff;
  width: 20px;
  height: 15px;
}

.tooltip-card .tooltip-btn {
  display: none;
  margin-top: 16px;
  color: #fff;
  border: none;
  border-radius: 5px;
  background: -webkit-linear-gradient(0deg, #b70000, #f52a2a);
}

.tooltip-card:hover .tooltip-btn {
  display: block;
}

.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker {
  opacity: 0.5;
  z-index: 10 !important;
}

.pr--default .tooltip-card .tooltiptext-card {
  top: 50px;
}
.pr--default .tooltip-card .tooltiptext-card::after {
  right: 5%;
  left: unset;
}
@media (min-width: 640px) {

  .sm\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 320px) {

    .sm\:container {
      max-width: 320px;
    }
  }

  @media (min-width: 640px) {

    .sm\:container {
      max-width: 640px;
    }
  }

  @media (min-width: 768px) {

    .sm\:container {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {

    .sm\:container {
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {

    .sm\:container {
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px) {

    .sm\:container {
      max-width: 1536px;
    }
  }
}
.placeholder\:text-\[15px\]::-moz-placeholder {
  font-size: 15px;
}
.placeholder\:text-\[15px\]::placeholder {
  font-size: 15px;
}
.placeholder\:text-base::-moz-placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.placeholder\:text-base::placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.placeholder\:text-sm::-moz-placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.placeholder\:text-sm::placeholder {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.placeholder\:text-xs::-moz-placeholder {
  font-size: 0.75rem;
  line-height: 1rem;
}
.placeholder\:text-xs::placeholder {
  font-size: 0.75rem;
  line-height: 1rem;
}
.placeholder\:font-medium::-moz-placeholder {
  font-weight: 500;
}
.placeholder\:font-medium::placeholder {
  font-weight: 500;
}
.placeholder\:\!text-black::-moz-placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.placeholder\:\!text-black::placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.placeholder\:text-\[\#000000\]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#000000\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#000000\]\/50::-moz-placeholder {
  color: rgb(0 0 0 / 0.5);
}
.placeholder\:text-\[\#000000\]\/50::placeholder {
  color: rgb(0 0 0 / 0.5);
}
.placeholder\:text-\[\#000\]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#000\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#000\]\/50::-moz-placeholder {
  color: rgb(0 0 0 / 0.5);
}
.placeholder\:text-\[\#000\]\/50::placeholder {
  color: rgb(0 0 0 / 0.5);
}
.placeholder\:text-\[\#242424\]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(36 36 36 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#242424\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(36 36 36 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#242424\]\/60::-moz-placeholder {
  color: rgb(36 36 36 / 0.6);
}
.placeholder\:text-\[\#242424\]\/60::placeholder {
  color: rgb(36 36 36 / 0.6);
}
.placeholder\:text-\[\#272727\]\/60::-moz-placeholder {
  color: rgb(39 39 39 / 0.6);
}
.placeholder\:text-\[\#272727\]\/60::placeholder {
  color: rgb(39 39 39 / 0.6);
}
.placeholder\:text-\[\#9D9D9D\]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity));
}
.placeholder\:text-\[\#9D9D9D\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity));
}
.placeholder\:text-black::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.placeholder\:text-black::placeholder {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.before\:pointer-events-none::before {
  content: var(--tw-content);
  pointer-events: none;
}
.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}
.before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}
.before\:top-2\/4::before {
  content: var(--tw-content);
  top: 50%;
}
.before\:block::before {
  content: var(--tw-content);
  display: block;
}
.before\:inline-flex::before {
  content: var(--tw-content);
  display: inline-flex;
}
.before\:hidden::before {
  content: var(--tw-content);
  display: none;
}
.before\:h-3::before {
  content: var(--tw-content);
  height: 0.75rem;
}
.before\:h-3\.5::before {
  content: var(--tw-content);
  height: 0.875rem;
}
.before\:h-5::before {
  content: var(--tw-content);
  height: 1.25rem;
}
.before\:h-6::before {
  content: var(--tw-content);
  height: 1.5rem;
}
.before\:h-\[14px\]::before {
  content: var(--tw-content);
  height: 14px;
}
.before\:h-full::before {
  content: var(--tw-content);
  height: 100%;
}
.before\:w-3::before {
  content: var(--tw-content);
  width: 0.75rem;
}
.before\:w-3\.5::before {
  content: var(--tw-content);
  width: 0.875rem;
}
.before\:w-5::before {
  content: var(--tw-content);
  width: 1.25rem;
}
.before\:w-6::before {
  content: var(--tw-content);
  width: 1.5rem;
}
.before\:w-\[14px\]::before {
  content: var(--tw-content);
  width: 14px;
}
.before\:w-full::before {
  content: var(--tw-content);
  width: 100%;
}
.before\:-translate-y-2\/4::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\:border::before {
  content: var(--tw-content);
  border-width: 1px;
}
.before\:border-2::before {
  content: var(--tw-content);
  border-width: 2px;
}
.before\:border-black::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.before\:bg-black\/15::before {
  content: var(--tw-content);
  background-color: rgb(0 0 0 / 0.15);
}
.before\:bg-white::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.before\:bg-white\/15::before {
  content: var(--tw-content);
  background-color: rgb(255 255 255 / 0.15);
}
.before\:bg-none::before {
  content: var(--tw-content);
  background-image: none;
}
.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}
.after\:pointer-events-none::after {
  content: var(--tw-content);
  pointer-events: none;
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:bottom-4::after {
  content: var(--tw-content);
  bottom: 1rem;
}
.after\:left-0::after {
  content: var(--tw-content);
  left: 0px;
}
.after\:left-2\/4::after {
  content: var(--tw-content);
  left: 50%;
}
.after\:left-\[3px\]::after {
  content: var(--tw-content);
  left: 3px;
}
.after\:left-\[5px\]::after {
  content: var(--tw-content);
  left: 5px;
}
.after\:right-4::after {
  content: var(--tw-content);
  right: 1rem;
}
.after\:right-\[11px\]::after {
  content: var(--tw-content);
  right: 11px;
}
.after\:top-1\/2::after {
  content: var(--tw-content);
  top: 50%;
}
.after\:top-2::after {
  content: var(--tw-content);
  top: 0.5rem;
}
.after\:top-2\/4::after {
  content: var(--tw-content);
  top: 50%;
}
.after\:top-3::after {
  content: var(--tw-content);
  top: 0.75rem;
}
.after\:top-\[3px\]::after {
  content: var(--tw-content);
  top: 3px;
}
.after\:z-\[2\]::after {
  content: var(--tw-content);
  z-index: 2;
}
.after\:mt-\[0rem\]::after {
  content: var(--tw-content);
  margin-top: 0rem;
}
.after\:flex::after {
  content: var(--tw-content);
  display: flex;
}
.after\:hidden::after {
  content: var(--tw-content);
  display: none;
}
.after\:h-2::after {
  content: var(--tw-content);
  height: 0.5rem;
}
.after\:h-2\.5::after {
  content: var(--tw-content);
  height: 0.625rem;
}
.after\:h-3::after {
  content: var(--tw-content);
  height: 0.75rem;
}
.after\:h-3\.5::after {
  content: var(--tw-content);
  height: 0.875rem;
}
.after\:h-\[14px\]::after {
  content: var(--tw-content);
  height: 14px;
}
.after\:h-\[17px\]::after {
  content: var(--tw-content);
  height: 17px;
}
.after\:w-2::after {
  content: var(--tw-content);
  width: 0.5rem;
}
.after\:w-2\.5::after {
  content: var(--tw-content);
  width: 0.625rem;
}
.after\:w-3::after {
  content: var(--tw-content);
  width: 0.75rem;
}
.after\:w-3\.5::after {
  content: var(--tw-content);
  width: 0.875rem;
}
.after\:w-\[14px\]::after {
  content: var(--tw-content);
  width: 14px;
}
.after\:w-\[17px\]::after {
  content: var(--tw-content);
  width: 17px;
}
.after\:-translate-x-2\/4::after {
  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));
}
.after\:-translate-y-1\/2::after {
  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));
}
.after\:-translate-y-2\/4::after {
  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));
}
.after\:items-center::after {
  content: var(--tw-content);
  align-items: center;
}
.after\:justify-center::after {
  content: var(--tw-content);
  justify-content: center;
}
.after\:rounded-\[1px\]::after {
  content: var(--tw-content);
  border-radius: 1px;
}
.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:border-none::after {
  content: var(--tw-content);
  border-style: none;
}
.after\:bg-\[\#C8C8C8\]::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(200 200 200 / var(--tw-bg-opacity));
}
.after\:bg-cs-red::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(227 0 0 / var(--tw-bg-opacity));
}
.after\:text-base::after {
  content: var(--tw-content);
  font-size: 1rem;
  line-height: 1.5rem;
}
.after\:text-xl::after {
  content: var(--tw-content);
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.after\:font-bold::after {
  content: var(--tw-content);
  font-weight: 700;
}
.after\:font-semibold::after {
  content: var(--tw-content);
  font-weight: 600;
}
.after\:\!leading-\[16px\]::after {
  content: var(--tw-content);
  line-height: 16px !important;
}
.after\:text-cs-red::after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(227 0 0 / var(--tw-text-opacity));
}
.after\:text-white::after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.after\:shadow-\[0_4px_10px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]::after {
  content: var(--tw-content);
  --tw-shadow: 0 4px 10px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 4px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.after\:transition-\[background-color_0\.2s\2c transform_0\.2s\]::after {
  content: var(--tw-content);
  transition-property: background-color 0.2s,transform 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}
.after\:content-\[\'\\002A\'\]::after {
  --tw-content: '\002A';
  content: var(--tw-content);
}
.after\:content-\[\'zoom\'\]::after {
  --tw-content: 'zoom';
  content: var(--tw-content);
}
.after\:content-\[attr\(data-cart-counter\)\]::after {
  --tw-content: attr(data-cart-counter);
  content: var(--tw-content);
}
.first\:ml-0:first-child {
  margin-left: 0px;
}
.last\:mb-0:last-child {
  margin-bottom: 0px;
}
.last\:mr-0:last-child {
  margin-right: 0px;
}
.last\:border-0:last-child {
  border-width: 0px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.last\:pb-0:last-child {
  padding-bottom: 0px;
}
.odd\:bg-\[\#fafafa\]:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.even\:bg-white:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.checked\:rounded-\[5px\]:checked {
  border-radius: 5px;
}
.checked\:border-2:checked {
  border-width: 2px;
}
.checked\:border-black:checked {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.checked\:border-cs-red:checked {
  --tw-border-opacity: 1;
  border-color: rgb(227 0 0 / var(--tw-border-opacity));
}
.checked\:\!bg-\[\#b70000\]:checked {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(183 0 0 / var(--tw-bg-opacity)) !important;
}
.checked\:bg-black:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.checked\:after\:absolute:checked::after {
  content: var(--tw-content);
  position: absolute;
}
.checked\:after\:z-\[2\]:checked::after {
  content: var(--tw-content);
  z-index: 2;
}
.checked\:after\:ml-\[1\.75rem\]:checked::after {
  content: var(--tw-content);
  margin-left: 1.75rem;
}
.checked\:after\:mt-\[0px\]:checked::after {
  content: var(--tw-content);
  margin-top: 0px;
}
.checked\:after\:block:checked::after {
  content: var(--tw-content);
  display: block;
}
.checked\:after\:flex:checked::after {
  content: var(--tw-content);
  display: flex;
}
.checked\:after\:h-\[17px\]:checked::after {
  content: var(--tw-content);
  height: 17px;
}
.checked\:after\:w-\[17px\]:checked::after {
  content: var(--tw-content);
  width: 17px;
}
.checked\:after\:rounded-full:checked::after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.checked\:after\:border-none:checked::after {
  content: var(--tw-content);
  border-style: none;
}
.checked\:after\:bg-white:checked::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.checked\:after\:shadow-\[0_4px_10px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]:checked::after {
  content: var(--tw-content);
  --tw-shadow: 0 4px 10px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 4px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.checked\:after\:transition-\[background-color_0\.2s\2c transform_0\.2s\]:checked::after {
  content: var(--tw-content);
  transition-property: background-color 0.2s,transform 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.checked\:after\:content-\[\'\'\]:checked::after {
  --tw-content: '';
  content: var(--tw-content);
}
.hover\:left-0:hover {
  left: 0px;
}
.hover\:top-0:hover {
  top: 0px;
}
.hover\:z-\[2\]:hover {
  z-index: 2;
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:\!border-\[1px\]:hover {
  border-width: 1px !important;
}
.hover\:border:hover {
  border-width: 1px;
}
.hover\:\!border-cs-red:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(227 0 0 / var(--tw-border-opacity)) !important;
}
.hover\:border-cs-blue:hover {
  --tw-border-opacity: 1;
  border-color: rgb(10 47 116 / var(--tw-border-opacity));
}
.hover\:border-cs-red:hover {
  --tw-border-opacity: 1;
  border-color: rgb(227 0 0 / var(--tw-border-opacity));
}
.hover\:\!bg-cs-red:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(227 0 0 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-\[\#f1f1f1\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 241 / var(--tw-bg-opacity));
}
.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.hover\:bg-cs-blue:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(10 47 116 / var(--tw-bg-opacity));
}
.hover\:bg-cs-red:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(227 0 0 / var(--tw-bg-opacity));
}
.hover\:bg-cs-yellow:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 168 0 / var(--tw-bg-opacity));
}
.hover\:bg-gradient-to-r:hover {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.hover\:from-black:hover {
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-cs-dark-red:hover {
  --tw-gradient-from: #B70000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(183 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-cs-light-red:hover {
  --tw-gradient-from: #F52A2A var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 42 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-transparent:hover {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-black:hover {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.hover\:to-cs-dark-red:hover {
  --tw-gradient-to: #B70000 var(--tw-gradient-to-position);
}
.hover\:to-cs-light-red:hover {
  --tw-gradient-to: #F52A2A var(--tw-gradient-to-position);
}
.hover\:px-\[22px\]:hover {
  padding-left: 22px;
  padding-right: 22px;
}
.hover\:py-\[15px\]:hover {
  padding-top: 15px;
  padding-bottom: 15px;
}
.hover\:pl-2:hover {
  padding-left: 0.5rem;
}
.hover\:font-bold:hover {
  font-weight: 700;
}
.hover\:\!text-cs-red:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(227 0 0 / var(--tw-text-opacity)) !important;
}
.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hover\:text-cs-green:hover {
  --tw-text-opacity: 1;
  color: rgb(133 198 104 / var(--tw-text-opacity));
}
.hover\:text-cs-red:hover {
  --tw-text-opacity: 1;
  color: rgb(227 0 0 / var(--tw-text-opacity));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:no-underline:hover {
  text-decoration-line: none;
}
.hover\:opacity-75:hover {
  opacity: 0.75;
}
.hover\:shadow-lg:hover {
  --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);
}
.focus\:z-\[3\]:focus {
  z-index: 3;
}
.focus\:border:focus {
  border-width: 1px;
}
.focus\:border-2:focus {
  border-width: 2px;
}
.focus\:border-cs-blue:focus {
  --tw-border-opacity: 1;
  border-color: rgb(10 47 116 / var(--tw-border-opacity));
}
.focus\:border-cs-red:focus {
  --tw-border-opacity: 1;
  border-color: rgb(227 0 0 / var(--tw-border-opacity));
}
.focus\:bg-\[\#f1f1f1\]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 241 / var(--tw-bg-opacity));
}
.focus\:opacity-100:focus {
  opacity: 1;
}
.focus\:shadow-lg:focus {
  --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);
}
.focus\:shadow-none:focus {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + 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\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.active\:no-underline:active {
  text-decoration-line: none;
}
.active\:shadow-lg:active {
  --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);
}
.group:hover .group-hover\:visible {
  visibility: visible;
}
.group:hover .group-hover\:-translate-y-0 {
  --tw-translate-y: -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));
}
.group:hover .group-hover\:-translate-y-0\.5 {
  --tw-translate-y: -0.125rem;
  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));
}
.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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));
}
.group:hover .group-hover\:from-black {
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.group:hover .group-hover\:to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.group:hover .group-hover\:fill-\[\#E30000\] {
  fill: #E30000;
}
.group:hover .group-hover\:fill-cs-red {
  fill: #E30000;
}
.group:hover .group-hover\:text-cs-red {
  --tw-text-opacity: 1;
  color: rgb(227 0 0 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group[data-te-collapse-collapsed] .group-\[\[data-te-collapse-collapsed\]\]\:mr-2\.5 {
  margin-right: 0.625rem;
}
.group[data-te-collapse-collapsed] .group-\[\[data-te-collapse-collapsed\]\]\:rotate-0 {
  --tw-rotate: 0deg;
  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));
}
.group[data-te-collapse-collapsed] .group-\[\[data-te-collapse-collapsed\]\]\:rotate-\[-180deg\] {
  --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));
}
.group.added .group-\[\&\.added\]\:fill-\[\#B70000\] {
  fill: #B70000;
}
.group[data-te-collapse-collapsed] .group-\[\[data-te-collapse-collapsed\]\]\:fill-\[\#212529\] {
  fill: #212529;
}
.peer:checked ~ .peer-checked\:bg-cs-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(10 47 116 / var(--tw-bg-opacity));
}
.peer:checked ~ .peer-checked\:font-bold {
  font-weight: 700;
}
.peer:checked ~ .peer-checked\:text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.peer:checked ~ .peer-checked\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.peer:checked ~ .peer-checked\:after\:block::after {
  content: var(--tw-content);
  display: block;
}
.peer:checked ~ .peer-checked\:after\:flex::after {
  content: var(--tw-content);
  display: flex;
}
.has-\[\:checked\]\:bg-cs-red:has(:checked) {
  --tw-bg-opacity: 1;
  background-color: rgb(227 0 0 / var(--tw-bg-opacity));
}
.has-\[\:checked\]\:before\:border-cs-red:has(:checked)::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(227 0 0 / var(--tw-border-opacity));
}
.has-\[\:checked\]\:after\:flex:has(:checked)::after {
  content: var(--tw-content);
  display: flex;
}
.data-\[te-dropdown-show\]\:block[data-te-dropdown-show] {
  display: block;
}
@media (prefers-reduced-motion: reduce) {

  .motion-reduce\:transition-none {
    transition-property: none;
  }
}
@media (max-width: 1399px) {

  .max-\[1399px\]\:max-w-\[250px\] {
    max-width: 250px;
  }
}
@media (max-width: 1169px) {

  .max-\[1169px\]\:max-w-\[235px\] {
    max-width: 235px;
  }
}
@media (max-width: 1149px) {

  .max-\[1149px\]\:max-w-\[156px\] {
    max-width: 156px;
  }

  .max-\[1149px\]\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (max-width: 1089px) {

  .max-\[1089px\]\:max-w-\[123px\] {
    max-width: 123px;
  }
}
@media (max-width: 1049px) {

  .max-\[1049px\]\:max-w-\[81px\] {
    max-width: 81px;
  }
}
@media (max-width: 1024px) {

  .max-\[1024px\]\:justify-end {
    justify-content: flex-end;
  }

  .max-\[1024px\]\:justify-items-center {
    justify-items: center;
  }

  .max-\[1024px\]\:space-x-\[5px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(5px * var(--tw-space-x-reverse));
    margin-left: calc(5px * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (max-width: 1023px) {

  .max-\[1023px\]\:left-\[-250px\] {
    left: -250px;
  }

  .max-\[1023px\]\:order-1 {
    order: 1;
  }

  .max-\[1023px\]\:order-2 {
    order: 2;
  }

  .max-\[1023px\]\:order-3 {
    order: 3;
  }

  .max-\[1023px\]\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .max-\[1023px\]\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .max-\[1023px\]\:flex {
    display: flex;
  }

  .max-\[1023px\]\:\!h-\[100px\] {
    height: 100px !important;
  }

  .max-\[1023px\]\:h-10 {
    height: 2.5rem;
  }

  .max-\[1023px\]\:h-\[30px\] {
    height: 30px;
  }

  .max-\[1023px\]\:h-fit {
    height: -moz-fit-content;
    height: fit-content;
  }

  .max-\[1023px\]\:w-10 {
    width: 2.5rem;
  }

  .max-\[1023px\]\:w-full {
    width: 100%;
  }

  .max-\[1023px\]\:flex-col {
    flex-direction: column;
  }

  .max-\[1023px\]\:items-center {
    align-items: center;
  }

  .max-\[1023px\]\:justify-center {
    justify-content: center;
  }

  .max-\[1023px\]\:justify-items-center {
    justify-items: center;
  }

  .max-\[1023px\]\:gap-2\.5 {
    gap: 0.625rem;
  }

  .max-\[1023px\]\:gap-y-5 {
    row-gap: 1.25rem;
  }

  .max-\[1023px\]\:space-y-\[15px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(15px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(15px * var(--tw-space-y-reverse));
  }

  .max-\[1023px\]\:border-b {
    border-bottom-width: 1px;
  }

  .max-\[1023px\]\:border-\[\#ccc\] {
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity));
  }
}
@media (max-width: 768px) {

  .max-\[768px\]\:left-2\/4 {
    left: 50%;
  }

  .max-\[768px\]\:max-w-\[210px\] {
    max-width: 210px;
  }

  .max-\[768px\]\:-translate-x-2\/4 {
    --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));
  }
}
@media (max-width: 649px) {

  .max-\[649px\]\:max-w-\[300px\] {
    max-width: 300px;
  }
}
@media (max-width: 450px) {

  .max-\[450px\]\:max-w-\[200px\] {
    max-width: 200px;
  }
}
@media (max-width: 419px) {

  .max-\[419px\]\:hidden {
    display: none;
  }

  .max-\[419px\]\:flex-col {
    flex-direction: column;
  }

  .max-\[419px\]\:gap-2\.5 {
    gap: 0.625rem;
  }

  .max-\[419px\]\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (max-width: 418px) {

  .max-\[418px\]\:self-center {
    align-self: center;
  }
}
@media (max-width: 370px) {

  .max-\[370px\]\:gap-\[15px\] {
    gap: 15px;
  }
}
@media (min-width: 420px) {

  .min-\[420px\]\:items-center {
    align-items: center;
  }
}
@media (min-width: 451px) {

  .min-\[451px\]\:w-\[768px\] {
    width: 768px;
  }
}
@media (min-width: 570px) {

  .min-\[570px\]\:gap-5 {
    gap: 1.25rem;
  }
}
@media (min-width: 576px) {

  .min-\[576px\]\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .min-\[576px\]\:mt-7 {
    margin-top: 1.75rem;
  }

  .min-\[576px\]\:min-h-\[calc\(100\%-3\.5rem\)\] {
    min-height: calc(100% - 3.5rem);
  }

  .min-\[576px\]\:max-w-\[100rem\] {
    max-width: 100rem;
  }

  .min-\[576px\]\:max-w-\[500px\] {
    max-width: 500px;
  }

  .min-\[576px\]\:max-w-\[64rem\] {
    max-width: 64rem;
  }
}
@media (min-width: 580px) {

  .min-\[580px\]\:grid-cols-\[0\.9fr_0\.4fr\] {
    grid-template-columns: 0.9fr 0.4fr;
  }
}
@media (min-width: 600px) {

  .min-\[600px\]\:max-w-\[514px\] {
    max-width: 514px;
  }

  .min-\[600px\]\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 640px) {

  .sm\:\!left-5 {
    left: 1.25rem !important;
  }

  .sm\:\!right-5 {
    right: 1.25rem !important;
  }

  .sm\:bottom-10 {
    bottom: 2.5rem;
  }

  .sm\:right-10 {
    right: 2.5rem;
  }

  .sm\:mt-\[50px\] {
    margin-top: 50px;
  }

  .sm\:block {
    display: block;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-\[56px\] {
    height: 56px;
  }

  .sm\:max-h-full {
    max-height: 100%;
  }

  .sm\:w-72 {
    width: 18rem;
  }

  .sm\:max-w-\[300px\] {
    max-width: 300px;
  }

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

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

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

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

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

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

  .sm\:gap-\[5px\] {
    gap: 5px;
  }

  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .sm\:space-y-\[15px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(15px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(15px * var(--tw-space-y-reverse));
  }

  .sm\:rounded-\[70px\] {
    border-radius: 70px;
  }

  .sm\:p-2 {
    padding: 0.5rem;
  }

  .sm\:p-2\.5 {
    padding: 0.625rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

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

  .sm\:py-\[25px\] {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .sm\:py-\[75px\] {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-\[24px\] {
    font-size: 24px;
  }

  .sm\:text-\[28px\] {
    font-size: 28px;
  }

  .sm\:text-\[35px\] {
    font-size: 35px;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .sm\:\!leading-\[30px\] {
    line-height: 30px !important;
  }

  .placeholder\:sm\:text-base::-moz-placeholder {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .placeholder\:sm\:text-base::placeholder {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .placeholder\:sm\:text-sm::-moz-placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .placeholder\:sm\:text-sm::placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .group:hover .group-hover\:sm\:shadow-\[0_0_10px_rgba\(0\2c 0\2c 0\2c \.25\)\] {
    --tw-shadow: 0 0 10px rgba(0,0,0,.25);
    --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 720px) {

  .min-\[720px\]\:min-w-\[385px\] {
    min-width: 385px;
  }
}
@media (min-width: 768px) {

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

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .md\:mb-16 {
    margin-bottom: 4rem;
  }

  .md\:mb-20 {
    margin-bottom: 5rem;
  }

  .md\:mb-40 {
    margin-bottom: 10rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:mb-\[30px\] {
    margin-bottom: 30px;
  }

  .md\:mt-10 {
    margin-top: 2.5rem;
  }

  .md\:mt-\[100px\] {
    margin-top: 100px;
  }

  .md\:mt-\[30px\] {
    margin-top: 30px;
  }

  .md\:mt-\[70px\] {
    margin-top: 70px;
  }

  .md\:inline-table {
    display: inline-table;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-\[170px\] {
    height: 170px;
  }

  .md\:w-80 {
    width: 20rem;
  }

  .md\:w-96 {
    width: 24rem;
  }

  .md\:w-\[1023px\] {
    width: 1023px;
  }

  .md\:w-\[170px\] {
    width: 170px;
  }

  .md\:w-auto {
    width: auto;
  }

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

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

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

  .md\:grid-cols-\[300px_1fr\] {
    grid-template-columns: 300px 1fr;
  }

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

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

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

  .md\:gap-10 {
    gap: 2.5rem;
  }

  .md\:gap-14 {
    gap: 3.5rem;
  }

  .md\:gap-\[50px\] {
    gap: 50px;
  }

  .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-x-\[30px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(30px * var(--tw-space-x-reverse));
    margin-left: calc(30px * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .md\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }

  .md\:rounded-\[100px\] {
    border-radius: 100px;
  }

  .md\:bg-transparent {
    background-color: transparent;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-\[30px\] {
    padding: 30px;
  }

  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px;
  }

  .md\:px-\[35px\] {
    padding-left: 35px;
    padding-right: 35px;
  }

  .md\:py-\[100px\] {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .md\:py-\[50px\] {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .md\:pb-24 {
    padding-bottom: 6rem;
  }

  .md\:pb-\[100px\] {
    padding-bottom: 100px;
  }

  .md\:pl-4 {
    padding-left: 1rem;
  }

  .md\:pr-5 {
    padding-right: 1.25rem;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:pt-24 {
    padding-top: 6rem;
  }

  .md\:pt-\[100px\] {
    padding-top: 100px;
  }

  .md\:pt-\[50px\] {
    padding-top: 50px;
  }

  .md\:text-right {
    text-align: right;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-\[15px\] {
    font-size: 15px;
  }

  .md\:text-\[16px\] {
    font-size: 16px;
  }

  .md\:text-\[22px\] {
    font-size: 22px;
  }

  .md\:text-\[24px\] {
    font-size: 24px;
  }

  .md\:text-\[26px\] {
    font-size: 26px;
  }

  .md\:text-\[28px\] {
    font-size: 28px;
  }

  .md\:text-\[32px\] {
    font-size: 32px;
  }

  .md\:text-\[35px\] {
    font-size: 35px;
  }

  .md\:text-\[36px\] {
    font-size: 36px;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:leading-none {
    line-height: 1;
  }

  .md\:placeholder\:text-\[15px\]::-moz-placeholder {
    font-size: 15px;
  }

  .md\:placeholder\:text-\[15px\]::placeholder {
    font-size: 15px;
  }

  .md\:placeholder\:text-sm::-moz-placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:placeholder\:text-sm::placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 860px) {

  .min-\[860px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {

  .lg\:\!visible {
    visibility: visible !important;
  }

  .lg\:absolute {
    position: absolute;
  }

  .lg\:relative {
    position: relative;
  }

  .lg\:left-0 {
    left: 0px;
  }

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

  .lg\:left-\[-153px\] {
    left: -153px;
  }

  .lg\:left-\[2px\] {
    left: 2px;
  }

  .lg\:left-\[45\%\] {
    left: 45%;
  }

  .lg\:left-\[9px\] {
    left: 9px;
  }

  .lg\:right-0 {
    right: 0px;
  }

  .lg\:top-5 {
    top: 1.25rem;
  }

  .lg\:top-\[-30px\] {
    top: -30px;
  }

  .lg\:top-\[100\%\] {
    top: 100%;
  }

  .lg\:top-\[2px\] {
    top: 2px;
  }

  .lg\:z-\[0\] {
    z-index: 0;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:order-none {
    order: 0;
  }

  .lg\:\!ml-\[50px\] {
    margin-left: 50px !important;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .lg\:mb-\[100px\] {
    margin-bottom: 100px;
  }

  .lg\:mb-\[12px\] {
    margin-bottom: 12px;
  }

  .lg\:mb-\[30px\] {
    margin-bottom: 30px;
  }

  .lg\:mb-\[44px\] {
    margin-bottom: 44px;
  }

  .lg\:mb-\[50px\] {
    margin-bottom: 50px;
  }

  .lg\:ml-0 {
    margin-left: 0px;
  }

  .lg\:ml-1 {
    margin-left: 0.25rem;
  }

  .lg\:ml-2 {
    margin-left: 0.5rem;
  }

  .lg\:ml-2\.5 {
    margin-left: 0.625rem;
  }

  .lg\:ml-auto {
    margin-left: auto;
  }

  .lg\:mr-6 {
    margin-right: 1.5rem;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:mt-0\.5 {
    margin-top: 0.125rem;
  }

  .lg\:mt-2 {
    margin-top: 0.5rem;
  }

  .lg\:mt-2\.5 {
    margin-top: 0.625rem;
  }

  .lg\:mt-5 {
    margin-top: 1.25rem;
  }

  .lg\:mt-\[100px\] {
    margin-top: 100px;
  }

  .lg\:mt-\[150px\] {
    margin-top: 150px;
  }

  .lg\:mt-\[30px\] {
    margin-top: 30px;
  }

  .lg\:mt-\[50px\] {
    margin-top: 50px;
  }

  .lg\:mt-\[60px\] {
    margin-top: 60px;
  }

  .lg\:line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

  .lg\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .lg\:block {
    display: block;
  }

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

  .lg\:\!flex {
    display: flex !important;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-\[14px\] {
    height: 14px;
  }

  .lg\:h-\[180px\] {
    height: 180px;
  }

  .lg\:h-\[20px\] {
    height: 20px;
  }

  .lg\:h-\[29px\] {
    height: 29px;
  }

  .lg\:h-\[50px\] {
    height: 50px;
  }

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

  .lg\:h-auto {
    height: auto;
  }

  .lg\:h-fit {
    height: -moz-fit-content;
    height: fit-content;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:max-h-10 {
    max-height: 2.5rem;
  }

  .lg\:min-h-\[500px\] {
    min-height: 500px;
  }

  .lg\:min-h-\[960px\] {
    min-height: 960px;
  }

  .lg\:w-1\/5 {
    width: 20%;
  }

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

  .lg\:w-\[101\%\] {
    width: 101%;
  }

  .lg\:w-\[1580px\] {
    width: 1580px;
  }

  .lg\:w-\[1795px\] {
    width: 1795px;
  }

  .lg\:w-\[180px\] {
    width: 180px;
  }

  .lg\:w-\[223px\] {
    width: 223px;
  }

  .lg\:w-\[24px\] {
    width: 24px;
  }

  .lg\:w-\[60px\] {
    width: 60px;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:min-w-2 {
    min-width: 0.5rem;
  }

  .lg\:min-w-2\.5 {
    min-width: 0.625rem;
  }

  .lg\:min-w-\[129px\] {
    min-width: 129px;
  }

  .lg\:max-w-\[100px\] {
    max-width: 100px;
  }

  .lg\:max-w-\[150px\] {
    max-width: 150px;
  }

  .lg\:max-w-\[1580px\] {
    max-width: 1580px;
  }

  .lg\:max-w-\[200px\] {
    max-width: 200px;
  }

  .lg\:max-w-\[300px\] {
    max-width: 300px;
  }

  .lg\:max-w-\[350px\] {
    max-width: 350px;
  }

  .lg\:max-w-\[380px\] {
    max-width: 380px;
  }

  .lg\:max-w-\[460px\] {
    max-width: 460px;
  }

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

  .lg\:-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));
  }

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

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

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

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

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

  .lg\:grid-cols-\[1fr_30\%\] {
    grid-template-columns: 1fr 30%;
  }

  .lg\:grid-cols-\[20\%_80\%\] {
    grid-template-columns: 20% 80%;
  }

  .lg\:grid-cols-\[22\%_78\%\] {
    grid-template-columns: 22% 78%;
  }

  .lg\:grid-cols-\[300px_1fr\] {
    grid-template-columns: 300px 1fr;
  }

  .lg\:grid-cols-\[630px_1px_1fr\] {
    grid-template-columns: 630px 1px 1fr;
  }

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

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

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

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

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

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

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

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

  .lg\:gap-0 {
    gap: 0px;
  }

  .lg\:gap-10 {
    gap: 2.5rem;
  }

  .lg\:gap-2 {
    gap: 0.5rem;
  }

  .lg\:gap-2\.5 {
    gap: 0.625rem;
  }

  .lg\:gap-3 {
    gap: 0.75rem;
  }

  .lg\:gap-3\.5 {
    gap: 0.875rem;
  }

  .lg\:gap-5 {
    gap: 1.25rem;
  }

  .lg\:gap-7 {
    gap: 1.75rem;
  }

  .lg\:gap-x-5 {
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .lg\:gap-y-0 {
    row-gap: 0px;
  }

  .lg\:gap-y-10 {
    row-gap: 2.5rem;
  }

  .lg\:gap-y-\[15px\] {
    row-gap: 15px;
  }

  .lg\:gap-y-\[50px\] {
    row-gap: 50px;
  }

  .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(5rem * var(--tw-space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-\[14px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(14px * var(--tw-space-x-reverse));
    margin-left: calc(14px * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-\[30px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(30px * var(--tw-space-x-reverse));
    margin-left: calc(30px * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-\[50px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(50px * var(--tw-space-x-reverse));
    margin-left: calc(50px * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-\[5px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(5px * var(--tw-space-x-reverse));
    margin-left: calc(5px * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .lg\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-\[15px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(15px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(15px * var(--tw-space-y-reverse));
  }

  .lg\:space-y-\[25px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(25px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(25px * var(--tw-space-y-reverse));
  }

  .lg\:space-y-\[30px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(30px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(30px * var(--tw-space-y-reverse));
  }

  .lg\:justify-self-start {
    justify-self: start;
  }

  .lg\:justify-self-end {
    justify-self: end;
  }

  .lg\:justify-self-center {
    justify-self: center;
  }

  .lg\:overflow-y-visible {
    overflow-y: visible;
  }

  .lg\:whitespace-nowrap {
    white-space: nowrap;
  }

  .lg\:rounded {
    border-radius: 0.25rem;
  }

  .lg\:rounded-\[100px\] {
    border-radius: 100px;
  }

  .lg\:rounded-\[150px\] {
    border-radius: 150px;
  }

  .lg\:rounded-\[20px\] {
    border-radius: 20px;
  }

  .lg\:rounded-\[35px\] {
    border-radius: 35px;
  }

  .lg\:rounded-\[5px\] {
    border-radius: 5px;
  }

  .lg\:border {
    border-width: 1px;
  }

  .lg\:border-l {
    border-left-width: 1px;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:border-t-0 {
    border-top-width: 0px;
  }

  .lg\:border-\[\#DDA9A9\] {
    --tw-border-opacity: 1;
    border-color: rgb(221 169 169 / var(--tw-border-opacity));
  }

  .lg\:\!bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  }

  .lg\:bg-transparent {
    background-color: transparent;
  }

  .lg\:p-0 {
    padding: 0px;
  }

  .lg\:p-5 {
    padding: 1.25rem;
  }

  .lg\:p-\[35px\] {
    padding: 35px;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

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

  .lg\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .lg\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .lg\:px-\[19px\] {
    padding-left: 19px;
    padding-right: 19px;
  }

  .lg\:px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px;
  }

  .lg\:px-\[50px\] {
    padding-left: 50px;
    padding-right: 50px;
  }

  .lg\:px-\[87px\] {
    padding-left: 87px;
    padding-right: 87px;
  }

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

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

  .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .lg\:py-\[11px\] {
    padding-top: 11px;
    padding-bottom: 11px;
  }

  .lg\:py-\[14px\] {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .lg\:py-\[150px\] {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .lg\:py-\[15px\] {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .lg\:py-\[24px\] {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .lg\:py-\[30px\] {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .lg\:py-\[50px\] {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .lg\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .lg\:pb-\[100px\] {
    padding-bottom: 100px;
  }

  .lg\:pb-\[30px\] {
    padding-bottom: 30px;
  }

  .lg\:pb-\[50px\] {
    padding-bottom: 50px;
  }

  .lg\:pl-1 {
    padding-left: 0.25rem;
  }

  .lg\:pr-\[15px\] {
    padding-right: 15px;
  }

  .lg\:pr-\[2px\] {
    padding-right: 2px;
  }

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  .lg\:pt-2 {
    padding-top: 0.5rem;
  }

  .lg\:pt-2\.5 {
    padding-top: 0.625rem;
  }

  .lg\:pt-5 {
    padding-top: 1.25rem;
  }

  .lg\:pt-\[100px\] {
    padding-top: 100px;
  }

  .lg\:pt-\[130px\] {
    padding-top: 130px;
  }

  .lg\:pt-\[150px\] {
    padding-top: 150px;
  }

  .lg\:pt-\[15px\] {
    padding-top: 15px;
  }

  .lg\:pt-\[30px\] {
    padding-top: 30px;
  }

  .lg\:pt-\[35px\] {
    padding-top: 35px;
  }

  .lg\:pt-\[50px\] {
    padding-top: 50px;
  }

  .lg\:pt-\[60px\] {
    padding-top: 60px;
  }

  .lg\:pt-\[78px\] {
    padding-top: 78px;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-center {
    text-align: center;
  }

  .lg\:text-right {
    text-align: right;
  }

  .lg\:text-end {
    text-align: end;
  }

  .lg\:\!text-\[22px\] {
    font-size: 22px !important;
  }

  .lg\:\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

  .lg\:\!text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }

  .lg\:\!text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-\[120px\] {
    font-size: 120px;
  }

  .lg\:text-\[2\.6rem\] {
    font-size: 2.6rem;
  }

  .lg\:text-\[20px\] {
    font-size: 20px;
  }

  .lg\:text-\[22px\] {
    font-size: 22px;
  }

  .lg\:text-\[26px\] {
    font-size: 26px;
  }

  .lg\:text-\[28px\] {
    font-size: 28px;
  }

  .lg\:text-\[32px\] {
    font-size: 32px;
  }

  .lg\:text-\[34px\] {
    font-size: 34px;
  }

  .lg\:text-\[36px\] {
    font-size: 36px;
  }

  .lg\:text-\[40px\] {
    font-size: 40px;
  }

  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .lg\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .lg\:\!leading-\[120px\] {
    line-height: 120px !important;
  }

  .lg\:\!leading-\[16px\] {
    line-height: 16px !important;
  }

  .lg\:\!leading-\[18px\] {
    line-height: 18px !important;
  }

  .lg\:\!leading-\[24px\] {
    line-height: 24px !important;
  }

  .lg\:\!leading-\[26px\] {
    line-height: 26px !important;
  }

  .lg\:\!leading-\[28px\] {
    line-height: 28px !important;
  }

  .lg\:\!leading-\[30px\] {
    line-height: 30px !important;
  }

  .lg\:\!leading-\[32px\] {
    line-height: 32px !important;
  }

  .lg\:\!leading-\[40px\] {
    line-height: 40px !important;
  }

  .lg\:\!leading-\[44px\] {
    line-height: 44px !important;
  }

  .lg\:\!leading-\[50px\] {
    line-height: 50px !important;
  }

  .lg\:text-\[32x\] {
    color: 32x;
  }

  .lg\:transition-none {
    transition-property: none;
  }

  .placeholder\:lg\:text-base::-moz-placeholder {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .placeholder\:lg\:text-base::placeholder {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .placeholder\:lg\:text-sm::-moz-placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .placeholder\:lg\:text-sm::placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .hover\:lg\:left-0:hover {
    left: 0px;
  }

  .hover\:lg\:top-0:hover {
    top: 0px;
  }

  .hover\:lg\:px-\[21px\]:hover {
    padding-left: 21px;
    padding-right: 21px;
  }

  .hover\:lg\:py-\[18px\]:hover {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .min-\[1024px\]\:ml-2\.5 {
    margin-left: 0.625rem;
  }
}
@media (min-width: 1060px) {

  .min-\[1060px\]\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1240px) {

  .min-\[1240px\]\:max-w-\[250px\] {
    max-width: 250px;
  }

  .min-\[1240px\]\:flex-row {
    flex-direction: row;
  }

  .min-\[1240px\]\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
}
@media (min-width: 1280px) {

  .xl\:left-\[62\%\] {
    left: 62%;
  }

  .xl\:left-\[65\%\] {
    left: 65%;
  }

  .xl\:top-\[25\%\] {
    top: 25%;
  }

  .xl\:ml-\[30px\] {
    margin-left: 30px;
  }

  .xl\:ml-\[43px\] {
    margin-left: 43px;
  }

  .xl\:ml-\[52px\] {
    margin-left: 52px;
  }

  .xl\:mt-\[34px\] {
    margin-top: 34px;
  }

  .xl\:table-column-group {
    display: table-column-group;
  }

  .xl\:h-\[200px\] {
    height: 200px;
  }

  .xl\:w-\[200px\] {
    width: 200px;
  }

  .xl\:max-w-\[250px\] {
    max-width: 250px;
  }

  .xl\:max-w-\[300px\] {
    max-width: 300px;
  }

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

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

  .xl\:rounded-\[200px\] {
    border-radius: 200px;
  }

  .xl\:px-\[100px\] {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media (min-width: 1350px) {

  .min-\[1350px\]\:w-\[600px\] {
    width: 600px;
  }
}
@media (min-width: 1400px) {

  .min-\[1400px\]\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (min-width: 1480px) {

  .min-\[1480px\]\:left-0 {
    left: 0px;
  }
}
@media (min-width: 1536px) {

  .\32xl\:left-\[70\%\] {
    left: 70%;
  }

  .\32xl\:left-\[72\%\] {
    left: 72%;
  }

  .\32xl\:h-\[250px\] {
    height: 250px;
  }

  .\32xl\:w-\[250px\] {
    width: 250px;
  }
}
@media (min-width: 1750px) {

  .min-\[1750px\]\:h-\[300px\] {
    height: 300px;
  }

  .min-\[1750px\]\:w-\[300px\] {
    width: 300px;
  }
}
.\[\&\.selected\]\:font-bold.selected {
  font-weight: 700;
}
.\[\&\.selected\]\:after\:flex.selected::after {
  content: var(--tw-content);
  display: flex;
}
.\[\&\:not\(\[data-te-collapse-collapsed\]\)\]\:border-0:not([data-te-collapse-collapsed]) {
  border-width: 0px;
}
.\[\&\:not\(\[data-te-collapse-collapsed\]\)\]\:bg-white:not([data-te-collapse-collapsed]) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.\[\&\:not\(\[data-te-collapse-collapsed\]\)\]\:bg-gradient-to-r:not([data-te-collapse-collapsed]) {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.\[\&\:not\(\[data-te-collapse-collapsed\]\)\]\:from-cs-dark-red:not([data-te-collapse-collapsed]) {
  --tw-gradient-from: #B70000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(183 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.\[\&\:not\(\[data-te-collapse-collapsed\]\)\]\:to-cs-light-red:not([data-te-collapse-collapsed]) {
  --tw-gradient-to: #F52A2A var(--tw-gradient-to-position);
}
.\[\&\:not\(\[data-te-collapse-collapsed\]\)\]\:text-white:not([data-te-collapse-collapsed]) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&\:not\(\[data-te-collapse-collapsed\]\)\]\:\[box-shadow\:inset_-1px_-1px_0_rgba\(204\2c 204\2c 204\)\]:not([data-te-collapse-collapsed]) {
  box-shadow: inset -1px -1px 0 rgba(204,204,204);
}
.\[\&\:not\(\[data-te-collapse-collapsed\]\)\]\:\[box-shadow\:inset_0_-1px_0_rgba\(204\2c 204\2c 204\)\]:not([data-te-collapse-collapsed]) {
  box-shadow: inset 0 -1px 0 rgba(204,204,204);
}
.\[\&\[data-te-offcanvas-show\]\]\:transform-none[data-te-offcanvas-show] {
  transform: none;
}
