@charset "UTF-8";
:root {
  --primary-color: #4C4C4C;
  --secondary-color: #969696;
  --link-color: #0094FF;
  --brand-red: #ED1C24;
  --error-color: var(--brand-red);
  --success-color: #34A634;
  --warning-color: #FFA800;
  --error-light-color: #FBD3D4;
  --success-light-color: #D6EDD6;
  --warning-light-color: #FFF0D3;
  --c-gray-0: #FFFFFF;
  --c-gray-30: #F7F7F7;
  --c-gray-50: #F2F2F2;
  --c-gray-100: #E6E6E6;
  --c-gray-200: #DDDDDD;
  --c-gray-300: #969696;
  --c-gray-500: #838383;
  --c-gray-600: #666666;
  --c-gray-700: #4C4C4C;
  --c-gray-750: #303030;
  --c-gray-800: #222222;
  --c-gray-900: #1A1A1A;
  --c-black-800: var(--c-gray-800);
  --c-black-900: var(--c-gray-900);
  --card-bg: #FFFFFF;
  --card-bg-hover: var(--card-bg);
  --arrow-svg: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 20L16 12L8 4' stroke='%23ED1C24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --stroke-border: var(--c-gray-50);
  --elevation-1: 0 4px 4px rgba(0, 0, 0, 0.1);
  --elevation-2: 0 8px 16px rgba(0, 0, 0, 0.1);
}

[data-theme=dark] {
  --primary-color: #ffffff;
  --error-light-color: #B15759;
  --success-light-color: #6B966B;
  --card-bg: var(--c-gray-800);
  --card-bg-hover: var(--c-gray-750);
  --stroke-border: var(--c-gray-700);
  --elevation-1: none;
  --elevation-2: none;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --primary-color: #ffffff;
  --card-bg: var(--c-gray-800);
  --card-bg-hover: var(--c-gray-750);
  --stroke-border: var(--c-gray-700);
  --elevation-1: none;
  --elevation-2: none;
}

/**
 * Helper mixins
*/
body {
  font-family: "Open Sans", sans-serif;
  color: var(--primary-color);
}

:root {
  --color-tag-gray: var(--c-gray-700);
}

[data-theme=dark] {
  --color-tag-gray: #969696;
}
[data-theme=dark] body {
  background-color: #000000;
}
[data-theme=dark] :root {
  --color-tag-gray: #969696;
}

.s-relative {
  position: relative !important;
}

.s-link {
  color: var(--link-color);
  font-size: 12px;
}
.s-link:hover {
  color: var(--link-color);
}

.s-visible {
  visibility: visible !important;
}

.s-color-green,
.s-color-success {
  color: var(--success-color) !important;
}

.s-color-orange,
.s-color-warning {
  color: var(--warning-color) !important;
}

.s-color-red,
.s-color-error {
  color: var(--error-color) !important;
}

.s-color-gray {
  color: var(--color-tag-gray) !important;
}

.s-color-blue {
  color: var(--link-color) !important;
}

:root {
  --icon-default: #4C4C4C;
  --icon-white: #FFFFFF;
}

[data-theme=dark] {
  --icon-default: #DDDDDD;
  --icon-white: #4C4C4C;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --icon-default: #DDDDDD;
  --icon-white: #4C4C4C;
}

.s-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: contain;
}
.s-icon:not(.s-icon-img) path[stroke],
.s-icon:not(.s-icon-img) circle[stroke],
.s-icon:not(.s-icon-img) rect[stroke] {
  stroke: var(--icon-default);
}
.s-icon:not(.s-icon-img) path[fill]:not([fill=none]),
.s-icon:not(.s-icon-img) circle[fill]:not([fill=none]),
.s-icon:not(.s-icon-img) rect[fill]:not([fill=none]) {
  fill: var(--icon-default);
}
.s-icon-small {
  width: 16px;
  height: 16px;
}
.s-icon-medium {
  width: 24px;
  height: 24px;
}
.s-icon-large {
  width: 48px;
  height: 48px;
}
.s-icon-big {
  width: 64px;
  height: 64px;
}
.s-icon-30 {
  width: 30px;
  height: 30px;
}
.s-icon.s-icon-white path[stroke],
.s-icon.s-icon-white circle[stroke],
.s-icon.s-icon-white rect[stroke] {
  stroke: var(--icon-white);
}
.s-icon.s-icon-white path[fill]:not([fill=none]),
.s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-icon.s-icon-white rect[fill]:not([fill=none]) {
  fill: var(--icon-white);
}
.s-icon.s-icon-gray path[stroke],
.s-icon.s-icon-gray circle[stroke],
.s-icon.s-icon-gray rect[stroke] {
  stroke: #969696;
}
.s-icon.s-icon-gray path[fill]:not([fill=none]),
.s-icon.s-icon-gray circle[fill]:not([fill=none]),
.s-icon.s-icon-gray rect[fill]:not([fill=none]) {
  fill: #969696;
}
.s-icon.s-icon-dark path[stroke],
.s-icon.s-icon-dark circle[stroke],
.s-icon.s-icon-dark rect[stroke] {
  stroke: #222222;
}
.s-icon.s-icon-dark path[fill]:not([fill=none]),
.s-icon.s-icon-dark circle[fill]:not([fill=none]),
.s-icon.s-icon-dark rect[fill]:not([fill=none]) {
  fill: #222222;
}
.s-icon.s-icon-lightgray path[stroke],
.s-icon.s-icon-lightgray circle[stroke],
.s-icon.s-icon-lightgray rect[stroke] {
  stroke: #DDDDDD;
}
.s-icon.s-icon-lightgray path[fill]:not([fill=none]),
.s-icon.s-icon-lightgray circle[fill]:not([fill=none]),
.s-icon.s-icon-lightgray rect[fill]:not([fill=none]) {
  fill: #DDDDDD;
}
.s-icon.s-icon-green path[stroke],
.s-icon.s-icon-green circle[stroke],
.s-icon.s-icon-green rect[stroke] {
  stroke: #34A634;
}
.s-icon.s-icon-green path[fill]:not([fill=none]),
.s-icon.s-icon-green circle[fill]:not([fill=none]),
.s-icon.s-icon-green rect[fill]:not([fill=none]) {
  fill: #34A634;
}
.s-icon.s-icon-blue path[stroke],
.s-icon.s-icon-blue circle[stroke],
.s-icon.s-icon-blue rect[stroke] {
  stroke: #0094FF;
}
.s-icon.s-icon-blue path[fill]:not([fill=none]),
.s-icon.s-icon-blue circle[fill]:not([fill=none]),
.s-icon.s-icon-blue rect[fill]:not([fill=none]) {
  fill: #0094FF;
}
.s-icon.s-icon-red path[stroke],
.s-icon.s-icon-red circle[stroke],
.s-icon.s-icon-red rect[stroke] {
  stroke: #ED1C24;
}
.s-icon.s-icon-red path[fill]:not([fill=none]),
.s-icon.s-icon-red circle[fill]:not([fill=none]),
.s-icon.s-icon-red rect[fill]:not([fill=none]) {
  fill: #ED1C24;
}

.s-icon-circle {
  border-radius: 24px;
  padding: 8px;
  background-color: var(--icon-white);
  width: 40px !important;
  height: 40px !important;
}
.s-icon-circle.s-icon-white {
  background-color: var(--primary-color);
}

svg.s-icon {
  opacity: 0;
}
svg.s-icon-visible {
  opacity: 1;
}

img.s-icon {
  opacity: 0;
}
img.s-icon-visible {
  opacity: 1;
}

.s-custom-icons {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.s-custom-icons.ci-lg {
  width: 54px;
  height: 54px;
}
.s-custom-icons.ci-xl {
  width: 70px;
  height: 70px;
}
.s-custom-icons.ci-xxl {
  width: 100px;
  height: 100px;
}
.s-custom-icons.ci-xxxl {
  width: 140px;
  height: 140px;
}
.s-custom-icons.ci-help_bubble {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2012C0%205.373%205.373%200%2012%200s12%205.373%2012%2012-5.373%2012-12%2012S0%2018.627%200%2012z%22%20fill%3D%22url%28%23paint0_linear_4247%3A16485%29%22%2F%3E%3Cpath%20d%3D%22M15.797%2015.313H17a1%201%200%20001-1V7.5a1%201%200%2000-1-1H7.25a1%201%200%2000-1%201v6.813a1%201%200%20001%201h5.61l2.937%202.937v-2.938zm0%200v-.493%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_4247%3A16485%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2225.485%22%20y2%3D%221.697%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ED1C24%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2388171D%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
.s-custom-icons.ci-error {
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z' fill='%23ED1C24'/%3E%3Cpath d='M6.30469 8.63867H5.68945L5.39062 2.43359H6.60352L6.30469 8.63867ZM5.28516 10.3789C5.28516 9.84766 5.51953 9.58203 5.98828 9.58203C6.21484 9.58203 6.38867 9.65039 6.50977 9.78711C6.63477 9.92383 6.69727 10.1211 6.69727 10.3789C6.69727 10.6289 6.63477 10.8242 6.50977 10.9648C6.38477 11.1016 6.21094 11.1699 5.98828 11.1699C5.78516 11.1699 5.61719 11.1094 5.48438 10.9883C5.35156 10.8633 5.28516 10.6602 5.28516 10.3789Z' fill='white'/%3E%3C/svg%3E%0A");
}

:root {
  --field-notice-color: #969696;
  --counter-bg: var(--btn-bg);
  --counter-hover-bg: var(--btn-bg-hover);
  --counter-border: var(--input-border);
  --form-scrollbar: #969696;
  --form-scrollbar-bg: #fafafa;
}

[data-theme=dark] {
  --counter-bg: #F9F9FB;
  --counter-hover-bg: #E6E6E6;
  --counter-border: #4c4c4c;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --counter-bg: #F9F9FB;
  --counter-hover-bg: #E6E6E6;
  --counter-border: #4c4c4c;
}

/* Field wrap */
.s-field {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.s-field.s-field--align-top {
  align-items: flex-start;
}
.s-field > *:not(.tempus-dominus-widget):not(.s-cs-switch) {
  width: 100%;
}
.s-field.s-required label:after {
  content: "*";
  color: var(--error-color);
  margin-left: 1px;
  top: -2px;
  position: relative;
}
.s-field.s-has-error {
  position: relative;
}
.s-field.s-has-error .s-error {
  display: inline-block;
}

/* Error */
.s-error {
  display: none;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: var(--error-color);
  padding-left: 24px;
  margin-top: 4px;
  position: relative;
}
.s-error:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4166 7C13.4166 10.5438 10.5437 13.4167 6.99992 13.4167C3.45609 13.4167 0.583252 10.5438 0.583252 7C0.583252 3.45617 3.45609 0.583333 6.99992 0.583333C10.5437 0.583333 13.4166 3.45617 13.4166 7ZM6.67393 8.96932H7.33189L7.65147 2.33333H6.35435L6.67393 8.96932ZM6.99351 9.97819C6.49221 9.97819 6.24156 10.2623 6.24156 10.8304C6.24156 11.1312 6.31257 11.3484 6.45461 11.4821C6.59665 11.6116 6.77628 11.6764 6.99351 11.6764C7.23163 11.6764 7.41753 11.6032 7.55121 11.457C7.68489 11.3066 7.75173 11.0978 7.75173 10.8304C7.75173 10.5547 7.68489 10.3437 7.55121 10.1975C7.42171 10.0513 7.23581 9.97819 6.99351 9.97819Z' fill='%23ED1C24'/%3E%3C/svg%3E");
}

/* Notice */
.s-field-notice {
  font-size: 12px;
  color: var(--field-notice-color);
  margin-left: 24px;
  line-height: 21px;
  margin-top: 4px;
}

/* Label */
.s-label {
  display: block;
  padding-left: 24px;
  margin-bottom: 2px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: var(--primary-color);
}

/* Counter */
.s-field-counter .s-field-counter-inner {
  display: flex;
  align-items: center;
  max-width: 144px;
  width: 100%;
  justify-content: space-between;
}
.s-field-counter .s-plus,
.s-field-counter .s-minus {
  position: relative;
  display: inline-block;
  color: var(--btn-color-hover);
  background-color: var(--counter-bg);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-weight: 400;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.s-field-counter .s-plus:hover,
.s-field-counter .s-minus:hover {
  background-color: var(--counter-hover-bg);
}
.s-field-counter .s-plus::after, .s-field-counter .s-plus::before,
.s-field-counter .s-minus::after,
.s-field-counter .s-minus::before {
  content: "";
  width: 12px;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--btn-color);
}
.s-field-counter .s-minus::after {
  display: none;
}
.s-field-counter .s-plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.s-field-counter .s-input {
  border-color: var(--counter-border);
  width: 64px;
  height: 46px;
  border-radius: 15px;
  padding: 0;
  padding-right: 27px;
  padding-left: 5px;
  text-align: right;
  margin: 0 10px;
  color: var(--input-border);
}
.s-field-counter .s-input-with-unit {
  position: relative;
}
.s-field-counter .s-input-with-unit .s-input-unit {
  color: var(--input-border);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  left: unset;
  right: 23px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

/* Form layout */
.s-form {
  position: relative;
  min-height: calc(100vh - 127px);
  padding-top: 16px;
}
.s-form h1, .s-form h2, .s-form h3, .s-form h4, .s-form h4, .s-form h6 {
  color: var(--primary-color);
}
@media (max-width: 767.98px) {
  .s-form {
    padding-top: 0;
  }
}
.s-form__inner-wrapper {
  margin: 0 auto;
  position: relative;
  max-width: 520px;
}
.s-form__content-small-wrapper {
  max-width: 375px;
  padding: 0 32px;
  margin: auto;
}
.s-form__content-normal-wrapper {
  max-width: 375px;
  padding: 0 16px;
  margin: auto;
}
@media (max-width: 540px) {
  .s-form__content-full-wrapper {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.s-form__content-wide-wrapper {
  padding: 0 16px;
}
@media (max-width: 375px) {
  .s-form__content-wide-wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.s-form__text {
  padding-left: 16px;
  padding-right: 16px;
}

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

.s-m-2 {
  margin: 2px !important;
}

.s-m-4 {
  margin: 4px !important;
}

.s-m-6 {
  margin: 6px !important;
}

.s-m-8 {
  margin: 8px !important;
}

.s-m-10 {
  margin: 10px !important;
}

.s-m-12 {
  margin: 12px !important;
}

.s-m-14 {
  margin: 14px !important;
}

.s-m-16 {
  margin: 16px !important;
}

.s-m-24 {
  margin: 24px !important;
}

.s-m-32 {
  margin: 32px !important;
}

.s-m-40 {
  margin: 40px !important;
}

.s-m-48 {
  margin: 48px !important;
}

.s-m-56 {
  margin: 56px !important;
}

.s-m-64 {
  margin: 64px !important;
}

.s-mt-0 {
  margin-top: 0 !important;
}

.s-mt-2 {
  margin-top: 2px !important;
}

.s-mt-4 {
  margin-top: 4px !important;
}

.s-mt-6 {
  margin-top: 6px !important;
}

.s-mt-8 {
  margin-top: 8px !important;
}

.s-mt-10 {
  margin-top: 10px !important;
}

.s-mt-12 {
  margin-top: 12px !important;
}

.s-mt-14 {
  margin-top: 14px !important;
}

.s-mt-16 {
  margin-top: 16px !important;
}

.s-mt-24 {
  margin-top: 24px !important;
}

.s-mt-32 {
  margin-top: 32px !important;
}

.s-mt-40 {
  margin-top: 40px !important;
}

.s-mt-48 {
  margin-top: 48px !important;
}

.s-mt-56 {
  margin-top: 56px !important;
}

.s-mt-64 {
  margin-top: 64px !important;
}

.s-mb-0 {
  margin-bottom: 0 !important;
}

.s-mb-2 {
  margin-bottom: 2px !important;
}

.s-mb-4 {
  margin-bottom: 4px !important;
}

.s-mb-6 {
  margin-bottom: 6px !important;
}

.s-mb-8 {
  margin-bottom: 8px !important;
}

.s-mb-10 {
  margin-bottom: 10px !important;
}

.s-mb-12 {
  margin-bottom: 12px !important;
}

.s-mb-14 {
  margin-bottom: 14px !important;
}

.s-mb-16 {
  margin-bottom: 16px !important;
}

.s-mb-24 {
  margin-bottom: 24px !important;
}

.s-mb-32 {
  margin-bottom: 32px !important;
}

.s-mb-40 {
  margin-bottom: 40px !important;
}

.s-mb-48 {
  margin-bottom: 48px !important;
}

.s-mb-56 {
  margin-bottom: 56px !important;
}

.s-mb-64 {
  margin-bottom: 64px !important;
}

.s-ml-0 {
  margin-left: 0 !important;
}

.s-ml-2 {
  margin-left: 2px !important;
}

.s-ml-4 {
  margin-left: 4px !important;
}

.s-ml-6 {
  margin-left: 6px !important;
}

.s-ml-8 {
  margin-left: 8px !important;
}

.s-ml-10 {
  margin-left: 10px !important;
}

.s-ml-12 {
  margin-left: 12px !important;
}

.s-ml-14 {
  margin-left: 14px !important;
}

.s-ml-16 {
  margin-left: 16px !important;
}

.s-ml-24 {
  margin-left: 24px !important;
}

.s-ml-32 {
  margin-left: 32px !important;
}

.s-ml-40 {
  margin-left: 40px !important;
}

.s-ml-48 {
  margin-left: 48px !important;
}

.s-ml-56 {
  margin-left: 56px !important;
}

.s-ml-64 {
  margin-left: 64px !important;
}

.s-mr-0 {
  margin-right: 0 !important;
}

.s-mr-2 {
  margin-right: 2px !important;
}

.s-mr-4 {
  margin-right: 4px !important;
}

.s-mr-6 {
  margin-right: 6px !important;
}

.s-mr-8 {
  margin-right: 8px !important;
}

.s-mr-10 {
  margin-right: 10px !important;
}

.s-mr-12 {
  margin-right: 12px !important;
}

.s-mr-14 {
  margin-right: 14px !important;
}

.s-mr-16 {
  margin-right: 16px !important;
}

.s-mr-24 {
  margin-right: 24px !important;
}

.s-mr-32 {
  margin-right: 32px !important;
}

.s-mr-40 {
  margin-right: 40px !important;
}

.s-mr-48 {
  margin-right: 48px !important;
}

.s-mr-56 {
  margin-right: 56px !important;
}

.s-mr-64 {
  margin-right: 64px !important;
}

.s-p-0 {
  padding: 0 !important;
}

.s-p-2 {
  padding: 2px !important;
}

.s-p-4 {
  padding: 4px !important;
}

.s-p-6 {
  padding: 6px !important;
}

.s-p-8 {
  padding: 8px !important;
}

.s-p-10 {
  padding: 10px !important;
}

.s-p-12 {
  padding: 12px !important;
}

.s-p-14 {
  padding: 14px !important;
}

.s-p-16 {
  padding: 16px !important;
}

.s-p-24 {
  padding: 24px !important;
}

.s-p-32 {
  padding: 32px !important;
}

.s-p-40 {
  padding: 40px !important;
}

.s-p-48 {
  padding: 48px !important;
}

.s-p-56 {
  padding: 56px !important;
}

.s-p-64 {
  padding: 64px !important;
}

.s-pt-0 {
  padding-top: 0 !important;
}

.s-pt-2 {
  padding-top: 2px !important;
}

.s-pt-4 {
  padding-top: 4px !important;
}

.s-pt-6 {
  padding-top: 6px !important;
}

.s-pt-8 {
  padding-top: 8px !important;
}

.s-pt-10 {
  padding-top: 10px !important;
}

.s-pt-12 {
  padding-top: 12px !important;
}

.s-pt-14 {
  padding-top: 14px !important;
}

.s-pt-16 {
  padding-top: 16px !important;
}

.s-pt-24 {
  padding-top: 24px !important;
}

.s-pt-32 {
  padding-top: 32px !important;
}

.s-pt-40 {
  padding-top: 40px !important;
}

.s-pt-48 {
  padding-top: 48px !important;
}

.s-pt-56 {
  padding-top: 56px !important;
}

.s-pt-64 {
  padding-top: 64px !important;
}

.s-pb-0 {
  padding-bottom: 0 !important;
}

.s-pb-2 {
  padding-bottom: 2px !important;
}

.s-pb-4 {
  padding-bottom: 4px !important;
}

.s-pb-6 {
  padding-bottom: 6px !important;
}

.s-pb-8 {
  padding-bottom: 8px !important;
}

.s-pb-10 {
  padding-bottom: 10px !important;
}

.s-pb-12 {
  padding-bottom: 12px !important;
}

.s-pb-14 {
  padding-bottom: 14px !important;
}

.s-pb-16 {
  padding-bottom: 16px !important;
}

.s-pb-24 {
  padding-bottom: 24px !important;
}

.s-pb-32 {
  padding-bottom: 32px !important;
}

.s-pb-40 {
  padding-bottom: 40px !important;
}

.s-pb-48 {
  padding-bottom: 48px !important;
}

.s-pb-56 {
  padding-bottom: 56px !important;
}

.s-pb-64 {
  padding-bottom: 64px !important;
}

.s-pl-0 {
  padding-left: 0 !important;
}

.s-pl-2 {
  padding-left: 2px !important;
}

.s-pl-4 {
  padding-left: 4px !important;
}

.s-pl-6 {
  padding-left: 6px !important;
}

.s-pl-8 {
  padding-left: 8px !important;
}

.s-pl-10 {
  padding-left: 10px !important;
}

.s-pl-12 {
  padding-left: 12px !important;
}

.s-pl-14 {
  padding-left: 14px !important;
}

.s-pl-16 {
  padding-left: 16px !important;
}

.s-pl-24 {
  padding-left: 24px !important;
}

.s-pl-32 {
  padding-left: 32px !important;
}

.s-pl-40 {
  padding-left: 40px !important;
}

.s-pl-48 {
  padding-left: 48px !important;
}

.s-pl-56 {
  padding-left: 56px !important;
}

.s-pl-64 {
  padding-left: 64px !important;
}

.s-pr-0 {
  padding-right: 0 !important;
}

.s-pr-2 {
  padding-right: 2px !important;
}

.s-pr-4 {
  padding-right: 4px !important;
}

.s-pr-6 {
  padding-right: 6px !important;
}

.s-pr-8 {
  padding-right: 8px !important;
}

.s-pr-10 {
  padding-right: 10px !important;
}

.s-pr-12 {
  padding-right: 12px !important;
}

.s-pr-14 {
  padding-right: 14px !important;
}

.s-pr-16 {
  padding-right: 16px !important;
}

.s-pr-24 {
  padding-right: 24px !important;
}

.s-pr-32 {
  padding-right: 32px !important;
}

.s-pr-40 {
  padding-right: 40px !important;
}

.s-pr-48 {
  padding-right: 48px !important;
}

.s-pr-56 {
  padding-right: 56px !important;
}

.s-pr-64 {
  padding-right: 64px !important;
}

@media (min-width: 576px) {
  .s-m-sm-0 {
    margin: 0 !important;
  }
  .s-m-sm-2 {
    margin: 2px !important;
  }
  .s-m-sm-4 {
    margin: 4px !important;
  }
  .s-m-sm-6 {
    margin: 6px !important;
  }
  .s-m-sm-8 {
    margin: 8px !important;
  }
  .s-m-sm-10 {
    margin: 10px !important;
  }
  .s-m-sm-12 {
    margin: 12px !important;
  }
  .s-m-sm-14 {
    margin: 14px !important;
  }
  .s-m-sm-16 {
    margin: 16px !important;
  }
  .s-m-sm-24 {
    margin: 24px !important;
  }
  .s-m-sm-32 {
    margin: 32px !important;
  }
  .s-m-sm-40 {
    margin: 40px !important;
  }
  .s-m-sm-48 {
    margin: 48px !important;
  }
  .s-m-sm-56 {
    margin: 56px !important;
  }
  .s-m-sm-64 {
    margin: 64px !important;
  }
  .s-mt-sm-0 {
    margin-top: 0 !important;
  }
  .s-mt-sm-2 {
    margin-top: 2px !important;
  }
  .s-mt-sm-4 {
    margin-top: 4px !important;
  }
  .s-mt-sm-6 {
    margin-top: 6px !important;
  }
  .s-mt-sm-8 {
    margin-top: 8px !important;
  }
  .s-mt-sm-10 {
    margin-top: 10px !important;
  }
  .s-mt-sm-12 {
    margin-top: 12px !important;
  }
  .s-mt-sm-14 {
    margin-top: 14px !important;
  }
  .s-mt-sm-16 {
    margin-top: 16px !important;
  }
  .s-mt-sm-24 {
    margin-top: 24px !important;
  }
  .s-mt-sm-32 {
    margin-top: 32px !important;
  }
  .s-mt-sm-40 {
    margin-top: 40px !important;
  }
  .s-mt-sm-48 {
    margin-top: 48px !important;
  }
  .s-mt-sm-56 {
    margin-top: 56px !important;
  }
  .s-mt-sm-64 {
    margin-top: 64px !important;
  }
  .s-mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .s-mb-sm-2 {
    margin-bottom: 2px !important;
  }
  .s-mb-sm-4 {
    margin-bottom: 4px !important;
  }
  .s-mb-sm-6 {
    margin-bottom: 6px !important;
  }
  .s-mb-sm-8 {
    margin-bottom: 8px !important;
  }
  .s-mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .s-mb-sm-12 {
    margin-bottom: 12px !important;
  }
  .s-mb-sm-14 {
    margin-bottom: 14px !important;
  }
  .s-mb-sm-16 {
    margin-bottom: 16px !important;
  }
  .s-mb-sm-24 {
    margin-bottom: 24px !important;
  }
  .s-mb-sm-32 {
    margin-bottom: 32px !important;
  }
  .s-mb-sm-40 {
    margin-bottom: 40px !important;
  }
  .s-mb-sm-48 {
    margin-bottom: 48px !important;
  }
  .s-mb-sm-56 {
    margin-bottom: 56px !important;
  }
  .s-mb-sm-64 {
    margin-bottom: 64px !important;
  }
  .s-ml-sm-0 {
    margin-left: 0 !important;
  }
  .s-ml-sm-2 {
    margin-left: 2px !important;
  }
  .s-ml-sm-4 {
    margin-left: 4px !important;
  }
  .s-ml-sm-6 {
    margin-left: 6px !important;
  }
  .s-ml-sm-8 {
    margin-left: 8px !important;
  }
  .s-ml-sm-10 {
    margin-left: 10px !important;
  }
  .s-ml-sm-12 {
    margin-left: 12px !important;
  }
  .s-ml-sm-14 {
    margin-left: 14px !important;
  }
  .s-ml-sm-16 {
    margin-left: 16px !important;
  }
  .s-ml-sm-24 {
    margin-left: 24px !important;
  }
  .s-ml-sm-32 {
    margin-left: 32px !important;
  }
  .s-ml-sm-40 {
    margin-left: 40px !important;
  }
  .s-ml-sm-48 {
    margin-left: 48px !important;
  }
  .s-ml-sm-56 {
    margin-left: 56px !important;
  }
  .s-ml-sm-64 {
    margin-left: 64px !important;
  }
  .s-mr-sm-0 {
    margin-right: 0 !important;
  }
  .s-mr-sm-2 {
    margin-right: 2px !important;
  }
  .s-mr-sm-4 {
    margin-right: 4px !important;
  }
  .s-mr-sm-6 {
    margin-right: 6px !important;
  }
  .s-mr-sm-8 {
    margin-right: 8px !important;
  }
  .s-mr-sm-10 {
    margin-right: 10px !important;
  }
  .s-mr-sm-12 {
    margin-right: 12px !important;
  }
  .s-mr-sm-14 {
    margin-right: 14px !important;
  }
  .s-mr-sm-16 {
    margin-right: 16px !important;
  }
  .s-mr-sm-24 {
    margin-right: 24px !important;
  }
  .s-mr-sm-32 {
    margin-right: 32px !important;
  }
  .s-mr-sm-40 {
    margin-right: 40px !important;
  }
  .s-mr-sm-48 {
    margin-right: 48px !important;
  }
  .s-mr-sm-56 {
    margin-right: 56px !important;
  }
  .s-mr-sm-64 {
    margin-right: 64px !important;
  }
  .s-p-sm-0 {
    padding: 0 !important;
  }
  .s-p-sm-2 {
    padding: 2px !important;
  }
  .s-p-sm-4 {
    padding: 4px !important;
  }
  .s-p-sm-6 {
    padding: 6px !important;
  }
  .s-p-sm-8 {
    padding: 8px !important;
  }
  .s-p-sm-10 {
    padding: 10px !important;
  }
  .s-p-sm-12 {
    padding: 12px !important;
  }
  .s-p-sm-14 {
    padding: 14px !important;
  }
  .s-p-sm-16 {
    padding: 16px !important;
  }
  .s-p-sm-24 {
    padding: 24px !important;
  }
  .s-p-sm-32 {
    padding: 32px !important;
  }
  .s-p-sm-40 {
    padding: 40px !important;
  }
  .s-p-sm-48 {
    padding: 48px !important;
  }
  .s-p-sm-56 {
    padding: 56px !important;
  }
  .s-p-sm-64 {
    padding: 64px !important;
  }
  .s-pt-sm-0 {
    padding-top: 0 !important;
  }
  .s-pt-sm-2 {
    padding-top: 2px !important;
  }
  .s-pt-sm-4 {
    padding-top: 4px !important;
  }
  .s-pt-sm-6 {
    padding-top: 6px !important;
  }
  .s-pt-sm-8 {
    padding-top: 8px !important;
  }
  .s-pt-sm-10 {
    padding-top: 10px !important;
  }
  .s-pt-sm-12 {
    padding-top: 12px !important;
  }
  .s-pt-sm-14 {
    padding-top: 14px !important;
  }
  .s-pt-sm-16 {
    padding-top: 16px !important;
  }
  .s-pt-sm-24 {
    padding-top: 24px !important;
  }
  .s-pt-sm-32 {
    padding-top: 32px !important;
  }
  .s-pt-sm-40 {
    padding-top: 40px !important;
  }
  .s-pt-sm-48 {
    padding-top: 48px !important;
  }
  .s-pt-sm-56 {
    padding-top: 56px !important;
  }
  .s-pt-sm-64 {
    padding-top: 64px !important;
  }
  .s-pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .s-pb-sm-2 {
    padding-bottom: 2px !important;
  }
  .s-pb-sm-4 {
    padding-bottom: 4px !important;
  }
  .s-pb-sm-6 {
    padding-bottom: 6px !important;
  }
  .s-pb-sm-8 {
    padding-bottom: 8px !important;
  }
  .s-pb-sm-10 {
    padding-bottom: 10px !important;
  }
  .s-pb-sm-12 {
    padding-bottom: 12px !important;
  }
  .s-pb-sm-14 {
    padding-bottom: 14px !important;
  }
  .s-pb-sm-16 {
    padding-bottom: 16px !important;
  }
  .s-pb-sm-24 {
    padding-bottom: 24px !important;
  }
  .s-pb-sm-32 {
    padding-bottom: 32px !important;
  }
  .s-pb-sm-40 {
    padding-bottom: 40px !important;
  }
  .s-pb-sm-48 {
    padding-bottom: 48px !important;
  }
  .s-pb-sm-56 {
    padding-bottom: 56px !important;
  }
  .s-pb-sm-64 {
    padding-bottom: 64px !important;
  }
  .s-pl-sm-0 {
    padding-left: 0 !important;
  }
  .s-pl-sm-2 {
    padding-left: 2px !important;
  }
  .s-pl-sm-4 {
    padding-left: 4px !important;
  }
  .s-pl-sm-6 {
    padding-left: 6px !important;
  }
  .s-pl-sm-8 {
    padding-left: 8px !important;
  }
  .s-pl-sm-10 {
    padding-left: 10px !important;
  }
  .s-pl-sm-12 {
    padding-left: 12px !important;
  }
  .s-pl-sm-14 {
    padding-left: 14px !important;
  }
  .s-pl-sm-16 {
    padding-left: 16px !important;
  }
  .s-pl-sm-24 {
    padding-left: 24px !important;
  }
  .s-pl-sm-32 {
    padding-left: 32px !important;
  }
  .s-pl-sm-40 {
    padding-left: 40px !important;
  }
  .s-pl-sm-48 {
    padding-left: 48px !important;
  }
  .s-pl-sm-56 {
    padding-left: 56px !important;
  }
  .s-pl-sm-64 {
    padding-left: 64px !important;
  }
  .s-pr-sm-0 {
    padding-right: 0 !important;
  }
  .s-pr-sm-2 {
    padding-right: 2px !important;
  }
  .s-pr-sm-4 {
    padding-right: 4px !important;
  }
  .s-pr-sm-6 {
    padding-right: 6px !important;
  }
  .s-pr-sm-8 {
    padding-right: 8px !important;
  }
  .s-pr-sm-10 {
    padding-right: 10px !important;
  }
  .s-pr-sm-12 {
    padding-right: 12px !important;
  }
  .s-pr-sm-14 {
    padding-right: 14px !important;
  }
  .s-pr-sm-16 {
    padding-right: 16px !important;
  }
  .s-pr-sm-24 {
    padding-right: 24px !important;
  }
  .s-pr-sm-32 {
    padding-right: 32px !important;
  }
  .s-pr-sm-40 {
    padding-right: 40px !important;
  }
  .s-pr-sm-48 {
    padding-right: 48px !important;
  }
  .s-pr-sm-56 {
    padding-right: 56px !important;
  }
  .s-pr-sm-64 {
    padding-right: 64px !important;
  }
}
@media (min-width: 768px) {
  .s-m-md-0 {
    margin: 0 !important;
  }
  .s-m-md-2 {
    margin: 2px !important;
  }
  .s-m-md-4 {
    margin: 4px !important;
  }
  .s-m-md-6 {
    margin: 6px !important;
  }
  .s-m-md-8 {
    margin: 8px !important;
  }
  .s-m-md-10 {
    margin: 10px !important;
  }
  .s-m-md-12 {
    margin: 12px !important;
  }
  .s-m-md-14 {
    margin: 14px !important;
  }
  .s-m-md-16 {
    margin: 16px !important;
  }
  .s-m-md-24 {
    margin: 24px !important;
  }
  .s-m-md-32 {
    margin: 32px !important;
  }
  .s-m-md-40 {
    margin: 40px !important;
  }
  .s-m-md-48 {
    margin: 48px !important;
  }
  .s-m-md-56 {
    margin: 56px !important;
  }
  .s-m-md-64 {
    margin: 64px !important;
  }
  .s-mt-md-0 {
    margin-top: 0 !important;
  }
  .s-mt-md-2 {
    margin-top: 2px !important;
  }
  .s-mt-md-4 {
    margin-top: 4px !important;
  }
  .s-mt-md-6 {
    margin-top: 6px !important;
  }
  .s-mt-md-8 {
    margin-top: 8px !important;
  }
  .s-mt-md-10 {
    margin-top: 10px !important;
  }
  .s-mt-md-12 {
    margin-top: 12px !important;
  }
  .s-mt-md-14 {
    margin-top: 14px !important;
  }
  .s-mt-md-16 {
    margin-top: 16px !important;
  }
  .s-mt-md-24 {
    margin-top: 24px !important;
  }
  .s-mt-md-32 {
    margin-top: 32px !important;
  }
  .s-mt-md-40 {
    margin-top: 40px !important;
  }
  .s-mt-md-48 {
    margin-top: 48px !important;
  }
  .s-mt-md-56 {
    margin-top: 56px !important;
  }
  .s-mt-md-64 {
    margin-top: 64px !important;
  }
  .s-mb-md-0 {
    margin-bottom: 0 !important;
  }
  .s-mb-md-2 {
    margin-bottom: 2px !important;
  }
  .s-mb-md-4 {
    margin-bottom: 4px !important;
  }
  .s-mb-md-6 {
    margin-bottom: 6px !important;
  }
  .s-mb-md-8 {
    margin-bottom: 8px !important;
  }
  .s-mb-md-10 {
    margin-bottom: 10px !important;
  }
  .s-mb-md-12 {
    margin-bottom: 12px !important;
  }
  .s-mb-md-14 {
    margin-bottom: 14px !important;
  }
  .s-mb-md-16 {
    margin-bottom: 16px !important;
  }
  .s-mb-md-24 {
    margin-bottom: 24px !important;
  }
  .s-mb-md-32 {
    margin-bottom: 32px !important;
  }
  .s-mb-md-40 {
    margin-bottom: 40px !important;
  }
  .s-mb-md-48 {
    margin-bottom: 48px !important;
  }
  .s-mb-md-56 {
    margin-bottom: 56px !important;
  }
  .s-mb-md-64 {
    margin-bottom: 64px !important;
  }
  .s-ml-md-0 {
    margin-left: 0 !important;
  }
  .s-ml-md-2 {
    margin-left: 2px !important;
  }
  .s-ml-md-4 {
    margin-left: 4px !important;
  }
  .s-ml-md-6 {
    margin-left: 6px !important;
  }
  .s-ml-md-8 {
    margin-left: 8px !important;
  }
  .s-ml-md-10 {
    margin-left: 10px !important;
  }
  .s-ml-md-12 {
    margin-left: 12px !important;
  }
  .s-ml-md-14 {
    margin-left: 14px !important;
  }
  .s-ml-md-16 {
    margin-left: 16px !important;
  }
  .s-ml-md-24 {
    margin-left: 24px !important;
  }
  .s-ml-md-32 {
    margin-left: 32px !important;
  }
  .s-ml-md-40 {
    margin-left: 40px !important;
  }
  .s-ml-md-48 {
    margin-left: 48px !important;
  }
  .s-ml-md-56 {
    margin-left: 56px !important;
  }
  .s-ml-md-64 {
    margin-left: 64px !important;
  }
  .s-mr-md-0 {
    margin-right: 0 !important;
  }
  .s-mr-md-2 {
    margin-right: 2px !important;
  }
  .s-mr-md-4 {
    margin-right: 4px !important;
  }
  .s-mr-md-6 {
    margin-right: 6px !important;
  }
  .s-mr-md-8 {
    margin-right: 8px !important;
  }
  .s-mr-md-10 {
    margin-right: 10px !important;
  }
  .s-mr-md-12 {
    margin-right: 12px !important;
  }
  .s-mr-md-14 {
    margin-right: 14px !important;
  }
  .s-mr-md-16 {
    margin-right: 16px !important;
  }
  .s-mr-md-24 {
    margin-right: 24px !important;
  }
  .s-mr-md-32 {
    margin-right: 32px !important;
  }
  .s-mr-md-40 {
    margin-right: 40px !important;
  }
  .s-mr-md-48 {
    margin-right: 48px !important;
  }
  .s-mr-md-56 {
    margin-right: 56px !important;
  }
  .s-mr-md-64 {
    margin-right: 64px !important;
  }
  .s-p-md-0 {
    padding: 0 !important;
  }
  .s-p-md-2 {
    padding: 2px !important;
  }
  .s-p-md-4 {
    padding: 4px !important;
  }
  .s-p-md-6 {
    padding: 6px !important;
  }
  .s-p-md-8 {
    padding: 8px !important;
  }
  .s-p-md-10 {
    padding: 10px !important;
  }
  .s-p-md-12 {
    padding: 12px !important;
  }
  .s-p-md-14 {
    padding: 14px !important;
  }
  .s-p-md-16 {
    padding: 16px !important;
  }
  .s-p-md-24 {
    padding: 24px !important;
  }
  .s-p-md-32 {
    padding: 32px !important;
  }
  .s-p-md-40 {
    padding: 40px !important;
  }
  .s-p-md-48 {
    padding: 48px !important;
  }
  .s-p-md-56 {
    padding: 56px !important;
  }
  .s-p-md-64 {
    padding: 64px !important;
  }
  .s-pt-md-0 {
    padding-top: 0 !important;
  }
  .s-pt-md-2 {
    padding-top: 2px !important;
  }
  .s-pt-md-4 {
    padding-top: 4px !important;
  }
  .s-pt-md-6 {
    padding-top: 6px !important;
  }
  .s-pt-md-8 {
    padding-top: 8px !important;
  }
  .s-pt-md-10 {
    padding-top: 10px !important;
  }
  .s-pt-md-12 {
    padding-top: 12px !important;
  }
  .s-pt-md-14 {
    padding-top: 14px !important;
  }
  .s-pt-md-16 {
    padding-top: 16px !important;
  }
  .s-pt-md-24 {
    padding-top: 24px !important;
  }
  .s-pt-md-32 {
    padding-top: 32px !important;
  }
  .s-pt-md-40 {
    padding-top: 40px !important;
  }
  .s-pt-md-48 {
    padding-top: 48px !important;
  }
  .s-pt-md-56 {
    padding-top: 56px !important;
  }
  .s-pt-md-64 {
    padding-top: 64px !important;
  }
  .s-pb-md-0 {
    padding-bottom: 0 !important;
  }
  .s-pb-md-2 {
    padding-bottom: 2px !important;
  }
  .s-pb-md-4 {
    padding-bottom: 4px !important;
  }
  .s-pb-md-6 {
    padding-bottom: 6px !important;
  }
  .s-pb-md-8 {
    padding-bottom: 8px !important;
  }
  .s-pb-md-10 {
    padding-bottom: 10px !important;
  }
  .s-pb-md-12 {
    padding-bottom: 12px !important;
  }
  .s-pb-md-14 {
    padding-bottom: 14px !important;
  }
  .s-pb-md-16 {
    padding-bottom: 16px !important;
  }
  .s-pb-md-24 {
    padding-bottom: 24px !important;
  }
  .s-pb-md-32 {
    padding-bottom: 32px !important;
  }
  .s-pb-md-40 {
    padding-bottom: 40px !important;
  }
  .s-pb-md-48 {
    padding-bottom: 48px !important;
  }
  .s-pb-md-56 {
    padding-bottom: 56px !important;
  }
  .s-pb-md-64 {
    padding-bottom: 64px !important;
  }
  .s-pl-md-0 {
    padding-left: 0 !important;
  }
  .s-pl-md-2 {
    padding-left: 2px !important;
  }
  .s-pl-md-4 {
    padding-left: 4px !important;
  }
  .s-pl-md-6 {
    padding-left: 6px !important;
  }
  .s-pl-md-8 {
    padding-left: 8px !important;
  }
  .s-pl-md-10 {
    padding-left: 10px !important;
  }
  .s-pl-md-12 {
    padding-left: 12px !important;
  }
  .s-pl-md-14 {
    padding-left: 14px !important;
  }
  .s-pl-md-16 {
    padding-left: 16px !important;
  }
  .s-pl-md-24 {
    padding-left: 24px !important;
  }
  .s-pl-md-32 {
    padding-left: 32px !important;
  }
  .s-pl-md-40 {
    padding-left: 40px !important;
  }
  .s-pl-md-48 {
    padding-left: 48px !important;
  }
  .s-pl-md-56 {
    padding-left: 56px !important;
  }
  .s-pl-md-64 {
    padding-left: 64px !important;
  }
  .s-pr-md-0 {
    padding-right: 0 !important;
  }
  .s-pr-md-2 {
    padding-right: 2px !important;
  }
  .s-pr-md-4 {
    padding-right: 4px !important;
  }
  .s-pr-md-6 {
    padding-right: 6px !important;
  }
  .s-pr-md-8 {
    padding-right: 8px !important;
  }
  .s-pr-md-10 {
    padding-right: 10px !important;
  }
  .s-pr-md-12 {
    padding-right: 12px !important;
  }
  .s-pr-md-14 {
    padding-right: 14px !important;
  }
  .s-pr-md-16 {
    padding-right: 16px !important;
  }
  .s-pr-md-24 {
    padding-right: 24px !important;
  }
  .s-pr-md-32 {
    padding-right: 32px !important;
  }
  .s-pr-md-40 {
    padding-right: 40px !important;
  }
  .s-pr-md-48 {
    padding-right: 48px !important;
  }
  .s-pr-md-56 {
    padding-right: 56px !important;
  }
  .s-pr-md-64 {
    padding-right: 64px !important;
  }
}
@media (min-width: 992px) {
  .s-m-lg-0 {
    margin: 0 !important;
  }
  .s-m-lg-2 {
    margin: 2px !important;
  }
  .s-m-lg-4 {
    margin: 4px !important;
  }
  .s-m-lg-6 {
    margin: 6px !important;
  }
  .s-m-lg-8 {
    margin: 8px !important;
  }
  .s-m-lg-10 {
    margin: 10px !important;
  }
  .s-m-lg-12 {
    margin: 12px !important;
  }
  .s-m-lg-14 {
    margin: 14px !important;
  }
  .s-m-lg-16 {
    margin: 16px !important;
  }
  .s-m-lg-24 {
    margin: 24px !important;
  }
  .s-m-lg-32 {
    margin: 32px !important;
  }
  .s-m-lg-40 {
    margin: 40px !important;
  }
  .s-m-lg-48 {
    margin: 48px !important;
  }
  .s-m-lg-56 {
    margin: 56px !important;
  }
  .s-m-lg-64 {
    margin: 64px !important;
  }
  .s-mt-lg-0 {
    margin-top: 0 !important;
  }
  .s-mt-lg-2 {
    margin-top: 2px !important;
  }
  .s-mt-lg-4 {
    margin-top: 4px !important;
  }
  .s-mt-lg-6 {
    margin-top: 6px !important;
  }
  .s-mt-lg-8 {
    margin-top: 8px !important;
  }
  .s-mt-lg-10 {
    margin-top: 10px !important;
  }
  .s-mt-lg-12 {
    margin-top: 12px !important;
  }
  .s-mt-lg-14 {
    margin-top: 14px !important;
  }
  .s-mt-lg-16 {
    margin-top: 16px !important;
  }
  .s-mt-lg-24 {
    margin-top: 24px !important;
  }
  .s-mt-lg-32 {
    margin-top: 32px !important;
  }
  .s-mt-lg-40 {
    margin-top: 40px !important;
  }
  .s-mt-lg-48 {
    margin-top: 48px !important;
  }
  .s-mt-lg-56 {
    margin-top: 56px !important;
  }
  .s-mt-lg-64 {
    margin-top: 64px !important;
  }
  .s-mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .s-mb-lg-2 {
    margin-bottom: 2px !important;
  }
  .s-mb-lg-4 {
    margin-bottom: 4px !important;
  }
  .s-mb-lg-6 {
    margin-bottom: 6px !important;
  }
  .s-mb-lg-8 {
    margin-bottom: 8px !important;
  }
  .s-mb-lg-10 {
    margin-bottom: 10px !important;
  }
  .s-mb-lg-12 {
    margin-bottom: 12px !important;
  }
  .s-mb-lg-14 {
    margin-bottom: 14px !important;
  }
  .s-mb-lg-16 {
    margin-bottom: 16px !important;
  }
  .s-mb-lg-24 {
    margin-bottom: 24px !important;
  }
  .s-mb-lg-32 {
    margin-bottom: 32px !important;
  }
  .s-mb-lg-40 {
    margin-bottom: 40px !important;
  }
  .s-mb-lg-48 {
    margin-bottom: 48px !important;
  }
  .s-mb-lg-56 {
    margin-bottom: 56px !important;
  }
  .s-mb-lg-64 {
    margin-bottom: 64px !important;
  }
  .s-ml-lg-0 {
    margin-left: 0 !important;
  }
  .s-ml-lg-2 {
    margin-left: 2px !important;
  }
  .s-ml-lg-4 {
    margin-left: 4px !important;
  }
  .s-ml-lg-6 {
    margin-left: 6px !important;
  }
  .s-ml-lg-8 {
    margin-left: 8px !important;
  }
  .s-ml-lg-10 {
    margin-left: 10px !important;
  }
  .s-ml-lg-12 {
    margin-left: 12px !important;
  }
  .s-ml-lg-14 {
    margin-left: 14px !important;
  }
  .s-ml-lg-16 {
    margin-left: 16px !important;
  }
  .s-ml-lg-24 {
    margin-left: 24px !important;
  }
  .s-ml-lg-32 {
    margin-left: 32px !important;
  }
  .s-ml-lg-40 {
    margin-left: 40px !important;
  }
  .s-ml-lg-48 {
    margin-left: 48px !important;
  }
  .s-ml-lg-56 {
    margin-left: 56px !important;
  }
  .s-ml-lg-64 {
    margin-left: 64px !important;
  }
  .s-mr-lg-0 {
    margin-right: 0 !important;
  }
  .s-mr-lg-2 {
    margin-right: 2px !important;
  }
  .s-mr-lg-4 {
    margin-right: 4px !important;
  }
  .s-mr-lg-6 {
    margin-right: 6px !important;
  }
  .s-mr-lg-8 {
    margin-right: 8px !important;
  }
  .s-mr-lg-10 {
    margin-right: 10px !important;
  }
  .s-mr-lg-12 {
    margin-right: 12px !important;
  }
  .s-mr-lg-14 {
    margin-right: 14px !important;
  }
  .s-mr-lg-16 {
    margin-right: 16px !important;
  }
  .s-mr-lg-24 {
    margin-right: 24px !important;
  }
  .s-mr-lg-32 {
    margin-right: 32px !important;
  }
  .s-mr-lg-40 {
    margin-right: 40px !important;
  }
  .s-mr-lg-48 {
    margin-right: 48px !important;
  }
  .s-mr-lg-56 {
    margin-right: 56px !important;
  }
  .s-mr-lg-64 {
    margin-right: 64px !important;
  }
  .s-p-lg-0 {
    padding: 0 !important;
  }
  .s-p-lg-2 {
    padding: 2px !important;
  }
  .s-p-lg-4 {
    padding: 4px !important;
  }
  .s-p-lg-6 {
    padding: 6px !important;
  }
  .s-p-lg-8 {
    padding: 8px !important;
  }
  .s-p-lg-10 {
    padding: 10px !important;
  }
  .s-p-lg-12 {
    padding: 12px !important;
  }
  .s-p-lg-14 {
    padding: 14px !important;
  }
  .s-p-lg-16 {
    padding: 16px !important;
  }
  .s-p-lg-24 {
    padding: 24px !important;
  }
  .s-p-lg-32 {
    padding: 32px !important;
  }
  .s-p-lg-40 {
    padding: 40px !important;
  }
  .s-p-lg-48 {
    padding: 48px !important;
  }
  .s-p-lg-56 {
    padding: 56px !important;
  }
  .s-p-lg-64 {
    padding: 64px !important;
  }
  .s-pt-lg-0 {
    padding-top: 0 !important;
  }
  .s-pt-lg-2 {
    padding-top: 2px !important;
  }
  .s-pt-lg-4 {
    padding-top: 4px !important;
  }
  .s-pt-lg-6 {
    padding-top: 6px !important;
  }
  .s-pt-lg-8 {
    padding-top: 8px !important;
  }
  .s-pt-lg-10 {
    padding-top: 10px !important;
  }
  .s-pt-lg-12 {
    padding-top: 12px !important;
  }
  .s-pt-lg-14 {
    padding-top: 14px !important;
  }
  .s-pt-lg-16 {
    padding-top: 16px !important;
  }
  .s-pt-lg-24 {
    padding-top: 24px !important;
  }
  .s-pt-lg-32 {
    padding-top: 32px !important;
  }
  .s-pt-lg-40 {
    padding-top: 40px !important;
  }
  .s-pt-lg-48 {
    padding-top: 48px !important;
  }
  .s-pt-lg-56 {
    padding-top: 56px !important;
  }
  .s-pt-lg-64 {
    padding-top: 64px !important;
  }
  .s-pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .s-pb-lg-2 {
    padding-bottom: 2px !important;
  }
  .s-pb-lg-4 {
    padding-bottom: 4px !important;
  }
  .s-pb-lg-6 {
    padding-bottom: 6px !important;
  }
  .s-pb-lg-8 {
    padding-bottom: 8px !important;
  }
  .s-pb-lg-10 {
    padding-bottom: 10px !important;
  }
  .s-pb-lg-12 {
    padding-bottom: 12px !important;
  }
  .s-pb-lg-14 {
    padding-bottom: 14px !important;
  }
  .s-pb-lg-16 {
    padding-bottom: 16px !important;
  }
  .s-pb-lg-24 {
    padding-bottom: 24px !important;
  }
  .s-pb-lg-32 {
    padding-bottom: 32px !important;
  }
  .s-pb-lg-40 {
    padding-bottom: 40px !important;
  }
  .s-pb-lg-48 {
    padding-bottom: 48px !important;
  }
  .s-pb-lg-56 {
    padding-bottom: 56px !important;
  }
  .s-pb-lg-64 {
    padding-bottom: 64px !important;
  }
  .s-pl-lg-0 {
    padding-left: 0 !important;
  }
  .s-pl-lg-2 {
    padding-left: 2px !important;
  }
  .s-pl-lg-4 {
    padding-left: 4px !important;
  }
  .s-pl-lg-6 {
    padding-left: 6px !important;
  }
  .s-pl-lg-8 {
    padding-left: 8px !important;
  }
  .s-pl-lg-10 {
    padding-left: 10px !important;
  }
  .s-pl-lg-12 {
    padding-left: 12px !important;
  }
  .s-pl-lg-14 {
    padding-left: 14px !important;
  }
  .s-pl-lg-16 {
    padding-left: 16px !important;
  }
  .s-pl-lg-24 {
    padding-left: 24px !important;
  }
  .s-pl-lg-32 {
    padding-left: 32px !important;
  }
  .s-pl-lg-40 {
    padding-left: 40px !important;
  }
  .s-pl-lg-48 {
    padding-left: 48px !important;
  }
  .s-pl-lg-56 {
    padding-left: 56px !important;
  }
  .s-pl-lg-64 {
    padding-left: 64px !important;
  }
  .s-pr-lg-0 {
    padding-right: 0 !important;
  }
  .s-pr-lg-2 {
    padding-right: 2px !important;
  }
  .s-pr-lg-4 {
    padding-right: 4px !important;
  }
  .s-pr-lg-6 {
    padding-right: 6px !important;
  }
  .s-pr-lg-8 {
    padding-right: 8px !important;
  }
  .s-pr-lg-10 {
    padding-right: 10px !important;
  }
  .s-pr-lg-12 {
    padding-right: 12px !important;
  }
  .s-pr-lg-14 {
    padding-right: 14px !important;
  }
  .s-pr-lg-16 {
    padding-right: 16px !important;
  }
  .s-pr-lg-24 {
    padding-right: 24px !important;
  }
  .s-pr-lg-32 {
    padding-right: 32px !important;
  }
  .s-pr-lg-40 {
    padding-right: 40px !important;
  }
  .s-pr-lg-48 {
    padding-right: 48px !important;
  }
  .s-pr-lg-56 {
    padding-right: 56px !important;
  }
  .s-pr-lg-64 {
    padding-right: 64px !important;
  }
}
@media (min-width: 1200px) {
  .s-m-xl-0 {
    margin: 0 !important;
  }
  .s-m-xl-2 {
    margin: 2px !important;
  }
  .s-m-xl-4 {
    margin: 4px !important;
  }
  .s-m-xl-6 {
    margin: 6px !important;
  }
  .s-m-xl-8 {
    margin: 8px !important;
  }
  .s-m-xl-10 {
    margin: 10px !important;
  }
  .s-m-xl-12 {
    margin: 12px !important;
  }
  .s-m-xl-14 {
    margin: 14px !important;
  }
  .s-m-xl-16 {
    margin: 16px !important;
  }
  .s-m-xl-24 {
    margin: 24px !important;
  }
  .s-m-xl-32 {
    margin: 32px !important;
  }
  .s-m-xl-40 {
    margin: 40px !important;
  }
  .s-m-xl-48 {
    margin: 48px !important;
  }
  .s-m-xl-56 {
    margin: 56px !important;
  }
  .s-m-xl-64 {
    margin: 64px !important;
  }
  .s-mt-xl-0 {
    margin-top: 0 !important;
  }
  .s-mt-xl-2 {
    margin-top: 2px !important;
  }
  .s-mt-xl-4 {
    margin-top: 4px !important;
  }
  .s-mt-xl-6 {
    margin-top: 6px !important;
  }
  .s-mt-xl-8 {
    margin-top: 8px !important;
  }
  .s-mt-xl-10 {
    margin-top: 10px !important;
  }
  .s-mt-xl-12 {
    margin-top: 12px !important;
  }
  .s-mt-xl-14 {
    margin-top: 14px !important;
  }
  .s-mt-xl-16 {
    margin-top: 16px !important;
  }
  .s-mt-xl-24 {
    margin-top: 24px !important;
  }
  .s-mt-xl-32 {
    margin-top: 32px !important;
  }
  .s-mt-xl-40 {
    margin-top: 40px !important;
  }
  .s-mt-xl-48 {
    margin-top: 48px !important;
  }
  .s-mt-xl-56 {
    margin-top: 56px !important;
  }
  .s-mt-xl-64 {
    margin-top: 64px !important;
  }
  .s-mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .s-mb-xl-2 {
    margin-bottom: 2px !important;
  }
  .s-mb-xl-4 {
    margin-bottom: 4px !important;
  }
  .s-mb-xl-6 {
    margin-bottom: 6px !important;
  }
  .s-mb-xl-8 {
    margin-bottom: 8px !important;
  }
  .s-mb-xl-10 {
    margin-bottom: 10px !important;
  }
  .s-mb-xl-12 {
    margin-bottom: 12px !important;
  }
  .s-mb-xl-14 {
    margin-bottom: 14px !important;
  }
  .s-mb-xl-16 {
    margin-bottom: 16px !important;
  }
  .s-mb-xl-24 {
    margin-bottom: 24px !important;
  }
  .s-mb-xl-32 {
    margin-bottom: 32px !important;
  }
  .s-mb-xl-40 {
    margin-bottom: 40px !important;
  }
  .s-mb-xl-48 {
    margin-bottom: 48px !important;
  }
  .s-mb-xl-56 {
    margin-bottom: 56px !important;
  }
  .s-mb-xl-64 {
    margin-bottom: 64px !important;
  }
  .s-ml-xl-0 {
    margin-left: 0 !important;
  }
  .s-ml-xl-2 {
    margin-left: 2px !important;
  }
  .s-ml-xl-4 {
    margin-left: 4px !important;
  }
  .s-ml-xl-6 {
    margin-left: 6px !important;
  }
  .s-ml-xl-8 {
    margin-left: 8px !important;
  }
  .s-ml-xl-10 {
    margin-left: 10px !important;
  }
  .s-ml-xl-12 {
    margin-left: 12px !important;
  }
  .s-ml-xl-14 {
    margin-left: 14px !important;
  }
  .s-ml-xl-16 {
    margin-left: 16px !important;
  }
  .s-ml-xl-24 {
    margin-left: 24px !important;
  }
  .s-ml-xl-32 {
    margin-left: 32px !important;
  }
  .s-ml-xl-40 {
    margin-left: 40px !important;
  }
  .s-ml-xl-48 {
    margin-left: 48px !important;
  }
  .s-ml-xl-56 {
    margin-left: 56px !important;
  }
  .s-ml-xl-64 {
    margin-left: 64px !important;
  }
  .s-mr-xl-0 {
    margin-right: 0 !important;
  }
  .s-mr-xl-2 {
    margin-right: 2px !important;
  }
  .s-mr-xl-4 {
    margin-right: 4px !important;
  }
  .s-mr-xl-6 {
    margin-right: 6px !important;
  }
  .s-mr-xl-8 {
    margin-right: 8px !important;
  }
  .s-mr-xl-10 {
    margin-right: 10px !important;
  }
  .s-mr-xl-12 {
    margin-right: 12px !important;
  }
  .s-mr-xl-14 {
    margin-right: 14px !important;
  }
  .s-mr-xl-16 {
    margin-right: 16px !important;
  }
  .s-mr-xl-24 {
    margin-right: 24px !important;
  }
  .s-mr-xl-32 {
    margin-right: 32px !important;
  }
  .s-mr-xl-40 {
    margin-right: 40px !important;
  }
  .s-mr-xl-48 {
    margin-right: 48px !important;
  }
  .s-mr-xl-56 {
    margin-right: 56px !important;
  }
  .s-mr-xl-64 {
    margin-right: 64px !important;
  }
  .s-p-xl-0 {
    padding: 0 !important;
  }
  .s-p-xl-2 {
    padding: 2px !important;
  }
  .s-p-xl-4 {
    padding: 4px !important;
  }
  .s-p-xl-6 {
    padding: 6px !important;
  }
  .s-p-xl-8 {
    padding: 8px !important;
  }
  .s-p-xl-10 {
    padding: 10px !important;
  }
  .s-p-xl-12 {
    padding: 12px !important;
  }
  .s-p-xl-14 {
    padding: 14px !important;
  }
  .s-p-xl-16 {
    padding: 16px !important;
  }
  .s-p-xl-24 {
    padding: 24px !important;
  }
  .s-p-xl-32 {
    padding: 32px !important;
  }
  .s-p-xl-40 {
    padding: 40px !important;
  }
  .s-p-xl-48 {
    padding: 48px !important;
  }
  .s-p-xl-56 {
    padding: 56px !important;
  }
  .s-p-xl-64 {
    padding: 64px !important;
  }
  .s-pt-xl-0 {
    padding-top: 0 !important;
  }
  .s-pt-xl-2 {
    padding-top: 2px !important;
  }
  .s-pt-xl-4 {
    padding-top: 4px !important;
  }
  .s-pt-xl-6 {
    padding-top: 6px !important;
  }
  .s-pt-xl-8 {
    padding-top: 8px !important;
  }
  .s-pt-xl-10 {
    padding-top: 10px !important;
  }
  .s-pt-xl-12 {
    padding-top: 12px !important;
  }
  .s-pt-xl-14 {
    padding-top: 14px !important;
  }
  .s-pt-xl-16 {
    padding-top: 16px !important;
  }
  .s-pt-xl-24 {
    padding-top: 24px !important;
  }
  .s-pt-xl-32 {
    padding-top: 32px !important;
  }
  .s-pt-xl-40 {
    padding-top: 40px !important;
  }
  .s-pt-xl-48 {
    padding-top: 48px !important;
  }
  .s-pt-xl-56 {
    padding-top: 56px !important;
  }
  .s-pt-xl-64 {
    padding-top: 64px !important;
  }
  .s-pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .s-pb-xl-2 {
    padding-bottom: 2px !important;
  }
  .s-pb-xl-4 {
    padding-bottom: 4px !important;
  }
  .s-pb-xl-6 {
    padding-bottom: 6px !important;
  }
  .s-pb-xl-8 {
    padding-bottom: 8px !important;
  }
  .s-pb-xl-10 {
    padding-bottom: 10px !important;
  }
  .s-pb-xl-12 {
    padding-bottom: 12px !important;
  }
  .s-pb-xl-14 {
    padding-bottom: 14px !important;
  }
  .s-pb-xl-16 {
    padding-bottom: 16px !important;
  }
  .s-pb-xl-24 {
    padding-bottom: 24px !important;
  }
  .s-pb-xl-32 {
    padding-bottom: 32px !important;
  }
  .s-pb-xl-40 {
    padding-bottom: 40px !important;
  }
  .s-pb-xl-48 {
    padding-bottom: 48px !important;
  }
  .s-pb-xl-56 {
    padding-bottom: 56px !important;
  }
  .s-pb-xl-64 {
    padding-bottom: 64px !important;
  }
  .s-pl-xl-0 {
    padding-left: 0 !important;
  }
  .s-pl-xl-2 {
    padding-left: 2px !important;
  }
  .s-pl-xl-4 {
    padding-left: 4px !important;
  }
  .s-pl-xl-6 {
    padding-left: 6px !important;
  }
  .s-pl-xl-8 {
    padding-left: 8px !important;
  }
  .s-pl-xl-10 {
    padding-left: 10px !important;
  }
  .s-pl-xl-12 {
    padding-left: 12px !important;
  }
  .s-pl-xl-14 {
    padding-left: 14px !important;
  }
  .s-pl-xl-16 {
    padding-left: 16px !important;
  }
  .s-pl-xl-24 {
    padding-left: 24px !important;
  }
  .s-pl-xl-32 {
    padding-left: 32px !important;
  }
  .s-pl-xl-40 {
    padding-left: 40px !important;
  }
  .s-pl-xl-48 {
    padding-left: 48px !important;
  }
  .s-pl-xl-56 {
    padding-left: 56px !important;
  }
  .s-pl-xl-64 {
    padding-left: 64px !important;
  }
  .s-pr-xl-0 {
    padding-right: 0 !important;
  }
  .s-pr-xl-2 {
    padding-right: 2px !important;
  }
  .s-pr-xl-4 {
    padding-right: 4px !important;
  }
  .s-pr-xl-6 {
    padding-right: 6px !important;
  }
  .s-pr-xl-8 {
    padding-right: 8px !important;
  }
  .s-pr-xl-10 {
    padding-right: 10px !important;
  }
  .s-pr-xl-12 {
    padding-right: 12px !important;
  }
  .s-pr-xl-14 {
    padding-right: 14px !important;
  }
  .s-pr-xl-16 {
    padding-right: 16px !important;
  }
  .s-pr-xl-24 {
    padding-right: 24px !important;
  }
  .s-pr-xl-32 {
    padding-right: 32px !important;
  }
  .s-pr-xl-40 {
    padding-right: 40px !important;
  }
  .s-pr-xl-48 {
    padding-right: 48px !important;
  }
  .s-pr-xl-56 {
    padding-right: 56px !important;
  }
  .s-pr-xl-64 {
    padding-right: 64px !important;
  }
}
/* SEPARATOR */
.s-hr {
  border-top: 1px solid var(--primary-color);
}
.s-hr--red {
  border-color: var(--error-color);
}
.s-hr--lightgray, .s-hr--gray100 {
  border-color: var(--c-gray-100);
}

/*
* Custom styled scrollbar
*/
:root {
  --s-scrollbar-border: #DDDDDD;
  --s-scrollbar-thumb: #DDDDDD;
  --s-scrollbar-corner: #FFFFFF;
}

[data-theme=dark] {
  --s-scrollbar-border: #DDDDDD;
  --s-scrollbar-thumb: #DDDDDD;
  --s-scrollbar-corner: #FFFFFF;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --s-scrollbar-border: #DDDDDD;
  --s-scrollbar-thumb: #DDDDDD;
  --s-scrollbar-corner: #FFFFFF;
}

.s-scrollbar {
  overflow: auto !important;
}
.s-scrollbar--border::-webkit-scrollbar-track {
  border: 1px solid var(--s-scrollbar-border);
}
.s-scrollbar::-webkit-scrollbar {
  width: 14px;
}
.s-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}
.s-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid transparent;
  background-clip: content-box;
  background-color: var(--s-scrollbar-thumb);
}
.s-scrollbar::-webkit-scrollbar-track-piece:end {
  background: transparent;
  margin-bottom: 16px;
}
.s-scrollbar::-webkit-scrollbar-track-piece:start {
  background: transparent;
  margin-top: 16px;
}
.s-scrollbar::-webkit-scrollbar-corner {
  background: transparent;
  width: 0;
  height: 0;
  border-left: 16px solid var(--s-scrollbar-border);
  border-top: 16px solid var(--s-scrollbar-border);
  border-bottom: 16px solid var(--s-scrollbar-corner);
  border-right: 16px solid var(--s-scrollbar-corner);
}

/**
 * Helper mixins
*/
:root {
  --btn-bg: #4C4C4C;
  --btn-color: #FFFFFF;
  --btn-alt-color: #FFFFFF;
  --btn-shadow-color: 66,66,66;
  --btn-shadow-color-2: 0,0,0;
  --btn-box-shadow: 0px 4px 4px rgba(var(--btn-shadow-color), 0.2);
  --btn-noshadow-color: #FFFFFF;
  --btn-bg-hover: #222222;
  --btn-color-hover: #FFFFFF;
  --btn-disabled-bg: #4c4c4c;
  --btn-disabled-color: #ffffff;
  --btn-invert-bg: #FFFFFF;
  --btn-invert-border: #4C4C4C;
  --btn-invert-color: #4C4C4C;
  --btn-invert-bg-hover: #FFFFFF;
  --btn-invert-color-hover: #222222;
  --btn-invert-border-hover: #222222;
  --btn-transparent-color: #FFFFFF;
  --btn-transparent-shadow-color: #FFFFFF;
  --btn-transparent-border: #FFFFFF;
  --btn-transparent-hover-color: #FFFFFF;
  --btn-transparent-hover-border: #FFFFFF;
  --btn-transparent-inverse-color: #4C4C4C;
  --btn-transparent-inverse-border: #424242;
  --btn-transparent-inverse-hover-color: #222222;
  --btn-transparent-inverse-hover-border: #222222;
  --btn-red-bg: linear-gradient(93.81deg,#ED1C24,#88171D);
  --btn-red-bg2: #88171D;
  --btn-red-hover-shadow: rgba(180, 29, 35, 0.2);
  --btn-red-shadow: 0 4px 8px var(--btn-red-hover-shadow);
  --btn-green-bg: #34A634;
  --btn-green-bg2: var(--btn-green-bg);
  --btn-green-hover-shadow: rgba(52, 166, 52, 0.2);
  --btn-green-shadow: 0px 6px 12px var(--btn-green-hover-shadow);
  --btn-default-icon-color: #ffffff;
  --btn-default-icon-hover-color: #ffffff;
  --btn-icon-transparent-color: #000000;
  --btn-icon-transparent-inverse-color: #FAFAFA;
  --btn-link-color: #0094FF;
  --btn-link-hover-color: #0094FF;
  --btn-upload-spinner: #ffffff;
  --btn-upload-invert-spinner: #4c4c4c;
  --btn-contact-bg: #FFFFFF;
  --btn-contact-color: #000000;
  --btn-float-bg-secondary: #ffffff;
  --btn-float-bg-secondary-hover: #ffffff;
  --btn-float-bg-tertiary: #F2F2F2;
  --btn-float-bg-tertiary-hover: #E6E6E6;
  --btn-float-border-color: #FFFFFF;
  --btn-float-border-hover-color: #FFFFFF;
  --btn-float-box-shadow: 0 8px 16px rgba(var(--btn-shadow-color-2), 0.1);
  --action-icon-bg-hover: var(--c-gray-100);
  --action-icon-bg-active: var(--c-gray-200);
  --action-icon-clear-bg-hover: rgba(255, 255, 255, 0.40);
  --action-icon-clear-bg-active: rgba(255, 255, 255, 0.70);
}

[data-theme=dark] {
  --btn-bg: #f2f2f2;
  --btn-color: #4C4C4C;
  --btn-bg-hover: #fafafa;
  --btn-color-hover: #222222;
  --btn-box-shadow: none;
  --btn-alt-color: #FFFFFF;
  --btn-upload-spinner: #4C4C4C;
  --btn-invert-bg: transparent;
  --btn-invert-border: #ffffff;
  --btn-invert-color: #ffffff;
  --btn-invert-bg-hover: #222222;
  --btn-invert-color-hover: #ffffff;
  --btn-invert-border-hover: #ffffff;
  --btn-transparent-color: #FFFFFF;
  --btn-transparent-shadow-color: #FFFFFF;
  --btn-transparent-border: #FFFFFF;
  --btn-transparent-hover-color: #FFFFFF;
  --btn-transparent-hover-border: #FFFFFF;
  --btn-transparent-inverse-color: #FFFFFF;
  --btn-transparent-inverse-border: #FFFFFF;
  --btn-transparent-inverse-hover-color: #FFFFFF;
  --btn-transparent-inverse-hover-border: #FFFFFF;
  --btn-red-shadow: none;
  --btn-green-shadow: none;
  --btn-green-bg2: #288028;
  --btn-upload-invert-spinner: #ffffff;
  --btn-default-icon-color: #4c4c4c;
  --btn-default-icon-hover-color: #222222;
  --btn-icon-transparent-inverse-color: #000000;
  --btn-float-bg-secondary: #4c4c4c;
  --btn-float-bg-secondary-hover: #666666;
  --btn-float-bg-tertiary: #4c4c4c;
  --btn-float-bg-tertiary-hover: #666666;
  --btn-float-border-color: #222222;
  --btn-float-border-hover-color: #4c4c4c;
  --btn-float-box-shadow: none;
  --action-icon-bg-hover: rgba(255,255,255, 0.15);
  --action-icon-bg-active: rgba(255,255,255, 0.3);
  --action-icon-clear-bg-hover: rgba(255, 255, 255, 0.20);
  --action-icon-clear-bg-active: rgba(255, 255, 255, 0.10);
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --btn-bg: #f2f2f2;
  --btn-color: #4C4C4C;
  --btn-bg-hover: #fafafa;
  --btn-color-hover: #222222;
  --btn-box-shadow: none;
  --btn-alt-color: #FFFFFF;
  --btn-upload-spinner: #4C4C4C;
  --btn-invert-bg: transparent;
  --btn-invert-border: #ffffff;
  --btn-invert-color: #ffffff;
  --btn-invert-bg-hover: #222222;
  --btn-invert-color-hover: #ffffff;
  --btn-invert-border-hover: #ffffff;
  --btn-transparent-color: #FFFFFF;
  --btn-transparent-shadow-color: #FFFFFF;
  --btn-transparent-border: #FFFFFF;
  --btn-transparent-hover-color: #FFFFFF;
  --btn-transparent-hover-border: #FFFFFF;
  --btn-transparent-inverse-color: #FFFFFF;
  --btn-transparent-inverse-border: #FFFFFF;
  --btn-transparent-inverse-hover-color: #FFFFFF;
  --btn-transparent-inverse-hover-border: #FFFFFF;
  --btn-red-shadow: none;
  --btn-green-shadow: none;
  --btn-green-bg2: #288028;
  --btn-upload-invert-spinner: #ffffff;
  --btn-default-icon-color: #4c4c4c;
  --btn-default-icon-hover-color: #222222;
  --btn-icon-transparent-inverse-color: #000000;
  --btn-float-bg-secondary: #4c4c4c;
  --btn-float-bg-secondary-hover: #666666;
  --btn-float-bg-tertiary: #4c4c4c;
  --btn-float-bg-tertiary-hover: #666666;
  --btn-float-border-color: #222222;
  --btn-float-border-hover-color: #4c4c4c;
  --btn-float-box-shadow: none;
  --action-icon-bg-hover: rgba(255,255,255, 0.15);
  --action-icon-bg-active: rgba(255,255,255, 0.3);
  --action-icon-clear-bg-hover: rgba(255, 255, 255, 0.20);
  --action-icon-clear-bg-active: rgba(255, 255, 255, 0.10);
}

.s-btn {
  position: relative;
  border-radius: 24px;
  border: 0;
  transition: all 0.15s ease-in-out;
  background-color: var(--btn-bg);
  color: var(--btn-color);
  display: inline-block;
  padding: 16px 25px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 100%;
}
.s-btn.s-btn-medium {
  padding: 12px 20px;
}
.s-btn.s-btn-medium.s-btn-icon {
  padding-left: 50px;
}
.s-btn.s-btn-medium.s-btn-icon .s-icon {
  left: 16px;
}
.s-btn.s-btn-medium.s-btn-icon-right {
  padding-right: 50px;
  padding-left: 20px;
}
.s-btn.s-btn-medium.s-btn-icon-right .s-icon {
  right: 16px;
}
.s-btn.s-btn-medium.s-btn-icon-only {
  width: 40px;
  height: 40px;
}
.s-btn.s-btn-medium.s-btn-icon-only.s-btn-transparent:after {
  right: 1px;
  bottom: 4px;
}
.s-btn.s-btn-small {
  padding: 8px 16px;
}
.s-btn.s-btn-small.s-btn-icon {
  padding-left: 38px;
}
.s-btn.s-btn-small.s-btn-icon .s-icon {
  left: 12px;
  width: 16px;
  height: 16px;
}
.s-btn.s-btn-small.s-btn-icon-right {
  padding-right: 38px;
  padding-left: 16px;
}
.s-btn.s-btn-small.s-btn-icon-right .s-icon {
  right: 12px;
  width: 16px;
  height: 16px;
}
.s-btn.s-btn-small.s-btn-icon-only {
  width: 32px;
  height: 32px;
}
.s-btn.s-btn-small.s-btn-icon-only .s-icon {
  width: 16px;
  height: 16px;
}
.s-btn.s-btn-small.s-btn-icon-only.s-btn-transparent:after {
  right: 0px;
  bottom: 4px;
  width: 7px;
}
.s-btn.s-btn-tiny {
  padding: 8px 16px;
  font-size: 12px;
  line-height: 14px;
}
.s-btn.s-btn-tiny .s-icon {
  width: 14px;
  height: 14px;
}
.s-btn.s-btn-tiny.s-btn-icon-only {
  width: 30px;
  height: 30px;
}
.s-btn.s-btn-tiny.s-btn-icon-only.s-btn-transparent:after {
  right: 0px;
  bottom: 3px;
  width: 7px;
  transform: rotate(-42deg);
}
.s-btn.s-btn-tiny.s-btn-icon {
  padding-left: 36px;
}
.s-btn.s-btn-tiny.s-btn-icon-right {
  padding-right: 36px;
  padding-left: 16px;
}
.s-btn.s-btn-tiny.s-btn-icon-right .s-icon {
  right: 12px;
}
.s-btn.s-btn-text-only {
  background: none !important;
  color: var(--btn-bg) !important;
}
.s-btn.s-btn-text-only:hover:not(.disabled):not([disabled]):not(.s-no-hover), .s-btn.s-btn-text-only:focus:not(.disabled):not([disabled]):not(.s-no-hover) {
  box-shadow: none;
}
.s-btn.s-btn-no-shadow {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.s-btn:hover:not(.disabled):not([disabled]):not(.s-no-hover), .s-btn:focus:not(.disabled):not([disabled]):not(.s-no-hover) {
  background-color: var(--btn-bg-hover);
  color: var(--btn-color-hover);
  outline: 0;
  text-decoration: none;
  -webkit-box-shadow: var(--btn-box-shadow);
  -moz-box-shadow: var(--btn-box-shadow);
  box-shadow: var(--btn-box-shadow);
}
.s-btn:hover:not(.disabled):not([disabled]):not(.s-no-hover) .s-icon path[stroke],
.s-btn:hover:not(.disabled):not([disabled]):not(.s-no-hover) .s-icon circle[stroke],
.s-btn:hover:not(.disabled):not([disabled]):not(.s-no-hover) .s-icon rect[stroke], .s-btn:focus:not(.disabled):not([disabled]):not(.s-no-hover) .s-icon path[stroke],
.s-btn:focus:not(.disabled):not([disabled]):not(.s-no-hover) .s-icon circle[stroke],
.s-btn:focus:not(.disabled):not([disabled]):not(.s-no-hover) .s-icon rect[stroke] {
  stroke: var(--btn-default-icon-hover-color);
}
.s-btn:hover:not(.disabled):not([disabled]):not(.s-no-hover) .s-icon path[fill]:not([fill=none]),
.s-btn:hover:not(.disabled):not([disabled]):not(.s-no-hover) .s-icon circle[fill]:not([fill=none]),
.s-btn:hover:not(.disabled):not([disabled]):not(.s-no-hover) .s-icon rect[fill]:not([fill=none]), .s-btn:focus:not(.disabled):not([disabled]):not(.s-no-hover) .s-icon path[fill]:not([fill=none]),
.s-btn:focus:not(.disabled):not([disabled]):not(.s-no-hover) .s-icon circle[fill]:not([fill=none]),
.s-btn:focus:not(.disabled):not([disabled]):not(.s-no-hover) .s-icon rect[fill]:not([fill=none]) {
  fill: var(--btn-default-icon-hover-color);
}
.s-btn.s-no-hover:hover, .s-btn.s-no-hover:focus {
  cursor: default;
}
.s-btn.disabled, .s-btn[disabled] {
  opacity: 0.25;
  text-decoration: none;
  cursor: default;
  color: var(--btn-disabled-color);
  background-color: var(--btn-disabled-bg);
}
.s-btn.disabled:hover:not(.s-btn-invert):not(.s-btn-transparent-inverse), .s-btn[disabled]:hover:not(.s-btn-invert):not(.s-btn-transparent-inverse) {
  color: var(--btn-disabled-color);
  text-decoration: none;
}
.s-btn.disabled.s-btn-icon-only .s-icon.s-icon-white path[stroke],
.s-btn.disabled.s-btn-icon-only .s-icon.s-icon-white circle[stroke],
.s-btn.disabled.s-btn-icon-only .s-icon.s-icon-white rect[stroke], .s-btn.disabled.s-btn-icon-right .s-icon.s-icon-white path[stroke],
.s-btn.disabled.s-btn-icon-right .s-icon.s-icon-white circle[stroke],
.s-btn.disabled.s-btn-icon-right .s-icon.s-icon-white rect[stroke], .s-btn.disabled.s-btn-icon .s-icon.s-icon-white path[stroke],
.s-btn.disabled.s-btn-icon .s-icon.s-icon-white circle[stroke],
.s-btn.disabled.s-btn-icon .s-icon.s-icon-white rect[stroke], .s-btn[disabled].s-btn-icon-only .s-icon.s-icon-white path[stroke],
.s-btn[disabled].s-btn-icon-only .s-icon.s-icon-white circle[stroke],
.s-btn[disabled].s-btn-icon-only .s-icon.s-icon-white rect[stroke], .s-btn[disabled].s-btn-icon-right .s-icon.s-icon-white path[stroke],
.s-btn[disabled].s-btn-icon-right .s-icon.s-icon-white circle[stroke],
.s-btn[disabled].s-btn-icon-right .s-icon.s-icon-white rect[stroke], .s-btn[disabled].s-btn-icon .s-icon.s-icon-white path[stroke],
.s-btn[disabled].s-btn-icon .s-icon.s-icon-white circle[stroke],
.s-btn[disabled].s-btn-icon .s-icon.s-icon-white rect[stroke] {
  stroke: var(--btn-transparent-hover-color);
}
.s-btn.disabled.s-btn-icon-only .s-icon.s-icon-white path[fill]:not([fill=none]),
.s-btn.disabled.s-btn-icon-only .s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-btn.disabled.s-btn-icon-only .s-icon.s-icon-white rect[fill]:not([fill=none]), .s-btn.disabled.s-btn-icon-right .s-icon.s-icon-white path[fill]:not([fill=none]),
.s-btn.disabled.s-btn-icon-right .s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-btn.disabled.s-btn-icon-right .s-icon.s-icon-white rect[fill]:not([fill=none]), .s-btn.disabled.s-btn-icon .s-icon.s-icon-white path[fill]:not([fill=none]),
.s-btn.disabled.s-btn-icon .s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-btn.disabled.s-btn-icon .s-icon.s-icon-white rect[fill]:not([fill=none]), .s-btn[disabled].s-btn-icon-only .s-icon.s-icon-white path[fill]:not([fill=none]),
.s-btn[disabled].s-btn-icon-only .s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-btn[disabled].s-btn-icon-only .s-icon.s-icon-white rect[fill]:not([fill=none]), .s-btn[disabled].s-btn-icon-right .s-icon.s-icon-white path[fill]:not([fill=none]),
.s-btn[disabled].s-btn-icon-right .s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-btn[disabled].s-btn-icon-right .s-icon.s-icon-white rect[fill]:not([fill=none]), .s-btn[disabled].s-btn-icon .s-icon.s-icon-white path[fill]:not([fill=none]),
.s-btn[disabled].s-btn-icon .s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-btn[disabled].s-btn-icon .s-icon.s-icon-white rect[fill]:not([fill=none]) {
  fill: var(--btn-transparent-hover-color);
}
.s-btn.s-btn-link {
  padding: 9px 0;
  background-color: transparent;
  text-transform: none;
  color: var(--link-color, #0094FF);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px; /* 166.667% */
  letter-spacing: normal;
}
.s-btn.s-btn-link:hover:not(.disabled):not([disabled]), .s-btn.s-btn-link:focus:not(.disabled):not([disabled]) {
  background-color: transparent;
  color: var(--link-color, #0094FF);
  box-shadow: none;
}
.s-btn.s-btn-link:hover:not(.disabled):not([disabled]) .s-icon path[stroke],
.s-btn.s-btn-link:hover:not(.disabled):not([disabled]) .s-icon circle[stroke],
.s-btn.s-btn-link:hover:not(.disabled):not([disabled]) .s-icon rect[stroke], .s-btn.s-btn-link:focus:not(.disabled):not([disabled]) .s-icon path[stroke],
.s-btn.s-btn-link:focus:not(.disabled):not([disabled]) .s-icon circle[stroke],
.s-btn.s-btn-link:focus:not(.disabled):not([disabled]) .s-icon rect[stroke] {
  stroke: var(--link-color, #0094FF);
}
.s-btn.s-btn-link:hover:not(.disabled):not([disabled]) .s-icon path[fill]:not([fill=none]),
.s-btn.s-btn-link:hover:not(.disabled):not([disabled]) .s-icon circle[fill]:not([fill=none]),
.s-btn.s-btn-link:hover:not(.disabled):not([disabled]) .s-icon rect[fill]:not([fill=none]), .s-btn.s-btn-link:focus:not(.disabled):not([disabled]) .s-icon path[fill]:not([fill=none]),
.s-btn.s-btn-link:focus:not(.disabled):not([disabled]) .s-icon circle[fill]:not([fill=none]),
.s-btn.s-btn-link:focus:not(.disabled):not([disabled]) .s-icon rect[fill]:not([fill=none]) {
  fill: var(--link-color, #0094FF);
}
.s-btn.s-btn-link .s-icon path[stroke],
.s-btn.s-btn-link .s-icon circle[stroke],
.s-btn.s-btn-link .s-icon rect[stroke] {
  stroke: var(--link-color, #0094FF);
}
.s-btn.s-btn-link .s-icon path[fill]:not([fill=none]),
.s-btn.s-btn-link .s-icon circle[fill]:not([fill=none]),
.s-btn.s-btn-link .s-icon rect[fill]:not([fill=none]) {
  fill: var(--link-color, #0094FF);
}
.s-btn.s-btn-link.s-btn-icon {
  padding-left: 40px;
}
.s-btn.s-btn-link.s-btn-icon .s-icon {
  left: 0;
}
.s-btn.s-btn-link.s-btn-icon-right {
  padding-right: 40px;
  padding-left: 0;
}
.s-btn.s-btn-link.s-btn-icon-right .s-icon {
  right: 0;
}
.s-btn.s-btn-link.s-btn-medium {
  padding-top: 5px;
  padding-bottom: 5px;
}
.s-btn.s-btn-link.s-btn-small {
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 12px;
  line-height: 17px; /* 141.667% */
}
.s-btn.s-btn-link.s-btn-small.s-btn-icon {
  padding-left: 30px;
}
.s-btn.s-btn-link.s-btn-small.s-btn-icon-right {
  padding-right: 30px;
}
.s-btn.s-btn-link.s-btn-tiny {
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 12px;
  line-height: 17px; /* 141.667% */
}
.s-btn.s-btn-link.s-btn-tiny.s-btn-icon {
  padding-left: 30px;
}
.s-btn.s-btn-link.s-btn-tiny.s-btn-icon .s-icon {
  width: 16px;
  height: 16px;
}
.s-btn.s-btn-link.s-btn-tiny.s-btn-icon-right {
  padding-right: 30px;
}
.s-btn.s-btn-link.s-btn-tiny.s-btn-icon-right .s-icon {
  width: 16px;
  height: 16px;
}
.s-btn.s-btn-block {
  display: block;
}
button.s-btn-block,
input.s-btn-block {
  width: 100%;
}

.s-btn.s-btn-invert {
  background-color: var(--btn-invert-bg);
  border: 1px solid var(--btn-invert-border);
  color: var(--btn-invert-color);
  padding-top: 15px;
  padding-bottom: 15px;
}
.s-btn.s-btn-invert:hover:not(.disabled):not([disabled]), .s-btn.s-btn-invert:focus:not(.disabled):not([disabled]) {
  background-color: var(--btn-invert-bg-hover);
  border-color: var(--btn-invert-border-hover);
  color: var(--btn-invert-color-hover);
}
.s-btn.s-btn-invert:hover:not(.disabled):not([disabled]) .s-icon path[stroke],
.s-btn.s-btn-invert:hover:not(.disabled):not([disabled]) .s-icon circle[stroke],
.s-btn.s-btn-invert:hover:not(.disabled):not([disabled]) .s-icon rect[stroke], .s-btn.s-btn-invert:focus:not(.disabled):not([disabled]) .s-icon path[stroke],
.s-btn.s-btn-invert:focus:not(.disabled):not([disabled]) .s-icon circle[stroke],
.s-btn.s-btn-invert:focus:not(.disabled):not([disabled]) .s-icon rect[stroke] {
  stroke: var(--btn-invert-color-hover);
}
.s-btn.s-btn-invert:hover:not(.disabled):not([disabled]) .s-icon path[fill]:not([fill=none]),
.s-btn.s-btn-invert:hover:not(.disabled):not([disabled]) .s-icon circle[fill]:not([fill=none]),
.s-btn.s-btn-invert:hover:not(.disabled):not([disabled]) .s-icon rect[fill]:not([fill=none]), .s-btn.s-btn-invert:focus:not(.disabled):not([disabled]) .s-icon path[fill]:not([fill=none]),
.s-btn.s-btn-invert:focus:not(.disabled):not([disabled]) .s-icon circle[fill]:not([fill=none]),
.s-btn.s-btn-invert:focus:not(.disabled):not([disabled]) .s-icon rect[fill]:not([fill=none]) {
  fill: var(--btn-invert-color-hover);
}
.s-btn.s-btn-invert.s-btn-medium {
  padding-top: 11px;
  padding-bottom: 11px;
}
.s-btn.s-btn-invert.s-btn-tiny, .s-btn.s-btn-invert.s-btn-small {
  padding-top: 7px;
  padding-bottom: 7px;
}
.s-btn.s-btn-transparent {
  background: transparent !important;
  color: var(--btn-transparent-color);
  position: relative;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.s-btn.s-btn-transparent:before, .s-btn.s-btn-transparent:after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 1px);
  border: 1px solid transparent;
  border-radius: 50px;
  top: 0;
  left: 0;
}
.s-btn.s-btn-transparent:before {
  border-top-color: var(--btn-transparent-border);
  border-right-color: var(--btn-transparent-border);
  -webkit-transition: border 0.5s; /* Safari */
  transition: border 0.5s;
}
.s-btn.s-btn-transparent:after {
  border-bottom-color: var(--btn-transparent-border);
  border-left-color: var(--btn-transparent-border);
  bottom: 0;
  right: 0;
  border-bottom-right-radius: 0;
  width: calc(100% - 25px);
}
.s-btn.s-btn-transparent.active, .s-btn.s-btn-transparent:hover:not(.disabled):not([disabled]), .s-btn.s-btn-transparent:focus:not(.disabled):not([disabled]) {
  color: var(--btn-transparent-hover-color);
  background-color: transparent !important;
}
.s-btn.s-btn-transparent.active:before, .s-btn.s-btn-transparent:hover:not(.disabled):not([disabled]):before, .s-btn.s-btn-transparent:focus:not(.disabled):not([disabled]):before {
  border-bottom-color: var(--btn-transparent-hover-border);
}
.s-btn.s-btn-transparent.active .s-icon.s-icon-white path[stroke],
.s-btn.s-btn-transparent.active .s-icon.s-icon-white circle[stroke],
.s-btn.s-btn-transparent.active .s-icon.s-icon-white rect[stroke], .s-btn.s-btn-transparent:hover:not(.disabled):not([disabled]) .s-icon.s-icon-white path[stroke],
.s-btn.s-btn-transparent:hover:not(.disabled):not([disabled]) .s-icon.s-icon-white circle[stroke],
.s-btn.s-btn-transparent:hover:not(.disabled):not([disabled]) .s-icon.s-icon-white rect[stroke], .s-btn.s-btn-transparent:focus:not(.disabled):not([disabled]) .s-icon.s-icon-white path[stroke],
.s-btn.s-btn-transparent:focus:not(.disabled):not([disabled]) .s-icon.s-icon-white circle[stroke],
.s-btn.s-btn-transparent:focus:not(.disabled):not([disabled]) .s-icon.s-icon-white rect[stroke] {
  stroke: var(--btn-transparent-hover-color);
}
.s-btn.s-btn-transparent.active .s-icon.s-icon-white path[fill]:not([fill=none]),
.s-btn.s-btn-transparent.active .s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-btn.s-btn-transparent.active .s-icon.s-icon-white rect[fill]:not([fill=none]), .s-btn.s-btn-transparent:hover:not(.disabled):not([disabled]) .s-icon.s-icon-white path[fill]:not([fill=none]),
.s-btn.s-btn-transparent:hover:not(.disabled):not([disabled]) .s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-btn.s-btn-transparent:hover:not(.disabled):not([disabled]) .s-icon.s-icon-white rect[fill]:not([fill=none]), .s-btn.s-btn-transparent:focus:not(.disabled):not([disabled]) .s-icon.s-icon-white path[fill]:not([fill=none]),
.s-btn.s-btn-transparent:focus:not(.disabled):not([disabled]) .s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-btn.s-btn-transparent:focus:not(.disabled):not([disabled]) .s-icon.s-icon-white rect[fill]:not([fill=none]) {
  fill: var(--btn-transparent-hover-color);
}
.s-btn.s-btn-transparent.s-btn-medium::after {
  width: calc(100% - 19px);
}
.s-btn.s-btn-transparent.s-btn-small::after, .s-btn.s-btn-transparent.s-btn-tiny::after {
  width: calc(100% - 17px);
}
.s-btn.s-btn-transparent.s-btn-icon-only .s-icon.s-icon-white path[stroke],
.s-btn.s-btn-transparent.s-btn-icon-only .s-icon.s-icon-white circle[stroke],
.s-btn.s-btn-transparent.s-btn-icon-only .s-icon.s-icon-white rect[stroke], .s-btn.s-btn-transparent.s-btn-icon-right .s-icon.s-icon-white path[stroke],
.s-btn.s-btn-transparent.s-btn-icon-right .s-icon.s-icon-white circle[stroke],
.s-btn.s-btn-transparent.s-btn-icon-right .s-icon.s-icon-white rect[stroke], .s-btn.s-btn-transparent.s-btn-icon .s-icon.s-icon-white path[stroke],
.s-btn.s-btn-transparent.s-btn-icon .s-icon.s-icon-white circle[stroke],
.s-btn.s-btn-transparent.s-btn-icon .s-icon.s-icon-white rect[stroke] {
  stroke: var(--btn-transparent-hover-color);
}
.s-btn.s-btn-transparent.s-btn-icon-only .s-icon.s-icon-white path[fill]:not([fill=none]),
.s-btn.s-btn-transparent.s-btn-icon-only .s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-btn.s-btn-transparent.s-btn-icon-only .s-icon.s-icon-white rect[fill]:not([fill=none]), .s-btn.s-btn-transparent.s-btn-icon-right .s-icon.s-icon-white path[fill]:not([fill=none]),
.s-btn.s-btn-transparent.s-btn-icon-right .s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-btn.s-btn-transparent.s-btn-icon-right .s-icon.s-icon-white rect[fill]:not([fill=none]), .s-btn.s-btn-transparent.s-btn-icon .s-icon.s-icon-white path[fill]:not([fill=none]),
.s-btn.s-btn-transparent.s-btn-icon .s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-btn.s-btn-transparent.s-btn-icon .s-icon.s-icon-white rect[fill]:not([fill=none]) {
  fill: var(--btn-transparent-hover-color);
}
.s-btn.s-btn-transparent-inverse {
  color: var(--btn-transparent-inverse-color);
}
.s-btn.s-btn-transparent-inverse:before {
  border-top-color: var(--btn-transparent-inverse-border);
  border-right-color: var(--btn-transparent-inverse-border);
}
.s-btn.s-btn-transparent-inverse:after {
  border-bottom-color: var(--btn-transparent-inverse-border);
  border-left-color: var(--btn-transparent-inverse-border);
}
.s-btn.s-btn-transparent-inverse:hover:not(.disabled):not([disabled]), .s-btn.s-btn-transparent-inverse:focus:not(.disabled):not([disabled]) {
  color: var(--btn-transparent-inverse-hover-color) !important;
  background: none !important;
}
.s-btn.s-btn-transparent-inverse:hover:not(.disabled):not([disabled]):before, .s-btn.s-btn-transparent-inverse:focus:not(.disabled):not([disabled]):before {
  border-bottom-color: var(--btn-transparent-inverse-hover-border);
}
.s-btn.s-btn-transparent-inverse:hover:not(.disabled):not([disabled]):after, .s-btn.s-btn-transparent-inverse:focus:not(.disabled):not([disabled]):after {
  border-bottom-color: var(--btn-transparent-inverse-hover-border);
  border-left-color: var(--btn-transparent-inverse-hover-border);
}
.s-btn.s-btn-transparent-inverse:hover:not(.disabled):not([disabled]) .s-icon path[stroke],
.s-btn.s-btn-transparent-inverse:hover:not(.disabled):not([disabled]) .s-icon circle[stroke],
.s-btn.s-btn-transparent-inverse:hover:not(.disabled):not([disabled]) .s-icon rect[stroke], .s-btn.s-btn-transparent-inverse:focus:not(.disabled):not([disabled]) .s-icon path[stroke],
.s-btn.s-btn-transparent-inverse:focus:not(.disabled):not([disabled]) .s-icon circle[stroke],
.s-btn.s-btn-transparent-inverse:focus:not(.disabled):not([disabled]) .s-icon rect[stroke] {
  stroke: var(--btn-transparent-inverse-hover-color);
}
.s-btn.s-btn-transparent-inverse:hover:not(.disabled):not([disabled]) .s-icon path[fill]:not([fill=none]),
.s-btn.s-btn-transparent-inverse:hover:not(.disabled):not([disabled]) .s-icon circle[fill]:not([fill=none]),
.s-btn.s-btn-transparent-inverse:hover:not(.disabled):not([disabled]) .s-icon rect[fill]:not([fill=none]), .s-btn.s-btn-transparent-inverse:focus:not(.disabled):not([disabled]) .s-icon path[fill]:not([fill=none]),
.s-btn.s-btn-transparent-inverse:focus:not(.disabled):not([disabled]) .s-icon circle[fill]:not([fill=none]),
.s-btn.s-btn-transparent-inverse:focus:not(.disabled):not([disabled]) .s-icon rect[fill]:not([fill=none]) {
  fill: var(--btn-transparent-inverse-hover-color);
}
.s-btn.s-btn-red {
  background: var(--btn-red-bg);
  color: var(--btn-alt-color) !important;
  border: none;
}
.s-btn.s-btn-red .text {
  position: relative;
  z-index: 1;
}
.s-btn.s-btn-red:after {
  content: "";
  display: block;
  position: absolute;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: var(--btn-red-bg2);
}
.s-btn.s-btn-red:hover:not(.disabled):not([disabled]), .s-btn.s-btn-red:focus:not(.disabled):not([disabled]) {
  -webkit-box-shadow: var(--btn-red-shadow) !important;
  -moz-box-shadow: var(--btn-red-shadow) !important;
  box-shadow: var(--btn-red-shadow) !important;
}
.s-btn.s-btn-red:hover:not(.disabled):not([disabled]):after, .s-btn.s-btn-red:focus:not(.disabled):not([disabled]):after {
  opacity: 1;
}
.s-btn.s-btn-green {
  background-color: var(--btn-green-bg) !important;
  color: var(--btn-alt-color) !important;
  border: none;
}
.s-btn.s-btn-green:hover:not(.disabled):not([disabled]) {
  background-color: var(--btn-green-bg2) !important;
  -webkit-box-shadow: var(--btn-green-shadow) !important;
  -moz-box-shadow: var(--btn-green-shadow) !important;
  box-shadow: var(--btn-green-shadow) !important;
}
.s-btn.s-btn-cta {
  background: var(--button-cta-normal);
  color: var(--btn-alt-color) !important;
  border: none;
}
.s-btn.s-btn-cta .text {
  position: relative;
  z-index: 1;
}
.s-btn.s-btn-cta:after {
  content: "";
  display: block;
  position: absolute;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: var(--button-cta-hover);
}
.s-btn.s-btn-cta:hover:not(.disabled):not([disabled]), .s-btn.s-btn-cta:focus:not(.disabled):not([disabled]) {
  -webkit-box-shadow: 0 4px 8px var(--button-cta-shadow);
  -moz-box-shadow: 0 4px 8px var(--button-cta-shadow);
  box-shadow: 0 4px 8px var(--button-cta-shadow);
}
.s-btn.s-btn-cta:hover:not(.disabled):not([disabled]):after, .s-btn.s-btn-cta:focus:not(.disabled):not([disabled]):after {
  opacity: 1;
}
.s-btn .s-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
}
.s-btn.s-btn-icon-only {
  width: 48px;
  height: 48px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  padding: 0;
  vertical-align: middle;
}
.s-btn.s-btn-icon-only.s-btn-transparent {
  border: 1px solid;
}
.s-btn.s-btn-icon-only.s-btn-transparent::before {
  display: none;
}
.s-btn.s-btn-icon-only.s-btn-transparent::after {
  width: 10px;
  height: 3px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: var(--btn-icon-transparent-color);
  left: unset;
  top: unset;
  right: 6px;
  bottom: 2px;
  border: none;
  transform: rotate(-33deg);
  opacity: 1;
  transition: opacity 0.25s;
}
.s-btn.s-btn-icon-only.s-btn-transparent:hover:after, .s-btn.s-btn-icon-only.s-btn-transparent:focus:after {
  opacity: 0;
  transition: opacity 0.25s;
}
.s-btn.s-btn-icon-only.s-btn-transparent.s-btn-transparent-inverse:after {
  background-color: var(--btn-icon-transparent-inverse-color);
}
.s-btn.s-btn-icon {
  padding-left: 54px;
}
.s-btn.s-btn-icon .s-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  left: 16px;
}
.s-btn.s-btn-icon.s-btn-icon-text-center {
  padding: 12px 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.s-btn.s-btn-icon.s-btn-icon-text-center .s-icon {
  position: relative;
  display: inline-block;
  vertical-align: top;
  transform: none;
  left: 0;
  top: 0;
  margin-right: 16px;
}
.s-btn.s-btn-icon.s-btn-icon-text-center.s-btn-medium {
  padding: 8px 32px;
}
.s-btn.s-btn-icon.s-btn-icon-text-center.s-btn-medium .s-icon {
  margin-right: 8px;
}
.s-btn.s-btn-icon.s-btn-icon-text-center.s-btn-small {
  padding: 8px 16px;
}
.s-btn.s-btn-icon.s-btn-icon-text-center.s-btn-small .s-icon {
  margin-right: 8px;
}
.s-btn.s-btn-icon.s-btn-icon-text-center.s-btn-tiny {
  padding: 8px 16px;
}
.s-btn.s-btn-icon.s-btn-icon-text-center.s-btn-tiny .s-icon {
  margin-right: 8px;
}
.s-btn.s-btn-icon-right {
  padding-right: 54px;
}
.s-btn.s-btn-icon-right .s-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  right: 16px;
  left: unset;
}

.s-btn-float {
  display: flex;
  width: 44px;
  height: 44px;
  justify-content: center;
  align-items: center;
}
.s-btn-float .s-btn-container {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: var(--btn-bg);
  border: 2px solid var(--btn-bg);
  padding: 0;
  text-align: center;
  vertical-align: middle;
  transition: all 0.3s;
}
.s-btn-float .s-btn-container .s-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
}
.s-btn-float:hover .s-btn-container {
  background-color: var(--btn-bg-hover);
  color: var(--btn-color-hover);
  outline: 0;
  border: 2px solid var(--btn-bg-hover);
  text-decoration: none;
  -webkit-box-shadow: var(--btn-float-box-shadow);
  -moz-box-shadow: var(--btn-float-box-shadow);
  box-shadow: var(--btn-float-box-shadow);
  transition: all 0.3s;
}
.s-btn-float:hover .s-icon.s-icon-white path[stroke],
.s-btn-float:hover .s-icon.s-icon-white circle[stroke],
.s-btn-float:hover .s-icon.s-icon-white rect[stroke] {
  stroke: var(--btn-default-icon-hover-color);
}
.s-btn-float:hover .s-icon.s-icon-white path[fill]:not([fill=none]),
.s-btn-float:hover .s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-btn-float:hover .s-icon.s-icon-white rect[fill]:not([fill=none]) {
  fill: var(--btn-default-icon-hover-color);
}
.s-btn-float:active .s-btn-container {
  width: 44px;
  height: 44px;
  transition: all 0.3s;
}
.s-btn-float.s-btn-float-secondary .s-btn-container {
  background-color: var(--btn-float-bg-secondary) !important;
  border: 2px solid var(--btn-float-bg-secondary) !important;
}
.s-btn-float.s-btn-float-secondary:hover .s-btn-container {
  background-color: var(--btn-float-bg-secondary-hover) !important;
  border: 2px solid var(--btn-float-bg-secondary-hover) !important;
}
.s-btn-float.s-btn-float-secondary .s-icon.s-icon-dark path[stroke],
.s-btn-float.s-btn-float-secondary .s-icon.s-icon-dark circle[stroke],
.s-btn-float.s-btn-float-secondary .s-icon.s-icon-dark rect[stroke] {
  stroke: var(--btn-transparent-inverse-hover-color);
}
.s-btn-float.s-btn-float-secondary .s-icon.s-icon-dark path[fill]:not([fill=none]),
.s-btn-float.s-btn-float-secondary .s-icon.s-icon-dark circle[fill]:not([fill=none]),
.s-btn-float.s-btn-float-secondary .s-icon.s-icon-dark rect[fill]:not([fill=none]) {
  fill: var(--btn-transparent-inverse-hover-color);
}
.s-btn-float.s-btn-float-tertiary .s-btn-container {
  background-color: var(--btn-float-bg-tertiary);
  border: 2px solid var(--btn-float-border-color);
}
.s-btn-float.s-btn-float-tertiary:hover .s-btn-container {
  background-color: var(--btn-float-bg-tertiary-hover);
  border: 2px solid var(--btn-float-border-hover-color);
}
.s-btn-float.s-btn-float-tertiary .s-icon.s-icon-dark path[stroke],
.s-btn-float.s-btn-float-tertiary .s-icon.s-icon-dark circle[stroke],
.s-btn-float.s-btn-float-tertiary .s-icon.s-icon-dark rect[stroke] {
  stroke: var(--btn-transparent-inverse-hover-color);
}
.s-btn-float.s-btn-float-tertiary .s-icon.s-icon-dark path[fill]:not([fill=none]),
.s-btn-float.s-btn-float-tertiary .s-icon.s-icon-dark circle[fill]:not([fill=none]),
.s-btn-float.s-btn-float-tertiary .s-icon.s-icon-dark rect[fill]:not([fill=none]) {
  fill: var(--btn-transparent-inverse-hover-color);
}

.s-action-icon {
  display: inline-flex;
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 20px;
  background: transparent;
}
.s-action-icon .s-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
}
.s-action-icon--m {
  width: 28px;
  height: 28px;
}
.s-action-icon--m .s-icon {
  width: 20px;
  height: 20px;
}
.s-action-icon--l {
  width: 34px;
  height: 34px;
}
.s-action-icon--l .s-icon {
  width: 24px;
  height: 24px;
}
@media (hover: hover) and (pointer: fine) {
  .s-action-icon:hover {
    background: var(--action-icon-bg-hover);
  }
}
@media screen {
  .s-action-icon:active {
    background: var(--action-icon-bg-active);
  }
}
@media (hover: hover) and (pointer: fine) {
  .s-action-icon--clear:hover {
    background: var(--action-icon-clear-bg-hover);
  }
}
@media screen {
  .s-action-icon--clear:active {
    background: var(--action-icon-clear-bg-active);
  }
}

.s-btn-link-icon {
  position: relative;
  padding-left: 20px;
  min-height: 21px;
  color: var(--btn-link-color);
  text-decoration: none;
  display: inline-flex;
  vertical-align: top;
  font-size: 12px;
  line-height: 21px;
}
.s-btn-link-icon .s-icon {
  position: absolute;
  left: 0;
  top: 2.5px;
}
.s-btn-link-icon.s-btn-link-icon-right {
  padding-left: 0px;
  padding-right: 20px;
}
.s-btn-link-icon.s-btn-link-icon-right .s-icon {
  left: unset;
  right: 0;
}
.s-btn-link-icon:hover {
  color: var(--btn-link-hover-color);
  text-decoration: underline;
}
.s-btn-link-icon + .s-btn-link-icon {
  margin-left: 24px;
}

.s-fileupload-button-loader .s-fileupload-button-hitarea {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.s-fileupload-button-loader .s-loader-off,
.s-fileupload-button-loader .s-loader-on {
  visibility: hidden;
}
.s-fileupload-button-loader .s-loader-off.s-active,
.s-fileupload-button-loader .s-loader-on.s-active {
  visibility: visible;
}
.s-fileupload-button-loader .s-loader-on.s-active .s-loader-spinner {
  width: 24px;
  height: 24px;
  border: 4px solid var(--btn-upload-spinner);
  border-right-color: transparent !important;
  border-radius: 50%;
  position: absolute;
  animation: loader-rotate 1s linear infinite;
  top: 50%;
  margin: -12px auto 0px auto;
  left: calc(50% - 12px);
}
.s-fileupload-button-loader .s-loader-on.s-active .s-loader-spinner::after {
  content: "";
  width: 4px;
  height: 4px;
  background-color: var(--btn-upload-spinner);
  border-radius: 50%;
  position: absolute;
  top: -1px;
  left: 13px;
}
@keyframes loader-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.s-fileupload-button-loader > .s-loader-on.s-active {
  cursor: default;
}
.s-fileupload-button-loader.s-btn-icon-text-center .s-loader-off.s-active {
  display: flex;
  align-items: center;
}
.s-fileupload-button-loader.s-btn-invert .s-loader-on.s-active .s-loader-spinner {
  border: 4px solid var(--btn-upload-invert-spinner);
}
.s-fileupload-button-loader.s-btn-invert .s-loader-on.s-active .s-loader-spinner::after {
  background-color: var(--btn-upload-invert-spinner);
}

.s-contact-link {
  position: relative;
  border-radius: 35px;
  padding: 9px 20px 9px 40px;
  margin-bottom: 10px;
  display: inline-block;
  line-height: 22px;
  text-decoration: none;
  margin-left: 23px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap;
  color: var(--btn-contact-color);
  background-color: var(--btn-contact-bg);
  transform: scale(1);
  transition: transform 0.2s;
}
.s-contact-link .text {
  color: black;
}
.s-contact-link .s-icon.s-icon-white path[stroke],
.s-contact-link .s-icon.s-icon-white circle[stroke],
.s-contact-link .s-icon.s-icon-white rect[stroke] {
  stroke: #ffffff;
}
.s-contact-link .s-icon.s-icon-white path[fill]:not([fill=none]),
.s-contact-link .s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-contact-link .s-icon.s-icon-white rect[fill]:not([fill=none]) {
  fill: #ffffff;
}
.s-contact-link .s-custom-icons {
  position: absolute;
  width: 25px;
  height: 54px;
  left: -25px;
  top: -6px;
}
.s-contact-link:after {
  content: "";
  display: table;
  width: 16px;
  height: 16px;
  position: absolute;
  background-color: var(--btn-contact-color);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  margin-top: 1px;
}
.s-contact-link:hover, .s-contact-link:focus {
  color: var(--btn-contact-color);
  transform: scale(1.06);
  transition: transform 0.2s;
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .s-contact-link {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 4px;
    padding: 2px 12px 2px 26px;
    margin-left: 17px;
  }
  .s-contact-link .s-custom-icons {
    height: 32px;
    left: -22px;
    top: -3px;
  }
  .s-contact-link:after {
    width: 10px;
    height: 10px;
    left: 8px;
    margin-top: 0px;
  }
}

.s-contact-link-wrapper {
  display: inline-block;
}
.s-contact-link-wrapper .label,
.s-contact-link-wrapper .s-label {
  padding-left: 23px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  color: var(--btn-contact-bg);
  letter-spacing: 0.03em;
  margin-bottom: 0;
  visibility: hidden;
}
@media (max-width: 767.98px) {
  .s-contact-link-wrapper .label,
  .s-contact-link-wrapper .s-label {
    padding-left: 17px;
    font-size: 12px;
    line-height: 21px;
  }
}
@media (max-width: 992px) {
  .s-contact-link-wrapper.s-mobile-md .s-contact-link {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 4px;
    padding: 2px 12px 2px 26px;
    margin-left: 17px;
  }
  .s-contact-link-wrapper.s-mobile-md .s-contact-link .s-custom-icons {
    height: 32px;
    left: -22px;
    top: -3px;
  }
  .s-contact-link-wrapper.s-mobile-md .s-contact-link:after {
    width: 10px;
    height: 10px;
    left: 8px;
    margin-top: 0px;
  }
  .s-contact-link-wrapper.s-mobile-md .label,
  .s-contact-link-wrapper.s-mobile-md .s-label {
    padding-left: 17px;
    font-size: 12px;
    line-height: 21px;
  }
}

.cta-links {
  display: flex;
  justify-content: center;
}
.cta-links--neg-100 {
  margin-left: -100px;
}
@media (max-width: 1199.98px) {
  .cta-links--neg-100 {
    margin-left: -60px;
  }
}
@media (max-width: 767.98px) {
  .cta-links--neg-100 {
    margin-left: -25px;
  }
}
.cta-links--neg-25 {
  margin-left: -25px;
}
.cta-links .s-contact-link-wrapper {
  margin-left: 100px;
}
@media (max-width: 1199.98px) {
  .cta-links .s-contact-link-wrapper {
    margin-left: 60px;
  }
}
@media (max-width: 767.98px) {
  .cta-links .s-contact-link-wrapper {
    margin-left: 25px;
  }
}
.cta-links .s-btn {
  margin-left: 25px;
  margin-bottom: 0;
}

:root {
  --input-bg: #FFFFFF;
  --input-border: #969696;
  --input-border-focus: #4C4C4C;
  --input-color: #4C4C4C;
  --input-disabled-color: #4C4C4C;
  --input-placeholder-color: #969696;
  --input-disabled-bg: #FAFAFA;
  --input-disabled-border: #DDDDDD;
  --input-disabled-color: #DDDDDD;
  --input-disabled-placeholder-color: #DDDDDD;
  --input-readonly-bg: #F2F2F2;
  --input-readonly-border: #4C4C4C;
  --input-readonly-color: #4C4C4C;
  --input-readonly-placeholder-color: #4C4C4C;
  --input-hover-bg: #ffffff;
  --input-hover: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

[data-theme=dark] {
  --input-bg: #4c4c4c;
  --input-border: #DDDDDD;
  --input-border-focus: #ffffff;
  --input-color: #ffffff;
  --input-placeholder-color: #dddddd;
  --input-disabled-bg: #222;
  --input-disabled-border: #666666;
  --input-disabled-color: #666666;
  --input-disabled-placeholder-color: #666666;
  --input-readonly-bg: #222222;
  --input-readonly-border: #ffffff;
  --input-readonly-color: #ffffff;
  --input-readonly-placeholder-color: #666666;
  --input-hover-bg: #838383;
  --input-hover: none;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --input-bg: #4c4c4c;
  --input-border: #DDDDDD;
  --input-border-focus: #ffffff;
  --input-color: #ffffff;
  --input-placeholder-color: #dddddd;
  --input-disabled-bg: #222;
  --input-disabled-border: #666666;
  --input-disabled-color: #666666;
  --input-disabled-placeholder-color: #666666;
  --input-readonly-bg: #222222;
  --input-readonly-border: #ffffff;
  --input-readonly-color: #ffffff;
  --input-readonly-placeholder-color: #666666;
  --input-hover-bg: #838383;
  --input-hover: none;
}

.s-input {
  border: 1px solid var(--input-border);
  border-radius: 25px;
  background: var(--input-bg);
  height: 46px;
  padding: 11px 38px 11px 24px;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  color: var(--input-color);
  transition: all 0.2s ease-in-out;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* Disabled */
  /* Readonly */
}
.s-input:focus, .s-input:hover {
  background: var(--input-hover-bg);
  -webkit-box-shadow: var(--input-hover);
  -moz-box-shadow: var(--input-hover);
  box-shadow: var(--input-hover);
}
.s-input::-webkit-input-placeholder { /* Edge */
  color: var(--input-placeholder-color);
}
.s-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--input-placeholder-color);
}
.s-input::placeholder {
  color: var(--input-placeholder-color);
}
.s-input:focus {
  border-color: var(--input-border-focus);
  outline: 0;
}
.s-input:not(:placeholder-shown) {
  border-color: var(--input-border-focus);
}
.s-input[disabled] {
  background: var(--input-disabled-bg);
  border-color: var(--input-disabled-border);
  color: var(--input-disabled-color);
  box-shadow: none !important;
}
.s-input[disabled]::-webkit-input-placeholder { /* Edge */
  color: var(--input-disabled-placeholder-color);
}
.s-input[disabled]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--input-disabled-placeholder-color);
}
.s-input[disabled]::placeholder {
  color: var(--input-disabled-placeholder-color);
}
.s-input[readonly] {
  background: var(--input-readonly-bg);
  border-color: var(--input-readonly-border);
  color: var(--input-readonly-color);
}
.s-input[readonly]::-webkit-input-placeholder { /* Edge */
  color: var(--input-readonly-placeholder-color);
}
.s-input[readonly]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--input-readonly-placeholder-color);
}
.s-input[readonly]::placeholder {
  color: var(--input-readonly-placeholder-color);
}

/* Textarea */
textarea.s-input {
  height: auto;
  min-height: 180px;
}
textarea.s-input--small {
  min-height: 156px;
}
textarea.s-input--tiny {
  min-height: 95px;
}

/* Error */
.s-has-error .s-input {
  border-color: var(--error-color);
}

/* Validated */
.s-validated {
  position: relative;
}
.s-validated .s-input {
  border-color: var(--success-color);
}
.s-validated:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 13px;
  right: 13px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 4.375L7.1875 15.625L2.5 10.9375' stroke='%2334A634' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.s-validated.s-has-icon-right:after {
  right: 53px;
}
.s-validated.s-has-icon-right .s-input {
  padding-right: 77px;
}

/* Icons */
.s-icon-left {
  position: relative;
}
.s-icon-left .s-input {
  padding-left: 47px;
}
.s-icon-left .s-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 15px;
  bottom: 10px;
  z-index: 1;
}
.s-icon-left .s-icon.s-icon-circle {
  left: 3px;
  bottom: 3px;
}

.s-icon-right {
  position: relative;
}
.s-icon-right .s-input {
  padding-right: 47px;
}
.s-icon-right .s-input + .s-tooltip {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  right: 7px;
}
.s-icon-right .s-input + .s-tooltip .s-icon {
  width: 32px;
  height: 32px;
}
.s-icon-right .s-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 15px;
  bottom: 10px;
  z-index: 1;
}
.s-icon-right .s-icon.s-icon-circle {
  right: 3px;
  bottom: 3px;
  left: auto;
}

/* Floating labels */
.s-floating-labels .s-label {
  transition: all 0.2s ease-in-out;
  position: relative;
  top: 0;
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 24px;
  color: var(--input-color);
  visibility: hidden;
}
.s-floating-labels .s-label:not(.s-label--float) {
  top: 35px;
  color: var(--input-placeholder-color);
  font-size: 15px;
}
.s-floating-labels .s-label:not(.s-label--float).s-label--small {
  top: 28px;
}
.s-floating-labels .s-icon-left .s-label:not(.s-label--float) {
  left: 25px;
}
.s-floating-labels .s-input::-webkit-input-placeholder { /* Edge */
  color: transparent;
}
.s-floating-labels .s-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: transparent;
}
.s-floating-labels .s-input::placeholder {
  color: transparent;
}

:root {
  --cs-border-light-color: #f2f2f2;
  --cs-scrollbar-color: #969696;
  --cs-bg: #ffffff;
  --cs-odd-bg: #f2f2f2;
  --cs-even-bg: #ffffff;
  --cs-highlight-bg: #dddddd;
  --cs-bg-light: #f2f2f2;
}

[data-theme=dark] {
  --cs-border-light-color: #666666;
  --cs-scrollbar-color: #DDDDDD;
  --cs-bg: #4c4c4c;
  --cs-odd-bg: #666666;
  --cs-even-bg: #4c4c4c;
  --cs-highlight-bg: #838383;
  --cs-bg-light: #666666;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --cs-border-light-color: #666666;
  --cs-scrollbar-color: #DDDDDD;
  --cs-bg: #4c4c4c;
  --cs-odd-bg: #666666;
  --cs-even-bg: #4c4c4c;
  --cs-highlight-bg: #838383;
  --cs-bg-light: #666666;
}

.s-field .country-select .selected-flag {
  padding-left: 24px;
  width: 74px;
}
.s-field .country-select .selected-flag .arrow {
  background-image: var(--datepicker-icon-down);
  width: 18px;
  height: 18px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border: 0;
  right: 0;
  top: 50%;
  margin-top: 0;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.s-field .country-select .selected-flag .arrow.up {
  border-bottom: 0;
  transform: translateY(-50%) scaleY(-1);
}
.s-field .country-select.inside .selected-flag {
  width: 74px;
}
.s-field .country-select.inside input,
.s-field .country-select.inside input[type=text] {
  padding-left: 90px;
}
.s-field .country-select.inside .flag-dropdown:hover .selected-flag {
  background-color: transparent;
}
.s-field .country-select.inside.is-open .s-input {
  background-color: var(--input-hover-bg);
}
.s-field .country-select .country-list {
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--input-border-focus);
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  background-color: var(--cs-bg);
  border-top-color: var(--cs-border-light-color);
  border-radius: 0 0 0 10px;
  transition: all 0.3s ease;
}
.s-field .country-select .country-list::-webkit-scrollbar {
  width: 16px;
}
.s-field .country-select .country-list::-webkit-scrollbar-thumb {
  background-color: var(--cs-scrollbar-color);
  border-radius: 10px;
  max-height: 72px;
  height: 72px;
  border: solid 4px var(--cs-even-bg);
  background-clip: padding-box;
}
.s-field .country-select .country-list::-webkit-scrollbar-button {
  display: none;
}
.s-field .country-select .country-list.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.s-field .country-select .country-list .country {
  padding: 10px 22px;
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 0;
  border-right: 1px solid var(--cs-border-light-color);
  background-color: var(--cs-odd-bg);
}
.s-field .country-select .country-list .country:nth-child(even), .s-field .country-select .country-list .country.preferred {
  background-color: var(--cs-even-bg);
}
.s-field .country-select .country-list .country.active, .s-field .country-select .country-list .country.preferred.active {
  background-color: var(--cs-highlight-bg);
}
.s-field .country-select .country-list .country.highlight {
  background-color: var(--cs-highlight-bg);
}
.s-field .country-select .country-list .flag {
  margin-right: 12px;
}
.s-field .country-select .country-list .country-name {
  white-space: normal;
}
.s-field .country-select .divider {
  display: none;
}
.s-field .country-select.is-open .s-input {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

:root {
  --iti-dropdown-bg: #fff;
  --iti-option-color: #4c4c4c;
  --iti-option-odd-color: var(--iti-dropdown-bg);
  --iti-option-even-color: #f2f2f2;
  --iti-option-selected-color: #dddddd;
  --iti-border-color: #4C4C4C;
  --iti-border-light-color: #f2f2f2;
  --iti-scrollbar-bg: #fff;
  --iti-scrollbar-color: #969696;
}

[data-theme=dark] {
  --iti-dropdown-bg: #4c4c4c;
  --iti-option-color: #4c4c4c;
  --iti-option-odd-color: #666666;
  --iti-option-even-color: #424242;
  --iti-option-selected-color: #838383;
  --iti-border-color: #ffffff;
  --iti-border-light-color: #666666;
  --iti-scrollbar-bg: #4c4c4c;
  --iti-scrollbar-color: #DDDDDD;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --iti-dropdown-bg: #4c4c4c;
  --iti-option-color: #4c4c4c;
  --iti-option-odd-color: #666666;
  --iti-option-even-color: #424242;
  --iti-option-selected-color: #838383;
  --iti-border-color: #ffffff;
  --iti-border-light-color: #666666;
  --iti-scrollbar-bg: #4c4c4c;
  --iti-scrollbar-color: #DDDDDD;
}

.iti--separate-dial-code .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}

.iti__selected-flag {
  border-radius: 25px 0 0 25px;
  color: var(--input-placeholder-color);
  padding: 0 6px 0 22px;
}

.iti__flag-box {
  margin-right: 12px;
}

.iti__country {
  padding: 10px 24px;
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 0;
  border-right: 1px solid var(--iti-border-light-color);
}
.iti__country:nth-child(odd) {
  background-color: var(--iti-option-odd-color);
}
.iti__country:nth-child(even) {
  background-color: var(--iti-option-even-color);
}
.iti__country.iti__highlight {
  background-color: var(--iti-option-selected-color);
}

.iti--separate-dial-code .iti__selected-dial-code {
  font-size: 15px;
  order: 3;
  margin-left: 12px;
}

.iti__divider {
  display: none;
}

.iti__country-name {
  white-space: normal;
}

.iti__dial-code {
  display: none;
}

.iti__arrow {
  background-image: var(--datepicker-icon-down);
  width: 18px;
  height: 18px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border: 0;
  transition: transform 0.3s ease;
}

.iti__country-list {
  min-width: 325px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--iti-border-color);
  background-color: var(--iti-dropdown-bg);
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-top-color: var(--iti-border-light-color);
  border-radius: 0 0 10px 10px;
  transition: opacity 0.3s ease;
}
.iti__country-list--dropup {
  border-radius: 10px 10px 0 0;
  border-bottom-color: var(--iti-border-light-color);
  border-top-color: var(--iti-border-color);
}
.iti__country-list::-webkit-scrollbar {
  width: 16px;
}
.iti__country-list::-webkit-scrollbar-thumb {
  background-color: var(--iti-scrollbar-color);
  border-radius: 10px;
  max-height: 72px;
  height: 72px;
  border: solid 4px var(--iti-scrollbar-bg);
  background-clip: padding-box;
}
.iti__country-list::-webkit-scrollbar-button {
  display: none;
}

.s-field--incard .iti__country-list {
  width: 309px !important;
  min-width: 309px;
}

.iti.is-open.is-open--down .s-input {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: var(--input-border-focus) !important;
  background-color: var(--input-hover-bg);
}
.iti.is-open.is-open--up .s-input {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: var(--input-border-focus) !important;
  background-color: var(--input-hover-bg);
}
.iti.is-open .iti__arrow {
  transform: scaleY(-1);
}
.iti.is-open .iti__country-list {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

/* Floating labels */
.s-floating-labels .s-label.iti-label:not(.s-label--float) {
  padding-left: 124px;
}

:root {
  --select-bg: #FFFFFF;
  --select-border: #969696;
  --select-border-focus: #4C4C4C;
  --select-color: #4C4C4C;
  --select-selected-bg: #DDDDDD;
  --select-selected-choice-bg: #DDDDDD;
  --select-placeholder-color: #969696;
  --select-dropdown-bg: #FFFFFF;
  --select-dropdown-odd-bg: #f2f2f2;
  --select-scroll-bg: #FFFFFF;
  --select-scrollbar-bg: #969696;
  --select-scrollbar-hover-bg: #909090;
  --select-search-border: #DDDDDD;
  --select-message-bg: var(--select-bg);
  --select-arrow: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 15L12 10L7 15' stroke='%234C4C4C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --select-search: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.25 1V1.5V1ZM17.5 9.25H18H17.5ZM9.25 17.5V18V17.5ZM1 9.25H1.5H1ZM9.25 1.5C13.5302 1.5 17 4.96979 17 9.25H18C18 4.41751 14.0825 0.5 9.25 0.5V1.5ZM17 9.25C17 13.5302 13.5302 17 9.25 17V18C14.0825 18 18 14.0825 18 9.25H17ZM9.25 17C4.96979 17 1.5 13.5302 1.5 9.25H0.5C0.5 14.0825 4.41751 18 9.25 18V17ZM1.5 9.25C1.5 4.96979 4.96979 1.5 9.25 1.5V0.5C4.41751 0.5 0.5 4.41751 0.5 9.25H1.5Z' fill='%234C4C4C'/%3E%3Cpath d='M15.6036 14.8964C15.4083 14.7012 15.0917 14.7012 14.8964 14.8964C14.7012 15.0917 14.7012 15.4083 14.8964 15.6036L15.6036 14.8964ZM18.6464 19.3536C18.8417 19.5488 19.1583 19.5488 19.3536 19.3536C19.5488 19.1583 19.5488 18.8417 19.3536 18.6464L18.6464 19.3536ZM14.8964 15.6036L18.6464 19.3536L19.3536 18.6464L15.6036 14.8964L14.8964 15.6036Z' fill='%234C4C4C'/%3E%3C/svg%3E%0A");
  --select-close: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6M11 11L6 6M6 6L11 1M6 6L1 11' stroke='%234C4C4C' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  --select-disabled-bg: #FAFAFA;
  --select-disabled-border: #DDDDDD;
  --select-disabled-color: #DDDDDD;
  --select-disabled-placeholder-color: #DDDDDD;
}

[data-theme=dark] {
  --select-bg: #4c4c4c;
  --select-border: #ffffff;
  --select-border-focus: #ffffff;
  --select-color: #ffffff;
  --select-selected-bg: #838383;
  --select-selected-choice-bg: #222222;
  --select-placeholder-color: #dddddd;
  --select-dropdown-bg: #4c4c4c;
  --select-dropdown-odd-bg: #666666;
  --select-scroll-bg: #4c4c4c;
  --select-scrollbar-bg: #dddddd;
  --select-scrollbar-hover-bg: #dddddd;
  --select-search-border: #666666;
  --select-message-bg: var(--select-dropdown-odd-bg);
  --select-disabled-bg: #222;
  --select-disabled-border: #ffffff;
  --select-disabled-color: #ffffff;
  --select-disabled-placeholder-color: #666666;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --select-bg: #4c4c4c;
  --select-border: #ffffff;
  --select-border-focus: #ffffff;
  --select-color: #ffffff;
  --select-selected-bg: #838383;
  --select-selected-choice-bg: #222222;
  --select-placeholder-color: #dddddd;
  --select-dropdown-bg: #4c4c4c;
  --select-dropdown-odd-bg: #666666;
  --select-scroll-bg: #4c4c4c;
  --select-scrollbar-bg: #dddddd;
  --select-scrollbar-hover-bg: #dddddd;
  --select-search-border: #666666;
  --select-message-bg: var(--select-dropdown-odd-bg);
  --select-disabled-bg: #222;
  --select-disabled-border: #ffffff;
  --select-disabled-color: #ffffff;
  --select-disabled-placeholder-color: #666666;
}

.s-has-error .select2-selection {
  border-color: var(--error-color) !important;
}

.s-select {
  /* Multi select */
}
.s-select + .select2-container {
  font-size: 15px;
  color: var(--select-color);
}
.s-select + .select2-container .select2-selection--single {
  height: 46px;
  align-items: center;
  padding: 8px 16px 0;
  position: relative;
}
.s-select + .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--select-placeholder-color);
}
.s-select + .select2-container .select2-selection--single .select2-selection__rendered,
.s-select + .select2-container .select2-search--inline .select2-search__field {
  padding-right: 30px;
}
.s-select + .select2-container--default .select2-selection--single,
.s-select + .select2-container--default .select2-selection--multiple {
  background-color: var(--select-bg);
  border-radius: 22px;
  transition: all 0.2s ease-in-out;
}
.s-select + .select2-container--default .select2-selection--single:hover,
.s-select + .select2-container--default .select2-selection--multiple:hover {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
.s-select + .select2-container--default .select2-selection--single {
  border-color: var(--select-border);
  background-color: var(--select-bg);
}
.s-select + .select2-container--focus .select2-selection {
  background-color: var(--input-hover-bg);
  -webkit-box-shadow: var(--input-hover);
  -moz-box-shadow: var(--input-hover);
  box-shadow: var(--input-hover);
  border-color: var(--select-border-focus) !important;
  outline: 0;
}
.s-select + .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px;
  width: 46px;
  border-radius: 0 22px 22px 0;
}
.s-select + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  transition: transform 0.3s ease;
  width: 24px;
  height: 24px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: var(--select-arrow);
  mask-image: var(--select-arrow);
  background-color: var(--select-color);
  transform: rotate(180deg);
}
.s-select + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--select-color);
}
.s-select + .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.s-select + .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: 0;
  background-color: var(--input-hover-bg);
}
.s-select + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(0);
}
.s-select + .select2-container--open .select2-dropdown--above {
  border-radius: 22px 22px 0 0 !important;
  box-shadow: none !important;
}
.s-select + .select2-container--disabled .select2-selection {
  border-color: var(--select-disabled-border) !important;
  background-color: var(--select-disabled-bg) !important;
}
.s-select + .select2-container--disabled .select2-selection .select2-selection__placeholder {
  color: var(--select-disabled-placeholder-color);
}
.s-select + .select2-container--disabled .select2-selection--single:hover,
.s-select + .select2-container--disabled .select2-selection--multiple:hover {
  box-shadow: none;
}
.s-select + .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0 !important;
}
.s-select + .select2-container .select2-selection--multiple {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 10px 38px 10px 24px;
}
.s-select + .select2-container--default .select2-selection--multiple:before {
  content: " ";
  right: 9px;
  margin-top: -4px;
  position: absolute;
  top: 16px;
  transition: transform 0.3s ease;
  width: 24px;
  height: 24px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: var(--select-arrow);
  mask-image: var(--select-arrow);
  background-color: var(--select-color);
  transform: rotate(180deg);
}
.s-select + .select2-container--open .select2-selection--multiple:before {
  transform: rotate(0);
}
.s-select + .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  margin-bottom: 0;
  margin-left: -5px;
  margin-top: -5px;
}
.s-select + .select2-container--default .select2-selection--multiple .select2-search--inline {
  padding-left: 5px;
}
.s-select + .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--select-selected-choice-bg);
  border: none;
  border-radius: 5px;
  padding: 2px 9px;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
}
.s-select + .select2-container--default .select2-selection--multiple .select2-selection__choice > * {
  order: 2;
  display: block;
  position: relative;
}
.s-select + .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  order: 2;
  border: none;
  width: 10px;
  height: 10px;
  padding: 0;
  position: relative;
  text-indent: -9999px;
  margin-left: 8px;
}
.s-select + .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
  background: none;
}
.s-select + .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove span {
  display: none;
}
.s-select + .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  left: 0;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: var(--select-close);
  mask-image: var(--select-close);
  background-color: var(--select-color);
  transform: rotate(180deg);
}
.s-select + .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display {
  order: 1;
  padding-right: 0;
}
.s-select + .select2-container .select2-search--inline .select2-search__field {
  margin: 0;
}
.s-select + .select2-container .select2-search--inline .select2-search__field::placeholder {
  color: var(--select-placeholder-color);
}
.s-select--small + .select2-container .select2-selection--single {
  height: 32px;
}
.s-select--small + .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 32px;
}
.s-select--small + .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1;
}
.s-select--small + .select2-container--default .select2-selection--single,
.s-select--small + .select2-container--default .select2-selection--multiple {
  border-radius: 20px;
}
.s-select--small + .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.s-select--small + .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.s-select--small + .select2-container .select2-selection--single {
  padding-left: 15px;
}
.s-select--small + .select2-container .select2-selection--multiple {
  min-height: 32px;
  padding: 6px 38px 6px 15px;
}
.s-select--small + .select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1;
  margin-left: 5px;
  margin-top: 5px;
}
.s-select--small + .select2-container--default .select2-selection--multiple:before {
  top: 7px;
}
.s-select--small .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
}

/**********/
.s-select-dropdown .select2-results__option {
  padding: 12px 18px;
  margin-bottom: 0;
}
.s-select-dropdown.select2-dropdown {
  border-radius: 0 0 22px 22px !important;
  border-color: var(--select-border-focus) !important;
  overflow: hidden;
  box-shadow: 0 8px 8px -4px rgba(66, 66, 66, 0.2);
}
.s-select-dropdown .select2-results {
  font-size: 15px;
}
.s-select-dropdown .select2-results__option {
  padding: 12px 24px !important;
  transition: background-color 0.3s ease;
  background-color: var(--select-bg) !important;
}
.s-select-dropdown .select2-results__option:nth-child(odd) {
  background-color: var(--select-dropdown-odd-bg) !important;
}
.s-select-dropdown .select2-results__option.select2-results__message {
  background-color: var(--select-message-bg) !important;
}
.s-select-dropdown .select2-results__option--highlighted {
  background-color: var(--select-selected-bg) !important;
  color: var(--select-color) !important;
}
.s-select-dropdown .select2-results__option--selected {
  background-color: var(--select-selected-bg) !important;
}
.s-select-dropdown .select2-results__option--selected:nth-child(odd) {
  background-color: var(--select-selected-bg) !important;
}
.s-select-dropdown .select2-results__option--highlighted[aria-selected] {
  background-color: var(--select-selected-bg) !important;
}
.s-select-dropdown .select2-search--dropdown .select2-search__field {
  background-color: var(--select-dropdown-bg);
  color: var(--select-color) !important;
}
.s-select-dropdown .select2-search--dropdown .select2-search__field:focus-visible {
  outline: none;
}
.s-select-dropdown .select2-search--dropdown {
  background-color: var(--select-dropdown-bg);
  height: 46px;
  padding: 3px 26px 3px 55px !important;
  position: relative;
  border-top: 1px solid var(--select-search-border);
  border-bottom: 1px solid var(--select-search-border);
}
.s-select-dropdown .select2-search--dropdown::after {
  content: "";
  left: 25px;
  position: absolute;
  top: 14px;
  width: 18px;
  height: 18px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: var(--select-search);
  mask-image: var(--select-search);
  background-color: var(--select-color);
}
.s-select-dropdown .select2-search--dropdown .select2-search__field {
  padding: 0 !important;
  border: 0 !important;
  height: 100%;
}
.s-select-dropdown .select2-results > .select2-results__options {
  max-height: 190px !important;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.s-select-dropdown .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 14px;
}
.s-select-dropdown .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background: var(--select-scroll-bg);
  border-left: 1px solid var(--select-search-border);
}
.s-select-dropdown .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background: var(--select-scrollbar-bg);
  width: 8px;
  border: 3px solid var(--select-scroll-bg);
  border-radius: 10px;
}
.s-select-dropdown .select2-results > .select2-results__options::-webkit-scrollbar-thumb:hover {
  background: var(--select-scrollbar-hover-bg);
}
.s-select-dropdown--small .select2-search--dropdown {
  height: 32px;
  padding-left: 45px !important;
}
.s-select-dropdown--small .select2-search--dropdown::after {
  left: 12px;
  top: 7px;
}
.s-select-dropdown--small .select2-results__option {
  padding: 5px 16px !important;
}
.s-select-dropdown--small.select2-dropdown {
  border-color: #969696 !important;
}
.s-select-dropdown--small .select2-results > .select2-results__options {
  max-height: 160px !important;
}
.s-select-dropdown--small.select2-dropdown {
  border-radius: 0 0 4px 4px !important;
}
.s-select-dropdown--small .select2-search--dropdown {
  height: 32px;
  padding-left: 45px !important;
}
.s-select-dropdown--small .select2-search--dropdown::after {
  left: 12px;
  top: 7px;
}
.s-select-dropdown--small .select2-results__option {
  padding: 5px 16px !important;
}
.s-select-dropdown--small.select2-dropdown {
  border-color: #969696 !important;
}
.s-select-dropdown--small .select2-results > .select2-results__options {
  max-height: 160px !important;
}
.s-select-dropdown--small.select2-dropdown {
  border-radius: 0 0 4px 4px !important;
}

body > .select2-container {
  z-index: 98;
}
body > .select2-container.select2-container--open .select2-dropdown--above {
  border-radius: 22px 22px 0 0 !important;
  box-shadow: none !important;
}

.s-floating-labels .select2-selection__placeholder {
  display: none;
}
.s-floating-labels .select2-search__field::-webkit-input-placeholder { /* Edge */
  color: transparent !important;
}
.s-floating-labels .select2-search__field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: transparent !important;
}
.s-floating-labels .select2-search__field::placeholder {
  color: transparent !important;
}

:root {
  --checkbox-bg: #FFFFFF;
  --checkbox-border: #4C4C4C;
  --checkbox-check-bg: #34A634;
  --checkbox-check-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.3408%200.613281H0.34082V20.6133H20.3408V0.613281ZM8.62756%2016L17%207.74136L15.2346%206L8.62756%2012.5173L5.76535%209.69398L4%2011.4353L8.62756%2016Z%22%20fill%3D%22%2334A634%22%2F%3E%0A%3C%2Fsvg%3E");
}

[data-theme=dark] {
  --checkbox-bg: transparent;
  --checkbox-border: #FFFFFF;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --checkbox-bg: transparent;
  --checkbox-border: #FFFFFF;
}

.s-checkbox {
  background-color: var(--checkbox-bg);
  border: 2px solid var(--checkbox-border);
  height: 20px;
  width: 20px !important;
  position: relative;
  border-radius: 0;
  -webkit-print-color-adjust: exact;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}
.s-checkbox:after {
  opacity: 0;
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  width: 20px;
  height: 20px;
  background-image: var(--checkbox-check-image);
  background-size: cover;
  background-position: center;
  transform: scale(0.8);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.s-checkbox:checked {
  background-image: none;
  border-color: var(--checkbox-check-bg);
}
.s-checkbox:checked:after {
  opacity: 1;
  transform: scale(1);
}
.s-checkbox[disabled], .s-checkbox[disabled] + label {
  opacity: 0.25;
  box-shadow: none !important;
}
.s-checkbox:hover, .s-checkbox:focus {
  box-shadow: 0px 4px 4px rgba(66, 66, 66, 0.2);
  outline: 0;
}
.s-checkbox + label {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.03em;
  color: var(--primary-color);
  margin-left: 16px;
  vertical-align: middle;
  line-height: 24px;
  width: calc(100% - 36px) !important;
}
.s-checkbox--small {
  height: 16px;
  width: 16px !important;
}
.s-checkbox--small:after {
  height: 16px;
  width: 16px;
}
.s-checkbox--small + label {
  width: calc(100% - 32px);
}
.s-checkbox--big {
  height: 32px;
  width: 32px !important;
}
.s-checkbox--big:after {
  height: 32px;
  width: 32px;
}
.s-checkbox--big + label {
  width: calc(100% - 48px) !important;
}

.s-field--align-top .s-checkbox + label {
  margin-top: -2px;
}
.s-field--align-top .s-checkbox--big + label {
  margin-top: 4px;
}
.s-field--align-top .s-checkbox--small + label {
  margin-top: -4px;
}

.s-has-error .s-checkbox {
  border-color: var(--error-color);
}
.s-has-error .s-checkbox:checked {
  border-color: var(--checkbox-check-bg);
}

:root {
  --radio-bg: #FFFFFF;
  --radio-border: #4C4C4C;
  --radio-check-bg: #34A634;
  --radio-check-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10zm-1.5-5.886l6.707-6.707-1.414-1.414L8.5 11.286 6.207 8.993l-1.414 1.414L8.5 14.114z' fill='%2334A634'/%3E%3C/svg%3E");
}

[data-theme=dark] {
  --radio-bg: transparent;
  --radio-border: #FFFFFF;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --radio-bg: transparent;
  --radio-border: #FFFFFF;
}

.s-radio {
  background-color: var(--radio-bg);
  border: 2px solid var(--radio-border);
  height: 20px;
  width: 20px !important;
  position: relative;
  border-radius: 50%;
  -webkit-print-color-adjust: exact;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}
.s-radio:after {
  background-color: var(--radio-check-color);
  border-radius: 50%;
  content: "";
  width: 20px;
  height: 20px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  background-image: var(--radio-check-image);
  background-size: cover;
  background-position: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
}
.s-radio:checked {
  background-image: none;
  border-color: var(--radio-check-bg);
}
.s-radio:checked:after {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.s-radio[disabled], .s-radio[disabled] + label {
  opacity: 0.25;
  box-shadow: none !important;
}
.s-radio:hover, .s-radio:focus {
  box-shadow: 0px 4px 4px rgba(66, 66, 66, 0.2);
  outline: 0;
}
.s-radio + label {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.03em;
  color: var(--primary-color);
  margin-left: 16px;
  vertical-align: middle;
  line-height: 24px;
  width: calc(100% - 36px) !important;
}
.s-radio--small {
  height: 16px;
  width: 16px !important;
}
.s-radio--small:after {
  height: 16px;
  width: 16px;
}
.s-radio--small + label {
  width: calc(100% - 32px) !important;
}
.s-radio--big {
  height: 32px;
  width: 32px !important;
}
.s-radio--big:after {
  height: 32px;
  width: 32px;
}
.s-radio--big + label {
  width: calc(100% - 48px) !important;
}

.s-field--align-top .s-radio + label {
  margin-top: -2px;
}
.s-field--align-top .s-radio--big + label {
  margin-top: 4px;
}
.s-field--align-top .s-radio--small + label {
  margin-top: -4px;
}

.s-has-error .s-radio {
  border-color: var(--error-color);
}
.s-has-error .s-radio:checked {
  border-color: var(--radio-check-bg);
}

/* Old swircher used in header only */
.switcher {
  position: relative;
  z-index: 0;
  display: none;
  margin-bottom: 32px;
}

.switcher label {
  position: relative;
  line-height: 16px;
  cursor: pointer;
  letter-spacing: 0.03em;
}

.switcher label a, .switcher label a:hover {
  text-decoration: none;
}

.switcher input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 0;
  height: 0;
}

.switcher-switch {
  position: relative;
  display: inline-block;
  width: 0;
}

.switcher-switch,
.switcher label:before {
  height: 16px;
  border-radius: 16px;
  background: white;
}

.switcher label:before {
  width: 32px;
  border: 1px solid #DDDDDD;
}

.switcher-switch:after,
.switcher label:before,
.switcher label:after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.switcher label.left {
  padding-right: 24px;
}

.switcher label.right {
  padding-left: 24px;
}

.switcher label.left:before {
  right: -16px;
}

.switcher label.right:before {
  left: -16px;
}

.switcher-switch:after,
.switcher label:after {
  background: #4C4C4C;
  width: 12px;
  height: 12px;
  top: 2px;
  border-radius: 50%;
}

.switcher label:after {
  z-index: -1;
  opacity: 0;
  transition: transform 0.2s ease;
}

.switcher label.left:after {
  right: 2px;
  transform: translate(50%);
}

.switcher label.right:after {
  left: 2px;
  transform: translate(-50%);
}

.switcher-switch:after {
  z-index: 1;
}

.switcher input:checked + label:after,
.switcher input:checked + label:before {
  z-index: 2;
  opacity: 1;
}

.switcher input:checked + label.left:after, .switcher input:checked + label.right:after {
  transform: translate(0);
}

.switcher-switch:after {
  left: 50%;
  transform: translateX(-50%);
}

/*MEDIUM*/
.switcher.medium label {
  line-height: 24px;
}
.switcher.medium .switcher-switch,
.switcher.medium label:before {
  height: 24px;
}
.switcher.medium .switcher-switch:after,
.switcher.medium label:after {
  width: 20px;
  height: 20px;
}
.switcher.medium label.left:before {
  right: -24px;
}
.switcher.medium label.right:before {
  left: -24px;
}
.switcher.medium label:before {
  width: 48px;
}
.switcher.medium label.left {
  padding-right: 40px;
}
.switcher.medium label.right {
  padding-left: 40px;
}

/*BIG*/
.switcher.big label {
  line-height: 32px;
}
.switcher.big .switcher-switch,
.switcher.big label:before {
  height: 32px;
}
.switcher.big .switcher-switch:after,
.switcher.big label:after {
  width: 28px;
  height: 28px;
}
.switcher.big label.left:before {
  right: -32px;
}
.switcher.big label.right:before {
  left: -32px;
}
.switcher.big label:before {
  width: 64px;
}
.switcher.big label.left {
  padding-right: 48px;
}
.switcher.big label.right {
  padding-left: 48px;
}

/*DISABLED*/
.switcher.disabled {
  opacity: 0.5;
}

/*DARK*/
.switcher.dark {
  background: black;
}
.switcher.dark label {
  color: white;
}
.switcher.dark label:before {
  border-color: white;
  background: black;
}
.switcher.dark .switcher-switch:after,
.switcher.dark label:after {
  background: white;
}

/*WITH ICON*/
.checkboxSwitcher {
  margin-bottom: 32px;
}
.checkboxSwitcher label {
  position: relative;
  padding-left: 40px;
  line-height: 16px;
  cursor: pointer;
}
.checkboxSwitcher label:before,
.checkboxSwitcher label:after {
  content: "";
  position: absolute;
}
.checkboxSwitcher label:before {
  left: 0;
  top: 0;
  width: 32px;
  height: 16px;
  border: 1px solid #969696;
  border-radius: 16px;
}
.checkboxSwitcher label:after {
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: url("/triglav-web-static/seamless/latest/images/switcher/close-white.svg") #4C4C4C;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 6px 6px !important;
  transition: all 0.3s ease;
}
.checkboxSwitcher input {
  position: absolute;
  opacity: 0;
  width: 0;
}
.checkboxSwitcher input:checked + label:after {
  left: 18px;
  background: url("/triglav-web-static/seamless/latest/images/switcher/icon-yes-white.svg") #34A634;
}

/*WITH ICON MEDIUM*/
.checkboxSwitcher.medium label {
  padding-left: 60px;
  line-height: 24px;
}
.checkboxSwitcher.medium label:before {
  width: 48px;
  height: 24px;
}
.checkboxSwitcher.medium label:after {
  width: 20px;
  height: 20px;
  background-size: 12px 12px !important;
}
.checkboxSwitcher.medium input:checked + label:after {
  left: 26px;
}

/*WITH ICON BIG*/
.checkboxSwitcher.big label {
  padding-left: 80px;
  line-height: 32px;
}
.checkboxSwitcher.big label:before {
  width: 64px;
  height: 32px;
}
.checkboxSwitcher.big label:after {
  width: 28px;
  height: 28px;
  background-size: 16px 16px !important;
}
.checkboxSwitcher.big input:checked + label:after {
  left: 34px;
}

/*WITH ICON DARK*/
.checkboxSwitcher.dark {
  background: black;
}
.checkboxSwitcher.dark label {
  color: white;
}
.checkboxSwitcher.dark label:before {
  border-color: white;
}
.checkboxSwitcher.dark label:after {
  background: url("/triglav-web-static/seamless/latest/images/switcher/close-black.svg") #ffffff;
}
.checkboxSwitcher.dark input:checked + label:after {
  background: url("/triglav-web-static/seamless/latest/images/switcher/icon-yes-white.svg") #34A634;
}

:root {
  --switch-bg: #FFFFFF;
  --switch-switch-bg: #4C4C4C;
  --switch-neutral-bg: #969696;
  --switch-border: #969696;
}

[data-theme=dark] {
  --switch-bg: #222222;
  --switch-switch-bg: #FFFFFF;
  --switch-neutral-bg: #969696;
  --switch-border: #DDDDDD;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --switch-bg: #222222;
  --switch-switch-bg: #FFFFFF;
  --switch-neutral-bg: #969696;
  --switch-border: #DDDDDD;
}

/* Animations */
@keyframes moveLeftSmall {
  0% {
    left: calc(100% - 6px);
  }
  100% {
    left: calc(100% - 13px);
  }
}
@keyframes moveRightSmall {
  0% {
    right: calc(100% - 6px);
  }
  100% {
    right: calc(100% - 13px);
  }
}
@keyframes moveLeftMedium {
  0% {
    left: calc(100% - 12px);
  }
  100% {
    left: calc(100% - 21px);
  }
}
@keyframes moveRightMedium {
  0% {
    right: calc(100% - 12px);
  }
  100% {
    right: calc(100% - 21px);
  }
}
@keyframes moveLeftBig {
  0% {
    left: calc(100% - 18px);
  }
  100% {
    left: calc(100% - 29px);
  }
}
@keyframes moveRightBig {
  0% {
    right: calc(100% - 18px);
  }
  100% {
    right: calc(100% - 29px);
  }
}
/* switch */
.s-switch {
  display: flex;
  justify-content: center;
}
.s-switch + .s-error {
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
.s-switch:hover label:before {
  box-shadow: 0px 4px 4px -4px rgba(66, 66, 66, 0.2);
}
.s-switch label {
  position: relative;
  line-height: 24px;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.s-switch label:before {
  height: 24px;
  width: 48px;
  border: 1px solid var(--switch-border);
  border-radius: 16px;
  background: var(--switch-bg);
  transition: all 0.2s ease-in-out;
}
.s-switch label:after {
  z-index: -1;
  opacity: 0;
}
.s-switch label.s-switch__left {
  padding-right: 40px;
  padding-left: 0;
}
.s-switch label.s-switch__left:before {
  left: calc(100% - 24px);
}
.s-switch label.s-switch__left:after {
  left: calc(100% - 12px);
}
.s-switch label.s-switch__right {
  padding-left: 40px;
}
.s-switch label.s-switch__right:before {
  right: calc(100% - 24px);
}
.s-switch label.s-switch__right:after {
  right: calc(100% - 12px);
}
.s-switch input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.s-switch input:checked + label:before, .s-switch input:checked + label:after {
  z-index: 2;
  opacity: 1;
}
.s-switch input:checked + label.s-switch__left:after {
  animation-name: moveLeftMedium;
}
.s-switch input:checked + label.s-switch__right:after {
  animation-name: moveRightMedium;
}
.s-switch input:checked + label.s-switch__left:after, .s-switch input:checked + label.s-switch__right:after {
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}
.s-switch__switch {
  position: relative;
  display: inline-block;
  width: 0;
  height: 24px;
  border-radius: 16px;
  background: var(--switch-bg);
}
.s-switch__switch:after {
  z-index: 1;
  left: 50%;
  transform: translate(-50%, 0);
}
.s-switch--disabled {
  opacity: 0.25;
}
.s-switch--disabled label:before {
  box-shadow: none !important;
}

.s-switch__switch:after,
.s-switch label:before,
.s-switch label:after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.s-switch__switch:after,
.s-switch label:after {
  background: var(--switch-switch-bg);
  width: 20px;
  height: 20px;
  top: 2px;
  border-radius: 50%;
}

.s-switch__switch:after {
  background: var(--switch-neutral-bg);
}

.s-has-error .s-switch label:before {
  border-color: var(--error-color) !important;
}

/* Extra small size */
.s-switch--xsmall label {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 1px;
}
.s-switch--xsmall label:before {
  height: 16px;
  width: 32px;
}
.s-switch--xsmall label.s-switch__left {
  padding-right: 24px;
}
.s-switch--xsmall label.s-switch__left:before {
  left: calc(100% - 16px);
}
.s-switch--xsmall label.s-switch__left:after {
  left: calc(100% - 6px);
}
.s-switch--xsmall label.s-switch__right {
  padding-left: 24px;
}
.s-switch--xsmall label.s-switch__right:before {
  right: calc(100% - 16px);
}
.s-switch--xsmall label.s-switch__right:after {
  right: calc(100% - 6px);
}
.s-switch--xsmall input:checked + label.s-switch__left:after {
  animation-name: moveLeftSmall;
}
.s-switch--xsmall input:checked + label.s-switch__right:after {
  animation-name: moveRightSmall;
}

.s-switch--xsmall .s-switch__switch {
  height: 16px;
}

.s-switch--xsmall .s-switch__switch:after,
.s-switch--xsmall label:after {
  width: 12px;
  height: 12px;
}

/* Small size */
.s-switch--small label {
  line-height: 16px;
}
.s-switch--small label:before {
  height: 16px;
  width: 32px;
}
.s-switch--small label.s-switch__left {
  padding-right: 24px;
}
.s-switch--small label.s-switch__left:before {
  left: calc(100% - 16px);
}
.s-switch--small label.s-switch__left:after {
  left: calc(100% - 6px);
}
.s-switch--small label.s-switch__right {
  padding-left: 24px;
}
.s-switch--small label.s-switch__right:before {
  right: calc(100% - 16px);
}
.s-switch--small label.s-switch__right:after {
  right: calc(100% - 6px);
}
.s-switch--small input:checked + label.s-switch__left:after {
  animation-name: moveLeftSmall;
}
.s-switch--small input:checked + label.s-switch__right:after {
  animation-name: moveRightSmall;
}

.s-switch--small .s-switch__switch {
  height: 16px;
}

.s-switch--small .s-switch__switch:after,
.s-switch--small label:after {
  width: 12px;
  height: 12px;
}

/* Big size */
.s-switch--big label {
  line-height: 32px;
}
.s-switch--big label:before {
  height: 32px;
  width: 64px;
}
.s-switch--big label.s-switch__left {
  padding-right: 48px;
}
.s-switch--big label.s-switch__left:before {
  left: calc(100% - 32px);
}
.s-switch--big label.s-switch__left:after {
  left: calc(100% - 18px);
}
.s-switch--big label.s-switch__right {
  padding-left: 48px;
}
.s-switch--big label.s-switch__right:before {
  right: calc(100% - 32px);
}
.s-switch--big label.s-switch__right:after {
  right: calc(100% - 18px);
}
.s-switch--big input:checked + label.s-switch__left:after {
  animation-name: moveLeftBig;
}
.s-switch--big input:checked + label.s-switch__right:after {
  animation-name: moveRightBig;
}

.s-switch--big .s-switch__switch {
  height: 32px;
}

.s-switch--big .s-switch__switch:after,
.s-switch--big label:after {
  width: 28px;
  height: 28px;
}

:root {
  --chk-switch-bg: #FFFFFF;
  --chk-switch-switch-bg: #4C4C4C;
  --chk-switch-switch-on-bg: #34A634;
  --chk-switch-border: #969696;
}

[data-theme=dark] {
  --chk-switch-bg: #222222;
  --chk-switch-switch-bg: #FFFFFF;
  --chk-switch-border: #DDDDDD;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --chk-switch-bg: #222222;
  --chk-switch-switch-bg: #FFFFFF;
  --chk-switch-border: #DDDDDD;
}

.s-chk-switch {
  /* Small size */
  /* Big size */
}
.s-chk-switch:hover label:before,
.s-chk-switch input:focus + label:before {
  box-shadow: 0px 4px 4px -4px rgba(66, 66, 66, 0.2);
}
.s-chk-switch label {
  position: relative;
  padding-left: 60px;
  line-height: 24px;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.s-chk-switch label:before,
.s-chk-switch label:after {
  content: "";
  position: absolute;
}
.s-chk-switch label:before {
  left: 0;
  top: 0;
  width: 48px;
  height: 24px;
  background-color: var(--chk-switch-bg);
  border: 1px solid var(--chk-switch-border);
  border-radius: 16px;
  transition: all 0.2s ease-in-out;
}
.s-chk-switch label:after {
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: all 0.3s ease;
  background-color: var(--chk-switch-switch-bg);
}
.s-chk-switch input {
  position: absolute;
  opacity: 0;
  width: 0;
}
.s-chk-switch input:checked + label:after {
  left: 26px;
  background-color: var(--chk-switch-switch-on-bg);
}
.s-chk-switch--disabled {
  opacity: 0.25;
}
.s-chk-switch--disabled label:before {
  box-shadow: none !important;
}
.s-chk-switch--small label {
  padding-left: 40px;
  line-height: 16px;
}
.s-chk-switch--small label:before {
  width: 32px;
  height: 16px;
}
.s-chk-switch--small label:after {
  width: 12px;
  height: 12px;
}
.s-chk-switch--small input:checked + label:after {
  left: 18px;
}
.s-chk-switch--big label {
  padding-left: 80px;
  line-height: 32px;
}
.s-chk-switch--big label:before {
  width: 64px;
  height: 32px;
}
.s-chk-switch--big label:after {
  width: 28px;
  height: 28px;
}
.s-chk-switch--big input:checked + label:after {
  left: 34px;
}

.s-cs-switch {
  width: 48px;
  height: 24px;
  position: relative;
  display: inline-block;
}
.s-cs-switch input.s-checkbox-switch {
  display: none;
}
.s-cs-switch input.s-checkbox-switch ~ .s-cs-slider {
  transition: all 0.4s ease-in-out;
  border-radius: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  border: 1px solid var(--chk-switch-border);
}
.s-cs-switch input.s-checkbox-switch ~ .s-cs-slider:before {
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 1px;
  bottom: 1px;
  background-color: var(--chk-switch-switch-bg);
}
.s-cs-switch input.s-checkbox-switch:checked ~ .s-cs-slider:before {
  background-color: var(--chk-switch-switch-on-bg);
}
.s-cs-switch input.s-checkbox-switch:disabled ~ .s-cs-slider {
  cursor: default;
  opacity: 0.25;
}
.s-cs-switch input.s-checkbox-switch:checked ~ .s-cs-slider:before {
  transform: translateX(24px);
}
.s-cs-switch input.s-checkbox-switch:checked:disabled ~ .s-cs-slider {
  opacity: 0.25;
}
.s-cs-switch.s-cs-switch--big {
  width: 64px;
  height: 32px;
}
.s-cs-switch.s-cs-switch--big input.s-checkbox-switch ~ .s-cs-slider:before {
  width: 28px;
  height: 28px;
}
.s-cs-switch.s-cs-switch--big input.s-checkbox-switch:checked ~ .s-cs-slider:before {
  transform: translateX(32px);
}
.s-cs-switch.s-cs-switch--small {
  width: 32px;
  height: 16px;
}
.s-cs-switch.s-cs-switch--small input.s-checkbox-switch ~ .s-cs-slider:before {
  width: 12px;
  height: 12px;
}
.s-cs-switch.s-cs-switch--small input.s-checkbox-switch:checked ~ .s-cs-slider:before {
  transform: translateX(16px);
}

.s-has-error .s-chk-switch label:before,
.s-has-error .s-cs-switch input.s-checkbox-switch ~ .s-cs-slider {
  border-color: var(--error-color) !important;
}

:root,
::before,
::after {
  --datepicker-bg: #FFFFFF;
  --datepicker-button: #4C4C4C;
  --datepicker-day-color: #ffffff;
  --datepicker-day-active: #4C4C4C;
  --datepicker-day-hover: #FFFFFF;
  --datepicker-border: #4C4C4C;
  --datepicker-dow-border: #F2F2F2;
  --datepicker-range: #F2F2F2;
  --datepicker-dow-color: #4C4C4C;
  --datepicker-disabled-color: #DDDDDD;
  --datepicker-new-color: #969696;
  --datepicker-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M15.4167 7.33335C15.4167 7.05721 15.1929 6.83335 14.9167 6.83335C14.6406 6.83335 14.4167 7.05721 14.4167 7.33335H15.4167ZM14.9167 16.5417H14.4167V16.8162L14.6483 16.9635L14.9167 16.5417ZM20.6066 20.7552C20.8396 20.9034 21.1486 20.8348 21.2969 20.6018C21.4451 20.3688 21.3765 20.0598 21.1435 19.9115L20.6066 20.7552ZM16 3.5C22.9036 3.5 28.5 9.09644 28.5 16H29.5C29.5 8.54416 23.4558 2.5 16 2.5V3.5ZM28.5 16C28.5 22.9036 22.9036 28.5 16 28.5V29.5C23.4558 29.5 29.5 23.4558 29.5 16H28.5ZM16 28.5C9.09644 28.5 3.5 22.9036 3.5 16H2.5C2.5 23.4558 8.54416 29.5 16 29.5V28.5ZM3.5 16C3.5 9.09644 9.09644 3.5 16 3.5V2.5C8.54416 2.5 2.5 8.54416 2.5 16H3.5ZM14.4167 7.33335V16.5417H15.4167V7.33335H14.4167ZM14.6483 16.9635L20.6066 20.7552L21.1435 19.9115L15.1851 16.1199L14.6483 16.9635Z' fill='%234C4C4C'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-date: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 8.00094C4.5 7.74467 4.72303 7.50098 5.04348 7.50098H26.9565C27.277 7.50098 27.5 7.74467 27.5 8.00094V27.0002C27.5 27.2564 27.277 27.5001 26.9565 27.5001H5.04348C4.72303 27.5001 4.5 27.2564 4.5 27.0002V8.00094Z' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.7173 4C10.7173 3.72386 10.4934 3.5 10.2173 3.5C9.94114 3.5 9.71729 3.72386 9.71729 4H10.7173ZM9.71729 10.9997C9.71729 11.2759 9.94114 11.4997 10.2173 11.4997C10.4934 11.4997 10.7173 11.2759 10.7173 10.9997H9.71729ZM9.71729 4V10.9997H10.7173V4H9.71729Z' fill='%234C4C4C' mask='url(%23path-2-inside-1_4851_50517)'/%3E%3Cpath d='M22.2827 4C22.2827 3.72386 22.0589 3.5 21.7827 3.5C21.5066 3.5 21.2827 3.72386 21.2827 4H22.2827ZM21.2827 10.9997C21.2827 11.2759 21.5066 11.4997 21.7827 11.4997C22.0589 11.4997 22.2827 11.2759 22.2827 10.9997H21.2827ZM21.2827 4V10.9997H22.2827V4H21.2827Z' fill='%234C4C4C' mask='url(%23path-4-inside-2_4851_50517)'/%3E%3Cpath d='M7.99997 13.501C7.72383 13.501 7.49998 13.7249 7.5 14.001C7.50002 14.2771 7.72389 14.501 8.00003 14.501L7.99997 13.501ZM23.9999 14.5C24.276 14.5 24.4999 14.2761 24.4999 14C24.4999 13.7238 24.276 13.5 23.9998 13.5L23.9999 14.5ZM8.00003 14.501L23.9999 14.5L23.9998 13.5L7.99997 13.501L8.00003 14.501Z' fill='%234C4C4C' mask='url(%23path-6-inside-3_4851_50517)'/%3E%3C/svg%3E%0A");
  --datepicker-icon-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12 10L8 6L4 10' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --datepicker-icon-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' class='s-icon s-icon-small replaced-svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-previous: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M21 26L11 16L21 6' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-next: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M11 26L21 16L11 6' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-today: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M27.172 15.9998C27.172 10.0168 22.3218 5.1665 16.3387 5.1665C10.3556 5.1665 5.50537 10.0168 5.50537 15.9998C5.50537 21.9829 10.3556 26.8332 16.3387 26.8332C22.3218 26.8332 27.172 21.9829 27.172 15.9998Z' stroke='%234C4C4C'%3E%3C/path%3E%3Cpath d='M10.9222 16L3.33887 16' stroke='%234C4C4C'%3E%3C/path%3E%3Cpath d='M29.3387 16L21.7554 16' stroke='%234C4C4C'%3E%3C/path%3E%3Cpath d='M16.3389 21.4167L16.3389 29' stroke='%234C4C4C'%3E%3C/path%3E%3Cpath d='M16.3389 3.00016L16.3389 10.5835' stroke='%234C4C4C'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-clear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M5.3335 13.3335L26.6668 13.3335' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M16 16V24' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M20 17.3335L20 22.6668' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M12 17.3335L12 22.6668' stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M24 10.6667V10C24 8.89543 23.1046 8 22 8H10C8.89543 8 8 8.89543 8 10V10.6667' stroke='%234C4C4C'%3E%3C/path%3E%3Cpath d='M18.6668 8.00016V7.3335C18.6668 6.22893 17.7714 5.3335 16.6668 5.3335H15.3335C14.2289 5.3335 13.3335 6.22893 13.3335 7.3335V8.00016' stroke='%234C4C4C'%3E%3C/path%3E%3Cpath d='M24 10.667V24.667C24 25.7716 23.1046 26.667 22 26.667H10C8.89543 26.667 8 25.7716 8 24.667V10.667' stroke='%234C4C4C'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M4.25684 4L16.2568 16M28.2568 28L16.2568 16M16.2568 16L28.2568 4M16.2568 16L4.25684 28' stroke='%234C4C4C' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");
}

[data-theme=dark] {
  --datepicker-bg: #222222;
  --datepicker-button: #4C4C4C;
  --datepicker-day-color: #4C4C4C;
  --datepicker-day-active: #ffffff;
  --datepicker-day-hover: #FFFFFF;
  --datepicker-border: #ffffff;
  --datepicker-dow-border: #4c4c4c;
  --datepicker-range: #4c4c4c;
  --datepicker-dow-color: #FFFFFF;
  --datepicker-disabled-color: #424242;
  --datepicker-new-color: #969696;
  --datepicker-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' %3E%3Cpath d='M15.4167 7.33335C15.4167 7.05721 15.1929 6.83335 14.9167 6.83335C14.6406 6.83335 14.4167 7.05721 14.4167 7.33335H15.4167ZM14.9167 16.5417H14.4167V16.8162L14.6483 16.9635L14.9167 16.5417ZM20.6066 20.7552C20.8396 20.9034 21.1486 20.8348 21.2969 20.6018C21.4451 20.3688 21.3765 20.0598 21.1435 19.9115L20.6066 20.7552ZM16 3.5C22.9036 3.5 28.5 9.09644 28.5 16H29.5C29.5 8.54416 23.4558 2.5 16 2.5V3.5ZM28.5 16C28.5 22.9036 22.9036 28.5 16 28.5V29.5C23.4558 29.5 29.5 23.4558 29.5 16H28.5ZM16 28.5C9.09644 28.5 3.5 22.9036 3.5 16H2.5C2.5 23.4558 8.54416 29.5 16 29.5V28.5ZM3.5 16C3.5 9.09644 9.09644 3.5 16 3.5V2.5C8.54416 2.5 2.5 8.54416 2.5 16H3.5ZM14.4167 7.33335V16.5417H15.4167V7.33335H14.4167ZM14.6483 16.9635L20.6066 20.7552L21.1435 19.9115L15.1851 16.1199L14.6483 16.9635Z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-date: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 8.00094C4.5 7.74467 4.72303 7.50098 5.04348 7.50098H26.9565C27.277 7.50098 27.5 7.74467 27.5 8.00094V27.0002C27.5 27.2564 27.277 27.5001 26.9565 27.5001H5.04348C4.72303 27.5001 4.5 27.2564 4.5 27.0002V8.00094Z' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.7173 4C10.7173 3.72386 10.4934 3.5 10.2173 3.5C9.94114 3.5 9.71729 3.72386 9.71729 4H10.7173ZM9.71729 10.9997C9.71729 11.2759 9.94114 11.4997 10.2173 11.4997C10.4934 11.4997 10.7173 11.2759 10.7173 10.9997H9.71729ZM9.71729 4V10.9997H10.7173V4H9.71729Z' fill='%23ffffff' mask='url(%23path-2-inside-1_4851_50517)'/%3E%3Cpath d='M22.2827 4C22.2827 3.72386 22.0589 3.5 21.7827 3.5C21.5066 3.5 21.2827 3.72386 21.2827 4H22.2827ZM21.2827 10.9997C21.2827 11.2759 21.5066 11.4997 21.7827 11.4997C22.0589 11.4997 22.2827 11.2759 22.2827 10.9997H21.2827ZM21.2827 4V10.9997H22.2827V4H21.2827Z' fill='%23ffffff' mask='url(%23path-4-inside-2_4851_50517)'/%3E%3Cpath d='M7.99997 13.501C7.72383 13.501 7.49998 13.7249 7.5 14.001C7.50002 14.2771 7.72389 14.501 8.00003 14.501L7.99997 13.501ZM23.9999 14.5C24.276 14.5 24.4999 14.2761 24.4999 14C24.4999 13.7238 24.276 13.5 23.9998 13.5L23.9999 14.5ZM8.00003 14.501L23.9999 14.5L23.9998 13.5L7.99997 13.501L8.00003 14.501Z' fill='%23ffffff' mask='url(%23path-6-inside-3_4851_50517)'/%3E%3C/svg%3E%0A");
  --datepicker-icon-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12 10L8 6L4 10' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --datepicker-icon-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' class='s-icon s-icon-small replaced-svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-previous: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M21 26L11 16L21 6' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-next: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M11 26L21 16L11 6' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-today: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M27.172 15.9998C27.172 10.0168 22.3218 5.1665 16.3387 5.1665C10.3556 5.1665 5.50537 10.0168 5.50537 15.9998C5.50537 21.9829 10.3556 26.8332 16.3387 26.8332C22.3218 26.8332 27.172 21.9829 27.172 15.9998Z' stroke='%23ffffff'%3E%3C/path%3E%3Cpath d='M10.9222 16L3.33887 16' stroke='%23ffffff'%3E%3C/path%3E%3Cpath d='M29.3387 16L21.7554 16' stroke='%23ffffff'%3E%3C/path%3E%3Cpath d='M16.3389 21.4167L16.3389 29' stroke='%23ffffff'%3E%3C/path%3E%3Cpath d='M16.3389 3.00016L16.3389 10.5835' stroke='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-clear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M5.3335 13.3335L26.6668 13.3335' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M16 16V24' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M20 17.3335L20 22.6668' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M12 17.3335L12 22.6668' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M24 10.6667V10C24 8.89543 23.1046 8 22 8H10C8.89543 8 8 8.89543 8 10V10.6667' stroke='%23ffffff'%3E%3C/path%3E%3Cpath d='M18.6668 8.00016V7.3335C18.6668 6.22893 17.7714 5.3335 16.6668 5.3335H15.3335C14.2289 5.3335 13.3335 6.22893 13.3335 7.3335V8.00016' stroke='%23ffffff'%3E%3C/path%3E%3Cpath d='M24 10.667V24.667C24 25.7716 23.1046 26.667 22 26.667H10C8.89543 26.667 8 25.7716 8 24.667V10.667' stroke='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M4.25684 4L16.2568 16M28.2568 28L16.2568 16M16.2568 16L28.2568 4M16.2568 16L4.25684 28' stroke='%23ffffff' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --datepicker-bg: #222222;
  --datepicker-button: #4C4C4C;
  --datepicker-day-color: #4C4C4C;
  --datepicker-day-active: #ffffff;
  --datepicker-day-hover: #FFFFFF;
  --datepicker-border: #ffffff;
  --datepicker-dow-border: #4c4c4c;
  --datepicker-range: #4c4c4c;
  --datepicker-dow-color: #FFFFFF;
  --datepicker-disabled-color: #424242;
  --datepicker-new-color: #969696;
  --datepicker-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' %3E%3Cpath d='M15.4167 7.33335C15.4167 7.05721 15.1929 6.83335 14.9167 6.83335C14.6406 6.83335 14.4167 7.05721 14.4167 7.33335H15.4167ZM14.9167 16.5417H14.4167V16.8162L14.6483 16.9635L14.9167 16.5417ZM20.6066 20.7552C20.8396 20.9034 21.1486 20.8348 21.2969 20.6018C21.4451 20.3688 21.3765 20.0598 21.1435 19.9115L20.6066 20.7552ZM16 3.5C22.9036 3.5 28.5 9.09644 28.5 16H29.5C29.5 8.54416 23.4558 2.5 16 2.5V3.5ZM28.5 16C28.5 22.9036 22.9036 28.5 16 28.5V29.5C23.4558 29.5 29.5 23.4558 29.5 16H28.5ZM16 28.5C9.09644 28.5 3.5 22.9036 3.5 16H2.5C2.5 23.4558 8.54416 29.5 16 29.5V28.5ZM3.5 16C3.5 9.09644 9.09644 3.5 16 3.5V2.5C8.54416 2.5 2.5 8.54416 2.5 16H3.5ZM14.4167 7.33335V16.5417H15.4167V7.33335H14.4167ZM14.6483 16.9635L20.6066 20.7552L21.1435 19.9115L15.1851 16.1199L14.6483 16.9635Z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-date: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 8.00094C4.5 7.74467 4.72303 7.50098 5.04348 7.50098H26.9565C27.277 7.50098 27.5 7.74467 27.5 8.00094V27.0002C27.5 27.2564 27.277 27.5001 26.9565 27.5001H5.04348C4.72303 27.5001 4.5 27.2564 4.5 27.0002V8.00094Z' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.7173 4C10.7173 3.72386 10.4934 3.5 10.2173 3.5C9.94114 3.5 9.71729 3.72386 9.71729 4H10.7173ZM9.71729 10.9997C9.71729 11.2759 9.94114 11.4997 10.2173 11.4997C10.4934 11.4997 10.7173 11.2759 10.7173 10.9997H9.71729ZM9.71729 4V10.9997H10.7173V4H9.71729Z' fill='%23ffffff' mask='url(%23path-2-inside-1_4851_50517)'/%3E%3Cpath d='M22.2827 4C22.2827 3.72386 22.0589 3.5 21.7827 3.5C21.5066 3.5 21.2827 3.72386 21.2827 4H22.2827ZM21.2827 10.9997C21.2827 11.2759 21.5066 11.4997 21.7827 11.4997C22.0589 11.4997 22.2827 11.2759 22.2827 10.9997H21.2827ZM21.2827 4V10.9997H22.2827V4H21.2827Z' fill='%23ffffff' mask='url(%23path-4-inside-2_4851_50517)'/%3E%3Cpath d='M7.99997 13.501C7.72383 13.501 7.49998 13.7249 7.5 14.001C7.50002 14.2771 7.72389 14.501 8.00003 14.501L7.99997 13.501ZM23.9999 14.5C24.276 14.5 24.4999 14.2761 24.4999 14C24.4999 13.7238 24.276 13.5 23.9998 13.5L23.9999 14.5ZM8.00003 14.501L23.9999 14.5L23.9998 13.5L7.99997 13.501L8.00003 14.501Z' fill='%23ffffff' mask='url(%23path-6-inside-3_4851_50517)'/%3E%3C/svg%3E%0A");
  --datepicker-icon-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12 10L8 6L4 10' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --datepicker-icon-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' class='s-icon s-icon-small replaced-svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-previous: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M21 26L11 16L21 6' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-next: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M11 26L21 16L11 6' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-today: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M27.172 15.9998C27.172 10.0168 22.3218 5.1665 16.3387 5.1665C10.3556 5.1665 5.50537 10.0168 5.50537 15.9998C5.50537 21.9829 10.3556 26.8332 16.3387 26.8332C22.3218 26.8332 27.172 21.9829 27.172 15.9998Z' stroke='%23ffffff'%3E%3C/path%3E%3Cpath d='M10.9222 16L3.33887 16' stroke='%23ffffff'%3E%3C/path%3E%3Cpath d='M29.3387 16L21.7554 16' stroke='%23ffffff'%3E%3C/path%3E%3Cpath d='M16.3389 21.4167L16.3389 29' stroke='%23ffffff'%3E%3C/path%3E%3Cpath d='M16.3389 3.00016L16.3389 10.5835' stroke='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-clear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M5.3335 13.3335L26.6668 13.3335' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M16 16V24' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M20 17.3335L20 22.6668' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M12 17.3335L12 22.6668' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M24 10.6667V10C24 8.89543 23.1046 8 22 8H10C8.89543 8 8 8.89543 8 10V10.6667' stroke='%23ffffff'%3E%3C/path%3E%3Cpath d='M18.6668 8.00016V7.3335C18.6668 6.22893 17.7714 5.3335 16.6668 5.3335H15.3335C14.2289 5.3335 13.3335 6.22893 13.3335 7.3335V8.00016' stroke='%23ffffff'%3E%3C/path%3E%3Cpath d='M24 10.667V24.667C24 25.7716 23.1046 26.667 22 26.667H10C8.89543 26.667 8 25.7716 8 24.667V10.667' stroke='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
  --datepicker-icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none' class='s-icon replaced-svg'%3E%3Cpath d='M4.25684 4L16.2568 16M28.2568 28L16.2568 16M16.2568 16L28.2568 4M16.2568 16L4.25684 28' stroke='%23ffffff' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");
}

.s-datepicker .s-icon {
  cursor: pointer;
}
.s-datepicker[data-type=time] ~ .tempus-dominus-widget .toolbar {
  display: none;
}

.tempus-dominus-widget {
  border-radius: 20px;
  padding: 15px;
  font-size: 15px;
  margin-top: 10px !important;
  min-height: auto;
  z-index: 98;
}
.tempus-dominus-widget.light {
  background-color: var(--datepicker-bg);
}
.tempus-dominus-widget .s-icon-time,
.tempus-dominus-widget .s-icon-date,
.tempus-dominus-widget .s-icon-up,
.tempus-dominus-widget .s-icon-down,
.tempus-dominus-widget .s-icon-previous,
.tempus-dominus-widget .s-icon-next,
.tempus-dominus-widget .s-icon-today,
.tempus-dominus-widget .s-icon-clear,
.tempus-dominus-widget .s-icon-close {
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.tempus-dominus-widget.light {
  color: var(--datepicker-dow-color);
}
.tempus-dominus-widget.light button {
  background-color: var(--datepicker-button);
  border: none;
}
.tempus-dominus-widget .date-container-days {
  grid-auto-rows: auto;
}
.tempus-dominus-widget.light .date-container-days .dow {
  font-size: 15px;
  color: var(--datepicker-dow-color);
  line-height: 40px;
  height: 40px;
  font-weight: bold;
}
.tempus-dominus-widget .calendar-header .picker-switch:not(.disabled) {
  position: relative;
  padding-right: 8px;
}
.tempus-dominus-widget .calendar-header .picker-switch:not(.disabled):before {
  content: "";
  background-image: var(--datepicker-icon-down);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.tempus-dominus-widget .date-container-decades div:not(.no-highlight),
.tempus-dominus-widget .date-container-years div:not(.no-highlight),
.tempus-dominus-widget .date-container-months div:not(.no-highlight),
.tempus-dominus-widget .date-container-days div:not(.no-highlight),
.tempus-dominus-widget .time-container-clock div:not(.no-highlight),
.tempus-dominus-widget .time-container-hour div:not(.no-highlight),
.tempus-dominus-widget .time-container-minute div:not(.no-highlight),
.tempus-dominus-widget .time-container-second div:not(.no-highlight) {
  height: 36px;
  border: 1px solid transparent;
}
.tempus-dominus-widget.light .toolbar div:hover, .tempus-dominus-widget.light .toolbar div {
  background-color: var(--datepicker-dow-border);
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight):hover {
  background-color: var(--datepicker-bg);
  border: 1px solid var(--datepicker-border);
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active {
  background-color: var(--datepicker-day-active);
  color: var(--datepicker-day-color);
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).today:before, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).today:before, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).today:before, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).today:before {
  border-bottom-color: var(--datepicker-day-active);
}
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).day-inrange {
  position: relative;
}
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).day-inrange:after {
  content: "";
  position: absolute !important;
  width: calc(100% + 32px) !important;
  height: 100% !important;
  background-color: var(--datepicker-range);
  clip: initial !important;
  z-index: -1;
  left: -14px;
}
.tempus-dominus-widget .s-icon-time {
  background-image: var(--datepicker-icon-time);
}
.tempus-dominus-widget .s-icon-date {
  background-image: var(--datepicker-icon-date);
}
.tempus-dominus-widget .s-icon-up {
  background-image: var(--datepicker-icon-up);
}
.tempus-dominus-widget .s-icon-down {
  background-image: var(--datepicker-icon-down);
}
.tempus-dominus-widget .s-icon-previous {
  background-image: var(--datepicker-icon-previous);
}
.tempus-dominus-widget .s-icon-next {
  background-image: var(--datepicker-icon-next);
}
.tempus-dominus-widget .s-icon-today {
  background-image: var(--datepicker-icon-today);
}
.tempus-dominus-widget .s-icon-clear {
  background-image: var(--datepicker-icon-clear);
}
.tempus-dominus-widget .s-icon-close {
  background-image: var(--datepicker-icon-close);
}
.tempus-dominus-widget.light [data-action].disabled, .tempus-dominus-widget.light [data-action].disabled:hover {
  color: var(--datepicker-disabled-color);
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).new {
  color: var(--datepicker-new-color);
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled:hover {
  color: var(--datepicker-disabled-color);
}

/**
 * Helper mixins
*/
:root,
::after,
::before {
  --cardbutton-bg: #FFFFFF;
  --cardbutton-box-shadow: 0 4px 4px rgba(0,0,0,.1);
  --cardbutton-arrow-color: #ed1c24;
  --cardbutton-icon-hover: #4C4C4C;
  --cardbutton-border: #f2f2f2;
  --cardbutton-checked-color: #34A634;
  --cardbutton-arrow: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 20L16 12L8 4' stroke='%23ED1C24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --cardbutton-trash: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33398 13.334L26.6673 13.334' stroke='%23969696' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 16V24' stroke='%23969696' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 17.334L20 22.6673' stroke='%23969696' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 17.334L12 22.6673' stroke='%23969696' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 10.6667V10C24 8.89543 23.1046 8 22 8H10C8.89543 8 8 8.89543 8 10V10.6667' stroke='%23969696'/%3E%3Cpath d='M18.6673 8.00065V7.33398C18.6673 6.22941 17.7719 5.33398 16.6673 5.33398H15.334C14.2294 5.33398 13.334 6.22942 13.334 7.33398V8.00065' stroke='%23969696'/%3E%3Cpath d='M24 10.668V24.668C24 25.7725 23.1046 26.668 22 26.668H10C8.89543 26.668 8 25.7725 8 24.668V10.668' stroke='%23969696'/%3E%3C/svg%3E%0A");
  --cardbutton-trash-hover: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33398 13.334L26.6673 13.334' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 16V24' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 17.334L20 22.6673' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 17.334L12 22.6673' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 10.6667V10C24 8.89543 23.1046 8 22 8H10C8.89543 8 8 8.89543 8 10V10.6667' stroke='%23222222'/%3E%3Cpath d='M18.6673 8.00065V7.33398C18.6673 6.22941 17.7719 5.33398 16.6673 5.33398H15.334C14.2294 5.33398 13.334 6.22942 13.334 7.33398V8.00065' stroke='%23222222'/%3E%3Cpath d='M24 10.668V24.668C24 25.7725 23.1046 26.668 22 26.668H10C8.89543 26.668 8 25.7725 8 24.668V10.668' stroke='%23222222'/%3E%3C/svg%3E%0A");
  --s-card-secondary-bg: #FAFAFA;
  --s-card-secondary-border: #DDDDDD;
}

[data-theme=dark] {
  --cardbutton-bg: #222222;
  --cardbutton-box-shadow: none;
  --cardbutton-icon-hover: #ffffff;
  --cardbutton-trash-hover: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33398 13.334L26.6673 13.334' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 16V24' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 17.334L20 22.6673' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 17.334L12 22.6673' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 10.6667V10C24 8.89543 23.1046 8 22 8H10C8.89543 8 8 8.89543 8 10V10.6667' stroke='%23ffffff'/%3E%3Cpath d='M18.6673 8.00065V7.33398C18.6673 6.22941 17.7719 5.33398 16.6673 5.33398H15.334C14.2294 5.33398 13.334 6.22942 13.334 7.33398V8.00065' stroke='%23ffffff'/%3E%3Cpath d='M24 10.668V24.668C24 25.7725 23.1046 26.668 22 26.668H10C8.89543 26.668 8 25.7725 8 24.668V10.668' stroke='%23ffffff'/%3E%3C/svg%3E%0A");
  --s-card-secondary-bg: #222222;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --cardbutton-bg: #222222;
  --cardbutton-box-shadow: none;
  --cardbutton-icon-hover: #ffffff;
  --cardbutton-trash-hover: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33398 13.334L26.6673 13.334' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 16V24' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 17.334L20 22.6673' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 17.334L12 22.6673' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 10.6667V10C24 8.89543 23.1046 8 22 8H10C8.89543 8 8 8.89543 8 10V10.6667' stroke='%23ffffff'/%3E%3Cpath d='M18.6673 8.00065V7.33398C18.6673 6.22941 17.7719 5.33398 16.6673 5.33398H15.334C14.2294 5.33398 13.334 6.22942 13.334 7.33398V8.00065' stroke='%23ffffff'/%3E%3Cpath d='M24 10.668V24.668C24 25.7725 23.1046 26.668 22 26.668H10C8.89543 26.668 8 25.7725 8 24.668V10.668' stroke='%23ffffff'/%3E%3C/svg%3E%0A");
  --s-card-secondary-bg: #222222;
}
[data-theme=dark] .s-card-item:hover {
  box-shadow: none !important;
  background-color: var(--c-gray-750);
}
[data-theme=dark] .s-card-item__collapse .s-card-item:hover {
  background-color: var(--cardbutton-bg);
}
[data-theme=dark] .s-card-item--collapsible[aria-expanded=true]:hover {
  background-color: var(--cardbutton-bg);
}

.s-card-item {
  background-color: var(--cardbutton-bg);
  box-shadow: var(--elevation-1);
  border-radius: 20px;
  padding: 24px 16px 24px 24px;
  min-height: 96px;
  display: flex;
  align-items: center;
  position: relative;
  transition: box-shadow 0.3s ease;
  color: inherit;
  text-decoration: none;
}
.s-card-item--border {
  border: 1px solid var(--cardbutton-border);
}
.s-card-item--border[aria-expanded=true] {
  border-bottom: 0;
}
.s-card-item--border + .s-card-item__collapse > .s-card-item {
  border: 1px solid var(--cardbutton-border);
  border-top: 0;
}
.s-card-item:hover {
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  appearance: none;
  color: inherit;
}
.s-card-item:hover .s-icon path[stroke],
.s-card-item:hover .s-icon circle[stroke],
.s-card-item:hover .s-icon rect[stroke] {
  stroke: var(--cardbutton-icon-hover);
}
.s-card-item:hover .s-icon path[fill]:not([fill=none]),
.s-card-item:hover .s-icon circle[fill]:not([fill=none]),
.s-card-item:hover .s-icon rect[fill]:not([fill=none]) {
  fill: var(--cardbutton-icon-hover);
}
.s-card-item:nth-child(n+2) {
  margin-top: 16px;
}
.s-card-item-list--contain {
  max-width: 415px;
  margin: auto;
}
.s-card-item--collapsible .s-card-item__arrow {
  transform: rotate(90deg) translateX(-50%);
}
.s-card-item--collapsible[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-box-shadow: var(--cardbutton-box-shadow);
  -moz-box-shadow: var(--cardbutton-box-shadow);
  box-shadow: var(--cardbutton-box-shadow);
}
.s-card-item--collapsible[aria-expanded=true] .s-card-item__arrow {
  transform: rotate(-90deg) translateX(50%);
}
.s-card-item--collapsible[aria-expanded=true] .s-icon path[stroke],
.s-card-item--collapsible[aria-expanded=true] .s-icon circle[stroke],
.s-card-item--collapsible[aria-expanded=true] .s-icon rect[stroke] {
  stroke: var(--cardbutton-icon-hover);
}
.s-card-item--collapsible[aria-expanded=true] .s-icon path[fill]:not([fill=none]),
.s-card-item--collapsible[aria-expanded=true] .s-icon circle[fill]:not([fill=none]),
.s-card-item--collapsible[aria-expanded=true] .s-icon rect[fill]:not([fill=none]) {
  fill: var(--cardbutton-icon-hover);
}
.s-card-item--small {
  min-height: 0;
  padding: 16px;
  border-radius: 10px;
}
.s-card-item--small .s-card-item__icon {
  margin-right: 12px;
}
.s-card-item--small .s-card-item__icon .s-icon {
  width: 24px;
  height: 24px;
}
.s-card-item--empty .s-card-item__content {
  padding-right: 0;
}
.s-card-item--tag {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 12px;
}
.s-card-item--tag .s-card-item__wrapper {
  display: flex;
  width: 100%;
}
.s-card-item--tag .s-tag {
  position: relative;
  margin-bottom: 6px;
  margin-left: -8px;
}
.s-card-item--checkbox {
  border: 1px solid var(--cardbutton-bg);
}
.s-card-item--checkbox:nth-child(n+2) {
  margin-top: 32px;
}
.s-card-item--checked {
  border-color: var(--cardbutton-checked-color);
}
.s-card-item--compact .s-card-item__icon {
  margin-right: 16px;
}
.s-card-item--compact .s-card-item__icon svg {
  width: 40px;
  height: 40px;
}
.s-card-item--compact .s-card-item__arrow {
  width: 24px;
  height: 24px;
}
.s-card-item--compact .s-card-item__content {
  padding-right: 23px;
}
.s-card-item__content p {
  margin: 0;
}
.s-card-item__collapse .s-card-item {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  appearance: none;
}
.s-card-item__collapse:not(.s-card-item__collapse--show):not(.show) {
  display: none;
}
.s-card-item__collapse:not(.s-card-item__collapse--show):not(.show) .s-card-item {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 16px;
  transition: opacity 0.2s ease;
  display: block;
  padding-top: 0;
}
.s-card-item__icon {
  flex: 1;
  width: 100%;
  margin-right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s-card-item__icon .s-icon {
  width: 48px;
  height: 48px;
}
.s-card-item__icon .s-icon path[stroke],
.s-card-item__icon .s-icon circle[stroke],
.s-card-item__icon .s-icon rect[stroke] {
  transition: all 0.1s ease-in-out;
}
.s-card-item__icon .s-icon path[fill]:not([fill=none]),
.s-card-item__icon .s-icon circle[fill]:not([fill=none]),
.s-card-item__icon .s-icon rect[fill]:not([fill=none]) {
  transition: all 0.1s ease-in-out;
}
.s-card-item__icon.s-card-item__icon-top {
  align-self: flex-start;
}
.s-card-item__row {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 18px;
  align-items: center;
  max-width: 196px;
  width: 100%;
  margin-top: 8px;
}
.s-card-item__row.s-card-item__row-full {
  display: flex;
  justify-content: space-between;
  max-width: calc(100% - 16px);
}
.s-card-item__content {
  flex: 999;
  padding-right: 16px;
}
.s-card-item__link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: transparent;
}
.s-card-item__delete {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  outline: 0;
  height: 32px;
  width: 32px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  text-decoration: none;
  transition: all 0.3s ease;
  background: var(--cardbutton-trash) no-repeat center/contain;
}
.s-card-item__delete:hover {
  background: var(--cardbutton-trash-hover) no-repeat center/contain;
}
.s-card-item__arrow {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  flex-shrink: 0;
  color: var(--cardbutton-arrow-color);
  font-size: 20px;
  transition: transform 0.3s ease;
  background-image: var(--arrow-svg);
  background-size: contain;
  background-position: center;
  width: 20px;
  height: 20px;
}

.s-card-secondary {
  border-radius: 10px;
  text-decoration: none;
  background-color: var(--s-card-secondary-bg);
  padding: 16px;
  display: block;
  border: 1px solid transparent;
  color: inherit;
}
.s-card-secondary:hover {
  border: 1px solid var(--s-card-secondary-border);
  color: inherit;
}

:root {
  --tooltip-bg: #ffffff;
  --tooltip-bg-invert-rgb: 0, 0, 0;
  --tooltip-text: #000000;
  --tooltip-dark-bg: #4C4C4C;
  --tooltip-dark-text: #ffffff;
}

.tippy-box {
  background: var(--tooltip-bg);
  color: var(--tooltip-text);
  box-shadow: 0px 16px 32px rgba(var(--tooltip-bg-invert-rgb), 0.1);
  font-size: 12px;
  border-radius: 8px;
}
.tippy-box .tippy-content {
  padding: 16px;
}
.tippy-box .tippy-arrow {
  color: var(--tooltip-bg);
}
.tippy-box .with-icon-left,
.tippy-box .with-icon-right {
  display: flex;
}
.tippy-box .with-icon-left .s-icon,
.tippy-box .with-icon-right .s-icon {
  position: relative;
  left: inherit;
  top: inherit;
  bottom: inherit;
  right: inherit;
  opacity: 1;
  width: 30px;
  height: 30px;
}
.tippy-box .with-icon-left > :last-child,
.tippy-box .with-icon-right > :last-child {
  width: calc(100% - 40px);
}
.tippy-box .with-icon-right {
  flex-direction: row-reverse;
}
.tippy-box .with-icon-left .s-icon {
  margin-right: 10px;
}
.tippy-box .with-icon-right .s-icon {
  margin-left: 10px;
}
.tippy-box[data-placement^=top] > .tippy-arrow, .tippy-box[data-placement^=bottom] > .tippy-arrow {
  height: 12px;
  width: 20px;
}
.tippy-box[data-placement^=left] > .tippy-arrow, .tippy-box[data-placement^=right] > .tippy-arrow {
  width: 12px;
  height: 20px;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -12px;
  border-width: 12px 10px 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -12px;
  border-width: 0 10px 12px;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  right: -12px;
  border-width: 12px 0 12px 12px;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.tippy-box[data-theme=dark] {
  background: var(--tooltip-dark-bg);
  color: var(--tooltip-dark-text);
}
.tippy-box[data-theme=dark] .tippy-arrow {
  color: var(--tooltip-dark-bg);
}
.tippy-box[data-theme=dark] .s-icon path[stroke],
.tippy-box[data-theme=dark] .s-icon circle[stroke],
.tippy-box[data-theme=dark] .s-icon rect[stroke] {
  stroke: #f2f2f2;
}
.tippy-box[data-theme=dark] .s-icon path[fill]:not([fill=none]),
.tippy-box[data-theme=dark] .s-icon circle[fill]:not([fill=none]),
.tippy-box[data-theme=dark] .s-icon rect[fill]:not([fill=none]) {
  fill: #f2f2f2;
}

.s-tooltip {
  display: inline-block;
  position: relative;
  bottom: 3px;
  right: 0;
  cursor: pointer;
}
.s-tooltip .s-icon {
  position: relative;
  right: initial;
  bottom: initial;
  width: 20px;
  height: 20px;
}
.s-tooltip.s-tooltip-xl .s-icon {
  width: 32px;
  height: 32px;
}
.s-tooltip.s-tooltip-l .s-icon {
  width: 24px;
  height: 24px;
}

sup.s-tooltip {
  top: unset;
}

/**
 * Helper mixins
*/
.cta-box {
  position: relative;
  display: flex;
  align-items: flex-end;
  padding-top: 48px;
  overflow: hidden;
  background-color: var(--footer-background-color, #4C4C4C);
  flex-direction: row;
}
.cta-box.has-bg-height {
  min-height: 750px;
  padding-top: 0;
}
.cta-box.has-bg-height .cta-box-background {
  position: absolute;
  width: 100%;
  height: 750px;
  background-color: var(--footer-background-color, #4C4C4C);
  background-image: var(--footer-background-image, url("/triglav-web-static/seamless/latest/images/footer/footer_D.jpg"));
  background-position: center top;
  background-size: cover;
}
.cta-box.has-bg-height .cta-box-background img {
  display: none;
}
@media (max-width: 991.98px) {
  .cta-box.has-bg-height {
    min-height: 400px;
  }
  .cta-box.has-bg-height .cta-box-background {
    background-image: var(--footer-background-image-tm, url("/triglav-web-static/seamless/latest/images/footer/footer_TM.jpg"));
    background-position: right top;
    height: 400px;
  }
}
.cta-box.has-bg-gradient .gradient {
  background-color: #FAFAFA;
  top: 0;
}
.cta-box .gradient {
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
  height: 320px;
  background-image: var(--footer-gradient, linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, rgba(29, 24, 21, 0) 0.01%, #4c4c4c 100%));
}
.cta-box .container {
  position: relative;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .cta-box {
    display: block;
  }
  .cta-box.has-bg-height .cta-box-background {
    position: relative;
  }
  .cta-box.has-bg-height .gradient {
    top: 80px;
  }
  .cta-box.has-bg-height .container {
    margin-top: -100px;
  }
}
.cta-box .cta-links {
  margin-bottom: 48px;
}
@media (max-width: 991.98px) {
  .cta-box .cta-links--column {
    flex-direction: column;
  }
  .cta-box .cta-links--column a {
    align-self: center;
    margin-bottom: 30px;
  }
  .cta-box .cta-links--column a:last-child {
    margin-bottom: 0;
  }
}
.cta-box .social {
  display: flex;
  justify-content: center;
  margin-left: -48px;
  margin-bottom: 48px;
}
.cta-box .social a {
  display: block;
  margin-left: 48px;
  transition: opacity 0.125s;
}
.cta-box .social a:hover {
  opacity: 0.5;
  transition: opacity 0.125s;
}
@media (max-width: 767.98px) {
  .cta-box .social {
    margin-left: -25px;
  }
  .cta-box .social a {
    margin-left: 25px;
  }
}

.s-dropup-menu {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.48px;
  color: #969696;
}
.s-dropup-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.s-dropup-menu a {
  display: block;
  color: #969696;
  text-decoration: none;
  transition: color 0.2s;
}
.s-dropup-menu a:hover {
  color: white;
  transition: color 0.2s;
}
.s-dropup-menu .tm-close-wrapper {
  display: none;
}
.s-dropup-menu .dum-trigger {
  display: inline-block;
  background-color: transparent;
  border-top: 1px solid transparent;
}
.s-dropup-menu .dum-trigger a:not(.s-btn) {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: white;
  text-decoration: none;
  padding: 15px;
}
.s-dropup-menu .dum-trigger a:not(.s-btn) .text {
  padding-left: 10px;
  padding-right: 25px;
}
.s-dropup-menu .dum-trigger a:not(.s-btn) .s-icon-close {
  display: none;
}
.s-dropup-menu .dum-menu-container {
  display: none;
  z-index: 1;
  padding: 20px 15px 20px 0;
  position: absolute;
  bottom: 63px;
  right: 0;
  width: 100%;
  background-color: var(--dropupmenu-background-color, #222);
}
.s-dropup-menu .dum-menu-container .dum-menu1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: right;
}
.s-dropup-menu .dum-menu-container .dum-menu1 a {
  display: block;
  color: white;
  position: relative;
}
.s-dropup-menu .dum-menu-container .dum-menu1 a::after {
  clear: both;
  content: "";
  display: table;
}
.s-dropup-menu .dum-menu-container .dum-menu1 a .s-icon-tm {
  display: none;
}
.s-dropup-menu .dum-menu-container .dum-menu1 a .s-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  left: 15px;
}
.s-dropup-menu .dum-menu-container .dum-menu1 a.has-submenu {
  padding-left: 30px;
}
.s-dropup-menu .dum-menu-container .dum-menu1 a + a {
  margin-top: 15px;
}
.s-dropup-menu .dum-menu-container.active .dum-menu1 a:not(.active) {
  color: #969696;
}
.s-dropup-menu .dum-menu-container.active .dum-menu1 a:not(.active) .s-icon path[stroke],
.s-dropup-menu .dum-menu-container.active .dum-menu1 a:not(.active) .s-icon circle[stroke],
.s-dropup-menu .dum-menu-container.active .dum-menu1 a:not(.active) .s-icon rect[stroke] {
  stroke: #969696;
}
.s-dropup-menu .dum-menu-container.active .dum-menu1 a:not(.active) .s-icon path[fill]:not([fill=none]),
.s-dropup-menu .dum-menu-container.active .dum-menu1 a:not(.active) .s-icon circle[fill]:not([fill=none]),
.s-dropup-menu .dum-menu-container.active .dum-menu1 a:not(.active) .s-icon rect[fill]:not([fill=none]) {
  fill: #969696;
}
.s-dropup-menu .dum-menu2 {
  display: none;
  min-width: 235px;
}
.s-dropup-menu .dum-menu2.active {
  display: block;
}
.s-dropup-menu .dum-menu2-container {
  position: absolute;
  bottom: 0;
  left: 1px;
  transform: translateX(-100%);
  min-height: 100%;
  padding: 20px 0 10px 0;
  background-color: var(--dropupmenu-background-color, #222);
}
.s-dropup-menu .dum-menu2-container li + li {
  margin-top: 15px;
}
@media (max-width: 991.98px) {
  .s-dropup-menu .dum-menu2-container li:last-child {
    margin-bottom: 100px;
  }
}
.s-dropup-menu .dum-menu2-container a {
  color: white;
  text-decoration: none;
  padding: 0 30px;
  white-space: nowrap;
}
@media (max-width: 575.98px) {
  .s-dropup-menu .dum-menu2-container a {
    white-space: normal;
  }
}
.s-dropup-menu.active {
  background-color: var(--dropupmenu-background-color, #222);
}
@media (max-width: 991.98px) {
  .s-dropup-menu.active {
    background-color: transparent;
  }
}
.s-dropup-menu.active .dum-trigger {
  background-color: var(--dropupmenu-background-color, #222);
  border-top: 1px solid #C4C4C4;
}
@media (max-width: 991.98px) {
  .s-dropup-menu.active .dum-trigger {
    background-color: transparent;
    border-top-color: transparent;
  }
}
.s-dropup-menu.active .dum-trigger a .s-icon-open {
  display: none;
}
.s-dropup-menu.active .dum-trigger a .s-icon-close {
  display: inline-block;
}
.s-dropup-menu.active .dum-menu-container {
  display: block;
}
@media (max-width: 991.98px) {
  .s-dropup-menu.active .tm-close-wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 46px;
  }
  .s-dropup-menu.active .tm-close-wrapper .tm-close {
    text-align: right;
  }
  .s-dropup-menu.active .tm-close-wrapper .logo {
    max-width: 160px;
  }
  .s-dropup-menu.active .dum-menu-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: var(--dropupmenu-background-color, #222);
    z-index: 3000;
  }
  .s-dropup-menu.active .dum-menu-wrapper .dum-menu-container {
    background-color: transparent;
    bottom: 0;
    max-width: 340px;
    min-height: 320px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 10px;
  }
  .s-dropup-menu.active .dum-menu-wrapper .tm-menu-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .s-dropup-menu.active .dum-menu-wrapper .tm-menu-wrapper .dum-menu1 .s-icon-d {
    display: none;
  }
  .s-dropup-menu.active .dum-menu-wrapper .tm-menu-wrapper .dum-menu1 .s-icon-tm {
    display: block;
  }
  .s-dropup-menu.active .dum-menu-wrapper .tm-menu-wrapper .dum-menu2-container {
    position: relative;
    transform: none;
    background-color: transparent;
    padding: 0;
  }
  .s-dropup-menu.active .dum-menu-wrapper .dum-menu1 {
    text-align: left;
  }
  .s-dropup-menu.active .dum-menu-wrapper .dum-menu1 a.has-submenu {
    padding-right: 30px;
    padding-left: 0;
  }
  .s-dropup-menu.active .dum-menu-wrapper .dum-menu1 a .s-icon {
    left: auto;
    right: 0;
  }
  .s-dropup-menu.active .dum-menu-wrapper.condensed .dum-menu-container {
    position: relative;
    padding: 40px 0;
    top: 0;
    transform: translateX(-50%);
  }
}
@media (max-height: 350px) {
  .s-dropup-menu.active .dum-menu-wrapper .dum-menu-container {
    position: relative;
    padding: 40px 0;
    top: 0;
    transform: translateX(-50%);
  }
}

/* footer */
/* .s-container class instead of this?  */
@media (min-width: 1200px) {
  .s-footer .container {
    max-width: 1340px;
  }
}

footer {
  font-family: "Open Sans", sans-serif;
  background-color: var(--footer-background-color, #4C4C4C);
  padding-bottom: 48px;
  transition: all 0.3s;
  /* DARKMODE FIX icons */
}
footer .footer-top {
  position: relative;
  min-height: 750px;
  display: flex;
  align-items: flex-end;
}
footer .footer-top .footer-background {
  position: absolute;
  width: 100%;
  height: 750px;
  background-color: var(--footer-background-color, #4C4C4C);
  background-image: var(--footer-background-image, url("/triglav-web-static/seamless/latest/images/footer/footer_D.jpg"));
  background-position: center top;
  background-size: cover;
}
footer .footer-top .footer-background img {
  display: none;
}
@media (max-width: 991.98px) {
  footer .footer-top .footer-background {
    background-image: var(--footer-background-image-tm, url("/triglav-web-static/seamless/latest/images/footer/footer_TM.jpg"));
    background-position: right top;
    height: 400px;
  }
}
footer .footer-top .gradient {
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
  height: 320px;
  background-image: var(--footer-gradient, linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, rgba(29, 24, 21, 0) 0.01%, #4c4c4c 100%));
}
footer .footer-top .container {
  position: relative;
  z-index: 1;
}
@media (max-width: 991.98px) {
  footer .footer-top {
    display: block;
  }
  footer .footer-top .footer-background {
    position: relative;
  }
  footer .footer-top .gradient {
    top: 80px;
  }
  footer .footer-top .container {
    margin-top: -100px;
  }
}
footer .footer-top .cta-links {
  margin-bottom: 48px;
}
@media (max-width: 991.98px) {
  footer .footer-top .cta-links--column {
    flex-direction: column;
  }
  footer .footer-top .cta-links--column a {
    align-self: center;
    margin-bottom: 25px;
  }
  footer .footer-top .cta-links--column a:last-child {
    margin-bottom: 0;
  }
}
footer .footer-top .social {
  display: flex;
  justify-content: center;
  margin-left: -48px;
  margin-bottom: 48px;
}
footer .footer-top .social a {
  display: block;
  margin-left: 48px;
  transition: opacity 0.125s;
}
footer .footer-top .social a:hover {
  opacity: 0.5;
  transition: opacity 0.125s;
}
@media (max-width: 767.98px) {
  footer .footer-top .social {
    margin-left: -25px;
  }
  footer .footer-top .social a {
    margin-left: 25px;
  }
}
footer .footer-bottom {
  position: relative;
  font-size: 15px;
  line-height: 25px;
}
footer .footer-bottom > .container > .row {
  padding-top: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
footer .footer-bottom > .container > .row:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
footer .footer-bottom > .container > .row:last-child {
  border-bottom: 0px none;
}
footer .footer-bottom h9 {
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: 8px;
  display: block;
}
footer .footer-bottom .footer-columns {
  margin-left: -15px;
}
footer .footer-bottom .footer-columns::after {
  clear: both;
  content: "";
  display: table;
}
footer .footer-bottom .footer-columns .footer-column {
  width: 25%;
  float: left;
  padding-left: 15px;
  color: white;
}
footer .footer-bottom .footer-columns .footer-column ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footer-bottom .footer-columns .footer-column ul li {
  margin-bottom: 16px;
  padding-left: 0;
}
footer .footer-bottom .footer-columns .footer-column ul li:last-child {
  margin-bottom: 0;
}
footer .footer-bottom .footer-columns .footer-column a {
  display: block;
  color: white;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.03em;
  transition: opacity 0.125s;
}
footer .footer-bottom .footer-columns .footer-column a:hover {
  opacity: 0.5;
  transition: opacity 0.125s;
}
footer .footer-bottom .footer-columns .footer-column .footer-images-block {
  display: grid;
  grid-template-columns: 64px 64px 64px;
  grid-row-gap: 16px;
  grid-column-gap: 24px;
}
footer .footer-bottom .footer-columns .footer-column .footer-images-block .s-custom-icons {
  display: block;
  max-width: 64px;
  max-height: 64px;
  min-height: 48px;
  width: 100%;
}
@media (max-width: 1199.98px) {
  footer .footer-bottom .footer-columns .footer-column .footer-images-block {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 991.98px) {
  footer .footer-bottom .footer-columns .footer-column .footer-images-block {
    display: flex;
    align-items: center;
  }
  footer .footer-bottom .footer-columns .footer-column .footer-images-block::after {
    display: none;
  }
  footer .footer-bottom .footer-columns .footer-column .footer-images-block .s-custom-icons {
    float: none;
    margin-top: 0;
  }
}
@media (max-width: 991.98px) {
  footer .footer-bottom .footer-columns .col-mt-top::after {
    clear: both;
    content: "";
    display: table;
  }
  footer .footer-bottom .footer-columns .col-mt-top ul.menu-large {
    display: flex;
    flex-wrap: wrap;
    margin-left: -40px;
  }
  footer .footer-bottom .footer-columns .col-mt-top ul.menu-large li {
    padding-left: 40px;
    margin-bottom: 25px;
  }
  footer .footer-bottom .footer-columns .col-mt-top:after {
    content: "";
    display: block;
    padding-top: 25px;
    margin-bottom: 48px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-right: -12px;
  }
  footer .footer-bottom .footer-columns .col-mt-left {
    width: 50%;
    float: left;
  }
  footer .footer-bottom .footer-columns .col-mt-right {
    width: 50%;
    float: right;
  }
  footer .footer-bottom .footer-columns .footer-column {
    width: 100%;
    float: none;
  }
  footer .footer-bottom .footer-columns .footer-column + .footer-column {
    margin-top: 40px;
  }
}
@media (max-width: 767.98px) {
  footer .footer-bottom .footer-columns {
    margin-left: -15px;
  }
  footer .footer-bottom .footer-columns .footer-column {
    padding-left: 15px;
  }
  footer .footer-bottom .footer-columns .footer-column a,
  footer .footer-bottom .footer-columns .footer-column .menu-large a,
  footer .footer-bottom .footer-columns .footer-column a.fw-bold {
    font-size: 14px;
    line-height: 32px;
  }
  footer .footer-bottom .footer-columns .footer-column + .footer-column {
    margin-top: 30px;
  }
}
footer .footer-bottom .about-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
footer .footer-bottom .about-wrapper .about-link {
  color: white;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
}
footer .footer-bottom .about-wrapper .about-link:hover {
  opacity: 0.5;
}
footer .footer-bottom .about-wrapper .about-text {
  color: #DDDDDD;
  font: inherit;
  flex: 1;
}
@media (min-width: 991.98px) {
  footer .footer-bottom .about-wrapper .about-text {
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  footer .footer-bottom .about-wrapper .about-text {
    font-size: 12px;
    line-height: 21px;
  }
}
footer .footer-bottom .about-wrapper .about-additional {
  padding-left: 20px;
  margin-left: -15px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (min-width: 767.98px) {
  footer .footer-bottom .about-wrapper .about-additional {
    justify-content: flex-start;
  }
}
footer .footer-bottom .about-wrapper .about-additional img {
  padding-left: 15px;
  max-height: 75px;
  width: auto;
  object-fit: contain;
}
@media (max-width: 991.98px) {
  footer .footer-bottom .about-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  footer .footer-bottom .about-wrapper .about-additional {
    padding-left: 0;
  }
}
footer .footer-bottom .s-about-badges {
  margin-top: 32px;
}
footer .footer-bottom .s-about-badges img {
  margin-right: 16px;
  margin-bottom: 8px;
}
footer .footer-bottom .corpo-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footer-bottom .corpo-wrapper .footer-logo {
  height: 46px;
  width: auto;
}
@media (max-width: 767.98px) {
  footer .footer-bottom .corpo-wrapper {
    flex-direction: column;
  }
  footer .footer-bottom .corpo-wrapper .s-dropup-menu {
    margin-top: 48px;
  }
  footer .footer-bottom .corpo-wrapper .s-dropup-menu .dum-trigger a {
    padding-left: 60px;
    padding-right: 25px;
  }
  footer .footer-bottom .corpo-wrapper .s-dropup-menu .dum-trigger .s-icon {
    left: 25px;
  }
}
footer .social .s-icon path[stroke],
footer .social .s-icon circle[stroke],
footer .social .s-icon rect[stroke],
footer .s-dropup-menu .s-icon path[stroke],
footer .s-dropup-menu .s-icon circle[stroke],
footer .s-dropup-menu .s-icon rect[stroke] {
  stroke: #FFFFFF;
}
footer .social .s-icon path[fill]:not([fill=none]),
footer .social .s-icon circle[fill]:not([fill=none]),
footer .social .s-icon rect[fill]:not([fill=none]),
footer .s-dropup-menu .s-icon path[fill]:not([fill=none]),
footer .s-dropup-menu .s-icon circle[fill]:not([fill=none]),
footer .s-dropup-menu .s-icon rect[fill]:not([fill=none]) {
  fill: #FFFFFF;
}

@media (max-width: 767.98px) {
  footer .cta-links .s-btn:not(.s-btn-icon) {
    padding: 12px 20px;
    transition: padding 0.25s;
  }
}
/**
 * Helper mixins
*/
header .navbar .nav-item > .dropdown > li > .dropdown.active {
  opacity: 1;
  display: block;
  visibility: visible;
}

header .navbar-wrap.active .navbar .nav-item.active > .dropdown {
  display: block;
}

.main-header .depth4 {
  display: none;
  left: 100%;
  top: 0;
}

.main-header .depth4.active {
  display: block;
  z-index: 1;
}

@media (max-width: 1025px) {
  .main-header .navbar .nav-item .depth4.active {
    display: block;
    z-index: 1;
  }
}

.main-header .navbar .nav-item .dropdown .depth3, .main-header .navbar .nav-item .dropdown .depth4 {
  max-width: 511px;
  width: 100%;
  border-left: 1px solid #ddd;
  padding-right: 32px;
}
@media (max-width: 1500px) {
  .main-header .navbar .nav-item .dropdown .depth3, .main-header .navbar .nav-item .dropdown .depth4 {
    max-width: 100%;
  }
}
@media (max-width: 1025px) {
  .main-header .navbar .nav-item .dropdown .depth3, .main-header .navbar .nav-item .dropdown .depth4 {
    padding-right: 0;
    padding-left: 0;
  }
}

header .navbar .nav-item > .dropdown > li > .dropdown {
  top: 0;
  left: 100%;
  width: 100%;
  transition: all 0.2s ease-in;
  opacity: 0;
  z-index: 3;
  visibility: hidden;
  margin-top: 0;
}

header .navbar .nav-item .dropdown {
  position: absolute;
  list-style: none;
  padding: 0;
}
header .navbar .nav-item .dropdown li:not(:last-child) {
  margin-bottom: 33px;
}
header .navbar .nav-item .dropdown .dropdown li:not(:last-child) {
  margin-bottom: 24px;
}
header .navbar .nav-item .dropdown a:not(.s-btn) {
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 32px;
  text-transform: initial;
  color: #4D4D4D;
  white-space: initial;
}
header .navbar .nav-item .dropdown a:not(.s-btn) .s-icon + span {
  font-size: 16px;
  flex: 1;
}
header .navbar .nav-item .dropdown a {
  transition: all 0.2s ease;
}
header .navbar .nav-item .dropdown .dropdown a:not(.s-btn) {
  font-size: 16px;
}
header .navbar .nav-item .dropdown a:not(.s-btn):hover, header .navbar .nav-item .dropdown .s-btn.s-btn-transparent.s-btn-transparent-inverse:hover {
  opacity: 0.5;
}
header .navbar .nav-item .dropdown .s-btn.s-btn-transparent.active, header .navbar .nav-item .dropdown .s-btn:focus:not(.disabled) {
  color: #4c4c4c;
}
header .navbar .nav-item .dropdown .dropdown {
  padding-left: 32px;
}

@media (min-width: 1026px) {
  header .navbar .nav-item .dropdown a:not(.s-btn), header .navbar .nav-item .dropdown.selected a:not(.s-btn).active {
    color: #4D4D4D;
  }
  header .navbar .nav-item .dropdown.selected > li > a:not(.s-btn) {
    color: #A5A5A5;
  }
}

header .navbar .nav-item > .dropdown {
  margin-top: 66.5px;
  max-width: 477px;
  width: 100%;
  display: none;
  z-index: 2;
  left: 0;
  top: 28px;
}
@media (max-width: 1550px) {
  header .navbar .nav-item > .dropdown {
    max-width: 360px;
  }
}
@media (max-width: 1250px) {
  header .navbar .nav-item > .dropdown {
    max-width: 285px;
  }
}
@media (max-width: 1025px) {
  header .navbar .nav-item > .dropdown {
    max-width: 100%;
    width: 33.33%;
  }
}

header .navbar .nav-item.active > .dropdown {
  display: block;
}

header .navbar .nav-item .dropdown li a .s-icon-arrow-thin-right {
  padding-top: 5px;
  float: right;
  right: 25%;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease-in-out;
}

header .navbar .nav-item .dropdown li.has-dropdown > a.active > .s-icon-arrow-thin-right {
  right: 1rem;
  opacity: 1;
}

header .navbar .nav-item .dropdown li a .s-icon {
  font-size: 2.2rem;
  vertical-align: middle;
  margin-right: 2rem;
}

@media (min-width: 1026px) {
  header .extended-nav .switcher {
    position: absolute;
    left: 172px;
    top: 159px;
  }
}

@media (max-width: 1025px) {
  header .navbar .nav-item .dropdown {
    margin-top: 0;
    display: none;
    min-height: 100%;
    background: white;
    top: 0;
    width: 100%;
    left: 0 !important;
    border: none !important;
    padding: 0;
  }
}

/* HEADER DROPDOWN COLUMNS*/
header .navbar .nav-item.active > .dropdown.columns {
  columns: 2;
  column-gap: 64px;
  max-width: 800px;
}
header .navbar .nav-item.active > .dropdown.columns:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  border-right: 1px solid #ddd;
}

/* DROPDOWN MENU */
.main-header .dropdown .s-link,
.main-header .dropdown .s-link:hover {
  color: #0094FF;
}

.language.link .dropdown.show .dropdown-toggle:after {
  transform: rotate(180deg);
}
.language.link .dropdown ul {
  background-color: #4C4C4C;
}
.language.link .dropdown a {
  text-decoration: none;
  color: white !important;
}
.language.link .dropdown .s-btn-secondary:focus,
.language.link .dropdown .s-btn-secondary:hover {
  background: none;
  border-color: transparent;
  box-shadow: 0 0 0 0 rgb(76, 76, 76);
}
.language.link .dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  line-height: 32px;
  letter-spacing: 1px;
  padding: 0;
  color: white;
  margin-bottom: 0;
  background: none;
  font-weight: 400;
  border: none;
  transition: none;
}
.language.link .dropdown .dropdown-toggle .s-icon {
  background-image: url("/triglav-web-static/seamless/latest/images/header/slo.png");
  height: 24px;
  width: 24px;
  left: 0;
  margin-right: 8px;
  position: static;
  transform: translateY(0);
}
.language.link .dropdown .dropdown-toggle:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 8px;
  border: 0;
  background-image: url("/triglav-web-static/seamless/latest/images/header/arrow_down_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 16px;
}
.language.link .dropdown .dropdown-toggle.show:after {
  transform: rotate(180deg);
}
.language.link .dropdown .dropdown-menu.show {
  transform: translate(-22px, 47px) !important;
  border: none;
  border-radius: 0 0 10px 10px;
  background: var(header-top-row);
}
.language.link .dropdown .dropdown-menu.show span:hover {
  filter: drop-shadow(0 0 16px rgba(0, 0, 0, 0.75));
}
.language.link .dropdown .dropdown-menu {
  padding: 28px 24px 17px 24px;
  min-width: 136px;
}
.language.link .dropdown .dropdown-menu .lang-item {
  display: flex;
  align-items: center;
}
.language.link .dropdown .dropdown-menu .s-icon {
  height: 24px;
  width: 24px;
  margin-right: 8px;
  background-repeat: no-repeat !important;
}
.language.link .dropdown .dropdown-menu .code-en {
  background-image: url("/triglav-web-static/seamless/latest/images/header/eng.png");
}
.language.link .dropdown .dropdown-menu .code-de {
  background-image: url("/triglav-web-static/seamless/latest/images/header/ger.svg");
}
.language.link .dropdown .dropdown-menu li a,
.language.link .dropdown .dropdown-menu .s-icon {
  vertical-align: middle;
}
.language.link .dropdown .dropdown-menu li:not(:last-child) {
  padding-bottom: 16px;
}

.login.link .dropdown {
  padding-right: 15px;
}
.login.link .dropdown .dropdown-toggle {
  padding: 12px 22px 9px 33px;
  margin-left: 21px;
  margin-bottom: 0;
  border: none;
  transition: none;
}
.login.link .dropdown .dropdown-toggle a {
  color: #4C4C4C;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 25px;
}
.login.link .dropdown .dropdown-menu li:not(:last-child) a {
  padding-left: 39px;
  vertical-align: middle;
  position: relative;
}
.login.link .dropdown .dropdown-menu li:last-child h9 {
  margin-bottom: 0;
}
.login.link .dropdown .dropdown-menu li:last-child a {
  color: #0094FF;
}
.login.link .dropdown .dropdown-menu.show {
  margin-top: 1px;
}
.login.link .dropdown .dropdown-menu.show a {
  line-height: 32px;
  display: block;
  text-decoration: none;
}
.login.link .dropdown .dropdown-menu.show li span {
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1025px) {
  .login.link .dropdown .dropdown-toggle {
    margin-left: 8px;
  }
  .login.link .dropdown .dropdown-toggle a {
    display: block;
    text-indent: -9999px;
    position: relative;
  }
}

@media (max-width: 1025px) {
  .main-header:not(.business):not(.loggedIn) .login.link .dropdown-toggle {
    background: none;
    padding: 0;
    width: 17px;
  }
}

.login.link .dropdown-toggle,
.notification.link .dropdown-toggle {
  background-color: white;
  border-color: white;
  position: relative;
}
.login.link .s-btn .s-icon,
.notification.link .s-btn .s-icon {
  left: 0;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
}
.login.link .dropdown-toggle:after,
.notification.link .dropdown-toggle:after {
  display: none;
}
.login.link .s-btn.s-btn-secondary:focus,
.login.link .s-btn.s-btn-secondary:hover,
.notification.link .s-btn.s-btn-secondary:focus,
.notification.link .s-btn.s-btn-secondary:hover {
  background-color: white;
  border-color: white;
  box-shadow: 0 0 0 0 rgb(255, 255, 255);
}
.login.link .dropdown-menu.show,
.notification.link .dropdown-menu.show {
  min-width: 299px;
  padding: 20px;
  border-radius: 0;
  border-color: white;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
}
.login.link .dropdown-menu li.title:not(:first-child),
.notification.link .dropdown-menu li.title:not(:first-child) {
  position: relative;
  border-top: 1px solid #dddddd;
  padding-top: 20px;
}
.login.link .dropdown-menu li:not(:last-child),
.notification.link .dropdown-menu li:not(:last-child) {
  margin-bottom: 11px;
}
.login.link .dropdown-menu li,
.notification.link .dropdown-menu li {
  line-height: 30px;
}
.login.link .dropdown-menu li.title,
.notification.link .dropdown-menu li.title {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.notification.link {
  position: relative;
  line-height: 0;
}
.notification.link .dropdown-menu {
  border: none;
}
.notification.link .dropdown-menu li span {
  background-image: url("/triglav-web-static/seamless/latest/images/header/notification_unread.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.notification.link .dropdown-menu li .s-icon {
  margin-right: 12px;
}
.notification.link .dropdown-menu li span.s-icon {
  height: 14px;
  width: 22.5px;
  margin-right: 14px;
}
.notification.link .dropdown-menu li a {
  text-decoration: none;
}
.notification.link .dropdown-menu.show {
  min-width: 350px;
  margin-top: 9px;
}
.notification.link .dropdown-toggle {
  background-image: url("/triglav-web-static/seamless/latest/images/header/notification.svg");
  background-repeat: no-repeat;
  background-size: 23px 23px;
  background-position: center;
  width: 32px;
  height: 100%;
  position: relative;
  padding: 0 20px;
  margin-bottom: 0;
  border: none;
  transition: none;
  box-sizing: content-box;
}
.notification.link .count {
  position: absolute;
  top: 10px;
  left: 37px;
  border-radius: 50%;
  min-width: 16px;
  height: 16px;
  line-height: 14px;
  background: #ED1C24;
  border: 2px solid white;
  text-align: center;
  font-size: 7px;
  color: white;
  pointer-events: none;
}
.notification.link .s-btn {
  border-radius: 0;
}
@media (max-width: 1025px) {
  .notification.link .dropdown-toggle {
    padding: 0 12px;
    width: 14px;
    height: 49px;
  }
  .notification.link .dropdown-menu.show {
    margin-top: 0;
  }
}

@media (min-width: 1026px) {
  .main-header .notification.link .dropdown-toggle {
    height: 47px;
  }
}

@media (max-width: 1025px) {
  .main-header .notification.link .count {
    top: 11px;
    left: 19px;
  }
}

.s-user-initials {
  display: inline-block;
  width: 18px;
  height: 18px;
  font-size: 8px;
  vertical-align: middle;
  line-height: 18px;
  color: white;
  background: #4C4C4C;
  border-radius: 50%;
  letter-spacing: 0;
  text-align: center;
  transform: translate(0, -50%);
  top: 50%;
  position: absolute;
  left: 0;
}

.dropdown-menu .s-user-initials {
  transform: none;
  top: 4px;
}

.loggedIn.link .dropdown-toggle, .loggedInBusiness.link .dropdown-toggle {
  background-color: white;
  border: none;
  color: #4C4C4C;
  font-weight: 400;
  position: relative;
  height: 47px;
  padding: 17px 28px 14px 30px;
  margin: 0;
  background: url("/triglav-web-static/seamless/latest/images/header/arrow_down_dark.svg");
  background-repeat: no-repeat !important;
  background-size: 14px 14px !important;
  background-position: right center !important;
  text-align: left;
  border-radius: 0;
}
.loggedIn.link .dropdown-toggle span, .loggedInBusiness.link .dropdown-toggle span {
  display: block;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.03em;
}
.loggedIn.link .dropdown-toggle .businessName, .loggedInBusiness.link .dropdown-toggle .businessName {
  font-size: 12px;
  letter-spacing: 0;
  text-transform: initial;
  font-weight: normal;
}
.loggedIn.link .s-btn .s-icon, .loggedInBusiness.link .s-btn .s-icon {
  left: 0;
  transform: translate(0, -50%);
}
.loggedIn.link .dropdown-toggle.show, .loggedInBusiness.link .dropdown-toggle.show {
  background: url("/triglav-web-static/seamless/latest/images/header/arrow_up_dark.svg");
}
.loggedIn.link .s-btn.s-btn-secondary:focus,
.loggedIn.link .s-btn.s-btn-secondary:hover, .loggedInBusiness.link .s-btn.s-btn-secondary:focus,
.loggedInBusiness.link .s-btn.s-btn-secondary:hover {
  background-color: white;
  border-color: white;
  box-shadow: 0 0 0 0 rgb(255, 255, 255);
  color: #4c4c4c;
  box-shadow: none;
}
.loggedIn.link .dropdown-menu.show, .loggedInBusiness.link .dropdown-menu.show {
  min-width: 272px;
  padding: 20px;
  margin-top: 9px;
  border: none;
  border-radius: 0;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
}
.loggedIn.link .dropdown-toggle:after, .loggedInBusiness.link .dropdown-toggle:after {
  display: none;
}
.loggedIn.link .dropdown-menu li:not(:last-child), .loggedInBusiness.link .dropdown-menu li:not(:last-child) {
  margin-bottom: 10px;
}
@media (max-width: 1025px) {
  .loggedIn.link .dropdown-toggle, .loggedInBusiness.link .dropdown-toggle {
    width: 24px;
    height: 49px;
    padding: 0 15px 0 0;
    box-sizing: content-box;
  }
  .loggedIn.link .dropdown-toggle:before, .loggedInBusiness.link .dropdown-toggle:before {
    width: 20px;
    height: 20px;
  }
  .loggedIn.link .dropdown-menu.show, .loggedInBusiness.link .dropdown-menu.show {
    margin-top: 0;
  }
  .loggedIn.link .dropdown-menu.show a, .loggedInBusiness.link .dropdown-menu.show a {
    text-decoration: none;
  }
  .loggedIn.link .s-btn .s-icon, .loggedInBusiness.link .s-btn .s-icon {
    width: 24px;
    height: 24px;
  }
}

@media (min-width: 1026px) {
  .loggedInBusiness.link .dropdown-menu.show {
    right: -18px;
  }
}
@media (max-width: 1025px) {
  .main-header .loggedIn.link .dropdown-menu button, .main-header .loggedInBusiness.link .dropdown-menu button {
    background-position: top 8px right !important;
  }
  .main-header .loggedIn.link .dropdown-menu .s-btn .s-icon, .main-header .loggedInBusiness.link .dropdown-menu .s-btn .s-icon {
    top: 0;
    transform: translate(0, 0);
  }
  .main-header .loggedIn.link .dropdown-menu span:not(.businessName):not(.s-icon), .main-header .loggedInBusiness.link .dropdown-menu span:not(.businessName):not(.s-icon) {
    padding-top: 5px;
  }
}

.loggedInBusiness.link .dropdown-toggle {
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  overflow: hidden;
  transition: none;
}
.loggedInBusiness.link .dropdown.show > .dropdown-toggle {
  background: url("/triglav-web-static/seamless/latest/images/header/arrow_up_dark.svg");
}
.loggedInBusiness.link .dropdown-menu.show ul {
  list-style-type: none;
  padding-left: 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%;
}
.loggedInBusiness.link .dropdown-menu.show li {
  display: flex;
}
.loggedInBusiness.link .dropdown-menu.show li.hasBtn {
  margin-bottom: 0;
}
.loggedInBusiness.link .dropdown-menu.show .s-icon {
  height: 24px;
  width: 24px;
  margin-right: 8px;
}
@media (min-width: 1026px) {
  .loggedInBusiness.link .dropdown-menu button {
    display: none;
  }
  .loggedInBusiness.link .dropdown-toggle {
    width: 100%;
  }
}
@media (max-width: 1025px) {
  .loggedInBusiness.link .dropdown-toggle {
    padding-top: 0;
  }
  .loggedInBusiness.link .dropdown-menu.show {
    margin-top: 0;
  }
}
@media (max-width: 750px) {
  .loggedInBusiness.link .dropdown-menu.show .s-icon {
    top: 0;
  }
}

@media (max-width: 1025px) {
  .main-header .loggedInBusiness.link .dropdown-menu button {
    position: relative;
    margin: 0 0 15px 0;
    width: 100%;
    padding-left: 32px;
    box-sizing: border-box;
    background: none;
  }
  .main-header .loggedInBusiness.link .dropdown-menu button span {
    display: block;
  }
  .main-header .loggedInBusiness.link .dropdown-menu button:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -20px;
    height: 1px;
    width: calc(100% + 40px);
    background: #DDDDDD;
  }
}
@media (max-width: 750px) {
  .main-header .loggedInBusiness.link .dropdown.show .dropdown-menu .dropdown-toggle {
    background: none;
  }
}

@media (max-width: 750px) {
  .main-header .loggedInBusiness.link .dropdown-menu.show,
  .main-header .loggedIn.link .dropdown-menu.show,
  .main-header .notification.link .dropdown-menu.show,
  .main-header .login.link .dropdown-menu.show {
    position: fixed;
    top: 49px;
    width: 100vw;
    height: calc(100vh - 121px);
    padding-bottom: 72px;
    overflow: auto;
    min-width: 0;
    z-index: -1;
  }
  .main-header .loggedInBusiness.link .dropdown-menu.show:before,
  .main-header .loggedIn.link .dropdown-menu.show:before,
  .main-header .notification.link .dropdown-menu.show:before,
  .main-header .login.link .dropdown-menu.show:before {
    content: "";
    background-image: url("/triglav-web-static/seamless/latest/images/header/close-black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
  }
}

@media (max-width: 750px) {
  .main-header.business .loggedInBusiness.link .dropdown-menu.show,
  .main-header.business .loggedIn.link .dropdown-menu.show,
  .main-header.business .notification.link .dropdown-menu.show,
  .main-header.business .login.link .dropdown-menu.show {
    height: calc(100vh - 49px);
    max-height: calc(100vh - 49px);
  }
}

@media (max-width: 1025px) {
  .main-header .loggedIn.link .dropdown-toggle,
  .main-header .loggedInBusiness.link .dropdown-toggle {
    margin: 0 8px;
  }
  .main-header .loggedIn.link .dropdown-toggle span,
  .main-header .loggedInBusiness.link .dropdown-toggle span {
    display: none;
  }
}

/*NAV-MORE-DROPDOWN*/
.nav-more-dropdown {
  position: absolute;
  top: 0;
  z-index: 1;
}
.nav-more-dropdown .dropdown {
  position: relative;
  margin: 0 30px 0 40px;
  width: auto;
  height: 63px;
}
.nav-more-dropdown ul li a.selected {
  display: inline-block;
  position: relative;
}
.nav-more-dropdown ul li a.selected:after {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: -3px;
  background: #ED1C24;
}
.nav-more-dropdown .dropdown[style*="display:none"]:after, .nav-more-dropdown .dropdown[style*="display: none"]:after {
  display: none;
}
.nav-more-dropdown .dropdown-menu {
  border-radius: 0;
  border: none;
  padding: 15px 20px;
  min-width: 264px;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
  margin-top: 1px;
}
.nav-more-dropdown li a {
  display: block;
  padding: 0;
  margin-bottom: 16px;
  font-size: 17px;
  line-height: 25px;
  text-transform: uppercase;
}
.nav-more-dropdown li:last-child a {
  margin-bottom: 0;
}
.nav-more-dropdown .dropdown-toggle {
  display: block;
}
.nav-more-dropdown .dropdown-toggle::after {
  border: none;
  height: 63px;
  width: 16px;
  background-image: url("/triglav-web-static/seamless/latest/images/header/arrow_down_dark.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.nav-more-dropdown .dropdown-toggle.show::after {
  transform: rotate(180deg);
}

.nav-more-dropdown-personalized {
  z-index: 2;
}

.main-menu-opened .nav-more-dropdown-main {
  z-index: 3;
}

.main-header.loggedIn .nav-more-dropdown-main, .main-menu-opened .main-header.loggedIn .nav-more-dropdown-personalized {
  display: none;
}

.main-menu-opened .main-header.loggedIn .nav-more-dropdown-main {
  display: block;
}

@media (max-width: 1024px) {
  .main-header .dropdown-menu {
    max-height: calc(100vh - 121px);
    overflow: auto;
  }
}
header .top-bar {
  display: flex;
  justify-content: space-between;
  background: var(--header-background, #4C4C4C);
  padding: 10px 20px 10px 25px;
}
header .top-bar .side-links {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header .top-bar .side-links a {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: white;
  text-decoration: none;
  font-size: 16px;
}
header .top-bar .side-links a .s-icon {
  width: 38px;
  height: 38px;
}
header .top-bar .side-links a .s-icon + .text {
  margin-left: 20px;
}
header .top-bar .side-links a.s-btn-icon-only {
  width: 24px;
  height: 24px;
  padding: 0;
  margin-top: 10px;
}
header .top-bar .side-links a + a {
  margin-left: 41px;
}
header .top-bar .side-links a + a:before {
  content: "";
  position: absolute;
  border-left: 1px solid white;
  opacity: 0.25;
  width: 1px;
  height: 24px;
  left: -19px;
}

body {
  margin: 0;
}

.s-header {
  position: relative;
  min-height: 127px;
  transition: height 0.1s ease;
}
@media (max-width: 1025px) {
  .s-header {
    min-height: 49px;
  }
  .s-header.loggedIn {
    min-height: 98px;
  }
}

/* HEADER HELP ICON */
header .s-custom-icons.ci-help-bubble {
  background-image: url("/triglav-web-static/seamless/latest/images/header/custom_icon.svg");
  height: 25px;
  width: 25px;
}
@media (max-width: 1025px) {
  header .s-custom-icons.ci-help-bubble {
    height: 20px;
    width: 20px;
  }
}
header .s-custom-icons.ci-help-bubble.bubble-alt {
  background-image: url("/triglav-web-static/seamless/latest/images/header/custom_icon2.svg");
}
header .helpdesk-trigger {
  padding-right: 12px;
  padding-left: 8px;
  position: relative;
  height: 20px;
}

/* HEADER */
.user-guest .loggedInBusiness, .loggedIn .login, .business .login, .navbar-nav-mobile, .personalizedMenu {
  display: none;
}

.loggedIn .navbar-nav-mobile, .loggedIn .personalizedMenu {
  display: flex;
}

/* HEADER */
.main-header {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.3s ease;
  font-family: "Open Sans", Arial, sans-serif;
  /*PERSONALIZED MENU*/
  /* custom content */
  /*ICONS ON DARKMODE - TODO*/
}
.main-header li {
  padding: 0;
  margin: 0;
}
.main-header .ism-wrap, .main-header .disabled {
  display: none;
}
.main-header .top-bar {
  position: relative;
  z-index: 98;
  height: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 49px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
}
.main-header .logo {
  height: 46px;
}
.main-header .logo img {
  height: 100%;
}
.main-header .logo a, .main-header .search-trigger a {
  line-height: 0;
}
.main-header .side-links {
  display: flex;
  line-height: 32px;
}
.main-header .side-links .text {
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
  white-space: nowrap;
}
.main-header .top-bar .side-links a + a {
  margin-left: 0;
}
.main-header .top-bar .side-links a .s-icon + .text {
  margin-left: 8px;
}
.main-header .side-links .link {
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 0 18px 0 24px;
  position: relative;
  transition: filter 0.2s ease;
}
.main-header .side-links .link:not(.language):not(.s-btn):hover {
  filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.75));
}
.main-header .top-bar .side-links a.s-btn,
.main-header .side-links a.s-btn {
  padding: 20px;
  width: auto;
  background: none;
  margin-bottom: 0;
  margin-top: 0;
}
.main-header .top-bar .side-links a.s-btn:hover:not(.disabled), .main-header .top-bar .side-links a.s-btn:focus:not(.disabled),
.main-header .side-links a.s-btn:hover:not(.disabled),
.main-header .side-links a.s-btn:focus:not(.disabled) {
  background: none;
}
.main-header .top-bar .side-links a.s-btn:after,
.main-header .side-links a.s-btn:after {
  display: none;
}
.main-header .top-bar .side-links a.s-btn:hover,
.main-header .side-links a.s-btn:hover {
  filter: none;
  box-shadow: none;
}
.main-header .top-bar .side-links a.s-btn:hover:not(.disabled), .main-header .top-bar .side-links a.s-btn:focus:not(.disabled),
.main-header .side-links a.s-btn:hover:not(.disabled),
.main-header .side-links a.s-btn:focus:not(.disabled) {
  box-shadow: none !important;
}
.main-header .side-links .link:first-child {
  padding-left: 0;
}
.main-header .side-links .link:not(:first-child):before {
  background-color: white;
  content: "";
  height: 24px;
  left: 0;
  opacity: 0.25;
  position: absolute;
  width: 1px;
}
@media (min-width: 1026px) {
  .main-header > .navbar-wrap {
    position: relative;
  }
  .main-header > .navbar-wrap > .extended-nav,
  .main-header > .navbar-wrap > .extended-search {
    top: -64px;
  }
}
.main-header .navbar .nav-item .dropdown li a .s-icon {
  margin-right: 35px;
}
.main-header .navbar .nav-item .dropdown a.active svg path {
  stroke: #4c4c4c;
}
.main-header h3.nav-title {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0;
  margin: 0 0 36px 0;
  padding: 0;
}
.main-header .personalizedMenu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: white;
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-header .personalizedMenu a {
  position: relative;
  text-decoration: none;
  color: #222222;
  font-size: 16px;
  line-height: 25px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 0;
  transition: opacity 0.2s ease;
  margin-right: 50px;
  white-space: nowrap;
}
@media (min-width: 1026px) {
  .main-header .personalizedMenu a:hover {
    opacity: 0.5;
  }
}
.main-menu-opened .main-header .personalizedMenu, .main-menu-opened .main-header .nav-more-dropdown-personalized {
  display: none;
}
.main-header .navbar-nav-mobile .personalizedMenu {
  align-items: center;
  left: 31px;
  right: 31px;
  overflow-x: auto;
  width: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.main-header .navbar-nav-mobile .personalizedMenu::-webkit-scrollbar {
  display: none;
}
.main-header .navbar-nav-mobile .personalizedMenu a {
  font-weight: 700;
  font-size: 17px;
  white-space: nowrap;
  padding: 0 25px;
  display: block;
  margin-right: 0;
}
@media (max-width: 750px) {
  .main-header .navbar-nav-mobile .personalizedMenu {
    left: 0;
    right: 0;
    padding: 0 11px;
  }
  .main-header .navbar-nav-mobile .personalizedMenu a {
    padding: 0 12.5px;
  }
  .main-header .navbar-nav-mobile .personalizedMenu li:first-child a {
    padding-left: 0;
  }
}
.main-header:not(.mobile) .navbar .navbar-custom {
  width: calc(50vw - 48px);
  height: 100%;
  margin-left: 48px;
}
.main-header .navbar .navbar-custom {
  display: block;
  width: 100%;
  background-color: white;
  position: relative;
  z-index: 3;
}
.main-header .helpdesk-dropdown .s-icon path[stroke],
.main-header .helpdesk-dropdown .s-icon circle[stroke],
.main-header .helpdesk-dropdown .s-icon rect[stroke],
.main-header .navbar-wrap .s-icon path[stroke],
.main-header .navbar-wrap .s-icon circle[stroke],
.main-header .navbar-wrap .s-icon rect[stroke],
.main-header .top-bar .s-icon path[stroke],
.main-header .top-bar .s-icon circle[stroke],
.main-header .top-bar .s-icon rect[stroke] {
  stroke: #4C4C4C;
}
.main-header .helpdesk-dropdown .s-icon path[fill]:not([fill=none]),
.main-header .helpdesk-dropdown .s-icon circle[fill]:not([fill=none]),
.main-header .helpdesk-dropdown .s-icon rect[fill]:not([fill=none]),
.main-header .navbar-wrap .s-icon path[fill]:not([fill=none]),
.main-header .navbar-wrap .s-icon circle[fill]:not([fill=none]),
.main-header .navbar-wrap .s-icon rect[fill]:not([fill=none]),
.main-header .top-bar .s-icon path[fill]:not([fill=none]),
.main-header .top-bar .s-icon circle[fill]:not([fill=none]),
.main-header .top-bar .s-icon rect[fill]:not([fill=none]) {
  fill: #4C4C4C;
}
.main-header .helpdesk-dropdown .s-icon.s-icon-white path[stroke],
.main-header .helpdesk-dropdown .s-icon.s-icon-white circle[stroke],
.main-header .helpdesk-dropdown .s-icon.s-icon-white rect[stroke],
.main-header .navbar-wrap .s-icon.s-icon-white path[stroke],
.main-header .navbar-wrap .s-icon.s-icon-white circle[stroke],
.main-header .navbar-wrap .s-icon.s-icon-white rect[stroke],
.main-header .top-bar .s-icon.s-icon-white path[stroke],
.main-header .top-bar .s-icon.s-icon-white circle[stroke],
.main-header .top-bar .s-icon.s-icon-white rect[stroke] {
  stroke: #ffffff;
}
.main-header .helpdesk-dropdown .s-icon.s-icon-white path[fill]:not([fill=none]),
.main-header .helpdesk-dropdown .s-icon.s-icon-white circle[fill]:not([fill=none]),
.main-header .helpdesk-dropdown .s-icon.s-icon-white rect[fill]:not([fill=none]),
.main-header .navbar-wrap .s-icon.s-icon-white path[fill]:not([fill=none]),
.main-header .navbar-wrap .s-icon.s-icon-white circle[fill]:not([fill=none]),
.main-header .navbar-wrap .s-icon.s-icon-white rect[fill]:not([fill=none]),
.main-header .top-bar .s-icon.s-icon-white path[fill]:not([fill=none]),
.main-header .top-bar .s-icon.s-icon-white circle[fill]:not([fill=none]),
.main-header .top-bar .s-icon.s-icon-white rect[fill]:not([fill=none]) {
  fill: #ffffff;
}
.main-header .helpdesk-dropdown .dropdown-toggle:hover .s-icon.s-icon-black path[stroke],
.main-header .helpdesk-dropdown .dropdown-toggle:hover .s-icon.s-icon-black circle[stroke],
.main-header .helpdesk-dropdown .dropdown-toggle:hover .s-icon.s-icon-black rect[stroke],
.main-header .helpdesk-dropdown .dropdown-toggle:focus .s-icon.s-icon-black path[stroke],
.main-header .helpdesk-dropdown .dropdown-toggle:focus .s-icon.s-icon-black circle[stroke],
.main-header .helpdesk-dropdown .dropdown-toggle:focus .s-icon.s-icon-black rect[stroke],
.main-header .navbar-wrap .dropdown-toggle:hover .s-icon.s-icon-black path[stroke],
.main-header .navbar-wrap .dropdown-toggle:hover .s-icon.s-icon-black circle[stroke],
.main-header .navbar-wrap .dropdown-toggle:hover .s-icon.s-icon-black rect[stroke],
.main-header .navbar-wrap .dropdown-toggle:focus .s-icon.s-icon-black path[stroke],
.main-header .navbar-wrap .dropdown-toggle:focus .s-icon.s-icon-black circle[stroke],
.main-header .navbar-wrap .dropdown-toggle:focus .s-icon.s-icon-black rect[stroke],
.main-header .top-bar .dropdown-toggle:hover .s-icon.s-icon-black path[stroke],
.main-header .top-bar .dropdown-toggle:hover .s-icon.s-icon-black circle[stroke],
.main-header .top-bar .dropdown-toggle:hover .s-icon.s-icon-black rect[stroke],
.main-header .top-bar .dropdown-toggle:focus .s-icon.s-icon-black path[stroke],
.main-header .top-bar .dropdown-toggle:focus .s-icon.s-icon-black circle[stroke],
.main-header .top-bar .dropdown-toggle:focus .s-icon.s-icon-black rect[stroke] {
  stroke: #4C4C4C;
}
.main-header .helpdesk-dropdown .dropdown-toggle:hover .s-icon.s-icon-black path[fill]:not([fill=none]),
.main-header .helpdesk-dropdown .dropdown-toggle:hover .s-icon.s-icon-black circle[fill]:not([fill=none]),
.main-header .helpdesk-dropdown .dropdown-toggle:hover .s-icon.s-icon-black rect[fill]:not([fill=none]),
.main-header .helpdesk-dropdown .dropdown-toggle:focus .s-icon.s-icon-black path[fill]:not([fill=none]),
.main-header .helpdesk-dropdown .dropdown-toggle:focus .s-icon.s-icon-black circle[fill]:not([fill=none]),
.main-header .helpdesk-dropdown .dropdown-toggle:focus .s-icon.s-icon-black rect[fill]:not([fill=none]),
.main-header .navbar-wrap .dropdown-toggle:hover .s-icon.s-icon-black path[fill]:not([fill=none]),
.main-header .navbar-wrap .dropdown-toggle:hover .s-icon.s-icon-black circle[fill]:not([fill=none]),
.main-header .navbar-wrap .dropdown-toggle:hover .s-icon.s-icon-black rect[fill]:not([fill=none]),
.main-header .navbar-wrap .dropdown-toggle:focus .s-icon.s-icon-black path[fill]:not([fill=none]),
.main-header .navbar-wrap .dropdown-toggle:focus .s-icon.s-icon-black circle[fill]:not([fill=none]),
.main-header .navbar-wrap .dropdown-toggle:focus .s-icon.s-icon-black rect[fill]:not([fill=none]),
.main-header .top-bar .dropdown-toggle:hover .s-icon.s-icon-black path[fill]:not([fill=none]),
.main-header .top-bar .dropdown-toggle:hover .s-icon.s-icon-black circle[fill]:not([fill=none]),
.main-header .top-bar .dropdown-toggle:hover .s-icon.s-icon-black rect[fill]:not([fill=none]),
.main-header .top-bar .dropdown-toggle:focus .s-icon.s-icon-black path[fill]:not([fill=none]),
.main-header .top-bar .dropdown-toggle:focus .s-icon.s-icon-black circle[fill]:not([fill=none]),
.main-header .top-bar .dropdown-toggle:focus .s-icon.s-icon-black rect[fill]:not([fill=none]) {
  fill: #4C4C4C;
}

/* navbar */
/* top-bar */
@media (min-width: 1026px) {
  .main-menu-opened .main-header:not(.business) .navbar,
  .search-open .main-header:not(.business) .navbar {
    box-shadow: none;
  }
}

.main-header.business .navbar {
  padding-left: 48px;
}
.main-header.business .navbar .navbar-toggler {
  display: none;
}
.main-header.business .navbar .navbar-collapse {
  margin-left: 46px;
}

@media (min-width: 1026px) {
  .help-active header .sidebar {
    padding-top: 240px;
  }
  .help-active header .extended-nav .language-switch {
    top: 222px;
  }
}

@media (min-width: 1026px) {
  .search-open.help-active header .extended-search .search-content {
    padding-top: 210px;
  }
}

.navbar {
  position: relative;
  z-index: 97;
  background-color: white;
  height: 63px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
}
.navbar .nav-item {
  white-space: nowrap;
  min-width: 0;
}
.navbar .nav-item .s-menu-overlay {
  display: none;
  position: fixed;
  z-index: 3;
  width: 960px;
  left: 140px;
  bottom: 0;
}
.navbar .nav-item .s-menu-overlay:not(.active) {
  display: none !important;
}
.navbar .nav-item.active .s-menu-overlay.active {
  display: block;
  cursor: pointer;
}
.navbar .nav-item.active .s-menu-overlay.active ~ .depth2 {
  padding-bottom: 100px;
  margin-bottom: 0;
}
.navbar .nav-item.active .s-menu-overlay.disabled {
  opacity: 0.2;
  cursor: default;
}
.navbar .nav-item.active .s-menu-overlay:after {
  content: "";
  display: block;
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(242, 242, 242, 0) 16.15%, #FFFFFF 75.52%);
}
.navbar .nav-item.active .s-menu-overlay:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  border-right: 2px solid #4C4C4C;
  border-bottom: 2px solid #4C4C4C;
  position: absolute;
  left: calc(50% - 7px);
  top: -35px;
  z-index: 3;
}
.navbar .nav-item .s-btn {
  font-size: 13px;
  line-height: 13px;
  padding: 10.5px 23px;
  white-space: initial;
  border: none;
  margin-bottom: 0;
}
.navbar .navigation-checkbox {
  display: none;
}
.navbar .navbar-nav {
  display: flex;
  list-style: none;
  flex-direction: row;
}
.navbar .login.link .dropdown {
  padding-right: 0;
}
.navbar .navbar-collapse .nav-item > a {
  margin-right: 50px;
  font-weight: 700;
  transition: opacity 0.2s ease;
}
.navbar .navbar-collapse .nav-item > a:hover {
  opacity: 0.5;
}
.navbar .navbar-collapse .nav-item > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  width: 0;
  height: 3px;
  transition: all 0.2s ease;
}
.navbar .navbar-collapse .nav-item.active > a:after {
  background: #ED1C24;
}
.navbar .navbar-collapse {
  position: relative;
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-left: 32px;
  flex: 1 1 auto;
}
.navbar .search-trigger {
  padding-right: 20px;
  padding-left: 20px;
  margin-left: auto;
  display: flex;
}
.navbar .search-trigger,
.navbar .loggedIn,
.navbar .loggedInBusiness,
.navbar .login {
  position: relative;
}
.hasMoreNav .navbar .search-trigger:before, .mobile .navbar .search-trigger:before,
.navbar .loggedIn:before,
.navbar .user:before,
.navbar .login:before,
.navbar .notification.link:before,
.navbar .helpdesk-trigger:before {
  background-color: #DDDDDD;
  content: "";
  display: inline-block;
  height: 24px;
  width: 1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
}
@media (max-width: 1025px) {
  .hasMoreNav .navbar .search-trigger:before, .mobile .navbar .search-trigger:before,
  .navbar .loggedIn:before,
  .navbar .user:before,
  .navbar .login:before,
  .navbar .notification.link:before,
  .navbar .helpdesk-trigger:before {
    height: 17px;
  }
}
@media (max-width: 750px) {
  .mobile .navbar .search-trigger:before {
    display: none;
  }
}
.navbar .search-trigger a:hover {
  filter: drop-shadow(0 0 16px rgba(0, 0, 0, 0.5));
}
.navbar .search-trigger span {
  color: #4C4C4C;
  line-height: 30px;
  letter-spacing: 1px;
  padding-left: 10px;
}
.navbar .search-trigger span:hover {
  filter: drop-shadow(0 0 16px rgba(0, 0, 0, 0.5));
}
.navbar .search-trigger .s-icon {
  color: #4C4C4C;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
}
.navbar .search-trigger .s-icon:before {
  display: none;
}
.navbar .user {
  color: #4C4C4C;
  display: flex;
  align-items: center;
  position: relative;
}
.navbar .user .loggedIn,
.navbar .user .loggedInBusiness {
  padding-right: 18px;
  padding-left: 18px;
}
.navbar .user a {
  text-decoration: none;
  letter-spacing: 1px;
}
.navbar .user a a:hover {
  filter: drop-shadow(0 0 16px rgba(0, 0, 0, 0.5));
}
.navbar .nav-back {
  display: none;
}
.navbar .notification.s-icon {
  width: auto;
}
@media (max-width: 1025px) {
  .navbar .nav-item .s-btn {
    padding: 11.5px 23px;
  }
}
@media (max-width: 750px) {
  .navbar .nav-item .s-btn {
    padding: 8px 15px;
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 0.19em;
  }
}

@media (min-width: 1026px) {
  .business .navbar .loggedInBusiness:before {
    display: none;
  }
}
.nav-item a:not(.s-btn) {
  position: relative;
  text-decoration: none;
  color: #222222;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 0;
}

.nav-item > .dropdown > li > a:not(.s-btn) {
  line-height: 20px;
}

.navbar-nav-mobile {
  position: relative;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 0 31px;
  overflow-x: auto;
  border-bottom: 1px solid #DDDDDD;
  transition: transform 0.3s ease, opacity 0.3s ease;
  background: white;
  z-index: -2;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.navbar-nav-mobile::-webkit-scrollbar {
  display: none;
}
.navbar-nav-mobile .nav-item {
  min-width: auto;
  padding: 0 25px;
}
.navbar-nav-mobile .nav-item a {
  display: block;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 700;
}
@media (max-width: 750px) {
  .navbar-nav-mobile {
    padding: 0 11px;
  }
  .navbar-nav-mobile .nav-item:first-child {
    padding-left: 0;
  }
  .navbar-nav-mobile .nav-item:last-child {
    padding-right: 0;
  }
  .navbar-nav-mobile .nav-item {
    padding: 0 12.5px;
  }
}

@media (max-width: 1025px) {
  .main-menu-opened header .navbar-nav-mobile .nav-item {
    margin-bottom: 0;
  }
}

@media (max-width: 1025px) {
  .main-header.scrolled-up .navbar-nav-mobile,
  .main-menu-opened .navbar-nav-mobile {
    transform: translateY(0) !important;
  }
}

@media (max-width: 1025px) {
  .main-header.scrolled-down .navbar-nav-mobile {
    transform: translateY(-48px);
    opacity: 0;
  }
}

.main-menu-opened .navbar-nav-mobile {
  display: flex;
  opacity: 1 !important;
  z-index: 0;
  background: none;
}

@media (max-width: 1025px) {
  .main-menu-opened .mobile.main-header .s-alert,
  .main-menu-opened .main-header .navbar-nav-mobile {
    display: none;
  }
}
.user-guest .notification {
  display: none;
}

.main-menu-opened .navbar .navbar-collapse .nav-item.active > a:after, .main-menu-opened .navbar .navbar-collapse .nav-item > a:hover:after {
  width: 100%;
}

.main-menu-opened .navbar .navbar-collapse .nav-item:not(.active) > a:hover:after {
  background: rgba(0, 0, 0, 0.5);
}

/* BUSINESS */
.main-menu-opened .main-header.business .extended-nav {
  opacity: 0;
  transform: scale(0);
}
.main-menu-opened .main-header.business .navbar .nav-item.active > .dropdown {
  display: none;
}

.search-open .main-header.business .sidebar {
  display: none;
}
.search-open .main-header.business .extended-search .search-content {
  padding-left: 70px;
}

.main-header.business .navbar .search-trigger {
  display: none;
}

@media (max-width: 1025px) {
  .main-header.business .navbar {
    padding-left: 0;
  }
  .main-header.business .navbar .navbar-toggler {
    display: block;
  }
  .main-header.business .navbar-collapse,
  .main-header.business .switcher {
    display: none !important;
  }
}

@media (max-width: 1025px) {
  .main-menu-opened .main-header.business .extended-nav {
    opacity: 0;
    transform: scale(0);
  }
}

/* TABLET */
@media (min-width: 1026px) and (max-height: 900px) {
  header .navbar .nav-item .dropdown a:not(.s-btn) {
    line-height: 1.8;
  }
  header .navbar .nav-item .dropdown .dropdown li:not(:last-child) {
    margin-bottom: 0.5rem;
  }
  header .navbar .nav-item > .dropdown li:not(:last-child), header .navbar .nav-item > .dropdown li:not(:last-child) .nav-title {
    margin-bottom: 0.8rem;
  }
  header .navbar .nav-item .dropdown a:not(.s-btn) {
    font-size: 1.2rem;
  }
  .navbar .nav-item .s-btn {
    font-size: 11px;
  }
}
@media (min-width: 1026px) and (max-height: 700px) {
  header .navbar .nav-item > .dropdown li:not(:last-child) {
    margin-bottom: 0.2rem;
  }
  header .navbar .nav-item .dropdown .dropdown li:not(:last-child) {
    margin-bottom: 0.2rem;
  }
  header .navbar .nav-item > .dropdown {
    margin-top: 37px;
  }
}
@media (max-width: 1025px) {
  header .itriglav-side_menu {
    display: none;
  }
}

@media (max-width: 1025px) {
  .main-header .logo img {
    height: 21px;
  }
}

@media (min-width: 1026px) {
  .main-header.mobile {
    display: none;
  }
}
@media (max-width: 1025px) {
  .main-header {
    display: none;
  }
  .main-header.mobile {
    display: block;
  }
  .main-header .navbar {
    height: 49px;
    padding: 0;
    justify-content: normal;
    flex-wrap: wrap;
    box-shadow: none;
  }
  .main-header .navbar-container {
    position: relative;
    display: flex;
    align-items: center;
    background: white;
    width: 100%;
    height: 49px;
    z-index: 4;
  }
  .main-header .navbar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
    z-index: 3;
    pointer-events: none;
  }
  .main-header .navbar .navbar-nav {
    flex-direction: column;
  }
  .main-header .side-links {
    line-height: 20px;
    margin-left: auto;
  }
  .main-header .side-links .link {
    font-size: 13px;
    padding: 0 8px !important;
  }
  .main-header .side-links .text {
    color: #4C4C4C;
    font-size: 13px;
  }
  .main-header .side-links .s-icon {
    margin-right: 4px;
    width: 24px;
    height: 24px;
  }
  .main-header .navbar-toggler {
    width: 49px;
    height: 49px;
    background: var(--header-background, #4C4C4C);
  }
  .main-header .navbar-icon:before,
  .main-header .navbar-icon:after {
    width: 24px;
  }
  .main-header .navbar-icon:before {
    top: -10px;
  }
  .main-header .navbar-icon:after {
    top: 10px;
  }
  .main-header .navbar-icon {
    width: 16px;
    left: -5px;
  }
  .main-header .logo {
    margin-left: 14px;
    height: 21px;
  }
  .main-header .logo a {
    display: flex;
  }
  .main-header .navbar .search-trigger {
    padding-right: 8px;
    padding-left: 8px;
    margin-left: 0;
  }
  .main-header .side-links .link:not(:first-child):before {
    background-color: #4C4C4C;
    opacity: 0.25;
  }
  .main-header .login.link .dropdown-toggle span {
    display: none;
  }
  .main-header .login.link .dropdown-toggle {
    position: relative;
    width: 20px;
    height: 49px;
    padding: 0 15px 0 0;
    margin: 0 16px 0 8px;
    box-sizing: content-box;
    background: url("/triglav-web-static/seamless/latest/images/header/arrow_down_dark.svg");
    background-repeat: no-repeat !important;
    background-size: 10px 10px !important;
    background-position: right center !important;
  }
  .main-header .login.link .dropdown-toggle.show {
    background: url("/triglav-web-static/seamless/latest/images/header/arrow_up_dark.svg");
  }
  .main-header .login.link .s-btn .s-icon {
    width: 24px;
    height: 24px;
  }
  .main-header .navbar-collapse {
    display: none !important;
  }
  .main-header .sidebar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    box-shadow: 0px -8px 16px rgba(0, 0, 0, 0.2);
  }
  .main-header .sidebar.ios-sidebar {
    position: absolute;
    top: calc(100vh - 72px);
    bottom: auto;
  }
  .main-header .sidebar ul {
    display: flex;
    align-items: center;
    overflow-x: auto;
    transition: all 0.3s ease;
  }
  .main-header .sidebar li {
    position: relative;
    margin-bottom: 0;
    width: 100%;
  }
  .main-header .sidebar li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 24px;
    width: 1px;
    background: #969696;
    opacity: 0.25;
  }
  .main-header .sidebar a {
    white-space: nowrap;
    padding: 0 6px;
  }
  .main-header .language.link .dropdown .dropdown-toggle {
    overflow: hidden;
    padding: 0 8px;
    border-radius: 0;
  }
  .main-header .language.link .dropdown .dropdown-toggle:after {
    margin-left: 0;
    background-image: url("/triglav-web-static/seamless/latest/images/header/arrow_down_dark.svg");
    background-size: 9.5px 9.5px;
    width: 18px;
    height: 18px;
  }
  .main-header .language.link .dropdown .dropdown-toggle:before {
    content: "";
    background: #4c4c4c;
    opacity: 0.25;
    height: 24px;
    width: 1px;
    position: absolute;
    left: 0;
  }
  .main-header .language.link .dropdown .dropdown-toggle .s-icon {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    background-repeat: no-repeat;
  }
  .main-header .language.link .dropdown .dropdown-toggle .label {
    display: none;
  }
  .main-header .language.link .dropdown .dropdown-menu.show {
    left: auto;
    right: 0;
    transform: translate(0, 8px) !important;
    background-color: white;
    box-shadow: 0 12px 10px rgba(0, 0, 0, 0.05);
    border-radius: 0 0 10px 10px;
    min-width: 0;
    padding: 7px 29px;
  }
  .main-header .language.link .dropdown .dropdown-menu.show .lang-item {
    position: relative;
    justify-content: flex-end;
  }
  .main-header .language.link .dropdown .dropdown-menu.show .lang-item a {
    color: #4C4C4C;
    font-size: 16px;
    order: 1;
    line-height: 30px;
  }
  .main-header .language.link .dropdown .dropdown-menu.show .s-icon {
    width: 18px;
    height: 18px;
    margin-right: 0;
    margin-left: 4px;
    order: 2;
  }
}
@media (max-width: 1025px) {
  .search-open header .navbar-wrap .extended-nav {
    display: block;
    top: 81px;
    bottom: auto;
  }
  .s-header:not(.main-menu-opened) .sidebar .s-icon.s-icon-small {
    width: 32px;
    height: 32px;
  }
  .s-header:not(.main-menu-opened) .sidebar .s-icon.s-icon-small path {
    stroke-width: 0.5px;
  }
  .navbar-collapse {
    max-height: calc(100vh - 169px);
    height: 100vh;
    overflow: scroll;
  }
  .main-menu-opened header:not(.business) .navbar-wrap .extended-nav,
  .search-open header .navbar-wrap .extended-nav {
    position: absolute;
    left: 0;
    height: auto;
    width: 100%;
  }
  .main-menu-opened header:not(.business) .navbar-wrap,
  .search-open header .navbar-wrap {
    position: absolute;
    width: 100%;
    min-height: 100vh;
    background: white;
  }
  .main-menu-opened header:not(.business) .navbar-nav-mobile,
  .search-open header .navbar-nav-mobile {
    opacity: 0;
  }
  .main-menu-opened header:not(.business) .sidebar,
  .search-open header .sidebar {
    padding: 23.5px 4px;
  }
  .main-menu-opened header:not(.business) .sidebar .s-icon.s-icon-small,
  .search-open header .sidebar .s-icon.s-icon-small {
    width: 48px;
    height: 48px;
  }
  .main-menu-opened header:not(.business) .sidebar .s-icon.s-icon-small path,
  .search-open header .sidebar .s-icon.s-icon-small path {
    stroke-width: 0.5px;
  }
  .main-menu-opened header .navbar-wrap .extended-nav {
    display: none;
    top: auto;
    bottom: 45px;
  }
  .main-menu-opened header .navbar-collapse {
    display: block !important;
    margin: 0 26px;
    width: calc(100% - 52px);
    padding-top: 24px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .main-menu-opened header .navbar-collapse::-webkit-scrollbar {
    display: none;
  }
  .main-menu-opened header .nav-item {
    margin-bottom: 30px;
  }
  .main-menu-opened header .nav-link {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 0;
  }
  .main-menu-opened header .navbar .navbar-nav {
    position: relative;
  }
  .main-menu-opened header .navbar .nav-item .dropdown a:not(.s-btn) {
    font-size: 20px;
    line-height: 32px;
  }
  .main-menu-opened header .navbar .nav-item .dropdown .depth3 a:not(.s-btn) {
    font-size: 16px;
  }
  .main-menu-opened header .navbar .nav-item .s-btn {
    margin-top: 14px;
  }
  .main-menu-opened header .search-form-mobile {
    display: flex;
    padding: 0 18px 32px 18px;
  }
  .main-menu-opened header .search-form-mobile input {
    width: 100%;
    border: none;
    border-bottom: 1px solid black;
    line-height: 40px;
  }
  .main-menu-opened header .search-form-mobile input,
  .main-menu-opened header .search-form-mobile input::placeholder {
    font-size: 25px;
    letter-spacing: 2px;
    font-family: "Open Sans", sans-serif;
  }
  .main-menu-opened header .search-form-mobile input:focus-visible {
    outline: none;
  }
  .main-menu-opened header .search-form-mobile button {
    min-width: 85px;
    margin-left: 9px;
    margin-bottom: 0;
  }
  .main-menu-opened header .navbar .nav-back.active {
    display: flex;
    align-items: center;
    transform: translateX(-11px);
    min-height: 25px;
    cursor: pointer;
  }
  .main-menu-opened header .navbar .nav-back.active .text {
    color: var(--c-gray-700);
    font-size: 15px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    width: calc(100% - 7px);
    margin-left: 2px;
  }
  .main-menu-opened header .nav-back .s-icon {
    background: url("/triglav-web-static/seamless/latest/images/header/arrow_down_dark.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    transform: rotate(90deg);
    height: 25px;
  }
  .main-menu-opened header .nav-back .s-icon:before {
    display: none;
  }
  .main-menu-opened header .navbar .navbar-collapse .nav-item > a:after {
    display: none;
  }
  .main-menu-opened header .navbar .navbar-collapse .nav-item > a:hover {
    filter: none;
  }
  .main-menu-opened header .nav-back.active + .navbar-nav {
    margin-top: 32px;
    margin-left: 0;
  }
  .main-menu-opened header .navbar .nav-item .dropdown li {
    margin-bottom: 30px;
  }
  .main-menu-opened header .navbar .nav-item .nav-link + .dropdown > li > a:not(.s-btn) {
    line-height: 20px;
  }
  .main-menu-opened header .navbar .nav-item .nav-link + .dropdown > li .depth4 a:not(.s-btn) {
    line-height: 32px;
  }
  .main-menu-opened header .navbar .nav-item .dropdown li .dropdown li {
    margin-bottom: 19px;
  }
  .login.link .dropdown,
  .login.link .dropdown .s-btn.dropdown-toggle {
    height: 49px;
    background-position: center;
  }
  body.s-sidebar-scroll .sidebar {
    transition: transform 0.3s ease-in-out;
  }
  body.s-sidebar-scroll.s-scrolled-up .sidebar {
    transform: translateY(100%);
  }
  body.s-sidebar-scroll.s-scrolled-up .s-mobile-menu-overlay {
    bottom: 0;
  }
  .s-menu-overlay {
    display: none !important;
  }
}
@media (max-width: 1025px) and (min-width: 751px) and (max-height: 600px) {
  .main-menu-opened header:not(.business) .sidebar,
  .search-open header .sidebar {
    padding: 5px 4px;
  }
  .main-menu-opened header:not(.business) .sidebar .s-icon.s-icon-small,
  .search-open header .sidebar .s-icon.s-icon-small {
    width: 24px;
    height: 24px;
    margin-bottom: 0;
  }
  .main-menu-opened header:not(.business) .sidebar .s-icon.s-icon-small path,
  .search-open header .sidebar .s-icon.s-icon-small path {
    stroke-width: 0.5px;
  }
  .navbar-collapse {
    max-height: calc(100vh - 104px);
  }
}
@media (max-width: 830px) {
  .main-menu-opened header .switcher {
    display: flex;
    width: 100%;
    margin: 32px 26px 15px 26px;
    text-transform: uppercase;
    justify-content: flex-end;
    padding: 4.5px 0;
  }
  .main-menu-opened header .switcher label {
    font-size: 16px;
    margin-bottom: 0;
    color: var(--c-gray-700);
  }
}
@media (max-width: 750px) {
  .main-menu-opened header .switcher label {
    font-size: 10px;
    letter-spacing: 1px;
  }
  .main-menu-opened header .search-form-mobile input::placeholder,
  .main-menu-opened header .search-form-mobile input {
    font-size: 16px;
    line-height: 25px;
  }
  .main-menu-opened header .search-form-mobile {
    padding-bottom: 24px;
  }
  .main-menu-opened header .navbar .nav-item .dropdown a:not(.s-btn) {
    font-size: 20px;
    line-height: 20px;
  }
  .main-menu-opened header .nav-link, .main-menu-opened header .navbar .nav-item .dropdown a:not(.s-btn) {
    line-height: 20px;
  }
  .main-menu-opened header .navbar .nav-item .dropdown li {
    margin-bottom: 30px;
  }
  .main-menu-opened header:not(.business) .sidebar,
  .search-open header .sidebar {
    padding: 5px 4px;
  }
  .main-menu-opened header:not(.business) .sidebar .s-icon.s-icon-small,
  .search-open header .sidebar .s-icon.s-icon-small {
    width: 32px;
    height: 32px;
  }
  .navbar-collapse {
    max-height: calc(100vh - 193px);
  }
}
@media (max-width: 830px) {
  header .side-links .link:not(.s-btn),
  header .side-links .s-btn:before {
    display: none;
  }
  .main-header .navbar-nav-mobile .personalizedMenu a, .navbar-nav-mobile .nav-item a {
    font-size: 14px;
  }
}
@media (max-width: 1025px) {
  .navbar-wrap.active .s-mobile-menu-overlay {
    display: none;
    position: fixed;
    z-index: 3;
    width: 100%;
    left: 0;
    bottom: 72px;
  }
  .navbar-wrap.active .s-mobile-menu-overlay.active {
    display: block;
  }
  .navbar-wrap.active .s-mobile-menu-overlay.active ~ .navbar-nav {
    padding-bottom: 50px;
  }
  .navbar-wrap.active .s-mobile-menu-overlay.active ~ .navbar-nav .nav-item.active .dropdown.depth2 {
    padding-bottom: 100px;
  }
  .navbar-wrap.active .s-mobile-menu-overlay.active ~ .navbar-nav .nav-item.active .dropdown.depth2.wc-btn-padding {
    padding-bottom: 150px;
  }
  .navbar-wrap.active .s-mobile-menu-overlay.active ~ .navbar-nav .nav-item.active .dropdown.depth2.chrome-bar-padding {
    padding-bottom: 190px !important;
  }
  .navbar-wrap.active .s-mobile-menu-overlay.disabled {
    opacity: 0.2;
  }
  .navbar-wrap.active .s-mobile-menu-overlay:after {
    content: "";
    display: block;
    width: 100%;
    height: 35px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(242, 242, 242, 0) 16.15%, #FFFFFF 75.52%);
  }
  .navbar-wrap.active .s-mobile-menu-overlay:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    border-right: 2px solid #4C4C4C;
    border-bottom: 2px solid #4C4C4C;
    position: absolute;
    left: calc(50% - 7px);
    top: -35px;
    z-index: 3;
  }
}
@media (max-width: 1025px) and (min-width: 751px) and (min-height: 601px) {
  .navbar-wrap.active .s-mobile-menu-overlay {
    bottom: 120px;
  }
}
@media (max-width: 1025px) and (min-width: 751px) and (max-height: 600px) {
  .navbar-wrap.active .s-mobile-menu-overlay {
    bottom: 60px;
  }
}
/*LOADED*/
@media (max-width: 1025px) and (min-width: 831px) {
  .main-menu-opened header .navbar-collapse {
    display: block !important;
    margin: 0 32px;
    width: calc(100% - 52px);
    padding-top: 56px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
.main-header-scrollable .dropdown.depth2 {
  overflow: auto;
  height: calc(100vh - var(--headerHeight, 0) - 66.5px + 16px);
  max-width: calc(var(--dropdownWidth, 0) + 477px) !important;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
@media (max-width: 1550px) {
  .main-header-scrollable .dropdown.depth2 {
    max-width: calc(var(--dropdownWidth, 0) + 360px) !important;
  }
}
@media (min-width: 1026px) and (max-height: 700px) {
  .main-header-scrollable .dropdown.depth2 {
    margin-top: 66.5px !important;
  }
}
@media (max-width: 1025px) {
  .main-header-scrollable .dropdown.depth2 {
    max-width: 100% !important;
    max-height: 100%;
    overscroll-behavior: contain;
  }
}
.main-header-scrollable .dropdown.depth2::-webkit-scrollbar {
  width: 0;
  -ms-overflow-style: none; /* IE 11 */
  scrollbar-width: none; /* Firefox 64 */
  display: none;
}
.main-header-scrollable .dropdown.depth2 li {
  max-width: 411px;
  width: 100%;
}
@media (max-width: 1550px) {
  .main-header-scrollable .dropdown.depth2 li {
    max-width: 360px;
  }
}
@media (max-width: 1250px) {
  .main-header-scrollable .dropdown.depth2 li {
    max-width: 285px;
  }
}
@media (max-width: 1025px) {
  .main-header-scrollable .dropdown.depth2 li {
    max-width: 100%;
  }
}
.main-header-scrollable .dropdown.depth2 .dropdown.depth3 {
  left: var(--dropdownWidth, 0);
}
.main-header-scrollable .navbar .nav-item .dropdown .depth3,
.main-header-scrollable .navbar .nav-item .dropdown .depth4 {
  max-width: 411px !important;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media (max-width: 1550px) {
  .main-header-scrollable .navbar .nav-item .dropdown .depth3,
  .main-header-scrollable .navbar .nav-item .dropdown .depth4 {
    max-width: 360px !important;
  }
}
@media (max-width: 1250px) {
  .main-header-scrollable .navbar .nav-item .dropdown .depth3,
  .main-header-scrollable .navbar .nav-item .dropdown .depth4 {
    max-width: 285px !important;
  }
}
@media (max-width: 1025px) {
  .main-header-scrollable .navbar .nav-item .dropdown .depth3,
  .main-header-scrollable .navbar .nav-item .dropdown .depth4 {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 50px;
    position: fixed !important;
    left: 26px !important;
    top: var(--headerMobileHeight, 0) !important;
    margin-top: 150px;
    height: calc(100vh - var(--headerMobileHeight, 0) - 210px);
    min-height: 1px;
    width: calc(100% - 60px) !important;
    max-width: 100% !important;
    overflow: auto;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
  }
  .main-header-scrollable .navbar .nav-item .dropdown .depth3::-webkit-scrollbar,
  .main-header-scrollable .navbar .nav-item .dropdown .depth4::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
  }
}
@media (max-width: 830px) {
  .main-header-scrollable .navbar .nav-item .dropdown .depth3,
  .main-header-scrollable .navbar .nav-item .dropdown .depth4 {
    margin-top: 202px;
    height: calc(100vh - var(--headerMobileHeight, 0) - 250px);
    padding-bottom: 100px;
  }
  .main-header-scrollable .navbar .nav-item .dropdown .depth3.wc-btn-padding,
  .main-header-scrollable .navbar .nav-item .dropdown .depth4.wc-btn-padding {
    padding-bottom: 110px;
  }
}
.main-header-scrollable .navbar .nav-item .dropdown .depth3 li,
.main-header-scrollable .navbar .nav-item .dropdown .depth4 li {
  max-width: 100%;
}
.main-header-scrollable .max-depth-menu .dropdown.depth2 {
  max-width: 100vw !important;
  width: 100vw !important;
}
.main-header-scrollable .max-depth-menu .s-menu-overlay {
  width: calc(100% - 140px);
}
@media (min-width: 1026px) {
  .main-header-scrollable .sidebar {
    padding-top: 177px !important;
  }
}
@media (max-width: 1025px) {
  .main-header-scrollable .sidebar {
    position: fixed !important;
    top: inherit !important;
    bottom: 0 !important;
  }
}
@media (max-width: 1025px) {
  .main-header-scrollable .navbar-collapse {
    height: calc(100vh - var(--headerMobileHeight, 0) - 45px);
    padding-bottom: 120px;
    position: fixed !important;
    left: 0;
    top: 49px;
    transition: all 0.2s ease;
  }
}
@media (max-width: 830px) {
  .main-header-scrollable .navbar-collapse {
    top: 121px;
    height: calc(100vh - var(--headerMobileHeight, 0) - 125px);
    padding-bottom: 75px;
  }
}
@media (max-width: 1025px) {
  .main-header-scrollable .nav-back.active + .navbar-nav {
    height: calc(100vh - var(--headerMobileHeight, 0) - 218px);
    overflow: hidden;
    position: fixed;
    left: 26px;
    width: calc(100% - 60px);
  }
}
@media (max-width: 830px) {
  .main-header-scrollable .nav-back.active + .navbar-nav {
    height: calc(100vh - var(--headerMobileHeight, 0) - 208px);
  }
}

.help-active .helpdesk {
  display: block;
}

.s-header:not(.help-active) .main-header.mobile .helpdesk {
  display: none !important;
}

.helpdesk {
  display: none;
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 99;
  background: #88171D;
  transition: transform 0.3s ease;
}
.helpdesk.s-helpdesk-gradient {
  background: linear-gradient(90deg, #88171D 0%, #ED1C24 100%);
}
.helpdesk ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0 0;
  margin: 0;
  min-height: 64px;
}
@media (max-width: 767.98px) {
  .helpdesk ul {
    font-size: 0.8rem;
  }
}
.helpdesk li {
  position: relative;
}
.helpdesk a {
  color: white;
  text-decoration: none;
  line-height: 30px;
  letter-spacing: 0.03em;
  padding-right: 20px;
}
.helpdesk li:not(.helpdesk-phone) a {
  padding-left: 25px;
  display: flex;
  align-items: center;
  color: white;
}
.helpdesk li.helpdesk-phone {
  padding-left: 36px;
  padding-right: 20px;
  line-height: 32px;
}
.helpdesk li.helpdesk-phone a {
  height: 24px;
  line-height: 20px;
  margin: 4px 0;
  vertical-align: top;
}
.helpdesk li.helpdesk-phone a.s-contact-link-text {
  color: white;
  display: inline-block;
  padding-right: 0;
  margin-left: 13px;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767.98px) {
  .helpdesk li.helpdesk-phone a.s-contact-link-text {
    font-size: 0.8rem;
  }
}
.helpdesk li.helpdesk-phone span {
  vertical-align: top;
}
.helpdesk li:not(.helpdesk-phone) a:before,
.helpdesk li.helpdesk-phone:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 24px;
  background: white;
  opacity: 0.25;
}
.helpdesk li:first-child a:before {
  display: none;
}
.helpdesk .text {
  font-size: 13px;
  line-height: 20px;
  color: #88171D;
  font-weight: 700;
  letter-spacing: 0;
}
.helpdesk .s-contact-link:after {
  background: #88171D;
  width: 10px;
  height: 10px;
  margin-top: 0;
}
.helpdesk .s-contact-link {
  margin: 0;
  padding: 2px 12px 2px 24px;
}
.helpdesk .s-contact-link:hover {
  transform: scale(1);
  color: #88171D;
}
.helpdesk .s-contact-link img {
  position: absolute;
  top: -3.5px;
  left: -15px;
  width: 15px;
}
.helpdesk .helpdesk-dropdown ul .s-icon {
  margin-right: 13px;
}
.helpdesk .dropdown-close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.helpdesk .dropdown-close .s-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.helpdesk .dropdown-close::after {
  content: "";
  background-color: white;
  border-radius: 50%;
  opacity: 0;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  position: absolute;
  transform: translate(-50%, -50%);
}
.helpdesk .dropdown-close:hover::after {
  opacity: 0.15;
}
.helpdesk .dropdown-close:active::after {
  opacity: 0.3;
}
@media (max-width: 991.98px) {
  .helpdesk .dropdown-close {
    top: 16px;
    transform: none;
  }
}
@media (max-width: 1025px) {
  .helpdesk ul {
    padding: 21px 72px 10px 72px;
  }
  .helpdesk li {
    margin-bottom: 23px;
  }
  .helpdesk li:first-child {
    margin-left: 24px;
  }
  .helpdesk li:nth-child(2) {
    margin-right: 24px;
  }
  .helpdesk li.helpdesk-phone {
    display: flex;
    width: 50%;
  }
  .helpdesk li.helpdesk-phone:not(:last-child) {
    justify-content: flex-end;
  }
  .helpdesk li.helpdesk-phone:not(:last-child):before {
    display: none;
  }
}
@media (min-width: 1016px) and (max-width: 1025px) {
  .helpdesk ul {
    padding: 21px 150px 10px 150px;
  }
}
@media (max-width: 750px) {
  .helpdesk .helpdesk-dropdown ul .s-icon {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 585px) {
  .helpdesk li:first-child {
    margin-left: 0;
  }
  .helpdesk li:nth-child(2) {
    margin-right: 0;
  }
}
@media (max-width: 537px) {
  .helpdesk li a:before,
  .helpdesk li:before {
    display: none !important;
  }
  .helpdesk li.helpdesk-phone {
    width: 100%;
  }
  .helpdesk li.helpdesk-phone,
  .helpdesk li.helpdesk-phone:not(:last-child) {
    justify-content: center;
  }
}
@media (max-width: 447px) {
  .helpdesk ul {
    padding: 21px 40px 10px 40px;
  }
}

.main-menu-opened:not(.help-active) .helpdesk {
  display: none !important;
}

:root {
  --body-bg: #FAFAFA;
}

[data-theme=dark] {
  --body-bg: #000000;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --body-bg: #000000;
}

.s-alert {
  position: relative;
  display: block;
  background: var(--body-bg);
  color: var(--primary-color);
}
.s-alert.s-alert-gradient {
  background: linear-gradient(90deg, #88171D 0%, #ED1C24 100%);
  color: #ffffff;
}
.s-alert.s-alert-gradient a.s-btn {
  color: #ffffff;
}
.s-alert.s-alert-gradient .s-alert-close .s-icon path[stroke],
.s-alert.s-alert-gradient .s-alert-close .s-icon circle[stroke],
.s-alert.s-alert-gradient .s-alert-close .s-icon rect[stroke] {
  stroke: #4C4C4C;
}
.s-alert.s-alert-gradient .s-alert-close .s-icon path[fill]:not([fill=none]),
.s-alert.s-alert-gradient .s-alert-close .s-icon circle[fill]:not([fill=none]),
.s-alert.s-alert-gradient .s-alert-close .s-icon rect[fill]:not([fill=none]) {
  fill: #4C4C4C;
}
.s-alert.s-alert-gradient .s-alert-close .s-icon.s-icon-white path[stroke],
.s-alert.s-alert-gradient .s-alert-close .s-icon.s-icon-white circle[stroke],
.s-alert.s-alert-gradient .s-alert-close .s-icon.s-icon-white rect[stroke] {
  stroke: #ffffff;
}
.s-alert.s-alert-gradient .s-alert-close .s-icon.s-icon-white path[fill]:not([fill=none]),
.s-alert.s-alert-gradient .s-alert-close .s-icon.s-icon-white circle[fill]:not([fill=none]),
.s-alert.s-alert-gradient .s-alert-close .s-icon.s-icon-white rect[fill]:not([fill=none]) {
  fill: #ffffff;
}
.s-alert.s-alert-gradient .s-alert-close:after {
  background-color: white;
  opacity: 0;
}
.s-alert.s-alert-gradient .s-alert-close:hover::after {
  opacity: 0.15;
}
.s-alert.s-alert-gradient .s-alert-close:active::after {
  opacity: 0.3;
}
.s-alert .s-alert-btn {
  white-space: nowrap;
  margin-left: 16px;
}
.s-alert .s-alert-btn a.s-btn {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 2px;
}
@media (max-width: 767.98px) {
  .s-alert .s-alert-btn {
    margin-left: 0;
  }
}
.s-alert .s-alert-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 850px;
  margin: 0 auto;
  padding: 16px 16px 16px 0;
}
@media (max-width: 991.98px) {
  .s-alert .s-alert-wrapper {
    max-width: 100%;
    padding: 16px 60px;
  }
}
@media (max-width: 767.98px) {
  .s-alert .s-alert-wrapper {
    justify-content: center;
    flex-direction: column;
    padding: 16px 40px;
    text-align: center;
  }
  .s-alert .s-alert-wrapper .s-alert-header {
    margin-bottom: 8px;
  }
  .s-alert .s-alert-wrapper .s-alert-text {
    margin-bottom: 16px;
  }
}
.s-alert .s-alert-wrapper.s-alert-wrapper-icon .s-alert-content-icon {
  display: flex;
}
.s-alert .s-alert-wrapper.s-alert-wrapper-icon .s-alert-content-icon .s-alert-icon {
  margin-right: 16px;
}
@media (max-width: 767.98px) {
  .s-alert .s-alert-wrapper.s-alert-wrapper-icon {
    text-align: left;
  }
  .s-alert .s-alert-wrapper.s-alert-wrapper-icon .s-alert-icon .s-icon {
    width: 48px;
    height: 48px;
  }
}
.s-alert .s-alert-close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.s-alert .s-alert-close .s-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.s-alert .s-alert-close::after {
  content: "";
  background-color: transparent;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  position: absolute;
  transform: translate(-50%, -50%);
}
.s-alert .s-alert-close:hover::after {
  background-color: #E6E6E6;
}
.s-alert .s-alert-close:active::after {
  background-color: #DDDDDD;
}
@media (max-width: 991.98px) {
  .s-alert .s-alert-close {
    top: 16px;
    transform: none;
  }
}
.s-alert.s-alert-app {
  padding: 0 40px 0 40px;
}
.s-alert.s-alert-app .s-alert-wrapper {
  max-width: 391px;
  padding: 16px 0px 16px 0;
}
@media (max-width: 767.98px) {
  .s-alert.s-alert-app .s-alert-wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
.s-alert.s-alert-app .s-alert-content-icon {
  align-items: center;
}
@media (max-width: 767.98px) {
  .s-alert.s-alert-app .s-alert-icon {
    margin-right: 8px !important;
  }
}

.navbar-toggler {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 140px;
  height: 63px;
  background: #4C4C4C;
  cursor: pointer;
  border: none;
  border-radius: 0;
  flex: none;
}
.navbar-toggler:focus, .navbar-toggler:active {
  outline: 0 none;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-icon {
  position: relative;
  color: #fff;
  width: 35px;
}
.navbar-icon:before {
  top: -12px;
}
.navbar-icon:after {
  top: 12px;
}

.navbar-icon.search {
  display: none;
}

.navbar-icon,
.navbar-icon:before,
.navbar-icon:after {
  height: 1px;
  background-color: #fff;
  display: inline-block;
}

.navbar-icon:before,
.navbar-icon:after {
  content: "";
  position: absolute;
  left: 0;
  transition: all 0.2s;
  width: 44px;
}

.main-menu-opened .navbar-toggler .navbar-icon,
.search-open .navbar-toggler .navbar-icon {
  background-color: transparent;
}
.main-menu-opened .navbar-toggler .navbar-icon:before,
.search-open .navbar-toggler .navbar-icon:before {
  top: 0;
  transform: rotate(135deg);
}
.main-menu-opened .navbar-toggler .navbar-icon:after,
.search-open .navbar-toggler .navbar-icon:after {
  top: 0;
  transform: rotate(-135deg);
}

.search-open .extended-search {
  opacity: 1;
  transform: scale(1);
  display: flex;
  width: 100%;
}
.search-open .extended-search .search-content {
  padding-top: 146px;
  width: calc(100% - 140px);
}
.search-open .extended-search .search-form input[type=text] {
  width: 60%;
}

.search-form {
  padding: 31px 24px;
}
.search-form input[type=text] {
  border: none;
  border-bottom: 1px solid #4c4c4c;
  border-radius: 0;
  background: none;
  outline: none;
  font-size: 25px;
  letter-spacing: 2px;
  line-height: 47px;
  transition: border 0.5s ease-in-out;
  width: calc(100% - 106px);
  padding: 0;
}
.search-form .s-btn {
  vertical-align: top;
  margin-bottom: 0;
  margin-left: 9px;
}

@media (max-width: 1025px) and (min-width: 751px) {
  .search-form input[type=text] {
    max-width: 100%;
    font-size: 25px;
    line-height: 47px;
    letter-spacing: 2px;
  }
  .search-form .s-btn {
    font-size: 16px;
    padding: 15px 25px;
  }
}
@media (max-width: 750px) {
  .search-form input[type=text] {
    font-size: 16px;
    line-height: 37px;
    letter-spacing: 1px;
    max-width: 300px;
  }
  .search-form .s-btn {
    font-size: 12px;
    padding: 12px 25px;
  }
}

.desktop-search-close {
  display: none;
}

.search-open .desktop-search-close {
  display: block;
}

/* Extended nav */
.extended-nav,
.extended-search {
  z-index: 96;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100vh;
  max-width: 75%;
  width: 1100px;
  background: white;
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
  transform: scale(0);
}
@media (max-width: 1440px) {
  .extended-nav,
  .extended-search {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 1025px) {
  .extended-nav,
  .extended-search {
    min-height: 0;
  }
}

.max-depth-menu .extended-nav {
  max-width: 100%;
  width: 100%;
}

.main-menu-opened .extended-nav {
  opacity: 1;
  transform: scale(1);
}

@media (max-width: 1025px) {
  .search-open header .extended-nav {
    opacity: 1;
    transform: scale(1);
  }
}

.extended-nav .language-switch .cs-switch input.checkbox-switch + .cs-slider {
  border-radius: 20px;
}

@media (max-width: 1025px) {
  .main-header .language-switch .cs-switch input.checkbox-switch + .cs-slider {
    border-radius: 20px;
  }
  .main-header .language-switch .cs-switch.cs-small {
    width: 2.2rem;
    height: 1.2rem;
    vertical-align: middle;
    margin-bottom: 0;
  }
  .main-header .cs-switch input.checkbox-switch + .cs-slider,
  .main-header .language-switch {
    color: white;
  }
  .main-header .language-switch .cs-switch input.checkbox-switch + .cs-slider:before,
  .main-header .language-switch .cs-switch input.checkbox-switch:checked + .cs-slider:before {
    border-radius: 50%;
    width: 0.7rem;
    height: 0.7rem;
    bottom: 3px;
  }
  .main-header .cs-switch input.checkbox-switch + .cs-slider:before,
  .main-header .cs-switch input.checkbox-switch:checked + .cs-slider:before {
    background-color: #4C4C4C;
  }
  .main-header .language-switch > span {
    font-size: 16px;
    text-transform: initial;
  }
}

.extended-nav .language-switch .cs-switch.cs-small {
  width: 2.2rem;
  height: 1.2rem;
  vertical-align: middle;
  margin-bottom: 0;
}
.extended-nav .cs-switch input.checkbox-switch + .cs-slider,
.extended-nav .language-switch {
  color: white;
}
.extended-nav .language-switch .cs-switch input.checkbox-switch + .cs-slider:before,
.extended-nav .language-switch .cs-switch input.checkbox-switch:checked + .cs-slider:before {
  border-radius: 50%;
  width: 0.7rem;
  height: 0.7rem;
  bottom: 3px;
}
.extended-nav .cs-switch input.checkbox-switch + .cs-slider:before,
.extended-nav .cs-switch input.checkbox-switch:checked + .cs-slider:before {
  background-color: #4C4C4C;
}
.extended-nav .language-switch > span {
  font-size: 16px;
  text-transform: initial;
}

.cs-switch.cs-small input.checkbox-switch ~ .cs-slider:before {
  width: 18px;
  height: 18px;
}

.cs-switch input.checkbox-switch ~ .cs-slider:before {
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  position: absolute;
  content: "";
  height: 28px;
  width: 28px;
  left: 2px;
  bottom: 2px;
  background-color: #4b4b4b;
}

.cs-switch {
  width: 4rem;
  height: 34px;
  position: relative;
  display: inline-block;
}

.cs-switch.cs-small {
  width: 3rem;
  height: 1.5rem;
}

.cs-switch input.checkbox-switch {
  display: none;
}

.cs-switch input.checkbox-switch ~ .cs-slider {
  transition: all 0.4s ease-in-out;
  border-radius: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  border: 1px solid #DDDDDD;
}

.sidebar {
  background-color: #4c4c4c;
  min-height: 100vh;
  width: 140px;
  padding-top: 177px;
  text-align: center;
  display: flex;
  flex-direction: column;
  z-index: 1000;
}
.sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.sidebar ul::-webkit-scrollbar {
  display: none;
}
.sidebar li {
  margin-bottom: 73px;
}
.sidebar a {
  display: block;
  color: white;
  text-decoration: none;
}
.sidebar a div {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
}
.sidebar svg {
  margin-bottom: 12px;
}
@media (max-height: 700px) {
  .sidebar li {
    margin-bottom: 32px;
  }
}
@media (max-height: 620px) {
  .sidebar {
    padding-top: 157px;
  }
  .sidebar li {
    margin-bottom: 15px;
  }
}
@media (max-width: 1025px) {
  .sidebar {
    min-height: 0;
  }
  .sidebar svg {
    margin-bottom: 4px;
    width: 16px;
    height: 16px;
  }
  .sidebar a div {
    line-height: 21px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.main-header.business .sidebar {
  display: none;
}

@media (min-width: 1026px) {
  .main-header .sidebar a div {
    line-height: 16px;
  }
}

@media (max-width: 1025px) and (min-width: 751px) {
  .main-menu-opened .sidebar {
    /* fix for IOS ignoring styles on br tag */
  }
  .main-menu-opened .sidebar .s-icon.s-icon-small {
    margin-right: 0;
  }
  .main-menu-opened .sidebar a div br {
    content: "";
  }
  .main-menu-opened .sidebar a div br:after {
    content: " ";
  }
  .main-menu-opened .sidebar.ios-sidebar a div br {
    display: none;
  }
  .main-menu-opened .sidebar.ios-sidebar a div br ~ span {
    display: inline-block;
    width: 3px;
  }
  .s-header:not(.main-menu-opened) .sidebar {
    padding: 16px 4px;
  }
  .s-header:not(.main-menu-opened) .sidebar .s-icon.s-icon-small {
    margin-bottom: 0;
    margin-right: 4px;
  }
  .s-header:not(.main-menu-opened) .sidebar a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .s-header:not(.main-menu-opened) .sidebar a div {
    line-height: 16px;
    text-align: left;
  }
}
@media (max-width: 750px) {
  .sidebar {
    padding: 5px 4px;
  }
  .sidebar a div {
    font-size: 10px;
    line-height: 13px;
  }
}
.navbar {
  padding: 0.5rem 0;
}

.main-header .language.link .dropdown-menu {
  margin-top: 0;
}
.main-header .s-btn-secondary:not(:disabled):not(.disabled):active:focus, .main-header .s-btn-secondary:not(:disabled):not(.disabled).active:focus, .main-header .show > .s-btn-secondary.dropdown-toggle:focus {
  box-shadow: none;
}
.main-header .navbar-wrap .s-btn-secondary:not(:disabled):not(.disabled):active, .main-header .navbar-wrap .s-btn-secondary:not(:disabled):not(.disabled).active, .main-header .navbar-wrap .show > .s-btn-secondary.dropdown-toggle {
  color: #222222;
  background-color: transparent;
  border: none;
}
.main-header .s-btn:focus-visible {
  outline: none;
}
.main-header .nav-more-dropdown .s-btn:hover:not(.disabled), .main-header .nav-more-dropdown .s-btn:focus:not(.disabled) {
  box-shadow: none;
}
.main-header a, .main-header a:hover {
  color: #4C4C4C;
  -webkit-appearance: none;
}

.main-header .sidebar a, .main-header .sidebar a:hover {
  color: white;
}

.s-pages .s-pages-close {
  width: 16px;
  height: 16px;
  margin-right: -2px;
  margin-top: -2px;
  align-self: start;
}
.s-pages img,
.s-pages svg {
  vertical-align: baseline;
}
.s-pages .dropdown {
  position: static;
  display: flex;
}
.s-pages .dropdown button {
  border: none;
  background-color: #FFFFFF;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  position: relative;
  padding: 0;
  margin: 0 5px 0 10px;
  outline: none;
}
@media (hover: hover) and (pointer: fine) {
  .s-pages .dropdown button:hover {
    background: #F2F2F2;
  }
}
.s-pages .dropdown button:after {
  display: none;
}
.s-pages .dropdown button[aria-expanded=true] {
  background: #DDDDDD;
}
.s-pages .dropdown-menu {
  padding: 16px 32px;
  border-radius: 0;
  border-color: white;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
  width: 300px;
  margin-top: 9px;
  max-height: 500px;
  right: 0;
  left: auto;
}
.s-pages .dropdown-menu.s-scrollbar::-webkit-scrollbar-track {
  background-color: inherit;
}
.s-pages a {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.03em;
}
.s-pages a:hover {
  text-decoration: none;
}
.s-pages .s-title {
  font-size: 17px;
  line-height: 25px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.s-pages .s-apps {
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
  text-align: center;
  max-width: 250px;
}
.s-pages .s-apps a {
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0;
}
.s-pages .s-apps img {
  width: 48px;
  margin-bottom: 8px;
}
.s-pages .s-collapsible {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #DDDDDD;
  padding: 24px 0;
  cursor: pointer;
}
.s-pages .s-collapsible .s-icon {
  width: 24px;
  height: 24px;
  transition: all 0.2s ease-in-out;
}
.s-pages .s-collapsible.active .s-icon {
  transform: rotate(180deg);
}
.s-pages .s-collapsible-content {
  display: none;
}
.s-pages .s-collapsible-content > div {
  margin-bottom: 15px;
}
@media (max-width: 1025px) {
  .s-pages .dropdown button {
    margin: 0 6px;
  }
  .s-pages .dropdown button:before {
    left: -6px;
    height: 17px;
  }
  .s-pages .dropdown-menu {
    margin-top: 1px;
    right: 0;
    left: auto;
  }
}
@media (max-width: 750px) {
  .s-pages {
    position: static;
  }
  .s-pages .dropdown {
    position: static;
  }
}

/**
 * Helper mixins
*/
.s-ht-1 {
  font-size: 60px;
  font-weight: 700;
  line-height: 80px;
}

.s-ht-2 {
  font-size: 60px;
  font-weight: 300;
  line-height: 80px;
  letter-spacing: 5px;
}

.s-ht-3 {
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: 2.5px;
}

.s-ht-4 {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 1px;
}

.s-ht-5 {
  font-size: 30px;
  font-weight: 300;
  line-height: 45px;
  letter-spacing: 1px;
}

.s-ht-6 {
  font-size: 25px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 2px;
}

.s-ht-7 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 2px;
}

.s-ht-8 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 1px;
}

.s-ht-9 {
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.5px;
}

.s-ht-10 {
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 14px;
  letter-spacing: 0.35em;
}

.s-bt-1 {
  font-size: 25px;
  font-weight: 300;
  line-height: 40px;
  letter-spacing: 2px;
}

.s-bt-2 {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 1px;
}
.s-bt-2.text-bold {
  letter-spacing: 0;
  font-weight: 700;
}

.s-bt-3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.03em;
}
.s-bt-3.text-bold {
  font-weight: 700;
}

.s-bt-4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
.s-bt-4.text-bold {
  font-weight: 700;
}

.s-bt-5 {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0;
}
.s-bt-5.text-bold {
  font-weight: 700;
}

@media (max-width: 991.98px) {
  .s-ht-1:not(.s-ht-t-1) {
    font-size: 40px;
    line-height: 50px;
  }
  .s-ht-2:not(.s-ht-t-2) {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 3px;
  }
  .s-ht-3:not(.s-ht-t-3) {
    font-size: 35px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 2.5px;
  }
  .s-ht-5:not(.s-ht-t-5) {
    font-size: 28px;
    line-height: 35px;
  }
  .s-bt-1:not(.s-bt-t-1) {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 767.98px) {
  .s-ht-1:not(.s-ht-m-1) {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 1px;
  }
  .s-ht-2:not(.s-ht-m-2) {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 2.5px;
  }
  .s-ht-3:not(.s-ht-m-3) {
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0px;
  }
  .s-ht-4:not(.s-ht-m-4) {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0px;
  }
  .s-ht-5:not(.s-ht-m-5) {
    font-size: 20px;
    line-height: 25px;
  }
  .s-ht-6:not(.s-ht-m-6) {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0px;
  }
  .s-ht-7:not(.s-ht-m-7) {
    font-size: 16px;
    line-height: 20px;
  }
  .s-ht-8:not(.s-ht-m-8) {
    font-size: 16px;
    line-height: 20px;
  }
  .s-bt-1:not(.s-bt-m-1) {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.03em;
  }
  .s-bt-2:not(.s-bt-m-2) {
    font-size: 16px;
    letter-spacing: 0px;
  }
  .s-bt-2:not(.s-bt-m-2).text-bold {
    letter-spacing: 0;
    font-weight: 800 !important;
  }
  .s-bt-4:not(.s-bt-m-4) {
    line-height: 20px;
  }
  .s-bt-5:not(.s-bt-m-5) {
    line-height: 21px;
  }
}
.s-tag {
  position: relative;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0;
  padding-left: 16px;
  color: var(--color-tag-gray);
}
.s-tag::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 4.5px;
  background-color: currentColor;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

/**
 * Helper mixins
*/
:root {
  --radiocard-checked-border: #34A634;
  --radiocard-disabled-border: var(--c-gray-200);
}

[data-theme=dark] {
  --radiocard-disabled-border: var(--c-gray-700);
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --radiocard-disabled-border: var(--c-gray-700);
}

.s-radiocard-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% + 32px);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 472px;
  margin-bottom: -32px;
}
@media (max-width: 767.98px) {
  .s-radiocard-list {
    padding: 0 30px;
  }
}
@media (max-width: 320px) {
  .s-radiocard-list {
    padding: 0;
    width: 100%;
    margin: 0;
    flex-direction: column;
    align-items: center;
    margin-bottom: -16px;
  }
}
.s-radiocard-list-slider {
  margin-bottom: -16px;
}
@media (max-width: 767.98px) {
  .s-radiocard-list-slider {
    flex-wrap: nowrap;
    flex-direction: row;
    overflow: auto;
    padding: 0 12px;
    justify-content: flex-start;
    margin-bottom: -20px;
    width: 100vw;
  }
}
.s-radiocard-list-slider .s-radiocard {
  margin: 0 8px 16px;
}
@media (max-width: 991.98px) {
  .s-radiocard-list-slider .s-radiocard {
    margin: 0 5px 16px;
  }
}
@media (max-width: 767.98px) {
  .s-radiocard-list-slider .s-radiocard {
    flex-shrink: 0;
    margin: 0 4px 20px;
  }
}
.s-radiocard-list-large {
  max-width: 590px;
}

.s-radiocard {
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  height: 100%;
  width: 100%;
  max-width: 126px;
  min-height: 110px;
  display: flex;
  margin: 0 15px 32px;
}
@media (max-width: 360px) {
  .s-radiocard {
    margin: 0 8px 16px;
  }
}
@media (max-width: 320px) {
  .s-radiocard {
    margin: 0 0 16px;
  }
}
.s-radiocard a {
  color: inherit !important;
}
.s-radiocard__label {
  position: relative;
  min-height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-shadow: var(--elevation-1);
  border-radius: 20px;
  background-color: var(--card-bg);
  cursor: pointer;
  padding: 23px 7px 7px 7px;
  user-select: none;
  margin: 0;
  border: 1px solid transparent;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  color: inherit;
}
.s-radiocard__label:hover {
  color: inherit;
  background-color: var(--card-bg-hover);
}
@media (max-width: 767.98px) {
  .s-radiocard__label {
    max-width: 100%;
  }
}
.s-radiocard__label:hover {
  box-shadow: var(--elevation-2);
}
.s-radiocard.s-radiocard-ycenter .s-radiocard__label {
  padding: 23px 7px;
  justify-content: center;
}
.s-radiocard__radio {
  display: none;
}
.s-radiocard__radio:checked ~ .s-radiocard__label {
  border-color: var(--radiocard-checked-border);
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--card-bg);
}
.s-radiocard__radio[disabled], .s-radiocard__radio[disabled] + label {
  cursor: default;
  border-color: var(--radiocard-disabled-border);
  background-color: transparent;
  box-shadow: none;
}
.s-radiocard__icon {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}
.s-radiocard__icon svg {
  max-width: 32px;
  width: 100%;
  height: auto;
}
.s-radiocard-large {
  max-width: 163px;
  min-height: 158px;
  font-size: 15px;
}
.s-radiocard-large .s-radiocard__icon {
  height: 48px;
  margin-bottom: 10px;
}
.s-radiocard-large .s-radiocard__icon svg {
  max-width: 48px;
}
.s-radiocard-large .s-radiocard__label {
  padding: 39px 23px 23px 23px;
}
.s-radiocard-small {
  max-width: 104px;
  min-height: 88px;
}
.s-radiocard-small .s-radiocard__icon {
  height: 24px;
}
.s-radiocard-small .s-radiocard__icon svg {
  max-width: 24px;
}
.s-radiocard-small .s-radiocard__label {
  padding: 15px 7px;
}
.s-radiocard-mini {
  width: auto;
  max-width: unset;
  min-height: unset;
}
.s-radiocard-mini .s-radiocard__label {
  padding: 16px 8px;
  justify-content: center;
  align-items: center;
}
.s-radiocard--stroke label {
  border-color: var(--stroke-border);
}

/**
 * Helper mixins
*/
:root {
  --selection-card-bg: var(--card-bg);
  --selection-card-bg-hover: var(--card-bg-hover);
  --selection-card-open-border: #34A634;
  --selection-card-color: #4C4C4C;
  --selection-card-label: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 10a8 8 0 1 0 16 0 8 8 0 0 0-16 0zm-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10S15.523 0 10 0 0 4.477 0 10z' fill='%234C4C4C'/%3E%3C/svg%3E");
  --selection-card-cb-label: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.3408%200.613281H0.34082V22.6133H22.3408V0.613281ZM2.34082%2020.6133V2.61328H20.3408V20.6133H2.34082Z%22%20fill%3D%22%234C4C4C%22%2F%3E%0A%3C%2Fsvg%3E");
  --selection-card-cb-label-checked: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.3408%200.613281H0.34082V20.6133H20.3408V0.613281ZM8.62756%2016L17%207.74136L15.2346%206L8.62756%2012.5173L5.76535%209.69398L4%2011.4353L8.62756%2016Z%22%20fill%3D%22%2334A634%22%2F%3E%0A%3C%2Fsvg%3E");
}

[data-theme=dark] {
  --selection-card-bg: var(--card-bg);
  --selection-card-bg-hover: var(--card-bg-hover);
  --selection-card-color: #ffffff;
  --selection-card-label: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url%28%23clip0_16668_30716%29%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.84033%2010C2.84033%2014.4183%206.42205%2018%2010.8403%2018C15.2586%2018%2018.8403%2014.4183%2018.8403%2010C18.8403%205.58172%2015.2586%202%2010.8403%202C6.42205%202%202.84033%205.58172%202.84033%2010ZM0.840332%2010C0.840332%2015.5228%205.31748%2020%2010.8403%2020C16.3632%2020%2020.8403%2015.5228%2020.8403%2010C20.8403%204.47715%2016.3632%200%2010.8403%200C5.31748%200%200.840332%204.47715%200.840332%2010Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_16668_30716%22%3E%0A%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20transform%3D%22translate%280.840332%29%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E");
  --selection-card-cb-label: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2223%22%20height%3D%2222%22%20viewBox%3D%220%200%2023%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.3398%200H0.339844V22H22.3398V0ZM2.33984%2020V2H20.3398V20H2.33984Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --selection-card-bg: var(--card-bg);
  --selection-card-bg-hover: var(--card-bg-hover);
  --selection-card-color: #ffffff;
  --selection-card-label: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url%28%23clip0_16668_30716%29%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.84033%2010C2.84033%2014.4183%206.42205%2018%2010.8403%2018C15.2586%2018%2018.8403%2014.4183%2018.8403%2010C18.8403%205.58172%2015.2586%202%2010.8403%202C6.42205%202%202.84033%205.58172%202.84033%2010ZM0.840332%2010C0.840332%2015.5228%205.31748%2020%2010.8403%2020C16.3632%2020%2020.8403%2015.5228%2020.8403%2010C20.8403%204.47715%2016.3632%200%2010.8403%200C5.31748%200%200.840332%204.47715%200.840332%2010Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_16668_30716%22%3E%0A%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20transform%3D%22translate%280.840332%29%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E");
  --selection-card-cb-label: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2223%22%20height%3D%2222%22%20viewBox%3D%220%200%2023%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.3398%200H0.339844V22H22.3398V0ZM2.33984%2020V2H20.3398V20H2.33984Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
}

.s-selection-card {
  background-color: var(--selection-card-bg);
  color: var(--selection-card-color);
  border-radius: 10px;
  box-shadow: var(--elevation-1);
  border: 1px solid transparent;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  user-select: none;
  position: relative;
}
.s-selection-card:nth-child(n+2) {
  margin-top: 32px;
}
.s-selection-card--stroke {
  border-color: var(--stroke-border);
}
.s-selection-card--active {
  border-color: var(--selection-card-open-border);
}
.s-selection-card:not(.s-selection-card--active):hover {
  background-color: var(--selection-card-bg-hover);
  box-shadow: var(--elevation-2);
}
.s-selection-card__header {
  text-transform: none;
}
.s-selection-card__header label {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
  margin: 0;
  cursor: pointer;
}
.s-selection-card__header label > * {
  flex: 1;
}
.s-selection-card__header-text {
  margin-top: 22px;
  width: 100%;
  flex: auto !important;
}
@media (max-width: 768px) {
  .s-selection-card__header-text {
    margin-top: 25px;
  }
}
.s-selection-card__header-text p {
  margin: 0;
}
.s-selection-card__header input[type=checkbox],
.s-selection-card__header input[type=radio] {
  display: none;
}
.s-selection-card__header input[type=radio] ~ label:before {
  content: "";
  height: 20px;
  width: 20px;
  position: relative;
  top: 2px;
  margin-right: 12px;
  border: none;
  background-image: var(--selection-card-label);
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.s-selection-card__header input[type=radio]:checked ~ label:before {
  background-image: var(--radio-check-image);
}
.s-selection-card__header input[type=checkbox] ~ label:before {
  content: "";
  height: 20px;
  width: 20px;
  position: relative;
  top: 2px;
  margin-right: 12px;
  border: none;
  background-image: var(--selection-card-cb-label);
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.s-selection-card__header input[type=checkbox]:checked ~ label:before {
  background-image: var(--selection-card-cb-label-checked);
}
.s-selection-card__content {
  display: none;
}
.s-selection-card__content-inner {
  padding: 16px 16px 24px;
  display: grid;
  grid-gap: 16px;
}
.s-selection-card__icon-text {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 24px;
  align-items: center;
  margin-bottom: 20px;
  text-decoration: none;
  color: inherit;
}
.s-selection-card__icon-text:hover {
  color: inherit;
}
.s-selection-card__icon-text .icon {
  font-size: 25px;
}
.s-selection-card__icon-text p {
  margin: 0;
}
.s-selection-card__info {
  display: grid;
  grid-gap: 28px;
  margin-bottom: 20px;
}
.s-selection-card__info-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 16px;
  align-items: center;
}

.s-fileuploader.s-has-error .s-error {
  display: block;
}
.s-fileuploader__uploaded {
  margin-bottom: 32px;
}
.s-fileuploader .s-fileupload-preview {
  margin-bottom: 16px;
}
.s-fileuploader .s-fileupload-preview img {
  max-width: 120px;
}
.s-fileuploader .s-fileupload-filename {
  word-break: break-all;
}

/**
 * Helper mixins
*/
:root {
  --modal-bg: rgba(34,34,34,0.6);
  --modal-content-bg: #FFFFFF;
}

[data-theme=dark] {
  --modal-bg: rgba(76,76,76,0.6);
  --modal-content-bg: #222222;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --modal-bg: rgba(76,76,76,0.6);
  --modal-content-bg: #222222;
}

.s-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  background-color: var(--modal-bg);
}
.s-modal__dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.s-modal__content {
  position: relative;
  max-width: 286px;
  width: 100%;
  padding: 32px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  border-radius: 20px;
  background-color: var(--modal-content-bg);
}
@media (min-width: 767.99px) {
  .s-modal__content--xl {
    max-width: 616px;
  }
}
@media (min-width: 767.99px) and (max-width: 991.98px) {
  .s-modal__content--xl {
    max-width: 544px;
  }
}
@media (min-width: 767.99px) {
  .s-modal__content--lg {
    max-width: 544px;
  }
  .s-modal__content--md {
    max-width: 400px;
  }
}
.s-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
}
.s-modal__buttons {
  display: grid;
  margin-top: 32px;
  grid-gap: 16px;
}

:root {
  --s-stepper-color: #4c4c4c;
  --s-stepper-color-hover: #222222;
  --s-stepper-subitle: #969696;
  --s-stepper-bg: #dddddd;
  --s-stepper-bar-bg: #39B54A;
  --s-stepper-step-title-color: #dddddd;
  --s-stepper-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg id='ic_check_mark_24B'%3E%3Cpath id='foreground' fill-rule='evenodd' clip-rule='evenodd' d='M20.7941 6.99529L9.99862 17.7908L3.70312 11.4953L5.29412 9.9043L9.99862 14.6088L19.2031 5.4043L20.7941 6.99529Z' fill='%2334A634'/%3E%3C/g%3E%3C/svg%3E");
}

[data-theme=dark] {
  --s-stepper-color: #ffffff;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --s-stepper-color: #ffffff;
}

.s-stepper {
  max-width: 634px;
  width: 100%;
  min-height: 48px;
  padding: 10px 0 0;
  line-height: normal;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.s-stepper a {
  text-decoration: none;
  color: var(--s-stepper-color);
}
.s-stepper a:hover {
  color: var(--s-stepper-color);
}
@media (max-width: 1025px) {
  .s-stepper {
    max-width: 100%;
  }
}
.s-stepper__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px 0 8px;
}
@media (max-width: 768px) {
  .s-stepper__top {
    padding: 0 16px;
  }
}
.s-stepper__left {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.s-stepper__left:hover .s-icon {
  transform: translateX(-4px);
}
.s-stepper__right {
  margin-left: auto;
  display: flex;
}
.s-stepper__link {
  color: var(--s-stepper-color);
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  line-height: normal;
  transition: color 0.3s ease;
}
.s-stepper__next {
  flex-direction: column;
  align-items: flex-end;
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
}
.s-stepper__cta {
  flex-direction: row;
  align-items: center;
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
}
.s-stepper__cta--saved {
  color: var(--s-stepper-bar-bg);
}
.s-stepper__cta--saved:hover {
  color: var(--s-stepper-bar-bg) !important;
}
.s-stepper__super-title {
  color: var(--s-stepper-subitle);
  margin-bottom: 4px;
}
.s-stepper .s-icon {
  margin-right: 8px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.s-stepper__title {
  font-size: 13px;
  line-height: normal;
  margin-left: 16px;
  padding-left: 18px;
  position: relative;
}
@media (max-width: 768px) {
  .s-stepper__title {
    display: none;
  }
}
.s-stepper__title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  border-radius: 10px;
  background-color: var(--s-stepper-bg);
  pointer-events: none;
}
.s-stepper__progress {
  width: 100%;
  height: 4px;
  background-color: var(--s-stepper-bg);
  margin-top: 10px;
  position: relative;
}
.s-stepper__progress-inner {
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  transition: width 0.3s ease;
  background-color: var(--s-stepper-bar-bg);
}
.s-stepper__steps {
  display: flex;
  margin-top: 13px;
  align-items: flex-end;
}
.s-stepper__counter {
  display: none;
  text-align: right;
  font-size: 14px;
  color: var(--s-stepper-bar-bg);
  font-weight: 600;
  line-height: 150%;
  margin-top: 8px;
}
.s-stepper__step {
  width: 100%;
  padding-right: 8px;
  position: relative;
}
.s-stepper__step:last-child {
  padding-right: 0;
}
.s-stepper__step__title {
  font-size: 14px;
  color: var(--s-stepper-step-title-color);
  text-align: center;
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 150%;
}
.s-stepper__step__progress {
  height: 4px;
  background-color: var(--s-stepper-bg);
}
.s-stepper__step--complete .s-stepper__step__progress, .s-stepper__step--current .s-stepper__step__progress {
  background-color: var(--s-stepper-bar-bg);
}
.s-stepper__step--complete .s-stepper__step__title, .s-stepper__step--current .s-stepper__step__title {
  color: var(--s-stepper-bar-bg);
}
.s-stepper__step--complete .s-stepper__step__title {
  color: var(--s-stepper-bar-bg);
  padding-left: 32px;
  text-align: left;
}
.s-stepper__step--complete .s-stepper__step__title:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: var(--s-stepper-check);
  left: 0;
  bottom: 10px;
}
@media (max-width: 1200px) {
  .s-stepper__counter {
    display: block;
  }
  .s-stepper__steps {
    margin-top: 10px;
  }
  .s-stepper__step {
    padding-right: 0;
  }
  .s-stepper__step__title {
    display: none;
  }
}

/**
 * Helper mixins
*/
:root {
  --s-toast-white-bg: var(--c-gray-0);
  --s-toast-grey-bg: var(--c-gray-30);
  --s-toast-border-color: var(--c-gray-50);
  --s-toast-success-bg: var(--success-light-color);
  --s-toast-error-bg: var(--error-light-color);
  --s-toast-gray-action-icon-hover: var(--action-icon-bg-hover);
  --s-toast-gray-action-icon-active: var(--action-icon-bg-active);
}

[data-theme=dark] {
  --s-toast-white-bg: var(--c-gray-800);
  --s-toast-grey-bg: var(--c-gray-900);
  --s-toast-border-color: var(--c-gray-500);
  --s-toast-gray-action-icon-hover: var(--action-icon-clear-bg-hover);
  --s-toast-gray-action-icon-active: var(--action-icon-clear-bg-active);
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --s-toast-white-bg: var(--c-gray-800);
  --s-toast-grey-bg: var(--c-gray-900);
  --s-toast-border-color: var(--c-gray-500);
  --s-toast-gray-action-icon-hover: var(--action-icon-clear-bg-hover);
  --s-toast-gray-action-icon-active: var(--action-icon-clear-bg-active);
}
[data-theme=dark] .s-toast .s-icon path[stroke],
[data-theme=dark] .s-toast .s-icon circle[stroke],
[data-theme=dark] .s-toast .s-icon rect[stroke] {
  stroke: var(--primary-color);
}
[data-theme=dark] .s-toast .s-icon path[fill]:not([fill=none]),
[data-theme=dark] .s-toast .s-icon circle[fill]:not([fill=none]),
[data-theme=dark] .s-toast .s-icon rect[fill]:not([fill=none]) {
  fill: var(--primary-color);
}

.s-toast {
  position: relative;
  padding: 16px;
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  box-shadow: var(--elevation-2);
  border: 1px solid transparent;
}
.s-toast__icon {
  position: relative;
  top: 3px;
}
.s-toast__icon .s-icon {
  width: 20px;
  height: 20px;
  display: block;
}
.s-toast--action {
  padding-right: 52px;
}
.s-toast--action .s-action-icon {
  position: absolute;
  right: 16px;
  top: 17px;
}
.s-toast--no-shadow {
  box-shadow: none;
}
.s-toast--white {
  background: var(--s-toast-white-bg);
  border-color: var(--s-toast-border-color);
}
.s-toast--grey {
  background: var(--s-toast-grey-bg);
  border-color: var(--s-toast-border-color);
}
@media (hover: hover) and (pointer: fine) {
  .s-toast--grey.s-toast--action .s-action-icon:hover {
    background: var(--s-toast-gray-action-icon-hover);
  }
}
@media screen {
  .s-toast--grey.s-toast--action .s-action-icon:active {
    background: var(--s-toast-gray-action-icon-active);
  }
}
.s-toast--success {
  background: var(--s-toast-success-bg);
}
.s-toast--error {
  background: var(--s-toast-error-bg);
}
@media (max-width: 767px) {
  .s-toast:not(.s-toast--no-shadow) {
    display: inline-flex;
    padding: 8px 12px;
  }
  .s-toast__icon {
    top: 1px;
  }
  .s-toast--action {
    padding-right: 50px !important;
  }
  .s-toast--action .s-action-icon {
    position: absolute;
    right: 12px;
    top: 7px;
  }
}

/**
 * Helper mixins
*/
:root {
  --range-bg: #FFFFFF;
  --range-bg-dark: #4C4C4C;
  --range-thumb-bg: #4C4C4C;
  --range-thumb-border: #FFFFFF;
  --range-thumb-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  --range-text-color: #969696;
}

[data-theme=dark] {
  --range-bg: #4C4C4C;
  --range-bg-dark: #FFFFFF;
  --range-thumb-bg: #FFFFFF;
  --range-thumb-border: #4C4C4C;
  --range-thumb-shadow: none;
  --range-text-color: #FFFFFF;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --range-bg: #4C4C4C;
  --range-bg-dark: #FFFFFF;
  --range-thumb-bg: #FFFFFF;
  --range-thumb-border: #4C4C4C;
  --range-thumb-shadow: none;
  --range-text-color: #FFFFFF;
}

.s-range {
  margin: 16px 0;
}
.s-range input[type=range] {
  --webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 3px;
  background: var(--range-bg);
}
.s-range input[type=range]::-webkit-slider-thumb {
  --webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 19.43px;
  height: 19.43px;
  background: var(--range-thumb-bg);
  border-radius: 50%;
  border: 4px solid var(--range-thumb-border);
  box-shadow: var(--range-thumb-shadow);
  cursor: pointer;
}
.s-range input[type=range]::-moz-range-thumb {
  --webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 10.43px;
  height: 10.43px;
  background: var(--range-thumb-bg);
  border-radius: 50%;
  border: 4px solid var(--range-thumb-border);
  box-shadow: var(--range-thumb-shadow);
  cursor: pointer;
}
.s-range__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 9px;
  position: relative;
}
.s-range__text p {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  color: var(--range-text-color);
  margin: 0;
}

:root {
  --s-surface-secondary-bg: #F2F2F2;
}

[data-theme=dark] {
  --s-surface-secondary-bg: var(--c-gray-700);
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --s-surface-secondary-bg: var(--c-gray-700);
}

.s-surface-card {
  display: block;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid var(--stroke-border);
  background: var(--card-bg);
}
.s-surface-card--secondary {
  background: var(--s-surface-secondary-bg);
  border: none;
}
.s-surface-card > .s-card-item__row-full {
  width: 100%;
  max-width: unset;
}

:root {
  --hover-color: var(--c-gray-900);
  --active-color: var(--brand-red);
}

[data-theme=dark] {
  --hover-color: #FFFFFF;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --hover-color: #FFFFFF;
}

.s-tab-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.s-tab-nav::-webkit-scrollbar {
  display: none;
}
.s-tab-nav__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 0 8px 8px 8px;
  border-bottom: 4px solid transparent;
  transition: all 0.15s;
}
.s-tab-nav__link .s-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
}
.s-tab-nav__link:hover {
  border-bottom-color: var(--hover-color);
  transition: all 0.25s;
}
.s-tab-nav__link:hover .s-tab-nav__title {
  color: var(--hover-color);
}
.s-tab-nav__link:hover .s-icon path[stroke],
.s-tab-nav__link:hover .s-icon circle[stroke],
.s-tab-nav__link:hover .s-icon rect[stroke] {
  stroke: var(--hover-color);
}
.s-tab-nav__link:hover .s-icon path[fill]:not([fill=none]),
.s-tab-nav__link:hover .s-icon circle[fill]:not([fill=none]),
.s-tab-nav__link:hover .s-icon rect[fill]:not([fill=none]) {
  fill: var(--hover-color);
}
.s-tab-nav__link.active {
  border-bottom-color: var(--active-color);
  transition: all 0.25s;
}
.s-tab-nav__link.active .s-tab-nav__title {
  color: var(--active-color);
}
.s-tab-nav__link.active .s-icon path[stroke],
.s-tab-nav__link.active .s-icon circle[stroke],
.s-tab-nav__link.active .s-icon rect[stroke] {
  stroke: var(--brand-red);
}
.s-tab-nav__link.active .s-icon path[fill]:not([fill=none]),
.s-tab-nav__link.active .s-icon circle[fill]:not([fill=none]),
.s-tab-nav__link.active .s-icon rect[fill]:not([fill=none]) {
  fill: var(--active-color);
}
.s-tab-nav__title {
  display: block;
  text-align: center;
  white-space: nowrap;
  color: var(--primary-color);
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.s-tab-content > .s-tab-pane {
  display: none;
}
.s-tab-content > .s-tab-pane.active {
  display: block;
}

.s-accordion-item__collapse:not(.s-accordion-item--active) {
  display: none;
}
.s-accordion-item__collapse.s-accordion-item--active {
  border-bottom: 1px solid var(--c-gray-200);
}
.s-accordion-item__collapse__content {
  padding-bottom: 16px;
}
.s-accordion-item--collapsible {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--primary-color);
  padding: 16px 0;
  border-bottom: 1px solid var(--c-gray-200);
}
.s-accordion-item--collapsible[aria-expanded=true] {
  border-bottom-color: transparent;
}
.s-accordion-item--collapsible[aria-expanded=true] .s-accordion-item__arrow {
  transform: rotate(-90deg);
  transition: all 0.2s;
}
.s-accordion-item--collapsible:hover {
  color: var(--primary-color);
}
.s-accordion-item__arrow {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  background-image: var(--arrow-svg);
  background-size: 22px;
  background-position: 5px center;
  background-repeat: no-repeat;
  transform: rotate(90deg);
  transition: all 0.1s;
}
.s-accordion-item__title {
  position: relative;
  padding-left: 12px;
  width: 100%;
}
.s-accordion-item__toggle:not(.s-accordion-item--active) {
  display: none;
}
.s-accordion-item__trigger[aria-expanded=true] .s-accordion-item--open {
  display: none;
}
.s-accordion-item__trigger[aria-expanded=true] .s-accordion-item--close {
  display: block;
}
.s-accordion-item__trigger[aria-expanded=false] .s-accordion-item--open {
  display: block;
}
.s-accordion-item__trigger[aria-expanded=false] .s-accordion-item--close {
  display: none;
}
.s-accordion.s-accordion--reverse .s-accordion-item--collapsible {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.s-accordion.s-accordion--reverse .s-accordion-item__title {
  padding-left: 0;
  padding-right: 12px;
}
.s-accordion--in-card .s-accordion-item--collapsible.s-last,
.s-accordion--in-card .s-accordion-item__collapse.s-accordion-item--active.s-last {
  border-bottom: 0;
  padding-bottom: 0;
}
.s-accordion--in-card .s-accordion-item__collapse.s-last .s-accordion-item__collapse__content {
  padding-top: 16px;
  padding-bottom: 0;
}
.s-accordion .s-accordion-action-wrapper {
  position: relative;
}
.s-accordion .s-accordion-action-wrapper .s-accordion-action {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

:root,
::after,
::before {
  --chip-bg: var(--c-gray-200);
  --chip-icon-hover: #000000;
  --chip-hover-color: var(--c-gray-800);
  --chip-selected-bg: var(--c-gray-700);
  --chip-selected-color: #FFFFFF;
  --chip-pay-bg: #ffffff;
  --chip-pay-border-color: var(--c-gray-50);
  --chip-pay-klik-bg: #230078;
}

[data-theme=dark] {
  --chip-pay-bg:var(--c-gray-700);
  --chip-pay-border-color: var(--c-gray-700);
  --chip-pay-klik-bg: var(--chip-pay-bg);
}
[data-theme=dark] :root {
  --chip-pay-bg: var(--c-gray-700);
  --chip-pay-border-color: var(--c-gray-700);
  --chip-pay-klik-bg: var(--chip-pay-bg);
}

.s-chip {
  position: relative;
  background-color: var(--chip-bg);
  color: var(--primary-color);
  border: 1px solid var(--chip-bg);
  border-radius: 5px;
  padding: 2px 10px;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
}
.s-chip.s-chip--remove {
  padding: 2px 4px 2px 10px;
}
.s-chip.s-chip--remove .s-icon {
  margin-left: 4px;
}
.s-chip--selected {
  background-color: var(--chip-selected-bg);
  border-color: var(--chip-selected-bg);
  color: var(--chip-selected-color);
}
.s-chip:hover:not(.s-chip--display):not(.s-chip--selected) {
  border-color: var(--primary-color);
  color: var(--chip-hover-color);
}
.s-chip:hover:not(.s-chip--display):not(.s-chip--selected).s-chip--remove .s-icon path[stroke],
.s-chip:hover:not(.s-chip--display):not(.s-chip--selected).s-chip--remove .s-icon circle[stroke],
.s-chip:hover:not(.s-chip--display):not(.s-chip--selected).s-chip--remove .s-icon rect[stroke] {
  stroke: var(--chip-icon-hover);
}
.s-chip:hover:not(.s-chip--display):not(.s-chip--selected).s-chip--remove .s-icon path[fill]:not([fill=none]),
.s-chip:hover:not(.s-chip--display):not(.s-chip--selected).s-chip--remove .s-icon circle[fill]:not([fill=none]),
.s-chip:hover:not(.s-chip--display):not(.s-chip--selected).s-chip--remove .s-icon rect[fill]:not([fill=none]) {
  fill: var(--chip-icon-hover);
}

.s-chip-pay {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  border-radius: 4px;
  background-color: var(--chip-pay-bg);
  border: 1px solid var(--chip-pay-border-color);
}
.s-chip-pay img,
.s-chip-pay svg,
.s-chip-pay .s-icon {
  width: 40px;
  height: 40px;
}
.s-chip-pay--klik {
  background-color: var(--chip-pay-klik-bg);
}
.s-chip-pay--valu img,
.s-chip-pay--valu svg {
  width: auto;
}

:root {
  --s-timeline-doing-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M6.00103 2.83464C6.55331 2.83464 7.00103 2.38692 7.00103 1.83464C7.00103 1.28235 6.55331 0.834636 6.00103 0.834636L6.00103 2.83464ZM3.26562 2.85806L3.92203 3.61247L3.92203 3.61247L3.26562 2.85806ZM4.86053 10.0089L4.58686 10.9707L4.86053 10.0089ZM7.77162 9.77313L8.19649 10.6784L8.19649 10.6784L7.77162 9.77313ZM9.81292 7.6845L10.7277 8.0885L9.81292 7.6845ZM11.1671 6.09932L11.1861 5.0995L9.18648 5.06154L9.1675 6.06136L11.1671 6.09932ZM6.00103 0.834636C4.75435 0.834636 3.5497 1.28534 2.60921 2.10365L3.92203 3.61247C4.49848 3.1109 5.23686 2.83464 6.00103 2.83464L6.00103 0.834636ZM2.60921 2.10365C1.66873 2.92197 1.05582 4.05272 0.883558 5.28739L2.86437 5.56376C2.96995 4.80706 3.34558 4.11403 3.92203 3.61247L2.60921 2.10365ZM0.883558 5.28739C0.711291 6.52207 0.991279 7.77739 1.67188 8.82186L3.34752 7.72998C2.93039 7.08982 2.75879 6.32046 2.86437 5.56376L0.883558 5.28739ZM1.67188 8.82186C2.35248 9.86633 3.38778 10.6295 4.58686 10.9707L5.1342 9.04704C4.39922 8.83791 3.76466 8.37013 3.34752 7.72998L1.67188 8.82186ZM4.58686 10.9707C5.78593 11.3119 7.06795 11.2081 8.19649 10.6784L7.34675 8.86787C6.65501 9.19254 5.86919 9.25617 5.1342 9.04704L4.58686 10.9707ZM8.19649 10.6784C9.32505 10.1487 10.224 9.22888 10.7277 8.0885L8.89816 7.2805C8.58949 7.97942 8.03849 8.54321 7.34675 8.86787L8.19649 10.6784ZM10.7277 8.0885C11.007 7.45614 11.1542 6.77959 11.1671 6.09932L9.1675 6.06136C9.15958 6.47835 9.06933 6.89294 8.89816 7.2805L10.7277 8.0885Z' fill='white'/%3E%3C/svg%3E");
  --s-timeline-done-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M8.75061 1.18848L3.59436 6.81348L1.25061 4.46973' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --s-timeline-bg-green: #34A634;
  --s-timeline-bg-gray: #838383;
  --s-timeline-bg-dark: #4C4C4C;
  --s-timeline-bg-orange: #FFA800;
  --s-timeline-bg-line: #4C4C4C;
}

.s-timeline__line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 22px;
  left: 9px;
  background-color: var(--s-timeline-bg-line);
}
.s-timeline__item {
  position: relative;
  padding-left: 52px;
  padding-bottom: 32px;
}
.s-timeline__item:before, .s-timeline__item:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  top: 5px;
  left: 0;
  z-index: 2;
}
.s-timeline__item:after {
  background-position: center;
  background-repeat: no-repeat;
}
.s-timeline__item:last-child .s-timeline__line {
  display: none;
}
.s-timeline__item .s-surface-card {
  padding-left: 24px;
  padding-right: 24px;
}
.s-timeline__item--done:after, .s-timeline__item--done-alt:after {
  background-image: var(--s-timeline-done-icon);
}
.s-timeline__item--done:before {
  background-color: var(--s-timeline-bg-green);
}
.s-timeline__item--done-alt:before {
  background-color: var(--s-timeline-bg-gray);
}
.s-timeline__item--doing:after, .s-timeline__item--doing-alt:after {
  -webkit-animation: spin 6s linear infinite;
  -moz-animation: spin 6s linear infinite;
  animation: spin 6s linear infinite;
  background-image: var(--s-timeline-doing-icon);
}
.s-timeline__item--doing:before {
  background-color: var(--s-timeline-bg-dark);
}
.s-timeline__item--doing-alt:before {
  background-color: var(--s-timeline-bg-orange);
}
@media (max-width: 767px) {
  .s-timeline__item:before, .s-timeline__item:after {
    top: 0px;
  }
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/**
 * Helper mixins
*/
:root {
  --s-pagination-arrow: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g id="Icon/Direction/Left-S"><path id="Rectangle 1497" d="M14.5 17.5L9.5 12.5L14.5 7.5" stroke="%234C4C4C" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
  --s-pagination-arrow-double: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 7L7 12L12 17" stroke="%234C4C4C" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.5 7L11.5 12L16.5 17" stroke="%234C4C4C" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  --s-pagination-color: #4C4C4C;
  --s-pagination-color-hover: #FFFFFF;
  --s-pagination-bg-hover: #4C4C4C;
  --s-pagination-arrow-hover: #000000;
  --s-pagination-color-disabled: #DDDDDD;
}

[data-theme=dark] {
  --s-pagination-color: #4C4C4C;
  --s-pagination-color-hover: #FFFFFF;
  --s-pagination-bg-hover: #4C4C4C;
  --s-pagination-arrow-hover: #000000;
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --s-pagination-color: #4C4C4C;
  --s-pagination-color-hover: #FFFFFF;
  --s-pagination-bg-hover: #4C4C4C;
  --s-pagination-arrow-hover: #000000;
}

.s-pagination {
  display: flex;
  font-size: 12px;
  color: var(--s-pagination-color);
  gap: 10px;
}
.s-pagination--narrow {
  gap: 0;
}
.s-pagination--narrow .s-pagination__pages {
  gap: 0;
}
.s-pagination__pages {
  display: flex;
  text-align: center;
  gap: 10px;
}
.s-pagination__pages > * {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-decoration: none;
  color: inherit;
}
.s-pagination__pages > *:hover, .s-pagination__pages > *.active {
  text-decoration: none;
  background-color: var(--s-pagination-bg-hover);
  border-radius: 50%;
  color: var(--s-pagination-color-hover);
}
.s-pagination__nav {
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--s-pagination-color);
  text-decoration: none;
}
.s-pagination__nav.disabled {
  background-color: var(--s-pagination-color-disabled);
  pointer-events: none;
  cursor: default;
}
.s-pagination__nav:hover {
  background-color: var(--s-pagination-arrow-hover);
  text-decoration: none;
}
.s-pagination__nav--start, .s-pagination__nav--end {
  -webkit-mask-image: var(--s-pagination-arrow-double);
  mask-image: var(--s-pagination-arrow-double);
}
.s-pagination__nav--next, .s-pagination__nav--prev {
  -webkit-mask-image: var(--s-pagination-arrow);
  mask-image: var(--s-pagination-arrow);
}
.s-pagination__nav--end, .s-pagination__nav--next {
  transform: rotate(180deg);
}

/**
 * Helper mixins
*/
:root {
  --sort_icon: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2017L14%2013H6L10%2017Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%203L6%207L14%207L10%203Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_asc: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2017L14%2013H6L10%2017Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%203L6%207L14%207L10%203Z%22%20fill%3D%22%234C4C4C%22%20stroke%3D%22%234C4C4C%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_desc: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2017L14%2013H6L10%2017Z%22%20fill%3D%22%234C4C4C%22%20stroke%3D%22%234C4C4C%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%203L6%207L14%207L10%203Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon-large: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.4185%2026L21.9185%2020H10.9185L16.4185%2026Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16.4185%206L10.9185%2012L21.9185%2012L16.4185%206Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_asc-large: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.5%2026L21%2020H10L15.5%2026Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15.5%206L10%2012L21%2012L15.5%206Z%22%20fill%3D%22%234C4C4C%22%20stroke%3D%22%234C4C4C%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_desc-large: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.5%2026L21%2020H10L15.5%2026Z%22%20fill%3D%22%234C4C4C%22%20stroke%3D%22%234C4C4C%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15.5%206L10%2012L21%2012L15.5%206Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon-small: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2012.0005L10%209.86719H6L8%2012.0005Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%203.99948L6%206.13281L10%206.13281L8%203.99948Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_asc-small: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2012L10%2010H6L8%2012Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%204L6%206L10%206L8%204Z%22%20fill%3D%22%234C4C4C%22%20stroke%3D%22%234C4C4C%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_desc-small: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2012.0005L10%209.86719H6L8%2012.0005Z%22%20fill%3D%22%234C4C4C%22%20stroke%3D%22%234C4C4C%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%203.99948L6%206.13281L10%206.13281L8%203.99948Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

[data-theme=dark] {
  --sort_icon: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2017L14%2013H6L10%2017Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%203L6%207L14%207L10%203Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_asc: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2017L14%2013H6L10%2017Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%203L6%207L14%207L10%203Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_desc: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2017L14%2013H6L10%2017Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%203L6%207L14%207L10%203Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon-large: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.5%2026L21%2020H10L15.5%2026Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15.5%206L10%2012L21%2012L15.5%206Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_asc-large: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.5%2026L21%2020H10L15.5%2026Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15.5%206L10%2012L21%2012L15.5%206Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_desc-large: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.5%2026L21%2020H10L15.5%2026Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15.5%206L10%2012L21%2012L15.5%206Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon-small: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2012.0005L10%209.86719H6L8%2012.0005Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%203.99948L6%206.13281L10%206.13281L8%203.99948Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_asc-small: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2012L10%2010H6L8%2012Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%204L6%206L10%206L8%204Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_desc-small: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2012.0005L10%209.86719H6L8%2012.0005Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%203.99948L6%206.13281L10%206.13281L8%203.99948Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
[data-theme=dark] :root,
[data-theme=dark] ::after,
[data-theme=dark] ::before {
  --sort_icon: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2017L14%2013H6L10%2017Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%203L6%207L14%207L10%203Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_asc: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2017L14%2013H6L10%2017Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%203L6%207L14%207L10%203Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_desc: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2017L14%2013H6L10%2017Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%203L6%207L14%207L10%203Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon-large: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.5%2026L21%2020H10L15.5%2026Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15.5%206L10%2012L21%2012L15.5%206Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_asc-large: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.5%2026L21%2020H10L15.5%2026Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15.5%206L10%2012L21%2012L15.5%206Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_desc-large: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.5%2026L21%2020H10L15.5%2026Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15.5%206L10%2012L21%2012L15.5%206Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon-small: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2012.0005L10%209.86719H6L8%2012.0005Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%203.99948L6%206.13281L10%206.13281L8%203.99948Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_asc-small: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2012L10%2010H6L8%2012Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%204L6%206L10%206L8%204Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --sort_icon_desc-small: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2012.0005L10%209.86719H6L8%2012.0005Z%22%20fill%3D%22%23DDDDDD%22%20stroke%3D%22%23DDDDDD%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%203.99948L6%206.13281L10%206.13281L8%203.99948Z%22%20fill%3D%22%23666666%22%20stroke%3D%22%23666666%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.s-sort {
  position: relative;
  display: inline-flex;
}
.s-sort__options {
  display: none;
  position: absolute;
  z-index: 95;
  right: 0;
  bottom: -8px;
  transform: translateY(100%);
  border-radius: 12px;
  min-width: 120px;
  max-width: 200px;
  background-color: var(--card-bg);
  box-shadow: var(--elevation-2);
}
.s-sort__options--neg {
  bottom: 8px;
}
.s-sort.active .s-icon.active-rotate {
  transform: rotate(180deg) translateY(8px);
}
.s-sort.active .s-sort__options {
  display: block;
}
.s-sort__option {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.s-sort__option:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.s-sort__option:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.s-sort__option > .s-action-icon {
  margin-left: -8px;
}
.s-sort__option:hover {
  background-color: var(--c-gray-50);
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .s-sort__option:hover {
    background-color: var(--action-icon-bg-hover);
  }
}
@media screen {
  .s-sort__option:active, .s-sort__option.selected {
    background-color: var(--action-icon-bg-active);
  }
}
.s-sort--icon .s-sort__trigger {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.s-sort--icon .s-sort__trigger:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: var(--sort_icon) no-repeat center center;
  background-size: cover;
}
.s-sort--icon.s-sort__asc .s-sort__trigger:after {
  background: var(--sort_icon_asc) no-repeat center center;
}
.s-sort--icon.s-sort__desc .s-sort__trigger:after {
  background: var(--sort_icon_desc) no-repeat center center;
}
.s-sort--icon.s-sort--large .s-sort__trigger:after {
  width: 32px;
  height: 32px;
  background: var(--sort_icon-large) no-repeat center center;
}
.s-sort--icon.s-sort--large.s-sort__asc .s-sort__trigger:after {
  background: var(--sort_icon_asc-large) no-repeat center center;
}
.s-sort--icon.s-sort--large.s-sort__desc .s-sort__trigger:after {
  background: var(--sort_icon_desc-large) no-repeat center center;
}
.s-sort--icon.s-sort--small .s-sort__trigger:after {
  width: 16px;
  height: 16px;
  background: var(--sort_icon-small) no-repeat center center;
}
.s-sort--icon.s-sort--small.s-sort__asc .s-sort__trigger:after {
  background: var(--sort_icon_asc-small) no-repeat center center;
}
.s-sort--icon.s-sort--small.s-sort__desc .s-sort__trigger:after {
  background: var(--sort_icon_desc-small) no-repeat center center;
}

.s-grid-content {
  max-width: 1024px;
  padding: 0 16px;
  margin: auto;
}
@media (max-width: 1200px) {
  .s-grid-content {
    overflow: hidden;
  }
}
.s-grid-content--wide {
  max-width: 1281px;
}
.s-grid-content--wide .s-columns .s-columns-grid {
  grid-template-columns: 375px 1fr;
}
@media (max-width: 767px) {
  .s-grid-content--wide .s-columns .s-columns-grid {
    grid-template-columns: 270px 1fr;
  }
}
@media (max-width: 650px) {
  .s-grid-content--wide .s-columns .s-columns-grid {
    grid-template-columns: 100%;
  }
}
.s-grid-content--full {
  max-width: 1952px;
}

.s-gap-16 {
  grid-gap: 16px !important;
}

.s-gap-24 {
  grid-gap: 24px !important;
}

.s-gap-32 {
  grid-gap: 32px !important;
}

@media (min-width: 576px) {
  .s-gap-sm-16 {
    grid-gap: 16px !important;
  }
  .s-gap-sm-24 {
    grid-gap: 24px !important;
  }
  .s-gap-sm-32 {
    grid-gap: 32px !important;
  }
}
@media (min-width: 768px) {
  .s-gap-md-16 {
    grid-gap: 16px !important;
  }
  .s-gap-md-24 {
    grid-gap: 24px !important;
  }
  .s-gap-md-32 {
    grid-gap: 32px !important;
  }
}
@media (min-width: 992px) {
  .s-gap-lg-16 {
    grid-gap: 16px !important;
  }
  .s-gap-lg-24 {
    grid-gap: 24px !important;
  }
  .s-gap-lg-32 {
    grid-gap: 32px !important;
  }
}
@media (min-width: 1200px) {
  .s-gap-xl-16 {
    grid-gap: 16px !important;
  }
  .s-gap-xl-24 {
    grid-gap: 24px !important;
  }
  .s-gap-xl-32 {
    grid-gap: 32px !important;
  }
}
.s-columns .s-columns-main {
  margin-bottom: 32px;
}
.s-columns .s-columns-grid {
  display: grid;
  grid-template-columns: 297px 1fr;
  grid-gap: 32px;
}
.s-columns .s-columns-grid.s-columns-grid-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.s-columns .s-columns-grid.s-columns-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.s-columns .s-columns-grid.s-columns-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.s-columns .s-columns-grid.s-columns-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.s-columns .s-columns-grid.s-columns-grid-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.s-columns .s-columns-grid.s-columns-grid-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.s-columns .s-columns-grid .s-columns-grid-right {
  grid-column: 2/3;
  grid-row: 1/2;
}
.s-columns .s-columns-grid .s-columns-grid-right + .s-columns-grid-left {
  grid-column: 1/2;
  grid-row: 1/2;
}
.s-columns .s-columns-grid .s-columns-grid-top {
  grid-column: 1/2;
  grid-row: 1/2;
}
.s-columns .s-columns-grid .s-columns-grid-top + .s-columns-grid-right {
  grid-column: 2/3;
  grid-row: 1/3;
}
.s-columns .s-columns-grid .s-columns-grid-top + .s-columns-grid-right + .s-columns-grid-left {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media (max-width: 992px) {
  .s-columns .s-columns-grid.s-columns-grid-1.s-columns-grid--lg-4, .s-columns .s-columns-grid.s-columns-grid-2.s-columns-grid--lg-4, .s-columns .s-columns-grid.s-columns-grid-3.s-columns-grid--lg-4, .s-columns .s-columns-grid.s-columns-grid-5.s-columns-grid--lg-4, .s-columns .s-columns-grid.s-columns-grid-6.s-columns-grid--lg-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .s-columns .s-columns-grid.s-columns-grid-1.s-columns-grid--lg-3, .s-columns .s-columns-grid.s-columns-grid-2.s-columns-grid--lg-3, .s-columns .s-columns-grid.s-columns-grid-4.s-columns-grid--lg-3, .s-columns .s-columns-grid.s-columns-grid-5.s-columns-grid--lg-3, .s-columns .s-columns-grid.s-columns-grid-6.s-columns-grid--lg-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .s-columns .s-columns-grid.s-columns-grid-1.s-columns-grid--lg-2, .s-columns .s-columns-grid.s-columns-grid-3, .s-columns .s-columns-grid.s-columns-grid-3.s-columns-grid--lg-2, .s-columns .s-columns-grid.s-columns-grid-6.s-columns-grid--lg-2, .s-columns .s-columns-grid.s-columns-grid-4.s-columns-grid--lg-2, .s-columns .s-columns-grid.s-columns-grid-5.s-columns-grid--lg-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .s-columns .s-columns-grid.s-columns-grid-1.s-columns-grid--lg-1, .s-columns .s-columns-grid.s-columns-grid-2.s-columns-grid--lg-1, .s-columns .s-columns-grid.s-columns-grid-3.s-columns-grid--lg-1, .s-columns .s-columns-grid.s-columns-grid-4.s-columns-grid--lg-1, .s-columns .s-columns-grid.s-columns-grid-5.s-columns-grid--lg-1, .s-columns .s-columns-grid.s-columns-grid-6.s-columns-grid--lg-1 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .s-columns .s-columns-grid.s-columns-grid-2.s-columns-grid--md-1, .s-columns .s-columns-grid.s-columns-grid-3.s-columns-grid--md-1, .s-columns .s-columns-grid.s-columns-grid-4.s-columns-grid--md-1, .s-columns .s-columns-grid.s-columns-grid-5.s-columns-grid--md-1, .s-columns .s-columns-grid.s-columns-grid-6.s-columns-grid--md-1 {
    grid-template-columns: 1fr;
  }
  .s-columns .s-columns-grid.s-columns-grid-3.s-columns-grid--md-2, .s-columns .s-columns-grid.s-columns-grid-4.s-columns-grid--md-2, .s-columns .s-columns-grid.s-columns-grid-6.s-columns-grid--md-2, .s-columns .s-columns-grid.s-columns-grid-5.s-columns-grid--md-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .s-columns .s-columns-grid.s-columns-grid-2.s-columns-grid--md-3, .s-columns .s-columns-grid.s-columns-grid-3.s-columns-grid--md-3, .s-columns .s-columns-grid.s-columns-grid-4.s-columns-grid--md-3, .s-columns .s-columns-grid.s-columns-grid-5.s-columns-grid--md-3, .s-columns .s-columns-grid.s-columns-grid-6.s-columns-grid--md-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .s-columns .s-columns-grid.s-columns-grid-2.s-columns-grid--md-4, .s-columns .s-columns-grid.s-columns-grid-3.s-columns-grid--md-4, .s-columns .s-columns-grid.s-columns-grid-4.s-columns-grid--md-4, .s-columns .s-columns-grid.s-columns-grid-5.s-columns-grid--md-4, .s-columns .s-columns-grid.s-columns-grid-6.s-columns-grid--md-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .s-columns .s-columns-grid.s-columns-grid-2, .s-columns .s-columns-grid.s-columns-grid-3, .s-columns .s-columns-grid.s-columns-grid-4, .s-columns .s-columns-grid.s-columns-grid-5, .s-columns .s-columns-grid.s-columns-grid-6, .s-columns .s-columns-grid.s-columns-grid-2.s-columns-grid--sm-1, .s-columns .s-columns-grid.s-columns-grid-3.s-columns-grid--sm-1, .s-columns .s-columns-grid.s-columns-grid-4.s-columns-grid--sm-1, .s-columns .s-columns-grid.s-columns-grid-5.s-columns-grid--sm-1, .s-columns .s-columns-grid.s-columns-grid-6.s-columns-grid--sm-1 {
    grid-template-columns: 1fr;
  }
  .s-columns .s-columns-grid.s-columns-grid-2.s-columns-grid--sm-2, .s-columns .s-columns-grid.s-columns-grid-3.s-columns-grid--sm-2, .s-columns .s-columns-grid.s-columns-grid-4.s-columns-grid--sm-2, .s-columns .s-columns-grid.s-columns-grid-6.s-columns-grid--sm-2, .s-columns .s-columns-grid.s-columns-grid-5.s-columns-grid--sm-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .s-columns .s-columns-grid.s-columns-grid-2.s-columns-grid--sm-3, .s-columns .s-columns-grid.s-columns-grid-3.s-columns-grid--sm-3, .s-columns .s-columns-grid.s-columns-grid-4.s-columns-grid--sm-3, .s-columns .s-columns-grid.s-columns-grid-5.s-columns-grid--sm-3, .s-columns .s-columns-grid.s-columns-grid-6.s-columns-grid--sm-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .s-columns .s-columns-grid.s-columns-grid-2.s-columns-grid--sm-4, .s-columns .s-columns-grid.s-columns-grid-3.s-columns-grid--sm-4, .s-columns .s-columns-grid.s-columns-grid-4.s-columns-grid--sm-4, .s-columns .s-columns-grid.s-columns-grid-5.s-columns-grid--sm-4, .s-columns .s-columns-grid.s-columns-grid-6.s-columns-grid--md-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.s-columns .s-columns-grid--reverse {
  grid-template-columns: minmax(0, 1fr) 297px;
}
.s-columns .s-columns-grid--reverse .s-columns-grid-right {
  grid-column: 1/2;
  grid-row: 1/2;
}
.s-columns .s-columns-grid--reverse .s-columns-grid-right + .s-columns-grid-left {
  grid-column: 2/3;
  grid-row: 1/2;
}
.s-columns .s-columns-grid--reverse .s-columns-grid-top {
  grid-column: 2/3;
}
.s-columns .s-columns-grid--reverse .s-columns-grid-top + .s-columns-grid-right {
  grid-row: 1/3;
  grid-column: 1/2;
}
.s-columns .s-columns-grid--reverse .s-columns-grid-top + .s-columns-grid-right + .s-columns-grid-left {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media (max-width: 767px) {
  .s-columns .s-columns-grid {
    grid-template-columns: 270px 1fr;
  }
  .s-columns .s-columns-grid--reverse {
    grid-template-columns: 1fr 270px;
  }
}
@media (max-width: 650px) {
  .s-columns .s-columns-grid {
    grid-template-columns: 100%;
  }
  .s-columns .s-columns-grid .s-columns-grid-right {
    padding-left: 0px;
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .s-columns .s-columns-grid .s-columns-grid-right + .s-columns-grid-left {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .s-columns .s-columns-grid .s-columns-grid-top {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .s-columns .s-columns-grid .s-columns-grid-top + .s-columns-grid-right {
    padding-left: 0px;
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .s-columns .s-columns-grid .s-columns-grid-top + .s-columns-grid-right + .s-columns-grid-left {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .s-columns .s-columns-grid .s-columns-grid-top--wrap-mobile {
    margin-left: -16px;
    margin-right: -16px;
    overflow: hidden;
  }
  .s-columns .s-columns-grid .s-columns-grid-top--wrap-mobile .s-columns-grid-top-wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow-y: auto;
    padding: 0 16px 16px 16px;
  }
  .s-columns .s-columns-grid .s-columns-grid-top--wrap-mobile .s-columns-grid-top-wrapper::-webkit-scrollbar {
    display: none;
  }
}