/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

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

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

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/

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: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
}

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

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

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

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

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

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. 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 */
  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:-ms-input-placeholder, textarea:-ms-input-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;
}

/*
Ensure the default browser behavior of the `hidden` attribute.
*/

[hidden] {
  display: none;
}

*, ::before, ::after {
  --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: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

.container {
  width: 100%;
}

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

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

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

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

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

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

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

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

.left-0 {
  left: 0px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.block {
  display: block;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.h-6 {
  height: 1.5rem;
}

.w-6 {
  width: 1.5rem;
}

.w-full {
  width: 100%;
}

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

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

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

.rounded-md {
  border-radius: 0.375rem;
}

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

.rounded-r-\[12px\] {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.rounded-l-\[12px\] {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.border {
  border-width: 1px;
}

.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

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

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

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

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.placeholder\:italic::-moz-placeholder {
  font-style: italic;
}

.placeholder\:italic:-ms-input-placeholder {
  font-style: italic;
}

.placeholder\:italic::placeholder {
  font-style: italic;
}

.placeholder\:text-slate-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.placeholder\:text-slate-400:-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.placeholder\:text-slate-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:border-sky-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-1: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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-sky-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
}

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

@font-face {
  font-family: FiraSansMedium;

  src: url('../fonts/FiraSans-Medium.ttf');
}

@font-face {
  font-family: FiraSansRegular;

  src: url('../fonts/FiraSans-Regular.ttf');
}

@font-face {
  font-family: TTNormsBold;

  src: url('../fonts/TTNorms-Bold.ttf');
}

:root {
  --color-light-100: #eeeeee;
  --color-light-100-alpha-70: rgba(238, 238, 238, 0.7);
  --color-light-100-alpha-90: rgba(238, 238, 238, 0.9);
  --color-dark-100: #85889D;
  --color-dark-200: #5D6075;
  --color-dark-200-alpha-90: rgba(93, 96, 117, 0.9);
  --color-dark-200-alpha-70: rgba(93, 96, 117, 0.7);
  --color-dark-300: #282A39;
  --color-dark-400: #1E202F;
  --color-dark-300-alpha-90: rgba(40, 42, 57, 0.9);
  --color-dark-300-alpha-95: rgba(40, 42, 57, 0.95);
  --color-primary-main: #EF4563;
  --color-primary-main-hover: #DB314F;
  --color-primary-gray-2: #1E202F;
  --color-primary-gray-2-alpha-70: rgba(30, 32, 47, 0.7);
  --color-primary-orange-1: #EFAB45;
  --color-primary-green-1: #7BC959;
  --container-width: 1280px;
  --right-arrow-svg: url("data:image/svg+xml,%0A%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.46851 19.0345C2.89718 19.6344 1.94771 19.6575 1.34782 19.0862C0.747931 18.5149 0.72478 17.5654 1.29611 16.9655L3.46851 19.0345ZM9.34464 10.6897L8.25844 9.65517H8.25844L9.34464 10.6897ZM9.34464 9.31034L10.4308 8.27585L10.4308 8.27585L9.34464 9.31034ZM1.29611 3.03449C0.72478 2.4346 0.747931 1.48513 1.34782 0.913799C1.94771 0.342466 2.89718 0.365618 3.46851 0.965509L1.29611 3.03449ZM1.29611 16.9655L8.25844 9.65517L10.4308 11.7241L3.46851 19.0345L1.29611 16.9655ZM8.25844 10.3448L1.29611 3.03449L3.46851 0.965509L10.4308 8.27585L8.25844 10.3448ZM8.25844 9.65517C8.07452 9.84828 8.07453 10.1517 8.25844 10.3448L10.4308 8.27585C11.3504 9.24137 11.3504 10.7586 10.4308 11.7241L8.25844 9.65517Z' fill='%23EF4563'/%3E%3C/svg%3E");
  --down-arrow-svg: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.471135 0.46967C0.178242 0.762563 0.178242 1.23744 0.471135 1.53033L5.76403 6.82322C6.44745 7.50664 7.55548 7.50664 8.2389 6.82322L13.5318 1.53033C13.8247 1.23744 13.8247 0.762563 13.5318 0.469669C13.2389 0.176776 12.764 0.176776 12.4711 0.469669L7.17824 5.76256C7.08061 5.86019 6.92232 5.86019 6.82469 5.76256L1.53179 0.46967C1.2389 0.176777 0.764028 0.176777 0.471135 0.46967Z' fill='%23EF4563'/%3E%3C/svg%3E%0A");
  --slider-right-arrow-svg: url("data:image/svg+xml,%0A%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.46705 19.0345C2.89572 19.6344 1.94625 19.6575 1.34636 19.0862C0.746467 18.5149 0.723315 17.5654 1.29465 16.9655L3.46705 19.0345ZM9.34317 10.6897L8.25697 9.65517H8.25697L9.34317 10.6897ZM9.34317 9.31034L10.4294 8.27585L10.4294 8.27585L9.34317 9.31034ZM1.29465 3.03449C0.723315 2.4346 0.746467 1.48513 1.34636 0.913799C1.94625 0.342466 2.89572 0.365618 3.46705 0.965509L1.29465 3.03449ZM1.29465 16.9655L8.25697 9.65517L10.4294 11.7241L3.46705 19.0345L1.29465 16.9655ZM8.25697 10.3448L1.29465 3.03449L3.46705 0.965509L10.4294 8.27585L8.25697 10.3448ZM8.25697 9.65517C8.07306 9.84828 8.07306 10.1517 8.25697 10.3448L10.4294 8.27585C11.3489 9.24137 11.3489 10.7586 10.4294 11.7241L8.25697 9.65517Z' fill='%23EF4563'/%3E%3C/svg%3E%0A");
  --slider-left-arrow-svg: url("data:image/svg+xml,%0A%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.53295 19.0345C9.10428 19.6344 10.0538 19.6575 10.6536 19.0862C11.2535 18.5149 11.2767 17.5654 10.7054 16.9655L8.53295 19.0345ZM2.65683 10.6897L3.74303 9.65517H3.74303L2.65683 10.6897ZM2.65683 9.31034L1.57063 8.27585L1.57063 8.27585L2.65683 9.31034ZM10.7054 3.03449C11.2767 2.4346 11.2535 1.48513 10.6536 0.913799C10.0538 0.342466 9.10428 0.365618 8.53295 0.965509L10.7054 3.03449ZM10.7054 16.9655L3.74303 9.65517L1.57063 11.7241L8.53295 19.0345L10.7054 16.9655ZM3.74303 10.3448L10.7054 3.03449L8.53295 0.965509L1.57063 8.27585L3.74303 10.3448ZM3.74303 9.65517C3.92694 9.84828 3.92694 10.1517 3.74303 10.3448L1.57063 8.27585C0.651075 9.24137 0.651069 10.7586 1.57063 11.7241L3.74303 9.65517Z' fill='%23EF4563'/%3E%3C/svg%3E%0A");
  --small-slider-left-arrow-svg: url("data:image/svg+xml,%0A%3Csvg width='20' height='44' viewBox='0 0 20 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8287 1.06296C17.3462 0.416064 18.2901 0.311182 18.937 0.828696C19.5839 1.34621 19.6888 2.29015 19.1713 2.93704L16.8287 1.06296ZM2.49976 21.3753L1.32845 20.4383L1.32845 20.4383L2.49976 21.3753ZM2.49976 22.6247L1.32845 23.5617L1.32845 23.5617L2.49976 22.6247ZM19.1713 41.063C19.6888 41.7098 19.5839 42.6538 18.937 43.1713C18.2901 43.6888 17.3462 43.5839 16.8287 42.937L19.1713 41.063ZM19.1713 2.93704L3.67106 22.3123L1.32845 20.4383L16.8287 1.06296L19.1713 2.93704ZM3.67106 21.6877L19.1713 41.063L16.8287 42.937L1.32845 23.5617L3.67106 21.6877ZM3.67106 22.3123C3.81715 22.1297 3.81715 21.8703 3.67106 21.6877L1.32845 23.5617C0.598017 22.6487 0.598016 21.3513 1.32845 20.4383L3.67106 22.3123Z' fill='%23EEEEEE'/%3E%3C/svg%3E%0A");
  --small-slider-right-arrow-svg: url("data:image/svg+xml,%0A%3Csvg width='20' height='44' viewBox='0 0 20 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.1713 1.06296C2.65379 0.416064 1.70985 0.311182 1.06296 0.828696C0.416065 1.34621 0.311184 2.29015 0.828697 2.93704L3.1713 1.06296ZM17.5002 21.3753L18.6715 20.4383L18.6715 20.4383L17.5002 21.3753ZM17.5002 22.6247L18.6715 23.5617L18.6715 23.5617L17.5002 22.6247ZM0.828695 41.063C0.311182 41.7098 0.416063 42.6538 1.06296 43.1713C1.70985 43.6888 2.65379 43.5839 3.1713 42.937L0.828695 41.063ZM0.828697 2.93704L16.3289 22.3123L18.6715 20.4383L3.1713 1.06296L0.828697 2.93704ZM16.3289 21.6877L0.828695 41.063L3.1713 42.937L18.6715 23.5617L16.3289 21.6877ZM16.3289 22.3123C16.1829 22.1297 16.1829 21.8703 16.3289 21.6877L18.6715 23.5617C19.402 22.6487 19.402 21.3513 18.6715 20.4383L16.3289 22.3123Z' fill='%23EEEEEE'/%3E%3C/svg%3E%0A");
  --small-slider-left-arrow-hover-svg: url("data:image/svg+xml,%0A%3Csvg width='20' height='44' viewBox='0 0 20 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8287 1.06296C17.3462 0.416064 18.2901 0.311182 18.937 0.828696C19.5839 1.34621 19.6888 2.29015 19.1713 2.93704L16.8287 1.06296ZM2.49976 21.3753L1.32845 20.4383L1.32845 20.4383L2.49976 21.3753ZM2.49976 22.6247L1.32845 23.5617L1.32845 23.5617L2.49976 22.6247ZM19.1713 41.063C19.6888 41.7098 19.5839 42.6538 18.937 43.1713C18.2901 43.6888 17.3462 43.5839 16.8287 42.937L19.1713 41.063ZM19.1713 2.93704L3.67106 22.3123L1.32845 20.4383L16.8287 1.06296L19.1713 2.93704ZM3.67106 21.6877L19.1713 41.063L16.8287 42.937L1.32845 23.5617L3.67106 21.6877ZM3.67106 22.3123C3.81715 22.1297 3.81715 21.8703 3.67106 21.6877L1.32845 23.5617C0.598017 22.6487 0.598016 21.3513 1.32845 20.4383L3.67106 22.3123Z' fill='%23EF4563'/%3E%3C/svg%3E%0A");
  --small-slider-right-arrow-hover-svg: url("data:image/svg+xml,%0A%3Csvg width='20' height='44' viewBox='0 0 20 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.1713 1.06296C2.65379 0.416064 1.70985 0.311182 1.06296 0.828696C0.416065 1.34621 0.311184 2.29015 0.828697 2.93704L3.1713 1.06296ZM17.5002 21.3753L18.6715 20.4383L18.6715 20.4383L17.5002 21.3753ZM17.5002 22.6247L18.6715 23.5617L18.6715 23.5617L17.5002 22.6247ZM0.828695 41.063C0.311182 41.7098 0.416063 42.6538 1.06296 43.1713C1.70985 43.6888 2.65379 43.5839 3.1713 42.937L0.828695 41.063ZM0.828697 2.93704L16.3289 22.3123L18.6715 20.4383L3.1713 1.06296L0.828697 2.93704ZM16.3289 21.6877L0.828695 41.063L3.1713 42.937L18.6715 23.5617L16.3289 21.6877ZM16.3289 22.3123C16.1829 22.1297 16.1829 21.8703 16.3289 21.6877L18.6715 23.5617C19.402 22.6487 19.402 21.3513 18.6715 20.4383L16.3289 22.3123Z' fill='%23EF4563'/%3E%3C/svg%3E%0A");
  --slider-right-arrow-white-svg: url("data:image/svg+xml,%0A%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.46705 0.96551C2.89572 0.365618 1.94625 0.342467 1.34636 0.9138C0.746467 1.48513 0.723315 2.4346 1.29465 3.03449L3.46705 0.96551ZM9.34317 9.31034L8.25697 10.3448L8.25697 10.3448L9.34317 9.31034ZM9.34317 10.6897L10.4294 11.7242L10.4294 11.7241L9.34317 10.6897ZM1.29465 16.9655C0.723315 17.5654 0.746466 18.5149 1.34636 19.0862C1.94625 19.6575 2.89571 19.6344 3.46705 19.0345L1.29465 16.9655ZM1.29465 3.03449L8.25697 10.3448L10.4294 8.27585L3.46705 0.96551L1.29465 3.03449ZM8.25697 9.65517L1.29465 16.9655L3.46705 19.0345L10.4294 11.7242L8.25697 9.65517ZM8.25697 10.3448C8.07306 10.1517 8.07306 9.84827 8.25697 9.65517L10.4294 11.7241C11.3489 10.7586 11.3489 9.24137 10.4294 8.27585L8.25697 10.3448Z' fill='white'/%3E%3C/svg%3E%0A");
  --slider-left-arrow-white-svg: url("data:image/svg+xml,%0A%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.53295 19.0345C9.10428 19.6344 10.0538 19.6575 10.6536 19.0862C11.2535 18.5149 11.2767 17.5654 10.7054 16.9655L8.53295 19.0345ZM2.65683 10.6897L3.74303 9.65517H3.74303L2.65683 10.6897ZM2.65683 9.31034L1.57063 8.27585L1.57063 8.27585L2.65683 9.31034ZM10.7054 3.03449C11.2767 2.4346 11.2535 1.48513 10.6536 0.913799C10.0538 0.342466 9.10428 0.365618 8.53295 0.965509L10.7054 3.03449ZM10.7054 16.9655L3.74303 9.65517L1.57063 11.7241L8.53295 19.0345L10.7054 16.9655ZM3.74303 10.3448L10.7054 3.03449L8.53295 0.965509L1.57063 8.27585L3.74303 10.3448ZM3.74303 9.65517C3.92694 9.84828 3.92694 10.1517 3.74303 10.3448L1.57063 8.27585C0.651075 9.24137 0.651069 10.7586 1.57063 11.7241L3.74303 9.65517Z' fill='white'/%3E%3C/svg%3E%0A");
  --icon-zalupa-svg: url("data:image/svg+xml,%0A%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 7.68C0.5 11.9215 3.93845 15.36 8.18 15.36C10.0415 15.36 11.7483 14.6977 13.0777 13.5959L17.2709 17.7891C17.5521 18.0703 18.0079 18.0703 18.2891 17.7891C18.5703 17.5079 18.5703 17.0521 18.2891 16.7709L14.0959 12.5777C15.1977 11.2483 15.86 9.54151 15.86 7.68C15.86 3.43845 12.4215 0 8.18 0C3.93845 0 0.5 3.43845 0.5 7.68ZM8.18 13.92C11.6263 13.92 14.42 11.1263 14.42 7.68C14.42 4.23374 11.6263 1.44 8.18 1.44C4.73374 1.44 1.94 4.23374 1.94 7.68C1.94 11.1263 4.73374 13.92 8.18 13.92Z' fill='%235D6075'/%3E%3C/svg%3E%0A");
  --checkbox-checked-svg: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' fill='%23EF4563'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.36728 12.5714L2.28564 8.72529L3.4285 7.64836L6.36728 10.4176L12.5714 4.57144L13.7142 5.64836L6.36728 12.5714Z' fill='white'/%3E%3C/svg%3E%0A");
  --icon-cross-svb: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L8 6.93934L14.4697 0.46967C14.7626 0.176777 15.2374 0.176777 15.5303 0.46967C15.8232 0.762563 15.8232 1.23744 15.5303 1.53033L9.06066 8L15.5303 14.4697C15.8232 14.7626 15.8232 15.2374 15.5303 15.5303C15.2374 15.8232 14.7626 15.8232 14.4697 15.5303L8 9.06066L1.53033 15.5303C1.23744 15.8232 0.762563 15.8232 0.46967 15.5303C0.176777 15.2374 0.176777 14.7626 0.46967 14.4697L6.93934 8L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z' fill='%23EF4563'/%3E%3C/svg%3E%0A");
  --icon-trailer-play-svg: url("data:image/svg+xml,%0A%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 22C18.0228 22 22.5 17.5228 22.5 12C22.5 6.47715 18.0228 2 12.5 2C6.97715 2 2.5 6.47715 2.5 12C2.5 17.5228 6.97715 22 12.5 22Z' fill='%23EB9FBD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.7114 7.72403C9.15363 7.45072 9.70584 7.42587 10.1708 7.65836L16.1708 10.6584C16.679 10.9124 17 11.4318 17 12C17 12.5682 16.679 13.0876 16.1708 13.3416L10.1708 16.3416C9.70584 16.5741 9.15363 16.5493 8.7114 16.276C8.26918 16.0027 8 15.5199 8 15V9C8 8.48014 8.26918 7.99734 8.7114 7.72403Z' fill='white'/%3E%3C/svg%3E%0A");
  --icon-login-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M319.2 257.8c.5-.5 .8-1.1 .8-1.8s-.3-1.4-.8-1.8L187.3 129.8c-1.2-1.2-2.9-1.8-4.6-1.8c-3.7 0-6.7 3-6.7 6.7l0 57.3c0 8.8-7.2 16-16 16L40 208c-4.4 0-8 3.6-8 8l0 80c0 4.4 3.6 8 8 8l120 0c8.8 0 16 7.2 16 16l0 57.3c0 3.7 3 6.7 6.7 6.7c1.7 0 3.3-.6 4.6-1.8L319.2 257.8zM352 256c0 9.5-3.9 18.6-10.8 25.1L209.2 405.5c-7.2 6.8-16.7 10.5-26.5 10.5c-21.4 0-38.7-17.3-38.7-38.7l0-41.3L40 336c-22.1 0-40-17.9-40-40l0-80c0-22.1 17.9-40 40-40l104 0 0-41.3c0-21.4 17.3-38.7 38.7-38.7c9.9 0 19.3 3.8 26.5 10.5L341.2 230.9c6.9 6.5 10.8 15.6 10.8 25.1zM336 448l96 0c26.5 0 48-21.5 48-48l0-288c0-26.5-21.5-48-48-48l-96 0c-8.8 0-16-7.2-16-16s7.2-16 16-16l96 0c44.2 0 80 35.8 80 80l0 288c0 44.2-35.8 80-80 80l-96 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z'/%3E%3C/svg%3E");
  --icon-user-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M320 128a96 96 0 1 0 -192 0 96 96 0 1 0 192 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM32 480H416c-1.2-79.7-66.2-144-146.3-144H178.3c-80 0-145 64.3-146.3 144zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3z'/%3E%3C/svg%3E");
  --icon-pltw-add-svg: url('data:image/svg+xml,<svg width="2.5rem" height="2.5rem" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%23FFF"><path fill-rule="evenodd" clip-rule="evenodd" d="M28.05 13.5V9.3h4.575V5.7H28.05V1.125h-3.6V5.7h-4.2v3.6h4.2v4.2h3.6ZM11.475 5.625h4.275v3.6h-4.275v16.353l4.868-2.524 1.657-.86 1.657.86 4.868 2.524V18h3.6v13.5l-3.6-1.867L18 26.25l-6.525 3.383-3.6 1.867V5.625h3.6Z"></path></svg>');
  --icon-pltw-add-hover-svg: url('data:image/svg+xml,<svg width="2.5rem" height="2.5rem" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%23EF4563"><path fill-rule="evenodd" clip-rule="evenodd" d="M28.05 13.5V9.3h4.575V5.7H28.05V1.125h-3.6V5.7h-4.2v3.6h4.2v4.2h3.6ZM11.475 5.625h4.275v3.6h-4.275v16.353l4.868-2.524 1.657-.86 1.657.86 4.868 2.524V18h3.6v13.5l-3.6-1.867L18 26.25l-6.525 3.383-3.6 1.867V5.625h3.6Z"></path></svg>');
  --icon-pltw-added-svg: url('data:image/svg+xml,<svg width="2.4rem" height="2.4rem" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%23EF4563"><path d="M5.5 3.5h13V21L12 17.45 5.5 21V3.5Z"></path></svg>');
  --icon-rating-start-svg: url("data:image/svg+xml,%0A%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9656 2.12785L14.2213 6.90727C14.3782 7.23969 14.6815 7.47002 15.0324 7.52324L20.0766 8.28971C20.9602 8.42407 21.3127 9.55916 20.6736 10.2105L17.0236 13.9307C16.7699 14.1894 16.654 14.5624 16.714 14.9275L17.5755 20.1807C17.7266 21.1007 16.8029 21.8022 16.0127 21.3681L11.5013 18.8881C11.1875 18.7158 10.8125 18.7158 10.4987 18.8881L5.98725 21.3681C5.19709 21.8026 4.27344 21.1007 4.42446 20.1807L5.28596 14.9275C5.34603 14.5624 5.23005 14.1894 4.9764 13.9307L1.32641 10.2105C0.68727 9.55872 1.0398 8.42363 1.9234 8.28971L6.96765 7.52324C7.31851 7.47002 7.6218 7.23969 7.77867 6.90727L10.0344 2.12785C10.4291 1.29072 11.5705 1.29072 11.9656 2.12785Z' stroke='%23EF4563' stroke-width='2'/%3E%3C/svg%3E%0A");
}

/* MAIN STYLES START */

.color-primary-white-1 {
  color: var(--color-light-100);
}

.color-primary-gray-1 {
  color: var(--color-dark-100);
}

.color-primary-red-1 {
  color: var(--color-primary-main);
}

.color-primary-gray-2 {
  color: var(--color-primary-gray-2);
}

/* MAIN STYLES END */

body {
  color: var(--color-light-100);
  background-color: var(--color-dark-300);
  font-family: 'FiraSansRegular';
}

body.has-popup {
  min-height: 100%;
  overflow: hidden;
}

#main-container {
  max-width: var(--container-width);
  padding-left: 28px;
  padding-right: 28px;
}

.grid-gap {
  gap: 24px;
}

/*#top-search {*/

/*    border: 1px var(--color-primary-gray-1) solid;*/

/*}*/

input {
  border: 1px var(--color-dark-100) solid;
  border-radius: 6px;
  background-color: transparent;
  outline: none;
  padding: 0 10px 0 10px;
}

input:focus {
  border: 1px var(--color-primary-main) solid;
}

select, input.sel-checkboxes {
  height: 42px;
  border: 1px var(--color-dark-200) solid;
  border-radius: 6px;
  padding: 0 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  box-shadow: none;
  position: relative;
  background: var(--down-arrow-svg) #282A39;
  background-repeat: no-repeat;
  background-position: right 1rem center;
}

select:focus {
  border: 1px var(--color-primary-main) solid;
}

a {
    color: var(--color-primary-main);
}

a.dotted-link {
    border-bottom: 1px dashed var(--color-primary-main);
    padding-bottom: 1px;
}

button {
  border-radius: 8px;
  min-height: 32px;
  background: var(--color-primary-main) !important;
  font-size: 14px;
  padding: 0 12px;
}

button:hover {
  background: var(--color-primary-main-hover) !important;
}