/*
! tailwindcss v3.2.4 | 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: #eee; /* 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.
*/

html {
  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: "DINNextLTArabic", -apple-system, BlinkMacSystemFont;
  font-family: var(--font-main), -apple-system, BlinkMacSystemFont; /* 4 */
  font-feature-settings: normal; /* 5 */
}

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

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

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

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

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

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

/*
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. Correct the odd `em` font sizing in all browsers.
*/

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

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 rgba(0,0,0,0);
}

[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

input::placeholder,textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

[multiple] {
  background-image: none;
  background-image: initial;
  background-position: 0 0;
  background-position: initial;
  background-repeat: repeat;
  background-repeat: initial;
  background-size: auto auto;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: inherit;
          print-color-adjust: inherit;
}

[type='checkbox'],[type='radio'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 rgba(0,0,0,0);
}

[type='checkbox'] {
  border-radius: 0px;
}

[type='radio'] {
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

[type='radio']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='file'] {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}

[type='file']:focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}

*, ::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-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: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  --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-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: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  --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;
  padding-right: 10px;
  padding-left: 10px;
}@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}.form-input,.form-textarea,.form-select,.form-multiselect {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 rgba(0,0,0,0);
}.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}.form-input::placeholder,.form-textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}.form-input::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}.form-input::-webkit-date-and-time-value {
  min-height: 1.5em;
}.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}.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;
}.static {
  position: static;
}.absolute {
  position: absolute;
}.relative {
  position: relative;
}.sticky {
  position: sticky;
}.top-24 {
  top: 6rem;
}.top-1\.5 {
  top: 0.375rem;
}.top-1 {
  top: 0.25rem;
}.-bottom-5 {
  bottom: -1.25rem;
}.top-0 {
  top: 0px;
}.right-0 {
  right: 0px;
}.top-full {
  top: 100%;
}.left-0 {
  left: 0px;
}.-top-6 {
  top: -1.5rem;
}.top-2 {
  top: 0.5rem;
}.bottom-0 {
  bottom: 0px;
}.top-16 {
  top: 4rem;
}.-z-1 {
  z-index: -1;
}.z-0 {
  z-index: 0;
}.z-50 {
  z-index: 50;
}.z-10 {
  z-index: 10;
}.z-20 {
  z-index: 20;
}.z-1 {
  z-index: 1;
}.-order-1 {
  order: -1;
}.col-span-2 {
  grid-column: span 2 / span 2;
}.m-auto {
  margin: auto;
}.m-1 {
  margin: 0.25rem;
}.m-2\.5 {
  margin: 0.625rem;
}.m-2 {
  margin: 0.5rem;
}.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}.mx-1\.5 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}.mx-auto {
  margin-left: auto;
  margin-right: auto;
}.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}.mb-5 {
  margin-bottom: 1.25rem;
}.mb-8 {
  margin-bottom: 2rem;
}.mb-4 {
  margin-bottom: 1rem;
}.mt-8 {
  margin-top: 2rem;
}.mb-2 {
  margin-bottom: 0.5rem;
}.mt-5 {
  margin-top: 1.25rem;
}.mb-1\.5 {
  margin-bottom: 0.375rem;
}.mb-1 {
  margin-bottom: 0.25rem;
}.mt-6 {
  margin-top: 1.5rem;
}.mt-2\.5 {
  margin-top: 0.625rem;
}.mt-2 {
  margin-top: 0.5rem;
}.-mb-52 {
  margin-bottom: -13rem;
}.mb-2\.5 {
  margin-bottom: 0.625rem;
}.mt-4 {
  margin-top: 1rem;
}.mb-6 {
  margin-bottom: 1.5rem;
}.-mt-1 {
  margin-top: -0.25rem;
}.mb-3 {
  margin-bottom: 0.75rem;
}.mt-16 {
  margin-top: 4rem;
}.\!mb-0 {
  margin-bottom: 0px !important;
}.mt-3 {
  margin-top: 0.75rem;
}.mt-7 {
  margin-top: 1.75rem;
}.-mt-2 {
  margin-top: -0.5rem;
}.mb-0 {
  margin-bottom: 0px;
}.mb-14 {
  margin-bottom: 3.5rem;
}.mb-10 {
  margin-bottom: 2.5rem;
}.-mb-2 {
  margin-bottom: -0.5rem;
}.mb-20 {
  margin-bottom: 5rem;
}.mb-12 {
  margin-bottom: 3rem;
}.mt-10 {
  margin-top: 2.5rem;
}.mt-12 {
  margin-top: 3rem;
}.mr-auto {
  margin-right: auto;
}.-mt-4 {
  margin-top: -1rem;
}.mt-1 {
  margin-top: 0.25rem;
}.mb-3\.5 {
  margin-bottom: 0.875rem;
}.mt-0 {
  margin-top: 0px;
}.mt-auto {
  margin-top: auto;
}.block {
  display: block;
}.\!block {
  display: block !important;
}.inline-block {
  display: inline-block;
}.inline {
  display: inline;
}.flex {
  display: flex;
}.\!flex {
  display: flex !important;
}.inline-flex {
  display: inline-flex;
}.table {
  display: table;
}.flow-root {
  display: flow-root;
}.grid {
  display: grid;
}.hidden {
  display: none;
}.\!hidden {
  display: none !important;
}.h-full {
  height: 100%;
}.h-20 {
  height: 5rem;
}.h-4 {
  height: 1rem;
}.h-10 {
  height: 2.5rem;
}.h-56 {
  height: 14rem;
}.h-\[42px\] {
  height: 42px;
}.h-52 {
  height: 13rem;
}.h-12 {
  height: 3rem;
}.\!h-8 {
  height: 2rem !important;
}.h-7 {
  height: 1.75rem;
}.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}.h-80 {
  height: 20rem;
}.h-72 {
  height: 18rem;
}.h-auto {
  height: auto;
}.h-40 {
  height: 10rem;
}.h-48 {
  height: 12rem;
}.h-16 {
  height: 4rem;
}.h-px {
  height: 1px;
}.\!h-36 {
  height: 9rem !important;
}.h-24 {
  height: 6rem;
}.h-6 {
  height: 1.5rem;
}.h-32 {
  height: 8rem;
}.h-14 {
  height: 3.5rem;
}.h-9 {
  height: 2.25rem;
}.h-0 {
  height: 0px;
}.max-h-full {
  max-height: 100%;
}.max-h-\[70px\] {
  max-height: 70px;
}.max-h-\[24px\] {
  max-height: 24px;
}.max-h-\[550px\] {
  max-height: 550px;
}.max-h-\[220px\] {
  max-height: 220px;
}.max-h-\[300px\] {
  max-height: 300px;
}.min-h-full {
  min-height: 100%;
}.min-h-\[42px\] {
  min-height: 42px;
}.min-h-fit {
  min-height: -moz-fit-content;
  min-height: fit-content;
}.min-h-\[210px\] {
  min-height: 210px;
}.min-h-\[40px\] {
  min-height: 40px;
}.min-h-\[120px\] {
  min-height: 120px;
}.w-12 {
  width: 3rem;
}.w-full {
  width: 100%;
}.w-20 {
  width: 5rem;
}.w-24 {
  width: 6rem;
}.w-10 {
  width: 2.5rem;
}.w-8 {
  width: 2rem;
}.w-40 {
  width: 10rem;
}.\!w-\[160px\] {
  width: 160px !important;
}.\!w-8 {
  width: 2rem !important;
}.w-14 {
  width: 3.5rem;
}.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}.w-80 {
  width: 20rem;
}.w-\[95\%\] {
  width: 95%;
}.w-16 {
  width: 4rem;
}.\!w-36 {
  width: 9rem !important;
}.w-6 {
  width: 1.5rem;
}.w-7 {
  width: 1.75rem;
}.min-w-full {
  min-width: 100%;
}.max-w-xs {
  max-width: 20rem;
}.max-w-3xl {
  max-width: 48rem;
}.max-w-sm {
  max-width: 24rem;
}.max-w-full {
  max-width: 100%;
}.max-w-\[550px\] {
  max-width: 550px;
}.max-w-\[450px\] {
  max-width: 450px;
}.max-w-\[1200px\] {
  max-width: 1200px;
}.max-w-\[calc\(100\%-60px\)\] {
  max-width: calc(100% - 60px);
}.flex-1 {
  flex: 1 1 0%;
}.flex-none {
  flex: none;
}.shrink-0 {
  flex-shrink: 0;
}.\!shrink-0 {
  flex-shrink: 0 !important;
}.flex-grow {
  flex-grow: 1;
}.grow {
  flex-grow: 1;
}.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-4 {
  --tw-translate-y: 1rem;
  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-3 {
  --tw-translate-y: 0.75rem;
  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-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.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-pointer {
  cursor: pointer;
}.resize {
  resize: both;
}.grid-flow-row {
  grid-auto-flow: row;
}.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}.grid-cols-3 {
  grid-template-columns: 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;
}.items-start {
  align-items: flex-start;
}.items-end {
  align-items: flex-end;
}.items-center {
  align-items: center;
}.items-stretch {
  align-items: stretch;
}.justify-start {
  justify-content: flex-start;
}.justify-end {
  justify-content: flex-end;
}.justify-center {
  justify-content: center;
}.justify-between {
  justify-content: space-between;
}.justify-around {
  justify-content: space-around;
}.gap-4 {
  gap: 1rem;
}.gap-3 {
  gap: 0.75rem;
}.gap-2\.5 {
  gap: 0.625rem;
}.gap-2 {
  gap: 0.5rem;
}.gap-5 {
  gap: 1.25rem;
}.gap-10 {
  gap: 2.5rem;
}.gap-8 {
  gap: 2rem;
}.gap-6 {
  gap: 1.5rem;
}.gap-1 {
  gap: 0.25rem;
}.gap-y-1 {
  row-gap: 0.25rem;
}.gap-x-2\.5 {
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}.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 * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}.space-y-px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1px * (1 - var(--tw-space-y-reverse)));
  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1px * var(--tw-space-y-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 * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-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 * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * (1 - var(--tw-space-y-reverse)));
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-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 * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}.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 * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.25rem * 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 * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * (1 - var(--tw-space-y-reverse)));
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-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 * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.375rem * 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 * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
}.self-start {
  align-self: flex-start;
}.justify-self-end {
  justify-self: end;
}.overflow-hidden {
  overflow: hidden;
}.text-ellipsis {
  text-overflow: ellipsis;
}.whitespace-nowrap {
  white-space: nowrap;
}.whitespace-pre-line {
  white-space: pre-line;
}.break-words {
  word-wrap: break-word;
}.break-all {
  word-break: break-all;
}.rounded {
  border-radius: 6px;
}.rounded-full {
  border-radius: 9999px;
}.\!rounded-full {
  border-radius: 9999px !important;
}.rounded-sm {
  border-radius: 0.125rem;
}.rounded-md {
  border-radius: 0.375rem;
}.rounded-3xl {
  border-radius: 1.5rem;
}.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}.border {
  border-width: 1px;
}.border-2 {
  border-width: 2px;
}.border-0 {
  border-width: 0px;
}.border-b {
  border-bottom-width: 1px;
}.border-t {
  border-top-width: 1px;
}.border-l {
  border-left-width: 1px;
}.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}.border-primary {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}.border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgba(134, 239, 172, var(--tw-border-opacity));
}.border-white\/10 {
  border-color: rgba(255, 255, 255, 0.1);
}.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
}.border-b-gray-200 {
  --tw-border-opacity: 1;
  border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity));
}.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}.bg-primary {
  background-color: #5cd5c4;
  background-color: var(--color-primary);
}.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(240, 253, 244, var(--tw-bg-opacity));
}.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}.bg-inherit {
  background-color: inherit;
}.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}.bg-black\/90 {
  background-color: rgba(0, 0, 0, 0.9);
}.bg-white\/90 {
  background-color: rgba(255, 255, 255, 0.9);
}.bg-cover {
  background-size: cover;
}.bg-center {
  background-position: center;
}.bg-right {
  background-position: right;
}.bg-left {
  background-position: left;
}.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-center {
  -o-object-position: center;
     object-position: center;
}.p-1 {
  padding: 0.25rem;
}.p-2\.5 {
  padding: 0.625rem;
}.p-2 {
  padding: 0.5rem;
}.p-5 {
  padding: 1.25rem;
}.p-4 {
  padding: 1rem;
}.p-8 {
  padding: 2rem;
}.p-3 {
  padding: 0.75rem;
}.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}.\!py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}.\!py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}.py-11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}.pb-3 {
  padding-bottom: 0.75rem;
}.pt-6 {
  padding-top: 1.5rem;
}.pb-12 {
  padding-bottom: 3rem;
}.pr-14 {
  padding-right: 3.5rem;
}.pl-5 {
  padding-left: 1.25rem;
}.\!pt-1 {
  padding-top: 0.25rem !important;
}.pt-1\.5 {
  padding-top: 0.375rem;
}.pt-1 {
  padding-top: 0.25rem;
}.pt-16 {
  padding-top: 4rem;
}.pb-10 {
  padding-bottom: 2.5rem;
}.pb-2 {
  padding-bottom: 0.5rem;
}.pt-36 {
  padding-top: 9rem;
}.pb-5 {
  padding-bottom: 1.25rem;
}.pt-2\.5 {
  padding-top: 0.625rem;
}.pt-2 {
  padding-top: 0.5rem;
}.pt-8 {
  padding-top: 2rem;
}.pt-10 {
  padding-top: 2.5rem;
}.pb-4 {
  padding-bottom: 1rem;
}.pb-20 {
  padding-bottom: 5rem;
}.pb-6 {
  padding-bottom: 1.5rem;
}.pt-24 {
  padding-top: 6rem;
}.pt-3 {
  padding-top: 0.75rem;
}.pt-0 {
  padding-top: 0px;
}.pb-1 {
  padding-bottom: 0.25rem;
}.pt-14 {
  padding-top: 3.5rem;
}.pt-5 {
  padding-top: 1.25rem;
}.pt-4 {
  padding-top: 1rem;
}.text-center {
  text-align: center;
}.text-right {
  text-align: right;
}[dir="ltr"] .text-start {
  text-align: left;
}[dir="rtl"] .text-start {
  text-align: right;
}[dir="ltr"] .text-end {
  text-align: right;
}[dir="rtl"] .text-end {
  text-align: left;
}.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}.text-5xl {
  font-size: 3rem;
  line-height: 1;
}.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}.text-7xl {
  font-size: 4.5rem;
  line-height: 1;
}.\!text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}.text-\[0px\] {
  font-size: 0px;
}.font-bold {
  font-weight: 700;
}.font-extrabold {
  font-weight: 800;
}.font-medium {
  font-weight: 500;
}.font-normal {
  font-weight: 400;
}.font-semibold {
  font-weight: 600;
}.leading-6 {
  line-height: 1.5rem;
}.leading-8 {
  line-height: 2rem;
}.leading-none {
  line-height: 1;
}.\!leading-tight {
  line-height: 1.25 !important;
}.\!leading-\[1\.15\] {
  line-height: 1.15 !important;
}.leading-10 {
  line-height: 2.5rem;
}.leading-\[25px\] {
  line-height: 25px;
}.leading-normal {
  line-height: 1.5;
}.leading-7 {
  line-height: 1.75rem;
}.leading-5 {
  line-height: 1.25rem;
}.text-red-400 {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.text-primary {
  color: #5cd5c4;
  color: var(--color-primary);
}.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.text-red-700 {
  --tw-text-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-text-opacity));
}.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-text-opacity));
}.text-green-500 {
  --tw-text-opacity: 1;
  color: rgba(34, 197, 94, var(--tw-text-opacity));
}.text-red-200 {
  --tw-text-opacity: 1;
  color: rgba(254, 202, 202, var(--tw-text-opacity));
}.text-primary-reverse {
  color: #fff;
  color: var(--color-primary-reverse);
}.text-orange-400 {
  --tw-text-opacity: 1;
  color: rgba(251, 146, 60, var(--tw-text-opacity));
}.text-zinc-500 {
  --tw-text-opacity: 1;
  color: rgba(113, 113, 122, var(--tw-text-opacity));
}.text-zinc-800 {
  --tw-text-opacity: 1;
  color: rgba(39, 39, 42, var(--tw-text-opacity));
}.text-zinc-600 {
  --tw-text-opacity: 1;
  color: rgba(82, 82, 91, var(--tw-text-opacity));
}.text-red-500 {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
}.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity));
}.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.\!text-primary {
  color: #5cd5c4 !important;
  color: var(--color-primary) !important;
}.text-transparent {
  color: transparent;
}.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-text-opacity));
}.text-dark {
  --tw-text-opacity: 1;
  color: rgba(34, 36, 43, var(--tw-text-opacity));
}.text-white\/75 {
  color: rgba(255, 255, 255, 0.75);
}.underline {
  text-decoration-line: underline;
}.line-through {
  text-decoration-line: line-through;
}.opacity-100 {
  opacity: 1;
}.opacity-0 {
  opacity: 0;
}.opacity-70 {
  opacity: 0.7;
}.opacity-20 {
  opacity: 0.2;
}.opacity-80 {
  opacity: 0.8;
}.opacity-60 {
  opacity: 0.6;
}.opacity-50 {
  opacity: 0.5;
}.bg-blend-overlay {
  background-blend-mode: overlay;
}.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.shadow-card {
  --tw-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0px 5px 15px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.outline {
  outline-style: solid;
}.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-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-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.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-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.duration-300 {
  transition-duration: 300ms;
}.duration-500 {
  transition-duration: 500ms;
}.duration-1000 {
  transition-duration: 1000ms;
}.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}.s-hidden {
  display: none;
}.s-has-error {
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}.s-has-error:focus {
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}.rounded-icon {
  display: flex;
  height: 4rem;
  width: 4rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 1.875rem;
  line-height: 2.25rem;
}.form-input {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  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: 300ms;
}.form-input:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  --tw-ring-color: transparent;
}.dark .form-input {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}.dark .form-input:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}@media (min-width: 640px) {

  .form-input {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}.btn {
  display: inline-flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.375rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.625rem;
  padding-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  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: 300ms;
}.btn:hover {
  opacity: 0.8;
}.form-control {
  display: block;
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}.form-control:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  --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), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
}.form-label {
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}.form-group {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}.has-error .s-form-label {
  color: #ff443a;
}.has-error .s-form-control, .has-error .s-tel-input-control, .has-error .s-datetime-picker-input {
  border-color: #ff443a;
  color: #ff443a;
}.toggle-checkbox .s-toggle-input {
  position: absolute;
  visibility: hidden;
}.toggle-checkbox .s-toggle-switcher {
  display: inline-block;
  background: #ccc;
  border-radius: 16px;
  width: 40px;
  height: 25px;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}.toggle-checkbox .s-toggle-switcher:before,.toggle-checkbox .s-toggle-switcher:after {
  content: "";
}.toggle-checkbox .s-toggle-switcher:before {
  display: block;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.25);
  width: 20px;
  height: 21px;
  position: absolute;
  top: 2.2px;
  left: 1px;
  transition: left 0.25s;
}.toggle-checkbox .s-toggle-input:checked + div {
  background: #30D158;
}.toggle-checkbox .s-toggle-input:checked + div:before {
  left: 18px;
}.s-has-error {
  --tw-border-opacity: 1 !important;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgba(239, 68, 68, var(--tw-text-opacity)) !important;
}.s-ltr {
  direction: ltr;
}.s-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 rgba(0,0,0,0);
}.s-input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}.s-input::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}.s-input::placeholder {
  color: #6b7280;
  opacity: 1;
}.s-input::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}.s-input::-webkit-date-and-time-value {
  min-height: 1.5em;
}.s-input::-webkit-datetime-edit,.s-input::-webkit-datetime-edit-year-field,.s-input::-webkit-datetime-edit-month-field,.s-input::-webkit-datetime-edit-day-field,.s-input::-webkit-datetime-edit-hour-field,.s-input::-webkit-datetime-edit-minute-field,.s-input::-webkit-datetime-edit-second-field,.s-input::-webkit-datetime-edit-millisecond-field,.s-input::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}.s-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 2.5rem;
  width: 100%;
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  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: 300ms;
}.s-input:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  --tw-ring-color: transparent;
}.dark .s-input {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}.dark .s-input:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}@media (min-width: 640px) {

  .s-input {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}.s-input {
  height: 42px;
  width: 100%;
  border-radius: 6px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  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: 300ms;
}.s-input:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  --tw-ring-color: transparent;
}.dark .s-input {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}.dark .s-input:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}@media (min-width: 640px) {

  .s-input {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}.s-input{-moz-appearance:none;appearance:none;-webkit-appearance:none}textarea.s-input {
  height: 6rem;
}.s-hidden {
  display: none;
}.s-block {
  display: block;
}.s-form-control {
  display: block;
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}.s-form-control:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  --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), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
}.s-form-label {
  color: rgba(17, 24, 39, var(--tw-text-opacity));
  margin-bottom: 0.625rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.s-form-group {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}.s-checkbox {
  cursor: pointer;
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  margin: 0;
  width: 18px;
  height: 18px;
  border-width: 1px;
  border-radius: 4px;
  display: grid;
  align-content: center;
  justify-content: center;
  place-content: center;
}.s-checkbox:before {
  content: ;
  width: 10px;
  height: 10px;
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
          clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #444;
  background-color: #444;
}.s-checkbox:checked:before {
  transform: scale(1);
}.s-checkbox *{pointer-events:none}.s-checkbox::before {
  --tw-content: '';
  content: var(--tw-content);
}.s-font-default {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-family: "DINNextLTArabic", -apple-system, BlinkMacSystemFont;
  font-family: var(--font-main), -apple-system, BlinkMacSystemFont;
}.s-form-has-error .s-form-label {
  color: #ff443a;
}.s-form-has-error .s-form-control,.s-form-has-error .s-tel-input-control,.s-form-has-error .s-datetime-picker-input {
  border-color: #ff443a;
  color: #ff443a;
}.s-form-has-error {
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}.s-form-has-error:focus {
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}.text-danger {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}.s-scrollbar::-webkit-scrollbar {
  width: 5px;
}.s-scrollbar::-webkit-scrollbar-track {
  background-color: #eee;
}.s-scrollbar::-webkit-scrollbar-thumb {
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}.s-toggle {
  cursor: pointer;
  display: inline-block;
}.s-toggle .s-toggle-input {
  position: absolute;
  visibility: hidden;
}.s-toggle .s-toggle-label {
  margin-left: 5px;
  position: relative;
  top: 2px;
}.s-toggle .s-toggle-switcher {
  display: inline-block;
  background: #ccc;
  border-radius: 16px;
  width: 40px;
  height: 25px;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}.s-toggle .s-toggle-switcher:before,.s-toggle .s-toggle-switcher:after {
  content: "";
}.s-toggle .s-toggle-switcher:before {
  display: block;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.25);
  width: 20px;
  height: 21px;
  position: absolute;
  top: 2.2px;
  left: 1px;
  transition: left 0.25s;
}.s-toggle .s-toggle-input:checked + div {
  background: #30D158;
}.s-toggle .s-toggle-input:checked + div:before {
  left: 18px;
}.s-button-wrap {
  pointer-events: none;
}.s-button-wrap[width='wide'] {
  width: 100%;
}.s-button-wrap[type='submit'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}.s-button-wrap[type='button'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}.s-button-wrap[type='reset'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}.s-button-wrap[loading] .s-button-loader-center .s-button-text {
  opacity: 0;
}.s-button-element:not(:disabled):not([loading]) {
  pointer-events: auto;
}.s-button-btn {
  position: relative;
  display: inline-flex;
  flex: 1 1 0%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.375rem;
  border-style: solid;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.625rem;
  padding-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  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: 300ms;
}.s-button-btn:hover {
  opacity: 0.8;
}.s-button-wrap svg {
  height: 1.25rem;
  width: 1.25rem;
  fill: currentColor;
}.s-button-icon {
  border-radius: 9999px !important;
  padding: 0px !important;
  line-height: 1 !important;
}.s-button-icon {
  position: relative;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: inline-flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  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: 300ms;
}.s-button-icon .s-button-text {
  display: flex;
}.s-button-icon.s-button-large {
  height: 3.5rem;
  width: 3.5rem;
}.s-button-icon.s-button-large svg {
  height: 2rem;
  width: 2rem;
}.s-button-icon.s-button-small {
  height: 1.5rem;
  width: 1.5rem;
}.s-button-icon.s-button-small svg {
  height: 0.875rem;
  width: 0.875rem;
}.s-button-icon.s-button-small .s-button-loader:before {
  height: 0.875rem;
  width: 0.875rem;
}.s-button-link {
  fill: #5cd5c4;
  fill: var(--color-primary);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  color: #5cd5c4;
  color: var(--color-primary);
  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: 300ms;
}.s-button-link:hover {
  opacity: 0.7;
}.s-button-disabled {
  opacity: 0.5;
}.s-button-fill-none {
  border-width: 0px !important;
  background-color: transparent !important;
}.s-button-outline {
  border-width: 1px;
  border-color: currentColor;
}.s-button-outline:hover {
  border-color: transparent;
}.s-button-outline .s-button-loader:before {
  border-top-color: currentColor;
  border-left-color: currentColor;
}.s-button-solid .s-button-loader:before {
  border-top-color: rgba(255, 255, 255, var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-right-color: rgba(255, 255, 255, var(--tw-border-opacity));
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-left-color: rgba(255, 255, 255, 0.2);
}.s-button-primary {
  border-width: 1px;
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  color: #fff;
  color: var(--color-primary-reverse);
}.s-button-primary:hover {
  background-color: var(--color-primary-dark);
}.s-button-success {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(34, 197, 94, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(34, 197, 94, var(--tw-bg-opacity));
  fill: #fff;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-button-success:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(22, 163, 74, var(--tw-bg-opacity));
}.s-button-danger {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  fill: #fff;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-button-danger:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}.s-button-warning {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  fill: #fff;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-button-warning:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
}.s-button-gray {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  fill: #fff;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-button-gray:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
}.s-button-dark {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  fill: #fff;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-button-dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}.s-button-light {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-button-light:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}.s-button-primary-outline {
  fill: #5cd5c4;
  fill: var(--color-primary);
  color: #5cd5c4;
  color: var(--color-primary);
}.s-button-primary-outline:hover {
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  fill: #fff;
  fill: var(--color-primary-reverse);
  color: #fff;
  color: var(--color-primary-reverse);
}.s-button-success-outline {
  fill: #22c55e;
  --tw-text-opacity: 1;
  color: rgba(34, 197, 94, var(--tw-text-opacity));
}.s-button-success-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(34, 197, 94, var(--tw-bg-opacity));
  fill: #fff;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-button-danger-outline {
  fill: #f87171;
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}.s-button-danger-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  fill: #fff;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-button-warning-outline {
  fill: #fbbf24;
  --tw-text-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-text-opacity));
}.s-button-warning-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
  fill: #fff;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-button-gray-outline {
  fill: #9ca3af;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-button-gray-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  fill: #fff;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-button-dark-outline {
  fill: #374151;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.s-button-dark-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  fill: #fff;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-button-light-outline {
  --tw-border-opacity: 1 !important;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity)) !important;
}.s-button-light-outline {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  fill: #6b7280;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.s-button-light-outline:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity)) !important;
}.s-button-primary-link {
  fill: #5cd5c4;
  fill: var(--color-primary);
  color: #5cd5c4;
  color: var(--color-primary);
}.s-button-success-link {
  fill: #22c55e;
  --tw-text-opacity: 1;
  color: rgba(34, 197, 94, var(--tw-text-opacity));
}.s-button-danger-link {
  fill: #f87171;
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}.s-button-warning-link {
  fill: #fbbf24;
  --tw-text-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-text-opacity));
}.s-button-gray-link {
  fill: #9ca3af;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-button-dark-link {
  fill: #374151;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.s-button-light-link {
  fill: #6b7280;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.s-button-small {
  border-radius: 0.125rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.375rem;
  padding-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}.s-button-large {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}.s-button-wide {
  width: 100%;
}.s-button-text {
  pointer-events: none;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}.s-button-loader {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  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;
}.s-button-loader::before {
  display: inline-block;
  height: 1rem;
  content: var(--tw-content);
  width: 1rem;
}@keyframes spin {

  to {
    content: var(--tw-content);
    transform: rotate(360deg);
  }
}.s-button-loader::before {
  animation: spin 1s linear infinite;
  border-radius: 9999px;
  border-width: 2px;
  border-style: solid;
  border-top-color: #5cd5c4;
  border-top-color: var(--color-primary);
  border-left-color: #5cd5c4;
  border-left-color: var(--color-primary);
  border-bottom-color: rgba(243, 244, 246, var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-right-color: rgba(243, 244, 246, var(--tw-border-opacity));
  --tw-content: '';
  content: var(--tw-content);
}.s-button-loader-after .s-button-loader {
  flex-direction: row;
}[dir="ltr"] .s-button-loader-start.s-button-element {
  padding-right: 2rem;
  padding-left: 2.5rem;
}[dir="rtl"] .s-button-loader-start.s-button-element {
  padding-left: 2rem;
  padding-right: 2.5rem;
}.s-button-loader-start .s-button-loader {
  position: absolute;
}input[type=radio].sr-only div.s-button-loader-start .s-button-loader{transition:all .3s}input[type=radio].sr-only:checked~div.s-button-loader-start .s-button-loader{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .s-button-loader-start .s-button-loader {
  left: 0.5rem;
}[dir="rtl"] .s-button-loader-start .s-button-loader {
  right: 0.5rem;
}[dir="ltr"] .s-button-loader-end.s-button-element {
  padding-left: 2rem;
  padding-right: 2.5rem;
}[dir="rtl"] .s-button-loader-end.s-button-element {
  padding-right: 2rem;
  padding-left: 2.5rem;
}.s-button-loader-end .s-button-loader {
  position: absolute;
}input[type=radio].sr-only div.s-button-loader-end .s-button-loader{transition:all .3s}input[type=radio].sr-only:checked~div.s-button-loader-end .s-button-loader{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .s-button-loader-end .s-button-loader {
  right: 0.5rem;
}[dir="rtl"] .s-button-loader-end .s-button-loader {
  left: 0.5rem;
}.s-button-loader-center .s-button-loader {
  margin: 0px !important;
}.s-button-loader-center .s-button-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}input[type=radio].sr-only div.s-button-loader-center .s-button-loader{transition:all .3s}input[type=radio].sr-only:checked~div.s-button-loader-center .s-button-loader{border-color:#5cd5c4;border-color:var(--color-primary)}.s-cart-summary-wrapper {
  text-decoration: none;
  color: #7c8082;
  color: var(--color-text);
  transition: all .5s cubic-bezier(0.2, 1, 0.3, 1);
  align-items: center;
  font-weight: bolder;
  position: relative;
  display: inline-flex;
}.s-cart-thumb {
  position: fixed;
  transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}.s-cart-summary-icon svg {
  height: 1.25rem;
  width: 1.25rem;
  fill: #7c8082;
  fill: var(--color-text);
}.s-cart-summary-count {
  position: absolute;
  top: -8px;
  left: -15px;
  display: inline-flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  padding: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}input[type=radio].sr-only div.s-cart-summary-count{transition:all .3s}input[type=radio].sr-only:checked~div.s-cart-summary-count{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="rtl"] .s-cart-summary-count {
  left: auto;
  left: initial;
  right: -15px;
}.s-color-picker-main {
  margin: 0.25rem;
  display: inline-block;
}.s-color-picker-main .picker_wrapper {
  margin: 0px !important;
  --tw-shadow: 0 0 rgba(0,0,0,0) !important;
  --tw-shadow-colored: 0 0 rgba(0,0,0,0) !important;
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}.s-color-picker-main .picker_arrow {
  display: none;
}.s-color-picker-widget {
  display: flex;
  width: auto;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 0.25rem;
}.s-color-picker-widget svg {
  height: 1.25rem;
  width: 1.25rem;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}.s-color-picker-widget span {
  font-size: 1.125rem;
  line-height: 1.75rem;
}.s-color-picker-widget-canvas {
  height: 2rem;
  width: 2rem;
}.s-comment-form-wrapper {
  display: flex;
  align-items: flex-start;
}.s-comment-form-input {
  height: 6rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
  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: 300ms;
}.s-comment-form-input:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  --tw-ring-offset-width: 0px;
}.dark .s-comment-form-input {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}.s-comment-form-action {
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}.s-comment-form-avatar {
  margin-right: 1.25rem;
  height: 4rem;
  width: 4rem;
  flex-shrink: 0;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}[dir="rtl"] .s-comment-form-avatar {
  margin-right: 0px;
  margin-left: 1.25rem;
}.s-comment-form-content {
  width: 100%;
}.s-comment-form-action salla-button {
  width: 100%;
}@media (min-width: 768px) {

  .s-comment-form-action salla-button {
    width: auto;
  }
}.s-comment-form-action salla-button button {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}.s-count-down-wrapper {
  position: relative;
}.s-count-down-list {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-bottom: 1.25rem;
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}@media (min-width: 640px) {

  .s-count-down-list {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}.s-count-down-item {
  position: relative;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: flex;
  height: 5rem;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "DINNextLTArabic";
  font-family: var(--font-main);
  font-weight: 700;
}.s-count-down-item::after {
  position: absolute;
  left: -2px;
  font-family: inherit;
  --tw-content: ':';
  content: var(--tw-content);
}.s-count-down-item:last-child::after {
  --tw-content: '';
  content: var(--tw-content);
}.s-count-down-item-label {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
  opacity: 0.4;
}.s-count-down-boxed .s-count-down-item {
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}.s-count-down-boxed .s-count-down-item::after {
  --tw-content: '';
  content: var(--tw-content);
}.s-count-down-sm .s-count-down-item {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}.s-count-down-sm .s-count-down-item::after {
  content: var(--tw-content);
  font-size: 1rem;
  line-height: 1.5rem;
}.s-count-down-sm + .s-count-down-end-text {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}.s-count-down-md .s-count-down-item {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
}.s-count-down-md .s-count-down-item::after {
  content: var(--tw-content);
  font-size: 1.125rem;
  line-height: 1.75rem;
}.s-count-down-md + .s-count-down-end-text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
}.s-count-down-lg .s-count-down-item {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}.s-count-down-lg .s-count-down-item::after {
  content: var(--tw-content);
  font-size: 1.875rem;
  line-height: 2.25rem;
}.s-count-down-lg + .s-count-down-end-text {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}.s-count-down-light .s-count-down-item {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-count-down-light .s-count-down-item::after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-count-down-dark .s-count-down-item {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
}.s-count-down-dark .s-count-down-item::after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
}.s-count-down-primary .s-count-down-item {
  color: #5cd5c4;
  color: var(--color-primary);
}.s-count-down-primary .s-count-down-item::after {
  content: var(--tw-content);
  color: #5cd5c4;
  color: var(--color-primary);
}.s-count-down-ended .s-count-down-item {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
  opacity: 0.1;
}.s-count-down-ended .s-count-down-item::after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-count-down-end-text {
  position: absolute;
  top: 50%;
  left: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-family: "DINNextLTArabic";
  font-family: var(--font-main);
  --tw-text-opacity: 1;
  color: rgba(234, 84, 85, var(--tw-text-opacity));
}input[type=radio].sr-only div.s-count-down-end-text{transition:all .3s}input[type=radio].sr-only:checked~div.s-count-down-end-text{border-color:#5cd5c4;border-color:var(--color-primary)}.s-datetime-picker-input {
  display: block;
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}.s-datetime-picker-input:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  --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), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
}.flatpickr-day.selected {
  background: #5cd5c4;
  background: var(--color-primary);
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}.flatpickr-day.selected:hover {
  background: #5cd5c4;
  background: var(--color-primary);
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  opacity: 0.8;
}.flatpickr-months {
  position: relative;
  padding: 10px;
  background: #5cd5c4;
  background: var(--color-primary);
  border-radius: 4px 4px 0 0;
}.flatpickr-months * {
  color: #fff;
}.flatpickr-months .flatpickr-current-month {
  height: auto;
  padding: 0;
}.flatpickr-months .flatpickr-month {
  padding-top: 4px;
}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 20px;
}.flatpickr-months .flatpickr-monthDropdown-months {
  padding: 0;
  margin: 0;
  margin-right: 15px;
  padding-right: 5px;
}.flatpickr-months .flatpickr-monthDropdown-months,.flatpickr-months .numInputWrapper {
  background: transparent !important;
}.flatpickr-months .flatpickr-monthDropdown-months,.flatpickr-months .numInputWrapper {
  font-size: var(--font-base);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 55px;
}@media (max-width: 768px) {

  [dir='rtl'] .flatpickr-calendar {
    right: 30px !important;
  }
}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #5cd5c4;
  border-bottom-color: var(--color-primary);
}.s-file-upload-wrapper .filepond--drop-label {
  height: 100%;
  cursor: pointer;
  border-radius: 6px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.s-file-upload-wrapper .filepond--drop-label *{pointer-events:none}.s-file-upload-wrapper .filepond--drop-label label {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-family: "DINNextLTArabic", -apple-system, BlinkMacSystemFont;
  font-family: var(--font-main), -apple-system, BlinkMacSystemFont;
}.s-file-upload-wrapper .filepond--label-action {
  text-decoration-color: #6b7280;
}.s-file-upload-wrapper .filepond--panel-root {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity)) !important;
}.s-file-upload-wrapper .filepond--panel-root {
  border-radius: 6px;
}.s-file-upload-profile-image .filepond--panel-root {
  border-radius: 9999px !important;
}.s-file-upload-wrapper .filepond--list-scroller {
  overflow-y: inherit !important;
  overflow: inherit !important;
  margin: 0 !important;
}.filepond--root {
  min-height: 120px !important;
  font-family: inherit !important;
}.s-file-upload-wrapper .filepond--item-panel {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}.s-file-upload-wrapper .filepond--drip-blob {
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}.s-file-upload-wrapper .filepond--list {
  left: 0px;
  width: 100%;
}.s-file-upload-wrapper .filepond--file-poster-wrapper {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  margin: 0px;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.45em;
  background-color: rgba(0,0,0,0.01176);
}input[type=radio].sr-only div.s-file-upload-wrapper .filepond--file-poster-wrapper{transition:all .3s}input[type=radio].sr-only:checked~div.s-file-upload-wrapper .filepond--file-poster-wrapper{border-color:#5cd5c4;border-color:var(--color-primary)}.s-file-upload-wrapper .filepond--file-poster {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}input[type=radio].sr-only div.s-file-upload-wrapper .filepond--file-poster{transition:all .3s}input[type=radio].sr-only:checked~div.s-file-upload-wrapper .filepond--file-poster{border-color:#5cd5c4;border-color:var(--color-primary)}.s-file-upload-wrapper .filepond--file-poster-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}input[type=radio].sr-only div.s-file-upload-wrapper .filepond--file-poster-overlay{transition:all .3s}input[type=radio].sr-only:checked~div.s-file-upload-wrapper .filepond--file-poster-overlay{border-color:#5cd5c4;border-color:var(--color-primary)}.s-file-upload-wrapper .filepond--item {
  margin: 0px;
}.s-file-upload-wrapper .filepond--file-status .filepond--file-status-sub {
  width: 275px;
  overflow: hidden;
  text-overflow: ellipsis;
}.s-file-upload-profile-image .filepond--root {
  min-height: 80px !important;
  border-radius: 9999px !important;
}.s-file-upload-profile-image .filepond--root {
  height: 80px;
  width: 80px;
}.s-file-upload-profile-image .filepond--drop-label {
  min-height: 70px !important;
  border-radius: 9999px !important;
}.s-file-upload-profile-image .filepond--drop-label {
  z-index: 7;
  border-style: none;
}.s-file-upload-profile-image .filepond--drop-label label {
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 0.8rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-family: "DINNextLTArabic", -apple-system, BlinkMacSystemFont;
  font-family: var(--font-main), -apple-system, BlinkMacSystemFont;
}.s-file-upload-profile-image .filepond--drop-label label *{pointer-events:none}.s-file-upload-profile-image .filepond--file {
  padding: 0px;
}.s-file-upload-profile-image .filepond--file .filepond--action-remove-item {
  top: auto !important;
  transform: translateX(-50%) translateY(25%) !important;
}.s-file-upload-profile-image .filepond--file .filepond--action-remove-item {
  bottom: -4px;
  left: 50%;
  background-color: rgba(255,68,58,.7);
  cursor: pointer;
  width: 20px;
  height: 20px;
  transition: 0.3s;
}.s-file-upload-profile-image .filepond--file .filepond--action-remove-item:hover {
  background-color: #FF443A;
}.s-file-upload-profile-image .filepond--file .filepond--file-action-button {
  top: 28px;
  right: 28px;
}.s-file-upload-profile-image .filepond--file .filepond--progress-indicator,.s-file-upload-profile-image .filepond--file .filepond--load-indicator,.s-file-upload-profile-image .filepond--file .filepond--processing-complete-indicator {
  top: 48% !important;
}.s-file-upload-profile-image .filepond--file .filepond--progress-indicator,.s-file-upload-profile-image .filepond--file .filepond--load-indicator,.s-file-upload-profile-image .filepond--file .filepond--processing-complete-indicator {
  right: 50%;
  left: auto;
  transform: translateX(50%) translateY(-50%);
}.s-file-upload-profile-image .filepond--item-panel {
  background-color: transparent !important;
}.s-file-upload-.s-file-upload-profile-image .filepond--item-panel .filepond--panel-top,.s-file-upload-profile-image .filepond--item-panel .filepond--panel-center,.s-file-upload-profile-image .filepond--item-panel .filepond--panel-bottom {
  display: none;
}.s-file-upload-profile-image .filepond--file-poster-overlay {
  display: none;
}.s-file-upload-profile-image .filepond--item {
  margin: 0px !important;
  height: 5rem !important;
}.s-file-upload-profile-image .filepond--file-poster {
  height: 100%;
  width: 100%;
}.s-file-upload-profile-image .filepond--file-status {
  display: none;
}.s-file-upload-profile-image .filepond--image-preview-overlay-success {
  top: auto;
  bottom: 0px;
  --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));
}.s-file-upload-profile-image .filepond--image-preview-wrapper {
  border-radius: 9999px;
}.s-file-upload-profile-image .filepond--file-info {
  display: none;
}.s-file-upload-profile-image .filepond--list {
  left: 0px;
  right: 0px;
  height: 100%;
}.s-file-upload-profile-image .filepond--file-poster img {
  height: 100%;
  width: 100%;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}.s-file-upload-profile-image .filepond--file-poster-wrapper {
  overflow: hidden;
  border-radius: 9999px;
}.s-file-upload-profile-image .s-file-upload-has-error .filepond--file-status {
  display: flex !important;
}.s-file-upload-profile-image .s-file-upload-has-error .filepond--file-status {
  position: absolute;
  bottom: -62%;
  left: -190%;
  height: auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}input[type=radio].sr-only div.s-file-upload-profile-image .s-file-upload-has-error .filepond--file-status{transition:all .3s}input[type=radio].sr-only:checked~div.s-file-upload-profile-image .s-file-upload-has-error .filepond--file-status{border-color:#5cd5c4;border-color:var(--color-primary)}.s-file-upload-hidden-input {
  display: none;
}.s-gifting-widget .s-list-tile-item-icon {
  display: none;
}.s-gifting-widget .s-button-text {
  display: flex;
}.s-gifting-widget .s-list-tile-item {
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  padding: 1.25rem;
  text-align: center;
}@media (min-width: 768px) {

  .s-gifting-widget .s-list-tile-item {
    flex-direction: row;
    text-align: left;
  }

  [dir="rtl"] .s-gifting-widget .s-list-tile-item {
    text-align: right;
  }
}.s-gifting-widget-action button {
  margin-top: 1rem;
  border-radius: 9999px;
  --tw-border-opacity: 1;
  border-color: rgba(232, 232, 232, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
  padding-left: 3rem;
  padding-right: 3rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}@media (min-width: 768px) {

  .s-gifting-widget-action button {
    margin-top: 0px;
  }
}.s-gifting-modal-header {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}.s-gifting-modal .s-modal-header {
  display: block;
}.s-gifting-modal .s-modal-body {
  position: relative !important;
  left: auto !important;
  left: initial !important;
  bottom: auto !important;
  bottom: initial !important;
}.s-gifting-modal .s-modal-body {
  padding-bottom: 2rem;
}@media (min-width: 640px) {

  .s-gifting-modal .s-modal-body {
    padding-bottom: 1.5rem;
  }
}.s-gifting-modal-icon {
  margin-bottom: 1.25rem;
  display: flex;
  height: 5rem;
  width: 5rem;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  font-size: 1.875rem;
  line-height: 2.25rem;
}.s-gifting-modal-title {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}.s-gifting-modal-title::before {
  display: block;
  height: 1px;
  flex: 1 1 auto;
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}.s-gifting-modal-title::after {
  display: block;
  height: 1px;
  flex: 1 1 auto;
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}.s-gifting-modal-badge-wrapper {
  display: flex;
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}.s-gifting-modal-badge {
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}[dir="rtl"] .s-gifting-modal-badge {
  margin-right: 0px;
  margin-left: 0.5rem;
}.s-gifting-modal-uploader.has-bg {
  position: relative;
}.s-gifting-modal-uploader.has-bg .s-gifting-remove-preview {
  pointer-events: auto;
  --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));
  opacity: 1;
}.s-gifting-modal-uploader-title {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}.s-gifting-steps-wrapper {
  position: relative;
}.s-gifting-steps-wrapper .s-button-wrap {
  pointer-events: auto !important;
}.is-current-step-2 .gift-step-1, .is-current-step-1 .gift-step-2 {
  pointer-events: none;
  z-index: -1;
}.s-gifting-step-one {
  padding-top: 1.25rem;
}.s-gifting-step-two {
  position: absolute;
  top: 0px;
  left: 0px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  --tw-translate-x: -105%;
  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));
  flex-direction: column;
  opacity: 0;
}input[type=radio].sr-only div.s-gifting-step-two{transition:all .3s}input[type=radio].sr-only:checked~div.s-gifting-step-two{border-color:#5cd5c4;border-color:var(--color-primary)}.s-gifting-step-one .swiper-wrapper {
  height: 100px;
}.s-gifting-step-one .swiper-slide {
  width: auto !important;
}.s-gifting-step-one .filepond--list-scroller {
  overflow-y: hidden;
}.s-gifting-step-one .swiper-wrapper img {
  border-radius: 0.375rem;
  -o-object-fit: cover;
     object-fit: cover;
}.s-gifting-step-one .filepond--root {
  height: 230px;
}.s-gifting-step-one .filepond--list {
  left: 0px !important;
  height: 100% !important;
}.s-gifting-step-one .filepond-bg {
  position: absolute;
  top: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  background-size: cover;
}input[type=radio].sr-only div.s-gifting-step-one .filepond-bg{transition:all .3s}input[type=radio].sr-only:checked~div.s-gifting-step-one .filepond-bg{border-color:#5cd5c4;border-color:var(--color-primary)}.s-gifting-step-one .s-slider-button-next {
  top: 35% !important;
}.s-gifting-step-one .s-slider-button-next button {
  height: 35px;
  width: 35px;
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.s-gifting-step-one .s-slider-button-prev {
  top: 35% !important;
}.s-gifting-step-one .s-slider-button-prev button {
  height: 35px;
  width: 35px;
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.s-gifting-tel-input .s-tel-input-control {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}.s-gifting-tel-input .s-tel-input-error-msg {
  display: none;
}.s-gifting-step-two-footer {
  margin-top: 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}.s-gifting-step-two-footer > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(0.625rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}[dir="rtl"] .s-gifting-step-two-footer {
  flex-direction: row-reverse;
}.s-gifting-step-two-footer a {
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  fill: #5cd5c4;
  fill: var(--color-primary);
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 25px;
  padding-right: 25px;
}.s-gifting-step-two-footer a svg {
  height: 1.25rem;
  width: 1.25rem;
}.s-gifting-step-two .s-form-group.s-form-has-error .s-tel-input-control {
  --tw-border-opacity: 1 !important;
  border-color: rgba(255, 68, 58, var(--tw-border-opacity)) !important;
}.s-gifting-selectText {
  margin-bottom: 20px !important;
}.s-gifting-schedule .s-form-label {
  margin-bottom: 0px !important;
}.s-gifting-schedule {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}.s-gifting-schedule > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}[dir="rtl"] .s-gifting-schedule > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.s-gifting-clickable {
  cursor: pointer;
}.s-gifting-clickable *{pointer-events:none}.s-gifting-remove-preview {
  pointer-events: none;
  position: absolute;
  top: -7px;
  left: -7px;
  z-index: 10;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  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: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}.s-gifting-remove-preview *{pointer-events:none}input[type=radio].sr-only div.s-gifting-remove-preview{transition:all .3s}input[type=radio].sr-only:checked~div.s-gifting-remove-preview{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="rtl"] .s-gifting-remove-preview {
  left: auto;
  left: initial;
  right: -7px;
}.s-gifting-remove-preview svg {
  height: 100%;
  width: 15px;
  fill: #fff;
}.s-gifting-textarea {
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}.s-gifting-calendar-hint {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity));
}.s-gifting-calendar.shown {
  margin-top: 0.75rem;
  height: 75px;
  opacity: 1;
}.s-gifting-textarea.shown {
  height: 122px;
  opacity: 1;
}.s-gifting-calendar.hide {
  pointer-events: none;
  visibility: hidden;
  margin: 0px;
  height: 0px;
  opacity: 0;
}.s-gifting-textarea.hide {
  pointer-events: none;
  visibility: hidden;
  margin: 0px;
  height: 0px;
  opacity: 0;
}.s-gifting-filepond-placeholder-icon svg {
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  height: 4rem;
  width: 3rem;
  fill: #e5e7eb;
}.s-gifting-filepond-placeholder-text {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}.s-gifting-filepond-placeholder-text {
  margin-left: auto;
  margin-right: auto;
  width: 65%;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-family: "DINNextLTArabic", -apple-system, BlinkMacSystemFont;
  font-family: var(--font-main), -apple-system, BlinkMacSystemFont;
}.s-gifting-skeleton-content salla-skeleton:nth-child(1) {
  margin-bottom: 0.75rem;
}.s-gifting-skeleton-content salla-skeleton:nth-child(2) {
  margin-bottom: 1.25rem;
}.s-gifting-skeleton-content salla-skeleton:nth-child(3) {
  margin-bottom: 0.75rem;
}.s-gifting-skeleton-content salla-skeleton:nth-child(4) {
  margin-bottom: 1.25rem;
}.s-gifting-skeleton .s-gifting-modal-header salla-skeleton {
  margin-bottom: 1.25rem;
}.s-gifting-skeleton .s-gifting-modal-title {
  margin-bottom: 1.25rem;
}.s-gifting-image {
  margin-left: 5px;
  margin-right: 5px;
}.s-infinite-scroll-wrapper {
  margin-top: 1rem;
  text-align: center;
}.s-infinite-scroll-last {
  margin: 0px;
  text-align: center;
}.s-infinite-scroll-error {
  margin: 0px;
  text-align: center;
}.s-list-tile-item {
  position: relative;
  display: flex;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
  text-decoration-line: none;
}.s-list-tile-item-href {
  cursor: pointer;
}.s-list-tile-item-href *{pointer-events:none}.s-list-tile-item-icon {
  margin-right: 1rem;
  flex-shrink: 0;
}[dir="rtl"] .s-list-tile-item-icon {
  margin-left: 1rem;
  margin-right: 0px;
}.s-list-tile-item-title {
  font-size: 1rem;
  line-height: 1.5rem;
}.s-list-tile-item-subtitle {
  font-size: 0.875rem;
  line-height: 1.25rem;
}.s-loading-fill-color {
  fill: #5cd5c4;
  fill: var(--color-primary);
}.s-localization-modal-title {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}.s-localization-modal-section {
  margin-bottom: 2rem;
}.s-localization-modal-label-slot {
  flex-grow: 1;
}.s-localization-modal-inner {
  width: 100%;
}.s-localization-modal-section-inner {
  margin-top: 1rem;
}.s-localization-modal-section-inner > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}.s-localization-modal-item {
  display: flex;
  align-items: center;
}.s-localization-modal-input {
  height: 1rem;
  width: 1rem;
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  color: #5cd5c4;
  color: var(--color-primary);
}.s-localization-modal-input:focus {
  --tw-ring-color: var(--color-primary);
}.s-localization-modal-label {
  display: flex;
  flex-grow: 1;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.s-localization-modal-label *{pointer-events:none}[dir="ltr"] .s-localization-modal-label {
  margin-left: 0.75rem;
}[dir="rtl"] .s-localization-modal-label {
  margin-right: 0.75rem;
}.s-localization-modal-flag {
  border-radius: 0.125rem;
}.s-localization-modal-currency {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-localization-modal-select {
  height: 2.5rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  background-position: right;
  background-repeat: no-repeat;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
  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: 300ms;
}.s-localization-modal-select:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}[dir="rtl"] .s-localization-modal-select {
  background-position: left;
}.s-localization-modal-skeleton-content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
}.s-localization-modal-skeleton-content > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}.s-localization-modal-skeleton-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}.s-localization-modal-skeleton-item-flex {
  display: flex;
  align-items: center;
}.s-localization-modal-skeleton-item-flex salla-skeleton:nth-child(1) {
  margin-right: 0.75rem;
}[dir="rtl"] .s-localization-modal-skeleton-item-flex salla-skeleton:nth-child(1) {
  margin-right: 0px;
  margin-left: 0.75rem;
}.s-login-modal .s-modal-padding {
  padding-top: 60px;
}@media (min-width: 640px) {

  .s-login-modal .s-modal-padding {
    padding-top: 1.5rem;
  }
}.s-login-modal-sub-title {
  margin-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-login-modal-main-btn {
  position: relative;
  margin-bottom: 0.625rem;
  box-sizing: content-box;
  display: flex;
  min-width: 0px;
  flex: 1 1 0%;
  align-items: center;
  justify-content: space-between;
}.s-login-modal-main-btn > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}.s-login-modal-main-btn {
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}.s-login-modal-main-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}[dir="ltr"] .s-login-modal-main-btn {
  padding-right: 1rem;
  padding-left: 1.25rem;
}[dir="rtl"] .s-login-modal-main-btn > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}[dir="rtl"] .s-login-modal-main-btn {
  padding-left: 1rem;
  padding-right: 1.25rem;
}.s-login-modal-main-btn-icon {
  flex-shrink: 0;
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  display: flex;
  height: 4rem;
  width: 4rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 1.875rem;
  line-height: 2.25rem;
}.s-login-modal-main-btn-icon svg {
  fill: #fff;
}.s-login-modal-main-btn-text {
  flex: 1 1 0%;
  padding: 0.75rem;
  font-weight: 700;
}.s-login-modal-main-btn-arrow svg {
  height: 1rem;
  width: 1rem;
  fill: #1f2937;
}.s-login-modal-header-icon {
  display: inline-flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}[dir="ltr"] .s-login-modal-header-icon {
  margin-right: 0.5rem;
}[dir="rtl"] .s-login-modal-header-icon {
  margin-left: 0.5rem;
}@media (min-width: 640px) {

  .s-login-modal-header-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    height: 5rem;
    width: 5rem;
  }

  [dir="ltr"] .s-login-modal-header-icon {
    margin-right: 0px;
  }

  [dir="rtl"] .s-login-modal-header-icon {
    margin-left: 0px;
  }
}.s-login-modal-header-icon svg {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  fill: #9ca3af;
}.s-login-modal-label {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.s-login-modal-input {
  height: 2.5rem;
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  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;
}.s-login-modal-input:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}.dark .s-login-modal-input {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}.s-login-modal-link {
  margin-top: 1.5rem;
  display: block;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #5cd5c4;
  color: var(--color-primary);
}.s-login-modal-error-message {
  display: block;
  height: 1.75rem;
  padding-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}.s-login-modal-error-message:focus {
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}.s-login-modal-error-message {
  --tw-border-opacity: 1 !important;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgba(239, 68, 68, var(--tw-text-opacity)) !important;
}.s-login-modal-wrapper {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
}.s-login-modal-tab {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}.s-login-modal-active {
  --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));
  opacity: 1;
}.s-login-modal-unactive {
  --tw-translate-x: 0.75rem;
  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));
  opacity: 0;
}[dir='rtl'] .s-login-modal-main-btn-arrow {
  transform: scale(-1);
}.s-login-modal-enter-button {
  margin-top: 0.5rem;
  display: flex;
}.s-login-modal-custom-fields .s-file-upload-wrapper {
  min-height: 120px;
}.s-login-modal-custom-fields .filepond--list-scroller {
  overflow-y: inherit !important;
}.s-login-modal-custom-fields .filepond--drop-label {
  min-height: 120px !important;
}.s-login-modal-custom-fields .filepond--drop-label {
  cursor: pointer;
  border-radius: 6px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}.s-login-modal-custom-fields .filepond--drop-label *{pointer-events:none}.s-login-modal-filepond-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}.s-login-modal-filepond-placeholder-icon {
  margin-bottom: 0.25rem;
}.s-login-modal-filepond-placeholder-icon svg {
  height: 1.5rem;
  width: 1.5rem;
  fill: #7c8082;
}.s-loyalty-prize-item.swiper-slide {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0.5rem;
  display: flex;
  width: calc(33.33% - 10px);
  min-width: 200px;
  cursor: pointer;
  flex-direction: column;
}.s-loyalty-prize-item.swiper-slide > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}.s-loyalty-prize-item.swiper-slide {
  padding: 0px !important;
}.s-loyalty-prize-item.swiper-slide {
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  background-size: cover;
  text-align: center;
  font-size: 1.875rem;
  line-height: 2.25rem;
}.s-loyalty-prize-item.swiper-slide *{pointer-events:none}.s-loyalty-prize-item-selected {
  --tw-translate-y: -0.125rem !important;
  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)) !important;
}.s-loyalty-prize-item-selected {
  border-width: 1px;
  border-style: solid;
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}.s-loyalty-prize-item-selected .s-loyalty-prize-item-check {
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}.s-loyalty-prize-item-selected .s-loyalty-prize-item-check > div {
  height: 0.625rem;
  width: 0.625rem;
  border-radius: 9999px;
  background-color: #5cd5c4;
  background-color: var(--color-primary);
}.s-loyalty-prize-item-image {
  height: 9rem;
  width: 100%;
  background-size: cover;
  -o-object-fit: cover;
     object-fit: cover;
}.s-loyalty-prize-item-title {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}.s-loyalty-prize-item-subtitle {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.s-loyalty-prize-item-check {
  position: absolute;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}input[type=radio].sr-only div.s-loyalty-prize-item-check{transition:all .3s}input[type=radio].sr-only:checked~div.s-loyalty-prize-item-check{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .s-loyalty-prize-item-check {
  left: 1.25rem;
}[dir="rtl"] .s-loyalty-prize-item-check {
  right: 1.25rem;
}.s-loyalty-prize-item-points {
  margin-top: auto !important;
}.s-loyalty-prize-item-points {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #5cd5c4;
  color: var(--color-primary);
}.s-loyalty-program-redeem-btn {
  overflow: hidden;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}.s-loyalty-header {
  margin-bottom: 1.25rem;
  display: block;
}@media (max-width: 768px) {

  .s-loyalty-modal .s-modal-body {
    max-height: 100%;
    overflow-y: scroll;
  }
}.s-loyalty-skeleton .s-list-tile-item-content {
  display: block;
  width: 100%;
}.s-loyalty-header-icon {
  position: relative;
  display: flex;
  height: 6rem;
  width: 6rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: rgba(255,158,1,0.10196);
}.s-loyalty-header-icon > img {
  height: 3rem;
  width: 3rem;
}.s-loyalty-header-title {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}.s-loyalty-header-subtitle {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
}.s-loyalty-activator-icon {
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
}.s-loyalty-activator-icon > svg {
  fill: #fff;
}.s-loyalty-confirmation-modal-content .s-placeholder-title {
  margin-bottom: 0.75rem;
}.s-loyalty-confirmation-modal-content .s-placeholder-icon svg b {
  --tw-text-opacity: 1;
  color: rgba(251, 146, 60, var(--tw-text-opacity));
}.s-loyalty-confirmation-modal-content .s-placeholder-description {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}.s-loyalty-confirmation-actions {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}.s-loyalty-confirmation-actions > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}.s-loyalty-confirmation-actions {
  padding: 1.25rem;
  padding-top: 0.5rem;
}[dir="rtl"] .s-loyalty-confirmation-actions > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.s-loyalty-widget .s-list-tile-item {
  padding: 0px !important;
}.s-loyalty-widget-icon {
  display: flex;
  height: 4rem;
  width: 4rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: #5cd5c4;
  background-color: var(--color-primary);
}.s-loyalty-widget-icon > svg {
  width: 1.5rem;
  fill: #fff;
}.s-loyalty-after-exchange .s-list-tile-item {
  position: relative;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 6px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}.s-loyalty-after-exchange .s-list-tile-item::after {
  pointer-events: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: block;
  height: 100%;
  width: 100%;
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  opacity: .08;
  --tw-content: '';
  content: var(--tw-content);
}.s-loyalty-after-exchange .s-list-tile-item .s-list-tile-item-title {
  font-size: 15px;
}.s-loyalty-after-exchange-reset {
  height: 1.5rem;
}.s-loyalty-after-exchange-reset button {
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
  font-size: 15px;
}.s-loyalty-after-exchange-reset button span {
  display: flex;
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  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));
  align-items: center;
  justify-content: center;
}.s-loyalty-after-exchange-reset button svg {
  height: 1.5rem !important;
  width: 1.5rem !important;
}.s-loyalty-after-exchange-reset button svg {
  fill: #f87171;
}.s-loyalty-after-exchange-reset button:hover svg {
  fill: #fff;
}.s-loyalty-after-exchange-action {
  display: flex;
  align-items: center;
  justify-content: center;
}.s-loyalty-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}.s-loyalty-skeleton .s-loyalty-header-subtitle > salla-skeleton {
  margin-bottom: 0.75rem;
  display: block;
}.s-loyalty-skeleton .s-loyalty-prize-item-subtitle > salla-skeleton {
  margin-bottom: 0.75rem;
  display: block;
}.s-loyalty-skeleton .s-loyalty-header-title {
  margin-bottom: 1.25rem;
}.s-loyalty-skeleton-cards {
  display: flex;
  align-items: center;
}.s-loyalty-skeleton .s-loyalty-prize-item {
  cursor: inherit !important;
}.s-loyalty-skeleton .s-loyalty-prize-item {
  position: relative;
  text-align: center;
}.s-loyalty-skeleton .s-loyalty-prize-item .s-skeleton-wrapper {
  margin-left: auto;
  margin-right: auto;
}.s-loyalty-skeleton .s-loyalty-prize-item-check {
  border-width: 0px;
}.s-loyalty-slider {
  margin-bottom: 0.625rem;
  display: block;
}.s-loyalty-slider .swiper-wrapper {
  height: auto !important;
}.s-loyalty-container {
  padding: 0.625rem;
}.s-map-modal-title {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}.s-map-location-icon {
  margin-right: 0.5rem;
}[dir="rtl"] .s-map-location-icon {
  margin-left: 0.5rem;
  margin-right: 0px;
}.s-map-location-icon svg {
  height: 1rem !important;
  width: 1rem !important;
}.s-map-modal-body {
  position: relative;
  overflow: hidden;
}.s-map-element {
  height: 400px;
  width: 100%;
}.s-map-search-wrapper {
  position: absolute;
  top: 0px;
  z-index: 1;
  margin: 1.25rem;
  width: -webkit-fill-available;
}input[type=radio].sr-only div.s-map-search-wrapper{transition:all .3s}input[type=radio].sr-only:checked~div.s-map-search-wrapper{border-color:#5cd5c4;border-color:var(--color-primary)}.s-map-search-wrapper input {
  height: 2.5rem;
  width: 100%;
  padding: 0.5rem;
}[dir="rtl"] .s-map-search-wrapper input {
  text-align: right;
}.s-map-search-results {
  margin-top: 0px;
  display: flex;
  height: 6rem;
  flex-direction: column;
  padding: 0.5rem;
}.s-map-modal-body .s-loading-container {
  position: absolute;
  margin: 0px;
  padding: 5rem;
}input[type=radio].sr-only div.s-map-modal-body .s-loading-container{transition:all .3s}input[type=radio].sr-only:checked~div.s-map-modal-body .s-loading-container{border-color:#5cd5c4;border-color:var(--color-primary)}.s-map-my-location-button {
  position: absolute;
  bottom: 1.5rem;
  left: 0px;
  margin: 0.5rem;
}input[type=radio].sr-only div.s-map-my-location-button{transition:all .3s}input[type=radio].sr-only:checked~div.s-map-my-location-button{border-color:#5cd5c4;border-color:var(--color-primary)}.s-map-location-button .s-button-text {
  display: flex;
  align-items: center;
}.s-map-submit-button button {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  padding-top: 12px;
  padding-bottom: 12px;
}.s-modal-container {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 200;
  overflow: hidden;
}.s-modal-wrapper {
  height: 100%;
  overflow-y: auto;
  text-align: center;
}.s-modal-loader {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  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;
}.s-modal-loader::before {
  display: inline-block;
  height: 2.5rem;
  content: var(--tw-content);
  width: 2.5rem;
}@keyframes spin {

  to {
    content: var(--tw-content);
    transform: rotate(360deg);
  }
}.s-modal-loader::before {
  animation: spin 1s linear infinite;
  border-radius: 9999px;
  border-width: 2px;
  border-style: solid;
  border-top-color: #5cd5c4;
  border-top-color: var(--color-primary);
  border-left-color: #5cd5c4;
  border-left-color: var(--color-primary);
  border-bottom-color: rgba(243, 244, 246, var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-right-color: rgba(243, 244, 246, var(--tw-border-opacity));
  --tw-content: '';
  content: var(--tw-content);
}.s-modal-close {
  position: absolute;
  top: 0.75rem;
  z-index: 10;
  width: 2.75rem;
  cursor: pointer;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  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;
}.s-modal-close *{pointer-events:none}input[type=radio].sr-only div.s-modal-close{transition:all .3s}input[type=radio].sr-only:checked~div.s-modal-close{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .s-modal-close {
  right: 0px;
}[dir="rtl"] .s-modal-close {
  left: 0px;
}.s-modal-close svg {
  width: 1.25rem;
  fill: #f87171;
}.s-modal-close svg:hover {
  fill: #ef4444;
}.s-modal-header {
  flex-direction: column;
}.s-modal-header-inner {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  padding-right: 2rem;
  text-align: center;
}[dir="rtl"] .s-modal-header-inner {
  padding-left: 2rem;
  padding-right: 0px;
}@media (min-width: 640px) {

  .s-modal-header-inner {
    display: block;
  }
}@media (min-width: 768px) {

  .s-modal-header-inner {
    padding: 0px !important;
  }
}.s-modal-header-content {
  display: flex;
  flex-direction: column;
  text-align: left;
}[dir="rtl"] .s-modal-header-content {
  text-align: right;
}@media (min-width: 768px) {

  .s-modal-header-content {
    text-align: center;
  }

  [dir="rtl"] .s-modal-header-content {
    text-align: center;
  }
}.s-modal-header-img {
  margin-left: auto;
  margin-right: auto;
  max-width: 150px;
}@media (min-width: 640px) {

  .s-modal-header-img {
    margin-bottom: 1rem;
  }
}.s-modal-icon {
  display: inline-flex;
  height: 4rem;
  width: 4rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  font-size: 1.875rem;
  line-height: 2.25rem;
}[dir="ltr"] .s-modal-icon {
  margin-right: 0.5rem;
}[dir="rtl"] .s-modal-icon {
  margin-left: 0.5rem;
}@media (min-width: 640px) {

  .s-modal-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    height: 5rem;
    width: 5rem;
  }

  [dir="ltr"] .s-modal-icon {
    margin-right: 0px;
  }

  [dir="rtl"] .s-modal-icon {
    margin-left: 0px;
  }
}.s-modal-icon svg {
  fill: #9ca3af;
}.s-modal-bg-normal {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}.s-modal-bg-success {
  --tw-border-opacity: 1;
  border-color: rgba(134, 239, 172, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(220, 252, 231, var(--tw-bg-opacity));
}.s-modal-bg-success svg {
  fill: #16a34a;
}.s-modal-bg-error {
  --tw-border-opacity: 1;
  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
}.s-modal-bg-error svg {
  fill: #dc2626;
}.s-modal-bg-primary {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  background-color: #5cd5c4;
  background-color: var(--color-primary);
}.s-modal-bg-primary svg {
  fill: #fff;
  fill: var(--color-primary-reverse);
}.s-modal-title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}@media (min-width: 640px) {

  .s-modal-title {
    margin-bottom: 0.5rem;
  }
}.s-modal-sub-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}@media (min-width: 640px) {

  .s-modal-sub-title {
    margin-bottom: 0.5rem;
  }
}.s-modal-title-below {
  order: 10;
}.s-modal-body-slot {
  width: 100%;
}.s-modal-body {
  position: fixed;
  left: 0px;
  bottom: 0px;
  display: inline-block;
  width: 100%;
  --tw-translate-y: 1rem;
  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));
  overflow: hidden;
  border-radius: 6px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}[dir="ltr"] .s-modal-body {
  text-align: left;
}[dir="rtl"] .s-modal-body {
  text-align: right;
}@media (min-width: 640px) {

  .s-modal-body {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 2rem;
    --tw-translate-y: 0px;
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    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));
    overflow: visible;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
}@media (min-width: 768px) {

  .s-modal-body {
    left: auto;
    left: initial;
    bottom: auto;
    bottom: initial;
  }
}.s-modal-padding {
  padding: 1rem;
  padding-top: 1.5rem;
}@media (min-width: 640px) {

  .s-modal-padding {
    padding: 1.5rem;
  }
}.s-modal-spacer {
  display: inline-block;
  height: 100vh;
}.s-modal-align-middle {
  vertical-align: bottom;
}@media (min-width: 640px) {

  .s-modal-align-middle {
    vertical-align: middle;
  }
}.s-modal-align-top {
  vertical-align: bottom;
}@media (min-width: 640px) {

  .s-modal-align-top {
    vertical-align: top;
  }
}.s-modal-align-bottom {
  vertical-align: bottom;
}.s-modal-overlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.75;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}.s-modal-overlay-leaving {
  opacity: 0;
}.s-modal-entering {
  --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));
  opacity: 1;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}@media (min-width: 640px) {

  .s-modal-entering {
    --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));
  }
}.s-modal-leaving {
  --tw-translate-y: 1rem;
  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));
  opacity: 0;
}@media (min-width: 640px) {

  .s-modal-leaving {
    --tw-translate-y: 0px;
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    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));
  }
}.s-modal-is-center {
  align-items: center;
}@media (min-width: 640px) {

  .s-modal-is-center {
    text-align: center;
  }

  .s-modal-xs {
    max-width: 380px;
  }

  .s-modal-sm {
    max-width: 480px;
  }
}@media (min-width: 768px) {

  .s-modal-md {
    max-width: 768px;
  }
}.s-modal-lg {
  max-width: 992px;
}.s-modal-xl {
  max-width: 1280px;
}.s-modal-full {
  height: 100%;
  width: 100%;
}@media (min-width: 768px) {

  .s-modal-full {
    height: calc(100% - 70px);
    width: calc(100% - 70px);
  }
}.s-offer-modal-body {
  display: flex;
  overflow-x: auto;
  margin-left: -32px;
  margin-right: -32px;
  padding-left: 32px;
  padding-right: 32px;
  gap: 24px;
  padding-bottom: 32px;
  -webkit-overflow-scrolling: touch;
}.s-offer-modal-body::-webkit-scrollbar {
  display: none;
}.s-offer-modal-badge {
  margin-bottom: 0.625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}[dir="ltr"] .s-offer-modal-badge {
  margin-left: 0.625rem;
}[dir="rtl"] .s-offer-modal-badge {
  margin-left: 0.625rem;
}[dir="ltr"] .s-offer-modal-badge-icon {
  margin-left: 0.375rem;
}[dir="rtl"] .s-offer-modal-badge-icon {
  margin-left: 0.375rem;
}.s-offer-modal-badge-icon svg {
  margin-bottom: 1rem;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  fill: #5cd5c4;
  fill: var(--color-primary);
}.s-offer-modal-badge-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}.s-offer-modal-cat-item.swiper-slide {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  height: 9rem;
  max-width: 180px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 0.75rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
  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: 500ms;
}.s-offer-modal-cat-item.swiper-slide:hover {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.s-offer-modal-product.swiper-slide {
  display: flex;
  width: 70%;
  flex-shrink: 0;
  flex-grow: 1;
  flex-direction: column;
}@media (min-width: 640px) {

  .s-offer-modal-product.swiper-slide {
    width: 40%;
  }
}@media (min-width: 1024px) {

  .s-offer-modal-product.swiper-slide {
    width: 28%;
  }
}.s-offer-modal-product-image-wrap {
  position: relative;
  margin-bottom: 1rem;
  display: block;
  height: 8rem;
  overflow: hidden;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}.s-offer-modal-product-image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}.s-offer-modal-not-available {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.s-offer-modal-product-info {
  margin-bottom: 1rem;
}.s-offer-modal-product-name {
  margin-bottom: 0.375rem;
  display: inline-block;
  width: 11rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
  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;
}.s-offer-modal-product-name:hover {
  color: #5cd5c4;
  color: var(--color-primary);
}.s-offer-modal-product-price {
  margin-bottom: 1.25rem;
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}@media (min-width: 640px) {

  [dir="ltr"] .s-offer-modal-product-price {
    margin-left: 0.5rem;
  }

  [dir="rtl"] .s-offer-modal-product-price {
    margin-right: 0.5rem;
  }
}@media (min-width: 768px) {

  .s-offer-modal-product-price {
    margin-bottom: 0px;
  }
}.s-offer-modal-product-sale-price {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}.s-offer-modal-product-old-price {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
  text-decoration-line: line-through;
}.s-offer-modal-btn-wrap {
  margin-top: auto;
}.s-offer-modal-header-icon {
  display: inline-flex;
  height: 4rem;
  width: 4rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}[dir="ltr"] .s-offer-modal-header-icon {
  margin-right: 0.5rem;
}[dir="rtl"] .s-offer-modal-header-icon {
  margin-left: 0.5rem;
}@media (min-width: 640px) {

  .s-offer-modal-header-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    height: 5rem;
    width: 5rem;
  }

  [dir="ltr"] .s-offer-modal-header-icon {
    margin-right: 0px;
  }

  [dir="rtl"] .s-offer-modal-header-icon {
    margin-left: 0px;
  }
}.s-offer-modal-header-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  fill: #9ca3af;
}.s-offer-modal-footer {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}@media (min-width: 640px) {

  .s-offer-modal-footer {
    margin-top: 2rem;
    flex-direction: row;
  }
}.s-offer-modal-expiry {
  margin-bottom: 1.25rem;
}@media (min-width: 768px) {

  .s-offer-modal-expiry {
    margin-bottom: 0px;
  }
}.s-offer-modal-remember-label {
  display: flex;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  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;
}.s-offer-modal-remember-label *{pointer-events:none}.s-offer-modal-remember-label:hover {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}@media (min-width: 640px) {

  [dir="ltr"] .s-offer-modal-remember-label {
    margin-left: 0.5rem;
  }

  [dir="rtl"] .s-offer-modal-remember-label {
    margin-right: 0.5rem;
  }
}.s-offer-modal-remember-input {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  color: #5cd5c4;
  color: var(--color-primary);
}.s-offer-modal-remember-input:focus {
  --tw-ring-color: transparent;
}.s-offer-modal-slider-centered .swiper-wrapper {
  justify-content: center;
}.s-offer-modal-slider-centered .s-offer-modal-slider-item {
  display: flex;
  max-width: 28%;
  flex-shrink: 0;
  flex-grow: 1;
  flex-direction: column;
}.s-offer-modal-skeleton {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}.s-offer-modal-skeleton-items {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  width: 100%;
  align-items: center;
}.s-offer-modal-skeleton-item {
  cursor: inherit !important;
}.s-offer-modal-skeleton-item {
  position: relative;
  margin-right: 1.25rem;
  width: 33.333333%;
  text-align: center;
}.s-offer-modal-skeleton-item:last-child {
  margin-right: 0px;
}[dir="rtl"] .s-offer-modal-skeleton-item {
  margin-right: 0px;
  margin-left: 1.25rem;
}[dir="rtl"] .s-offer-modal-skeleton-item:last-child {
  margin-left: 0px;
}.s-offer-modal-skeleton-header {
  width: 100%;
}.s-offer-modal-skeleton-header salla-skeleton {
  margin-left: auto;
  margin-right: auto;
}.s-offer-modal-skeleton-header salla-skeleton:nth-child(1) {
  margin-bottom: 1.25rem;
}.s-offer-modal-skeleton-header salla-skeleton:nth-child(2) {
  margin-bottom: 0.75rem;
}.s-offer-modal-skeleton-header salla-skeleton:nth-child(3) {
  margin-bottom: 1.25rem;
}.s-offer-modal-skeleton-item-subtitle {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}.s-offer-modal-skeleton-item-subtitle div svg {
  height: 1rem;
  width: 1rem;
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity));
}.s-offer-modal-skeleton-item-title {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}.s-offer-modal-skeleton-footer {
  margin-top: 1.5rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}.s-offer-modal-discount-table {
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(238, 238, 238, var(--tw-border-opacity));
}.s-offer-modal-discount-table table {
  width: 100%;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(119, 119, 119, var(--tw-text-opacity));
}.s-offer-modal-discount-table tr {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(238, 238, 238, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(252, 252, 252, var(--tw-bg-opacity));
}.s-offer-modal-discount-table tr:last-child {
  border-bottom-width: 0px;
}.s-offer-modal-discount-table tr td {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}[dir="rtl"] .s-offer-modal-discount-table tr td {
  text-align: right;
}.s-offer-modal-discount-table-cell {
  text-align: right;
}[dir="rtl"] .s-offer-modal-discount-table-cell {
  text-align: left !important;
}.s-offer-modal-type-discounts-table .s-modal-body {
  position: relative !important;
}.s-placeholder-title {
  margin-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}.s-placeholder-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-placeholder-icon {
  margin-bottom: 1rem;
  fill: #e5e7eb;
}.s-placeholder-align-left {
  text-align: left;
}.s-placeholder-align-center {
  text-align: center;
}.s-placeholder-align-right {
  text-align: right;
}.s-placeholder-align-right > .s-placeholder-icon {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}[dir="rtl"] .s-placeholder-align-right > .s-placeholder-icon {
  justify-content: flex-start;
}.s-placeholder-align-center > .s-placeholder-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}.s-placeholder-icon-xs > svg {
  height: 1.5rem;
  width: 1.5rem;
}.s-placeholder-icon-sm > svg {
  height: 2.5rem;
  width: 2.5rem;
}.s-placeholder-icon-md > svg {
  height: 3.5rem;
  width: 3.5rem;
}.s-placeholder-icon-lg > svg {
  height: 4rem;
  width: 4rem;
}.s-placeholder-icon-xl > svg {
  height: 5rem;
  width: 5rem;
}.s-placeholder-icon-xxl > svg {
  height: 6rem;
  width: 6rem;
}.s-placeholder-icon-xxxl > svg {
  height: 7rem;
  width: 7rem;
}.s-placeholder-icon-xs > i {
  font-size: 20px;
}.s-placeholder-icon-sm > i {
  font-size: 35px;
}.s-placeholder-icon-md > i {
  font-size: 45px;
}.s-placeholder-icon-lg > i {
  font-size: 58px;
}.s-placeholder-icon-xl > i {
  font-size: 75px;
}.s-placeholder-icon-xxl > i {
  font-size: 85px;
}.s-placeholder-icon-xxxl > i {
  font-size: 100px;
}.s-placeholder-wrapper {
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: block;
}.s-product-availability-wrap {
  width: 100%;
}.s-product-availability-subscribed {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(34, 197, 94, var(--tw-text-opacity));
}.s-product-availability-subs-icon svg {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  width: 1.25rem;
  fill: #22c55e;
}.s-product-availability-body {
  position: relative;
  z-index: 50;
}.s-product-availability-header-icon {
  display: inline-flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}[dir="ltr"] .s-product-availability-header-icon {
  margin-right: 0.5rem;
}[dir="rtl"] .s-product-availability-header-icon {
  margin-left: 0.5rem;
}@media (min-width: 640px) {

  .s-product-availability-header-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    height: 5rem;
    width: 5rem;
  }

  [dir="ltr"] .s-product-availability-header-icon {
    margin-right: 0px;
  }

  [dir="rtl"] .s-product-availability-header-icon {
    margin-left: 0px;
  }
}.s-product-availability-header-icon svg {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  fill: #9ca3af;
}.s-product-availability-label {
  margin-bottom: 0.625rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}[dir="ltr"] .s-product-availability-label {
  text-align: left;
}[dir="rtl"] .s-product-availability-label {
  text-align: right;
}.s-product-availability-input {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  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;
}.s-product-availability-input:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}.dark .s-product-availability-input {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}.s-product-availability-footer {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
}.s-product-availability-footer > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}[dir="rtl"] .s-product-availability-footer > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.s-product-availability-footer-btn {
  width: 100%;
}.s-product-availability-error-msg {
  display: block;
  height: 1.75rem;
  padding-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}.s-product-availability-error-msg:focus {
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}.s-product-availability-error-msg {
  --tw-border-opacity: 1 !important;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgba(239, 68, 68, var(--tw-text-opacity)) !important;
}.s-product-options-wrapper {
  margin-bottom: 1.25rem;
  display: block;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 1.25rem;
}.s-product-options-option-container {
  margin-bottom: 1.25rem;
}.s-product-options-option-container:last-child {
  margin-bottom: 0px;
}.s-product-options-option {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}@media (min-width: 640px) {

  .s-product-options-option {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: flex-start;
    grid-gap: 1rem;
    gap: 1rem;
  }
}.s-product-options-option-error .s-product-options-option-label {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}.s-product-options-option-content {
  margin-top: 0.25rem;
}@media (min-width: 640px) {

  .s-product-options-option-content {
    grid-column: span 2 / span 2;
    margin-top: 0px;
  }
}.s-product-options-option-label {
  margin-bottom: 0.625rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}@media (min-width: 640px) {

  .s-product-options-option-label {
    margin-top: 1px;
  }
}@media (min-width: 768px) {

  .s-product-options-option-label {
    margin-bottom: 0px;
  }
}.s-product-options-option-label b {
  display: block;
}.s-product-options-option-label b span {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}.s-product-options-option-label small {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.s-product-options-colors-wrapper .s-product-options-colors-item {
  margin-right: 2rem;
  margin-bottom: 1.25rem;
  display: inline-block;
  width: 2.5rem;
  white-space: nowrap;
  text-align: center;
}[dir="rtl"] .s-product-options-colors-wrapper .s-product-options-colors-item {
  margin-right: 0px;
  margin-left: 2rem;
}.s-product-options-colors-wrapper input[type=radio] {
  display: none;
}.s-product-options-colors-wrapper input[type=radio] + label {
  display: flex;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
}.s-product-options-colors-wrapper input[type=radio] + label *{pointer-events:none}.s-product-options-colors-wrapper input[type=radio] + label div {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-product-options-colors-wrapper input[type=radio] + label div p {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-product-options-colors-wrapper input[type=radio] + label span {
  margin-bottom: 0.5rem;
  display: inline-flex;
  height: 30px;
  width: 30px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  line-height: 2.5rem;
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.s-product-options-colors-wrapper input[type=radio] + label span *{pointer-events:none}.s-product-options-colors-wrapper input[type=radio] + label span:after {
  height: 14px;
  width: 14px;
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  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));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  opacity: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --tw-content: '';
  content: var(--tw-content);
}.s-product-options-colors-wrapper input[type=radio]:checked + label span:after {
  --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));
  opacity: 1;
}.s-product-options-colors-wrapper input[type=radio]:disabled + label {
  opacity: 0.4;
}.s-product-options-field-required {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.s-product-options-donation-progress {
  margin-bottom: 0.625rem;
  width: 100%;
}.s-product-options-donation-progress-target-text {
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.s-product-options-donation-progress-amount {
  margin-bottom: 0.625rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.25rem;
}.s-product-options-donation-progress-wrapper {
  height: 1rem;
  width: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}.dark .s-product-options-donation-progress-wrapper {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}.s-product-options-donation-progress-bar {
  position: relative;
  display: flex;
  height: 1rem;
  justify-content: flex-end;
  border-radius: 9999px;
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}.s-product-options-donation-progress-target-data {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-product-options-donation-progress-target-message {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}.s-product-options-donation-wrapper {
  position: relative;
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
  align-items: center;
  justify-content: space-between;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  padding-top: 1.25rem;
}.s-product-options-donation-wrapper:only-child {
  margin-top: 0px;
  border-style: none;
  padding-top: 0px;
}@media (min-width: 640px) {

  .s-product-options-donation-wrapper {
    margin-bottom: 0px;
  }
}.s-product-options-donation-amount-label {
  margin-bottom: 0.625rem;
  display: block;
  flex: 1 1 0%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}.s-product-options-donation-amount-input-container {
  position: relative;
  flex: 1 1 0%;
}.s-product-options-donation-amount-input {
  margin-bottom: 0.625rem;
  display: block;
  height: 3rem;
  width: 100%;
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.s-product-options-donation-amount-input:focus {
  --tw-border-opacity: 1;
  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
}@media (min-width: 640px) {

  .s-product-options-donation-amount-input {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}.s-product-options-donation-amount-curruncy {
  position: absolute;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}input[type=radio].sr-only div.s-product-options-donation-amount-curruncy{transition:all .3s}input[type=radio].sr-only:checked~div.s-product-options-donation-amount-curruncy{border-color:#5cd5c4;border-color:var(--color-primary)}.s-product-options-multiple-options-wrapper {
  flex-wrap: wrap;
  align-items: center;
}@media (min-width: 768px) {

  .s-product-options-multiple-options-wrapper {
    display: flex;
  }
}.s-product-options-multiple-options-wrapper div {
  position: relative;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}@media (min-width: 768px) {

  .s-product-options-multiple-options-wrapper div {
    width: 50%;
  }
}.s-product-options-multiple-options-wrapper div input {
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  color: #5cd5c4;
  color: var(--color-primary);
}.s-product-options-multiple-options-wrapper div input *{pointer-events:none}.s-product-options-multiple-options-wrapper div input:focus {
  --tw-ring-color: transparent;
}.s-product-options-multiple-options-wrapper div label {
  margin-left: 0.5rem;
  cursor: pointer;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.s-product-options-multiple-options-wrapper div label *{pointer-events:none}[dir="rtl"] .s-product-options-multiple-options-wrapper div label {
  margin-left: 0px;
  margin-right: 0.5rem;
  padding-right: 0px;
  padding-left: 0.75rem;
}.s-product-options-splitter {
  border-width: 2px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}.s-product-options-thumbnails-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 0.75rem;
  gap: 0.75rem;
}.s-product-options-thumbnails-wrapper label {
  margin-bottom: 0.125rem;
  display: inline-block;
  height: 6rem;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.375rem;
}.s-product-options-thumbnails-wrapper label *{pointer-events:none}@media (min-width: 768px) {

  .s-product-options-thumbnails-wrapper label {
    height: 5rem;
  }
}.s-product-options-thumbnails-wrapper > div {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}.s-product-options-thumbnails-stock-badge {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 0;
  display: block;
  --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));
  white-space: nowrap;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}input[type=radio].sr-only div.s-product-options-thumbnails-stock-badge{transition:all .3s}input[type=radio].sr-only:checked~div.s-product-options-thumbnails-stock-badge{border-color:#5cd5c4;border-color:var(--color-primary)}.s-product-options-thumbnails-badge-overlay {
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  opacity: 0.5;
}input[type=radio].sr-only div.s-product-options-thumbnails-badge-overlay{transition:all .3s}input[type=radio].sr-only:checked~div.s-product-options-thumbnails-badge-overlay{border-color:#5cd5c4;border-color:var(--color-primary)}.s-product-options-thumbnails-icon {
  position: absolute;
  left: 35%;
  top: 35%;
  z-index: 10;
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  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));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 2px;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}input[type=radio].sr-only div.s-product-options-thumbnails-icon{transition:all .3s}input[type=radio].sr-only:checked~div.s-product-options-thumbnails-icon{border-color:#5cd5c4;border-color:var(--color-primary)}.s-product-options-thumbnails-icon svg {
  height: 1rem;
  width: 1rem;
}.s-product-options-thumbnails-wrapper div input[type=radio]:checked + label span {
  --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));
  opacity: 1;
}.s-product-options-thumbnails-wrapper div input[type=radio] {
  display: none;
}.s-product-options-thumbnails-wrapper div input[type=radio] + label {
  position: relative;
}.s-product-options-thumbnails-wrapper div input[type=radio] + label img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}.s-product-options-thumbnails-wrapper div label::before {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  content: var(--tw-content);
  transition-duration: 300ms;
}.s-product-options-thumbnails-wrapper div input[type=radio]:checked + label::before {
  content: var(--tw-content);
  opacity: 0.3;
}.s-product-options-thumbnails-wrapper div input[type=radio]:disabled + label {
  opacity: 0.4;
}.s-product-options-thumbnails-wrapper div p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-product-options-image-input .s-file-upload-wrapper {
  min-height: 120px;
}.s-product-options-image-input .filepond--list-scroller {
  overflow-y: inherit !important;
}.s-product-options-image-input .filepond--drop-label {
  min-height: 120px !important;
}.s-product-options-image-input .filepond--drop-label {
  cursor: pointer;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}.s-product-options-image-input .filepond--drop-label *{pointer-events:none}.s-product-options-filepond-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}.s-product-options-filepond-placeholder-icon {
  margin-bottom: 0.25rem;
}.s-product-options-filepond-placeholder-icon svg {
  height: 1.5rem;
  width: 1.5rem;
  fill: #7c8082;
}.s-product-options-donation-amount-currency {
  position: absolute;
  top: 0.25rem;
  right: 1rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}input[type=radio].sr-only div.s-product-options-donation-amount-currency{transition:all .3s}input[type=radio].sr-only:checked~div.s-product-options-donation-amount-currency{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="rtl"] .s-product-options-donation-amount-currency {
  right: auto;
  right: initial;
  left: 1rem;
}.s-product-options-donation-input-group {
  position: relative;
}.s-product-size-guide-wrapper .s-modal-title {
  margin-bottom: 0px !important;
}.s-product-size-guide-wrapper .s-tabs-content {
  max-height: 60vh;
  overflow: auto;
}@media (min-width: 768px) {

  .s-product-size-guide-wrapper .s-tabs-content {
    max-height: 70vh;
  }
}.s-product-size-guide-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}.s-product-size-guide-skeleton-table {
  margin-top: 1.25rem;
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  line-height: 1.25rem;
}.s-product-size-guide-skeleton-table td {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  padding: 0.5rem;
  line-height: 1.25rem;
}.s-product-size-guide-header-icon {
  display: inline-flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}[dir="ltr"] .s-product-size-guide-header-icon {
  margin-right: 0.5rem;
}[dir="rtl"] .s-product-size-guide-header-icon {
  margin-left: 0.5rem;
}@media (min-width: 640px) {

  .s-product-size-guide-header-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    height: 5rem;
    width: 5rem;
  }

  [dir="ltr"] .s-product-size-guide-header-icon {
    margin-right: 0px;
  }

  [dir="rtl"] .s-product-size-guide-header-icon {
    margin-left: 0px;
  }
}.s-product-size-guide-header-icon svg {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  fill: #9ca3af;
}.s-product-size-guide-skeleton-content {
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
}.s-product-size-guide-skeleton-content > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}.s-product-size-guide-skeleton-header {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}.s-product-size-guide-skeleton-header > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}[dir="rtl"] .s-product-size-guide-skeleton-header > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.s-product-size-guide-skeleton-header > salla-skeleton {
  flex: 1 1 0%;
}.s-progress-bar-container {
  margin-bottom: 0.625rem;
}.s-progress-bar-header {
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.s-progress-bar-target-section {
  margin-bottom: 0.625rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.25rem;
}.s-progress-bar-wrapper {
  margin-bottom: 0.375rem;
  width: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}.dark .s-progress-bar-wrapper {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}.s-progress-bar-progress {
  height: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}.s-progress-bar-message {
  margin-bottom: 0.625rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}.s-progress-bar-wrapper .s-progress-bar-progress-stripped {
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%,rgba(255, 255, 255, .2) 50%,rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  background-size: 30px 30px;
}.s-quantity-input-container {
  display: flex;
  height: 2.5rem;
  align-items: stretch;
  justify-content: space-around;
  border-radius: 0.375rem;
  border-width: 1px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}.s-quantity-input-input {
  width: 3rem;
  border-width: 1px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-weight: 700;
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.s-quantity-input-input:focus {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}.s-quantity-input-button {
  width: 2.75rem;
  fill: #9ca3af;
  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: 300ms;
}.s-quantity-input-button:hover {
  fill: #5cd5c4;
  fill: var(--color-primary);
}.s-quantity-input-button svg {
  margin-left: auto;
  margin-right: auto;
  height: 1.25rem;
  width: 1.25rem;
}.s-quick-order-dark h1, .s-quick-order-dark p {
  color: #fff;
}.s-quick-order-container {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 6px;
  padding: 1rem;
}.s-quick-order-button-cont {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
}.s-quick-order-checkbox-container {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
}.s-quick-order-checkbox-container input {
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
  height: 2.5rem;
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  padding: 0.5rem;
}.s-quick-order-expandable {
  max-height: 0px;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}.s-quick-order-expandable.s-quick-order-shown {
  opacity: 1;
}.s-quick-order-expandable .s-form-group {
  position: relative;
  flex-grow: 1;
}.s-quick-order-expandable .s-form-group input {
  padding-left: 35px;
}[dir="rtl"] .s-quick-order-expandable .s-form-group input {
  padding-right: 35px;
}.s-quick-order-expandable .s-form-group > span {
  position: absolute;
  left: 10px;
  top: 30%;
  z-index: 10;
}input[type=radio].sr-only div.s-quick-order-expandable .s-form-group > span{transition:all .3s}input[type=radio].sr-only:checked~div.s-quick-order-expandable .s-form-group > span{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="rtl"] .s-quick-order-expandable .s-form-group > span {
  left: auto;
  right: 10px;
}.s-quick-order-expandable .s-form-group span svg {
  height: 1rem;
  width: 1rem;
  fill: #919191;
}.s-quick-order-flex-input {
  display: flex;
}.s-quick-order-flex-input > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}[dir="rtl"] .s-quick-order-flex-input > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.s-quick-order-flex-input salla-tel-input {
  height: 2.5rem;
  width: 100%;
}.s-quick-order-errors p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-text-opacity));
}.s-quick-order-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border-width: 1px;
  padding: 0.5rem;
}.s-quick-order-confirm span {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}.s-quick-order-confirm svg {
  height: 1rem;
  width: 1rem;
  fill: #5cd5c4;
  fill: var(--color-primary);
}.s-quick-order-terms .s-form-label {
  margin-bottom: 0px !important;
}.s-quick-order-terms .s-form-label {
  cursor: pointer;
}.s-quick-order-terms .s-form-label *{pointer-events:none}.s-quick-order-terms {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}.s-quick-order-terms > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}[dir="rtl"] .s-quick-order-terms > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.s-quick-order-terms .s-checkbox::before {
  background-color: transparent;
  content: var(--tw-content);
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.s-quick-order-terms .s-checkbox:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
  --tw-ring-offset-width: 0px;
}.s-quick-order-btn-close button {
  border-radius: 6px;
}.s-rating-modal-wrapper {
  margin-bottom: 2.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
}.s-rating-modal-footer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}.s-rating-modal-footer salla-button button {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  font-size: 0.75rem !important;
}.s-rating-modal-btn {
  height: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #5cd5c4;
  color: var(--color-primary);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}.s-rating-modal-btn:hover {
  color: var(--color-primary-dark);
}.s-rating-modal-dots {
  display: flex;
  flex-shrink: 0;
  flex-grow: 1;
  justify-content: center;
}.s-rating-modal-dots > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}.s-rating-modal-dots {
  text-align: center;
}[dir="rtl"] .s-rating-modal-dots > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.s-rating-modal-step-dot {
  height: 0.625rem;
  width: 0.625rem;
  border-radius: 9999px;
  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: 300ms;
}.s-rating-modal-step {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}.s-rating-modal-active {
  --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));
  opacity: 1;
}.s-rating-modal-unactive {
  --tw-translate-x: 0.75rem;
  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));
  opacity: 0;
}.s-rating-modal-hidden {
  display: none !important;
}.s-rating-modal-unvisiable {
  pointer-events: none;
  opacity: 0;
}.s-rating-modal-step-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1rem;
}.s-rating-modal-product-details {
  position: relative;
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  padding-bottom: 1rem;
}.s-rating-modal-rounded-icon {
  margin-bottom: 1rem;
  display: flex;
  height: 7rem;
  width: 7rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}.s-rating-modal-title {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}.s-rating-modal-store-logo {
  width: 4rem;
  -o-object-fit: contain;
     object-fit: contain;
}.s-rating-modal-shipping-logo {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}.s-rating-modal-shipping-icon {
  font-size: 3rem;
  line-height: 1;
  color: #5cd5c4;
  color: var(--color-primary);
}.s-rating-modal-comment {
  height: 5rem !important;
}.s-rating-modal-comment {
  margin-bottom: 0.5rem;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  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;
}.s-rating-modal-comment:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}.dark .s-rating-modal-comment {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}.s-rating-modal-validation-msg {
  margin-top: -3px;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}.s-rating-modal-product {
  margin-bottom: 1.5rem;
  display: flex;
}.s-rating-modal-product > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}.s-rating-modal-product:last-child {
  margin-bottom: 0px;
}[dir="rtl"] .s-rating-modal-product > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.s-rating-modal-product-img-wrap {
  height: 3.5rem;
  width: 5rem;
  overflow: hidden;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}.s-rating-modal-product-img {
  position: relative;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-size: 0px;
}.s-rating-modal-product-img::before {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}.s-rating-modal-product-title {
  margin-bottom: 0.375rem;
  font-weight: 700;
  line-height: 1.25rem;
}@media (min-width: 768px) {

  .s-rating-modal-product-title {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}.s-rating-modal-thanks {
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}.s-rating-modal-icon {
  display: inline-flex;
  height: 5rem;
  width: 5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  color: #5cd5c4;
  color: var(--color-primary);
}.s-rating-modal-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  fill: #5cd5c4;
  fill: var(--color-primary);
}.s-rating-modal-thanks-title {
  margin-top: 1rem;
  font-weight: 700;
}.s-rating-modal-thanks-msg {
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-rating-modal-thanks-btn {
  height: 2.5rem;
  flex: none;
  display: inline-flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.375rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.625rem;
  padding-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  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: 300ms;
}.s-rating-modal-thanks-btn:hover {
  opacity: 0.8;
}.s-rating-modal-thanks-btn {
  border-width: 1px;
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  color: #fff;
  color: var(--color-primary-reverse);
  display: inline-flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 6px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.625rem;
  padding-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  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: 300ms;
}.s-rating-modal-thanks-btn:hover {
  opacity: 0.8;
}.s-rating-modal-thanks-btn .loader{width:0;opacity:0;height:16px;transform:scale(0);transition:.3s}.s-rating-modal-thanks-btn.btn:disabled {
  cursor: default;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.s-rating-modal-thanks-btn.btn:disabled:hover {
  background-color: transparent;
}.s-rating-modal-thanks-btn:disabled .s-button-text {
  opacity: 0.7;
}.main-menu .sub-menu .s-rating-modal-thanks-btn{padding:8px 10px 10px}.s-rating-modal-thanks-time {
  margin-top: 0.75rem;
  display: block;
  height: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-rating-modal-stars-company {
  margin-bottom: 1.25rem;
}.s-rating-modal-stars-product {
  margin-bottom: 0.25rem;
}.s-rating-modal-bg-gray {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}.s-rating-modal-bg-primary {
  background-color: #5cd5c4;
  background-color: var(--color-primary);
}unicode {
  unicode-bidi: plaintext;
}.s-rating-modal-skeleton {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}.s-rating-modal-skeleton salla-skeleton:nth-child(1) {
  margin-bottom: 1.25rem;
}.s-rating-modal-skeleton salla-skeleton:nth-child(2) {
  margin-bottom: 0.75rem;
}.s-rating-modal-skeleton salla-skeleton:nth-child(3) {
  margin-bottom: 1.25rem;
}.s-rating-modal-skeleton salla-skeleton:nth-child(4) {
  margin-bottom: 2rem;
}.s-rating-modal-skeleton-footer {
  margin-top: 1.5rem;
  display: flex;
  width: 100%;
  justify-content: flex-end;
}.s-rating-modal-skeleton-footer salla-skeleton {
  margin-bottom: 0px !important;
}.s-rating-modal-skeleton-stars {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
}.s-rating-modal-skeleton-stars > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}[dir="rtl"] .s-rating-modal-skeleton-stars > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.s-rating-modal-skeleton-stars div svg {
  width: 25px;
  fill: currentColor;
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity));
}.s-rating-stars-wrapper {
  display: inline-flex;
}.s-rating-stars-btn-star {
  border-width: 0px;
  fill: #d1d5db;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  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;
}.s-rating-stars-large svg {
  height: 1.75rem;
  width: 1.75rem;
}.s-rating-stars-medium svg {
  height: 1.25rem;
  width: 1.25rem;
}.s-rating-stars-small svg {
  height: 1rem;
  width: 1rem;
}.s-rating-stars-mini svg {
  height: 0.75rem;
  width: 0.75rem;
}.s-rating-stars-hovered {
  fill: #fbbf24;
}.s-rating-stars-selected {
  fill: #fbbf24;
}.s-rating-stars-reviews {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-scopes-title {
  margin-bottom: 0.75rem;
}.s-scopes-header {
  margin-bottom: 0.5rem;
  display: block;
  text-align: center;
}.s-scopes-header-icon {
  margin: auto;
  display: flex;
  height: 5rem;
  width: 5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(252, 252, 252, var(--tw-bg-opacity));
}.s-scopes-header-icon svg {
  height: 2rem;
  fill: #5cd5c4;
  fill: var(--color-primary);
}.s-scopes-header-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-scopes-header-subtitle {
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.75rem;
}[dir="rtl"] .s-scopes-header-subtitle {
  text-align: right;
}.s-scopes-search-wrapper {
  position: relative;
  width: 100%;
}.s-scopes-search-icon {
  pointer-events: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  padding-left: 0.75rem;
}input[type=radio].sr-only div.s-scopes-search-icon{transition:all .3s}input[type=radio].sr-only:checked~div.s-scopes-search-icon{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="rtl"] .s-scopes-search-icon {
  left: auto;
  right: 0px;
  padding-left: 0px;
  padding-right: 0.75rem;
}.s-scopes-search-icon svg {
  height: 1.25rem;
  width: 1.25rem;
  fill: #9ca3af;
}.s-scopes-search-input {
  display: block;
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  padding: 0.625rem;
  padding-left: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}.s-scopes-search-input:focus {
  --tw-ring-color: var(--color-primary);
}[dir="rtl"] .s-scopes-search-input {
  padding-left: 0px;
  padding-right: 2.5rem;
}.s-scopes-input-wrap {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
}.s-scopes-input-wrap:last-child {
  margin-bottom: 0px;
}.s-scopes-input {
  height: 1rem;
  width: 1rem;
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  color: #5cd5c4;
  color: var(--color-primary);
}.s-scopes-input:focus {
  --tw-ring-color: var(--color-primary);
}[dir="ltr"] .s-scopes-input {
  margin-right: 0.75rem;
}[dir="rtl"] .s-scopes-input {
  margin-left: 0.75rem;
}.s-scopes-label {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.s-scopes-select {
  height: 2.5rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  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: 300ms;
}.s-scopes-select:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}.s-scopes-container {
  margin-top: 1.25rem;
  max-height: 300px;
  overflow-y: auto;
  padding-left: 0.5rem;
}[dir="rtl"] .s-scopes-container {
  padding-left: 0px;
  padding-right: 0.5rem;
}.s-scopes-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;
}input[type=radio].s-scopes-sr-only div.absolute{transition:all .3s}input[type=radio].s-scopes-sr-only:checked~div.absolute{border-color:#5cd5c4;border-color:var(--color-primary)}.s-scopes-is-closed {
  opacity: 0.5;
}.s-scopes-closed-badge {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}.s-scopes-clickable {
  cursor: pointer;
}.s-scopes-clickable *{pointer-events:none}.s-scopes-submit {
  margin-top: 1.5rem;
  height: auto;
}.s-scopes-color-red {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}.s-scopes-color-green {
  --tw-text-opacity: 1;
  color: rgba(34, 197, 94, var(--tw-text-opacity));
}.s-scopes-color-gray {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-scopes-hidden {
  display: none;
}.s-scopes-input-wrap.is-hidden-branch {
  display: none;
}.s-scopes-wrap {
  display: flex;
  max-height: 350px;
  flex-direction: column;
}.s-scopes-wrap .s-placeholder-wrapper {
  display: flex;
  height: 12rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}.s-scopes-footer {
  margin-top: auto;
}.s-scopes-modal .s-modal-header {
  display: block !important;
}.s-scopes-skeleton .s-list-tile-item-content {
  display: block;
  width: 100%;
}.s-scopes-skeleton .s-scopes-header-title > salla-skeleton {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: block;
}.s-scopes-skeleton .s-scopes-header-subtitle > salla-skeleton {
  margin-bottom: 0.75rem;
  display: block;
}.s-scopes-skeleton .s-scopes-skeleton-scopes > salla-skeleton {
  margin-bottom: 1.25rem;
  display: block;
}.s-scopes-skeleton .s-scopes-skeleton-search {
  margin-top: 2rem;
  margin-bottom: 2rem;
}.s-scopes-skeleton .s-scopes-skeleton-search > salla-skeleton {
  margin-bottom: 0.75rem;
  display: block;
}.s-scopes-skeleton .s-list-tile-item-icon {
  margin-right: 2rem;
}[dir="rtl"] .s-scopes-skeleton .s-list-tile-item-icon {
  margin-right: 0px;
  margin-left: 2rem;
}.s-scopes-skeleton-btn {
  margin-top: 2rem;
}.s-search-container {
  position: relative;
  z-index: 99;
  max-height: 14rem;
  border-radius: 0.375rem;
  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;
}.s-search-oval {
  border-radius: 20px;
}.s-search-inline {
  min-width: 220px;
}.s-search-container-open {
  border-radius: 0px !important;
}.s-search-container-open {
  max-height: 24rem;
}.s-search-container-open .s-search-input {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}.s-search-container-open .s-search-input {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}.s-search-no-results .s-search-input {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}.s-search-input {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-top: 0px;
  padding-bottom: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
  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: 300ms;
}.s-search-input:focus {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-ring-color: transparent;
}[dir="ltr"] .s-search-input {
  padding-left: 2.5rem;
}[dir="rtl"] .s-search-input {
  padding-right: 2.5rem;
}.s-search-icon-wrap {
  position: absolute;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}input[type=radio].sr-only div.s-search-icon-wrap{transition:all .3s}input[type=radio].sr-only:checked~div.s-search-icon-wrap{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .s-search-icon-wrap {
  left: 1rem;
}[dir="rtl"] .s-search-icon-wrap {
  right: 1rem;
}.s-search-icon svg {
  height: 1rem;
  width: 1rem;
  fill: #9ca3af;
}.s-search-spinner-loader {
  display: block;
  height: 1rem;
  width: 1rem;
}@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}.s-search-spinner-loader {
  animation: spin 1s linear infinite;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  border-right-color: #5cd5c4;
  border-right-color: var(--color-primary);
}.s-search-results {
  position: absolute;
  margin: auto;
  max-height: 24rem;
  width: 100%;
  max-width: 100%;
  overflow-y: auto;
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}input[type=radio].sr-only div.s-search-results{transition:all .3s}input[type=radio].sr-only:checked~div.s-search-results{border-color:#5cd5c4;border-color:var(--color-primary)}.s-search-no-results {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}.s-search-no-results-placeholder {
  padding: 1rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-search-product {
  display: flex;
  height: 100%;
  justify-content: space-around;
  overflow: hidden;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  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-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}.s-search-product:last-child {
  border-bottom-width: 0px;
}.s-search-product:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}@media (min-width: 480px) {

  .s-search-product {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}.s-search-product-image-container {
  position: relative;
  height: 3.5rem;
  width: 5rem;
  overflow: hidden;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}.s-search-product-image {
  position: relative;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-size: 0px;
}.s-search-product-image::before {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}.s-search-product-details {
  flex: 1 1 0%;
  padding-top: 0.25rem;
}[dir="ltr"] .s-search-product-details {
  padding-left: 1rem;
}[dir="rtl"] .s-search-product-details {
  padding-right: 1rem;
}@media (min-width: 480px) {

  [dir="ltr"] .s-search-product-details {
    padding-left: 1.25rem;
  }

  [dir="rtl"] .s-search-product-details {
    padding-right: 1.25rem;
  }
}.s-search-product-title {
  margin-bottom: 0.375rem;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: flex-start;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}.s-search-product-price {
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #5cd5c4;
  color: var(--color-primary);
}.s-search-product-regular-price {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
  text-decoration-line: line-through;
}.s-search-product-not-available {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.s-search-modal .s-modal-wrapper {
  align-items: flex-start;
  padding: 0;
}.s-search-modal .s-modal-spacer {
  display: inline;
}.s-search-modal .s-modal-body {
  position: relative !important;
}.s-search-modal .s-modal-body {
  padding: 0;
  width: 700px;
  max-width: 90%;
  margin-top: 3.2rem;
  border-radius: 0.5rem;
  background: transparent;
  overflow: visible;
}.s-search-modal .s-modal-close {
  top: 50%;
  transform: translateY(-50%);
}.s-select-lable {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}.dark .s-select-lable {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-select-underline {
  display: block;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 0px;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  background-color: transparent;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.s-select-underline:focus {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
}.dark .s-select-underline {
  --tw-border-opacity: 1;
  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-select-outlined {
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  padding: 0.625rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}.s-select-outlined:focus {
  --tw-border-opacity: 1;
  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
}.dark .s-select-outlined {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.dark .s-select-outlined::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
}.dark .s-select-outlined::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
}.dark .s-select-outlined:focus {
  --tw-border-opacity: 1;
  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
}.s-select-x-large {
  height: 5rem;
}.s-select-large {
  height: 4rem;
}.s-select-normal {
  height: 3rem;
}.s-select-small {
  height: 3rem;
}.s-select-x-small {
  height: 2.5rem;
}.s-select-field {
  margin: 0px;
  width: 100%;
  border-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.s-select-hint {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.s-skeleton-wrapper {
  display: block;
}@keyframes pulse {

  50% {
    opacity: .5;
  }
}.s-skeleton-wrapper {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}.s-skeleton-item {
  height: 100%;
  width: 100%;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}.dark .s-skeleton-item {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}.s-skeleton-item-circular {
  border-radius: 9999px;
}.s-slider-swiper-wrapper > div {
  align-items: stretch;
}.s-slider-container {
  display: block;
  padding-top: 0.25rem;
}.s-slider-horizontal .s-slider-thumbs {
  margin-top: 1rem;
}.s-slider-thumbs-container {
  position: relative;
  margin-left: -5px;
  margin-right: -5px;
}[dir="ltr"] .s-slider-thumbs-container {
  padding-right: 3rem;
}[dir="rtl"] .s-slider-thumbs-container {
  padding-left: 3rem;
}@media (min-width: 640px) {

  .s-slider-thumbs-container {
    padding-left: 0px;
    padding-right: 0px;
  }
}@media (min-width: 1024px) {

  [dir="ltr"] .s-slider-thumbs-container {
    padding-right: 0px;
  }

  [dir="rtl"] .s-slider-thumbs-container {
    padding-left: 0px;
  }
}.s-slider-wrapper {
  position: relative;
}.s-slider-block__title {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  display: flex;
  max-width: 1280px;
  align-items: center;
  justify-content: space-between;
}@media (min-width: 768px) {

  .s-slider-block__title {
    margin-bottom: 2rem;
  }
}[dir="ltr"] .s-slider-block__title-right {
  padding-right: 2rem;
}[dir="rtl"] .s-slider-block__title-right {
  padding-left: 2rem;
}.s-slider-block__title-left {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}.s-slider-block__title-left > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}[dir="rtl"] .s-slider-block__title-left > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.s-slider-block__title h2 {
  position: relative;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
}[dir="ltr"] .s-slider-block__title h2 {
  padding-right: 2rem;
}[dir="rtl"] .s-slider-block__title h2 {
  padding-left: 2rem;
}.s-slider-block__title p {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  opacity: 0.6;
}@media (min-width: 768px) {

  [dir="ltr"] .s-slider-block__title p {
    padding-right: 4rem;
  }

  [dir="rtl"] .s-slider-block__title p {
    padding-left: 4rem;
  }
}.s-slider-block__title-nav {
  display: flex;
}.s-slider-block__title-nav > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(0.625rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}[dir="ltr"] .s-slider-block__title-nav {
  margin-left: 1.5rem;
  flex-direction: row-reverse;
}[dir="rtl"] .s-slider-block__title-nav {
  margin-right: 1.5rem;
}[dir="rtl"] .s-slider-block__title-nav > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.carousel-slider .s-slider-block__title-nav {
  display: none;
}@media (min-width: 1024px) {

  .carousel-slider .s-slider-block__title-nav {
    display: flex;
  }
}.s-slider-v-centered .s-slider-block__title-nav {
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-left: 0px;
  margin-right: 0px;
  width: 94%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  justify-content: space-between;
}input[type=radio].sr-only div.s-slider-v-centered .s-slider-block__title-nav{transition:all .3s}input[type=radio].sr-only:checked~div.s-slider-v-centered .s-slider-block__title-nav{border-color:#5cd5c4;border-color:var(--color-primary)}.s-slider-v-centered .s-slider-block__title-nav button {
  pointer-events: auto;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  --tw-shadow-color: #d1d5db;
  --tw-shadow: var(--tw-shadow-colored);
}.s-slider-v-centered .s-slider-block__title-nav button:hover {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled {
  opacity: 1;
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled svg {
  fill: #d1d5db;
}.s-slider-v-centered.fullwidth-slider .s-slider-block__title-nav button {
  --tw-shadow-color: #374151;
  --tw-shadow: var(--tw-shadow-colored);
}.s-slider-controls-outer .s-slider-block__title-nav {
  width: 97%;
}@media (min-width: 1536px) {

  .s-slider-controls-outer .s-slider-block__title-nav {
    width: calc(100% + 32px);
  }
}.s-slider-block__display-all {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #5cd5c4;
  color: var(--color-primary);
}.s-slider-block__display-all:hover {
  opacity: 0.8;
}.s-slider-nav-arrow {
  display: inline-flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  font-size: 1.25rem;
  line-height: 1.75rem;
  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: 300ms;
}.s-slider-nav-arrow svg {
  width: 22px;
  fill: #6b7280;
}.s-slider-thumbs-nav {
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  width: 94%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  justify-content: space-between;
}.s-slider-thumbs-nav > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(0.625rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}input[type=radio].sr-only div.s-slider-thumbs-nav{transition:all .3s}input[type=radio].sr-only:checked~div.s-slider-thumbs-nav{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .s-slider-thumbs-nav {
  flex-direction: row-reverse;
}[dir="rtl"] .s-slider-thumbs-nav > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.s-slider-thumbs-nav button {
  pointer-events: auto;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}.s-slider-thumbs-nav button:hover {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.s-slider-thumbs-nav button.swiper-button-disabled {
  opacity: 1;
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.s-slider-thumbs-nav button.swiper-button-disabled svg {
  fill: #d1d5db;
}.s-slider-nav-arrow:not(:disabled):hover {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}.s-slider-nav-arrow:not(:disabled):hover svg {
  fill: #5cd5c4;
  fill: var(--color-primary);
}salla-slider:not(.hydrated), .carousel-slider {
  visibility: visible;
}salla-slider[type]:not(.hydrated) > div, salla-slider[type]:not(.hydrated) .swiper > div > div, .carousel-slider .swiper {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
}[dir="ltr"] salla-slider[type]:not(.hydrated) > div,[dir="ltr"]  salla-slider[type]:not(.hydrated) .swiper > div > div,[dir="ltr"]  .carousel-slider .swiper {
  padding-right: 3rem;
}[dir="rtl"] salla-slider[type]:not(.hydrated) > div,[dir="rtl"]  salla-slider[type]:not(.hydrated) .swiper > div > div,[dir="rtl"]  .carousel-slider .swiper {
  padding-left: 3rem;
}@media (min-width: 640px) {

  salla-slider[type]:not(.hydrated) > div, salla-slider[type]:not(.hydrated) .swiper > div > div, .carousel-slider .swiper {
    padding-left: 0px;
    padding-right: 0px;
  }
}@media (min-width: 1024px) {

  [dir="ltr"] salla-slider[type]:not(.hydrated) > div,[dir="ltr"]  salla-slider[type]:not(.hydrated) .swiper > div > div,[dir="ltr"]  .carousel-slider .swiper {
    padding-right: 0px;
  }

  [dir="rtl"] salla-slider[type]:not(.hydrated) > div,[dir="rtl"]  salla-slider[type]:not(.hydrated) .swiper > div > div,[dir="rtl"]  .carousel-slider .swiper {
    padding-left: 0px;
  }
}salla-slider[type]:not(.hydrated) > div > div, salla-slider[type]:not(.hydrated) .swiper > div > div > div, .carousel-slider .swiper-wrapper > div {
  flex-shrink: 0;
  padding-left: 5px;
  padding-right: 5px;
}@media (min-width: 640px) {

  salla-slider[type]:not(.hydrated) > div > div, salla-slider[type]:not(.hydrated) .swiper > div > div > div, .carousel-slider .swiper-wrapper > div {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}salla-slider:not([type='carousel']):not([type='thumbs']):not(.hydrated) > div, salla-slider.photos-slider:not(.hydrated) > div {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}salla-slider:not([type='carousel']):not([type='thumbs']):not(.hydrated) > div > div, salla-slider.photos-slider:not(.hydrated) > div > div {
  padding: 0px;
}salla-slider:not([type='carousel']):not([type='thumbs']):not(.hydrated) > div > div:nth-child(n+2) {
  display: none;
}salla-slider[type='fullscreen'] [slot='items'] > div {
  min-height: calc(100vh - 100px);
  width: 100%;
}salla-slider:not(.hydrated) {
  display: block;
  overflow: hidden;
}.s-slider-has-notitle .s-slider-block__title {
  margin-bottom: 0px;
}salla-slider div[slot='thumbs'] {
  margin-top: 0.625rem;
}salla-slider {
  display: block;
}salla-slider div[slot='thumbs'] > div {
  height: 5rem;
  padding-left: 5px;
  padding-right: 5px;
}.s-slider-vertical {
  height: 100%;
}@media (min-width: 768px) {

  .s-slider-vertical {
    display: flex;
  }
}.s-slider-vertical .s-slider-container {
  margin-left: 0px;
  margin-right: 0px;
}.s-slider-vertical .s-slider-thumbs {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: 0.625rem;
  width: 100%;
}@media (min-width: 768px) {

  .s-slider-vertical .s-slider-thumbs {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    height: 100%;
    width: 8rem;
    padding: 0px;
  }

  [dir="rtl"] .s-slider-vertical .s-slider-thumbs {
    margin-left: 0px;
    margin-right: 15px;
  }
}.s-slider-vertical .s-slider-thumbs-container {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: 0.625rem;
  max-height: 360px;
  width: 100vw;
  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: 300ms;
}@media (min-width: 768px) {

  .s-slider-vertical .s-slider-thumbs-container {
    top: 50%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    min-height: 100%;
    width: 8rem;
    --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));
    padding: 0px;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}.s-slider-vertical .s-slider-thumbs-prev {
  margin-left: 0px !important;
  margin-right: 0px !important;
}.s-slider-vertical .s-slider-thumbs-prev {
  position: absolute;
  top: 1%;
  left: 50%;
  z-index: 1;
  display: none;
  --tw-translate-x: -50%;
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}input[type=radio].sr-only div.s-slider-vertical .s-slider-thumbs-prev{transition:all .3s}input[type=radio].sr-only:checked~div.s-slider-vertical .s-slider-thumbs-prev{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="rtl"] .s-slider-vertical .s-slider-thumbs-prev {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}@media (min-width: 768px) {

  .s-slider-vertical .s-slider-thumbs-prev {
    display: flex;
  }
}.s-slider-vertical .s-slider-thumbs-next {
  margin-left: 0px !important;
  margin-right: 0px !important;
}.s-slider-vertical .s-slider-thumbs-next {
  position: absolute;
  bottom: 1%;
  left: 50%;
  z-index: 1;
  display: none;
  --tw-translate-x: -50%;
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}input[type=radio].sr-only div.s-slider-vertical .s-slider-thumbs-next{transition:all .3s}input[type=radio].sr-only:checked~div.s-slider-vertical .s-slider-thumbs-next{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="rtl"] .s-slider-vertical .s-slider-thumbs-next {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}@media (min-width: 768px) {

  .s-slider-vertical .s-slider-thumbs-next {
    display: flex;
  }
}.s-slider-vertical .s-slider-thumbs-nav {
  height: 100%;
}.s-slider-thumbs .s-slider-thumbs-container .swiper-slide {
  margin-left: 5px;
  margin-right: 5px;
  height: 4rem;
  width: 25%;
  cursor: pointer;
  overflow: hidden;
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  padding: 0px;
  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: 300ms;
}.s-slider-thumbs .s-slider-thumbs-container .swiper-slide *{pointer-events:none}.s-slider-thumbs .s-slider-thumbs-container .swiper-slide:hover {
  opacity: 0.8;
}@media (min-width: 640px) {

  .s-slider-thumbs .s-slider-thumbs-container .swiper-slide {
    width: 20%;
  }
}@media (min-width: 768px) {

  .s-slider-thumbs .s-slider-thumbs-container .swiper-slide {
    height: 5rem;
    width: 25%;
  }
}@media (min-width: 1024px) {

  .s-slider-thumbs .s-slider-thumbs-container .swiper-slide {
    width: 20%;
  }
}.s-slider-vertical .s-slider-thumbs-container .swiper-slide {
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 4rem;
  cursor: pointer;
  padding: 0px;
}.s-slider-vertical .s-slider-thumbs-container .swiper-slide *{pointer-events:none}@media (min-width: 768px) {

  .s-slider-vertical .s-slider-thumbs-container .swiper-slide {
    height: 5rem;
    width: 100%;
  }
}.s-slider-thumbs .s-slider-thumbs-container .swiper-slide:after {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
}input[type=radio].sr-only div.s-slider-thumbs .s-slider-thumbs-container .swiper-slide:after{transition:all .3s}input[type=radio].sr-only:checked~div.s-slider-thumbs .s-slider-thumbs-container .swiper-slide:after{border-color:#5cd5c4;border-color:var(--color-primary)}@media (min-width: 768px) {

  thumbs .s-slider-thumbs-container {
    direction: ltr;
  }
}[dir="ltr"] .s-slider-thumbs .s-slider-thumbs-container.has-more-4-slides {
  padding-right: 2.5rem;
}[dir="rtl"] .s-slider-thumbs .s-slider-thumbs-container.has-more-4-slides {
  padding-left: 2.5rem;
}@media (min-width: 768px) {

  .s-slider-thumbs .s-slider-thumbs-container.has-more-4-slides {
    padding-left: 0px;
    padding-right: 0px;
  }
}salla-slider .video-entry, salla-slider .model-entry {
  position: relative;
}salla-slider .video-entry:before, salla-slider .model-entry:before {
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  display: flex;
  height: 4rem;
  width: 4rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 3rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.8);
  --tw-content: '\ee61';
  content: var(--tw-content);
}input[type=radio].sr-only divsalla-slider .video-entry:before,input[type=radio].sr-only div salla-slider .model-entry:before{transition:all .3s}input[type=radio].sr-only:checked~divsalla-slider .video-entry:before,input[type=radio].sr-only:checked~div salla-slider .model-entry:before{border-color:#5cd5c4;border-color:var(--color-primary)}.video-entry:before, .model-entry:before {
  font-family: sallaicons;
}salla-slider .model-entry .s-toggle-switcher {
  pointer-events: auto;
}salla-slider .model-entry:before {
  --tw-content: '\e9a0';
  content: var(--tw-content);
}.s-slider-thumbs .swiper-slide.video-entry:before, .s-slider-thumbs .swiper-slide.model-entry:before {
  height: 1.75rem;
  width: 1.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}.s-slider-thumbs .s-slider-thumbs-container .swiper-slide.swiper-slide-thumb-active:after {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
  --tw-ring-color: var(--color-primary);
}.s-social-share-wrapper {
  position: relative;
}.s-social-share-btn span {
  pointer-events: none;
}.s-social-share-btn span svg {
  height: 1rem;
  width: 1rem;
}.s-social-share-list {
  position: absolute;
  top: 3rem;
  left: 2.5px;
  z-index: 10;
  display: flex;
  height: 0px;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  opacity: 0;
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}input[type=radio].sr-only div.s-social-share-list{transition:all .3s}input[type=radio].sr-only:checked~div.s-social-share-list{border-color:#5cd5c4;border-color:var(--color-primary)}.s-social-share-list.opened {
  height: auto;
}.s-social-share-list a {
  display: block;
  padding: 0.75rem;
}.s-social-share-list a:hover svg {
  fill: #5cd5c4;
  fill: var(--color-primary);
}.s-social-share-icon svg {
  height: 1rem;
  width: 1rem;
}.s-tabs-bg-normal {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}.s-tabs-header {
  display: flex;
  cursor: pointer;
  align-content: center;
  justify-content: flex-start;
}.s-tabs-header > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}.s-tabs-header {
  overflow-x: auto;
  border-bottom-width: 2px;
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}.s-tabs-header *{pointer-events:none}[dir="rtl"] .s-tabs-header > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}@media (min-width: 768px) {

  .s-tabs-header {
    overflow-x: hidden;
  }
}.s-tabs-header * {
  pointer-events: auto !important;
}.s-tabs-header-item {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}@media (min-width: 768px) {

  .s-tabs-header-item {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}.s-tabs-content {
  display: none;
}.s-tabs-content-wrapper {
  padding-top: 0.75rem;
}.s-tabs-content-selected {
  display: block;
}.s-tabs-active {
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-tel-input-control {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  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;
}.s-tel-input-control:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}.dark .s-tel-input-control {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}.s-tel-input-error-msg {
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}.s-tel-input-error-msg:focus {
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}.s-tel-input-error-msg {
  --tw-border-opacity: 1 !important;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgba(239, 68, 68, var(--tw-text-opacity)) !important;
}salla-user-menu div[slot] {
  display: none;
}.s-user-menu-wrapper {
  display: block;
  min-width: -moz-max-content;
  min-width: max-content;
  flex-shrink: 0;
}.s-user-menu-relative-dropdown {
  position: relative;
}.s-user-menu-trigger {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  align-items: center;
  border-top-right-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}.s-user-menu-trigger *{pointer-events:none}.s-user-menu-trigger-icon svg {
  height: 1.25rem;
  width: 1.25rem;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}.s-user-menu-toggler::before {
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10;
  height: 100vh;
  width: 100vw;
  background-color: rgba(113,113,122,0.74902);
  opacity: 0;
  transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
}.s-user-menu-toggler.opened::before {
  pointer-events: auto;
  visibility: visible;
  content: var(--tw-content);
  opacity: 1;
}@media (min-width: 768px) {

  .s-user-menu-toggler.opened::before {
    pointer-events: none;
    visibility: hidden;
    content: var(--tw-content);
    opacity: 0;
  }
}.s-user-menu-toggler.opened .s-user-menu-trigger svg {
  --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));
}.s-user-menu-toggler.opened .s-user-menu-dropdown {
  visibility: visible;
  --tw-translate-y: 0px;
  --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));
  opacity: 1;
}.s-user-menu-trigger-avatar {
  display: inline-block;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  -o-object-fit: cover;
     object-fit: cover;
}.s-user-menu-trigger-content {
  margin-left: 0.5rem;
  margin-right: 0.25rem;
}[dir="rtl"] .s-user-menu-trigger-content {
  margin-right: 0.5rem;
  margin-left: 0.25rem;
}.s-user-menu-trigger-avatar-only .s-user-menu-trigger-content {
  display: none;
}.s-user-menu-trigger-avatar-only .s-user-menu-trigger-icon {
  display: none;
}.s-user-menu-trigger-avatar-only .s-user-menu-trigger-avatar {
  border-width: 0px;
}.s-user-menu-trigger-hello {
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgba(153, 153, 153, var(--tw-text-opacity));
}.s-user-menu-trigger-name {
  margin-top: 0.125rem;
  font-size: 15px;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(68, 68, 68, var(--tw-text-opacity));
}.s-user-menu-trigger-icon {
  margin-left: 10px;
}[dir="rtl"] .s-user-menu-trigger-icon {
  margin-left: 0px;
  margin-right: 10px;
}.s-user-menu-trigger-text-value {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.s-user-menu-dropdown {
  visibility: hidden;
  position: fixed;
  bottom: 0px;
  top: auto;
  right: 0px;
  z-index: 30;
  width: 100%;
  transform-origin: center;
  --tw-translate-y: 2.5rem;
  --tw-scale-y: .9;
  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));
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  opacity: 0;
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}[dir="rtl"] .s-user-menu-dropdown {
  left: 0px;
  right: auto;
  right: initial;
}@media (min-width: 768px) {

  .s-user-menu-dropdown {
    position: absolute;
    bottom: auto;
    bottom: initial;
    top: 100%;
    width: 15rem;
    transform-origin: top right;
    --tw-translate-y: -1rem;
    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));
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
    transition-duration: 200ms;
  }
}@media (min-width: 1024px) {

  .s-user-menu-dropdown {
    border-top-width: 1px;
    border-color: rgba(209, 213, 219, 0.3);
  }
}.s-user-menu-dropdown-list > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1px * (1 - var(--tw-space-y-reverse)));
  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1px * var(--tw-space-y-reverse));
}.s-user-menu-dropdown-list {
  padding-top: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 1rem;
}@media (min-width: 1024px) {

  .s-user-menu-dropdown-list {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0.5rem;
  }
}.s-user-menu-dropdown-item a {
  display: flex;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  --tw-text-opacity: 1;
  color: rgba(68, 68, 68, var(--tw-text-opacity));
  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: 300ms;
}.s-user-menu-dropdown-item a:hover {
  background-color: rgba(229, 231, 235, 0.3);
}@media (min-width: 640px) {

  .s-user-menu-dropdown-item a {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}.s-user-menu-dropdown-item-logout a {
  --tw-text-opacity: 1 !important;
  color: rgba(255, 68, 58, var(--tw-text-opacity)) !important;
}.s-user-menu-dropdown-item-logout a svg {
  fill: #FF443A !important;
}.s-user-menu-dropdown-item a svg {
  margin-right: 0.75rem;
  height: 1rem;
  width: 1rem;
  fill: #9ca3af;
}[dir="rtl"] .s-user-menu-dropdown-item a svg {
  margin-right: 0px;
  margin-left: 0.75rem;
}.s-user-menu-dropdown-header {
  position: relative;
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  padding: 1rem;
}@media (min-width: 768px) {

  .s-user-menu-dropdown-header {
    display: none;
  }
}.s-user-menu-dropdown-header img {
  pointer-events: none;
  margin-right: 0.75rem;
  height: 3rem;
  width: 3rem;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}[dir="rtl"] .s-user-menu-dropdown-header img {
  margin-right: 0px;
  margin-left: 0.75rem;
}.s-user-menu-dropdown-header-content span {
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgba(153, 153, 153, var(--tw-text-opacity));
}.s-user-menu-dropdown-header-content p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.s-user-menu-dropdown-header-close {
  position: absolute;
  top: 1.25rem;
  right: 1rem;
  z-index: 50;
  border-radius: 9999px;
}input[type=radio].sr-only div.s-user-menu-dropdown-header-close{transition:all .3s}input[type=radio].sr-only:checked~div.s-user-menu-dropdown-header-close{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="rtl"] .s-user-menu-dropdown-header-close {
  right: auto;
  right: initial;
  left: 1rem;
}.s-user-menu-dropdown-header-close svg {
  height: 1.25rem;
  width: 1.25rem;
  fill: #ef4444;
}.s-user-menu-dropdown-item-badge {
  position: absolute;
  right: 0.625rem;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: inherit;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}input[type=radio].sr-only div.s-user-menu-dropdown-item-badge{transition:all .3s}input[type=radio].sr-only:checked~div.s-user-menu-dropdown-item-badge{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="rtl"] .s-user-menu-dropdown-item-badge {
  right: auto;
  right: initial;
  left: 0.625rem;
}.s-user-menu-red-dot .s-user-menu-avatar-wrap {
  position: relative;
}.s-user-menu-red-dot .s-user-menu-avatar-wrap:after {
  position: absolute;
  top: 0px;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}input[type=radio].sr-only div.s-user-menu-red-dot .s-user-menu-avatar-wrap:after{transition:all .3s}input[type=radio].sr-only:checked~div.s-user-menu-red-dot .s-user-menu-avatar-wrap:after{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .s-user-menu-red-dot .s-user-menu-avatar-wrap:after {
  left: 0px;
}[dir="rtl"] .s-user-menu-red-dot .s-user-menu-avatar-wrap:after {
  right: 0px;
}.header-is-dark .s-user-menu-red-dot .s-user-menu-avatar-wrap:after {
  --tw-border-opacity: 1;
  border-color: rgba(14, 15, 15, var(--tw-border-opacity));
}.s-user-settings-section {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}.s-user-settings-section:first-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}.s-user-settings-section:last-child {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-width: 0px;
}.s-user-settings-section .s-list-tile-item {
  align-items: flex-start;
  background-color: transparent;
  padding: 1.25rem;
}@media (min-width: 768px) {

  .s-user-settings-section .s-list-tile-item {
    align-items: center;
  }
}.s-user-settings-section .s-list-tile-item-action {
  margin-left: auto;
}[dir="rtl"] .s-user-settings-section .s-list-tile-item-action {
  margin-right: auto;
  margin-left: 0px;
}.s-user-settings-section .s-list-tile-item-action button {
  width: 100%;
  padding: 10px;
}.s-user-settings-section-deactivate-user .s-list-tile-item {
  flex-wrap: wrap;
}@media (min-width: 768px) {

  .s-user-settings-section-deactivate-user .s-list-tile-item {
    flex-wrap: nowrap;
  }
}.s-user-settings-section-deactivate-user .s-list-tile-item-icon {
  position: relative;
  top: 5px;
}@media (min-width: 768px) {

  .s-user-settings-section-deactivate-user .s-list-tile-item-icon {
    top: 0px;
  }
}@media (max-width: 768px) {

  .s-user-settings-section-deactivate-user .s-list-tile-item-content {
    flex: 1 0 85%;;
  }

  .s-user-settings-section-deactivate-user .s-list-tile-item-action {
    flex: 1 1 100%;
    margin-top: 1rem;
  }
}.s-user-settings-section-title {
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}.s-user-settings-section-subtitle {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.s-user-settings-section-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}.s-user-settings-confirmation {
  text-align: center;
}.s-user-settings-confirmation svg {
  text-align: center;
}.s-user-settings-confirmation-icon {
  display: inline-flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}[dir="ltr"] .s-user-settings-confirmation-icon {
  margin-right: 0.5rem;
}[dir="rtl"] .s-user-settings-confirmation-icon {
  margin-left: 0.5rem;
}@media (min-width: 640px) {

  .s-user-settings-confirmation-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    height: 5rem;
    width: 5rem;
  }

  [dir="ltr"] .s-user-settings-confirmation-icon {
    margin-right: 0px;
  }

  [dir="rtl"] .s-user-settings-confirmation-icon {
    margin-left: 0px;
  }
}.s-user-settings-confirmation-icon svg {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  fill: #9ca3af;
}.s-user-settings-confirmation-warning {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}.s-user-settings-confirmation-actions {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}.s-user-settings-confirmation-actions > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}[dir="rtl"] .s-user-settings-confirmation-actions > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.s-verify-message {
  margin-bottom: 1.75rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.s-verify-label {
  margin-bottom: 1rem;
  display: block;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}.s-verify-codes {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: space-between;
}.s-verify-input {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  height: 2.5rem;
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  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;
}.s-verify-input:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}.dark .s-verify-input {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}.s-verify-footer {
  text-align: center;
}.s-verify-submit {
  margin-bottom: 1.25rem;
  width: 100%;
}.s-verify-resend-message {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-verify-timer {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.s-verify-resend {
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #5cd5c4;
  color: var(--color-primary);
}.s-verify-back {
  position: absolute;
  left: 10px;
  top: 10px;
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
  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;
}input[type=radio].sr-only div.s-verify-back{transition:all .3s}input[type=radio].sr-only:checked~div.s-verify-back{border-color:#5cd5c4;border-color:var(--color-primary)}.s-verify-back:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}[dir="rtl"] .s-verify-back {
  left: auto;
  left: initial;
  right: 10px;
}.s-verify-back svg {
  height: 18px;
  width: 18px;
}[dir='ltr'] .s-verify-back {
  transform: scale(-1);
}.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}:root{--infinte-color: #c9c9c9;--titles: #5cd5c4;--desc: #44464D;--main-text-color: #231f1e;--main-text-color-dark: #2b2d34;--color-primary: #5cd5c4;--color-primary-d: #272628;--color-primary-l: #676668;--color-primary-reverse: #fff;--color-text: #7c8082;--bg-gray: rgba(198,199,206,0.10196);--color-grey: #f5f7f9;--color-light-grey: #eeeeee;--font-sm: 0.8685714286rem;--font-main: "DINNextLTArabic"}body{font-size:15px;font-weight:400;line-height:26px;color:#231f1e;color:var(--main-text-color);position:relative}html{width:100%;height:100%;position:relative;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{border:0;margin:0;padding:0}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-weight:600;margin-bottom:0px}a{text-decoration:none;transition:color .2s}img{max-width:100%}a:focus{outline:none;text-decoration:none}ul,li{margin:0;padding:0}h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}h2 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;line-height:38px;
}.f-color{color:#ff6767}h5.subtitle{font-size:16px;font-weight:400}html{scroll-behavior:smooth}.cursor-pointer *{pointer-events:none}.flip-x{transform:scaleX(-1)}input[type=file]{display:none}body {
  overflow-x: hidden;
}body [type=text]:focus,body [type=email]:focus,body [type=url]:focus,body [type=password]:focus,body [type=number]:focus,body [type=date]:focus,body [type=datetime-local]:focus,body [type=month]:focus,body [type=search]:focus,body [type=tel]:focus,body [type=time]:focus,body [type=week]:focus,body [multiple]:focus,body textarea:focus,body select: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), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}[type=submit]{-webkit-appearance:listitem}input[type=number]{-moz-appearance:textfield}.unicode{unicode-bidi:plaintext}.spinner-loader{border-right-color:#5cd5c4 !important;border-right-color:var(--color-primary) !important}.spinner-loader.reverse{border-right-color:#9f7171 !important}.spinner-loader.reverse{background-color:#f98181}.hide-scroll{-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.hide-scroll::-webkit-scrollbar{display:none}.hide-scroll-wrapper {
  position: relative;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}@media (min-width: 640px) {

  .hide-scroll-wrapper {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}@media(max-width: 768px){.hide-scroll-wrapper:after {
    pointer-events: none;
    position: absolute;
    top: 0px;
    height: 100%;
    width: 2rem;
    --tw-gradient-from: #fff;
    --tw-gradient-to: rgba(255, 255, 255, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-content: "";
    content: var(--tw-content);
  }input[type=radio].sr-only div.hide-scroll-wrapper:after{transition:all .3s}input[type=radio].sr-only:checked~div.hide-scroll-wrapper:after{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .hide-scroll-wrapper:after {
    right: 0px;
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
  }[dir="rtl"] .hide-scroll-wrapper:after {
    left: 0px;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }}.remove-item-btn:after{font-family:"sallaicons" !important}.remove-item-btn:after{content:"";font-style:normal;font-weight:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cart-thumb{position:fixed;z-index:30;transition:all .3s cubic-bezier(0.2, 1, 0.3, 1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}body.fslightbox-open #tidio-chat-iframe,body.fslightbox-open .fb_reset,body.fslightbox-open [id^=gb-widget],body.modal-open #tidio-chat-iframe,body.modal-open .fb_reset,body.modal-open [id^=gb-widget]{display:none !important}.loader:before{content:"";opacity:1;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid;border-top-color:#5cd5c4;border-top-color:var(--color-primary);border-bottom-color:#eee;border-left-color:#5cd5c4;border-left-color:var(--color-primary);border-right-color:#eee;animation:loader 1s ease-in-out infinite}.btn--danger .loader:before{border-top-color:#ff6767;border-left-color:#ff6767}.loader--small:before{width:16px;height:16px}@keyframes loader{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.animated{animation-duration:var(--animate-duration);animation-fill-mode:both}@keyframes pulse-mini{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.075, 1.075, 1) rotate(5deg)}to{transform:scale3d(1, 1, 1) rotate(0)}}@keyframes pulse-large{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.15, 1.15, 1) rotate(5deg)}to{transform:scale3d(1, 1, 1) rotate(0)}}.pulse{animation-name:pulse-large;animation-timing-function:ease-in-out}.content .content-entry img{margin:15px 0 25px}salla-modal:not(.hydrated){display:none}.videoWrapper{position:relative;padding-bottom:56.25%;height:0}.videoWrapper>*{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;max-width:initial}.grid-trigger {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.grid-trigger *{pointer-events:none}.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}.center-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}.grow-0{flex-grow:0 !important}.basis-0{flex-basis:0}.gradient-bg {
  --tw-gradient-from: var(--color-primary);
  --tw-gradient-to: rgba(255, 255, 255, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: var(--color-primary-dark);
}[dir=ltr] .gradient-bg {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}[dir=rtl] .gradient-bg {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}@media(max-width: 1024px){.gradient-bg.profile-header{background-image:none}.gradient-bg.profile-header .breadcrumbs {
    padding-bottom: 0px;
  }.gradient-bg.profile-header .breadcrumbs a,.gradient-bg.profile-header .breadcrumbs span,.gradient-bg.profile-header .breadcrumbs .arrow {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, var(--tw-text-opacity));
  }}.badge {
  display: inline-flex;
  height: 18px;
  min-width: 18px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}.badge--red {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.has-overlay,.has-overlay--before {
  position: relative;
}.has-overlay--before:before,.has-overlay--after:after {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  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: 300ms;
  --tw-content: "";
  content: var(--tw-content);
}input[type=radio].sr-only div.has-overlay--before:before,input[type=radio].sr-only div.has-overlay--after:after{transition:all .3s}input[type=radio].sr-only:checked~div.has-overlay--before:before,input[type=radio].sr-only:checked~div.has-overlay--after:after{border-color:#5cd5c4;border-color:var(--color-primary)}.has-overlay--hovered:hover:before,.has-overlay--hovered:hover:after {
  background-color: rgba(0, 0, 0, 0.7);
}.overlay-layer {
  pointer-events: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 20;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}.overlay-layer::after {
  content: var(--tw-content);
  background-color: rgba(107, 114, 128, 0.75);
}.blog-index .overlay-layer {
  display: none;
}.menu-is-open {
  overflow: hidden;
}.menu-is-open .overlay-layer {
  pointer-events: auto;
  opacity: 1;
}#app .s-quantity-input-container {
  border-radius: 6px;
}body #tabbyPromoWrapper,body .tamara-product-widget,body .spotii-wrapper {
  margin-bottom: 0.625rem;
  border-radius: 6px;
  --tw-shadow: 0 0 0 1px #eee;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}body #tabbyPromoWrapper:hover,body .tamara-product-widget:hover,body .spotii-wrapper:hover {
  --tw-shadow: 0 0 0 1px #ddd;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}@media (min-width: 640px) {

  body #tabbyPromoWrapper,body .tamara-product-widget,body .spotii-wrapper {
    margin-bottom: 1.25rem;
  }
}.scroll-downs {
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 0px;
  z-index: 1;
  display: flex;
  height: calc(100% - 32px);
  min-height: 500px;
  width: 2.25rem;
  --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));
  align-items: flex-end;
  opacity: 0.8;
  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;
}input[type=radio].sr-only div.scroll-downs{transition:all .3s}input[type=radio].sr-only:checked~div.scroll-downs{border-color:#5cd5c4;border-color:var(--color-primary)}.scroll-downs:hover {
  opacity: 1;
}.scroll-downs .info-text {
  pointer-events: none;
  position: absolute;
  bottom: -0.25rem;
  left: 50%;
  --tw-translate-x: -50%;
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  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));
  white-space: nowrap;
  border-radius: 0.75rem;
  background-color: rgba(0, 0, 0, 0.9);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  opacity: 0;
  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: 500ms;
  transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
}input[type=radio].sr-only div.scroll-downs .info-text{transition:all .3s}input[type=radio].sr-only:checked~div.scroll-downs .info-text{border-color:#5cd5c4;border-color:var(--color-primary)}.scroll-downs:hover .info-text {
  --tw-translate-y: 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));
  opacity: 1;
}.scroll-downs .mousey {
  pointer-events: auto;
  box-sizing: content-box;
  height: 1.5rem;
  width: 0.375rem;
  border-radius: 25px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  opacity: 0.75;
}.scroll-downs .scroller {
  height: 0.625rem;
  width: 0.375rem;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));animation-name:scroll;animation-duration:2.2s;animation-timing-function:cubic-bezier(0.15, 0.41, 0.69, 0.94);animation-iteration-count:infinite;
}@keyframes scroll{0%{opacity:0}10%{transform:translateY(0);opacity:1}100%{transform:translateY(15px);opacity:0}}body .iti__country-list,body .s-tel-input-control,body .s-product-availability-subscribed {
  border-radius: 6px;
}body.font-dinnextltarabic-regular .btn--add-to-cart {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}.s-tooltip {
  position: relative;
}.s-tooltip__hint {
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  top: -2rem;
  left: 50%;
  width: -moz-max-content;
  width: max-content;
  max-width: 200px;
  --tw-translate-x: -50%;
  --tw-translate-y: -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));
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.7);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  opacity: 0;
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  --tw-shadow-color: rgba(0, 0, 0, 0.3);
  --tw-shadow: var(--tw-shadow-colored);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}input[type=radio].sr-only div.s-tooltip__hint{transition:all .3s}input[type=radio].sr-only:checked~div.s-tooltip__hint{border-color:#5cd5c4;border-color:var(--color-primary)}.s-tooltip:hover .s-tooltip__hint {
  visibility: visible;
  top: -0.75rem;
  opacity: 1;
}.blog-index .breadcrumbs li:nth-child(5) {
  display: none;
}.article--main iframe{width:100%;height:30vw}@media(max-width: 639px){.article--main iframe{height:50vw}}#s-theme_preview_bar>div>span {
  display: flex;
  align-items: center;
}#s-theme_preview_bar>div>span>span {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}salla-rating-stars .s-rating-stars-wrapper {
  align-items: center;
}salla-rating-stars .s-rating-stars-wrapper .s-rating-stars-reviews {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}[dir="ltr"] salla-rating-stars .s-rating-stars-wrapper .s-rating-stars-reviews {
  margin-left: 0.5rem;
}[dir="rtl"] salla-rating-stars .s-rating-stars-wrapper .s-rating-stars-reviews {
  margin-right: 0.5rem;
}.cart-submit-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}.cart-submit-wrap > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(0.625rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}[dir="rtl"] .cart-submit-wrap > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.cart-submit-wrap>* {
  flex-grow: 1;
}.has-no-breadcrumbs .page-container {
  padding-top: 2.5rem;
}@keyframes fadeInDown{from{transform:translate3d(0, -15px, 0)}to{transform:translate3d(0, 0, 0);opacity:1}}.animated{animation-duration:400ms;animation-fill-mode:both}.animatedfadeInDown{opacity:0}.fadeInDown{opacity:0;animation-name:fadeInDown;-webkit-animation-name:fadeInDown}@keyframes toRightFromLeft{49%{transform:translate(100%)}50%{opacity:0;transform:translate(-100%)}51%{opacity:1}}@keyframes toLeftFromRight{49%{transform:translate(-100%)}50%{opacity:0;transform:translate(100%)}51%{opacity:1}}@keyframes toTopFromBottom{0%{opacity:0;transform:translateX(50px)}100%{opacity:1 !important;transform:translateX(0)}}@keyframes delayKeyframe{0%{opacity:0}100%{opacity:0}}@keyframes rubberBand{from{transform:scale3d(1, 1, 1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scale3d(1, 1, 1)}}.rubberBand{animation-name:rubberBand;animation-duration:1s;animation-fill-mode:both;animation-iteration-count:1}.swiper-lazy {
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}input[type=radio].sr-only div.swiper-lazy{transition:all .3s}input[type=radio].sr-only:checked~div.swiper-lazy{border-color:#5cd5c4;border-color:var(--color-primary)}.swiper-lazy.swiper-lazy-loaded {
  opacity: 1;
}.lazy__bg {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}input[type=radio].sr-only div.lazy__bg{transition:all .3s}input[type=radio].sr-only:checked~div.lazy__bg{border-color:#5cd5c4;border-color:var(--color-primary)}.lazy__bg.loaded {
  opacity: 1;
}img.lazy {
  display: inline-block;
  opacity: 0;
  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: 300ms;transform:translateY(10px);
}img.lazy.loaded {
  opacity: 1;transform:translateY(0);
}.rtl .rtl-range-slider,[dir=rtl] .rtl-range-slider{transform:rotateY(180deg)}.rtl .rtl-range-numbers,[dir=rtl] .rtl-range-numbers{flex-direction:row-reverse}.rtl .form-select,.rtl select,[dir=rtl] .form-select,[dir=rtl] select{background-position:left .5rem center;padding-right:12px}.rtl .fix-align,[dir=rtl] .fix-align{transform:translateY(-2px);display:inline-block}input[type=radio].sr-only div.absolute{transition:all .3s}input[type=radio].sr-only:checked~div.absolute{border-color:#5cd5c4;border-color:var(--color-primary)}input[type=text]:disabled{color:#838383}.form-label {
  margin-bottom: 0.625rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.form-input {
  height: 42px;
  width: 100%;
  border-radius: 6px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  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: 300ms;
}.form-input:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  --tw-ring-color: transparent;
}.dark .form-input {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
}.dark .form-input:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}@media (min-width: 640px) {

  .form-input {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}.form-input{-moz-appearance:none;appearance:none;-webkit-appearance:none}textarea.form-input {
  height: 6rem;
}.has-error {
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
}.has-error:focus {
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
}.has-success {
  --tw-border-opacity: 1;
  border-color: rgba(34, 197, 94, var(--tw-border-opacity));
}.has-success:focus {
  --tw-border-opacity: 1;
  border-color: rgba(22, 163, 74, var(--tw-border-opacity));
}salla-button[width=wide] {
  width: 100%;
}salla-button .s-button-btn {
  border-radius: 6px;
}salla-button.copied .s-button-text {
  --tw-text-opacity: 1;
  color: rgba(22, 163, 74, var(--tw-text-opacity));
}salla-button.copied i:before{content:""}salla-button .s-button-primary {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}salla-button .s-button-primary-outline {
  font-weight: 400;
}salla-button .s-button-primary-outline:hover {
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.btn {
  display: inline-flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 6px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.625rem;
  padding-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  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: 300ms;
}.btn:hover {
  opacity: 0.8;
}.btn .loader{width:0;opacity:0;height:16px;transform:scale(0);transition:.3s}.product-entry--minimal .btn--add-to-cart{max-width:none}.btn--is-loading{pointer-events:none}.btn--is-loading .loader{width:16px;margin:0 5px;opacity:1;transform:scale(1)}.btn--delete .loader{width:15px}.btn--delete .loader:before{width:12px;height:12px;border-top-color:rgba(0,0,0,0);border-bottom-color:#fff;border-left-color:rgba(0,0,0,0);border-right-color:#fff}.btn--delete.btn--is-loading .icon{opacity:0}.btn--quantity {
  width: 2.75rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
  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: 300ms;
}.btn--quantity:hover {
  color: #5cd5c4;
  color: var(--color-primary);
}.btn__text {
  pointer-events: none;
  display: inline-block;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}.btn--wishlist {
  margin: 0px;
  height: 2rem;
  width: 2rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.btn--wishlist:hover {
  color: #5cd5c4;
  color: var(--color-primary);
}.btn--wishlist .is-active {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}.btn--gray {
  display: flex;
  height: 2.5rem;
  flex-grow: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 6px;
  background-color: rgba(229, 231, 235, 0.3);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.btn--gray *{pointer-events:none}.btn--gray:hover {
  background-color: rgba(229, 231, 235, 0.5);
}.btn--gray * {
  pointer-events: auto;
}.btn--gray.custom-gray {
  min-height: 50px;
  min-width: 50px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}.header-is-dark .btn--gray {
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, .03);
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.header-is-dark .btn--gray:hover {
  background-color: rgba(255, 255, 255, 0.05);
}@media(max-width: 1024px){.header-is-dark .btn--gray.custom-gray {
    background-color: transparent;
  }.header-is-dark .btn--gray.btn-login {
    margin-bottom: 0.75rem;
    border-style: none;
  }@media (min-width: 1024px) {

    .header-is-dark .btn--gray.btn-login {
      margin-bottom: 0px;
    }
  }}.header-is-dark .is-opened .btn--gray {
  background-color: rgba(255, 255, 255, 0.05);
}.btn--share{margin:0}.btn--collapse {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.btn--collapse *{pointer-events:none}.btn--collapse:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}@media (min-width: 640px) {

  [dir="ltr"] .btn--collapse {
    padding-left: 1.75rem;
    padding-right: 1.25rem;
  }

  [dir="rtl"] .btn--collapse {
    padding-right: 1.75rem;
    padding-left: 1.25rem;
  }
}.btn--nav-arrow {
  display: inline-flex;
  height: 2.75rem;
  width: 2.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
  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;
}[dir="ltr"] .btn--nav-arrow {
  --tw-scale-x: -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));
}.offer-slider .btn--nav-arrow {
  height: 2rem;
  width: 2rem;
}.btn--nav-arrow:not(:disabled):hover {
  color: #5cd5c4;
  color: var(--color-primary);
}.btn.btn:disabled {
  cursor: default;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.btn.btn:disabled:hover {
  background-color: transparent;
}.btn:disabled .s-button-text {
  opacity: 0.7;
}.btn--white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.btn--white:hover {
  opacity: 0.8;
}.btn--danger {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.btn--danger:hover {
  opacity: 0.8;
}.btn--primary {
  border-width: 1px;
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  color: #fff;
  color: var(--color-primary-reverse);
}.btn--outline-primary {
  border-width: 1px;
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  font-weight: 400;
  color: #5cd5c4;
  color: var(--color-primary);
}.btn--outline-primary:hover {
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.btn--outline {
  position: relative;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  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: 300ms;
}.btn--outline:hover {
  --tw-border-opacity: 1;
  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}.btn--outline:before {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  height: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: "";
  content: var(--tw-content);
}input[type=radio].sr-only div.btn--outline:before{transition:all .3s}input[type=radio].sr-only:checked~div.btn--outline:before{border-color:#5cd5c4;border-color:var(--color-primary)}.btn--outline:hover:before {
  height: 100%;
}.btn--outline.light {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.btn--rounded-full {
  border-radius: 9999px;
}.rounded-icon {
  display: flex;
  height: 4rem;
  width: 4rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 1.875rem;
  line-height: 2.25rem;
}button.btn--coupon {
  position: absolute;
  top: 0px;
  height: 42px;
  flex-shrink: 0;
}input[type=radio].sr-only divbutton.btn--coupon{transition:all .3s}input[type=radio].sr-only:checked~divbutton.btn--coupon{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] button.btn--coupon {
  right: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}[dir="rtl"] button.btn--coupon {
  left: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}button.btn--coupon .s-button-text {
  display: flex;
}salla-button {
  height: 42px;
}salla-button button {
  height: 42px;
}salla-button.has-not-coupon button .icon,salla-button.has-coupon button .coupon-text {
  display: none;
}salla-button.has-coupon button {
  width: 3rem;
  padding-left: 0px;
  padding-right: 0px;
}.link--primary {
  color: #5cd5c4;
  color: var(--color-primary);
  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;
}.link--primary:hover {
  color: var(--color-primary-dark);
}#btn-show-more {
  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;
}#btn-show-more.is-expanded {
  pointer-events: none;
  opacity: 0;
}.custom-radios div{display:inline-block}.custom-radios input[type=radio]{display:none}.custom-radios input[type=radio]+label{cursor:pointer}.custom-radios input[type=radio]+label span{display:inline-block;width:40px;height:40px;vertical-align:middle;cursor:pointer;border-radius:6px;border:2px solid #fff;background-repeat:no-repeat;background-position:center;text-align:center;line-height:40px;box-shadow:0 1px 3px 0 rgba(0,0,0,.075)}.custom-radios input[type=radio]+label span::after{font-family:"sallaicons" !important}.custom-radios input[type=radio]+label span::after{opacity:0;display:inline-block;transform:scale(0.4);transition:all .3s ease;font-style:normal;font-weight:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;content:"";color:#fff;font-size:20px;font-weight:bold}.custom-radios input[type=radio]:checked+label span:after{opacity:1;transform:scale(1)}.custom-radios input[type=radio]:disabled+label{opacity:.45}.custom-radios--rounded input[type=radio]+label span{border-radius:50%;width:30px;height:30px;display:inline-flex;justify-content:center;align-items:center;background-color:#ddd}.custom-radios--rounded input[type=radio]+label span::after{content:"";width:14px;height:14px;background-color:#f1f1f1;border-radius:50%}.custom-radios--icons{font-size:40px;line-height:42px}.custom-radios--icons input[type=radio]+label{transition:transform .2s,color .3s;filter:grayscale(1)}.custom-radios--icons input[type=radio]+label:hover{filter:grayscale(0)}.custom-radios--icons input[type=radio]:checked+label{filter:grayscale(0);transform:scale(1.25) translateY(-3px)}.custom-radios--icons input[type=radio]:checked+label .rate-title{font-weight:bold;color:#2b2d34}.radio-images__label {
  margin-bottom: 0.125rem;
  display: inline-block;
  height: 5rem;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}.radio-images__label *{pointer-events:none}@media (min-width: 768px) {

  .radio-images__label {
    height: 4rem;
  }
}.radio-images__badge {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  display: block;
  --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));
  white-space: nowrap;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}input[type=radio].sr-only div.radio-images__badge{transition:all .3s}input[type=radio].sr-only:checked~div.radio-images__badge{border-color:#5cd5c4;border-color:var(--color-primary)}.radio-images input[type=radio]{display:none}.radio-images input[type=radio]+label{position:relative}.radio-images input[type=radio]+label:after{font-family:"sallaicons" !important}.radio-images input[type=radio]+label:after{content:"";speak:never;font-style:normal;font-weight:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;border-radius:50%;top:50%;left:50%;width:20px;height:20px;font-size:14px;display:flex;justify-content:center;align-items:center;position:absolute;opacity:0;transform:translate(-50%, -50%) scale(0.4);transition:transform .3s}.radio-images input[type=radio]+label:before{content:"";background-color:#000;opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;transition:opacity .3s}.radio-images input[type=radio]:checked+label:after{opacity:1;transform:translate(-50%, -50%) scale(1)}.radio-images input[type=radio]:checked+label:before{opacity:.3}.radio-images input[type=radio]:disabled+label{opacity:.45}.top-nav {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}.top-nav .left-side {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}.top-nav-inner>div{flex-basis:33.33%;flex-grow:0}.menu-is-open .top-nav-inner {
  --tw-blur: blur(4px);
  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-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.header-is-dark .top-nav {
  border-color: rgba(243, 244, 246, .04);
  --tw-bg-opacity: 1;
  background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.header-is-dark .top-nav .dropdown__menu>div {
  border-color: rgba(209, 213, 219, 0.1);
}.top-nav .right-side {
  display: flex;
  flex-grow: 1;
  flex-direction: row-reverse;
  justify-content: space-between;
}@media (min-width: 1024px) {

  .top-nav .right-side {
    flex-direction: row;
  }
}.top-nav .right-side>div {flex-grow:0;
}@media (min-width: 1024px) {

  .top-nav .right-side>div {
    flex-basis: 50%;
  }
}.top-nav .header-btn {
  display: none;
  align-items: center;
  gap: 0.25rem;
}@media (min-width: 1024px) {

  .top-nav .header-btn {
    display: flex;
  }
}.main-nav-container {
  display: flex;
  min-height: 72px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  --tw-shadow-color: rgba(0, 0, 0, 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}.main-nav-container .left-side {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  padding: 0.75rem;
}@media (min-width: 1024px) {

  .main-nav-container .left-side {
    background-color: transparent;
  }
}@media(max-width: 1024px){.main-nav-container .left-side {
    position: relative;
    height: auto;
    width: 100%;
    flex-basis: 0px;
    flex-direction: row-reverse;
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));flex-basis:0;
  }}.header-is-dark .main-nav-container {
  --tw-bg-opacity: 1;
  background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  --tw-shadow-color: rgba(0, 0, 0, 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}.header-is-dark .main-nav-container .left-side {
  --tw-bg-opacity: 1;
  background-color: rgba(12, 12, 13, var(--tw-bg-opacity));
  color: rgba(255, 255, 255, 0.9);
}@media (min-width: 1024px) {

  .header-is-dark .main-nav-container .left-side {
    background-color: transparent;
  }
}.product-single .main-nav-container {
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.main-nav-container .product-single.header-is-light .store-header {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
}.menu-item {
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
  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: 300ms;
}.menu-item:hover {
  color: #5cd5c4;
  color: var(--color-primary);
}.menu-item.logout {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}.menu-item.is-active {
  color: #5cd5c4;
  color: var(--color-primary);
}.animated.top-nav,.animated .inner{transition:top .5s,transform .5s,opacity .4s}.fixed-pinned.top-nav,.fixed-pinned .inner {
  position: fixed;
  right: 0px;
  bottom: 0px;
  left: 0px;
  bottom: auto;
  top: -150px;
  z-index: 20;
  display: flex;
  min-height: 78px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));box-shadow:0 0 5px rgba(0,0,0,.1);
}.header-is-dark .fixed-pinned.top-nav,.header-is-dark .fixed-pinned .inner {
  --tw-bg-opacity: 1;
  background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
}.panel-is-open .fixed-pinned.top-nav,.panel-is-open .fixed-pinned .inner {
  pointer-events: none;
  top: 0px;
}@media (min-width: 1024px) {

  .panel-is-open .fixed-pinned.top-nav,.panel-is-open .fixed-pinned .inner {
    --tw-translate-y: -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));
  }
}.fixed-pinned ul.main-menu li.root-level>a::before {
  top: 5px !important;
  content: var(--tw-content) !important;
  height: calc(100% - 10px) !important;
}.fixed-pinned ul.main-menu li.root-level.has-children>a::before {
  content: var(--tw-content) !important;
  height: calc(100% - 5px) !important;
}.fixed-header.top-nav,.fixed-header .inner {
  top: 0px;
}.navbar-brand {
  display: flex;
  align-items: center;
}.navbar-brand img {
  max-height: 3rem;
  max-width: 170px;
}.header-icon-button {
  position: relative;
  display: flex;
  width: 2.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.header-icon-button *{pointer-events:none}.header-icon-button:hover {
  opacity: 0.8;
}[dir="ltr"] .header-icon-button {
  margin-left: 0.625rem;
}[dir="rtl"] .header-icon-button {
  margin-right: 0.625rem;
}@media (min-width: 1024px) {

  .header-icon-button {
    width: auto;
  }

  [dir="ltr"] .header-icon-button {
    margin-left: 1.25rem;
  }

  [dir="rtl"] .header-icon-button {
    margin-right: 1.25rem;
  }
}.header-icon-button .icon {
  position: relative;
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: 1;
}@media (min-width: 1024px) {

  [dir="ltr"] .header-icon-button .icon {
    margin-right: 0.25rem;
  }

  [dir="rtl"] .header-icon-button .icon {
    margin-left: 0.25rem;
  }
}.header-icon-button .badge {
  position: absolute;
  top: -0.5rem;
  height: 1.25rem;
  min-width: 20px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  padding: 3px;
}input[type=radio].sr-only div.header-icon-button .badge{transition:all .3s}input[type=radio].sr-only:checked~div.header-icon-button .badge{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .header-icon-button .badge {
  left: -0.5rem;
}[dir="rtl"] .header-icon-button .badge {
  right: -0.5rem;
}.header-is-dark .header-icon-button .badge {
  --tw-border-opacity: 1;
  border-color: rgba(24, 24, 27, var(--tw-border-opacity));
}salla-user-menu {
  width: 2.5rem;
}@media (min-width: 1024px) {

  salla-user-menu {
    width: auto;
  }
}.s-user-menu-wrapper {
  position: relative;
}.s-user-menu-wrapper .s-user-menu-trigger {
  display: inline-flex;
  height: 3rem;
  width: 100%;
  flex-grow: 0;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  border-radius: 6px;
  background-color: transparent;
  padding: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  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;
}@media (min-width: 1024px) {

  .s-user-menu-wrapper .s-user-menu-trigger {
    width: -moz-fit-content;
    width: fit-content;
    justify-content: center;
  }
}.s-user-menu-wrapper .s-user-menu-trigger-avatar {
  height: 2.5rem;
  width: 2.5rem;
}@media (min-width: 1024px) {

  .s-user-menu-wrapper .s-user-menu-trigger-avatar {
    height: 2rem;
    width: 2rem;
  }
}.s-user-menu-wrapper .s-user-menu-dropdown {
  top: calc(100% + 5px);
  border-radius: 6px;
}[dir="ltr"] .s-user-menu-wrapper .s-user-menu-dropdown {
  right: -14px;
}[dir="rtl"] .s-user-menu-wrapper .s-user-menu-dropdown {
  left: -9px;
}[dir="ltr"] .s-user-menu-wrapper .s-user-menu-dropdown-item a {
  padding: 0.25rem;
}@media (min-width: 1024px) {

  [dir="ltr"] .s-user-menu-wrapper .s-user-menu-dropdown-item a {
    padding-left: 1.5rem;
  }
}.s-user-menu-wrapper .s-user-menu-toggler .s-user-menu-dropdown-list {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0px;
  padding-right: 0px;
}@media (min-width: 1024px) {

  .s-user-menu-wrapper .s-user-menu-toggler .s-user-menu-dropdown-list {
    padding-top: 0px;
  }

  .s-user-menu-wrapper .s-user-menu-toggler .s-user-menu-dropdown-list li:first-child>a {
    padding-top: 1.25rem;
  }
}@media(max-width: 1024px){.s-user-menu-wrapper .s-user-menu-toggler .s-user-menu-dropdown {
    width: 100%;
    background-color: transparent;
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  }.s-user-menu-wrapper .s-user-menu-toggler .s-user-menu-dropdown-list li {
    border-bottom-width: 1px;
    border-color: rgba(229, 231, 235, 0.6);
  }.s-user-menu-wrapper .s-user-menu-toggler .s-user-menu-dropdown-list li:last-child {
    border-bottom-width: 0px;
  }[dir="ltr"] .s-user-menu-wrapper .s-user-menu-toggler .s-user-menu-dropdown-list li {
    padding-left: 0.5rem;
  }[dir="rtl"] .s-user-menu-wrapper .s-user-menu-toggler .s-user-menu-dropdown-list li {
    padding-right: 0.5rem;
  }.s-user-menu-wrapper .s-user-menu-toggler .s-user-menu-dropdown-list li a {
    padding-left: 0.25rem !important;
    padding-right: 0px !important;
  }.s-user-menu-wrapper .s-user-menu-toggler .s-user-menu-dropdown-list li:last-child>a {
    border-bottom-width: 0px;
    padding-bottom: 0px;
  }.header-is-dark .s-user-menu-wrapper .s-user-menu-toggler .s-user-menu-dropdown-list li {
    border-color: rgba(255, 255, 255, 0.03);
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }.s-user-menu-wrapper .s-user-menu-toggler.opened .s-user-menu-dropdown {
    position: static;
  }.s-user-menu-wrapper .s-user-menu-toggler.opened::before {
    position: static;
    display: none;
  }.s-user-menu-wrapper .s-user-menu-toggler.opened .s-user-menu-dropdown-header {
    display: none;
  }.header-is-dark .s-user-menu-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgba(12, 12, 13, var(--tw-bg-opacity));
  }.header-is-dark .s-user-menu-wrapper a {
    color: rgba(255, 255, 255, 0.9);
  }}.s-user-menu-trigger-content,.s-user-menu-trigger-icon {
  display: block;
}@media (min-width: 1024px) {

  .s-user-menu-trigger-content,.s-user-menu-trigger-icon {
    display: none;
  }
}.s-user-menu-trigger-content {
  flex: 1 1 0%;
}.s-user-menu-trigger-icon {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}[dir="ltr"] .s-user-menu-trigger-icon {
  margin-right: 0.25rem;
}[dir="rtl"] .s-user-menu-trigger-icon {
  margin-left: 0.25rem;
}.s-user-menu-trigger-icon svg {
  height: 1rem;
  width: 1rem;
  opacity: 0.6;
}.header-is-dark .s-user-menu-trigger-icon svg {
  opacity: 1;
}a.s-cart-summary-wrapper {
  pointer-events: auto;
  position: static;
}#s-cart-icon {
  display: flex;
  color: inherit;
}.header-is-dark #s-cart-icon {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-cart-summary-total {
  display: none;
  font-weight: 700;
  line-height: 1;
}@media (min-width: 1024px) {

  .s-cart-summary-total {
    display: block;
  }
}b.s-cart-summary-total:after{content:" )"}b.s-cart-summary-total::before{content:"( "}.s-cart-summary-count{top:-4px;left:-6px}[dir=rtl] .s-cart-summary-count{right:-6px;left:auto;left:initial}div#s-cart-icon:after {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: none;
}[dir="ltr"] div#s-cart-icon:after {
  --tw-content: "Cart";
  content: var(--tw-content);
}[dir="rtl"] div#s-cart-icon:after {
  --tw-content: "السلة";
  content: var(--tw-content);
}@media (min-width: 1024px) {

  div#s-cart-icon:after {
    display: block;
  }
}.header-is-dark div#s-cart-icon:after {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.header-is-dark .s-user-menu-trigger {
  background-color: transparent;
  line-height: 1;
}.header-is-dark .s-user-menu-trigger i svg {
  fill: #9ca3af;
}.header-is-dark .s-user-menu-trigger-name {
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity));
}.store-name {
  --tw-translate-y: -0.25rem;
  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));
  font-size: 1.125rem;
  line-height: 1.75rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.store-name:hover {
  color: #5cd5c4;
  color: var(--color-primary);
}@media (min-width: 1024px) {

  .store-name {
    font-size: 1.5rem;
    line-height: 2rem;
  }.index.header-above-slider #main-nav:not(.fixed-header) {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 10;
    width: 100%;
    background-color: transparent;
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  }input[type=radio].sr-only div.index.header-above-slider #main-nav:not(.fixed-header){transition:all .3s}input[type=radio].sr-only:checked~div.index.header-above-slider #main-nav:not(.fixed-header){border-color:#5cd5c4;border-color:var(--color-primary)}.index.header-above-slider.header-is-light #main-nav:not(.fixed-header) .inner .main-menu li>a {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }.index.header-above-slider.header-is-light #main-nav:not(.fixed-header) .inner .btn--gray {
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.05);
    background-color: rgba(255, 255, 255, .03);
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }.index.header-above-slider.header-is-light #main-nav:not(.fixed-header) .inner .btn--gray:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }
}.newsletter-block {
  position: relative;
  z-index: 1;
  margin-bottom: -10rem;
  margin-top: 2.5rem;
}@media (min-width: 640px) {

  .newsletter-block {
    margin-top: 6rem;
  }
}.newsletter-block__inner {
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  --tw-shadow: 0 5px 15px -3px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 5px 15px -3px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}@media (min-width: 640px) {

  .newsletter-block__inner {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}@media (min-width: 1024px) {

  .newsletter-block__inner {
    display: flex;
    align-items: center;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}.newsletter-block .icon-wrap {
  height: 3rem;
  width: 3rem;
  flex-shrink: 0;
  border-radius: 9999px;
  border-width: 1px;
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #5cd5c4;
  color: var(--color-primary);
}[dir="ltr"] .newsletter-block .icon-wrap {
  margin-right: 1.25rem;
}[dir="rtl"] .newsletter-block .icon-wrap {
  margin-left: 1.25rem;
}@media (min-width: 1024px) {

  .newsletter-block .icon-wrap {
    height: 5rem;
    width: 5rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  [dir="ltr"] .newsletter-block .icon-wrap {
    margin-right: 2.5rem;
  }

  [dir="rtl"] .newsletter-block .icon-wrap {
    margin-left: 2.5rem;
  }
}.store-footer {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgba(34, 36, 43, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.store-footer h3 {
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}.footer-is-dark .store-footer h3 {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.store-footer .social-link {
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  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: 300ms;
}.store-footer .social-link:hover {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  opacity: 0.7;
}.footer-is-dark .store-footer .social-link {
  border-color: rgba(255, 255, 255, 0.2);
}.footer-is-dark .store-footer .social-link:hover {
  border-color: rgba(255, 255, 255, 0.1);
}.store-footer .contact-icon {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  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: 300ms;
}.store-footer .contact-icon:hover {
  opacity: 0.7;
}[dir="ltr"] .store-footer .contact-icon {
  margin-right: 0.625rem;
}[dir="rtl"] .store-footer .contact-icon {
  margin-left: 0.625rem;
}.footer-is-dark .store-footer .contact-icon {
  border-color: rgba(255, 255, 255, 0.2);
}.store-footer__top {
  border-bottom-width: 1px;
  border-color: rgba(243, 244, 246, .04);
}.store-footer .s-user-menu-inline .s-user-menu-dropdown-item a {
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}.store-footer .s-user-menu-inline .s-user-menu-dropdown-item a:hover {
  background-color: transparent;
}@media (min-width: 640px) {

  .store-footer .s-user-menu-inline .s-user-menu-dropdown-item a {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
}.store-footer .s-user-menu-inline .s-user-menu-dropdown-item a:hover {
  opacity: 0.7 !important;
}.store-footer .s-user-menu-inline .s-user-menu-dropdown-item a svg {
  width: 14px;
}.footer-is-dark .store-footer .s-user-menu-inline .s-user-menu-dropdown-item a {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.footer-is-dark .store-footer .s-user-menu-inline .s-user-menu-dropdown-item a svg {
  fill: #fff;
  opacity: 0.8;
}.store-footer .s-user-menu-inline .s-user-menu-dropdown-item.s-user-menu-dropdown-item-logout a:hover {
  --tw-text-opacity: 1 !important;
  color: rgba(220, 38, 38, var(--tw-text-opacity)) !important;
}.store-footer .s-user-menu-inline .s-user-menu-dropdown-item:first-child a {
  padding-top: 0px;
}.store-footer .s-user-menu-dropdown-item-badge {
  display: none;
}.full-about-block {
  margin-bottom: 2.5rem;
  border-bottom-width: 1px;
  border-color: rgba(243, 244, 246, .04);
  padding-bottom: 2rem;
}.has-bg .full-about-block {
  border-width: 0px;
}.full-about-block:before {
  background-color: rgba(255, 255, 255, 0.95);
}.footer_is_dark .full-about-block:before {
  background-color: rgba(34, 36, 43, 0.95);
}.full-about-block .footer-logo {
  margin-bottom: 1.5rem;
  display: inline-flex;
  align-items: center;
  color: #5cd5c4;
  color: var(--color-primary);
}.full-about-block .footer-logo:hover {
  color: var(--color-primary-dark);
}.footer-list a {
  margin-bottom: 0.75rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
}.footer-list a:hover {
  opacity: 0.7;
}[dir="ltr"] .footer-list a {
  padding-left: 1rem;
}[dir="rtl"] .footer-list a {
  padding-right: 1rem;
}.footer-list a i {
  display: none;
}.footer-list a:before{font-family:"sallaicons" !important}.footer-list a:before{content:"";display: inline-block;width: 1rem;font-size: 0.75rem;line-height: 1rem}[dir="ltr"] .footer-list a:before {
  margin-left: -1rem;
}[dir="rtl"] .footer-list a:before {
  margin-right: -1rem;
}[dir="ltr"] .footer-list .s-user-menu-inline {
  padding-left: 1rem;
}[dir="rtl"] .footer-list .s-user-menu-inline {
  padding-right: 1rem;
}.footer-list .s-user-menu-dropdown-item a {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}.footer-list .s-user-menu-dropdown-item a {
  color: inherit;
}.footer-is-light .store-footer {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.footer-is-light .store-footer__top,.footer-is-light .full-about-block,.footer-is-light .social-link {
  border-color: rgba(229, 231, 235, 0.6);
}.main-menu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding-top: 2rem;
  padding-bottom: 0px;
}@media (min-width: 1024px) {

  .main-menu {
    width: -moz-fit-content;
    width: fit-content;
  }
}.main-menu a[href$="/offers"] {
  --tw-text-opacity: 1 !important;
  color: rgba(248, 113, 113, var(--tw-text-opacity)) !important;
}.fixed-pinned .main-menu{padding-top:0;padding-bottom:0}.main-menu .mega-menu .grid-cols-1 .product-entry {
  max-width: 33.3333%;
}.main-menu .mega-menu .content-wrap {
  flex: 1 1 0%;
}.main-menu .mega-menu .product-entry__image {
  max-height: 8rem;
}.main-menu .mega-menu .product-entry__content+div {
  margin-top: auto;
}.main-menu li>a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}.main-menu li>a:hover {
  text-decoration-line: none;
  opacity: 0.7;
}@media(min-width: 1024px){.main-menu li.root-level {
    display: inline-block;
  }[dir="ltr"] .main-menu li.root-level {
    margin-right: 1px;
  }[dir="rtl"] .main-menu li.root-level {
    margin-left: 1px;
  }.main-menu li.root-level>a {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0px;
    padding-bottom: 1rem;
    transition-property: none;
  }.header-is-dark .main-menu li.root-level>a {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }.main-menu li.root-level:hover>a {
    position: relative !important;
  }.main-menu li.root-level:hover>a span {
    position: relative;
    z-index: 1;
  }.main-menu li.root-level.has-children:hover>a::before {
    height: calc(100% + 16px) !important;
    content: var(--tw-content) !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }}.main-menu li li>a {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}.main-menu li li:last-child>a {
  border-bottom-width: 0px;
}.main-menu .has-children>a:after {
  display: inline-block;
  align-self: flex-end;
  font-family: "sallaicons";
  font-size: 1.125rem;
  line-height: 1rem;
  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: 300ms;
}[dir="ltr"] .main-menu .has-children>a:after {
  margin-left: 0.125rem;
  --tw-content: "";
  content: var(--tw-content);
}[dir="rtl"] .main-menu .has-children>a:after {
  margin-right: 0.125rem;
  --tw-content: "";
  content: var(--tw-content);
}.main-menu .has-children.root-level>a:after {
  --tw-content: "";
  content: var(--tw-content);
}.main-menu .sub-menu {
  visibility: hidden;
  position: absolute;
  z-index: 20;
  border-radius: 6px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  opacity: 0;
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}input[type=radio].sr-only div.main-menu .sub-menu{transition:all .3s}input[type=radio].sr-only:checked~div.main-menu .sub-menu{border-color:#5cd5c4;border-color:var(--color-primary)}.main-menu .sub-menu .sub-menu {
  top: 0px;
  border-radius: 6px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}[dir="ltr"] .main-menu .sub-menu .sub-menu {
  left: 100%;
}[dir="rtl"] .main-menu .sub-menu .sub-menu {
  right: 100%;
}.main-menu .sub-menu .btn{padding:8px 10px 10px}.main-menu .sub-menu li.mega-menu .container ul {
  margin: 0px;
  border-style: none;
  padding: 0px;
}.main-menu .sub-menu li.mega-menu .container>div {
  display: none;
}.main-menu li:hover>.sub-menu {
  visibility: visible;
  opacity: 1;
}.main-menu .sub-menu ul>li:first-child>.sub-menu {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}.main-menu .sub-menu ul>li:not(:first-child)>.sub-menu {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
  border-style: none;
}.mobile-btn {
  flex-grow: 1;
}.close-menu {
  position: absolute;
  top: 1rem;
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  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));
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 150ms;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
}input[type=radio].sr-only div.close-menu{transition:all .3s}input[type=radio].sr-only:checked~div.close-menu{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .close-menu {
  right: 0px;
}[dir="rtl"] .close-menu {
  left: 0px;
}.menu-is-open .close-menu {
  --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));
  opacity: 1;
}[dir="ltr"] .menu-is-open .close-menu {
  --tw-translate-x: 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));
}[dir="rtl"] .menu-is-open .close-menu {
  --tw-translate-x: -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));
}.menu-title {
  width: 100%;
  border-bottom-width: 1px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}@media (min-width: 1024px) {

  .menu-title {
    display: none;
  }
}.header-is-dark .menu-title {
  border-color: rgba(255, 255, 255, 0.05);
}.menu-fixed-bar {
  display: flex;
  align-items: center;
  border-bottom-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}@media (min-width: 1024px) {

  .menu-fixed-bar {
    display: none;
  }
}@media(max-width: 1024px){.menu-fixed-bar {
    z-index: 1;
    height: 4rem;
    width: 100%;
    border-bottom-width: 1px;
  }.menu-fixed-bar>button {
    display: flex;
    height: 100%;
    align-items: center;
    gap: 0.25rem;
    border-radius: 0px;
  }.menu-fixed-bar>button.scope {
    flex-grow: 1;
    overflow: hidden;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }.menu-fixed-bar>button.language {
    width: 100%;
    justify-content: center;
  }.menu-fixed-bar>button.language.scope-true {
    width: -moz-fit-content;
    width: fit-content;
    justify-content: space-between;
  }[dir="ltr"] .menu-fixed-bar>button.language.scope-true {
    padding-right: 0.625rem;
  }[dir="rtl"] .menu-fixed-bar>button.language.scope-true {
    padding-left: 0.625rem;
  }.menu-fixed-bar>span {
    height: 50%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }.header-is-dark .menu-fixed-bar {
    --tw-border-opacity: 1;
    border-color: rgba(36, 36, 39, var(--tw-border-opacity));
    background-color: rgba(0, 0, 0, 0.5);
  }.header-is-dark .menu-fixed-bar>span {
    --tw-border-opacity: 1;
    border-color: rgba(36, 36, 39, var(--tw-border-opacity));
  }}#main-nav.fixed-header salla-cart-summary {
  display: flex;
}#main-nav.fixed-header .container {
  display: flex;
  justify-content: space-between;
}#main-nav.fixed-header .main-menu {
  justify-content: flex-start;
  padding-top: 1.5rem;
}[dir="ltr"] #main-nav.fixed-header .main-menu {
  padding-right: 2rem;
}[dir="rtl"] #main-nav.fixed-header .main-menu {
  padding-left: 2rem;
}#main-nav.fixed-header .main-menu li a.root-level {
  padding-bottom: 1.5rem;
}@media(max-width: 1024px){#main-nav {
    position: fixed;
    top: 0px;
    z-index: 30;
    width: 340px;
    max-width: calc(100% - 60px);
    opacity: 0;
    --tw-shadow-color: rgba(0, 0, 0, 0.3);
    --tw-shadow: var(--tw-shadow-colored);
    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: 300ms;
    transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
  }[dir="ltr"] #main-nav {
    left: 0px;
    --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));
  }[dir="rtl"] #main-nav {
    right: 0px;
    --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));
  }@media (min-width: 1280px) {

    #main-nav {
      position: absolute;
    }
  }#main-nav{height:100vh !important}#main-nav .inner {
    position: static;
    height: 100%;
    overflow-y: auto;
  }.menu-is-open #main-nav {
    --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));
    opacity: 1;
  }#main-nav .container {
    padding: 0px;
  }#main-nav .main-menu {
    display: flex;
    flex-direction: column;
    padding: 0px;
  }#main-nav .main-menu li {
    width: 100%;
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }#main-nav .main-menu li a {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  }[dir="ltr"] #main-nav .main-menu li>a {
    text-align: left;
  }[dir="rtl"] #main-nav .main-menu li>a {
    text-align: right;
  }#main-nav .main-menu li>a {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }@media (min-width: 1024px) {

    #main-nav .main-menu li>a {
      padding: 1rem;
    }
  }.header-is-dark #main-nav .main-menu li>a {
    border-color: rgba(255, 255, 255, 0.03);
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }#main-nav .main-menu li>a:before {
    display: none;
  }[dir="ltr"] #main-nav .main-menu li li>a {
    padding-left: 2rem;
  }[dir="rtl"] #main-nav .main-menu li li>a {
    padding-right: 2rem;
  }[dir="ltr"] #main-nav .main-menu li li li>a {
    padding-left: 3rem;
  }[dir="rtl"] #main-nav .main-menu li li li>a {
    padding-right: 3rem;
  }[dir="ltr"] #main-nav .main-menu li li li li>a {
    padding-left: 4rem;
  }[dir="rtl"] #main-nav .main-menu li li li li>a {
    padding-right: 4rem;
  }[dir="ltr"] #main-nav .main-menu li li li li li>a {
    padding-left: 5rem;
  }[dir="rtl"] #main-nav .main-menu li li li li li>a {
    padding-right: 5rem;
  }#main-nav .sub-menu {
    visibility: visible;
    position: static;
    width: 100%;
    transform: none;
    background-color: transparent;
    padding: 0px;
    opacity: 1;
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  }#main-nav .has-children>a:after{transform:rotateX(180deg);font-size: 0.875rem;line-height: 1.25rem;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 300ms;--tw-content: "";content: var(--tw-content)}#main-nav .has-children .sub-menu {
    overflow: hidden;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
  }#main-nav .has-children>a span {
    pointer-events: none;
  }#main-nav .has-children.collapsible-open>.sub-menu {
    overflow-y: auto;
  }#main-nav .has-children.collapsible-open>a:after{transform:rotateX(0deg)}}.dropdown-toggler {
  position: relative;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: inline-flex;
}@media (min-width: 1024px) {

  .dropdown-toggler {
    margin-left: 0px;
    margin-right: 0px;
    height: 100%;
  }
}.dropdown-toggler.cat-filter {
  position: static;
  width: auto;
}.dropdown-toggler.cat-filter .dropdown__trigger {
  height: auto;
  width: auto;
  overflow: visible;
  border-radius: 0px;
}.dropdown-toggler:before{content:"";background:rgba(113,113,122,.75);pointer-events: none;visibility: hidden;position: fixed;left: 0px;top: 0px;z-index: 10;height: 100vh;width: 100vw;opacity: 0;transition-duration: 300ms}.dropdown-toggler.is-opened .dropdown__menu {
  visibility: visible;
  --tw-translate-y: 0px;
  --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));
  opacity: 1;
}@media(max-width: 1024px){.dropdown-toggler {
    display: flex;
    flex-direction: column;
  }.dropdown-toggler .dropdown__menu {
    position: static;
    max-height: 0px;
    width: 100%;
    overflow: hidden;
    opacity: 0;
  }.dropdown-toggler.is-opened .dropdown__menu {
    max-height: 300px;
    opacity: 1;
  }}.dropdown__trigger {
  cursor: pointer;
}.dropdown__trigger *{pointer-events:none}.dropdown__trigger.filter {
  height: auto;
  width: auto;
  overflow: visible;
  border-radius: 0px;
}.dropdown__menu {
  visibility: hidden;
  position: absolute;
  top: calc(100% + 5px);
  z-index: 30;
  width: 20rem;
  transform-origin: top right;
  --tw-translate-y: -1rem;
  --tw-scale-y: .9;
  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));
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  opacity: 0;
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}input[type=radio].sr-only div.dropdown__menu{transition:all .3s}input[type=radio].sr-only:checked~div.dropdown__menu{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .dropdown__menu {
  right: 0px;
}[dir="rtl"] .dropdown__menu {
  left: 0px;
}@media (min-width: 1024px) {

  .dropdown__menu {
    width: 13rem;
  }
}.dropdown__menu{outline:none}.dropdown__menu li {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}.dropdown__menu li:last-child>a {
  border-bottom-width: 0px;
}.dropdown__trigger {
  overflow: hidden;
  font-weight: 500;
}.dropdown__trigger:focus {
  --tw-ring-offset-color: transparent;
}@media (min-width: 1024px) {

  .dropdown__trigger {
    height: 50px;
  }
}@media(max-width: 1024px){.dropdown__trigger {
    width: 2.25rem !important;
    background-color: transparent !important;
    padding: 0px !important;
  }.dropdown__trigger img {
    height: 2.25rem;
    width: 2.25rem;
  }}.dropdown__trigger.filter {
  height: auto;
  width: auto;
  overflow: visible;
  border-radius: 0px;
}.dropdown__menu {
  visibility: hidden;
  position: absolute;
  top: calc(100% + 5px);
  z-index: 30;
  width: 20rem;
  transform-origin: top right;
  --tw-translate-y: -1rem;
  --tw-scale-y: .9;
  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));
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  opacity: 0;
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}input[type=radio].sr-only div.dropdown__menu{transition:all .3s}input[type=radio].sr-only:checked~div.dropdown__menu{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .dropdown__menu {
  right: 0px;
}[dir="rtl"] .dropdown__menu {
  left: 0px;
}@media (min-width: 1024px) {

  .dropdown__menu {
    width: 14rem;
  }
}.dropdown__menu{outline:none}.dropdown__menu li {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}@media(max-width: 639px){.dropdown__menu li .menu-item {
    font-size: 1rem;
    line-height: 1.5rem;
  }}.dropdown__menu li:last-child>a {
  border-bottom-width: 0px;
}.dropdown-toggler {
  display: inline-flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}[dir="ltr"] .dropdown-toggler {
  right: 0px;
  margin-left: 0.625rem;
}[dir="rtl"] .dropdown-toggler {
  left: 0px;
  margin-right: 0.625rem;
}@media (min-width: 1024px) {

  .dropdown-toggler {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    height: 100%;
  }
}.dropdown-toggler.cat-filter {
  position: static;
  width: auto;
}.dropdown-toggler.cat-filter .dropdown__trigger {width:auto !important;
}.dropdown-toggler.cat-filter .dropdown__trigger {
  height: auto;
  overflow: visible;
  border-radius: 0px;
}.dropdown-toggler.is-opened .dropdown__menu {
  visibility: visible;
  --tw-translate-y: 0px;
  --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));
  opacity: 1;
}@media(max-width: 1024px){.dropdown-toggler .dropdown__menu{left:-10px !important;transform:none !important}.dropdown-toggler .dropdown__menu{top: 70px;width: calc(100% + 20px);opacity: 0;transition-duration: 300ms}.dropdown-toggler .dropdown__menu:before {
    position: absolute;
    top: 0px;
    height: 0px;
    width: 0px;
    --tw-translate-y: -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));
    border-width: 8px;
    border-top-width: 0px;
    border-color: transparent;
    --tw-border-opacity: 1;
    border-bottom-color: rgba(243, 244, 246, var(--tw-border-opacity));
    --tw-content: "";
    content: var(--tw-content);
  }input[type=radio].sr-only div.dropdown-toggler .dropdown__menu:before{transition:all .3s}input[type=radio].sr-only:checked~div.dropdown-toggler .dropdown__menu:before{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .dropdown-toggler .dropdown__menu:before {
    right: 1.25rem;
  }[dir="rtl"] .dropdown-toggler .dropdown__menu:before {
    left: 1.25rem;
  }.header-is-dark .dropdown-toggler .dropdown__menu:before {
    --tw-border-opacity: 1;
    border-bottom-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }.dropdown-toggler.is-opened .dropdown__menu {
    top: 59px;
    opacity: 1;
  }.dropdown-toggler.is-opened.cat-filter .dropdown__menu {
    top: 129px;
  }.dropdown--is-opened .top-nav {
    z-index: 30;
  }.dropdown--is-opened .top-nav:not(.fixed-pinned) {
    position: relative;
  }.dropdown--is-opened .app-inner>.overlay-layer {
    opacity: 1;
  }}.notification-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}.notification-item > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}.notification-item {
  border-radius: 6px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 1.25rem;
  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;
}.notification-item:hover {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}[dir="rtl"] .notification-item > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.notification-item__icon {
  display: flex;
  height: 3.5rem;
  width: 3.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  font-size: 1.25rem;
  line-height: 1.75rem;
}.notification-item h4 {
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  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;
}.notification-item p {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}@media (min-width: 768px) {

  .notification-item p {
    margin-bottom: 0px;
  }
}.s-table {
  margin-bottom: -1.25rem;
  min-width: 100%;
  border-collapse: separate;border-spacing:0 16px;
}.s-table thead {
  margin-bottom: 1.25rem;
  display: none;
}@media (min-width: 768px) {

  .s-table thead {
    display: table-header-group;
  }
}[dir="ltr"] .s-table thead th {
  text-align: left;
}[dir="rtl"] .s-table thead th {
  text-align: right;
}.s-table thead th {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}[dir="ltr"] .s-table thead th:last-child {
  text-align: right;
}[dir="rtl"] .s-table thead th:last-child {
  text-align: left;
}.s-table tbody tr {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
  border-radius: 6px;
  border-top-width: 4px;
  border-bottom-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  padding: 0.5rem;
  --tw-shadow: 0 0 0 1px #eee;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}.s-table tbody tr:hover {
  --tw-shadow: 0 0 0 1px #ddd;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}@media (min-width: 768px) {

  .s-table tbody tr {
    display: table-row;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px;
  }
}.s-table tbody tr td {
  width: 100%;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
}.s-table tbody tr td:first-child {
  font-weight: 700;
}@media (min-width: 768px) {

  .s-table tbody tr td {
    height: 5rem;
    width: auto;
  }

  [dir="ltr"] .s-table tbody tr td:last-child {
    text-align: right;
  }

  [dir="rtl"] .s-table tbody tr td:last-child {
    text-align: left;
  }
}.s-table tbody tr td>div {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}@media (min-width: 768px) {

  .s-table tbody tr td>div {
    display: block;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}.s-table tbody tr .mobile-title {
  display: inline-block;
  width: 8rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}@media (min-width: 768px) {

  .s-table tbody tr .mobile-title {
    display: none;
  }
}.s-table tbody tr a {
  position: absolute;
  top: 0px;
  bottom: 0px;
  display: block;
  width: 100%;
}input[type=radio].sr-only div.s-table tbody tr a{transition:all .3s}input[type=radio].sr-only:checked~div.s-table tbody tr a{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .s-table tbody tr a {
  right: 0px;
}[dir="rtl"] .s-table tbody tr a {
  right: 0px;
}.single-order-header-item salla-button {
  height: auto;
}@media(max-width: 768px){.single-order-header-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }}.tag {
  display: inline-block;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.125rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}.tag--primary {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  color: #5cd5c4;
  color: var(--color-primary);
}.profile-header {
  position: relative;
  overflow: hidden;
}@media (min-width: 1024px) {

  .profile-header {
    height: 12rem;
  }.profile-header .breadcrumbs {
    margin-top: 0.625rem;
  }
}.profile-header .breadcrumbs a {
  color: #fff;
  color: var(--color-primary-reverse);
}.profile-header .breadcrumbs a:hover {
  opacity: 0.8;
}.profile-header .breadcrumbs span {
  color: #fff;
  color: var(--color-primary-reverse);
  opacity: 0.8;
}.profile-header .breadcrumbs .arrow {
  color: #fff;
  color: var(--color-primary-reverse);
  opacity: 0.7;
}.rating-header {
  position: relative;
  border-radius: 6px;
  --tw-gradient-from: var(--color-primary);
  --tw-gradient-to: rgba(255, 255, 255, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: var(--color-primary-dark);
  padding: 1.25rem;
  color: #fff;
  color: var(--color-primary-reverse);
}.thankyou-block {
  margin-bottom: 1.5rem;
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 2rem;
  transition-duration: 500ms;
}@media (min-width: 768px) {

  .thankyou-block {
    margin-bottom: 2rem;
  }
}.thankyou-block.sent {
  text-align: center;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(34, 197, 94, var(--tw-text-opacity));
}.thankyou-block.sent:before {
  margin-bottom: 0.5rem;
  display: flex;
  height: 4rem;
  width: 4rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(220, 252, 231, var(--tw-bg-opacity));
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgba(34, 197, 94, var(--tw-text-opacity));content:"";font-family:"sallaicons";
}.s-block__title {
  margin-bottom: 2rem;
}@media (min-width: 768px) {

  .s-block__title {
    margin-bottom: 4rem;
  }
}.s-block__title h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(39, 39, 42, var(--tw-text-opacity));
}.s-block__title p {
  margin-top: 0.75rem;
  margin-bottom: 0px;
  max-width: 600px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}.s-block__title.main-product {
  flex-direction: row;
}@media (min-width: 768px) {

  .s-block__title.main-product {
    margin-bottom: 2rem;
  }
}.s-block .s-slider-block__title {
  margin-bottom: 3.5rem;
  max-width: 100%;
}.s-block .s-slider-block__title-right {
  padding: 0px;
}[dir="ltr"] .s-block .s-slider-block__title-right {
  text-align: left;
}[dir="rtl"] .s-block .s-slider-block__title-right {
  text-align: right;
}.s-block .s-slider-block__title-right h2 {
  position: relative;
  padding: 0px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 1.2;
}[dir="ltr"] .s-block .s-slider-block__title-right h2 {
  text-align: left;
}[dir="rtl"] .s-block .s-slider-block__title-right h2 {
  text-align: right;
}@media (min-width: 768px) {

  .s-block .s-slider-block__title-right h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}.s-block--single-product .s-block .s-slider-block__title {
  margin-bottom: 0px !important;
}.s-block__title,.s-slider-block__title {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: space-between;
}.s-block__title h2,.s-slider-block__title h2 {
  position: relative;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 1.2;
}@media (min-width: 768px) {

  .s-block__title h2,.s-slider-block__title h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}.s-block__display-all,.s-slider-block__display-all {
  display: inline-flex;
  height: 2.75rem;
  min-width: 130px;
  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));
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  border-radius: 6px;
  border-width: 1px;
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  color: #5cd5c4;
  color: var(--color-primary);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.s-block__display-all:hover,.s-slider-block__display-all:hover {
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}salla-slider[type=carousel] .s-slider-block__title-nav {
  left: 50%;
}@media (min-width: 1536px) {

  salla-slider[type=carousel] .s-slider-block__title-nav {
    margin: 0px;
    width: calc(100% + 8.5rem);
  }
}salla-slider[type=carousel] .s-slider-block__title-nav {
  top: 50% !important;
}.s-block--hero-slider salla-slider[type=fullscreen] [slot=items]>div {
  height: 480px;
  min-height: 0px;
  width: 100%;
}@media (min-width: 1024px) {

  .s-block--hero-slider salla-slider[type=fullscreen] [slot=items]>div {
    height: 730px;
  }
}[dir="ltr"] .s-block--hero-slider .swiper .swiper-pagination-vertical.swiper-pagination-bullets,[dir="ltr"] .s-block--hero-slider .swiper .swiper-vertical>.swiper-pagination-bullets {
  left: 1rem;
}[dir="rtl"] .s-block--hero-slider .swiper .swiper-pagination-vertical.swiper-pagination-bullets,[dir="rtl"] .s-block--hero-slider .swiper .swiper-vertical>.swiper-pagination-bullets {
  right: 1rem;
}@media (min-width: 1536px) {

  [dir="ltr"] .s-block--hero-slider .swiper .swiper-pagination-vertical.swiper-pagination-bullets,[dir="ltr"] .s-block--hero-slider .swiper .swiper-vertical>.swiper-pagination-bullets {
    left: 7rem;
  }

  [dir="rtl"] .s-block--hero-slider .swiper .swiper-pagination-vertical.swiper-pagination-bullets,[dir="rtl"] .s-block--hero-slider .swiper .swiper-vertical>.swiper-pagination-bullets {
    right: 7rem;
  }
}.s-block--hero-slider .hero-slider .s-slider-container {
  height: 480px;
  padding: 0px;
}@media (min-width: 1024px) {

  .s-block--hero-slider .hero-slider .s-slider-container {
    height: 730px;
  }
}.s-block--hero-slider .swiper-slide {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgba(34, 36, 43, var(--tw-bg-opacity));
}@media screen and (min-width: 768px){.banner:hover .banner__title{animation:toTopFromBottom .9s}.banner:hover .banner__description{animation:delayKeyframe .3s,toTopFromBottom .9s .3s}}.full-banner-entry {
  position: relative;
  grid-row: span 2 / span 2;
  height: 20rem;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgba(231, 229, 228, var(--tw-bg-opacity));
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  padding: 1.25rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.full-banner-entry:hover {
  opacity: 0.95;
}@media (min-width: 768px) {

  .full-banner-entry {
    height: 24rem;
  }
}@media (min-width: 1024px) {

  .full-banner-entry {
    height: 464px;
  }
}@media (min-width: 1280px) {

  .full-banner-entry {
    height: 528px;
  }
}.full-banner-entry::after,.full-banner-entry::before{height:100%;width:100%;top:0;right:-93%;content:"";background:#5cd5c4;background:var(--color-primary);position:absolute;transition:all .3s ease-in-out;transform:rotate(220deg) translateY(-50%) translateX(33%);opacity:.25}.full-banner-entry::before{background:#fff;right:auto;transform:rotate(220deg) translateY(-40%) translateX(0)}[dir=ltr] .full-banner-entry::before{left:-52%}@media(max-width: 1330px){.full-banner-entry::after{top:-50%}}@media(max-width: 480px){.full-banner-entry::before{top:20%}.full-banner-entry::after{top:-80%}}.tabs-wrapper .tabs__item {
  display: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}.tabs-wrapper .tabs__item.is-active {
  display: block;
}.s-block--tabs-products .s-slider-block__title {
  margin-bottom: 0px;
}.s-block--tabs-products .tabs {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
  overflow-x: auto;
  white-space: nowrap;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-bottom: 1.5rem;
  text-align: center;
}@media (min-width: 640px) {

  .s-block--tabs-products .tabs {
    padding-bottom: 2.5rem;
  }
}.s-block--tabs-products .tab-trigger {
  cursor: pointer;
  border-radius: 9999px;
  border-style: none;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-block--tabs-products .tab-trigger *{pointer-events:none}.s-block--tabs-products .tab-trigger:hover {
  opacity: 0.9;
}.s-block--tabs-products .tab-trigger.is-active button {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-block--tabs-products .box-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.625rem;
  gap: 0.625rem;
}@media (min-width: 640px) {

  .s-block--tabs-products .box-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}@media (min-width: 1024px) {

  .s-block--tabs-products .box-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2rem;
  }
}.s-block--tabs-and-images .tabs {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}@media (min-width: 1024px) {

  .s-block--tabs-and-images .tabs {
    justify-content: flex-start;
  }
}.s-block--tabs-and-images salla-button {
  height: auto;
  overflow: hidden;
}.s-block--tabs-and-images salla-button button.s-button-large {
  margin: 0px;
  height: 60px;
  width: 60px;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.s-block--tabs-and-images salla-button button.s-button-large:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}.s-block--tabs-and-images salla-button.is-active button.s-button-large {
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.s-block--tabs-and-images salla-button .s-button-text{overflow:inherit}.s-block--tabs-and-images salla-button i {
  transform-origin: center;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.s-block--tabs-products:not(.tabs-initialized) .tabs-wrapper>div:not(:first-child),.s-block--special-products:not(.tabs-initialized) .tabs-wrapper>div:not(:first-child){display:none}.s-block--tabs-products.as-grid .product-entry__image,.s-block--features-products .product-entry__image {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}.s-block--tabs-products.as-grid .product-entry__image:hover,.s-block--features-products .product-entry__image:hover {
  opacity: 0.9;
}.s-block--tabs-products.as-grid .product-entry__title a,.s-block--features-products .product-entry__title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}@media (min-width: 1024px) {

  .s-block--features-products.one-cols .product-entry--full-image {
    height: auto;
  }
}.s-block--features-products.two-cols .inner{display:grid;grid-gap: 2rem;gap: 2rem}@media (min-width: 768px) {

  .s-block--features-products.two-cols .inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.625rem;
  }
}@media (min-width: 1024px) {

  .s-block--features-products.two-cols .inner {
    gap: 2rem;
  }
}.s-block--features-products.two-cols .product-entry__image {
  width: 8rem;
}@media (min-width: 1024px) {

  .s-block--features-products.two-cols .product-entry__image {
    width: 8rem;
  }
}@media (min-width: 1280px) {

  .s-block--features-products.two-cols .product-entry--full-image {
    height: auto;
  }
}.s-block--features-products.two-cols .product-entry__content {
  padding: 0.75rem;
  padding-bottom: 0px;
}.s-block--features-products.two-cols .product-entry__title a {
  font-size: 0.875rem;
  line-height: 1.25rem;
}.s-block--features-products.two-cols salla-add-product-button i {
  display: none;
}.s-block--features-products .cards-container {
  display: grid;
  align-items: flex-end;
  grid-gap: 0.625rem;
  gap: 0.625rem;
}@media (min-width: 1024px) {

  .s-block--features-products .cards-container {
    gap: 1.25rem;
  }
}.s-block--features-products .cards-container{grid-template-rows:max-content}.s-block--features-products .s-block__title {
  flex-direction: row;
}.slide--cat-entry {
  display: flex;
  height: 100%;
  min-height: 150px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 1.25rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
  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;
}.slide--cat-entry i {
  margin-bottom: 1rem;
  display: flex;
  height: 5rem;
  width: 5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: transparent;
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  font-size: 1.875rem;
  line-height: 2.25rem;
  color: #fff;
  color: var(--color-primary-reverse);
}.slide--cat-entry h4 {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.slide--cat-entry span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.slide--cat-entry:hover {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}.slide--cat-entry:hover i {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  color: #5cd5c4;
  color: var(--color-primary);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;animation:pulse-large .4s;
}.slide--cat-entry:hover h4 {
  opacity: 0.8;
}.slide--offer-entry {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
  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: 500ms;
}.slide--offer-entry:hover {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.s-block {
  margin-top: 4rem;
}.s-block--default-home-slider {
  --tw-bg-opacity: 1;
  background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
}.s-block--default-home-slider [slot=items]>div {
  width: 100%;
}.s-block--default-home-slider .swiper-slide {
  position: relative;
  height: 528px;
}.s-block--special-products .special-card .product-entry--vertical .content-wrap {flex-grow:0;
}.s-block--special-products .special-card .product-entry__image {
  flex-grow: 1;
}.s-block--special-products .s-block__title {
  display: flex;
  justify-content: space-between;
  padding: 0px;
}.s-block--special-products .tabs > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}.s-block--special-products .tabs {
  overflow-x: auto;
  white-space: nowrap;
}[dir="rtl"] .s-block--special-products .tabs > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}@media (min-width: 640px) {

  .s-block--special-products .tabs > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }
}.s-block--special-products .tabs__item {
  flex: 1 1 0%;
  gap: 0.625rem;
}@media (min-width: 640px) {

  .s-block--special-products .tabs__item {
    gap: 2rem;
  }
}.s-block--special-products .tabs__item.is-active {
  display: grid;
}.s-block--special-products .tab-trigger {
  font-weight: 700;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.s-block--special-products .tab-trigger.is-active button {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  color: #5cd5c4;
  color: var(--color-primary);
}.s-block--main-features .box-container {
  display: grid;
  grid-gap: 0.75rem;
  gap: 0.75rem;
}@media (min-width: 1024px) {

  .s-block--main-features .box-container {
    gap: 2rem;
  }
}.s-block--main-features .box-container{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}.s-block--main-features .box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  overflow: hidden;
  border-radius: 6px;
  padding: 0.625rem;
}@media (min-width: 1024px) {

  .s-block--main-features .box {
    gap: 1.25rem;
    padding: 1.25rem;
  }
}.s-block--main-features .box span {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -20;
  height: 100%;
  width: 100%;
  opacity: 0.1;
}input[type=radio].sr-only div.s-block--main-features .box span{transition:all .3s}input[type=radio].sr-only:checked~div.s-block--main-features .box span{border-color:#5cd5c4;border-color:var(--color-primary)}.s-block--main-features .box h3 {
  position: relative;
  display: flex;
  height: 4rem;
  width: 4rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
}.s-block--main-features .box h3 i {
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}@media (min-width: 640px) {

  .s-block--main-features .box h3 i {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}.s-block--main-features .box h4 {
  margin-bottom: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(39, 39, 42, var(--tw-text-opacity));
}.s-block--main-features .box p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(161, 161, 170, var(--tw-text-opacity));
}.s-block--general-features .right-side,.s-block--general-features .left-side {
  display: grid;
  width: 100%;
  flex-direction: column;
  grid-gap: 2.5rem;
  gap: 2.5rem;
}@media (min-width: 640px) {

  .s-block--general-features .right-side,.s-block--general-features .left-side {
    padding: 0px;
  }
}@media (min-width: 1024px) {

  .s-block--general-features .right-side,.s-block--general-features .left-side {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}@media (min-width: 1180px) {

  .s-block--general-features .right-side,.s-block--general-features .left-side {
    display: flex;
    width: 450px;
  }
}@media(min-width: 321px){.s-block--general-features .right-side>div:nth-child(3),.s-block--general-features .left-side>div:nth-child(3) {
    grid-column: span 2 / span 2;
  }}.s-block--general-features .right-side {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}@media(max-width: 321px){.s-block--general-features .right-side {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }.main-menu .mega-menu .s-block--general-features .right-side .product-entry {
    max-width: 33.3333%;
  }.s-block--general-features .left-side {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }.main-menu .mega-menu .s-block--general-features .left-side .product-entry {
    max-width: 33.3333%;
  }}.s-block .s-slider-block__title-nav button {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(113, 113, 122, var(--tw-border-opacity));
}.s-block .s-slider-block__title-nav button.swiper-button-disabled {
  --tw-border-opacity: 1;
  border-color: rgba(212, 212, 216, var(--tw-border-opacity));
}.s-block--single-product input:not(.s-quantity-input-input),.s-block--single-product textarea,.s-block--single-product select,.s-block--single-product option{border:1px solid #eee}.s-block--single-product .single-product-slider.images-fixed .swiper-slide {
  height: 585px !important;
  padding-left: 3px !important;
}.s-block--categories {
  position: relative;
  overflow: hidden;
}.s-block--categories.has-title .s-slider-block__title-nav {
  position: static !important;
  width: 100% !important;
  --tw-translate-x: 0px !important;
  --tw-translate-y: 0px !important;
  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)) !important;
}.s-block--categories.has-title .s-slider-block__title {
  flex-direction: row;
}.s-block--categories:not(.has-arrows) .s-slider-block__title {
  justify-content: center;
}.s-block--categories:not(.has-title) .s-slider-block__title {
  margin: 0px;
}.s-block--fixed-products .box-container {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.625rem;
  gap: 0.625rem;
}@media (min-width: 640px) {

  .s-block--fixed-products .box-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}@media (min-width: 1024px) {

  .s-block--fixed-products .box-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2rem;
  }

  .s-block--testimonials.has-many-slides {
    margin-bottom: 5rem;
  }
}.s-block--testimonials salla-slider .slide--one-fourth {
  max-width: 380px;
}.s-block--testimonials .s-slider-block__title-left {
  position: absolute;
  left: 50%;
  bottom: -70px;
  z-index: 10;
  --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));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}input[type=radio].sr-only div.s-block--testimonials .s-slider-block__title-left{transition:all .3s}input[type=radio].sr-only:checked~div.s-block--testimonials .s-slider-block__title-left{border-color:#5cd5c4;border-color:var(--color-primary)}.s-block--testimonials .s-slider-block__title-nav {
  width: -moz-fit-content;
  width: fit-content;
}[dir="rtl"] .s-block--testimonials .s-slider-block__title-nav {
  margin: 0px;
}.s-block--full-banner .full-banner-entry {
  background-attachment: scroll;
}@media (min-width: 640px) {

  .s-block--full-banner .full-banner-entry {
    background-attachment: fixed;
  }
}.s-block--photos-slider .s-slider-block__title {
  margin-bottom: 0px;
}.s-block--full-bg+footer,.s-block--full-bg+.s-block--full-bg,.s-block--full-bg:first-of-type {
  margin-top: 0px;
}.s-block--features .box-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.625rem;
  gap: 0.625rem;
}@media (min-width: 768px) {

  .s-block--features .box-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}@media (min-width: 1280px) {

  .s-block--features .box-container {
    gap: 2rem;
  }
}@media(max-width: 319px){.s-block--features .box-container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }.main-menu .mega-menu .s-block--features .box-container .product-entry {
    max-width: 33.3333%;
  }}.s-block--features__item {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-radius: 6px;
  padding: 0.625rem;
}@media (min-width: 640px) {

  .s-block--features__item {
    padding: 1.25rem;
  }
}@media(min-width: 320px){.s-block--features__item:first-child {
    grid-column: span 2 / span 2;
  }@media (min-width: 768px) {

    .s-block--features__item:first-child {
      grid-column: span 1 / span 1;
    }
  }}.s-block--features__item .feature-icon {
  margin-bottom: 1.5rem;
  font-size: 3rem;
  line-height: 1;
  color: #5cd5c4;
  color: var(--color-primary);
}.s-block--features__item h4 {
  margin-bottom: 0.5rem;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
}.s-block--features__item p {
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.s-block--services .service {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}@media (min-width: 640px) {

  .s-block--services .service {
    width: 18rem;
  }
}.s-block--services .service .item-image {
  height: 10rem;
  width: 10rem;
  overflow: hidden;
  border-radius: 9999px;
  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: 300ms;
}.s-block--services .service .item-image img {
  height: 100%;
  width: 100%;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}.s-block--services .service:hover .image-link {
  --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));
}.s-block--services .service .item-title {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
}.s-block--services .service p.desc {
  font-size: 0.875rem;
  line-height: 1.25rem;
}.s-block--banners .banners-wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}@media (min-width: 1024px) {

  .s-block--banners .banners-wrap {
    flex-direction: row;
    gap: 2rem;
  }
}.s-block--banners .banner-item {
  position: relative;
  display: flex;
  min-height: 224px;
  width: 100%;
  flex-grow: 1;
  flex-basis: 0px;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  border-radius: 6px;
  padding: 0.625rem;flex-basis:0;
}@media (min-width: 640px) {

  .s-block--banners .banner-item {
    padding: 1.25rem;
  }
}.s-block--banners .banner-item span {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  opacity: 0.8;
}.s-block--banners .banner-item h3 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
}.s-block--banners .banner-item a {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration-line: underline;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.s-block--banners .banner-item a:hover {
  opacity: 0.8;
}.s-block--square-photos .banner-entry {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  padding: 0.75rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}@media (min-width: 640px) {

  .s-block--square-photos .banner-entry {
    padding: 1rem;
  }
}.s-block--square-photos .banner-entry h3 {
  --tw-translate-y: 1.25rem;
  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));
  opacity: 0;
  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: 300ms;
  transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
}.s-block--square-photos .banner-entry a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.s-block--square-photos .banner-entry a:hover {
  opacity: 0.9;
}.s-block--square-photos .banner-entry a:before {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  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: 300ms;
  --tw-content: "";
  content: var(--tw-content);
}input[type=radio].sr-only div.s-block--square-photos .banner-entry a:before{transition:all .3s}input[type=radio].sr-only:checked~div.s-block--square-photos .banner-entry a:before{border-color:#5cd5c4;border-color:var(--color-primary)}.s-block--square-photos .banner-entry a:hover:before {
  opacity: 1;
}.s-block--square-photos .banner-entry a:hover h3 {
  --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));
  opacity: 1;
}.s-block--square-photos .photos-count-1,.s-block--square-photos .photos-count-2,.s-block--square-photos .photos-count-3 {
  display: flex;
  flex-direction: column;
}@media (min-width: 768px) {

  .s-block--square-photos .photos-count-1,.s-block--square-photos .photos-count-2,.s-block--square-photos .photos-count-3 {
    flex-direction: row;
  }
}.s-block--square-photos .photos-count-1>div,.s-block--square-photos .photos-count-2>div,.s-block--square-photos .photos-count-3>div {
  height: 14rem;
  width: 100%;
}@media (min-width: 768px) {

  .s-block--square-photos .photos-count-1>div,.s-block--square-photos .photos-count-2>div,.s-block--square-photos .photos-count-3>div {
    height: 600px;
  }
}.s-block--square-photos .photos-count-2>div {
  width: 100%;
}@media (min-width: 768px) {

  .s-block--square-photos .photos-count-2>div {
    width: 50%;
  }
}.s-block--square-photos .photos-count-3>div {
  width: 100%;
}@media (min-width: 768px) {

  .s-block--square-photos .photos-count-3>div {
    width: 33.333333%;
  }
}.s-block--square-photos .photos-count-4,.s-block--square-photos .photos-count-5,.s-block--square-photos .photos-count-6 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}@media (min-width: 768px) {

  .s-block--square-photos .photos-count-4,.s-block--square-photos .photos-count-5,.s-block--square-photos .photos-count-6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}.s-block--square-photos .photos-count-4>div,.s-block--square-photos .photos-count-5>div,.s-block--square-photos .photos-count-6>div {
  height: 14rem;
}@media (min-width: 768px) {

  .s-block--square-photos .photos-count-4>div,.s-block--square-photos .photos-count-5>div,.s-block--square-photos .photos-count-6>div {
    height: 100%;
  }
}.s-block--square-photos .photos-count-4>div:first-child {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}@media (min-width: 768px) {

  .s-block--square-photos .photos-count-4>div:first-child {
    grid-column-end: 2;
    grid-row-end: 3;
    height: 600px;
  }
}.s-block--square-photos .photos-count-4>div:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
}@media (min-width: 768px) {

  .s-block--square-photos .photos-count-4>div:last-child {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
    height: 600px;
  }
}.s-block--square-photos .photos-count-5 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}@media (min-width: 768px) {

  .s-block--square-photos .photos-count-5 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}.s-block--square-photos .photos-count-5>div:nth-child(3) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}@media (min-width: 768px) {

  .s-block--square-photos .photos-count-5>div:nth-child(3) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
    height: 600px;
  }
}.s-block--square-photos .photos-count-6 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}@media (min-width: 768px) {

  .s-block--square-photos .photos-count-6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}.s-block--square-photos .photos-count-6>div:first-child {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}@media (min-width: 768px) {

  .s-block--square-photos .photos-count-6>div:first-child {
    grid-column-end: 2;
    grid-row-end: 3;
    height: 600px;
  }
}.s-block--square-photos .photos-count-6>div:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
}@media (min-width: 768px) {

  .s-block--square-photos .photos-count-6>div:nth-child(4) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
    height: 600px;
  }
}.s-block--features+.s-block--features,.s-block--fixed-banner+.s-block--fixed-banner,.s-block--banners+.s-block--banners {
  margin-top: 0.625rem;
}@media (min-width: 640px) {

  .s-block--features+.s-block--features,.s-block--fixed-banner+.s-block--fixed-banner,.s-block--banners+.s-block--banners {
    margin-top: 2rem;
  }
}.s-block--tabs-products+.s-block--tabs-products {
  padding-top: 1rem;
}@media (min-width: 640px) {

  .s-block--tabs-products+.s-block--tabs-products {
    padding-top: 2rem;
  }
}.s-block--fullscreen-features-grid .info-block {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}.s-block--fullscreen-features-grid .info-block:last-child {
  margin-bottom: 0px;
}@media (min-width: 1024px) {

  .s-block--fullscreen-features-grid .info-block {
    height: 400px;
    flex-direction: row;
    gap: 4rem;
  }
}.s-block--fullscreen-features-grid .info-block__img {
  height: 100%;
}@media (min-width: 1024px) {

  .s-block--fullscreen-features-grid .info-block__img {
    width: 793px;
  }
}.s-block--fullscreen-features-grid .info-block__img img {
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  -o-object-fit: cover;
     object-fit: cover;
}.s-block--fullscreen-features-grid .info-block__content {
  display: flex;
  height: 100%;
  align-items: center;
  padding: 1.25rem;
}@media (min-width: 1024px) {

  .s-block--fullscreen-features-grid .info-block__content {
    width: 340px;
    padding: 0px;
  }
}.s-block--fullscreen-features-grid .info-block__content-inner {
  width: 100%;
  text-align: center;
}@media (min-width: 1024px) {

  [dir="ltr"] .s-block--fullscreen-features-grid .info-block__content-inner {
    text-align: left;
  }

  [dir="rtl"] .s-block--fullscreen-features-grid .info-block__content-inner {
    text-align: right;
  }

  .s-block--fullscreen-features-grid .info-block.reversed {
    flex-direction: row-reverse;
  }
}.s-block--video__inner {
  overflow: hidden;
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}@media (min-width: 1024px) {

  .s-block--video__inner {
    min-height: 500px;
  }
}.s-block--video lite-youtube {
  max-width: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}.s-block--video lite-youtube:not(.lyt-activated) {
  max-height: 500px;
}.s-block--video lite-youtube:before {
  height: 100%;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #000;
  --tw-gradient-to: rgba(0, 0, 0, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgba(0, 0, 0, 0.5);
  opacity: 0.75;
}.s-block--video lite-youtube.lyt-activated{position:relative;padding-bottom:56.25%;height:0}.s-block--video lite-youtube.lyt-activated>*{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;max-width:initial}.s-block--video .lty-playbtn {
  height: 72px;
  width: 72px;
  background-image: none;
  filter: none;
}.s-block--video .lty-playbtn span {
  display: flex;
  height: 72px;
  width: 72px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));clip:auto;-webkit-clip-path:initial;clip-path:initial;position:static;font-size:0;
}.s-block--video .lty-playbtn span::before {
  font-family: "sallaicons";
  font-size: 1.875rem;
  line-height: 2.25rem;
  --tw-content: "";
  content: var(--tw-content);
}.s-block--video .lty-playbtn:before,.s-block--video .lty-playbtn:after,.s-block--video .lty-playbtn span:after{animation:waves 3s ease-in-out infinite;position: absolute;top: -2.5rem;left: -2.5rem;z-index: -1;height: 150px;width: 150px;border-radius: 9999px;background-color: rgba(255, 255, 255, 0.3);opacity: 0;--tw-content: "";content: var(--tw-content)}input[type=radio].sr-only div.s-block--video .lty-playbtn:before,input[type=radio].sr-only div.s-block--video .lty-playbtn:after,input[type=radio].sr-only div.s-block--video .lty-playbtn span:after{transition:all .3s}input[type=radio].sr-only:checked~div.s-block--video .lty-playbtn:before,input[type=radio].sr-only:checked~div.s-block--video .lty-playbtn:after,input[type=radio].sr-only:checked~div.s-block--video .lty-playbtn span:after{border-color:#5cd5c4;border-color:var(--color-primary)}.s-block--video .lty-playbtn:after{animation-delay:1s}.s-block--video .lty-playbtn span:after{animation-delay:2s}@keyframes waves{0%{transform:scale(0.2, 0.2);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}50%{opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"}100%{transform:scale(0.9, 0.9);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}}.similar-slider .s-slider-block__title-nav {
  width: -moz-fit-content;
  width: fit-content;
}salla-slider {
  display: block;
}salla-slider .s-slider-container {
  padding: 0px;
}salla-slider .video-entry,salla-slider .model-entry {
  position: relative;
}salla-slider .video-entry:before,salla-slider .model-entry:before {
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  display: flex;
  height: 4rem;
  width: 4rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 3rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.8);
}input[type=radio].sr-only divsalla-slider .video-entry:before,input[type=radio].sr-only divsalla-slider .model-entry:before{transition:all .3s}input[type=radio].sr-only:checked~divsalla-slider .video-entry:before,input[type=radio].sr-only:checked~divsalla-slider .model-entry:before{border-color:#5cd5c4;border-color:var(--color-primary)}salla-slider .video-entry:before,salla-slider .model-entry:before{content:"";font-family:"sallaicons",serif}salla-slider .model-entry .s-toggle-switcher{pointer-events:auto}salla-slider .model-entry:before{content:""}.details-slider-wrapper {
  position: relative;
  height: auto;
}@media (min-width: 768px) {

  .details-slider-wrapper {
    height: 32rem;
  }
}@media(max-width: 768px){.details-slider-wrapper {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }}salla-slider.details-slider {
  height: 100%;
  width: 100%;
}[dir="ltr"] salla-slider.details-slider {
  left: 0px;
}[dir="rtl"] salla-slider.details-slider {
  right: 0px;
}@media (min-width: 768px) {

  salla-slider.details-slider {
    position: absolute;
  }
}@media (min-width: 1024px) {

  salla-slider.details-slider {
    width: calc(50vw - 7.5px);
  }
}salla-slider.details-slider [slot=items] {
  height: 100%;
}salla-slider.details-slider [slot=items] .swiper-slide {
  width: 100%;
}salla-slider.details-slider [slot=items]>div img {
  -o-object-fit: cover;
     object-fit: cover;
}@media(max-width: 768px){salla-slider.details-slider [slot=items] {
    padding: 0px !important;
  }}salla-slider.details-slider .swiper-wrapper {
  z-index: 0;
}salla-slider.details-slider .s-slider-container {
  border-width: 1px;
  border-top-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
}[dir="ltr"] salla-slider.details-slider .s-slider-container {
  border-bottom-right-radius: 6px;
}[dir="rtl"] salla-slider.details-slider .s-slider-container {
  border-bottom-left-radius: 6px;
}.has-many-images salla-slider.details-slider .s-slider-container {
  height: auto;
}@media (min-width: 1024px) {

  .has-many-images salla-slider.details-slider .s-slider-container {
    height: 100%;
  }
}[dir="ltr"] .has-one-image salla-slider.details-slider {
  right: 0px;
}[dir="rtl"] .has-one-image salla-slider.details-slider {
  left: 0px;
}@media (min-width: 768px) {

  .has-one-image salla-slider.details-slider {
    width: 50vw;
  }
}@media (min-width: 1024px) {

  .has-one-image salla-slider.details-slider {
    width: calc(50vw - 7.5px);
  }
}salla-slider.details-slider .swiper-slide {
  position: relative;
}salla-slider.details-slider .s-slider-v-centered .s-slider-block__title-nav {
  left: 0.75rem;
  width: calc(100% - 172px);
  --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));
}salla-slider.details-slider .s-slider-thumbs .s-slider-thumbs-container {
  padding-top: 0.25rem !important;
}[dir="ltr"] salla-slider.details-slider .s-slider-thumbs .s-slider-thumbs-container {
  padding-right: 1rem !important;
}[dir="rtl"] salla-slider.details-slider .s-slider-thumbs .s-slider-thumbs-container {
  padding-left: 1rem !important;
}@media(max-width: 640px){[dir="ltr"] salla-slider.details-slider .s-slider-thumbs .s-slider-thumbs-container {
    padding-left: 0.625rem;
  }[dir="rtl"] salla-slider.details-slider .s-slider-thumbs .s-slider-thumbs-container {
    padding-right: 0.625rem;
  }}salla-slider.details-slider .s-slider-thumbs .s-slider-thumbs-container .swiper-slide {
  margin: 0px;
  max-width: 110px;
}salla-slider.details-slider .s-slider-thumbs-nav {
  top: 47%;
  margin-top: 0.75rem;
  display: flex;
  gap: 0.75rem;
}salla-slider.details-slider .s-slider-thumbs-nav button {
  height: 2rem;
  width: 2rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(39, 39, 42, var(--tw-border-opacity));box-shadow:0 0 10px #000;
}salla-slider.details-slider .s-slider-thumbs-nav button.swiper-button-disabled {
  border-color: rgba(39, 39, 42, 0.2);
  opacity: 0.5;
}salla-slider .s-slider-block__title-nav button{box-shadow:0 0 10px #000;border-width: 1px;border-style: solid;--tw-border-opacity: 1;border-color: rgba(39, 39, 42, var(--tw-border-opacity))}salla-slider .s-slider-block__title-nav button.swiper-button-disabled {
  border-color: rgba(39, 39, 42, 0.2);
  opacity: 0.5;
}salla-slider .s-slider-block__title-nav,salla-slider .s-slider-button {
  display: none;
}@media (min-width: 768px) {

  salla-slider .s-slider-block__title-nav,salla-slider .s-slider-button {
    display: inline-flex;
  }
}salla-slider .slide--one-half {
  height: auto;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}@media (min-width: 1024px) {

  salla-slider .slide--one-half {
    width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}salla-slider .slide--one-third {
  height: auto;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}@media (min-width: 640px) {

  salla-slider .slide--one-third {
    width: 50%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}@media (min-width: 1024px) {

  salla-slider .slide--one-third {
    width: 33.333333%;
  }
}salla-slider .slide--one-mini-third {
  height: auto;
  width: 100%;
  max-width: 190px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}@media (min-width: 640px) {

  salla-slider .slide--one-mini-third {
    width: 50%;
  }
}@media (min-width: 1024px) {

  salla-slider .slide--one-mini-third {
    width: 33.333333%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}salla-slider .slide--one-mini-third .s-button-btn {
  padding-left: 1rem;
  padding-right: 1rem;
}salla-slider .slide--one-fourth {
  display: flex;
  height: auto;
  width: 100%;
  max-width: 250px;
  flex-direction: column;
  padding-left: 5px;
  padding-right: 5px;
}@media (min-width: 640px) {

  salla-slider .slide--one-fourth {
    width: 50%;
    max-width: 320px;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}@media (min-width: 768px) {

  salla-slider .slide--one-fourth {
    width: 33.333333%;
  }
}@media (min-width: 1024px) {

  salla-slider .slide--one-fourth {
    width: 25%;
  }
}salla-slider .slide--one-fourth .product-entry--vertical:not(.product-entry--special) {
  height: 100%;
}salla-slider .slide--one-sixth {
  width: 50%;
  padding-left: 5px;
  padding-right: 5px;
}@media (min-width: 640px) {

  salla-slider .slide--one-sixth {
    width: 33.333333%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}@media (min-width: 768px) {

  salla-slider .slide--one-sixth {
    width: 25%;
  }
}@media (min-width: 1024px) {

  salla-slider .slide--one-sixth {
    width: 16.666667%;
  }
}salla-slider .swiper-slide{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.swiper .swiper-horizontal>.swiper-pagination-bullets,.swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 1.25rem;
}@media (min-width: 1024px) {

  .swiper .swiper-horizontal>.swiper-pagination-bullets,.swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 2.5rem;
  }
}.swiper .swiper-pagination-bullet {
  position: relative;
  margin-bottom: 0.625rem;
  box-sizing: content-box;
  height: 0.625rem;
  width: 0.625rem;
  border-radius: 9999px;
  background-color: transparent;
  opacity: 1;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(136, 139, 152, var(--tw-ring-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}.swiper .swiper-pagination-bullet:after {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  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));
  border-radius: 9999px;
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  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;
  --tw-content: "";
  content: var(--tw-content);
}input[type=radio].sr-only div.swiper .swiper-pagination-bullet:after{transition:all .3s}input[type=radio].sr-only:checked~div.swiper .swiper-pagination-bullet:after{border-color:#5cd5c4;border-color:var(--color-primary)}.swiper .swiper-pagination-bullet-active {
  width: 2rem;
}.swiper .swiper-pagination-bullet:hover,.swiper .swiper-pagination-bullet-active {
  --tw-ring-color: var(--color-primary);
}.swiper .swiper-pagination-bullet:hover:after,.swiper .swiper-pagination-bullet-active:after {
  --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));
}[dir="ltr"] .swiper .swiper-pagination-vertical.swiper-pagination-bullets,[dir="ltr"] .swiper .swiper-vertical>.swiper-pagination-bullets {
  left: 1.5rem;
  right: auto;
}[dir="rtl"] .swiper .swiper-pagination-vertical.swiper-pagination-bullets,[dir="rtl"] .swiper .swiper-vertical>.swiper-pagination-bullets {
  right: 1.5rem;
}@media (min-width: 1024px) {

  [dir="ltr"] .swiper .swiper-pagination-vertical.swiper-pagination-bullets,[dir="ltr"] .swiper .swiper-vertical>.swiper-pagination-bullets {
    right: auto;
  }
}@media (min-width: 1536px) {

  [dir="ltr"] .swiper .swiper-pagination-vertical.swiper-pagination-bullets,[dir="ltr"] .swiper .swiper-vertical>.swiper-pagination-bullets {
    left: 6rem;
  }

  [dir="rtl"] .swiper .swiper-pagination-vertical.swiper-pagination-bullets,[dir="rtl"] .swiper .swiper-vertical>.swiper-pagination-bullets {
    right: 6rem;
  }
}.swiper .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  height: 14px;
  width: 14px;
}.swiper .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet-active,.swiper .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active {
  height: 2.25rem;
  --tw-ring-color: var(--color-primary);
}[dir="ltr"] .blog-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  text-align: left;
}[dir="rtl"] .blog-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  text-align: right;
}.blog-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 1.5rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}@media (min-width: 1024px) {

  .blog-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}.blog-slider .swiper-slide img {
  max-height: 680px;
  min-height: 380px;
}.swiper-button-lock {
  position: absolute;
  opacity: 0;
}input[type=radio].sr-only div.swiper-button-lock{transition:all .3s}input[type=radio].sr-only:checked~div.swiper-button-lock{border-color:#5cd5c4;border-color:var(--color-primary)}.single-product-section .s-slider-container {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
}.single-product-section salla-slider img {
  -o-object-fit: contain;
     object-fit: contain;
}.home-slider__slide{background-repeat:no-repeat;background-size:cover;background-position:center}.home-slider__slide:not(.loaded) .overlay{opacity:0}.swiper:not(.swiper-initialized) .swiper-button{opacity:0}salla-slider.photos-slider .swiper {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}salla-slider.photos-slider:not(.hydrated)>div {
  justify-content: center;
}salla-slider.photos-slider .swiper-slide {
  position: relative;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  height: auto;
  width: 80%;
  overflow: hidden;
  border-radius: 0.375rem;
}@media (min-width: 768px) {

  salla-slider.photos-slider .swiper-slide {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
}@media (min-width: 1024px) {

  salla-slider.photos-slider .swiper-slide {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}salla-slider.photos-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0.75rem;
}@media (min-width: 640px) {

  salla-slider.photos-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 1.5rem;
  }
}@media screen and (min-width: 768px){.best-products-slider .swiper-wrapper{height:510px}.best-products-slider .swiper-wrapper .swiper-slide{height:calc((100% - 30px)/2)}}button.s-slider-nav-arrow {
  height: 2rem !important;
  width: 2rem !important;
  --tw-shadow: 0 0 rgba(0,0,0,0) !important;
  --tw-shadow-colored: 0 0 rgba(0,0,0,0) !important;
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}.s-slider-block__title-nav button{box-shadow:0 0 10px #000;border-width: 1px;border-style: solid;--tw-border-opacity: 1;border-color: rgba(39, 39, 42, var(--tw-border-opacity))}.s-slider-block__title-nav button.swiper-button-disabled {
  border-color: rgba(39, 39, 42, 0.2);
  opacity: 0.5;
}.s-slider-v-centered .s-slider-block__title-nav button {
  border-style: solid;
}.product-entry {
  position: relative;
  display: flex;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.product-entry:hover {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  --tw-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0px 5px 15px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.product-entry__image {
  position: relative;
  height: 200px;
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}.product-entry__image::before{font-family:"sallaicons";content:"";position: absolute;top: 50%;left: 50%;display: inline-block;--tw-translate-x: -50%;--tw-translate-y: -50%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size: 1.875rem;line-height: 2.25rem;--tw-text-opacity: 1;color: rgba(229, 231, 235, var(--tw-text-opacity))}input[type=radio].sr-only div.product-entry__image::before{transition:all .3s}input[type=radio].sr-only:checked~div.product-entry__image::before{border-color:#5cd5c4;border-color:var(--color-primary)}.product-entry__image img {
  position: relative;
  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: 500ms;
}.product-entry .btn--wishlist {
  position: absolute;
  top: 0.625rem;
}input[type=radio].sr-only div.product-entry .btn--wishlist{transition:all .3s}input[type=radio].sr-only:checked~div.product-entry .btn--wishlist{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .product-entry .btn--wishlist {
  right: 0.625rem;
}[dir="rtl"] .product-entry .btn--wishlist {
  left: 0.625rem;
}.product-entry .btn--wishlist button {
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}.product-entry .content-wrap {
  display: flex;
  flex-direction: column;
}.product-entry__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}.product-entry__content > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * (1 - var(--tw-space-y-reverse)));
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}.product-entry__content {
  padding: 0.75rem;
  padding-bottom: 0px;
  text-align: center;
}@media (min-width: 640px) {

  .product-entry__content {
    padding: 1rem;
    padding-bottom: 0px;
  }
}.product-entry__content .s-rating-stars-small svg {
  width: 13px;
}.offer-slider .product-entry__content {
  padding: 0.625rem;
  padding-bottom: 0px;
}.offer-slider .product-entry__content+div {
  padding: 0.625rem;
}.out-of-stock .product-entry__image img,.product-entry--full-image.out-of-stock img {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.product-entry__title {
  font-weight: 400;
  line-height: 1.5rem;
}.product-entry__title a {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}.product-entry__title a:hover {
  color: #5cd5c4;
  color: var(--color-primary);
}.product-entry--horizontal .product-entry__title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}.product-entry__sub-title {
  font-size: 0.875rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.product-entry--horizontal .product-entry__sub-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}.product-entry--full-image {
  height: 35rem;
}.product-entry--full-image .product-entry__content {
  padding-bottom: 0.75rem;
}.product-entry--full-image .product-entry__title a {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}.product-entry--full-image .product-entry__title a,.product-entry--full-image .default-price{text-shadow:0 1px 0px #434343}.product-entry--full-image .sale-price{text-shadow:0 1px 0px #8e1414}.product-entry--full-image .btn--add-to-cart button:disabled {
  background-color: transparent;
  color: rgba(209, 213, 219, 0.5);
}.product-entry--minimal .product-entry__title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}.product-entry--fit-type .product-entry__image {
  height: 11rem;
}.product-entry--horizontal .product-entry__image {
  height: auto;
  width: 8rem;
  border-color: rgba(243, 244, 246, 0.8);
}@media (min-width: 640px) {

  .product-entry--horizontal .product-entry__image {
    width: 14rem;
  }
}.product-entry--horizontal .content-wrap {
  flex-grow: 1;
}.product-entry--horizontal.product-entry--fit-type {
  height: 11rem;
}.product-entry--horizontal.product-entry--fit-type .product-entry__image {
  height: 100%;
}[dir="ltr"] .product-entry--horizontal .product-entry__content {
  text-align: left;
}[dir="rtl"] .product-entry--horizontal .product-entry__content {
  text-align: right;
}.product-entry--horizontal .product-entry__content {
  flex-grow: 1;
  align-items: flex-start;
  justify-content: flex-start;
}.product-entry--horizontal .product-entry__content+div {
  margin-top: auto;
}.product-entry--horizontal .btn--wishlist {
  top: auto;
  bottom: 15px;
  height: 2rem;
  width: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}[dir="ltr"] .product-entry--horizontal .btn--wishlist {
  right: 0.5rem;
  left: auto;
}[dir="rtl"] .product-entry--horizontal .btn--wishlist {
  left: 0.5rem;
  right: auto;
}.product-entry--vertical {
  flex-direction: column;
}.product-entry--vertical:not(.product-entry--special) {
  height: auto;
}.product-entry--vertical.product-entry--fit-type .product-entry__image {
  height: 16rem;
  flex-basis: 16rem;
}.offer-slider .product-entry--vertical.product-entry--fit-type .product-entry__image {
  height: 10rem;
  flex-basis: 10rem;
}.product-entry--vertical.product-entry--fit-type .actions-btns {
  margin-top: auto;
}@media (min-width: 640px) {

  .product-entry--special.product-entry--fit-type .product-entry__image {
    height: 500px;
  }
}[dir="ltr"] .product-entry--special .product-entry__content {
  text-align: left;
}[dir="rtl"] .product-entry--special .product-entry__content {
  text-align: right;
}.product-entry--special .product-entry__content {
  align-items: flex-start;
}.s-block--special-products .tabs__item .product-entry {
  height: 100%;
  align-self: flex-start;
}.product-entry--wishlist {
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
}@media (min-width: 640px) {

  .product-entry--wishlist {
    flex-direction: row;
  }
}.product-entry--wishlist .product-entry__image {
  height: 3rem;
  min-height: 0px;
  width: 4rem;
  overflow: hidden;
  border-radius: 6px;
}@media (min-width: 768px) {

  .product-entry--wishlist .product-entry__image {
    height: 4rem;
    width: 5rem;
  }
}.product-entry--wishlist salla-button {
  display: flex;
}@media(min-width: 768px){.products-container.list .product-entry{flex-direction:row}.products-container.list .product-entry__image{height:100%;width:240px}}.promotion-badge {
  position: absolute;
  top: 0.75rem;
  z-index: 10;
  border-radius: 6px;
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}input[type=radio].sr-only div.promotion-badge{transition:all .3s}input[type=radio].sr-only:checked~div.promotion-badge{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .promotion-badge {
  left: 0.75rem;
}[dir="rtl"] .promotion-badge {
  right: 0.75rem;
}.promotion-badge{unicode-bidi:plaintext}.promotion-badge.has-discount {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.promotion-badge .has-calories-badge {
  top: 2rem;
}[dir="ltr"] .details-slider-wrapper .promotion-badge {
  left: 0.75rem;
  right: auto;
}[dir="rtl"] .details-slider-wrapper .promotion-badge {
  right: 0.75rem;
  left: auto;
}.product-calories-badge {
  position: absolute;
  top: 0.75rem;
  z-index: 10;
  display: flex;
  height: 5rem;
  width: 5rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}input[type=radio].sr-only div.product-calories-badge{transition:all .3s}input[type=radio].sr-only:checked~div.product-calories-badge{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .product-calories-badge {
  right: 0.75rem;
}[dir="rtl"] .product-calories-badge {
  left: 0.75rem;
}@media (min-width: 768px) {

  .product-calories-badge {
    height: 6rem;
    width: 6rem;
  }

  [dir="ltr"] .product-calories-badge {
    right: 1.25rem;
  }

  [dir="rtl"] .product-calories-badge {
    left: 1.25rem;
  }

  [dir="ltr"] .has-many-images .product-calories-badge {
    right: 4rem;
  }

  [dir="rtl"] .has-many-images .product-calories-badge {
    left: 4rem;
  }
}.main-link:empty {
  display: none;
}button.s-social-share-btn {
  margin: 0px;
  height: 2rem;
  width: 2rem;
}ul.s-social-share-list {
  left: -0.375rem;
}.s-comments-page {
  padding-top: 4rem;
}.s-comments .s-rating-stars-btn-star svg {
  width: 13px;
}.s-comments .s-comment-form-input {
  border-radius: 6px;
}.s-comments .s-comment-form-wrapper {
  gap: 0.625rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}@media (min-width: 768px) {

  .s-comments .s-comment-form-wrapper {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}.s-comments .s-comment-form-wrapper .s-comment-form-avatar {
  --tw-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0px 5px 15px var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.pie-wrapper {
  position: absolute;
  top: 0.625rem;
  display: flex;
  height: 72px;
  width: 72px;
  align-items: center;
  justify-content: center;
  color: #5cd5c4;
  color: var(--color-primary);
}input[type=radio].sr-only div.pie-wrapper{transition:all .3s}input[type=radio].sr-only:checked~div.pie-wrapper{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .pie-wrapper {
  right: 0.625rem;
}[dir="rtl"] .pie-wrapper {
  left: 0.625rem;
}@media (min-width: 640px) {

  .pie-wrapper {
    top: 1rem;
  }

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

  [dir="rtl"] .pie-wrapper {
    left: 1rem;
  }
}.pie-wrapper .pie-svg {
  position: absolute;
}input[type=radio].sr-only div.pie-wrapper .pie-svg{transition:all .3s}input[type=radio].sr-only:checked~div.pie-wrapper .pie-svg{border-color:#5cd5c4;border-color:var(--color-primary)}.pie-wrapper .pie-svg circle{transition:stroke-dashoffset 1s linear;stroke:#e8edf2;stroke-width:2px;stroke-linecap:round;fill:none}.pie-wrapper .pie-svg circle.circle_bar{stroke:#5cd5c4;stroke:var(--color-primary);stroke-dasharray:100 100;stroke-dashoffset:100}.pie-wrapper span {
  position: absolute;
  top: 47%;
  left: 50%;
  display: block;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}input[type=radio].sr-only div.pie-wrapper span{transition:all .3s}input[type=radio].sr-only:checked~div.pie-wrapper span{border-color:#5cd5c4;border-color:var(--color-primary)}.pie-wrapper span b {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1;
  color: #5cd5c4;
  color: var(--color-primary);
}.page-header {
  background-size: cover;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  display: flex;
  align-items: center;
  justify-content: center;
}.page-header .breadcrumbs {
  width: auto;
  color: inherit;
}.page-header .breadcrumbs a {
  color: inherit !important;
}.page-header .breadcrumbs a:hover {
  opacity: 0.8 !important;
}.product-fixed-bar {
  display: flex;
  width: 100%;
  --tw-translate-y: 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));
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  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: 300ms;
  transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
}.product-fixed-bar .product-form {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem;
}.product-fixed-bar .product-form button {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.hydrated .product-fixed-bar {
  --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));
}.product-fixed-bar salla-add-product-button button {
  height: 2.5rem;
}.product-tabs {
  border-radius: 6px;
}[dir="ltr"] .product-tabs .tabs__item .s-comment-form-avatar {
  margin-right: 0.25rem;
}[dir="rtl"] .product-tabs .tabs__item .s-comment-form-avatar {
  margin-left: 0.25rem;
}.product-tabs .tabs__item .no-content-placeholder--comments {
  padding-top: 0px;
  padding-bottom: 1rem;
}.product-tabs .tabs__item .s-comment-form-action salla-button button {
  width: 100%;
}.product-tabs .tabs {
  margin: auto;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 6px;
  padding: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}@media (min-width: 480px) {

  .product-tabs .tabs {
    width: -moz-fit-content;
    width: fit-content;
    flex-direction: row;
    border-radius: 9999px;
    padding: 0.75rem;
  }
}.product-tabs .tabs a {
  display: flex;
  height: 2.5rem;
  min-width: 120px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(161, 161, 170, var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.product-tabs .tabs a *{pointer-events:none}.product-tabs .tabs a:hover {
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.product-tabs .tabs a.is-active {
  border-radius: 9999px;
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.panel-overlay {
  position: fixed !important;
}.panel-overlay {
  pointer-events: none;
  top: 0px;
  left: 0px;
  z-index: 20;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  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: 300ms;
}.panel-is-open .panel-overlay {
  pointer-events: auto;
  cursor: pointer;
  opacity: 1;
}.panel-is-open .panel-overlay *{pointer-events:none}.product-options-panel {
  position: fixed;
  top: 0px;
  z-index: 50;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  opacity: 0;
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
}@media (min-width: 640px) {

  .product-options-panel {
    width: calc(50vw + 40px);
    max-width: 600px;
  }

  [dir="ltr"] .product-options-panel {
    right: 0px;
    --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));
  }

  [dir="rtl"] .product-options-panel {
    left: 0px;
    --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));
  }
}@media (min-width: 1024px) {

  .product-options-panel .has-one-image {
    width: 50vw;
  }
}.panel-is-open .product-options-panel {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  opacity: 1;
}@media (min-width: 640px) {

  .panel-is-open .product-options-panel {
    --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));
    border-radius: 0px;
  }
}.product-options-panel__inner {
  max-height: 100vh;
  overflow: auto;
  padding: 1.25rem;
}@media (min-width: 1024px) {

  .product-options-panel__inner {
    padding: 2rem;
  }
}@media(max-width: 639px){.product-options-panel {
    left: 0px;
    right: 0px;
    top: auto;
    bottom: 0px;
    height: auto;
    max-height: 85vh;
    --tw-translate-y: 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));
  }.product-options-panel .options-wrap {
    border-width: 0px;
    padding: 0px;
  }.product-options-panel__inner {
    max-height: 85vh;
  }.panel-is-open .product-options-panel {
    --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));
  }}body.cart {
  padding-bottom: 50px;
}@media (min-width: 768px) {

  body.cart {
    padding-bottom: 0px;
  }
}.s-count-down-list li.s-count-down-item {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}.s-count-down-list li.s-count-down-item .s-count-down-item-label {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
  opacity: 0.4;
}[dir="ltr"] .s-list-tile-item-content {
  padding-right: 1.25rem;
}[dir="rtl"] .s-list-tile-item-content {
  padding-left: 1.25rem;
}.s-list-tile-item-content h3 {
  font-size: 1rem;
  line-height: 1.5rem;
}.s-list-tile-item-subtitle {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.s-gifting-widget-action button {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  color: #5cd5c4;
  color: var(--color-primary);
}.s-gifting-widget-action button:hover {
  background-color: #5cd5c4;
  background-color: var(--color-primary);
  color: #fff;
  color: var(--color-primary-reverse);
}.model-viewer-wrapper {
  position: relative;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-bottom: 1rem;
  width: 100vw;
}@media (min-width: 768px) {

  .model-viewer-wrapper {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
  }

  [dir="ltr"] .model-viewer-wrapper {
    right: 2.5rem;
  }

  [dir="rtl"] .model-viewer-wrapper {
    left: 2.5rem;
  }

  [dir="ltr"] .has-one-image .model-viewer-wrapper {
    right: 0px;
  }

  [dir="rtl"] .has-one-image .model-viewer-wrapper {
    left: 0px;
  }
}.switcher-3d-view {
  position: absolute;
  top: 1.25rem;
}input[type=radio].sr-only div.switcher-3d-view{transition:all .3s}input[type=radio].sr-only:checked~div.switcher-3d-view{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .switcher-3d-view {
  right: 1rem;
}[dir="rtl"] .switcher-3d-view {
  left: 1rem;
}.has-calories-badge .switcher-3d-view {
  top: auto;
  bottom: 1.25rem;
}.model-viewer {
  height: 100%;
  width: 100%;
}@media (min-width: 768px) {

  .model-viewer {
    width: 50vw;
  }
}.model-viewer__poster {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}input[type=radio].sr-only div.model-viewer__poster{transition:all .3s}input[type=radio].sr-only:checked~div.model-viewer__poster{border-color:#5cd5c4;border-color:var(--color-primary)}.s-toggle .s-toggle-switcher-has-text:before {
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
  --tw-content: attr(data-switcher-text);
  content: var(--tw-content);font-family:arial,serif;
}.s-toggle .s-toggle-input:checked+div.s-toggle-switcher-bg-white:before {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}salla-product-options .s-product-options-option-container {
  margin-bottom: 0px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity)) !important;
}.product-single salla-product-options .s-product-options-option-container {
  margin-bottom: 0px;
  padding: 0.625rem;
}@media (min-width: 640px) {

  .product-single salla-product-options .s-product-options-option-container {
    padding: 1.25rem;
    padding-bottom: 0.5rem;
  }
}salla-product-options .s-product-options-option {
  padding-top: 0.625rem;
}salla-product-options .s-product-options-option:last-child {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}@media (min-width: 640px) {

  salla-product-options .s-product-options-option {
    padding-top: 1.25rem;
  }

  salla-product-options .s-product-options-option:last-child {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}.s-product-options-wrapper {
  margin: 0px;
  padding: 0px;
}.s-form-control {
  border-radius: 6px;
}ul.s-social-share-list {
  border-radius: 6px;
}.s-slider-block__title {
  padding-bottom: 0px;
}[dir="ltr"] .s-slider-block__title {
  text-align: left;
}[dir="rtl"] .s-slider-block__title {
  text-align: right;
}.single-product-section .s-slider-block__title {
  margin-bottom: 0px;
}.s-slider-block__title-right {
  justify-content: space-between;
}.single-product-section .s-slider-block__title-nav {
  top: 50% !important;
  left: 5% !important;
  display: flex !important;
  width: calc(100% - 10%) !important;
  --tw-translate-x: 0px !important;
  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)) !important;
}.single-product-section .images-fixed {
  height: 490px;
}.single-product-page .offer-slider {
  position: relative;
}.single-product-page .offer-slider>i.sicon-percentage {
  position: absolute;
  top: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 3rem;
  line-height: 1;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
  opacity: 0.1;
}input[type=radio].sr-only div.single-product-page .offer-slider>i.sicon-percentage{transition:all .3s}input[type=radio].sr-only:checked~div.single-product-page .offer-slider>i.sicon-percentage{border-color:#5cd5c4;border-color:var(--color-primary)}[dir="ltr"] .single-product-page .offer-slider>i.sicon-percentage {
  left: 0.5rem;
}[dir="rtl"] .single-product-page .offer-slider>i.sicon-percentage {
  right: 0.5rem;
}@media (min-width: 1024px) {

  .single-product-page .offer-slider>i.sicon-percentage {
    font-size: 3.75rem;
    line-height: 1;
  }
}.single-product-page .offer-slider .s-slider-block__title {
  flex-direction: row;
}.single-product-page .offer-slider .s-slider-block__title-nav {
  margin: 0px;
  display: flex;
  --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));
}.single-product-page .offer-slider .s-slider-block__title h2 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}.single-product-page .offer-slider .s-slider-block__title p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}.single-product-page .offer-slider .product-entry--vertical:not(.product-entry--special) {
  height: 100%;
}.single-product-page .offer-slider .product-entry__sub-title {
  margin-top: 0.625rem;
  font-weight: 400;
}.single-product-page .offer-slider .slide--one-mini-third {
  width: 12rem;
}@media (min-width: 1024px) {

  .single-product-page .offer-slider .slide--one-mini-third {
    width: 12rem;
  }
}.single-product-page #similar-slider .s-slider-block__title {
  flex-direction: row;
}.single-product-page #similar-slider .s-slider-block__title-right {
  margin-bottom: 1rem;
  padding: 0px;
}.single-product-page #similar-slider .s-slider-block__title h2 {
  padding: 0px;
}.single-product-page #similar-slider .s-slider-block__title-nav {
  position: static;
  --tw-translate-x: 0px;
  --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));
}.single-product-page .product-images-slider .details-slider {
  flex-direction: row-reverse;
}[dir="ltr"] .single-product-page .product-images-slider .details-slider {
  left: auto;
  right: 0px;
}[dir="rtl"] .single-product-page .product-images-slider .details-slider {
  left: 0px;
  right: auto;
}.single-product-page .product-images-slider .details-slider .swiper-slide {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}.single-product-page .product-images-slider .details-slider.has-many-images .s-slider-container {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}@media (min-width: 1024px) {

  .single-product-page .product-images-slider .details-slider.has-many-images .s-slider-container {
    height: 100%;
  }
}.single-product-page .product-images-slider .details-slider.has-many-images .s-slider-container a img {
  -o-object-fit: contain;
     object-fit: contain;
}.single-product-page .product-images-slider .details-slider.s-slider-v-centered .s-slider-block__title-nav {
  left: auto;
  right: auto;
  width: calc(100% - 172px);
  --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));
}[dir="ltr"] .single-product-page .product-images-slider .details-slider.s-slider-v-centered .s-slider-block__title-nav {
  right: 1.25rem;
}[dir="rtl"] .single-product-page .product-images-slider .details-slider.s-slider-v-centered .s-slider-block__title-nav {
  left: 1rem;
}.single-product-page .product-images-slider .details-slider .s-slider-thumbs-nav {
  top: 49%;
  left: 55%;
  margin-top: 0.75rem;
  display: flex;
  height: 97%;
  gap: 0.75rem;
}.single-product-page .main-content salla-product-availability {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
}@media (min-width: 640px) {

  .single-product-page .main-content salla-product-availability {
    flex-direction: row;
    gap: 1.25rem;
  }
}.single-product-page .main-content salla-product-availability>span {
  display: block;
  width: 100%;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
}@media (min-width: 640px) {

  .single-product-page .main-content salla-product-availability>span {
    width: 50%;
  }
}.single-product-page .main-content salla-product-availability .s-button-wrap {
  width: 100%;
}@media (min-width: 640px) {

  .single-product-page .main-content salla-product-availability .s-button-wrap {
    width: 50%;
  }
}.single-product-page .attachments {
  margin-left: 0px;
  margin-right: 0px;
}.brands-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}.brands-nav > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}[dir="rtl"] .brands-nav > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}.brands-nav__item {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  padding: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
  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;
}.brands-nav__item:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}.brands-nav__item.is-selected {
  background-color: #5cd5c4 !important;
  background-color: var(--color-primary) !important;
  color: #fff !important;
  color: var(--color-primary-reverse) !important;
}.brands-nav__item span {
  pointer-events: none;
}.brands-nav.is-sticky {
  position: fixed;
  top: 2.25rem;
  z-index: 0;
  height: 100%;
  flex-direction: column;
  flex-wrap: wrap;
}.brands-nav.is-sticky > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * (1 - var(--tw-space-y-reverse)));
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}.brands-nav.is-sticky {
  padding-top: 4rem;
  padding-bottom: 2.5rem;
}[dir="ltr"] .brands-nav.is-sticky {
  right: 0.5rem;
}[dir="rtl"] .brands-nav.is-sticky {
  right: 0.5rem;
}.brands-nav.is-sticky .brands-nav__item {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}@media(max-width: 1280px){.brands-nav.is-sticky .brands-nav__item {
    height: 1.5rem;
    width: 1.5rem;
  }}.brand-char {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  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;
}.brand-char:hover {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}.brand-char:focus {
  border-color: #5cd5c4;
  border-color: var(--color-primary);
}[dir="ltr"] .brand-char {
  margin-right: 1.25rem;
}[dir="rtl"] .brand-char {
  margin-left: 1.25rem;
}@media (min-width: 768px) {

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

  [dir="rtl"] .brand-char {
    margin-left: 3rem;
  }
}.brand-item {
  position: relative;
  display: flex;
  height: 5rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 6px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 0.75rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  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;
}.brand-item:hover {
  opacity: 0.95;
}@media (min-width: 640px) {

  .brand-item {
    height: 9rem;
    padding: 1rem;
  }
}@media (min-width: 768px) {

  .brand-item {
    height: 11rem;
    padding: 2rem;
  }
}.brand-item:hover img{animation:pulse-mini .4s}.index .brand-item {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}@media (min-width: 768px) {

  .index .brand-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}@media (min-width: 640px) {

  .index .brand-item img {
    max-width: 150px;
  }
}.no-content-placeholder {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 2.5rem;
  padding-bottom: 5rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.no-content-placeholder .icon {
  margin-bottom: 1rem;
  display: flex;
  height: 8rem;
  width: 8rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
  font-size: 3rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity));
}.no-content-placeholder p {
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.no-content-placeholder--comments {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.s-gifting-modal .s-checkbox{background-color:#fff !important;border:1px solid #ccc !important}.s-gifting-modal .s-checkbox:focus{--tw-ring-color: transparent !important}.s-gifting-modal .s-gifting-filepond-placeholder-icon svg{fill:#ccc !important}.s-gifting-widget .s-list-tile-item {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-style: none;
}.store-loyalty-program .breadcrumbs {
  padding-bottom: 0px;
  padding-top: 4rem;
}.store-loyalty-program .breadcrumbs ol {
  justify-content: center;
}@media (min-width: 1024px) {

  .store-loyalty-program .breadcrumbs ol {
    justify-content: flex-start;
  }
}.store-loyalty-program .breadcrumbs a,.store-loyalty-program .breadcrumbs span,.store-loyalty-program .breadcrumbs .arrow {
  color: rgba(255, 255, 255, 0.9);
}.loyalty__banner {
  position: relative;
  margin: auto;
  margin-bottom: 7rem;
  margin-top: 5rem;
  overflow: hidden;
  border-radius: 6px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 2.5rem;
}@media (min-width: 1024px) {

  .loyalty__banner {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}.loyalty__banner-inner {
  position: relative;
  z-index: 1;
  flex: 1 1 0%;
  align-items: center;
  text-align: center;
}[dir="rtl"] .loyalty__banner-inner > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}@media (min-width: 640px) {

  .loyalty__banner-inner {
    display: flex;
  }

  .loyalty__banner-inner > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3rem * var(--tw-space-x-reverse));
    margin-left: calc(3rem * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
  }
}.loyalty__banner-content {
  flex: 1 1 0%;
  align-items: center;
  justify-content: space-between;
}@media (min-width: 768px) {

  .loyalty__banner-content {
    display: flex;
  }
}.loyalty__banner-content .info {
  margin-bottom: 1.5rem;
}@media (min-width: 768px) {

  .loyalty__banner-content .info {
    margin-bottom: 0px;
  }
}.loyalty__banner-content .info h1 {
  margin-bottom: 0.625rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}.loyalty__banner-content .info p {
  margin-bottom: 0.5rem;
  max-width: 20rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.loyalty__banner .loyalty-points {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}.loyalty__banner .loyalty-points .count-number {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
  color: #5cd5c4;
  color: var(--color-primary);
}[dir="ltr"] .loyalty__banner .loyalty-points .count-number {
  margin-left: 0.625rem;
}[dir="rtl"] .loyalty__banner .loyalty-points .count-number {
  margin-right: 0.625rem;
}.loyalty-star {
  position: absolute;
  z-index: 0;
  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));
  opacity: 0.7;
}input[type=radio].sr-only div.loyalty-star{transition:all .3s}input[type=radio].sr-only:checked~div.loyalty-star{border-color:#5cd5c4;border-color:var(--color-primary)}.loyalty-star i {
  font-size: 400px;
  --tw-text-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-text-opacity));
}.loyalty-star--first {
  right: -6rem;
  top: -12rem;
  --tw-rotate: -45deg;
  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));
}.loyalty-star--second {
  left: -4rem;
  bottom: -10rem;
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.points-ways__list {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-gap: 0.625rem;
  gap: 0.625rem;
}.main-menu .mega-menu .points-ways__list .product-entry {
  max-width: 33.3333%;
}@media (min-width: 640px) {

  .points-ways__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }
}@media (min-width: 768px) {

  .points-ways__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}@media (min-width: 1024px) {

  .points-ways__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}.points-ways__list .way-item {
  display: flex;
  width: 100%;
  flex-direction: column;
  border-radius: 6px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 1.5rem;
  opacity: 1;
}.points-ways__list .way-item__icon {
  position: relative;
  display: flex;
  height: 3rem;
  width: 3rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}.points-ways__list .way-item__icon span {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  height: 100%;
  width: 100%;
  border-radius: 9999px;
  opacity: 0.1;
}input[type=radio].sr-only div.points-ways__list .way-item__icon span{transition:all .3s}input[type=radio].sr-only:checked~div.points-ways__list .way-item__icon span{border-color:#5cd5c4;border-color:var(--color-primary)}.points-ways__list .way-item__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}.points-ways__list .way-item__content h4 {
  word-break: break-all;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}.points-ways__list .way-item__content p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}.points-ways__list .way-item__action {
  margin-top: auto;
  padding-top: 1rem;
}.loyalty-slider .s-slider-block__title {
  flex-direction: row;
}body.modal-is-open,body.fancybox-open,body.panel-is-open{overflow:hidden}body.modal-is-open #tidio-chat,body.modal-is-open [id^=gb-widget],body.modal-is-open [class$=__feedback],body.modal-is-open #fb-root,body.modal-is-open .fb_reset,body.modal-is-open #chat-widget-container,body.modal-is-open button.needsclick,body.fancybox-open #tidio-chat,body.fancybox-open [id^=gb-widget],body.fancybox-open [class$=__feedback],body.fancybox-open #fb-root,body.fancybox-open .fb_reset,body.fancybox-open #chat-widget-container,body.fancybox-open button.needsclick,body.panel-is-open #tidio-chat,body.panel-is-open [id^=gb-widget],body.panel-is-open [class$=__feedback],body.panel-is-open #fb-root,body.panel-is-open .fb_reset,body.panel-is-open #chat-widget-container,body.panel-is-open button.needsclick{display:none !important}@supports(-webkit-touch-callout: none){@media screen and (max-width: 767px){.mobile #button{transform:translateY(-58px);margin-left:5px}}}@media(max-width: 1024px){body.dropdown--is-opened{overflow:hidden}body.dropdown--is-opened #tidio-chat,body.dropdown--is-opened [id^=gb-widget],body.dropdown--is-opened [class$=__feedback],body.dropdown--is-opened #fb-root,body.dropdown--is-opened .fb_reset,body.dropdown--is-opened #chat-widget-container,body.dropdown--is-opened button.needsclick{display:none !important}#tidio-chat{z-index:9999999999;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#tidio-chat #tidio-chat-iframe{bottom:0 !important}#tidio-chat #tidio-chat-iframe{pointer-events:auto}[id^=gb-widget]{bottom:60px !important;z-index:9999 !important}#fb-root .fb_dialog iframe[data-testid=bubble_iframe]{bottom:20px !important}iframe.tawk-widget{bottom:20px !important}#chat-widget-container{bottom:0 !important}#chat-widget-container{height:100%}}iframe.tawk-widget{display:block;bottom:20px}#app.product-single button.needsclick {
  bottom: 3rem !important;
  margin: 0.625rem !important;
}@media (min-width: 1024px) {

  #app.product-single button.needsclick {
    bottom: 6rem !important;
    margin: 1.25rem !important;
  }
}@media(max-width: 640px){.swal2-container{width:100% !important}}.swal2-container .swal2-popup.swal2-toast{max-width:300px;padding:0 10px 5px;box-shadow:0 1px 3px 1px rgba(0,0,0,.0705882353)}@media(max-width: 640px){.swal2-container .swal2-popup.swal2-toast{max-width:100%;top:78px}}.swal2-container .swal2-popup.swal2-toast .swal2-icon {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  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));
  animation: none;
}[dir="ltr"] .swal2-container .swal2-popup.swal2-toast .swal2-icon {
  margin-right: 0.25rem;
  margin-left: -0.375rem;
}[dir="rtl"] .swal2-container .swal2-popup.swal2-toast .swal2-icon {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}.swal2-container .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}.swal2-container .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-line-tip,.swal2-container .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-line-long {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}.swal2-container .swal2-popup.swal2-toast .swal2-title {
  margin: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
}.swal2-container .swal2-popup.swal2-toast .swal2-close {
  flex-shrink: 0;
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  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));
}[dir="ltr"] .swal2-container .swal2-popup.swal2-toast .swal2-close {
  margin-left: 0.5rem;
}[dir="rtl"] .swal2-container .swal2-popup.swal2-toast .swal2-close {
  margin-right: 0.5rem;
}.swal2-container .swal2-popup.swal2-toast .swal2-timer-progress-bar-container{height:2px}.swal2-container .swal2-popup.swal2-toast .swal2-timer-progress-bar{background:#ddd}.swal2-container .swal2-popup.swal2-toast.swal2-icon-error {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
}.swal2-container .swal2-popup.swal2-toast.swal2-icon-error * {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}.swal2-container .swal2-popup.swal2-toast.swal2-icon-error .swal2-error {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}.swal2-container .swal2-popup.swal2-toast.swal2-icon-error .swal2-x-mark-line-right,.swal2-container .swal2-popup.swal2-toast.swal2-icon-error .swal2-x-mark-line-left {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}.swal2-container .swal2-popup.swal2-toast.swal2-icon-success {
  --tw-bg-opacity: 1;
  background-color: rgba(34, 197, 94, var(--tw-bg-opacity));
}.swal2-container .swal2-popup.swal2-toast.swal2-icon-success * {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm){@supports(-webkit-appearance: none){.full-banner-entry{background-attachment:scroll;background-attachment:initial}}}lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;max-width:720px}lite-youtube::before{content:"";display:block;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all .2s cubic-bezier(0, 0, 0.2, 1)}lite-youtube::after{content:"";display:block;padding-bottom:56.25%}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}lite-youtube>.lty-playbtn{width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%, -50%, 0);top:50%;left:50%;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');filter:grayscale(100%);transition:filter .1s cubic-bezier(0, 0, 0.2, 1);border:none}lite-youtube:hover>.lty-playbtn,lite-youtube .lty-playbtn:focus{filter:none}lite-youtube.lyt-activated{cursor:inherit}lite-youtube.lyt-activated::before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@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{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.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);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{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,.swiper-3d .swiper-wrapper{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-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}[dir="ltr"] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {margin-left:var(--swiper-centered-offset-before);
}[dir="rtl"] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {margin-right: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-top:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(44px/44*27);width:calc(var(--swiper-navigation-size)/44*27);height:44px;height:var(--swiper-navigation-size);margin-top:calc(0px - 44px/2);margin-top:calc(0px - var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#007aff;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none !important}.swiper-button-next:after,.swiper-button-prev:after{text-transform:none !important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);letter-spacing:0;font-feature-settings:;font-variant:normal;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:8px;width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:8px;height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:50%;background:#000;background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:0.2;opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:1;opacity:var(--swiper-pagination-bullet-opacity, 1);background:#007aff;background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px, -50%, 0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0, 0, 0, 0.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, 0.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0, 0, 0, 0.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.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 #007aff;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{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)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.first\:pt-16:first-child {
  padding-top: 4rem;
}.last\:mb-0:last-child {
  margin-bottom: 0px;
}.last\:border-0:last-child {
  border-width: 0px;
}.last\:pb-0:last-child {
  padding-bottom: 0px;
}.only\:mt-0:only-child {
  margin-top: 0px;
}.only\:border-none:only-child {
  border-style: none;
}.only\:pt-0:only-child {
  padding-top: 0px;
}.even\:border-gray-200:nth-child(even) {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}.target\:btn:target {
  display: inline-flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.375rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.625rem;
  padding-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  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: 300ms;
}.target\:btn:target:hover {
  opacity: 0.8;
}.hover\:border-red-600:hover {
  --tw-border-opacity: 1;
  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
}.hover\:text-red-600:hover {
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity));
}.hover\:text-primary:hover {
  color: #5cd5c4;
  color: var(--color-primary);
}.hover\:text-dark:hover {
  --tw-text-opacity: 1;
  color: rgba(34, 36, 43, var(--tw-text-opacity));
}.hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}.hover\:underline:hover {
  text-decoration-line: underline;
}.hover\:opacity-80:hover {
  opacity: 0.8;
}.hover\:opacity-70:hover {
  opacity: 0.7;
}.hover\:opacity-90:hover {
  opacity: 0.9;
}.focus\:ring-transparent:focus {
  --tw-ring-color: transparent;
}.group:hover .group-hover\:text-primary {
  color: #5cd5c4;
  color: var(--color-primary);
}.group:hover .group-hover\:no-underline {
  text-decoration-line: none;
}.group:hover .group-hover\:opacity-80 {
  opacity: 0.8;
}[dir="ltr"] .ltr\:right-1\.5 {
  right: 0.375rem;
}[dir="ltr"] .ltr\:right-1 {
  right: 0.25rem;
}[dir="ltr"] .ltr\:right-0 {
  right: 0px;
}[dir="ltr"] .ltr\:left-0 {
  left: 0px;
}[dir="ltr"] .ltr\:right-4 {
  right: 1rem;
}[dir="ltr"] .ltr\:ml-1 {
  margin-left: 0.25rem;
}[dir="ltr"] .ltr\:mr-1 {
  margin-right: 0.25rem;
}[dir="ltr"] .ltr\:mr-2 {
  margin-right: 0.5rem;
}[dir="ltr"] .ltr\:ml-2 {
  margin-left: 0.5rem;
}[dir="ltr"] .ltr\:mr-1\.5 {
  margin-right: 0.375rem;
}[dir="ltr"] .ltr\:mr-3 {
  margin-right: 0.75rem;
}[dir="ltr"] .ltr\:mr-12 {
  margin-right: 3rem;
}[dir="ltr"] .ltr\:mr-auto {
  margin-right: auto;
}[dir="ltr"] .ltr\:mr-4 {
  margin-right: 1rem;
}[dir="ltr"] .ltr\:mr-10 {
  margin-right: 2.5rem;
}[dir="ltr"] .ltr\:mr-8 {
  margin-right: 2rem;
}[dir="ltr"] .ltr\:ml-auto {
  margin-left: auto;
}[dir="ltr"] .ltr\:ml-5 {
  margin-left: 1.25rem;
}[dir="ltr"] .ltr\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}[dir="ltr"] .ltr\:-scale-x-100 {
  --tw-scale-x: -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));
}[dir="ltr"] .ltr\:items-start {
  align-items: flex-start;
}[dir="ltr"] .ltr\:items-end {
  align-items: flex-end;
}[dir="ltr"] .ltr\:rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}[dir="ltr"] .ltr\:rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}[dir="ltr"] .ltr\:rounded-r {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}[dir="ltr"] .ltr\:border-r-0 {
  border-right-width: 0px;
}[dir="ltr"] .ltr\:pr-24 {
  padding-right: 6rem;
}[dir="ltr"] .ltr\:pl-3 {
  padding-left: 0.75rem;
}[dir="ltr"] .ltr\:pr-0 {
  padding-right: 0px;
}[dir="ltr"] .ltr\:pr-px {
  padding-right: 1px;
}[dir="ltr"] .ltr\:pl-5 {
  padding-left: 1.25rem;
}[dir="ltr"] .ltr\:pr-4 {
  padding-right: 1rem;
}[dir="ltr"] .ltr\:pl-8 {
  padding-left: 2rem;
}[dir="ltr"] .ltr\:pr-3 {
  padding-right: 0.75rem;
}[dir="ltr"] .ltr\:pr-10 {
  padding-right: 2.5rem;
}[dir="ltr"] .ltr\:even\:border-l:nth-child(even) {
  border-left-width: 1px;
}[dir="rtl"] .rtl\:left-1\.5 {
  left: 0.375rem;
}[dir="rtl"] .rtl\:left-1 {
  left: 0.25rem;
}[dir="rtl"] .rtl\:left-0 {
  left: 0px;
}[dir="rtl"] .rtl\:right-0 {
  right: 0px;
}[dir="rtl"] .rtl\:left-4 {
  left: 1rem;
}[dir="rtl"] .rtl\:mr-1 {
  margin-right: 0.25rem;
}[dir="rtl"] .rtl\:ml-1 {
  margin-left: 0.25rem;
}[dir="rtl"] .rtl\:ml-2 {
  margin-left: 0.5rem;
}[dir="rtl"] .rtl\:mr-2 {
  margin-right: 0.5rem;
}[dir="rtl"] .rtl\:ml-1\.5 {
  margin-left: 0.375rem;
}[dir="rtl"] .rtl\:ml-3 {
  margin-left: 0.75rem;
}[dir="rtl"] .rtl\:ml-12 {
  margin-left: 3rem;
}[dir="rtl"] .rtl\:ml-auto {
  margin-left: auto;
}[dir="rtl"] .rtl\:ml-4 {
  margin-left: 1rem;
}[dir="rtl"] .rtl\:ml-8 {
  margin-left: 2rem;
}[dir="rtl"] .rtl\:mr-auto {
  margin-right: auto;
}[dir="rtl"] .rtl\:mr-5 {
  margin-right: 1.25rem;
}[dir="rtl"] .rtl\:-scale-x-100 {
  --tw-scale-x: -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));
}[dir="rtl"] .rtl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}[dir="rtl"] .rtl\:rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}[dir="rtl"] .rtl\:rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}[dir="rtl"] .rtl\:rounded-l {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}[dir="rtl"] .rtl\:border-l-0 {
  border-left-width: 0px;
}[dir="rtl"] .rtl\:pl-24 {
  padding-left: 6rem;
}[dir="rtl"] .rtl\:pr-3 {
  padding-right: 0.75rem;
}[dir="rtl"] .rtl\:pl-0 {
  padding-left: 0px;
}[dir="rtl"] .rtl\:pl-px {
  padding-left: 1px;
}[dir="rtl"] .rtl\:pr-5 {
  padding-right: 1.25rem;
}[dir="rtl"] .rtl\:pl-4 {
  padding-left: 1rem;
}[dir="rtl"] .rtl\:pr-8 {
  padding-right: 2rem;
}[dir="rtl"] .rtl\:pl-3 {
  padding-left: 0.75rem;
}[dir="rtl"] .rtl\:pl-10 {
  padding-left: 2.5rem;
}[dir="rtl"] .rtl\:text-left {
  text-align: left;
}[dir="rtl"] .rtl\:even\:border-r:nth-child(even) {
  border-right-width: 1px;
}@media (min-width: 640px) {

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

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

  .sm\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:mb-12 {
    margin-bottom: 3rem;
  }

  .sm\:mt-8 {
    margin-top: 2rem;
  }

  .sm\:mt-16 {
    margin-top: 4rem;
  }

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

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

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

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

  .sm\:mb-24 {
    margin-bottom: 6rem;
  }

  .sm\:mb-4 {
    margin-bottom: 1rem;
  }

  .sm\:mt-4 {
    margin-top: 1rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:flex {
    display: flex;
  }

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

  .sm\:h-56 {
    height: 14rem;
  }

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

  .sm\:\!w-\[220px\] {
    width: 220px !important;
  }

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

  .sm\:grow-0 {
    flex-grow: 0;
  }

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

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

  .sm\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    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));
  }

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

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

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

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

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

  .sm\:gap-4 {
    gap: 1rem;
  }

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

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .sm\:gap-8 {
    gap: 2rem;
  }

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

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

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

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

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

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

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

  .sm\:p-7 {
    padding: 1.75rem;
  }

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

  .sm\:p-11 {
    padding: 2.75rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

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

  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

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

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

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

  .sm\:pt-4 {
    padding-top: 1rem;
  }

  [dir="ltr"] .sm\:text-start {
    text-align: left;
  }

  [dir="rtl"] .sm\:text-start {
    text-align: right;
  }

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

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

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

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

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

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

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

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

  [dir="rtl"] .sm\:rtl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
  }
}@media (min-width: 768px) {

  .md\:mb-9 {
    margin-bottom: 2.25rem;
  }

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

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

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

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

  .md\:mt-12 {
    margin-top: 3rem;
  }

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

  .md\:flex {
    display: flex;
  }

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

  .md\:hidden {
    display: none;
  }

  .md\:h-20 {
    height: 5rem;
  }

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

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

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

  .md\:w-40 {
    width: 10rem;
  }

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

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

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

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

  .md\:grid-cols-auto-fill {
    grid-template-columns: repeat(auto-fill, 290px);
  }

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

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

  .md\:gap-8 {
    gap: 2rem;
  }

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

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

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

  .md\:p-8 {
    padding: 2rem;
  }

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

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

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

  .md\:pb-16 {
    padding-bottom: 4rem;
  }

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

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

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

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

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

  [dir="ltr"] .ltr\:md\:pl-16 {
    padding-left: 4rem;
  }

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

  [dir="rtl"] .rtl\:md\:pl-8 {
    padding-left: 2rem;
  }

  [dir="rtl"] .rtl\:md\:pr-16 {
    padding-right: 4rem;
  }
}@media (min-width: 1024px) {

  .lg\:sticky {
    position: sticky;
  }

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

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

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

  .lg\:m-8 {
    margin: 2rem;
  }

  .lg\:-mt-28 {
    margin-top: -7rem;
  }

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

  .lg\:mt-12 {
    margin-top: 3rem;
  }

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

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

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

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

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

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

  .lg\:block {
    display: block;
  }

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

  .lg\:flex {
    display: flex;
  }

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

  .lg\:hidden {
    display: none;
  }

  .lg\:\!hidden {
    display: none !important;
  }

  .lg\:h-80 {
    height: 20rem;
  }

  .lg\:h-24 {
    height: 6rem;
  }

  .lg\:h-52 {
    height: 13rem;
  }

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

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

  .lg\:w-9\/12 {
    width: 75%;
  }

  .lg\:w-24 {
    width: 6rem;
  }

  .lg\:w-0 {
    width: 0px;
  }

  .lg\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .lg\:w-56 {
    width: 14rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .lg\:gap-6 {
    gap: 1.5rem;
  }

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

  .lg\:gap-11 {
    gap: 2.75rem;
  }

  .lg\: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 * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\: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 * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

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

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

  .lg\:overflow-hidden {
    overflow: hidden;
  }

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

  .lg\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

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

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

  .lg\:p-4 {
    padding: 1rem;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

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

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

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

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

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

  .lg\:pb-11 {
    padding-bottom: 2.75rem;
  }

  .lg\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .lg\:pt-4 {
    padding-top: 1rem;
  }

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

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

  [dir="ltr"] .lg\:text-start {
    text-align: left;
  }

  [dir="rtl"] .lg\:text-start {
    text-align: right;
  }

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

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

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

  .lg\:leading-10 {
    line-height: 2.5rem;
  }

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

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

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

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

  [dir="ltr"] .ltr\:lg\:mr-0 {
    margin-right: 0px;
  }

  [dir="ltr"] .ltr\:lg\:border-l {
    border-left-width: 1px;
  }

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

  [dir="ltr"] .ltr\:lg\:pl-24 {
    padding-left: 6rem;
  }

  [dir="ltr"] .ltr\:lg\:pr-2\.5 {
    padding-right: 0.625rem;
  }

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

  [dir="ltr"] .lg\:ltr\:text-left {
    text-align: left;
  }

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

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

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

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

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

  [dir="rtl"] .rtl\:lg\:border-r {
    border-right-width: 1px;
  }

  [dir="rtl"] .rtl\:lg\:pr-10 {
    padding-right: 2.5rem;
  }

  [dir="rtl"] .rtl\:lg\:pr-24 {
    padding-right: 6rem;
  }

  [dir="rtl"] .rtl\:lg\:pl-2\.5 {
    padding-left: 0.625rem;
  }

  [dir="rtl"] .rtl\:lg\:pl-2 {
    padding-left: 0.5rem;
  }

  [dir="rtl"] .lg\:rtl\:text-right {
    text-align: right;
  }
}@media (min-width: 1280px) {

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

  .xl\:flex {
    display: flex;
  }

  .xl\:hidden {
    display: none;
  }

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

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

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

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

  .xl\: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 * (1 - var(--tw-space-x-reverse)));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:border-none {
    border-style: none;
  }

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

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

  [dir="ltr"] .ltr\:xl\:pr-12 {
    padding-right: 3rem;
  }

  [dir="rtl"] .rtl\:xl\:pl-12 {
    padding-left: 3rem;
  }
}@media (min-width: 1536px) {

  .\32xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}@media (min-width: 480px) {

  .xs\:gap-7 {
    gap: 1.75rem;
  }
}@media (min-width: 1180px) {

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

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

  [dir="ltr"] .laptop\:ltr\:text-left {
    text-align: left;
  }

  [dir="ltr"] .laptop\:ltr\:text-right {
    text-align: right;
  }

  [dir="rtl"] .laptop\:rtl\:text-left {
    text-align: left;
  }

  [dir="rtl"] .laptop\:rtl\:text-right {
    text-align: right;
  }
}