/* Start:/local/templates/redkot/css/vendor.css?172140812731774*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*, :after, :before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.disable-scroll {
  position: relative;
  overflow: hidden;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

.graph-modal {
  --transition-time:0.3s;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity var(--transition-time), visibility var(--transition-time);
  transition: opacity var(--transition-time), visibility var(--transition-time);
}

.graph-modal:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.graph-modal__container {
  position: relative;
  width: 1000px;
  margin: 50px auto;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  cursor: default;
  text-align: left;
  display: none;
}

@media (max-width: 1024px) {
  .graph-modal__container {
    width: 90%;
  }
}
.graph-modal__close {
  position: absolute;
  right: 10px;
  top: 10px;
  border: none;
  padding: 0;
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.001 512.001'%3E%3Cpath d='M284.286 256.002L506.143 34.144c7.811-7.811 7.811-20.475 0-28.285-7.811-7.81-20.475-7.811-28.285 0L256 227.717 34.143 5.859c-7.811-7.811-20.475-7.811-28.285 0-7.81 7.811-7.811 20.475 0 28.285l221.857 221.857L5.858 477.859c-7.811 7.811-7.811 20.475 0 28.285a19.938 19.938 0 0014.143 5.857 19.94 19.94 0 0014.143-5.857L256 284.287l221.857 221.857c3.905 3.905 9.024 5.857 14.143 5.857s10.237-1.952 14.143-5.857c7.811-7.811 7.811-20.475 0-28.285L284.286 256.002z'/%3E%3C/svg%3E");
  cursor: pointer;
}

.graph-modal.is-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity var(--transition-time), visibility var(--transition-time);
  transition: opacity var(--transition-time), visibility var(--transition-time);
}

.graph-modal__container.graph-modal-open {
  display: inline-block;
}

.fade {
  opacity: 0;
}

.fade, .fade.animate-open {
  -webkit-transition: opacity var(--transition-time);
  transition: opacity var(--transition-time);
}

.fade.animate-open {
  opacity: 1;
}

.fadeInUp {
  opacity: 0;
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
}

.fadeInUp, .fadeInUp.animate-open {
  -webkit-transition: opacity var(--transition-time), -webkit-transform var(--transition-time);
  transition: opacity var(--transition-time), -webkit-transform var(--transition-time);
  transition: transform var(--transition-time), opacity var(--transition-time);
  transition: transform var(--transition-time), opacity var(--transition-time), -webkit-transform var(--transition-time);
}

.fadeInUp.animate-open {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.tabs__panel {
  display: none;
}

.tabs__nav {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tabs__panel--active {
  display: block;
}

.tabs__nav-btn:focus {
  color: #fff;
  background-color: navy;
}

.tabs__nav-btn--active {
  background-color: wheat;
}

/**
 * Swiper 7.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 24, 2021
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

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

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

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

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

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

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

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

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

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

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

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;
}

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

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

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

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

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
/* End */


/* Start:/local/templates/redkot/css/main.css?1752221230746627*/
:root {
  --content-width: 75rem;
  --container-offset: 1.25rem;
  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
  --font-family: "Heebo", sans-serif;
  --font-second: "Inter", sans-serif;
  --font-third: "MontserratAlternates", sans-serif;
  --fs-xs: .75rem;
  --fs-sm: .875rem;
  --fs: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-xxl: 1.75rem;
  --primary-color: #ef7f1a;
  --primary-color-dark: #c05e05;
  --primary-color-darker: #a14d00;
  --primary-color--25: #fdf1e6;
  --primary-color--50: #ffdeb8;
  --primary-color--75: #ffc692;
  --secondary-color: #0E5F66;
  --dark-color: #1e1e1e;
  --light-color: #fff;
  --gray-color: #787878;
  --background-primary: var(--primary-color);
  --background-primary-dark: var(--primary-color-dark);
  --background-primary-25: var(--primary-color--25);
  --background-primary-50: var(--primary-color--50);
  --background-primary-75: var(--primary-color--75);
  --background-secondary: var(--secondary-color);
  --background-light: #ffffff;
  --border-width: 1px;
  --border-type: solid;
  --border-color: #C4C4C4;
  --border-primary: var(--primary-color);
  --border-primary-dark: var(--primary-color-dark);
  --border-primary-50: var(--primary-color--50);
  --border-primary-75: var(--primary-color--75);
  --radius-sm: .5rem;
  --radius-md: .75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-xxl: 1.5rem;
  --radius-3xl: 2rem;
  --offset-0: 0;
  --offset-1: .25rem;
  --offset-2: .5rem;
  --offset-3: 1rem;
  --offset-4: 1.25rem;
  --offset-5: 1.5rem;
  --offset-6: 1.75rem;
  --offset-7: 1.875rem;
  --offset-8: 2rem;
  --offset-9: 2.125rem;
  --offset-10: 2.25rem;
  --offset-11: 2.375rem;
  --offset-12: 2.5rem;
  --offset-13: 2.625rem;
  --offset-14: 2.75rem;
  --offset-15: 2.875rem;
  --offset-16: 3rem;
  --offset-17: 3.125rem;
  --offset-18: 3.25rem;
  --offset-19: 3.375rem;
  --offset-20: 3.5rem;
  --offset-21: 3.625rem;
  --offset-22: 3.75rem;
  --offset-23: 3.875rem;
  --offset-24: 4rem;
  --offset-25: 4.125rem;
  --offset-26: 4.25rem;
  --offset-27: 4.375rem;
  --offset-28: 4.5rem;
  --offset-29: 4.625rem;
  --offset-30: 4.75rem;
  --offset-31: 4.875rem;
  --offset-32: 5rem;
  --offset-33: 5.125rem;
  --offset-34: 5.25rem;
  --offset-35: 5.375rem;
  --offset-36: 5.5rem;
  --offset-37: 5.625rem;
  --offset-38: 5.75rem;
  --offset-39: 5.875rem;
  --offset-40: 6rem;
  --offset-41: 6.125rem;
  --offset-42: 6.25rem;
  --transition-duration: 300ms;
  --transition-type: ease-in-out;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable value-keyword-case */
@font-face {
  font-family: "Heebo";
  src: url("/local/templates/redkot/css/../fonts/../fonts/Heebo-Light.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Heebo";
  src: url("/local/templates/redkot/css/../fonts/../fonts/Heebo-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Heebo";
  src: url("/local/templates/redkot/css/../fonts/../fonts/Heebo-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/local/templates/redkot/css/../fonts/../fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "MontserratAlternates";
  src: url("/local/templates/redkot/css/../fonts/../fonts/MontserratAlternates-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.page {
  height: 100%;
  font-family: var(--font-family, sans-serif);
  -webkit-text-size-adjust: 100%;
}

.page__body {
  margin: 0;
  min-width: 320px;
  min-height: 100%;
  font-size: 1rem;
  line-height: 1;
  color: var(--dark-color);
  background-color: var(--background-light, #fff);
}

.main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

img {
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

a {
  text-decoration: none;
  color: var(--dark-color);
}

p {
  margin: 0;
}
p + p {
  -webkit-margin-before: 1.5rem;
  margin-block-start: 1.5rem;
}

.site-container {
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow: hidden;
}

.is-hidden {
  display: none !important; /* stylelint-disable-line declaration-no-important */
}

.btn-reset {
  border: none;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}

.list-reset {
  list-style: none;
  margin: 0;
  padding: 0;
}

.input-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.input-reset::-webkit-search-decoration, .input-reset::-webkit-search-cancel-button, .input-reset::-webkit-search-results-button, .input-reset::-webkit-search-results-decoration {
  display: none;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
}

.container {
  margin-inline: auto;
  padding-inline: var(--container-offset);
  max-width: var(--container-width);
}

.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

.centered {
  text-align: center;
}

.dis-scroll {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

.page--ios .dis-scroll {
  position: relative;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-family: var(--font-third);
  font-weight: 400;
  margin: 0 0 1rem;
}

h1, h2,
.h1, .h2 {
  font-size: 3.125rem;
}

h3,
.h3 {
  font-size: 2.5rem;
}

h4,
.h4 {
  font-size: 2rem;
}

h5,
.h5 {
  font-size: 1.5rem;
}

.font-family {
  font-family: var(--font-family) !important;
}

.font-second {
  font-family: var(--font-second) !important;
}

.font-third {
  font-family: var(--font-third) !important;
}

.text-underline {
  text-decoration: underline !important;
  text-underline-offset: 0.25em;
}

.text-initial {
  text-decoration: initial !important;
}

.fs-1 {
  font-size: var(--fs) !important;
}

.fs-2 {
  font-size: var(--fs-xs) !important;
}

.fs-3 {
  font-size: var(--fs-sm) !important;
}

.fs-4 {
  font-size: var(--fs-md) !important;
}

.fs-5 {
  font-size: var(--fs-lg) !important;
}

.fs-6 {
  font-size: var(--fs-xl) !important;
}

.fs-7 {
  font-size: var(--fs-xxl) !important;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

@media (max-width: 1400px) {
  .fs-xxl-1 {
    font-size: var(--fs) !important;
  }
  .fs-xxl-2 {
    font-size: var(--fs-xs) !important;
  }
  .fs-xxl-3 {
    font-size: var(--fs-sm) !important;
  }
  .fs-xxl-4 {
    font-size: var(--fs-md) !important;
  }
  .fs-xxl-5 {
    font-size: var(--fs-lg) !important;
  }
  .fs-xxl-6 {
    font-size: var(--fs-xl) !important;
  }
  .fs-xxl-7 {
    font-size: var(--fs-xxl) !important;
  }
  .fw-xxl-100 {
    font-weight: 100 !important;
  }
  .fw-xxl-200 {
    font-weight: 200 !important;
  }
  .fw-xxl-300 {
    font-weight: 300 !important;
  }
  .fw-xxl-400 {
    font-weight: 400 !important;
  }
  .fw-xxl-500 {
    font-weight: 500 !important;
  }
  .fw-xxl-600 {
    font-weight: 600 !important;
  }
  .fw-xxl-700 {
    font-weight: 700 !important;
  }
}
@media (max-width: 1200px) {
  .fs-xl-1 {
    font-size: var(--fs) !important;
  }
  .fs-xl-2 {
    font-size: var(--fs-xs) !important;
  }
  .fs-xl-3 {
    font-size: var(--fs-sm) !important;
  }
  .fs-xl-4 {
    font-size: var(--fs-md) !important;
  }
  .fs-xl-5 {
    font-size: var(--fs-lg) !important;
  }
  .fs-xl-6 {
    font-size: var(--fs-xl) !important;
  }
  .fs-xl-7 {
    font-size: var(--fs-xxl) !important;
  }
  .fw-xl-100 {
    font-weight: 100 !important;
  }
  .fw-xl-200 {
    font-weight: 200 !important;
  }
  .fw-xl-300 {
    font-weight: 300 !important;
  }
  .fw-xl-400 {
    font-weight: 400 !important;
  }
  .fw-xl-500 {
    font-weight: 500 !important;
  }
  .fw-xl-600 {
    font-weight: 600 !important;
  }
  .fw-xl-700 {
    font-weight: 700 !important;
  }
}
@media (max-width: 992px) {
  .fs-lg-1 {
    font-size: var(--fs) !important;
  }
  .fs-lg-2 {
    font-size: var(--fs-xs) !important;
  }
  .fs-lg-3 {
    font-size: var(--fs-sm) !important;
  }
  .fs-lg-4 {
    font-size: var(--fs-md) !important;
  }
  .fs-lg-5 {
    font-size: var(--fs-lg) !important;
  }
  .fs-lg-6 {
    font-size: var(--fs-xl) !important;
  }
  .fs-lg-7 {
    font-size: var(--fs-xxl) !important;
  }
  .fw-lg-100 {
    font-weight: 100 !important;
  }
  .fw-lg-200 {
    font-weight: 200 !important;
  }
  .fw-lg-300 {
    font-weight: 300 !important;
  }
  .fw-lg-400 {
    font-weight: 400 !important;
  }
  .fw-lg-500 {
    font-weight: 500 !important;
  }
  .fw-lg-600 {
    font-weight: 600 !important;
  }
  .fw-lg-700 {
    font-weight: 700 !important;
  }
}
@media (max-width: 768px) {
  .fs-md-1 {
    font-size: var(--fs) !important;
  }
  .fs-md-2 {
    font-size: var(--fs-xs) !important;
  }
  .fs-md-3 {
    font-size: var(--fs-sm) !important;
  }
  .fs-md-4 {
    font-size: var(--fs-md) !important;
  }
  .fs-md-5 {
    font-size: var(--fs-lg) !important;
  }
  .fs-md-6 {
    font-size: var(--fs-xl) !important;
  }
  .fs-md-7 {
    font-size: var(--fs-xxl) !important;
  }
  .fw-md-100 {
    font-weight: 100 !important;
  }
  .fw-md-200 {
    font-weight: 200 !important;
  }
  .fw-md-300 {
    font-weight: 300 !important;
  }
  .fw-md-400 {
    font-weight: 400 !important;
  }
  .fw-md-500 {
    font-weight: 500 !important;
  }
  .fw-md-600 {
    font-weight: 600 !important;
  }
  .fw-md-700 {
    font-weight: 700 !important;
  }
}
@media (max-width: 576px) {
  .fs-sm-1 {
    font-size: var(--fs) !important;
  }
  .fs-sm-2 {
    font-size: var(--fs-xs) !important;
  }
  .fs-sm-3 {
    font-size: var(--fs-sm) !important;
  }
  .fs-sm-4 {
    font-size: var(--fs-md) !important;
  }
  .fs-sm-5 {
    font-size: var(--fs-lg) !important;
  }
  .fs-sm-6 {
    font-size: var(--fs-xl) !important;
  }
  .fs-sm-7 {
    font-size: var(--fs-xxl) !important;
  }
  .fw-sm-100 {
    font-weight: 100 !important;
  }
  .fw-sm-200 {
    font-weight: 200 !important;
  }
  .fw-sm-300 {
    font-weight: 300 !important;
  }
  .fw-sm-400 {
    font-weight: 400 !important;
  }
  .fw-sm-500 {
    font-weight: 500 !important;
  }
  .fw-sm-600 {
    font-weight: 600 !important;
  }
  .fw-sm-700 {
    font-weight: 700 !important;
  }
}
@media (max-width: 360px) {
  .fs-xs-1 {
    font-size: var(--fs) !important;
  }
  .fs-xs-2 {
    font-size: var(--fs-xs) !important;
  }
  .fs-xs-3 {
    font-size: var(--fs-sm) !important;
  }
  .fs-xs-4 {
    font-size: var(--fs-md) !important;
  }
  .fs-xs-5 {
    font-size: var(--fs-lg) !important;
  }
  .fs-xs-6 {
    font-size: var(--fs-xl) !important;
  }
  .fs-xs-7 {
    font-size: var(--fs-xxl) !important;
  }
  .fw-xs-100 {
    font-weight: 100 !important;
  }
  .fw-xs-200 {
    font-weight: 200 !important;
  }
  .fw-xs-300 {
    font-weight: 300 !important;
  }
  .fw-xs-400 {
    font-weight: 400 !important;
  }
  .fw-xs-500 {
    font-weight: 500 !important;
  }
  .fw-xs-600 {
    font-weight: 600 !important;
  }
  .fw-xs-700 {
    font-weight: 700 !important;
  }
}
.icon {
  --_i-size: 1rem;
  --_i-color: var(--text-color);
  width: var(--_i-size);
  height: var(--_i-size);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--_i-color);
}
.icon svg {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.btn {
  --_height: auto;
  --_font-size: 1rem;
  --_font-weight: 400;
  --_line-height: normal;
  --_color: var(--dark-color);
  --_background-color: transparent;
  --_border: 0;
  --_border-radius: 0;
  --_padding-y: 0;
  --_padding-x: 0;
  --_icon-size: 1rem;
  --_icon-color: currentColor;
  --_transition-duration: var(--transition-duration);
  --_transition-type: var(--transition-type);
  --_color-active: var(--primary-color);
  --_background-color-active: var(--text-color);
  --_border-color-active: transparent;
  --_icon-color-active: currentColor;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: var(--_height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.625rem;
  font-size: var(--_font-size);
  font-weight: var(--_font-weight);
  line-height: var(--_line-height);
  color: var(--_color);
  background-color: var(--_background-color);
  border: var(--_border);
  border-radius: var(--_border-radius);
  padding: var(--_padding-y) var(--_padding-x);
  -webkit-transition: color var(--_transition-duration) var(--_transition-type), background var(--_transition-duration) var(--_transition-type), border var(--_transition-duration) var(--_transition-type);
  transition: color var(--_transition-duration) var(--_transition-type), background var(--_transition-duration) var(--_transition-type), border var(--_transition-duration) var(--_transition-type);
  cursor: pointer;
  outline: none;
}
.btn .icon {
  width: var(--_icon-size);
  height: var(--_icon-size);
  color: var(--_icon-color);
}
.btn:is(:hover, :focus-visible, :active, .is-active) {
  color: var(--_color-active);
  /*background-color: var(--_background-color-active);*/
  border-color: var(--_border-color-active);
}
.btn:is(:hover, :focus-visible, :active, .is-active) .icon {
  color: var(--_icon-color-active);
}

.btn-primary {
  --_height: 2.5rem;
  --_font-size: 1.25rem;
  --_line-height: 1;
  --_color: #ffefdc;
  --_background-color: var(--primary-color);
  --_border-radius: var(--radius-xxl);
  --_padding-x: 1rem;
  --_color-active: #ffefdc;
  --_background-color-active: var(--primary-color-dark);
}
.btn-primary--icon {
  --_icon-size: 1.875rem;
  --_icon-color: var(--primary-color);
  --_icon-color-active: var(--primary-color);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-padding-end: 0.375rem;
  padding-inline-end: 0.375rem;
}
.btn-primary--icon .icon {
  background-color: var(--background-light);
  border-radius: 50%;
  padding: 0.625rem;
}

.btn-primary-75 {
  --_height: 2.5rem;
  --_line-height: 1;
  --_color: var(--dark-color);
  --_background-color: var(--background-primary-75);
  --_border-radius: var(--radius-xl);
  --_padding-x: 1rem;
  --_color-active: var(--primary-color);
  --_background-color-active: var(--background-primary-75);
}
.btn-primary-75--icon {
  --_icon-size: 1.875rem;
  --_icon-color: var(--light-color);
  --_icon-color-active: var(--light-color);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-padding-end: 0.375rem;
  padding-inline-end: 0.375rem;
}
.btn-primary-75--icon .icon {
  background-color: var(--background-primary-dark);
  border-radius: 50%;
  padding: 0.625rem;
}

.btn-outline-primary {
  --_height: 2.5rem;
  --_color: var(--dark-color);
  --_background-color: var(--background-light);
  --_border: var(--border-width) var(--border-type) var(--border-primary);
  --_border-radius: var(--radius-xxl);
  --_padding-x: 1rem;
  --_color-active: var(--dark-color);
  --_background-color-active: var(--background-primary-50);
  --_border-color-active: var(--border-primary);
}

.btn-outline-primary-50 {
  --_height: 2.5rem;
  --_color: var(--primary-color--50);
  --_background-color: transparent;
  --_border: var(--border-width) var(--border-type) var(--border-primary-50);
  --_border-radius: var(--radius-xxl);
  --_padding-x: 1rem;
  --_color-active: var(--dark-color);
  --_background-color-active: var(--background-primary-50);
  --_border-color-active: var(--border-primary-50);
}

.btn-secondary {
  --_height: 2.5rem;
  --_font-size: 1rem;
  --_color: var(--dark-color);
  --_background-color: var(--primary-color--50);
  --_border-radius: var(--radius-xxl);
  --_padding-x: 1rem;
  --_color-active: var(--light-color);
  --_background-color-active: var(--primary-color-dark);
}

.btn-outline-secondary {
  --_height: 2.5rem;
  --_color: var(--gray-color);
  --_background-color: transparent;
  --_border: 1px solid var(--gray-color);
  --_border-radius: var(--radius-xxl);
  --_padding-x: 1rem;
  --_border-color-active: var(--primary-color);
}

.btn-outline-dark {
  --_height: 2.5rem;
  --_color: var(--dark-color);
  --_background-color: transparent;
  --_border: 1px solid var(--dark-color);
  --_border-radius: var(--radius-xxl);
  --_padding-x: 1rem;
  --_border-color-active: var(--primary-color);
}

.btn-favorite,
.btn-compare {
  --_icon-size: 1.25rem;
}

.btn-favorite .icon {
  fill: transparent;
  -webkit-transition: fill var(--transition-duration) var(--transition-type);
  transition: fill var(--transition-duration) var(--transition-type);
}
.btn-favorite:is(:hover, :focus-visible, :active, .is-active) .icon {
  fill: var(--primary-color);
  -webkit-transition: fill var(--transition-duration) var(--transition-type);
  transition: fill var(--transition-duration) var(--transition-type);
}

.btn-back {
  --_font-size: 1.25rem;
  --_color: var(--gray-color);
}

.btn-inherit {
  --_font-size: inherit;
  --_font-weight: inherit;
  --_line-height: inherit;
  --_color: inherit;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.btn-sm {
  --_height: 1.875rem;
  --_font-size: 1rem;
  --_border-radius: var(--radius-xl);
  --_padding-x: .75rem;
}

.btn-lg {
  --_height: 3.75rem;
  --_font-size: 1.25rem;
  --_border-radius: var(--radius-3xl);
  --_padding-x: 1.25rem;
}

.section-main {
  -webkit-padding-before: var(--header-height, 10rem);
  padding-block-start: var(--header-height, 10rem);
}
.section-main__inner {
  -webkit-margin-before: 3.5rem;
  margin-block-start: 3.5rem;
}

.section-crossing {
  -webkit-padding-before: 3.75rem;
  padding-block-start: 3.75rem;
  position: relative;
  z-index: 1;
}
.section-crossing::after {
  content: "";
  width: 100%;
  height: 9.625rem;
  display: block;
  background-image: url(/local/templates/redkot/img/background/svg/wave--main.svg);
  background-repeat: repeat-x;
  background-size: 93.75rem 9.625rem;
  background-position: center;
  position: absolute;
  top: -4.125rem;
  left: 0;
  right: 0;
  z-index: -1;
}

.section-decoration {
  position: relative;
  z-index: 1;
}

.section-new-card::after {
  content: "";
  width: 6.25rem;
  height: 6.25rem;
  display: block;
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: calc(50% - 3.125rem);
  right: max(var(--container-offset), (100% - var(--content-width)) / 2 - 4.6rem);
  z-index: -1;
}

.section-share-card::after {
  content: "";
  width: 8rem;
  height: 8rem;
  display: block;
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-5.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: calc(40% - 4rem);
  left: max(-3rem, (100% - var(--content-width)) / 2 - 12rem);
  z-index: -1;
}

.section {
  -webkit-margin-after: 6.25rem;
  margin-block-end: 6.25rem;
}
.section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-margin-after: 3.75rem;
  margin-block-end: 3.75rem;
}
.section-header-btn {
  --_padding-x: 4rem;
}
.section-title {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
.section-title--v2 {
  max-width: 68rem;
  font-size: 2.5rem;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-grid {
  display: -ms-grid !important;
  display: grid !important;
}

.d-contents {
  display: contents !important;
}

.d-webkit-box {
  display: -webkit-box !important;
}

@media (max-width: 1400px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xxl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxl-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  .d-xxl-contents {
    display: contents !important;
  }
  .d-xxl-webkit-box {
    display: -webkit-box !important;
  }
}
@media (max-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  .d-xl-contents {
    display: contents !important;
  }
  .d-xl-webkit-box {
    display: -webkit-box !important;
  }
}
@media (max-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  .d-lg-contents {
    display: contents !important;
  }
  .d-lg-webkit-box {
    display: -webkit-box !important;
  }
}
@media (max-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  .d-md-contents {
    display: contents !important;
  }
  .d-md-webkit-box {
    display: -webkit-box !important;
  }
}
@media (max-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  .d-sm-contents {
    display: contents !important;
  }
  .d-sm-webkit-box {
    display: -webkit-box !important;
  }
}
@media (max-width: 360px) {
  .d-xs-none {
    display: none !important;
  }
  .d-xs-inline {
    display: inline !important;
  }
  .d-xs-inline-block {
    display: inline-block !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xs-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xs-grid {
    display: -ms-grid !important;
    display: grid !important;
  }
  .d-xs-contents {
    display: contents !important;
  }
  .d-xs-webkit-box {
    display: -webkit-box !important;
  }
}
.h-100 {
  height: 100% !important;
}

.m-a {
  margin: auto;
}

.my-a {
  margin-block: auto;
}

.mys-a {
  -webkit-margin-before: auto;
  margin-block-start: auto;
}

.mye-a {
  -webkit-margin-after: auto;
  margin-block-end: auto;
}

.mx-a {
  margin-inline: auto;
}

.mxs-a {
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}

.mxe-a {
  -webkit-margin-end: auto;
  margin-inline-end: auto;
}

.m-0 {
  margin: var(--offset-0) !important;
}

.my-0 {
  margin-block: var(--offset-0) !important;
}

.mys-0 {
  -webkit-margin-before: var(--offset-0) !important;
  margin-block-start: var(--offset-0) !important;
}

.mye-0 {
  -webkit-margin-after: var(--offset-0) !important;
  margin-block-end: var(--offset-0) !important;
}

.mx-0 {
  margin-inline: var(--offset-0) !important;
}

.mxs-0 {
  -webkit-margin-start: var(--offset-0) !important;
  margin-inline-start: var(--offset-0) !important;
}

.mxe-0 {
  -webkit-margin-end: var(--offset-0) !important;
  margin-inline-end: var(--offset-0) !important;
}

.p-0 {
  padding: var(--offset-0) !important;
}

.py-0 {
  padding-block: var(--offset-0) !important;
}

.pys-0 {
  -webkit-padding-before: var(--offset-0) !important;
  padding-block-start: var(--offset-0) !important;
}

.pye-0 {
  -webkit-padding-after: var(--offset-0) !important;
  padding-block-end: var(--offset-0) !important;
}

.px-0 {
  padding-inline: var(--offset-0) !important;
}

.pxs-0 {
  -webkit-padding-start: var(--offset-0) !important;
  padding-inline-start: var(--offset-0) !important;
}

.pxe-0 {
  -webkit-padding-end: var(--offset-0) !important;
  padding-inline-end: var(--offset-0) !important;
}

.m-1 {
  margin: var(--offset-1) !important;
}

.my-1 {
  margin-block: var(--offset-1) !important;
}

.mys-1 {
  -webkit-margin-before: var(--offset-1) !important;
  margin-block-start: var(--offset-1) !important;
}

.mye-1 {
  -webkit-margin-after: var(--offset-1) !important;
  margin-block-end: var(--offset-1) !important;
}

.mx-1 {
  margin-inline: var(--offset-1) !important;
}

.mxs-1 {
  -webkit-margin-start: var(--offset-1) !important;
  margin-inline-start: var(--offset-1) !important;
}

.mxe-1 {
  -webkit-margin-end: var(--offset-1) !important;
  margin-inline-end: var(--offset-1) !important;
}

.p-1 {
  padding: var(--offset-1) !important;
}

.py-1 {
  padding-block: var(--offset-1) !important;
}

.pys-1 {
  -webkit-padding-before: var(--offset-1) !important;
  padding-block-start: var(--offset-1) !important;
}

.pye-1 {
  -webkit-padding-after: var(--offset-1) !important;
  padding-block-end: var(--offset-1) !important;
}

.px-1 {
  padding-inline: var(--offset-1) !important;
}

.pxs-1 {
  -webkit-padding-start: var(--offset-1) !important;
  padding-inline-start: var(--offset-1) !important;
}

.pxe-1 {
  -webkit-padding-end: var(--offset-1) !important;
  padding-inline-end: var(--offset-1) !important;
}

.m-2 {
  margin: var(--offset-2) !important;
}

.my-2 {
  margin-block: var(--offset-2) !important;
}

.mys-2 {
  -webkit-margin-before: var(--offset-2) !important;
  margin-block-start: var(--offset-2) !important;
}

.mye-2 {
  -webkit-margin-after: var(--offset-2) !important;
  margin-block-end: var(--offset-2) !important;
}

.mx-2 {
  margin-inline: var(--offset-2) !important;
}

.mxs-2 {
  -webkit-margin-start: var(--offset-2) !important;
  margin-inline-start: var(--offset-2) !important;
}

.mxe-2 {
  -webkit-margin-end: var(--offset-2) !important;
  margin-inline-end: var(--offset-2) !important;
}

.p-2 {
  padding: var(--offset-2) !important;
}

.py-2 {
  padding-block: var(--offset-2) !important;
}

.pys-2 {
  -webkit-padding-before: var(--offset-2) !important;
  padding-block-start: var(--offset-2) !important;
}

.pye-2 {
  -webkit-padding-after: var(--offset-2) !important;
  padding-block-end: var(--offset-2) !important;
}

.px-2 {
  padding-inline: var(--offset-2) !important;
}

.pxs-2 {
  -webkit-padding-start: var(--offset-2) !important;
  padding-inline-start: var(--offset-2) !important;
}

.pxe-2 {
  -webkit-padding-end: var(--offset-2) !important;
  padding-inline-end: var(--offset-2) !important;
}

.m-3 {
  margin: var(--offset-3) !important;
}

.my-3 {
  margin-block: var(--offset-3) !important;
}

.mys-3 {
  -webkit-margin-before: var(--offset-3) !important;
  margin-block-start: var(--offset-3) !important;
}

.mye-3 {
  -webkit-margin-after: var(--offset-3) !important;
  margin-block-end: var(--offset-3) !important;
}

.mx-3 {
  margin-inline: var(--offset-3) !important;
}

.mxs-3 {
  -webkit-margin-start: var(--offset-3) !important;
  margin-inline-start: var(--offset-3) !important;
}

.mxe-3 {
  -webkit-margin-end: var(--offset-3) !important;
  margin-inline-end: var(--offset-3) !important;
}

.p-3 {
  padding: var(--offset-3) !important;
}

.py-3 {
  padding-block: var(--offset-3) !important;
}

.pys-3 {
  -webkit-padding-before: var(--offset-3) !important;
  padding-block-start: var(--offset-3) !important;
}

.pye-3 {
  -webkit-padding-after: var(--offset-3) !important;
  padding-block-end: var(--offset-3) !important;
}

.px-3 {
  padding-inline: var(--offset-3) !important;
}

.pxs-3 {
  -webkit-padding-start: var(--offset-3) !important;
  padding-inline-start: var(--offset-3) !important;
}

.pxe-3 {
  -webkit-padding-end: var(--offset-3) !important;
  padding-inline-end: var(--offset-3) !important;
}

.m-4 {
  margin: var(--offset-4) !important;
}

.my-4 {
  margin-block: var(--offset-4) !important;
}

.mys-4 {
  -webkit-margin-before: var(--offset-4) !important;
  margin-block-start: var(--offset-4) !important;
}

.mye-4 {
  -webkit-margin-after: var(--offset-4) !important;
  margin-block-end: var(--offset-4) !important;
}

.mx-4 {
  margin-inline: var(--offset-4) !important;
}

.mxs-4 {
  -webkit-margin-start: var(--offset-4) !important;
  margin-inline-start: var(--offset-4) !important;
}

.mxe-4 {
  -webkit-margin-end: var(--offset-4) !important;
  margin-inline-end: var(--offset-4) !important;
}

.p-4 {
  padding: var(--offset-4) !important;
}

.py-4 {
  padding-block: var(--offset-4) !important;
}

.pys-4 {
  -webkit-padding-before: var(--offset-4) !important;
  padding-block-start: var(--offset-4) !important;
}

.pye-4 {
  -webkit-padding-after: var(--offset-4) !important;
  padding-block-end: var(--offset-4) !important;
}

.px-4 {
  padding-inline: var(--offset-4) !important;
}

.pxs-4 {
  -webkit-padding-start: var(--offset-4) !important;
  padding-inline-start: var(--offset-4) !important;
}

.pxe-4 {
  -webkit-padding-end: var(--offset-4) !important;
  padding-inline-end: var(--offset-4) !important;
}

.m-5 {
  margin: var(--offset-5) !important;
}

.my-5 {
  margin-block: var(--offset-5) !important;
}

.mys-5 {
  -webkit-margin-before: var(--offset-5) !important;
  margin-block-start: var(--offset-5) !important;
}

.mye-5 {
  -webkit-margin-after: var(--offset-5) !important;
  margin-block-end: var(--offset-5) !important;
}

.mx-5 {
  margin-inline: var(--offset-5) !important;
}

.mxs-5 {
  -webkit-margin-start: var(--offset-5) !important;
  margin-inline-start: var(--offset-5) !important;
}

.mxe-5 {
  -webkit-margin-end: var(--offset-5) !important;
  margin-inline-end: var(--offset-5) !important;
}

.p-5 {
  padding: var(--offset-5) !important;
}

.py-5 {
  padding-block: var(--offset-5) !important;
}

.pys-5 {
  -webkit-padding-before: var(--offset-5) !important;
  padding-block-start: var(--offset-5) !important;
}

.pye-5 {
  -webkit-padding-after: var(--offset-5) !important;
  padding-block-end: var(--offset-5) !important;
}

.px-5 {
  padding-inline: var(--offset-5) !important;
}

.pxs-5 {
  -webkit-padding-start: var(--offset-5) !important;
  padding-inline-start: var(--offset-5) !important;
}

.pxe-5 {
  -webkit-padding-end: var(--offset-5) !important;
  padding-inline-end: var(--offset-5) !important;
}

.m-6 {
  margin: var(--offset-6) !important;
}

.my-6 {
  margin-block: var(--offset-6) !important;
}

.mys-6 {
  -webkit-margin-before: var(--offset-6) !important;
  margin-block-start: var(--offset-6) !important;
}

.mye-6 {
  -webkit-margin-after: var(--offset-6) !important;
  margin-block-end: var(--offset-6) !important;
}

.mx-6 {
  margin-inline: var(--offset-6) !important;
}

.mxs-6 {
  -webkit-margin-start: var(--offset-6) !important;
  margin-inline-start: var(--offset-6) !important;
}

.mxe-6 {
  -webkit-margin-end: var(--offset-6) !important;
  margin-inline-end: var(--offset-6) !important;
}

.p-6 {
  padding: var(--offset-6) !important;
}

.py-6 {
  padding-block: var(--offset-6) !important;
}

.pys-6 {
  -webkit-padding-before: var(--offset-6) !important;
  padding-block-start: var(--offset-6) !important;
}

.pye-6 {
  -webkit-padding-after: var(--offset-6) !important;
  padding-block-end: var(--offset-6) !important;
}

.px-6 {
  padding-inline: var(--offset-6) !important;
}

.pxs-6 {
  -webkit-padding-start: var(--offset-6) !important;
  padding-inline-start: var(--offset-6) !important;
}

.pxe-6 {
  -webkit-padding-end: var(--offset-6) !important;
  padding-inline-end: var(--offset-6) !important;
}

.m-7 {
  margin: var(--offset-7) !important;
}

.my-7 {
  margin-block: var(--offset-7) !important;
}

.mys-7 {
  -webkit-margin-before: var(--offset-7) !important;
  margin-block-start: var(--offset-7) !important;
}

.mye-7 {
  -webkit-margin-after: var(--offset-7) !important;
  margin-block-end: var(--offset-7) !important;
}

.mx-7 {
  margin-inline: var(--offset-7) !important;
}

.mxs-7 {
  -webkit-margin-start: var(--offset-7) !important;
  margin-inline-start: var(--offset-7) !important;
}

.mxe-7 {
  -webkit-margin-end: var(--offset-7) !important;
  margin-inline-end: var(--offset-7) !important;
}

.p-7 {
  padding: var(--offset-7) !important;
}

.py-7 {
  padding-block: var(--offset-7) !important;
}

.pys-7 {
  -webkit-padding-before: var(--offset-7) !important;
  padding-block-start: var(--offset-7) !important;
}

.pye-7 {
  -webkit-padding-after: var(--offset-7) !important;
  padding-block-end: var(--offset-7) !important;
}

.px-7 {
  padding-inline: var(--offset-7) !important;
}

.pxs-7 {
  -webkit-padding-start: var(--offset-7) !important;
  padding-inline-start: var(--offset-7) !important;
}

.pxe-7 {
  -webkit-padding-end: var(--offset-7) !important;
  padding-inline-end: var(--offset-7) !important;
}

.m-8 {
  margin: var(--offset-8) !important;
}

.my-8 {
  margin-block: var(--offset-8) !important;
}

.mys-8 {
  -webkit-margin-before: var(--offset-8) !important;
  margin-block-start: var(--offset-8) !important;
}

.mye-8 {
  -webkit-margin-after: var(--offset-8) !important;
  margin-block-end: var(--offset-8) !important;
}

.mx-8 {
  margin-inline: var(--offset-8) !important;
}

.mxs-8 {
  -webkit-margin-start: var(--offset-8) !important;
  margin-inline-start: var(--offset-8) !important;
}

.mxe-8 {
  -webkit-margin-end: var(--offset-8) !important;
  margin-inline-end: var(--offset-8) !important;
}

.p-8 {
  padding: var(--offset-8) !important;
}

.py-8 {
  padding-block: var(--offset-8) !important;
}

.pys-8 {
  -webkit-padding-before: var(--offset-8) !important;
  padding-block-start: var(--offset-8) !important;
}

.pye-8 {
  -webkit-padding-after: var(--offset-8) !important;
  padding-block-end: var(--offset-8) !important;
}

.px-8 {
  padding-inline: var(--offset-8) !important;
}

.pxs-8 {
  -webkit-padding-start: var(--offset-8) !important;
  padding-inline-start: var(--offset-8) !important;
}

.pxe-8 {
  -webkit-padding-end: var(--offset-8) !important;
  padding-inline-end: var(--offset-8) !important;
}

.m-9 {
  margin: var(--offset-9) !important;
}

.my-9 {
  margin-block: var(--offset-9) !important;
}

.mys-9 {
  -webkit-margin-before: var(--offset-9) !important;
  margin-block-start: var(--offset-9) !important;
}

.mye-9 {
  -webkit-margin-after: var(--offset-9) !important;
  margin-block-end: var(--offset-9) !important;
}

.mx-9 {
  margin-inline: var(--offset-9) !important;
}

.mxs-9 {
  -webkit-margin-start: var(--offset-9) !important;
  margin-inline-start: var(--offset-9) !important;
}

.mxe-9 {
  -webkit-margin-end: var(--offset-9) !important;
  margin-inline-end: var(--offset-9) !important;
}

.p-9 {
  padding: var(--offset-9) !important;
}

.py-9 {
  padding-block: var(--offset-9) !important;
}

.pys-9 {
  -webkit-padding-before: var(--offset-9) !important;
  padding-block-start: var(--offset-9) !important;
}

.pye-9 {
  -webkit-padding-after: var(--offset-9) !important;
  padding-block-end: var(--offset-9) !important;
}

.px-9 {
  padding-inline: var(--offset-9) !important;
}

.pxs-9 {
  -webkit-padding-start: var(--offset-9) !important;
  padding-inline-start: var(--offset-9) !important;
}

.pxe-9 {
  -webkit-padding-end: var(--offset-9) !important;
  padding-inline-end: var(--offset-9) !important;
}

.m-10 {
  margin: var(--offset-10) !important;
}

.my-10 {
  margin-block: var(--offset-10) !important;
}

.mys-10 {
  -webkit-margin-before: var(--offset-10) !important;
  margin-block-start: var(--offset-10) !important;
}

.mye-10 {
  -webkit-margin-after: var(--offset-10) !important;
  margin-block-end: var(--offset-10) !important;
}

.mx-10 {
  margin-inline: var(--offset-10) !important;
}

.mxs-10 {
  -webkit-margin-start: var(--offset-10) !important;
  margin-inline-start: var(--offset-10) !important;
}

.mxe-10 {
  -webkit-margin-end: var(--offset-10) !important;
  margin-inline-end: var(--offset-10) !important;
}

.p-10 {
  padding: var(--offset-10) !important;
}

.py-10 {
  padding-block: var(--offset-10) !important;
}

.pys-10 {
  -webkit-padding-before: var(--offset-10) !important;
  padding-block-start: var(--offset-10) !important;
}

.pye-10 {
  -webkit-padding-after: var(--offset-10) !important;
  padding-block-end: var(--offset-10) !important;
}

.px-10 {
  padding-inline: var(--offset-10) !important;
}

.pxs-10 {
  -webkit-padding-start: var(--offset-10) !important;
  padding-inline-start: var(--offset-10) !important;
}

.pxe-10 {
  -webkit-padding-end: var(--offset-10) !important;
  padding-inline-end: var(--offset-10) !important;
}

.m-11 {
  margin: var(--offset-11) !important;
}

.my-11 {
  margin-block: var(--offset-11) !important;
}

.mys-11 {
  -webkit-margin-before: var(--offset-11) !important;
  margin-block-start: var(--offset-11) !important;
}

.mye-11 {
  -webkit-margin-after: var(--offset-11) !important;
  margin-block-end: var(--offset-11) !important;
}

.mx-11 {
  margin-inline: var(--offset-11) !important;
}

.mxs-11 {
  -webkit-margin-start: var(--offset-11) !important;
  margin-inline-start: var(--offset-11) !important;
}

.mxe-11 {
  -webkit-margin-end: var(--offset-11) !important;
  margin-inline-end: var(--offset-11) !important;
}

.p-11 {
  padding: var(--offset-11) !important;
}

.py-11 {
  padding-block: var(--offset-11) !important;
}

.pys-11 {
  -webkit-padding-before: var(--offset-11) !important;
  padding-block-start: var(--offset-11) !important;
}

.pye-11 {
  -webkit-padding-after: var(--offset-11) !important;
  padding-block-end: var(--offset-11) !important;
}

.px-11 {
  padding-inline: var(--offset-11) !important;
}

.pxs-11 {
  -webkit-padding-start: var(--offset-11) !important;
  padding-inline-start: var(--offset-11) !important;
}

.pxe-11 {
  -webkit-padding-end: var(--offset-11) !important;
  padding-inline-end: var(--offset-11) !important;
}

.m-12 {
  margin: var(--offset-12) !important;
}

.my-12 {
  margin-block: var(--offset-12) !important;
}

.mys-12 {
  -webkit-margin-before: var(--offset-12) !important;
  margin-block-start: var(--offset-12) !important;
}

.mye-12 {
  -webkit-margin-after: var(--offset-12) !important;
  margin-block-end: var(--offset-12) !important;
}

.mx-12 {
  margin-inline: var(--offset-12) !important;
}

.mxs-12 {
  -webkit-margin-start: var(--offset-12) !important;
  margin-inline-start: var(--offset-12) !important;
}

.mxe-12 {
  -webkit-margin-end: var(--offset-12) !important;
  margin-inline-end: var(--offset-12) !important;
}

.p-12 {
  padding: var(--offset-12) !important;
}

.py-12 {
  padding-block: var(--offset-12) !important;
}

.pys-12 {
  -webkit-padding-before: var(--offset-12) !important;
  padding-block-start: var(--offset-12) !important;
}

.pye-12 {
  -webkit-padding-after: var(--offset-12) !important;
  padding-block-end: var(--offset-12) !important;
}

.px-12 {
  padding-inline: var(--offset-12) !important;
}

.pxs-12 {
  -webkit-padding-start: var(--offset-12) !important;
  padding-inline-start: var(--offset-12) !important;
}

.pxe-12 {
  -webkit-padding-end: var(--offset-12) !important;
  padding-inline-end: var(--offset-12) !important;
}

.m-13 {
  margin: var(--offset-13) !important;
}

.my-13 {
  margin-block: var(--offset-13) !important;
}

.mys-13 {
  -webkit-margin-before: var(--offset-13) !important;
  margin-block-start: var(--offset-13) !important;
}

.mye-13 {
  -webkit-margin-after: var(--offset-13) !important;
  margin-block-end: var(--offset-13) !important;
}

.mx-13 {
  margin-inline: var(--offset-13) !important;
}

.mxs-13 {
  -webkit-margin-start: var(--offset-13) !important;
  margin-inline-start: var(--offset-13) !important;
}

.mxe-13 {
  -webkit-margin-end: var(--offset-13) !important;
  margin-inline-end: var(--offset-13) !important;
}

.p-13 {
  padding: var(--offset-13) !important;
}

.py-13 {
  padding-block: var(--offset-13) !important;
}

.pys-13 {
  -webkit-padding-before: var(--offset-13) !important;
  padding-block-start: var(--offset-13) !important;
}

.pye-13 {
  -webkit-padding-after: var(--offset-13) !important;
  padding-block-end: var(--offset-13) !important;
}

.px-13 {
  padding-inline: var(--offset-13) !important;
}

.pxs-13 {
  -webkit-padding-start: var(--offset-13) !important;
  padding-inline-start: var(--offset-13) !important;
}

.pxe-13 {
  -webkit-padding-end: var(--offset-13) !important;
  padding-inline-end: var(--offset-13) !important;
}

.m-14 {
  margin: var(--offset-14) !important;
}

.my-14 {
  margin-block: var(--offset-14) !important;
}

.mys-14 {
  -webkit-margin-before: var(--offset-14) !important;
  margin-block-start: var(--offset-14) !important;
}

.mye-14 {
  -webkit-margin-after: var(--offset-14) !important;
  margin-block-end: var(--offset-14) !important;
}

.mx-14 {
  margin-inline: var(--offset-14) !important;
}

.mxs-14 {
  -webkit-margin-start: var(--offset-14) !important;
  margin-inline-start: var(--offset-14) !important;
}

.mxe-14 {
  -webkit-margin-end: var(--offset-14) !important;
  margin-inline-end: var(--offset-14) !important;
}

.p-14 {
  padding: var(--offset-14) !important;
}

.py-14 {
  padding-block: var(--offset-14) !important;
}

.pys-14 {
  -webkit-padding-before: var(--offset-14) !important;
  padding-block-start: var(--offset-14) !important;
}

.pye-14 {
  -webkit-padding-after: var(--offset-14) !important;
  padding-block-end: var(--offset-14) !important;
}

.px-14 {
  padding-inline: var(--offset-14) !important;
}

.pxs-14 {
  -webkit-padding-start: var(--offset-14) !important;
  padding-inline-start: var(--offset-14) !important;
}

.pxe-14 {
  -webkit-padding-end: var(--offset-14) !important;
  padding-inline-end: var(--offset-14) !important;
}

.m-15 {
  margin: var(--offset-15) !important;
}

.my-15 {
  margin-block: var(--offset-15) !important;
}

.mys-15 {
  -webkit-margin-before: var(--offset-15) !important;
  margin-block-start: var(--offset-15) !important;
}

.mye-15 {
  -webkit-margin-after: var(--offset-15) !important;
  margin-block-end: var(--offset-15) !important;
}

.mx-15 {
  margin-inline: var(--offset-15) !important;
}

.mxs-15 {
  -webkit-margin-start: var(--offset-15) !important;
  margin-inline-start: var(--offset-15) !important;
}

.mxe-15 {
  -webkit-margin-end: var(--offset-15) !important;
  margin-inline-end: var(--offset-15) !important;
}

.p-15 {
  padding: var(--offset-15) !important;
}

.py-15 {
  padding-block: var(--offset-15) !important;
}

.pys-15 {
  -webkit-padding-before: var(--offset-15) !important;
  padding-block-start: var(--offset-15) !important;
}

.pye-15 {
  -webkit-padding-after: var(--offset-15) !important;
  padding-block-end: var(--offset-15) !important;
}

.px-15 {
  padding-inline: var(--offset-15) !important;
}

.pxs-15 {
  -webkit-padding-start: var(--offset-15) !important;
  padding-inline-start: var(--offset-15) !important;
}

.pxe-15 {
  -webkit-padding-end: var(--offset-15) !important;
  padding-inline-end: var(--offset-15) !important;
}

.m-16 {
  margin: var(--offset-16) !important;
}

.my-16 {
  margin-block: var(--offset-16) !important;
}

.mys-16 {
  -webkit-margin-before: var(--offset-16) !important;
  margin-block-start: var(--offset-16) !important;
}

.mye-16 {
  -webkit-margin-after: var(--offset-16) !important;
  margin-block-end: var(--offset-16) !important;
}

.mx-16 {
  margin-inline: var(--offset-16) !important;
}

.mxs-16 {
  -webkit-margin-start: var(--offset-16) !important;
  margin-inline-start: var(--offset-16) !important;
}

.mxe-16 {
  -webkit-margin-end: var(--offset-16) !important;
  margin-inline-end: var(--offset-16) !important;
}

.p-16 {
  padding: var(--offset-16) !important;
}

.py-16 {
  padding-block: var(--offset-16) !important;
}

.pys-16 {
  -webkit-padding-before: var(--offset-16) !important;
  padding-block-start: var(--offset-16) !important;
}

.pye-16 {
  -webkit-padding-after: var(--offset-16) !important;
  padding-block-end: var(--offset-16) !important;
}

.px-16 {
  padding-inline: var(--offset-16) !important;
}

.pxs-16 {
  -webkit-padding-start: var(--offset-16) !important;
  padding-inline-start: var(--offset-16) !important;
}

.pxe-16 {
  -webkit-padding-end: var(--offset-16) !important;
  padding-inline-end: var(--offset-16) !important;
}

.m-17 {
  margin: var(--offset-17) !important;
}

.my-17 {
  margin-block: var(--offset-17) !important;
}

.mys-17 {
  -webkit-margin-before: var(--offset-17) !important;
  margin-block-start: var(--offset-17) !important;
}

.mye-17 {
  -webkit-margin-after: var(--offset-17) !important;
  margin-block-end: var(--offset-17) !important;
}

.mx-17 {
  margin-inline: var(--offset-17) !important;
}

.mxs-17 {
  -webkit-margin-start: var(--offset-17) !important;
  margin-inline-start: var(--offset-17) !important;
}

.mxe-17 {
  -webkit-margin-end: var(--offset-17) !important;
  margin-inline-end: var(--offset-17) !important;
}

.p-17 {
  padding: var(--offset-17) !important;
}

.py-17 {
  padding-block: var(--offset-17) !important;
}

.pys-17 {
  -webkit-padding-before: var(--offset-17) !important;
  padding-block-start: var(--offset-17) !important;
}

.pye-17 {
  -webkit-padding-after: var(--offset-17) !important;
  padding-block-end: var(--offset-17) !important;
}

.px-17 {
  padding-inline: var(--offset-17) !important;
}

.pxs-17 {
  -webkit-padding-start: var(--offset-17) !important;
  padding-inline-start: var(--offset-17) !important;
}

.pxe-17 {
  -webkit-padding-end: var(--offset-17) !important;
  padding-inline-end: var(--offset-17) !important;
}

.m-18 {
  margin: var(--offset-18) !important;
}

.my-18 {
  margin-block: var(--offset-18) !important;
}

.mys-18 {
  -webkit-margin-before: var(--offset-18) !important;
  margin-block-start: var(--offset-18) !important;
}

.mye-18 {
  -webkit-margin-after: var(--offset-18) !important;
  margin-block-end: var(--offset-18) !important;
}

.mx-18 {
  margin-inline: var(--offset-18) !important;
}

.mxs-18 {
  -webkit-margin-start: var(--offset-18) !important;
  margin-inline-start: var(--offset-18) !important;
}

.mxe-18 {
  -webkit-margin-end: var(--offset-18) !important;
  margin-inline-end: var(--offset-18) !important;
}

.p-18 {
  padding: var(--offset-18) !important;
}

.py-18 {
  padding-block: var(--offset-18) !important;
}

.pys-18 {
  -webkit-padding-before: var(--offset-18) !important;
  padding-block-start: var(--offset-18) !important;
}

.pye-18 {
  -webkit-padding-after: var(--offset-18) !important;
  padding-block-end: var(--offset-18) !important;
}

.px-18 {
  padding-inline: var(--offset-18) !important;
}

.pxs-18 {
  -webkit-padding-start: var(--offset-18) !important;
  padding-inline-start: var(--offset-18) !important;
}

.pxe-18 {
  -webkit-padding-end: var(--offset-18) !important;
  padding-inline-end: var(--offset-18) !important;
}

.m-19 {
  margin: var(--offset-19) !important;
}

.my-19 {
  margin-block: var(--offset-19) !important;
}

.mys-19 {
  -webkit-margin-before: var(--offset-19) !important;
  margin-block-start: var(--offset-19) !important;
}

.mye-19 {
  -webkit-margin-after: var(--offset-19) !important;
  margin-block-end: var(--offset-19) !important;
}

.mx-19 {
  margin-inline: var(--offset-19) !important;
}

.mxs-19 {
  -webkit-margin-start: var(--offset-19) !important;
  margin-inline-start: var(--offset-19) !important;
}

.mxe-19 {
  -webkit-margin-end: var(--offset-19) !important;
  margin-inline-end: var(--offset-19) !important;
}

.p-19 {
  padding: var(--offset-19) !important;
}

.py-19 {
  padding-block: var(--offset-19) !important;
}

.pys-19 {
  -webkit-padding-before: var(--offset-19) !important;
  padding-block-start: var(--offset-19) !important;
}

.pye-19 {
  -webkit-padding-after: var(--offset-19) !important;
  padding-block-end: var(--offset-19) !important;
}

.px-19 {
  padding-inline: var(--offset-19) !important;
}

.pxs-19 {
  -webkit-padding-start: var(--offset-19) !important;
  padding-inline-start: var(--offset-19) !important;
}

.pxe-19 {
  -webkit-padding-end: var(--offset-19) !important;
  padding-inline-end: var(--offset-19) !important;
}

.m-20 {
  margin: var(--offset-20) !important;
}

.my-20 {
  margin-block: var(--offset-20) !important;
}

.mys-20 {
  -webkit-margin-before: var(--offset-20) !important;
  margin-block-start: var(--offset-20) !important;
}

.mye-20 {
  -webkit-margin-after: var(--offset-20) !important;
  margin-block-end: var(--offset-20) !important;
}

.mx-20 {
  margin-inline: var(--offset-20) !important;
}

.mxs-20 {
  -webkit-margin-start: var(--offset-20) !important;
  margin-inline-start: var(--offset-20) !important;
}

.mxe-20 {
  -webkit-margin-end: var(--offset-20) !important;
  margin-inline-end: var(--offset-20) !important;
}

.p-20 {
  padding: var(--offset-20) !important;
}

.py-20 {
  padding-block: var(--offset-20) !important;
}

.pys-20 {
  -webkit-padding-before: var(--offset-20) !important;
  padding-block-start: var(--offset-20) !important;
}

.pye-20 {
  -webkit-padding-after: var(--offset-20) !important;
  padding-block-end: var(--offset-20) !important;
}

.px-20 {
  padding-inline: var(--offset-20) !important;
}

.pxs-20 {
  -webkit-padding-start: var(--offset-20) !important;
  padding-inline-start: var(--offset-20) !important;
}

.pxe-20 {
  -webkit-padding-end: var(--offset-20) !important;
  padding-inline-end: var(--offset-20) !important;
}

.m-21 {
  margin: var(--offset-21) !important;
}

.my-21 {
  margin-block: var(--offset-21) !important;
}

.mys-21 {
  -webkit-margin-before: var(--offset-21) !important;
  margin-block-start: var(--offset-21) !important;
}

.mye-21 {
  -webkit-margin-after: var(--offset-21) !important;
  margin-block-end: var(--offset-21) !important;
}

.mx-21 {
  margin-inline: var(--offset-21) !important;
}

.mxs-21 {
  -webkit-margin-start: var(--offset-21) !important;
  margin-inline-start: var(--offset-21) !important;
}

.mxe-21 {
  -webkit-margin-end: var(--offset-21) !important;
  margin-inline-end: var(--offset-21) !important;
}

.p-21 {
  padding: var(--offset-21) !important;
}

.py-21 {
  padding-block: var(--offset-21) !important;
}

.pys-21 {
  -webkit-padding-before: var(--offset-21) !important;
  padding-block-start: var(--offset-21) !important;
}

.pye-21 {
  -webkit-padding-after: var(--offset-21) !important;
  padding-block-end: var(--offset-21) !important;
}

.px-21 {
  padding-inline: var(--offset-21) !important;
}

.pxs-21 {
  -webkit-padding-start: var(--offset-21) !important;
  padding-inline-start: var(--offset-21) !important;
}

.pxe-21 {
  -webkit-padding-end: var(--offset-21) !important;
  padding-inline-end: var(--offset-21) !important;
}

.m-22 {
  margin: var(--offset-22) !important;
}

.my-22 {
  margin-block: var(--offset-22) !important;
}

.mys-22 {
  -webkit-margin-before: var(--offset-22) !important;
  margin-block-start: var(--offset-22) !important;
}

.mye-22 {
  -webkit-margin-after: var(--offset-22) !important;
  margin-block-end: var(--offset-22) !important;
}

.mx-22 {
  margin-inline: var(--offset-22) !important;
}

.mxs-22 {
  -webkit-margin-start: var(--offset-22) !important;
  margin-inline-start: var(--offset-22) !important;
}

.mxe-22 {
  -webkit-margin-end: var(--offset-22) !important;
  margin-inline-end: var(--offset-22) !important;
}

.p-22 {
  padding: var(--offset-22) !important;
}

.py-22 {
  padding-block: var(--offset-22) !important;
}

.pys-22 {
  -webkit-padding-before: var(--offset-22) !important;
  padding-block-start: var(--offset-22) !important;
}

.pye-22 {
  -webkit-padding-after: var(--offset-22) !important;
  padding-block-end: var(--offset-22) !important;
}

.px-22 {
  padding-inline: var(--offset-22) !important;
}

.pxs-22 {
  -webkit-padding-start: var(--offset-22) !important;
  padding-inline-start: var(--offset-22) !important;
}

.pxe-22 {
  -webkit-padding-end: var(--offset-22) !important;
  padding-inline-end: var(--offset-22) !important;
}

.m-23 {
  margin: var(--offset-23) !important;
}

.my-23 {
  margin-block: var(--offset-23) !important;
}

.mys-23 {
  -webkit-margin-before: var(--offset-23) !important;
  margin-block-start: var(--offset-23) !important;
}

.mye-23 {
  -webkit-margin-after: var(--offset-23) !important;
  margin-block-end: var(--offset-23) !important;
}

.mx-23 {
  margin-inline: var(--offset-23) !important;
}

.mxs-23 {
  -webkit-margin-start: var(--offset-23) !important;
  margin-inline-start: var(--offset-23) !important;
}

.mxe-23 {
  -webkit-margin-end: var(--offset-23) !important;
  margin-inline-end: var(--offset-23) !important;
}

.p-23 {
  padding: var(--offset-23) !important;
}

.py-23 {
  padding-block: var(--offset-23) !important;
}

.pys-23 {
  -webkit-padding-before: var(--offset-23) !important;
  padding-block-start: var(--offset-23) !important;
}

.pye-23 {
  -webkit-padding-after: var(--offset-23) !important;
  padding-block-end: var(--offset-23) !important;
}

.px-23 {
  padding-inline: var(--offset-23) !important;
}

.pxs-23 {
  -webkit-padding-start: var(--offset-23) !important;
  padding-inline-start: var(--offset-23) !important;
}

.pxe-23 {
  -webkit-padding-end: var(--offset-23) !important;
  padding-inline-end: var(--offset-23) !important;
}

.m-24 {
  margin: var(--offset-24) !important;
}

.my-24 {
  margin-block: var(--offset-24) !important;
}

.mys-24 {
  -webkit-margin-before: var(--offset-24) !important;
  margin-block-start: var(--offset-24) !important;
}

.mye-24 {
  -webkit-margin-after: var(--offset-24) !important;
  margin-block-end: var(--offset-24) !important;
}

.mx-24 {
  margin-inline: var(--offset-24) !important;
}

.mxs-24 {
  -webkit-margin-start: var(--offset-24) !important;
  margin-inline-start: var(--offset-24) !important;
}

.mxe-24 {
  -webkit-margin-end: var(--offset-24) !important;
  margin-inline-end: var(--offset-24) !important;
}

.p-24 {
  padding: var(--offset-24) !important;
}

.py-24 {
  padding-block: var(--offset-24) !important;
}

.pys-24 {
  -webkit-padding-before: var(--offset-24) !important;
  padding-block-start: var(--offset-24) !important;
}

.pye-24 {
  -webkit-padding-after: var(--offset-24) !important;
  padding-block-end: var(--offset-24) !important;
}

.px-24 {
  padding-inline: var(--offset-24) !important;
}

.pxs-24 {
  -webkit-padding-start: var(--offset-24) !important;
  padding-inline-start: var(--offset-24) !important;
}

.pxe-24 {
  -webkit-padding-end: var(--offset-24) !important;
  padding-inline-end: var(--offset-24) !important;
}

.m-25 {
  margin: var(--offset-25) !important;
}

.my-25 {
  margin-block: var(--offset-25) !important;
}

.mys-25 {
  -webkit-margin-before: var(--offset-25) !important;
  margin-block-start: var(--offset-25) !important;
}

.mye-25 {
  -webkit-margin-after: var(--offset-25) !important;
  margin-block-end: var(--offset-25) !important;
}

.mx-25 {
  margin-inline: var(--offset-25) !important;
}

.mxs-25 {
  -webkit-margin-start: var(--offset-25) !important;
  margin-inline-start: var(--offset-25) !important;
}

.mxe-25 {
  -webkit-margin-end: var(--offset-25) !important;
  margin-inline-end: var(--offset-25) !important;
}

.p-25 {
  padding: var(--offset-25) !important;
}

.py-25 {
  padding-block: var(--offset-25) !important;
}

.pys-25 {
  -webkit-padding-before: var(--offset-25) !important;
  padding-block-start: var(--offset-25) !important;
}

.pye-25 {
  -webkit-padding-after: var(--offset-25) !important;
  padding-block-end: var(--offset-25) !important;
}

.px-25 {
  padding-inline: var(--offset-25) !important;
}

.pxs-25 {
  -webkit-padding-start: var(--offset-25) !important;
  padding-inline-start: var(--offset-25) !important;
}

.pxe-25 {
  -webkit-padding-end: var(--offset-25) !important;
  padding-inline-end: var(--offset-25) !important;
}

.m-26 {
  margin: var(--offset-26) !important;
}

.my-26 {
  margin-block: var(--offset-26) !important;
}

.mys-26 {
  -webkit-margin-before: var(--offset-26) !important;
  margin-block-start: var(--offset-26) !important;
}

.mye-26 {
  -webkit-margin-after: var(--offset-26) !important;
  margin-block-end: var(--offset-26) !important;
}

.mx-26 {
  margin-inline: var(--offset-26) !important;
}

.mxs-26 {
  -webkit-margin-start: var(--offset-26) !important;
  margin-inline-start: var(--offset-26) !important;
}

.mxe-26 {
  -webkit-margin-end: var(--offset-26) !important;
  margin-inline-end: var(--offset-26) !important;
}

.p-26 {
  padding: var(--offset-26) !important;
}

.py-26 {
  padding-block: var(--offset-26) !important;
}

.pys-26 {
  -webkit-padding-before: var(--offset-26) !important;
  padding-block-start: var(--offset-26) !important;
}

.pye-26 {
  -webkit-padding-after: var(--offset-26) !important;
  padding-block-end: var(--offset-26) !important;
}

.px-26 {
  padding-inline: var(--offset-26) !important;
}

.pxs-26 {
  -webkit-padding-start: var(--offset-26) !important;
  padding-inline-start: var(--offset-26) !important;
}

.pxe-26 {
  -webkit-padding-end: var(--offset-26) !important;
  padding-inline-end: var(--offset-26) !important;
}

.m-27 {
  margin: var(--offset-27) !important;
}

.my-27 {
  margin-block: var(--offset-27) !important;
}

.mys-27 {
  -webkit-margin-before: var(--offset-27) !important;
  margin-block-start: var(--offset-27) !important;
}

.mye-27 {
  -webkit-margin-after: var(--offset-27) !important;
  margin-block-end: var(--offset-27) !important;
}

.mx-27 {
  margin-inline: var(--offset-27) !important;
}

.mxs-27 {
  -webkit-margin-start: var(--offset-27) !important;
  margin-inline-start: var(--offset-27) !important;
}

.mxe-27 {
  -webkit-margin-end: var(--offset-27) !important;
  margin-inline-end: var(--offset-27) !important;
}

.p-27 {
  padding: var(--offset-27) !important;
}

.py-27 {
  padding-block: var(--offset-27) !important;
}

.pys-27 {
  -webkit-padding-before: var(--offset-27) !important;
  padding-block-start: var(--offset-27) !important;
}

.pye-27 {
  -webkit-padding-after: var(--offset-27) !important;
  padding-block-end: var(--offset-27) !important;
}

.px-27 {
  padding-inline: var(--offset-27) !important;
}

.pxs-27 {
  -webkit-padding-start: var(--offset-27) !important;
  padding-inline-start: var(--offset-27) !important;
}

.pxe-27 {
  -webkit-padding-end: var(--offset-27) !important;
  padding-inline-end: var(--offset-27) !important;
}

.m-28 {
  margin: var(--offset-28) !important;
}

.my-28 {
  margin-block: var(--offset-28) !important;
}

.mys-28 {
  -webkit-margin-before: var(--offset-28) !important;
  margin-block-start: var(--offset-28) !important;
}

.mye-28 {
  -webkit-margin-after: var(--offset-28) !important;
  margin-block-end: var(--offset-28) !important;
}

.mx-28 {
  margin-inline: var(--offset-28) !important;
}

.mxs-28 {
  -webkit-margin-start: var(--offset-28) !important;
  margin-inline-start: var(--offset-28) !important;
}

.mxe-28 {
  -webkit-margin-end: var(--offset-28) !important;
  margin-inline-end: var(--offset-28) !important;
}

.p-28 {
  padding: var(--offset-28) !important;
}

.py-28 {
  padding-block: var(--offset-28) !important;
}

.pys-28 {
  -webkit-padding-before: var(--offset-28) !important;
  padding-block-start: var(--offset-28) !important;
}

.pye-28 {
  -webkit-padding-after: var(--offset-28) !important;
  padding-block-end: var(--offset-28) !important;
}

.px-28 {
  padding-inline: var(--offset-28) !important;
}

.pxs-28 {
  -webkit-padding-start: var(--offset-28) !important;
  padding-inline-start: var(--offset-28) !important;
}

.pxe-28 {
  -webkit-padding-end: var(--offset-28) !important;
  padding-inline-end: var(--offset-28) !important;
}

.m-29 {
  margin: var(--offset-29) !important;
}

.my-29 {
  margin-block: var(--offset-29) !important;
}

.mys-29 {
  -webkit-margin-before: var(--offset-29) !important;
  margin-block-start: var(--offset-29) !important;
}

.mye-29 {
  -webkit-margin-after: var(--offset-29) !important;
  margin-block-end: var(--offset-29) !important;
}

.mx-29 {
  margin-inline: var(--offset-29) !important;
}

.mxs-29 {
  -webkit-margin-start: var(--offset-29) !important;
  margin-inline-start: var(--offset-29) !important;
}

.mxe-29 {
  -webkit-margin-end: var(--offset-29) !important;
  margin-inline-end: var(--offset-29) !important;
}

.p-29 {
  padding: var(--offset-29) !important;
}

.py-29 {
  padding-block: var(--offset-29) !important;
}

.pys-29 {
  -webkit-padding-before: var(--offset-29) !important;
  padding-block-start: var(--offset-29) !important;
}

.pye-29 {
  -webkit-padding-after: var(--offset-29) !important;
  padding-block-end: var(--offset-29) !important;
}

.px-29 {
  padding-inline: var(--offset-29) !important;
}

.pxs-29 {
  -webkit-padding-start: var(--offset-29) !important;
  padding-inline-start: var(--offset-29) !important;
}

.pxe-29 {
  -webkit-padding-end: var(--offset-29) !important;
  padding-inline-end: var(--offset-29) !important;
}

.m-30 {
  margin: var(--offset-30) !important;
}

.my-30 {
  margin-block: var(--offset-30) !important;
}

.mys-30 {
  -webkit-margin-before: var(--offset-30) !important;
  margin-block-start: var(--offset-30) !important;
}

.mye-30 {
  -webkit-margin-after: var(--offset-30) !important;
  margin-block-end: var(--offset-30) !important;
}

.mx-30 {
  margin-inline: var(--offset-30) !important;
}

.mxs-30 {
  -webkit-margin-start: var(--offset-30) !important;
  margin-inline-start: var(--offset-30) !important;
}

.mxe-30 {
  -webkit-margin-end: var(--offset-30) !important;
  margin-inline-end: var(--offset-30) !important;
}

.p-30 {
  padding: var(--offset-30) !important;
}

.py-30 {
  padding-block: var(--offset-30) !important;
}

.pys-30 {
  -webkit-padding-before: var(--offset-30) !important;
  padding-block-start: var(--offset-30) !important;
}

.pye-30 {
  -webkit-padding-after: var(--offset-30) !important;
  padding-block-end: var(--offset-30) !important;
}

.px-30 {
  padding-inline: var(--offset-30) !important;
}

.pxs-30 {
  -webkit-padding-start: var(--offset-30) !important;
  padding-inline-start: var(--offset-30) !important;
}

.pxe-30 {
  -webkit-padding-end: var(--offset-30) !important;
  padding-inline-end: var(--offset-30) !important;
}

.m-31 {
  margin: var(--offset-31) !important;
}

.my-31 {
  margin-block: var(--offset-31) !important;
}

.mys-31 {
  -webkit-margin-before: var(--offset-31) !important;
  margin-block-start: var(--offset-31) !important;
}

.mye-31 {
  -webkit-margin-after: var(--offset-31) !important;
  margin-block-end: var(--offset-31) !important;
}

.mx-31 {
  margin-inline: var(--offset-31) !important;
}

.mxs-31 {
  -webkit-margin-start: var(--offset-31) !important;
  margin-inline-start: var(--offset-31) !important;
}

.mxe-31 {
  -webkit-margin-end: var(--offset-31) !important;
  margin-inline-end: var(--offset-31) !important;
}

.p-31 {
  padding: var(--offset-31) !important;
}

.py-31 {
  padding-block: var(--offset-31) !important;
}

.pys-31 {
  -webkit-padding-before: var(--offset-31) !important;
  padding-block-start: var(--offset-31) !important;
}

.pye-31 {
  -webkit-padding-after: var(--offset-31) !important;
  padding-block-end: var(--offset-31) !important;
}

.px-31 {
  padding-inline: var(--offset-31) !important;
}

.pxs-31 {
  -webkit-padding-start: var(--offset-31) !important;
  padding-inline-start: var(--offset-31) !important;
}

.pxe-31 {
  -webkit-padding-end: var(--offset-31) !important;
  padding-inline-end: var(--offset-31) !important;
}

.m-32 {
  margin: var(--offset-32) !important;
}

.my-32 {
  margin-block: var(--offset-32) !important;
}

.mys-32 {
  -webkit-margin-before: var(--offset-32) !important;
  margin-block-start: var(--offset-32) !important;
}

.mye-32 {
  -webkit-margin-after: var(--offset-32) !important;
  margin-block-end: var(--offset-32) !important;
}

.mx-32 {
  margin-inline: var(--offset-32) !important;
}

.mxs-32 {
  -webkit-margin-start: var(--offset-32) !important;
  margin-inline-start: var(--offset-32) !important;
}

.mxe-32 {
  -webkit-margin-end: var(--offset-32) !important;
  margin-inline-end: var(--offset-32) !important;
}

.p-32 {
  padding: var(--offset-32) !important;
}

.py-32 {
  padding-block: var(--offset-32) !important;
}

.pys-32 {
  -webkit-padding-before: var(--offset-32) !important;
  padding-block-start: var(--offset-32) !important;
}

.pye-32 {
  -webkit-padding-after: var(--offset-32) !important;
  padding-block-end: var(--offset-32) !important;
}

.px-32 {
  padding-inline: var(--offset-32) !important;
}

.pxs-32 {
  -webkit-padding-start: var(--offset-32) !important;
  padding-inline-start: var(--offset-32) !important;
}

.pxe-32 {
  -webkit-padding-end: var(--offset-32) !important;
  padding-inline-end: var(--offset-32) !important;
}

.m-33 {
  margin: var(--offset-33) !important;
}

.my-33 {
  margin-block: var(--offset-33) !important;
}

.mys-33 {
  -webkit-margin-before: var(--offset-33) !important;
  margin-block-start: var(--offset-33) !important;
}

.mye-33 {
  -webkit-margin-after: var(--offset-33) !important;
  margin-block-end: var(--offset-33) !important;
}

.mx-33 {
  margin-inline: var(--offset-33) !important;
}

.mxs-33 {
  -webkit-margin-start: var(--offset-33) !important;
  margin-inline-start: var(--offset-33) !important;
}

.mxe-33 {
  -webkit-margin-end: var(--offset-33) !important;
  margin-inline-end: var(--offset-33) !important;
}

.p-33 {
  padding: var(--offset-33) !important;
}

.py-33 {
  padding-block: var(--offset-33) !important;
}

.pys-33 {
  -webkit-padding-before: var(--offset-33) !important;
  padding-block-start: var(--offset-33) !important;
}

.pye-33 {
  -webkit-padding-after: var(--offset-33) !important;
  padding-block-end: var(--offset-33) !important;
}

.px-33 {
  padding-inline: var(--offset-33) !important;
}

.pxs-33 {
  -webkit-padding-start: var(--offset-33) !important;
  padding-inline-start: var(--offset-33) !important;
}

.pxe-33 {
  -webkit-padding-end: var(--offset-33) !important;
  padding-inline-end: var(--offset-33) !important;
}

.m-34 {
  margin: var(--offset-34) !important;
}

.my-34 {
  margin-block: var(--offset-34) !important;
}

.mys-34 {
  -webkit-margin-before: var(--offset-34) !important;
  margin-block-start: var(--offset-34) !important;
}

.mye-34 {
  -webkit-margin-after: var(--offset-34) !important;
  margin-block-end: var(--offset-34) !important;
}

.mx-34 {
  margin-inline: var(--offset-34) !important;
}

.mxs-34 {
  -webkit-margin-start: var(--offset-34) !important;
  margin-inline-start: var(--offset-34) !important;
}

.mxe-34 {
  -webkit-margin-end: var(--offset-34) !important;
  margin-inline-end: var(--offset-34) !important;
}

.p-34 {
  padding: var(--offset-34) !important;
}

.py-34 {
  padding-block: var(--offset-34) !important;
}

.pys-34 {
  -webkit-padding-before: var(--offset-34) !important;
  padding-block-start: var(--offset-34) !important;
}

.pye-34 {
  -webkit-padding-after: var(--offset-34) !important;
  padding-block-end: var(--offset-34) !important;
}

.px-34 {
  padding-inline: var(--offset-34) !important;
}

.pxs-34 {
  -webkit-padding-start: var(--offset-34) !important;
  padding-inline-start: var(--offset-34) !important;
}

.pxe-34 {
  -webkit-padding-end: var(--offset-34) !important;
  padding-inline-end: var(--offset-34) !important;
}

.m-35 {
  margin: var(--offset-35) !important;
}

.my-35 {
  margin-block: var(--offset-35) !important;
}

.mys-35 {
  -webkit-margin-before: var(--offset-35) !important;
  margin-block-start: var(--offset-35) !important;
}

.mye-35 {
  -webkit-margin-after: var(--offset-35) !important;
  margin-block-end: var(--offset-35) !important;
}

.mx-35 {
  margin-inline: var(--offset-35) !important;
}

.mxs-35 {
  -webkit-margin-start: var(--offset-35) !important;
  margin-inline-start: var(--offset-35) !important;
}

.mxe-35 {
  -webkit-margin-end: var(--offset-35) !important;
  margin-inline-end: var(--offset-35) !important;
}

.p-35 {
  padding: var(--offset-35) !important;
}

.py-35 {
  padding-block: var(--offset-35) !important;
}

.pys-35 {
  -webkit-padding-before: var(--offset-35) !important;
  padding-block-start: var(--offset-35) !important;
}

.pye-35 {
  -webkit-padding-after: var(--offset-35) !important;
  padding-block-end: var(--offset-35) !important;
}

.px-35 {
  padding-inline: var(--offset-35) !important;
}

.pxs-35 {
  -webkit-padding-start: var(--offset-35) !important;
  padding-inline-start: var(--offset-35) !important;
}

.pxe-35 {
  -webkit-padding-end: var(--offset-35) !important;
  padding-inline-end: var(--offset-35) !important;
}

.m-36 {
  margin: var(--offset-36) !important;
}

.my-36 {
  margin-block: var(--offset-36) !important;
}

.mys-36 {
  -webkit-margin-before: var(--offset-36) !important;
  margin-block-start: var(--offset-36) !important;
}

.mye-36 {
  -webkit-margin-after: var(--offset-36) !important;
  margin-block-end: var(--offset-36) !important;
}

.mx-36 {
  margin-inline: var(--offset-36) !important;
}

.mxs-36 {
  -webkit-margin-start: var(--offset-36) !important;
  margin-inline-start: var(--offset-36) !important;
}

.mxe-36 {
  -webkit-margin-end: var(--offset-36) !important;
  margin-inline-end: var(--offset-36) !important;
}

.p-36 {
  padding: var(--offset-36) !important;
}

.py-36 {
  padding-block: var(--offset-36) !important;
}

.pys-36 {
  -webkit-padding-before: var(--offset-36) !important;
  padding-block-start: var(--offset-36) !important;
}

.pye-36 {
  -webkit-padding-after: var(--offset-36) !important;
  padding-block-end: var(--offset-36) !important;
}

.px-36 {
  padding-inline: var(--offset-36) !important;
}

.pxs-36 {
  -webkit-padding-start: var(--offset-36) !important;
  padding-inline-start: var(--offset-36) !important;
}

.pxe-36 {
  -webkit-padding-end: var(--offset-36) !important;
  padding-inline-end: var(--offset-36) !important;
}

.m-37 {
  margin: var(--offset-37) !important;
}

.my-37 {
  margin-block: var(--offset-37) !important;
}

.mys-37 {
  -webkit-margin-before: var(--offset-37) !important;
  margin-block-start: var(--offset-37) !important;
}

.mye-37 {
  -webkit-margin-after: var(--offset-37) !important;
  margin-block-end: var(--offset-37) !important;
}

.mx-37 {
  margin-inline: var(--offset-37) !important;
}

.mxs-37 {
  -webkit-margin-start: var(--offset-37) !important;
  margin-inline-start: var(--offset-37) !important;
}

.mxe-37 {
  -webkit-margin-end: var(--offset-37) !important;
  margin-inline-end: var(--offset-37) !important;
}

.p-37 {
  padding: var(--offset-37) !important;
}

.py-37 {
  padding-block: var(--offset-37) !important;
}

.pys-37 {
  -webkit-padding-before: var(--offset-37) !important;
  padding-block-start: var(--offset-37) !important;
}

.pye-37 {
  -webkit-padding-after: var(--offset-37) !important;
  padding-block-end: var(--offset-37) !important;
}

.px-37 {
  padding-inline: var(--offset-37) !important;
}

.pxs-37 {
  -webkit-padding-start: var(--offset-37) !important;
  padding-inline-start: var(--offset-37) !important;
}

.pxe-37 {
  -webkit-padding-end: var(--offset-37) !important;
  padding-inline-end: var(--offset-37) !important;
}

.m-38 {
  margin: var(--offset-38) !important;
}

.my-38 {
  margin-block: var(--offset-38) !important;
}

.mys-38 {
  -webkit-margin-before: var(--offset-38) !important;
  margin-block-start: var(--offset-38) !important;
}

.mye-38 {
  -webkit-margin-after: var(--offset-38) !important;
  margin-block-end: var(--offset-38) !important;
}

.mx-38 {
  margin-inline: var(--offset-38) !important;
}

.mxs-38 {
  -webkit-margin-start: var(--offset-38) !important;
  margin-inline-start: var(--offset-38) !important;
}

.mxe-38 {
  -webkit-margin-end: var(--offset-38) !important;
  margin-inline-end: var(--offset-38) !important;
}

.p-38 {
  padding: var(--offset-38) !important;
}

.py-38 {
  padding-block: var(--offset-38) !important;
}

.pys-38 {
  -webkit-padding-before: var(--offset-38) !important;
  padding-block-start: var(--offset-38) !important;
}

.pye-38 {
  -webkit-padding-after: var(--offset-38) !important;
  padding-block-end: var(--offset-38) !important;
}

.px-38 {
  padding-inline: var(--offset-38) !important;
}

.pxs-38 {
  -webkit-padding-start: var(--offset-38) !important;
  padding-inline-start: var(--offset-38) !important;
}

.pxe-38 {
  -webkit-padding-end: var(--offset-38) !important;
  padding-inline-end: var(--offset-38) !important;
}

.m-39 {
  margin: var(--offset-39) !important;
}

.my-39 {
  margin-block: var(--offset-39) !important;
}

.mys-39 {
  -webkit-margin-before: var(--offset-39) !important;
  margin-block-start: var(--offset-39) !important;
}

.mye-39 {
  -webkit-margin-after: var(--offset-39) !important;
  margin-block-end: var(--offset-39) !important;
}

.mx-39 {
  margin-inline: var(--offset-39) !important;
}

.mxs-39 {
  -webkit-margin-start: var(--offset-39) !important;
  margin-inline-start: var(--offset-39) !important;
}

.mxe-39 {
  -webkit-margin-end: var(--offset-39) !important;
  margin-inline-end: var(--offset-39) !important;
}

.p-39 {
  padding: var(--offset-39) !important;
}

.py-39 {
  padding-block: var(--offset-39) !important;
}

.pys-39 {
  -webkit-padding-before: var(--offset-39) !important;
  padding-block-start: var(--offset-39) !important;
}

.pye-39 {
  -webkit-padding-after: var(--offset-39) !important;
  padding-block-end: var(--offset-39) !important;
}

.px-39 {
  padding-inline: var(--offset-39) !important;
}

.pxs-39 {
  -webkit-padding-start: var(--offset-39) !important;
  padding-inline-start: var(--offset-39) !important;
}

.pxe-39 {
  -webkit-padding-end: var(--offset-39) !important;
  padding-inline-end: var(--offset-39) !important;
}

.m-40 {
  margin: var(--offset-40) !important;
}

.my-40 {
  margin-block: var(--offset-40) !important;
}

.mys-40 {
  -webkit-margin-before: var(--offset-40) !important;
  margin-block-start: var(--offset-40) !important;
}

.mye-40 {
  -webkit-margin-after: var(--offset-40) !important;
  margin-block-end: var(--offset-40) !important;
}

.mx-40 {
  margin-inline: var(--offset-40) !important;
}

.mxs-40 {
  -webkit-margin-start: var(--offset-40) !important;
  margin-inline-start: var(--offset-40) !important;
}

.mxe-40 {
  -webkit-margin-end: var(--offset-40) !important;
  margin-inline-end: var(--offset-40) !important;
}

.p-40 {
  padding: var(--offset-40) !important;
}

.py-40 {
  padding-block: var(--offset-40) !important;
}

.pys-40 {
  -webkit-padding-before: var(--offset-40) !important;
  padding-block-start: var(--offset-40) !important;
}

.pye-40 {
  -webkit-padding-after: var(--offset-40) !important;
  padding-block-end: var(--offset-40) !important;
}

.px-40 {
  padding-inline: var(--offset-40) !important;
}

.pxs-40 {
  -webkit-padding-start: var(--offset-40) !important;
  padding-inline-start: var(--offset-40) !important;
}

.pxe-40 {
  -webkit-padding-end: var(--offset-40) !important;
  padding-inline-end: var(--offset-40) !important;
}

.m-41 {
  margin: var(--offset-41) !important;
}

.my-41 {
  margin-block: var(--offset-41) !important;
}

.mys-41 {
  -webkit-margin-before: var(--offset-41) !important;
  margin-block-start: var(--offset-41) !important;
}

.mye-41 {
  -webkit-margin-after: var(--offset-41) !important;
  margin-block-end: var(--offset-41) !important;
}

.mx-41 {
  margin-inline: var(--offset-41) !important;
}

.mxs-41 {
  -webkit-margin-start: var(--offset-41) !important;
  margin-inline-start: var(--offset-41) !important;
}

.mxe-41 {
  -webkit-margin-end: var(--offset-41) !important;
  margin-inline-end: var(--offset-41) !important;
}

.p-41 {
  padding: var(--offset-41) !important;
}

.py-41 {
  padding-block: var(--offset-41) !important;
}

.pys-41 {
  -webkit-padding-before: var(--offset-41) !important;
  padding-block-start: var(--offset-41) !important;
}

.pye-41 {
  -webkit-padding-after: var(--offset-41) !important;
  padding-block-end: var(--offset-41) !important;
}

.px-41 {
  padding-inline: var(--offset-41) !important;
}

.pxs-41 {
  -webkit-padding-start: var(--offset-41) !important;
  padding-inline-start: var(--offset-41) !important;
}

.pxe-41 {
  -webkit-padding-end: var(--offset-41) !important;
  padding-inline-end: var(--offset-41) !important;
}

.m-42 {
  margin: var(--offset-42) !important;
}

.my-42 {
  margin-block: var(--offset-42) !important;
}

.mys-42 {
  -webkit-margin-before: var(--offset-42) !important;
  margin-block-start: var(--offset-42) !important;
}

.mye-42 {
  -webkit-margin-after: var(--offset-42) !important;
  margin-block-end: var(--offset-42) !important;
}

.mx-42 {
  margin-inline: var(--offset-42) !important;
}

.mxs-42 {
  -webkit-margin-start: var(--offset-42) !important;
  margin-inline-start: var(--offset-42) !important;
}

.mxe-42 {
  -webkit-margin-end: var(--offset-42) !important;
  margin-inline-end: var(--offset-42) !important;
}

.p-42 {
  padding: var(--offset-42) !important;
}

.py-42 {
  padding-block: var(--offset-42) !important;
}

.pys-42 {
  -webkit-padding-before: var(--offset-42) !important;
  padding-block-start: var(--offset-42) !important;
}

.pye-42 {
  -webkit-padding-after: var(--offset-42) !important;
  padding-block-end: var(--offset-42) !important;
}

.px-42 {
  padding-inline: var(--offset-42) !important;
}

.pxs-42 {
  -webkit-padding-start: var(--offset-42) !important;
  padding-inline-start: var(--offset-42) !important;
}

.pxe-42 {
  -webkit-padding-end: var(--offset-42) !important;
  padding-inline-end: var(--offset-42) !important;
}

/** > 1400px **/
@media (max-width: 87.5rem) {
  .m-xxl-a {
    margin: auto;
  }
  .my-xxl-a {
    margin-block: auto;
  }
  .mys-xxl-a {
    -webkit-margin-before: auto;
    margin-block-start: auto;
  }
  .mye-xxl-a {
    -webkit-margin-after: auto;
    margin-block-end: auto;
  }
  .mx-xxl-a {
    margin-inline: auto;
  }
  .mxs-xxl-a {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
  }
  .mxe-xxl-a {
    -webkit-margin-end: auto;
    margin-inline-end: auto;
  }
  .m-xxl-0 {
    margin: var(--offset-0) !important;
  }
  .my-xxl-0 {
    margin-block: var(--offset-0) !important;
  }
  .mys-xxl-0 {
    -webkit-margin-before: var(--offset-0) !important;
    margin-block-start: var(--offset-0) !important;
  }
  .mye-xxl-0 {
    -webkit-margin-after: var(--offset-0) !important;
    margin-block-end: var(--offset-0) !important;
  }
  .mx-xxl-0 {
    margin-inline: var(--offset-0) !important;
  }
  .mxs-xxl-0 {
    -webkit-margin-start: var(--offset-0) !important;
    margin-inline-start: var(--offset-0) !important;
  }
  .mxe-xxl-0 {
    -webkit-margin-end: var(--offset-0) !important;
    margin-inline-end: var(--offset-0) !important;
  }
  .p-xxl-0 {
    padding: var(--offset-0) !important;
  }
  .py-xxl-0 {
    padding-block: var(--offset-0) !important;
  }
  .pys-xxl-0 {
    -webkit-padding-before: var(--offset-0) !important;
    padding-block-start: var(--offset-0) !important;
  }
  .pye-xxl-0 {
    -webkit-padding-after: var(--offset-0) !important;
    padding-block-end: var(--offset-0) !important;
  }
  .px-xxl-0 {
    padding-inline: var(--offset-0) !important;
  }
  .pxs-xxl-0 {
    -webkit-padding-start: var(--offset-0) !important;
    padding-inline-start: var(--offset-0) !important;
  }
  .pxe-xxl-0 {
    -webkit-padding-end: var(--offset-0) !important;
    padding-inline-end: var(--offset-0) !important;
  }
  .m-xxl-1 {
    margin: var(--offset-1) !important;
  }
  .my-xxl-1 {
    margin-block: var(--offset-1) !important;
  }
  .mys-xxl-1 {
    -webkit-margin-before: var(--offset-1) !important;
    margin-block-start: var(--offset-1) !important;
  }
  .mye-xxl-1 {
    -webkit-margin-after: var(--offset-1) !important;
    margin-block-end: var(--offset-1) !important;
  }
  .mx-xxl-1 {
    margin-inline: var(--offset-1) !important;
  }
  .mxs-xxl-1 {
    -webkit-margin-start: var(--offset-1) !important;
    margin-inline-start: var(--offset-1) !important;
  }
  .mxe-xxl-1 {
    -webkit-margin-end: var(--offset-1) !important;
    margin-inline-end: var(--offset-1) !important;
  }
  .p-xxl-1 {
    padding: var(--offset-1) !important;
  }
  .py-xxl-1 {
    padding-block: var(--offset-1) !important;
  }
  .pys-xxl-1 {
    -webkit-padding-before: var(--offset-1) !important;
    padding-block-start: var(--offset-1) !important;
  }
  .pye-xxl-1 {
    -webkit-padding-after: var(--offset-1) !important;
    padding-block-end: var(--offset-1) !important;
  }
  .px-xxl-1 {
    padding-inline: var(--offset-1) !important;
  }
  .pxs-xxl-1 {
    -webkit-padding-start: var(--offset-1) !important;
    padding-inline-start: var(--offset-1) !important;
  }
  .pxe-xxl-1 {
    -webkit-padding-end: var(--offset-1) !important;
    padding-inline-end: var(--offset-1) !important;
  }
  .m-xxl-2 {
    margin: var(--offset-2) !important;
  }
  .my-xxl-2 {
    margin-block: var(--offset-2) !important;
  }
  .mys-xxl-2 {
    -webkit-margin-before: var(--offset-2) !important;
    margin-block-start: var(--offset-2) !important;
  }
  .mye-xxl-2 {
    -webkit-margin-after: var(--offset-2) !important;
    margin-block-end: var(--offset-2) !important;
  }
  .mx-xxl-2 {
    margin-inline: var(--offset-2) !important;
  }
  .mxs-xxl-2 {
    -webkit-margin-start: var(--offset-2) !important;
    margin-inline-start: var(--offset-2) !important;
  }
  .mxe-xxl-2 {
    -webkit-margin-end: var(--offset-2) !important;
    margin-inline-end: var(--offset-2) !important;
  }
  .p-xxl-2 {
    padding: var(--offset-2) !important;
  }
  .py-xxl-2 {
    padding-block: var(--offset-2) !important;
  }
  .pys-xxl-2 {
    -webkit-padding-before: var(--offset-2) !important;
    padding-block-start: var(--offset-2) !important;
  }
  .pye-xxl-2 {
    -webkit-padding-after: var(--offset-2) !important;
    padding-block-end: var(--offset-2) !important;
  }
  .px-xxl-2 {
    padding-inline: var(--offset-2) !important;
  }
  .pxs-xxl-2 {
    -webkit-padding-start: var(--offset-2) !important;
    padding-inline-start: var(--offset-2) !important;
  }
  .pxe-xxl-2 {
    -webkit-padding-end: var(--offset-2) !important;
    padding-inline-end: var(--offset-2) !important;
  }
  .m-xxl-3 {
    margin: var(--offset-3) !important;
  }
  .my-xxl-3 {
    margin-block: var(--offset-3) !important;
  }
  .mys-xxl-3 {
    -webkit-margin-before: var(--offset-3) !important;
    margin-block-start: var(--offset-3) !important;
  }
  .mye-xxl-3 {
    -webkit-margin-after: var(--offset-3) !important;
    margin-block-end: var(--offset-3) !important;
  }
  .mx-xxl-3 {
    margin-inline: var(--offset-3) !important;
  }
  .mxs-xxl-3 {
    -webkit-margin-start: var(--offset-3) !important;
    margin-inline-start: var(--offset-3) !important;
  }
  .mxe-xxl-3 {
    -webkit-margin-end: var(--offset-3) !important;
    margin-inline-end: var(--offset-3) !important;
  }
  .p-xxl-3 {
    padding: var(--offset-3) !important;
  }
  .py-xxl-3 {
    padding-block: var(--offset-3) !important;
  }
  .pys-xxl-3 {
    -webkit-padding-before: var(--offset-3) !important;
    padding-block-start: var(--offset-3) !important;
  }
  .pye-xxl-3 {
    -webkit-padding-after: var(--offset-3) !important;
    padding-block-end: var(--offset-3) !important;
  }
  .px-xxl-3 {
    padding-inline: var(--offset-3) !important;
  }
  .pxs-xxl-3 {
    -webkit-padding-start: var(--offset-3) !important;
    padding-inline-start: var(--offset-3) !important;
  }
  .pxe-xxl-3 {
    -webkit-padding-end: var(--offset-3) !important;
    padding-inline-end: var(--offset-3) !important;
  }
  .m-xxl-4 {
    margin: var(--offset-4) !important;
  }
  .my-xxl-4 {
    margin-block: var(--offset-4) !important;
  }
  .mys-xxl-4 {
    -webkit-margin-before: var(--offset-4) !important;
    margin-block-start: var(--offset-4) !important;
  }
  .mye-xxl-4 {
    -webkit-margin-after: var(--offset-4) !important;
    margin-block-end: var(--offset-4) !important;
  }
  .mx-xxl-4 {
    margin-inline: var(--offset-4) !important;
  }
  .mxs-xxl-4 {
    -webkit-margin-start: var(--offset-4) !important;
    margin-inline-start: var(--offset-4) !important;
  }
  .mxe-xxl-4 {
    -webkit-margin-end: var(--offset-4) !important;
    margin-inline-end: var(--offset-4) !important;
  }
  .p-xxl-4 {
    padding: var(--offset-4) !important;
  }
  .py-xxl-4 {
    padding-block: var(--offset-4) !important;
  }
  .pys-xxl-4 {
    -webkit-padding-before: var(--offset-4) !important;
    padding-block-start: var(--offset-4) !important;
  }
  .pye-xxl-4 {
    -webkit-padding-after: var(--offset-4) !important;
    padding-block-end: var(--offset-4) !important;
  }
  .px-xxl-4 {
    padding-inline: var(--offset-4) !important;
  }
  .pxs-xxl-4 {
    -webkit-padding-start: var(--offset-4) !important;
    padding-inline-start: var(--offset-4) !important;
  }
  .pxe-xxl-4 {
    -webkit-padding-end: var(--offset-4) !important;
    padding-inline-end: var(--offset-4) !important;
  }
  .m-xxl-5 {
    margin: var(--offset-5) !important;
  }
  .my-xxl-5 {
    margin-block: var(--offset-5) !important;
  }
  .mys-xxl-5 {
    -webkit-margin-before: var(--offset-5) !important;
    margin-block-start: var(--offset-5) !important;
  }
  .mye-xxl-5 {
    -webkit-margin-after: var(--offset-5) !important;
    margin-block-end: var(--offset-5) !important;
  }
  .mx-xxl-5 {
    margin-inline: var(--offset-5) !important;
  }
  .mxs-xxl-5 {
    -webkit-margin-start: var(--offset-5) !important;
    margin-inline-start: var(--offset-5) !important;
  }
  .mxe-xxl-5 {
    -webkit-margin-end: var(--offset-5) !important;
    margin-inline-end: var(--offset-5) !important;
  }
  .p-xxl-5 {
    padding: var(--offset-5) !important;
  }
  .py-xxl-5 {
    padding-block: var(--offset-5) !important;
  }
  .pys-xxl-5 {
    -webkit-padding-before: var(--offset-5) !important;
    padding-block-start: var(--offset-5) !important;
  }
  .pye-xxl-5 {
    -webkit-padding-after: var(--offset-5) !important;
    padding-block-end: var(--offset-5) !important;
  }
  .px-xxl-5 {
    padding-inline: var(--offset-5) !important;
  }
  .pxs-xxl-5 {
    -webkit-padding-start: var(--offset-5) !important;
    padding-inline-start: var(--offset-5) !important;
  }
  .pxe-xxl-5 {
    -webkit-padding-end: var(--offset-5) !important;
    padding-inline-end: var(--offset-5) !important;
  }
  .m-xxl-6 {
    margin: var(--offset-6) !important;
  }
  .my-xxl-6 {
    margin-block: var(--offset-6) !important;
  }
  .mys-xxl-6 {
    -webkit-margin-before: var(--offset-6) !important;
    margin-block-start: var(--offset-6) !important;
  }
  .mye-xxl-6 {
    -webkit-margin-after: var(--offset-6) !important;
    margin-block-end: var(--offset-6) !important;
  }
  .mx-xxl-6 {
    margin-inline: var(--offset-6) !important;
  }
  .mxs-xxl-6 {
    -webkit-margin-start: var(--offset-6) !important;
    margin-inline-start: var(--offset-6) !important;
  }
  .mxe-xxl-6 {
    -webkit-margin-end: var(--offset-6) !important;
    margin-inline-end: var(--offset-6) !important;
  }
  .p-xxl-6 {
    padding: var(--offset-6) !important;
  }
  .py-xxl-6 {
    padding-block: var(--offset-6) !important;
  }
  .pys-xxl-6 {
    -webkit-padding-before: var(--offset-6) !important;
    padding-block-start: var(--offset-6) !important;
  }
  .pye-xxl-6 {
    -webkit-padding-after: var(--offset-6) !important;
    padding-block-end: var(--offset-6) !important;
  }
  .px-xxl-6 {
    padding-inline: var(--offset-6) !important;
  }
  .pxs-xxl-6 {
    -webkit-padding-start: var(--offset-6) !important;
    padding-inline-start: var(--offset-6) !important;
  }
  .pxe-xxl-6 {
    -webkit-padding-end: var(--offset-6) !important;
    padding-inline-end: var(--offset-6) !important;
  }
  .m-xxl-7 {
    margin: var(--offset-7) !important;
  }
  .my-xxl-7 {
    margin-block: var(--offset-7) !important;
  }
  .mys-xxl-7 {
    -webkit-margin-before: var(--offset-7) !important;
    margin-block-start: var(--offset-7) !important;
  }
  .mye-xxl-7 {
    -webkit-margin-after: var(--offset-7) !important;
    margin-block-end: var(--offset-7) !important;
  }
  .mx-xxl-7 {
    margin-inline: var(--offset-7) !important;
  }
  .mxs-xxl-7 {
    -webkit-margin-start: var(--offset-7) !important;
    margin-inline-start: var(--offset-7) !important;
  }
  .mxe-xxl-7 {
    -webkit-margin-end: var(--offset-7) !important;
    margin-inline-end: var(--offset-7) !important;
  }
  .p-xxl-7 {
    padding: var(--offset-7) !important;
  }
  .py-xxl-7 {
    padding-block: var(--offset-7) !important;
  }
  .pys-xxl-7 {
    -webkit-padding-before: var(--offset-7) !important;
    padding-block-start: var(--offset-7) !important;
  }
  .pye-xxl-7 {
    -webkit-padding-after: var(--offset-7) !important;
    padding-block-end: var(--offset-7) !important;
  }
  .px-xxl-7 {
    padding-inline: var(--offset-7) !important;
  }
  .pxs-xxl-7 {
    -webkit-padding-start: var(--offset-7) !important;
    padding-inline-start: var(--offset-7) !important;
  }
  .pxe-xxl-7 {
    -webkit-padding-end: var(--offset-7) !important;
    padding-inline-end: var(--offset-7) !important;
  }
  .m-xxl-8 {
    margin: var(--offset-8) !important;
  }
  .my-xxl-8 {
    margin-block: var(--offset-8) !important;
  }
  .mys-xxl-8 {
    -webkit-margin-before: var(--offset-8) !important;
    margin-block-start: var(--offset-8) !important;
  }
  .mye-xxl-8 {
    -webkit-margin-after: var(--offset-8) !important;
    margin-block-end: var(--offset-8) !important;
  }
  .mx-xxl-8 {
    margin-inline: var(--offset-8) !important;
  }
  .mxs-xxl-8 {
    -webkit-margin-start: var(--offset-8) !important;
    margin-inline-start: var(--offset-8) !important;
  }
  .mxe-xxl-8 {
    -webkit-margin-end: var(--offset-8) !important;
    margin-inline-end: var(--offset-8) !important;
  }
  .p-xxl-8 {
    padding: var(--offset-8) !important;
  }
  .py-xxl-8 {
    padding-block: var(--offset-8) !important;
  }
  .pys-xxl-8 {
    -webkit-padding-before: var(--offset-8) !important;
    padding-block-start: var(--offset-8) !important;
  }
  .pye-xxl-8 {
    -webkit-padding-after: var(--offset-8) !important;
    padding-block-end: var(--offset-8) !important;
  }
  .px-xxl-8 {
    padding-inline: var(--offset-8) !important;
  }
  .pxs-xxl-8 {
    -webkit-padding-start: var(--offset-8) !important;
    padding-inline-start: var(--offset-8) !important;
  }
  .pxe-xxl-8 {
    -webkit-padding-end: var(--offset-8) !important;
    padding-inline-end: var(--offset-8) !important;
  }
  .m-xxl-9 {
    margin: var(--offset-9) !important;
  }
  .my-xxl-9 {
    margin-block: var(--offset-9) !important;
  }
  .mys-xxl-9 {
    -webkit-margin-before: var(--offset-9) !important;
    margin-block-start: var(--offset-9) !important;
  }
  .mye-xxl-9 {
    -webkit-margin-after: var(--offset-9) !important;
    margin-block-end: var(--offset-9) !important;
  }
  .mx-xxl-9 {
    margin-inline: var(--offset-9) !important;
  }
  .mxs-xxl-9 {
    -webkit-margin-start: var(--offset-9) !important;
    margin-inline-start: var(--offset-9) !important;
  }
  .mxe-xxl-9 {
    -webkit-margin-end: var(--offset-9) !important;
    margin-inline-end: var(--offset-9) !important;
  }
  .p-xxl-9 {
    padding: var(--offset-9) !important;
  }
  .py-xxl-9 {
    padding-block: var(--offset-9) !important;
  }
  .pys-xxl-9 {
    -webkit-padding-before: var(--offset-9) !important;
    padding-block-start: var(--offset-9) !important;
  }
  .pye-xxl-9 {
    -webkit-padding-after: var(--offset-9) !important;
    padding-block-end: var(--offset-9) !important;
  }
  .px-xxl-9 {
    padding-inline: var(--offset-9) !important;
  }
  .pxs-xxl-9 {
    -webkit-padding-start: var(--offset-9) !important;
    padding-inline-start: var(--offset-9) !important;
  }
  .pxe-xxl-9 {
    -webkit-padding-end: var(--offset-9) !important;
    padding-inline-end: var(--offset-9) !important;
  }
  .m-xxl-10 {
    margin: var(--offset-10) !important;
  }
  .my-xxl-10 {
    margin-block: var(--offset-10) !important;
  }
  .mys-xxl-10 {
    -webkit-margin-before: var(--offset-10) !important;
    margin-block-start: var(--offset-10) !important;
  }
  .mye-xxl-10 {
    -webkit-margin-after: var(--offset-10) !important;
    margin-block-end: var(--offset-10) !important;
  }
  .mx-xxl-10 {
    margin-inline: var(--offset-10) !important;
  }
  .mxs-xxl-10 {
    -webkit-margin-start: var(--offset-10) !important;
    margin-inline-start: var(--offset-10) !important;
  }
  .mxe-xxl-10 {
    -webkit-margin-end: var(--offset-10) !important;
    margin-inline-end: var(--offset-10) !important;
  }
  .p-xxl-10 {
    padding: var(--offset-10) !important;
  }
  .py-xxl-10 {
    padding-block: var(--offset-10) !important;
  }
  .pys-xxl-10 {
    -webkit-padding-before: var(--offset-10) !important;
    padding-block-start: var(--offset-10) !important;
  }
  .pye-xxl-10 {
    -webkit-padding-after: var(--offset-10) !important;
    padding-block-end: var(--offset-10) !important;
  }
  .px-xxl-10 {
    padding-inline: var(--offset-10) !important;
  }
  .pxs-xxl-10 {
    -webkit-padding-start: var(--offset-10) !important;
    padding-inline-start: var(--offset-10) !important;
  }
  .pxe-xxl-10 {
    -webkit-padding-end: var(--offset-10) !important;
    padding-inline-end: var(--offset-10) !important;
  }
  .m-xxl-11 {
    margin: var(--offset-11) !important;
  }
  .my-xxl-11 {
    margin-block: var(--offset-11) !important;
  }
  .mys-xxl-11 {
    -webkit-margin-before: var(--offset-11) !important;
    margin-block-start: var(--offset-11) !important;
  }
  .mye-xxl-11 {
    -webkit-margin-after: var(--offset-11) !important;
    margin-block-end: var(--offset-11) !important;
  }
  .mx-xxl-11 {
    margin-inline: var(--offset-11) !important;
  }
  .mxs-xxl-11 {
    -webkit-margin-start: var(--offset-11) !important;
    margin-inline-start: var(--offset-11) !important;
  }
  .mxe-xxl-11 {
    -webkit-margin-end: var(--offset-11) !important;
    margin-inline-end: var(--offset-11) !important;
  }
  .p-xxl-11 {
    padding: var(--offset-11) !important;
  }
  .py-xxl-11 {
    padding-block: var(--offset-11) !important;
  }
  .pys-xxl-11 {
    -webkit-padding-before: var(--offset-11) !important;
    padding-block-start: var(--offset-11) !important;
  }
  .pye-xxl-11 {
    -webkit-padding-after: var(--offset-11) !important;
    padding-block-end: var(--offset-11) !important;
  }
  .px-xxl-11 {
    padding-inline: var(--offset-11) !important;
  }
  .pxs-xxl-11 {
    -webkit-padding-start: var(--offset-11) !important;
    padding-inline-start: var(--offset-11) !important;
  }
  .pxe-xxl-11 {
    -webkit-padding-end: var(--offset-11) !important;
    padding-inline-end: var(--offset-11) !important;
  }
  .m-xxl-12 {
    margin: var(--offset-12) !important;
  }
  .my-xxl-12 {
    margin-block: var(--offset-12) !important;
  }
  .mys-xxl-12 {
    -webkit-margin-before: var(--offset-12) !important;
    margin-block-start: var(--offset-12) !important;
  }
  .mye-xxl-12 {
    -webkit-margin-after: var(--offset-12) !important;
    margin-block-end: var(--offset-12) !important;
  }
  .mx-xxl-12 {
    margin-inline: var(--offset-12) !important;
  }
  .mxs-xxl-12 {
    -webkit-margin-start: var(--offset-12) !important;
    margin-inline-start: var(--offset-12) !important;
  }
  .mxe-xxl-12 {
    -webkit-margin-end: var(--offset-12) !important;
    margin-inline-end: var(--offset-12) !important;
  }
  .p-xxl-12 {
    padding: var(--offset-12) !important;
  }
  .py-xxl-12 {
    padding-block: var(--offset-12) !important;
  }
  .pys-xxl-12 {
    -webkit-padding-before: var(--offset-12) !important;
    padding-block-start: var(--offset-12) !important;
  }
  .pye-xxl-12 {
    -webkit-padding-after: var(--offset-12) !important;
    padding-block-end: var(--offset-12) !important;
  }
  .px-xxl-12 {
    padding-inline: var(--offset-12) !important;
  }
  .pxs-xxl-12 {
    -webkit-padding-start: var(--offset-12) !important;
    padding-inline-start: var(--offset-12) !important;
  }
  .pxe-xxl-12 {
    -webkit-padding-end: var(--offset-12) !important;
    padding-inline-end: var(--offset-12) !important;
  }
  .m-xxl-13 {
    margin: var(--offset-13) !important;
  }
  .my-xxl-13 {
    margin-block: var(--offset-13) !important;
  }
  .mys-xxl-13 {
    -webkit-margin-before: var(--offset-13) !important;
    margin-block-start: var(--offset-13) !important;
  }
  .mye-xxl-13 {
    -webkit-margin-after: var(--offset-13) !important;
    margin-block-end: var(--offset-13) !important;
  }
  .mx-xxl-13 {
    margin-inline: var(--offset-13) !important;
  }
  .mxs-xxl-13 {
    -webkit-margin-start: var(--offset-13) !important;
    margin-inline-start: var(--offset-13) !important;
  }
  .mxe-xxl-13 {
    -webkit-margin-end: var(--offset-13) !important;
    margin-inline-end: var(--offset-13) !important;
  }
  .p-xxl-13 {
    padding: var(--offset-13) !important;
  }
  .py-xxl-13 {
    padding-block: var(--offset-13) !important;
  }
  .pys-xxl-13 {
    -webkit-padding-before: var(--offset-13) !important;
    padding-block-start: var(--offset-13) !important;
  }
  .pye-xxl-13 {
    -webkit-padding-after: var(--offset-13) !important;
    padding-block-end: var(--offset-13) !important;
  }
  .px-xxl-13 {
    padding-inline: var(--offset-13) !important;
  }
  .pxs-xxl-13 {
    -webkit-padding-start: var(--offset-13) !important;
    padding-inline-start: var(--offset-13) !important;
  }
  .pxe-xxl-13 {
    -webkit-padding-end: var(--offset-13) !important;
    padding-inline-end: var(--offset-13) !important;
  }
  .m-xxl-14 {
    margin: var(--offset-14) !important;
  }
  .my-xxl-14 {
    margin-block: var(--offset-14) !important;
  }
  .mys-xxl-14 {
    -webkit-margin-before: var(--offset-14) !important;
    margin-block-start: var(--offset-14) !important;
  }
  .mye-xxl-14 {
    -webkit-margin-after: var(--offset-14) !important;
    margin-block-end: var(--offset-14) !important;
  }
  .mx-xxl-14 {
    margin-inline: var(--offset-14) !important;
  }
  .mxs-xxl-14 {
    -webkit-margin-start: var(--offset-14) !important;
    margin-inline-start: var(--offset-14) !important;
  }
  .mxe-xxl-14 {
    -webkit-margin-end: var(--offset-14) !important;
    margin-inline-end: var(--offset-14) !important;
  }
  .p-xxl-14 {
    padding: var(--offset-14) !important;
  }
  .py-xxl-14 {
    padding-block: var(--offset-14) !important;
  }
  .pys-xxl-14 {
    -webkit-padding-before: var(--offset-14) !important;
    padding-block-start: var(--offset-14) !important;
  }
  .pye-xxl-14 {
    -webkit-padding-after: var(--offset-14) !important;
    padding-block-end: var(--offset-14) !important;
  }
  .px-xxl-14 {
    padding-inline: var(--offset-14) !important;
  }
  .pxs-xxl-14 {
    -webkit-padding-start: var(--offset-14) !important;
    padding-inline-start: var(--offset-14) !important;
  }
  .pxe-xxl-14 {
    -webkit-padding-end: var(--offset-14) !important;
    padding-inline-end: var(--offset-14) !important;
  }
  .m-xxl-15 {
    margin: var(--offset-15) !important;
  }
  .my-xxl-15 {
    margin-block: var(--offset-15) !important;
  }
  .mys-xxl-15 {
    -webkit-margin-before: var(--offset-15) !important;
    margin-block-start: var(--offset-15) !important;
  }
  .mye-xxl-15 {
    -webkit-margin-after: var(--offset-15) !important;
    margin-block-end: var(--offset-15) !important;
  }
  .mx-xxl-15 {
    margin-inline: var(--offset-15) !important;
  }
  .mxs-xxl-15 {
    -webkit-margin-start: var(--offset-15) !important;
    margin-inline-start: var(--offset-15) !important;
  }
  .mxe-xxl-15 {
    -webkit-margin-end: var(--offset-15) !important;
    margin-inline-end: var(--offset-15) !important;
  }
  .p-xxl-15 {
    padding: var(--offset-15) !important;
  }
  .py-xxl-15 {
    padding-block: var(--offset-15) !important;
  }
  .pys-xxl-15 {
    -webkit-padding-before: var(--offset-15) !important;
    padding-block-start: var(--offset-15) !important;
  }
  .pye-xxl-15 {
    -webkit-padding-after: var(--offset-15) !important;
    padding-block-end: var(--offset-15) !important;
  }
  .px-xxl-15 {
    padding-inline: var(--offset-15) !important;
  }
  .pxs-xxl-15 {
    -webkit-padding-start: var(--offset-15) !important;
    padding-inline-start: var(--offset-15) !important;
  }
  .pxe-xxl-15 {
    -webkit-padding-end: var(--offset-15) !important;
    padding-inline-end: var(--offset-15) !important;
  }
  .m-xxl-16 {
    margin: var(--offset-16) !important;
  }
  .my-xxl-16 {
    margin-block: var(--offset-16) !important;
  }
  .mys-xxl-16 {
    -webkit-margin-before: var(--offset-16) !important;
    margin-block-start: var(--offset-16) !important;
  }
  .mye-xxl-16 {
    -webkit-margin-after: var(--offset-16) !important;
    margin-block-end: var(--offset-16) !important;
  }
  .mx-xxl-16 {
    margin-inline: var(--offset-16) !important;
  }
  .mxs-xxl-16 {
    -webkit-margin-start: var(--offset-16) !important;
    margin-inline-start: var(--offset-16) !important;
  }
  .mxe-xxl-16 {
    -webkit-margin-end: var(--offset-16) !important;
    margin-inline-end: var(--offset-16) !important;
  }
  .p-xxl-16 {
    padding: var(--offset-16) !important;
  }
  .py-xxl-16 {
    padding-block: var(--offset-16) !important;
  }
  .pys-xxl-16 {
    -webkit-padding-before: var(--offset-16) !important;
    padding-block-start: var(--offset-16) !important;
  }
  .pye-xxl-16 {
    -webkit-padding-after: var(--offset-16) !important;
    padding-block-end: var(--offset-16) !important;
  }
  .px-xxl-16 {
    padding-inline: var(--offset-16) !important;
  }
  .pxs-xxl-16 {
    -webkit-padding-start: var(--offset-16) !important;
    padding-inline-start: var(--offset-16) !important;
  }
  .pxe-xxl-16 {
    -webkit-padding-end: var(--offset-16) !important;
    padding-inline-end: var(--offset-16) !important;
  }
  .m-xxl-17 {
    margin: var(--offset-17) !important;
  }
  .my-xxl-17 {
    margin-block: var(--offset-17) !important;
  }
  .mys-xxl-17 {
    -webkit-margin-before: var(--offset-17) !important;
    margin-block-start: var(--offset-17) !important;
  }
  .mye-xxl-17 {
    -webkit-margin-after: var(--offset-17) !important;
    margin-block-end: var(--offset-17) !important;
  }
  .mx-xxl-17 {
    margin-inline: var(--offset-17) !important;
  }
  .mxs-xxl-17 {
    -webkit-margin-start: var(--offset-17) !important;
    margin-inline-start: var(--offset-17) !important;
  }
  .mxe-xxl-17 {
    -webkit-margin-end: var(--offset-17) !important;
    margin-inline-end: var(--offset-17) !important;
  }
  .p-xxl-17 {
    padding: var(--offset-17) !important;
  }
  .py-xxl-17 {
    padding-block: var(--offset-17) !important;
  }
  .pys-xxl-17 {
    -webkit-padding-before: var(--offset-17) !important;
    padding-block-start: var(--offset-17) !important;
  }
  .pye-xxl-17 {
    -webkit-padding-after: var(--offset-17) !important;
    padding-block-end: var(--offset-17) !important;
  }
  .px-xxl-17 {
    padding-inline: var(--offset-17) !important;
  }
  .pxs-xxl-17 {
    -webkit-padding-start: var(--offset-17) !important;
    padding-inline-start: var(--offset-17) !important;
  }
  .pxe-xxl-17 {
    -webkit-padding-end: var(--offset-17) !important;
    padding-inline-end: var(--offset-17) !important;
  }
  .m-xxl-18 {
    margin: var(--offset-18) !important;
  }
  .my-xxl-18 {
    margin-block: var(--offset-18) !important;
  }
  .mys-xxl-18 {
    -webkit-margin-before: var(--offset-18) !important;
    margin-block-start: var(--offset-18) !important;
  }
  .mye-xxl-18 {
    -webkit-margin-after: var(--offset-18) !important;
    margin-block-end: var(--offset-18) !important;
  }
  .mx-xxl-18 {
    margin-inline: var(--offset-18) !important;
  }
  .mxs-xxl-18 {
    -webkit-margin-start: var(--offset-18) !important;
    margin-inline-start: var(--offset-18) !important;
  }
  .mxe-xxl-18 {
    -webkit-margin-end: var(--offset-18) !important;
    margin-inline-end: var(--offset-18) !important;
  }
  .p-xxl-18 {
    padding: var(--offset-18) !important;
  }
  .py-xxl-18 {
    padding-block: var(--offset-18) !important;
  }
  .pys-xxl-18 {
    -webkit-padding-before: var(--offset-18) !important;
    padding-block-start: var(--offset-18) !important;
  }
  .pye-xxl-18 {
    -webkit-padding-after: var(--offset-18) !important;
    padding-block-end: var(--offset-18) !important;
  }
  .px-xxl-18 {
    padding-inline: var(--offset-18) !important;
  }
  .pxs-xxl-18 {
    -webkit-padding-start: var(--offset-18) !important;
    padding-inline-start: var(--offset-18) !important;
  }
  .pxe-xxl-18 {
    -webkit-padding-end: var(--offset-18) !important;
    padding-inline-end: var(--offset-18) !important;
  }
  .m-xxl-19 {
    margin: var(--offset-19) !important;
  }
  .my-xxl-19 {
    margin-block: var(--offset-19) !important;
  }
  .mys-xxl-19 {
    -webkit-margin-before: var(--offset-19) !important;
    margin-block-start: var(--offset-19) !important;
  }
  .mye-xxl-19 {
    -webkit-margin-after: var(--offset-19) !important;
    margin-block-end: var(--offset-19) !important;
  }
  .mx-xxl-19 {
    margin-inline: var(--offset-19) !important;
  }
  .mxs-xxl-19 {
    -webkit-margin-start: var(--offset-19) !important;
    margin-inline-start: var(--offset-19) !important;
  }
  .mxe-xxl-19 {
    -webkit-margin-end: var(--offset-19) !important;
    margin-inline-end: var(--offset-19) !important;
  }
  .p-xxl-19 {
    padding: var(--offset-19) !important;
  }
  .py-xxl-19 {
    padding-block: var(--offset-19) !important;
  }
  .pys-xxl-19 {
    -webkit-padding-before: var(--offset-19) !important;
    padding-block-start: var(--offset-19) !important;
  }
  .pye-xxl-19 {
    -webkit-padding-after: var(--offset-19) !important;
    padding-block-end: var(--offset-19) !important;
  }
  .px-xxl-19 {
    padding-inline: var(--offset-19) !important;
  }
  .pxs-xxl-19 {
    -webkit-padding-start: var(--offset-19) !important;
    padding-inline-start: var(--offset-19) !important;
  }
  .pxe-xxl-19 {
    -webkit-padding-end: var(--offset-19) !important;
    padding-inline-end: var(--offset-19) !important;
  }
  .m-xxl-20 {
    margin: var(--offset-20) !important;
  }
  .my-xxl-20 {
    margin-block: var(--offset-20) !important;
  }
  .mys-xxl-20 {
    -webkit-margin-before: var(--offset-20) !important;
    margin-block-start: var(--offset-20) !important;
  }
  .mye-xxl-20 {
    -webkit-margin-after: var(--offset-20) !important;
    margin-block-end: var(--offset-20) !important;
  }
  .mx-xxl-20 {
    margin-inline: var(--offset-20) !important;
  }
  .mxs-xxl-20 {
    -webkit-margin-start: var(--offset-20) !important;
    margin-inline-start: var(--offset-20) !important;
  }
  .mxe-xxl-20 {
    -webkit-margin-end: var(--offset-20) !important;
    margin-inline-end: var(--offset-20) !important;
  }
  .p-xxl-20 {
    padding: var(--offset-20) !important;
  }
  .py-xxl-20 {
    padding-block: var(--offset-20) !important;
  }
  .pys-xxl-20 {
    -webkit-padding-before: var(--offset-20) !important;
    padding-block-start: var(--offset-20) !important;
  }
  .pye-xxl-20 {
    -webkit-padding-after: var(--offset-20) !important;
    padding-block-end: var(--offset-20) !important;
  }
  .px-xxl-20 {
    padding-inline: var(--offset-20) !important;
  }
  .pxs-xxl-20 {
    -webkit-padding-start: var(--offset-20) !important;
    padding-inline-start: var(--offset-20) !important;
  }
  .pxe-xxl-20 {
    -webkit-padding-end: var(--offset-20) !important;
    padding-inline-end: var(--offset-20) !important;
  }
  .m-xxl-21 {
    margin: var(--offset-21) !important;
  }
  .my-xxl-21 {
    margin-block: var(--offset-21) !important;
  }
  .mys-xxl-21 {
    -webkit-margin-before: var(--offset-21) !important;
    margin-block-start: var(--offset-21) !important;
  }
  .mye-xxl-21 {
    -webkit-margin-after: var(--offset-21) !important;
    margin-block-end: var(--offset-21) !important;
  }
  .mx-xxl-21 {
    margin-inline: var(--offset-21) !important;
  }
  .mxs-xxl-21 {
    -webkit-margin-start: var(--offset-21) !important;
    margin-inline-start: var(--offset-21) !important;
  }
  .mxe-xxl-21 {
    -webkit-margin-end: var(--offset-21) !important;
    margin-inline-end: var(--offset-21) !important;
  }
  .p-xxl-21 {
    padding: var(--offset-21) !important;
  }
  .py-xxl-21 {
    padding-block: var(--offset-21) !important;
  }
  .pys-xxl-21 {
    -webkit-padding-before: var(--offset-21) !important;
    padding-block-start: var(--offset-21) !important;
  }
  .pye-xxl-21 {
    -webkit-padding-after: var(--offset-21) !important;
    padding-block-end: var(--offset-21) !important;
  }
  .px-xxl-21 {
    padding-inline: var(--offset-21) !important;
  }
  .pxs-xxl-21 {
    -webkit-padding-start: var(--offset-21) !important;
    padding-inline-start: var(--offset-21) !important;
  }
  .pxe-xxl-21 {
    -webkit-padding-end: var(--offset-21) !important;
    padding-inline-end: var(--offset-21) !important;
  }
  .m-xxl-22 {
    margin: var(--offset-22) !important;
  }
  .my-xxl-22 {
    margin-block: var(--offset-22) !important;
  }
  .mys-xxl-22 {
    -webkit-margin-before: var(--offset-22) !important;
    margin-block-start: var(--offset-22) !important;
  }
  .mye-xxl-22 {
    -webkit-margin-after: var(--offset-22) !important;
    margin-block-end: var(--offset-22) !important;
  }
  .mx-xxl-22 {
    margin-inline: var(--offset-22) !important;
  }
  .mxs-xxl-22 {
    -webkit-margin-start: var(--offset-22) !important;
    margin-inline-start: var(--offset-22) !important;
  }
  .mxe-xxl-22 {
    -webkit-margin-end: var(--offset-22) !important;
    margin-inline-end: var(--offset-22) !important;
  }
  .p-xxl-22 {
    padding: var(--offset-22) !important;
  }
  .py-xxl-22 {
    padding-block: var(--offset-22) !important;
  }
  .pys-xxl-22 {
    -webkit-padding-before: var(--offset-22) !important;
    padding-block-start: var(--offset-22) !important;
  }
  .pye-xxl-22 {
    -webkit-padding-after: var(--offset-22) !important;
    padding-block-end: var(--offset-22) !important;
  }
  .px-xxl-22 {
    padding-inline: var(--offset-22) !important;
  }
  .pxs-xxl-22 {
    -webkit-padding-start: var(--offset-22) !important;
    padding-inline-start: var(--offset-22) !important;
  }
  .pxe-xxl-22 {
    -webkit-padding-end: var(--offset-22) !important;
    padding-inline-end: var(--offset-22) !important;
  }
  .m-xxl-23 {
    margin: var(--offset-23) !important;
  }
  .my-xxl-23 {
    margin-block: var(--offset-23) !important;
  }
  .mys-xxl-23 {
    -webkit-margin-before: var(--offset-23) !important;
    margin-block-start: var(--offset-23) !important;
  }
  .mye-xxl-23 {
    -webkit-margin-after: var(--offset-23) !important;
    margin-block-end: var(--offset-23) !important;
  }
  .mx-xxl-23 {
    margin-inline: var(--offset-23) !important;
  }
  .mxs-xxl-23 {
    -webkit-margin-start: var(--offset-23) !important;
    margin-inline-start: var(--offset-23) !important;
  }
  .mxe-xxl-23 {
    -webkit-margin-end: var(--offset-23) !important;
    margin-inline-end: var(--offset-23) !important;
  }
  .p-xxl-23 {
    padding: var(--offset-23) !important;
  }
  .py-xxl-23 {
    padding-block: var(--offset-23) !important;
  }
  .pys-xxl-23 {
    -webkit-padding-before: var(--offset-23) !important;
    padding-block-start: var(--offset-23) !important;
  }
  .pye-xxl-23 {
    -webkit-padding-after: var(--offset-23) !important;
    padding-block-end: var(--offset-23) !important;
  }
  .px-xxl-23 {
    padding-inline: var(--offset-23) !important;
  }
  .pxs-xxl-23 {
    -webkit-padding-start: var(--offset-23) !important;
    padding-inline-start: var(--offset-23) !important;
  }
  .pxe-xxl-23 {
    -webkit-padding-end: var(--offset-23) !important;
    padding-inline-end: var(--offset-23) !important;
  }
  .m-xxl-24 {
    margin: var(--offset-24) !important;
  }
  .my-xxl-24 {
    margin-block: var(--offset-24) !important;
  }
  .mys-xxl-24 {
    -webkit-margin-before: var(--offset-24) !important;
    margin-block-start: var(--offset-24) !important;
  }
  .mye-xxl-24 {
    -webkit-margin-after: var(--offset-24) !important;
    margin-block-end: var(--offset-24) !important;
  }
  .mx-xxl-24 {
    margin-inline: var(--offset-24) !important;
  }
  .mxs-xxl-24 {
    -webkit-margin-start: var(--offset-24) !important;
    margin-inline-start: var(--offset-24) !important;
  }
  .mxe-xxl-24 {
    -webkit-margin-end: var(--offset-24) !important;
    margin-inline-end: var(--offset-24) !important;
  }
  .p-xxl-24 {
    padding: var(--offset-24) !important;
  }
  .py-xxl-24 {
    padding-block: var(--offset-24) !important;
  }
  .pys-xxl-24 {
    -webkit-padding-before: var(--offset-24) !important;
    padding-block-start: var(--offset-24) !important;
  }
  .pye-xxl-24 {
    -webkit-padding-after: var(--offset-24) !important;
    padding-block-end: var(--offset-24) !important;
  }
  .px-xxl-24 {
    padding-inline: var(--offset-24) !important;
  }
  .pxs-xxl-24 {
    -webkit-padding-start: var(--offset-24) !important;
    padding-inline-start: var(--offset-24) !important;
  }
  .pxe-xxl-24 {
    -webkit-padding-end: var(--offset-24) !important;
    padding-inline-end: var(--offset-24) !important;
  }
  .m-xxl-25 {
    margin: var(--offset-25) !important;
  }
  .my-xxl-25 {
    margin-block: var(--offset-25) !important;
  }
  .mys-xxl-25 {
    -webkit-margin-before: var(--offset-25) !important;
    margin-block-start: var(--offset-25) !important;
  }
  .mye-xxl-25 {
    -webkit-margin-after: var(--offset-25) !important;
    margin-block-end: var(--offset-25) !important;
  }
  .mx-xxl-25 {
    margin-inline: var(--offset-25) !important;
  }
  .mxs-xxl-25 {
    -webkit-margin-start: var(--offset-25) !important;
    margin-inline-start: var(--offset-25) !important;
  }
  .mxe-xxl-25 {
    -webkit-margin-end: var(--offset-25) !important;
    margin-inline-end: var(--offset-25) !important;
  }
  .p-xxl-25 {
    padding: var(--offset-25) !important;
  }
  .py-xxl-25 {
    padding-block: var(--offset-25) !important;
  }
  .pys-xxl-25 {
    -webkit-padding-before: var(--offset-25) !important;
    padding-block-start: var(--offset-25) !important;
  }
  .pye-xxl-25 {
    -webkit-padding-after: var(--offset-25) !important;
    padding-block-end: var(--offset-25) !important;
  }
  .px-xxl-25 {
    padding-inline: var(--offset-25) !important;
  }
  .pxs-xxl-25 {
    -webkit-padding-start: var(--offset-25) !important;
    padding-inline-start: var(--offset-25) !important;
  }
  .pxe-xxl-25 {
    -webkit-padding-end: var(--offset-25) !important;
    padding-inline-end: var(--offset-25) !important;
  }
  .m-xxl-26 {
    margin: var(--offset-26) !important;
  }
  .my-xxl-26 {
    margin-block: var(--offset-26) !important;
  }
  .mys-xxl-26 {
    -webkit-margin-before: var(--offset-26) !important;
    margin-block-start: var(--offset-26) !important;
  }
  .mye-xxl-26 {
    -webkit-margin-after: var(--offset-26) !important;
    margin-block-end: var(--offset-26) !important;
  }
  .mx-xxl-26 {
    margin-inline: var(--offset-26) !important;
  }
  .mxs-xxl-26 {
    -webkit-margin-start: var(--offset-26) !important;
    margin-inline-start: var(--offset-26) !important;
  }
  .mxe-xxl-26 {
    -webkit-margin-end: var(--offset-26) !important;
    margin-inline-end: var(--offset-26) !important;
  }
  .p-xxl-26 {
    padding: var(--offset-26) !important;
  }
  .py-xxl-26 {
    padding-block: var(--offset-26) !important;
  }
  .pys-xxl-26 {
    -webkit-padding-before: var(--offset-26) !important;
    padding-block-start: var(--offset-26) !important;
  }
  .pye-xxl-26 {
    -webkit-padding-after: var(--offset-26) !important;
    padding-block-end: var(--offset-26) !important;
  }
  .px-xxl-26 {
    padding-inline: var(--offset-26) !important;
  }
  .pxs-xxl-26 {
    -webkit-padding-start: var(--offset-26) !important;
    padding-inline-start: var(--offset-26) !important;
  }
  .pxe-xxl-26 {
    -webkit-padding-end: var(--offset-26) !important;
    padding-inline-end: var(--offset-26) !important;
  }
  .m-xxl-27 {
    margin: var(--offset-27) !important;
  }
  .my-xxl-27 {
    margin-block: var(--offset-27) !important;
  }
  .mys-xxl-27 {
    -webkit-margin-before: var(--offset-27) !important;
    margin-block-start: var(--offset-27) !important;
  }
  .mye-xxl-27 {
    -webkit-margin-after: var(--offset-27) !important;
    margin-block-end: var(--offset-27) !important;
  }
  .mx-xxl-27 {
    margin-inline: var(--offset-27) !important;
  }
  .mxs-xxl-27 {
    -webkit-margin-start: var(--offset-27) !important;
    margin-inline-start: var(--offset-27) !important;
  }
  .mxe-xxl-27 {
    -webkit-margin-end: var(--offset-27) !important;
    margin-inline-end: var(--offset-27) !important;
  }
  .p-xxl-27 {
    padding: var(--offset-27) !important;
  }
  .py-xxl-27 {
    padding-block: var(--offset-27) !important;
  }
  .pys-xxl-27 {
    -webkit-padding-before: var(--offset-27) !important;
    padding-block-start: var(--offset-27) !important;
  }
  .pye-xxl-27 {
    -webkit-padding-after: var(--offset-27) !important;
    padding-block-end: var(--offset-27) !important;
  }
  .px-xxl-27 {
    padding-inline: var(--offset-27) !important;
  }
  .pxs-xxl-27 {
    -webkit-padding-start: var(--offset-27) !important;
    padding-inline-start: var(--offset-27) !important;
  }
  .pxe-xxl-27 {
    -webkit-padding-end: var(--offset-27) !important;
    padding-inline-end: var(--offset-27) !important;
  }
  .m-xxl-28 {
    margin: var(--offset-28) !important;
  }
  .my-xxl-28 {
    margin-block: var(--offset-28) !important;
  }
  .mys-xxl-28 {
    -webkit-margin-before: var(--offset-28) !important;
    margin-block-start: var(--offset-28) !important;
  }
  .mye-xxl-28 {
    -webkit-margin-after: var(--offset-28) !important;
    margin-block-end: var(--offset-28) !important;
  }
  .mx-xxl-28 {
    margin-inline: var(--offset-28) !important;
  }
  .mxs-xxl-28 {
    -webkit-margin-start: var(--offset-28) !important;
    margin-inline-start: var(--offset-28) !important;
  }
  .mxe-xxl-28 {
    -webkit-margin-end: var(--offset-28) !important;
    margin-inline-end: var(--offset-28) !important;
  }
  .p-xxl-28 {
    padding: var(--offset-28) !important;
  }
  .py-xxl-28 {
    padding-block: var(--offset-28) !important;
  }
  .pys-xxl-28 {
    -webkit-padding-before: var(--offset-28) !important;
    padding-block-start: var(--offset-28) !important;
  }
  .pye-xxl-28 {
    -webkit-padding-after: var(--offset-28) !important;
    padding-block-end: var(--offset-28) !important;
  }
  .px-xxl-28 {
    padding-inline: var(--offset-28) !important;
  }
  .pxs-xxl-28 {
    -webkit-padding-start: var(--offset-28) !important;
    padding-inline-start: var(--offset-28) !important;
  }
  .pxe-xxl-28 {
    -webkit-padding-end: var(--offset-28) !important;
    padding-inline-end: var(--offset-28) !important;
  }
  .m-xxl-29 {
    margin: var(--offset-29) !important;
  }
  .my-xxl-29 {
    margin-block: var(--offset-29) !important;
  }
  .mys-xxl-29 {
    -webkit-margin-before: var(--offset-29) !important;
    margin-block-start: var(--offset-29) !important;
  }
  .mye-xxl-29 {
    -webkit-margin-after: var(--offset-29) !important;
    margin-block-end: var(--offset-29) !important;
  }
  .mx-xxl-29 {
    margin-inline: var(--offset-29) !important;
  }
  .mxs-xxl-29 {
    -webkit-margin-start: var(--offset-29) !important;
    margin-inline-start: var(--offset-29) !important;
  }
  .mxe-xxl-29 {
    -webkit-margin-end: var(--offset-29) !important;
    margin-inline-end: var(--offset-29) !important;
  }
  .p-xxl-29 {
    padding: var(--offset-29) !important;
  }
  .py-xxl-29 {
    padding-block: var(--offset-29) !important;
  }
  .pys-xxl-29 {
    -webkit-padding-before: var(--offset-29) !important;
    padding-block-start: var(--offset-29) !important;
  }
  .pye-xxl-29 {
    -webkit-padding-after: var(--offset-29) !important;
    padding-block-end: var(--offset-29) !important;
  }
  .px-xxl-29 {
    padding-inline: var(--offset-29) !important;
  }
  .pxs-xxl-29 {
    -webkit-padding-start: var(--offset-29) !important;
    padding-inline-start: var(--offset-29) !important;
  }
  .pxe-xxl-29 {
    -webkit-padding-end: var(--offset-29) !important;
    padding-inline-end: var(--offset-29) !important;
  }
  .m-xxl-30 {
    margin: var(--offset-30) !important;
  }
  .my-xxl-30 {
    margin-block: var(--offset-30) !important;
  }
  .mys-xxl-30 {
    -webkit-margin-before: var(--offset-30) !important;
    margin-block-start: var(--offset-30) !important;
  }
  .mye-xxl-30 {
    -webkit-margin-after: var(--offset-30) !important;
    margin-block-end: var(--offset-30) !important;
  }
  .mx-xxl-30 {
    margin-inline: var(--offset-30) !important;
  }
  .mxs-xxl-30 {
    -webkit-margin-start: var(--offset-30) !important;
    margin-inline-start: var(--offset-30) !important;
  }
  .mxe-xxl-30 {
    -webkit-margin-end: var(--offset-30) !important;
    margin-inline-end: var(--offset-30) !important;
  }
  .p-xxl-30 {
    padding: var(--offset-30) !important;
  }
  .py-xxl-30 {
    padding-block: var(--offset-30) !important;
  }
  .pys-xxl-30 {
    -webkit-padding-before: var(--offset-30) !important;
    padding-block-start: var(--offset-30) !important;
  }
  .pye-xxl-30 {
    -webkit-padding-after: var(--offset-30) !important;
    padding-block-end: var(--offset-30) !important;
  }
  .px-xxl-30 {
    padding-inline: var(--offset-30) !important;
  }
  .pxs-xxl-30 {
    -webkit-padding-start: var(--offset-30) !important;
    padding-inline-start: var(--offset-30) !important;
  }
  .pxe-xxl-30 {
    -webkit-padding-end: var(--offset-30) !important;
    padding-inline-end: var(--offset-30) !important;
  }
  .m-xxl-31 {
    margin: var(--offset-31) !important;
  }
  .my-xxl-31 {
    margin-block: var(--offset-31) !important;
  }
  .mys-xxl-31 {
    -webkit-margin-before: var(--offset-31) !important;
    margin-block-start: var(--offset-31) !important;
  }
  .mye-xxl-31 {
    -webkit-margin-after: var(--offset-31) !important;
    margin-block-end: var(--offset-31) !important;
  }
  .mx-xxl-31 {
    margin-inline: var(--offset-31) !important;
  }
  .mxs-xxl-31 {
    -webkit-margin-start: var(--offset-31) !important;
    margin-inline-start: var(--offset-31) !important;
  }
  .mxe-xxl-31 {
    -webkit-margin-end: var(--offset-31) !important;
    margin-inline-end: var(--offset-31) !important;
  }
  .p-xxl-31 {
    padding: var(--offset-31) !important;
  }
  .py-xxl-31 {
    padding-block: var(--offset-31) !important;
  }
  .pys-xxl-31 {
    -webkit-padding-before: var(--offset-31) !important;
    padding-block-start: var(--offset-31) !important;
  }
  .pye-xxl-31 {
    -webkit-padding-after: var(--offset-31) !important;
    padding-block-end: var(--offset-31) !important;
  }
  .px-xxl-31 {
    padding-inline: var(--offset-31) !important;
  }
  .pxs-xxl-31 {
    -webkit-padding-start: var(--offset-31) !important;
    padding-inline-start: var(--offset-31) !important;
  }
  .pxe-xxl-31 {
    -webkit-padding-end: var(--offset-31) !important;
    padding-inline-end: var(--offset-31) !important;
  }
  .m-xxl-32 {
    margin: var(--offset-32) !important;
  }
  .my-xxl-32 {
    margin-block: var(--offset-32) !important;
  }
  .mys-xxl-32 {
    -webkit-margin-before: var(--offset-32) !important;
    margin-block-start: var(--offset-32) !important;
  }
  .mye-xxl-32 {
    -webkit-margin-after: var(--offset-32) !important;
    margin-block-end: var(--offset-32) !important;
  }
  .mx-xxl-32 {
    margin-inline: var(--offset-32) !important;
  }
  .mxs-xxl-32 {
    -webkit-margin-start: var(--offset-32) !important;
    margin-inline-start: var(--offset-32) !important;
  }
  .mxe-xxl-32 {
    -webkit-margin-end: var(--offset-32) !important;
    margin-inline-end: var(--offset-32) !important;
  }
  .p-xxl-32 {
    padding: var(--offset-32) !important;
  }
  .py-xxl-32 {
    padding-block: var(--offset-32) !important;
  }
  .pys-xxl-32 {
    -webkit-padding-before: var(--offset-32) !important;
    padding-block-start: var(--offset-32) !important;
  }
  .pye-xxl-32 {
    -webkit-padding-after: var(--offset-32) !important;
    padding-block-end: var(--offset-32) !important;
  }
  .px-xxl-32 {
    padding-inline: var(--offset-32) !important;
  }
  .pxs-xxl-32 {
    -webkit-padding-start: var(--offset-32) !important;
    padding-inline-start: var(--offset-32) !important;
  }
  .pxe-xxl-32 {
    -webkit-padding-end: var(--offset-32) !important;
    padding-inline-end: var(--offset-32) !important;
  }
  .m-xxl-33 {
    margin: var(--offset-33) !important;
  }
  .my-xxl-33 {
    margin-block: var(--offset-33) !important;
  }
  .mys-xxl-33 {
    -webkit-margin-before: var(--offset-33) !important;
    margin-block-start: var(--offset-33) !important;
  }
  .mye-xxl-33 {
    -webkit-margin-after: var(--offset-33) !important;
    margin-block-end: var(--offset-33) !important;
  }
  .mx-xxl-33 {
    margin-inline: var(--offset-33) !important;
  }
  .mxs-xxl-33 {
    -webkit-margin-start: var(--offset-33) !important;
    margin-inline-start: var(--offset-33) !important;
  }
  .mxe-xxl-33 {
    -webkit-margin-end: var(--offset-33) !important;
    margin-inline-end: var(--offset-33) !important;
  }
  .p-xxl-33 {
    padding: var(--offset-33) !important;
  }
  .py-xxl-33 {
    padding-block: var(--offset-33) !important;
  }
  .pys-xxl-33 {
    -webkit-padding-before: var(--offset-33) !important;
    padding-block-start: var(--offset-33) !important;
  }
  .pye-xxl-33 {
    -webkit-padding-after: var(--offset-33) !important;
    padding-block-end: var(--offset-33) !important;
  }
  .px-xxl-33 {
    padding-inline: var(--offset-33) !important;
  }
  .pxs-xxl-33 {
    -webkit-padding-start: var(--offset-33) !important;
    padding-inline-start: var(--offset-33) !important;
  }
  .pxe-xxl-33 {
    -webkit-padding-end: var(--offset-33) !important;
    padding-inline-end: var(--offset-33) !important;
  }
  .m-xxl-34 {
    margin: var(--offset-34) !important;
  }
  .my-xxl-34 {
    margin-block: var(--offset-34) !important;
  }
  .mys-xxl-34 {
    -webkit-margin-before: var(--offset-34) !important;
    margin-block-start: var(--offset-34) !important;
  }
  .mye-xxl-34 {
    -webkit-margin-after: var(--offset-34) !important;
    margin-block-end: var(--offset-34) !important;
  }
  .mx-xxl-34 {
    margin-inline: var(--offset-34) !important;
  }
  .mxs-xxl-34 {
    -webkit-margin-start: var(--offset-34) !important;
    margin-inline-start: var(--offset-34) !important;
  }
  .mxe-xxl-34 {
    -webkit-margin-end: var(--offset-34) !important;
    margin-inline-end: var(--offset-34) !important;
  }
  .p-xxl-34 {
    padding: var(--offset-34) !important;
  }
  .py-xxl-34 {
    padding-block: var(--offset-34) !important;
  }
  .pys-xxl-34 {
    -webkit-padding-before: var(--offset-34) !important;
    padding-block-start: var(--offset-34) !important;
  }
  .pye-xxl-34 {
    -webkit-padding-after: var(--offset-34) !important;
    padding-block-end: var(--offset-34) !important;
  }
  .px-xxl-34 {
    padding-inline: var(--offset-34) !important;
  }
  .pxs-xxl-34 {
    -webkit-padding-start: var(--offset-34) !important;
    padding-inline-start: var(--offset-34) !important;
  }
  .pxe-xxl-34 {
    -webkit-padding-end: var(--offset-34) !important;
    padding-inline-end: var(--offset-34) !important;
  }
  .m-xxl-35 {
    margin: var(--offset-35) !important;
  }
  .my-xxl-35 {
    margin-block: var(--offset-35) !important;
  }
  .mys-xxl-35 {
    -webkit-margin-before: var(--offset-35) !important;
    margin-block-start: var(--offset-35) !important;
  }
  .mye-xxl-35 {
    -webkit-margin-after: var(--offset-35) !important;
    margin-block-end: var(--offset-35) !important;
  }
  .mx-xxl-35 {
    margin-inline: var(--offset-35) !important;
  }
  .mxs-xxl-35 {
    -webkit-margin-start: var(--offset-35) !important;
    margin-inline-start: var(--offset-35) !important;
  }
  .mxe-xxl-35 {
    -webkit-margin-end: var(--offset-35) !important;
    margin-inline-end: var(--offset-35) !important;
  }
  .p-xxl-35 {
    padding: var(--offset-35) !important;
  }
  .py-xxl-35 {
    padding-block: var(--offset-35) !important;
  }
  .pys-xxl-35 {
    -webkit-padding-before: var(--offset-35) !important;
    padding-block-start: var(--offset-35) !important;
  }
  .pye-xxl-35 {
    -webkit-padding-after: var(--offset-35) !important;
    padding-block-end: var(--offset-35) !important;
  }
  .px-xxl-35 {
    padding-inline: var(--offset-35) !important;
  }
  .pxs-xxl-35 {
    -webkit-padding-start: var(--offset-35) !important;
    padding-inline-start: var(--offset-35) !important;
  }
  .pxe-xxl-35 {
    -webkit-padding-end: var(--offset-35) !important;
    padding-inline-end: var(--offset-35) !important;
  }
  .m-xxl-36 {
    margin: var(--offset-36) !important;
  }
  .my-xxl-36 {
    margin-block: var(--offset-36) !important;
  }
  .mys-xxl-36 {
    -webkit-margin-before: var(--offset-36) !important;
    margin-block-start: var(--offset-36) !important;
  }
  .mye-xxl-36 {
    -webkit-margin-after: var(--offset-36) !important;
    margin-block-end: var(--offset-36) !important;
  }
  .mx-xxl-36 {
    margin-inline: var(--offset-36) !important;
  }
  .mxs-xxl-36 {
    -webkit-margin-start: var(--offset-36) !important;
    margin-inline-start: var(--offset-36) !important;
  }
  .mxe-xxl-36 {
    -webkit-margin-end: var(--offset-36) !important;
    margin-inline-end: var(--offset-36) !important;
  }
  .p-xxl-36 {
    padding: var(--offset-36) !important;
  }
  .py-xxl-36 {
    padding-block: var(--offset-36) !important;
  }
  .pys-xxl-36 {
    -webkit-padding-before: var(--offset-36) !important;
    padding-block-start: var(--offset-36) !important;
  }
  .pye-xxl-36 {
    -webkit-padding-after: var(--offset-36) !important;
    padding-block-end: var(--offset-36) !important;
  }
  .px-xxl-36 {
    padding-inline: var(--offset-36) !important;
  }
  .pxs-xxl-36 {
    -webkit-padding-start: var(--offset-36) !important;
    padding-inline-start: var(--offset-36) !important;
  }
  .pxe-xxl-36 {
    -webkit-padding-end: var(--offset-36) !important;
    padding-inline-end: var(--offset-36) !important;
  }
  .m-xxl-37 {
    margin: var(--offset-37) !important;
  }
  .my-xxl-37 {
    margin-block: var(--offset-37) !important;
  }
  .mys-xxl-37 {
    -webkit-margin-before: var(--offset-37) !important;
    margin-block-start: var(--offset-37) !important;
  }
  .mye-xxl-37 {
    -webkit-margin-after: var(--offset-37) !important;
    margin-block-end: var(--offset-37) !important;
  }
  .mx-xxl-37 {
    margin-inline: var(--offset-37) !important;
  }
  .mxs-xxl-37 {
    -webkit-margin-start: var(--offset-37) !important;
    margin-inline-start: var(--offset-37) !important;
  }
  .mxe-xxl-37 {
    -webkit-margin-end: var(--offset-37) !important;
    margin-inline-end: var(--offset-37) !important;
  }
  .p-xxl-37 {
    padding: var(--offset-37) !important;
  }
  .py-xxl-37 {
    padding-block: var(--offset-37) !important;
  }
  .pys-xxl-37 {
    -webkit-padding-before: var(--offset-37) !important;
    padding-block-start: var(--offset-37) !important;
  }
  .pye-xxl-37 {
    -webkit-padding-after: var(--offset-37) !important;
    padding-block-end: var(--offset-37) !important;
  }
  .px-xxl-37 {
    padding-inline: var(--offset-37) !important;
  }
  .pxs-xxl-37 {
    -webkit-padding-start: var(--offset-37) !important;
    padding-inline-start: var(--offset-37) !important;
  }
  .pxe-xxl-37 {
    -webkit-padding-end: var(--offset-37) !important;
    padding-inline-end: var(--offset-37) !important;
  }
  .m-xxl-38 {
    margin: var(--offset-38) !important;
  }
  .my-xxl-38 {
    margin-block: var(--offset-38) !important;
  }
  .mys-xxl-38 {
    -webkit-margin-before: var(--offset-38) !important;
    margin-block-start: var(--offset-38) !important;
  }
  .mye-xxl-38 {
    -webkit-margin-after: var(--offset-38) !important;
    margin-block-end: var(--offset-38) !important;
  }
  .mx-xxl-38 {
    margin-inline: var(--offset-38) !important;
  }
  .mxs-xxl-38 {
    -webkit-margin-start: var(--offset-38) !important;
    margin-inline-start: var(--offset-38) !important;
  }
  .mxe-xxl-38 {
    -webkit-margin-end: var(--offset-38) !important;
    margin-inline-end: var(--offset-38) !important;
  }
  .p-xxl-38 {
    padding: var(--offset-38) !important;
  }
  .py-xxl-38 {
    padding-block: var(--offset-38) !important;
  }
  .pys-xxl-38 {
    -webkit-padding-before: var(--offset-38) !important;
    padding-block-start: var(--offset-38) !important;
  }
  .pye-xxl-38 {
    -webkit-padding-after: var(--offset-38) !important;
    padding-block-end: var(--offset-38) !important;
  }
  .px-xxl-38 {
    padding-inline: var(--offset-38) !important;
  }
  .pxs-xxl-38 {
    -webkit-padding-start: var(--offset-38) !important;
    padding-inline-start: var(--offset-38) !important;
  }
  .pxe-xxl-38 {
    -webkit-padding-end: var(--offset-38) !important;
    padding-inline-end: var(--offset-38) !important;
  }
  .m-xxl-39 {
    margin: var(--offset-39) !important;
  }
  .my-xxl-39 {
    margin-block: var(--offset-39) !important;
  }
  .mys-xxl-39 {
    -webkit-margin-before: var(--offset-39) !important;
    margin-block-start: var(--offset-39) !important;
  }
  .mye-xxl-39 {
    -webkit-margin-after: var(--offset-39) !important;
    margin-block-end: var(--offset-39) !important;
  }
  .mx-xxl-39 {
    margin-inline: var(--offset-39) !important;
  }
  .mxs-xxl-39 {
    -webkit-margin-start: var(--offset-39) !important;
    margin-inline-start: var(--offset-39) !important;
  }
  .mxe-xxl-39 {
    -webkit-margin-end: var(--offset-39) !important;
    margin-inline-end: var(--offset-39) !important;
  }
  .p-xxl-39 {
    padding: var(--offset-39) !important;
  }
  .py-xxl-39 {
    padding-block: var(--offset-39) !important;
  }
  .pys-xxl-39 {
    -webkit-padding-before: var(--offset-39) !important;
    padding-block-start: var(--offset-39) !important;
  }
  .pye-xxl-39 {
    -webkit-padding-after: var(--offset-39) !important;
    padding-block-end: var(--offset-39) !important;
  }
  .px-xxl-39 {
    padding-inline: var(--offset-39) !important;
  }
  .pxs-xxl-39 {
    -webkit-padding-start: var(--offset-39) !important;
    padding-inline-start: var(--offset-39) !important;
  }
  .pxe-xxl-39 {
    -webkit-padding-end: var(--offset-39) !important;
    padding-inline-end: var(--offset-39) !important;
  }
  .m-xxl-40 {
    margin: var(--offset-40) !important;
  }
  .my-xxl-40 {
    margin-block: var(--offset-40) !important;
  }
  .mys-xxl-40 {
    -webkit-margin-before: var(--offset-40) !important;
    margin-block-start: var(--offset-40) !important;
  }
  .mye-xxl-40 {
    -webkit-margin-after: var(--offset-40) !important;
    margin-block-end: var(--offset-40) !important;
  }
  .mx-xxl-40 {
    margin-inline: var(--offset-40) !important;
  }
  .mxs-xxl-40 {
    -webkit-margin-start: var(--offset-40) !important;
    margin-inline-start: var(--offset-40) !important;
  }
  .mxe-xxl-40 {
    -webkit-margin-end: var(--offset-40) !important;
    margin-inline-end: var(--offset-40) !important;
  }
  .p-xxl-40 {
    padding: var(--offset-40) !important;
  }
  .py-xxl-40 {
    padding-block: var(--offset-40) !important;
  }
  .pys-xxl-40 {
    -webkit-padding-before: var(--offset-40) !important;
    padding-block-start: var(--offset-40) !important;
  }
  .pye-xxl-40 {
    -webkit-padding-after: var(--offset-40) !important;
    padding-block-end: var(--offset-40) !important;
  }
  .px-xxl-40 {
    padding-inline: var(--offset-40) !important;
  }
  .pxs-xxl-40 {
    -webkit-padding-start: var(--offset-40) !important;
    padding-inline-start: var(--offset-40) !important;
  }
  .pxe-xxl-40 {
    -webkit-padding-end: var(--offset-40) !important;
    padding-inline-end: var(--offset-40) !important;
  }
  .m-xxl-41 {
    margin: var(--offset-41) !important;
  }
  .my-xxl-41 {
    margin-block: var(--offset-41) !important;
  }
  .mys-xxl-41 {
    -webkit-margin-before: var(--offset-41) !important;
    margin-block-start: var(--offset-41) !important;
  }
  .mye-xxl-41 {
    -webkit-margin-after: var(--offset-41) !important;
    margin-block-end: var(--offset-41) !important;
  }
  .mx-xxl-41 {
    margin-inline: var(--offset-41) !important;
  }
  .mxs-xxl-41 {
    -webkit-margin-start: var(--offset-41) !important;
    margin-inline-start: var(--offset-41) !important;
  }
  .mxe-xxl-41 {
    -webkit-margin-end: var(--offset-41) !important;
    margin-inline-end: var(--offset-41) !important;
  }
  .p-xxl-41 {
    padding: var(--offset-41) !important;
  }
  .py-xxl-41 {
    padding-block: var(--offset-41) !important;
  }
  .pys-xxl-41 {
    -webkit-padding-before: var(--offset-41) !important;
    padding-block-start: var(--offset-41) !important;
  }
  .pye-xxl-41 {
    -webkit-padding-after: var(--offset-41) !important;
    padding-block-end: var(--offset-41) !important;
  }
  .px-xxl-41 {
    padding-inline: var(--offset-41) !important;
  }
  .pxs-xxl-41 {
    -webkit-padding-start: var(--offset-41) !important;
    padding-inline-start: var(--offset-41) !important;
  }
  .pxe-xxl-41 {
    -webkit-padding-end: var(--offset-41) !important;
    padding-inline-end: var(--offset-41) !important;
  }
  .m-xxl-42 {
    margin: var(--offset-42) !important;
  }
  .my-xxl-42 {
    margin-block: var(--offset-42) !important;
  }
  .mys-xxl-42 {
    -webkit-margin-before: var(--offset-42) !important;
    margin-block-start: var(--offset-42) !important;
  }
  .mye-xxl-42 {
    -webkit-margin-after: var(--offset-42) !important;
    margin-block-end: var(--offset-42) !important;
  }
  .mx-xxl-42 {
    margin-inline: var(--offset-42) !important;
  }
  .mxs-xxl-42 {
    -webkit-margin-start: var(--offset-42) !important;
    margin-inline-start: var(--offset-42) !important;
  }
  .mxe-xxl-42 {
    -webkit-margin-end: var(--offset-42) !important;
    margin-inline-end: var(--offset-42) !important;
  }
  .p-xxl-42 {
    padding: var(--offset-42) !important;
  }
  .py-xxl-42 {
    padding-block: var(--offset-42) !important;
  }
  .pys-xxl-42 {
    -webkit-padding-before: var(--offset-42) !important;
    padding-block-start: var(--offset-42) !important;
  }
  .pye-xxl-42 {
    -webkit-padding-after: var(--offset-42) !important;
    padding-block-end: var(--offset-42) !important;
  }
  .px-xxl-42 {
    padding-inline: var(--offset-42) !important;
  }
  .pxs-xxl-42 {
    -webkit-padding-start: var(--offset-42) !important;
    padding-inline-start: var(--offset-42) !important;
  }
  .pxe-xxl-42 {
    -webkit-padding-end: var(--offset-42) !important;
    padding-inline-end: var(--offset-42) !important;
  }
}
/** > 1200px **/
@media (max-width: 75rem) {
  .m-xl-a {
    margin: auto;
  }
  .my-xl-a {
    margin-block: auto;
  }
  .mys-xl-a {
    -webkit-margin-before: auto;
    margin-block-start: auto;
  }
  .mye-xl-a {
    -webkit-margin-after: auto;
    margin-block-end: auto;
  }
  .mx-xl-a {
    margin-inline: auto;
  }
  .mxs-xl-a {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
  }
  .mxe-xl-a {
    -webkit-margin-end: auto;
    margin-inline-end: auto;
  }
  .m-xl-0 {
    margin: var(--offset-0) !important;
  }
  .my-xl-0 {
    margin-block: var(--offset-0) !important;
  }
  .mys-xl-0 {
    -webkit-margin-before: var(--offset-0) !important;
    margin-block-start: var(--offset-0) !important;
  }
  .mye-xl-0 {
    -webkit-margin-after: var(--offset-0) !important;
    margin-block-end: var(--offset-0) !important;
  }
  .mx-xl-0 {
    margin-inline: var(--offset-0) !important;
  }
  .mxs-xl-0 {
    -webkit-margin-start: var(--offset-0) !important;
    margin-inline-start: var(--offset-0) !important;
  }
  .mxe-xl-0 {
    -webkit-margin-end: var(--offset-0) !important;
    margin-inline-end: var(--offset-0) !important;
  }
  .p-xl-0 {
    padding: var(--offset-0) !important;
  }
  .py-xl-0 {
    padding-block: var(--offset-0) !important;
  }
  .pys-xl-0 {
    -webkit-padding-before: var(--offset-0) !important;
    padding-block-start: var(--offset-0) !important;
  }
  .pye-xl-0 {
    -webkit-padding-after: var(--offset-0) !important;
    padding-block-end: var(--offset-0) !important;
  }
  .px-xl-0 {
    padding-inline: var(--offset-0) !important;
  }
  .pxs-xl-0 {
    -webkit-padding-start: var(--offset-0) !important;
    padding-inline-start: var(--offset-0) !important;
  }
  .pxe-xl-0 {
    -webkit-padding-end: var(--offset-0) !important;
    padding-inline-end: var(--offset-0) !important;
  }
  .m-xl-1 {
    margin: var(--offset-1) !important;
  }
  .my-xl-1 {
    margin-block: var(--offset-1) !important;
  }
  .mys-xl-1 {
    -webkit-margin-before: var(--offset-1) !important;
    margin-block-start: var(--offset-1) !important;
  }
  .mye-xl-1 {
    -webkit-margin-after: var(--offset-1) !important;
    margin-block-end: var(--offset-1) !important;
  }
  .mx-xl-1 {
    margin-inline: var(--offset-1) !important;
  }
  .mxs-xl-1 {
    -webkit-margin-start: var(--offset-1) !important;
    margin-inline-start: var(--offset-1) !important;
  }
  .mxe-xl-1 {
    -webkit-margin-end: var(--offset-1) !important;
    margin-inline-end: var(--offset-1) !important;
  }
  .p-xl-1 {
    padding: var(--offset-1) !important;
  }
  .py-xl-1 {
    padding-block: var(--offset-1) !important;
  }
  .pys-xl-1 {
    -webkit-padding-before: var(--offset-1) !important;
    padding-block-start: var(--offset-1) !important;
  }
  .pye-xl-1 {
    -webkit-padding-after: var(--offset-1) !important;
    padding-block-end: var(--offset-1) !important;
  }
  .px-xl-1 {
    padding-inline: var(--offset-1) !important;
  }
  .pxs-xl-1 {
    -webkit-padding-start: var(--offset-1) !important;
    padding-inline-start: var(--offset-1) !important;
  }
  .pxe-xl-1 {
    -webkit-padding-end: var(--offset-1) !important;
    padding-inline-end: var(--offset-1) !important;
  }
  .m-xl-2 {
    margin: var(--offset-2) !important;
  }
  .my-xl-2 {
    margin-block: var(--offset-2) !important;
  }
  .mys-xl-2 {
    -webkit-margin-before: var(--offset-2) !important;
    margin-block-start: var(--offset-2) !important;
  }
  .mye-xl-2 {
    -webkit-margin-after: var(--offset-2) !important;
    margin-block-end: var(--offset-2) !important;
  }
  .mx-xl-2 {
    margin-inline: var(--offset-2) !important;
  }
  .mxs-xl-2 {
    -webkit-margin-start: var(--offset-2) !important;
    margin-inline-start: var(--offset-2) !important;
  }
  .mxe-xl-2 {
    -webkit-margin-end: var(--offset-2) !important;
    margin-inline-end: var(--offset-2) !important;
  }
  .p-xl-2 {
    padding: var(--offset-2) !important;
  }
  .py-xl-2 {
    padding-block: var(--offset-2) !important;
  }
  .pys-xl-2 {
    -webkit-padding-before: var(--offset-2) !important;
    padding-block-start: var(--offset-2) !important;
  }
  .pye-xl-2 {
    -webkit-padding-after: var(--offset-2) !important;
    padding-block-end: var(--offset-2) !important;
  }
  .px-xl-2 {
    padding-inline: var(--offset-2) !important;
  }
  .pxs-xl-2 {
    -webkit-padding-start: var(--offset-2) !important;
    padding-inline-start: var(--offset-2) !important;
  }
  .pxe-xl-2 {
    -webkit-padding-end: var(--offset-2) !important;
    padding-inline-end: var(--offset-2) !important;
  }
  .m-xl-3 {
    margin: var(--offset-3) !important;
  }
  .my-xl-3 {
    margin-block: var(--offset-3) !important;
  }
  .mys-xl-3 {
    -webkit-margin-before: var(--offset-3) !important;
    margin-block-start: var(--offset-3) !important;
  }
  .mye-xl-3 {
    -webkit-margin-after: var(--offset-3) !important;
    margin-block-end: var(--offset-3) !important;
  }
  .mx-xl-3 {
    margin-inline: var(--offset-3) !important;
  }
  .mxs-xl-3 {
    -webkit-margin-start: var(--offset-3) !important;
    margin-inline-start: var(--offset-3) !important;
  }
  .mxe-xl-3 {
    -webkit-margin-end: var(--offset-3) !important;
    margin-inline-end: var(--offset-3) !important;
  }
  .p-xl-3 {
    padding: var(--offset-3) !important;
  }
  .py-xl-3 {
    padding-block: var(--offset-3) !important;
  }
  .pys-xl-3 {
    -webkit-padding-before: var(--offset-3) !important;
    padding-block-start: var(--offset-3) !important;
  }
  .pye-xl-3 {
    -webkit-padding-after: var(--offset-3) !important;
    padding-block-end: var(--offset-3) !important;
  }
  .px-xl-3 {
    padding-inline: var(--offset-3) !important;
  }
  .pxs-xl-3 {
    -webkit-padding-start: var(--offset-3) !important;
    padding-inline-start: var(--offset-3) !important;
  }
  .pxe-xl-3 {
    -webkit-padding-end: var(--offset-3) !important;
    padding-inline-end: var(--offset-3) !important;
  }
  .m-xl-4 {
    margin: var(--offset-4) !important;
  }
  .my-xl-4 {
    margin-block: var(--offset-4) !important;
  }
  .mys-xl-4 {
    -webkit-margin-before: var(--offset-4) !important;
    margin-block-start: var(--offset-4) !important;
  }
  .mye-xl-4 {
    -webkit-margin-after: var(--offset-4) !important;
    margin-block-end: var(--offset-4) !important;
  }
  .mx-xl-4 {
    margin-inline: var(--offset-4) !important;
  }
  .mxs-xl-4 {
    -webkit-margin-start: var(--offset-4) !important;
    margin-inline-start: var(--offset-4) !important;
  }
  .mxe-xl-4 {
    -webkit-margin-end: var(--offset-4) !important;
    margin-inline-end: var(--offset-4) !important;
  }
  .p-xl-4 {
    padding: var(--offset-4) !important;
  }
  .py-xl-4 {
    padding-block: var(--offset-4) !important;
  }
  .pys-xl-4 {
    -webkit-padding-before: var(--offset-4) !important;
    padding-block-start: var(--offset-4) !important;
  }
  .pye-xl-4 {
    -webkit-padding-after: var(--offset-4) !important;
    padding-block-end: var(--offset-4) !important;
  }
  .px-xl-4 {
    padding-inline: var(--offset-4) !important;
  }
  .pxs-xl-4 {
    -webkit-padding-start: var(--offset-4) !important;
    padding-inline-start: var(--offset-4) !important;
  }
  .pxe-xl-4 {
    -webkit-padding-end: var(--offset-4) !important;
    padding-inline-end: var(--offset-4) !important;
  }
  .m-xl-5 {
    margin: var(--offset-5) !important;
  }
  .my-xl-5 {
    margin-block: var(--offset-5) !important;
  }
  .mys-xl-5 {
    -webkit-margin-before: var(--offset-5) !important;
    margin-block-start: var(--offset-5) !important;
  }
  .mye-xl-5 {
    -webkit-margin-after: var(--offset-5) !important;
    margin-block-end: var(--offset-5) !important;
  }
  .mx-xl-5 {
    margin-inline: var(--offset-5) !important;
  }
  .mxs-xl-5 {
    -webkit-margin-start: var(--offset-5) !important;
    margin-inline-start: var(--offset-5) !important;
  }
  .mxe-xl-5 {
    -webkit-margin-end: var(--offset-5) !important;
    margin-inline-end: var(--offset-5) !important;
  }
  .p-xl-5 {
    padding: var(--offset-5) !important;
  }
  .py-xl-5 {
    padding-block: var(--offset-5) !important;
  }
  .pys-xl-5 {
    -webkit-padding-before: var(--offset-5) !important;
    padding-block-start: var(--offset-5) !important;
  }
  .pye-xl-5 {
    -webkit-padding-after: var(--offset-5) !important;
    padding-block-end: var(--offset-5) !important;
  }
  .px-xl-5 {
    padding-inline: var(--offset-5) !important;
  }
  .pxs-xl-5 {
    -webkit-padding-start: var(--offset-5) !important;
    padding-inline-start: var(--offset-5) !important;
  }
  .pxe-xl-5 {
    -webkit-padding-end: var(--offset-5) !important;
    padding-inline-end: var(--offset-5) !important;
  }
  .m-xl-6 {
    margin: var(--offset-6) !important;
  }
  .my-xl-6 {
    margin-block: var(--offset-6) !important;
  }
  .mys-xl-6 {
    -webkit-margin-before: var(--offset-6) !important;
    margin-block-start: var(--offset-6) !important;
  }
  .mye-xl-6 {
    -webkit-margin-after: var(--offset-6) !important;
    margin-block-end: var(--offset-6) !important;
  }
  .mx-xl-6 {
    margin-inline: var(--offset-6) !important;
  }
  .mxs-xl-6 {
    -webkit-margin-start: var(--offset-6) !important;
    margin-inline-start: var(--offset-6) !important;
  }
  .mxe-xl-6 {
    -webkit-margin-end: var(--offset-6) !important;
    margin-inline-end: var(--offset-6) !important;
  }
  .p-xl-6 {
    padding: var(--offset-6) !important;
  }
  .py-xl-6 {
    padding-block: var(--offset-6) !important;
  }
  .pys-xl-6 {
    -webkit-padding-before: var(--offset-6) !important;
    padding-block-start: var(--offset-6) !important;
  }
  .pye-xl-6 {
    -webkit-padding-after: var(--offset-6) !important;
    padding-block-end: var(--offset-6) !important;
  }
  .px-xl-6 {
    padding-inline: var(--offset-6) !important;
  }
  .pxs-xl-6 {
    -webkit-padding-start: var(--offset-6) !important;
    padding-inline-start: var(--offset-6) !important;
  }
  .pxe-xl-6 {
    -webkit-padding-end: var(--offset-6) !important;
    padding-inline-end: var(--offset-6) !important;
  }
  .m-xl-7 {
    margin: var(--offset-7) !important;
  }
  .my-xl-7 {
    margin-block: var(--offset-7) !important;
  }
  .mys-xl-7 {
    -webkit-margin-before: var(--offset-7) !important;
    margin-block-start: var(--offset-7) !important;
  }
  .mye-xl-7 {
    -webkit-margin-after: var(--offset-7) !important;
    margin-block-end: var(--offset-7) !important;
  }
  .mx-xl-7 {
    margin-inline: var(--offset-7) !important;
  }
  .mxs-xl-7 {
    -webkit-margin-start: var(--offset-7) !important;
    margin-inline-start: var(--offset-7) !important;
  }
  .mxe-xl-7 {
    -webkit-margin-end: var(--offset-7) !important;
    margin-inline-end: var(--offset-7) !important;
  }
  .p-xl-7 {
    padding: var(--offset-7) !important;
  }
  .py-xl-7 {
    padding-block: var(--offset-7) !important;
  }
  .pys-xl-7 {
    -webkit-padding-before: var(--offset-7) !important;
    padding-block-start: var(--offset-7) !important;
  }
  .pye-xl-7 {
    -webkit-padding-after: var(--offset-7) !important;
    padding-block-end: var(--offset-7) !important;
  }
  .px-xl-7 {
    padding-inline: var(--offset-7) !important;
  }
  .pxs-xl-7 {
    -webkit-padding-start: var(--offset-7) !important;
    padding-inline-start: var(--offset-7) !important;
  }
  .pxe-xl-7 {
    -webkit-padding-end: var(--offset-7) !important;
    padding-inline-end: var(--offset-7) !important;
  }
  .m-xl-8 {
    margin: var(--offset-8) !important;
  }
  .my-xl-8 {
    margin-block: var(--offset-8) !important;
  }
  .mys-xl-8 {
    -webkit-margin-before: var(--offset-8) !important;
    margin-block-start: var(--offset-8) !important;
  }
  .mye-xl-8 {
    -webkit-margin-after: var(--offset-8) !important;
    margin-block-end: var(--offset-8) !important;
  }
  .mx-xl-8 {
    margin-inline: var(--offset-8) !important;
  }
  .mxs-xl-8 {
    -webkit-margin-start: var(--offset-8) !important;
    margin-inline-start: var(--offset-8) !important;
  }
  .mxe-xl-8 {
    -webkit-margin-end: var(--offset-8) !important;
    margin-inline-end: var(--offset-8) !important;
  }
  .p-xl-8 {
    padding: var(--offset-8) !important;
  }
  .py-xl-8 {
    padding-block: var(--offset-8) !important;
  }
  .pys-xl-8 {
    -webkit-padding-before: var(--offset-8) !important;
    padding-block-start: var(--offset-8) !important;
  }
  .pye-xl-8 {
    -webkit-padding-after: var(--offset-8) !important;
    padding-block-end: var(--offset-8) !important;
  }
  .px-xl-8 {
    padding-inline: var(--offset-8) !important;
  }
  .pxs-xl-8 {
    -webkit-padding-start: var(--offset-8) !important;
    padding-inline-start: var(--offset-8) !important;
  }
  .pxe-xl-8 {
    -webkit-padding-end: var(--offset-8) !important;
    padding-inline-end: var(--offset-8) !important;
  }
  .m-xl-9 {
    margin: var(--offset-9) !important;
  }
  .my-xl-9 {
    margin-block: var(--offset-9) !important;
  }
  .mys-xl-9 {
    -webkit-margin-before: var(--offset-9) !important;
    margin-block-start: var(--offset-9) !important;
  }
  .mye-xl-9 {
    -webkit-margin-after: var(--offset-9) !important;
    margin-block-end: var(--offset-9) !important;
  }
  .mx-xl-9 {
    margin-inline: var(--offset-9) !important;
  }
  .mxs-xl-9 {
    -webkit-margin-start: var(--offset-9) !important;
    margin-inline-start: var(--offset-9) !important;
  }
  .mxe-xl-9 {
    -webkit-margin-end: var(--offset-9) !important;
    margin-inline-end: var(--offset-9) !important;
  }
  .p-xl-9 {
    padding: var(--offset-9) !important;
  }
  .py-xl-9 {
    padding-block: var(--offset-9) !important;
  }
  .pys-xl-9 {
    -webkit-padding-before: var(--offset-9) !important;
    padding-block-start: var(--offset-9) !important;
  }
  .pye-xl-9 {
    -webkit-padding-after: var(--offset-9) !important;
    padding-block-end: var(--offset-9) !important;
  }
  .px-xl-9 {
    padding-inline: var(--offset-9) !important;
  }
  .pxs-xl-9 {
    -webkit-padding-start: var(--offset-9) !important;
    padding-inline-start: var(--offset-9) !important;
  }
  .pxe-xl-9 {
    -webkit-padding-end: var(--offset-9) !important;
    padding-inline-end: var(--offset-9) !important;
  }
  .m-xl-10 {
    margin: var(--offset-10) !important;
  }
  .my-xl-10 {
    margin-block: var(--offset-10) !important;
  }
  .mys-xl-10 {
    -webkit-margin-before: var(--offset-10) !important;
    margin-block-start: var(--offset-10) !important;
  }
  .mye-xl-10 {
    -webkit-margin-after: var(--offset-10) !important;
    margin-block-end: var(--offset-10) !important;
  }
  .mx-xl-10 {
    margin-inline: var(--offset-10) !important;
  }
  .mxs-xl-10 {
    -webkit-margin-start: var(--offset-10) !important;
    margin-inline-start: var(--offset-10) !important;
  }
  .mxe-xl-10 {
    -webkit-margin-end: var(--offset-10) !important;
    margin-inline-end: var(--offset-10) !important;
  }
  .p-xl-10 {
    padding: var(--offset-10) !important;
  }
  .py-xl-10 {
    padding-block: var(--offset-10) !important;
  }
  .pys-xl-10 {
    -webkit-padding-before: var(--offset-10) !important;
    padding-block-start: var(--offset-10) !important;
  }
  .pye-xl-10 {
    -webkit-padding-after: var(--offset-10) !important;
    padding-block-end: var(--offset-10) !important;
  }
  .px-xl-10 {
    padding-inline: var(--offset-10) !important;
  }
  .pxs-xl-10 {
    -webkit-padding-start: var(--offset-10) !important;
    padding-inline-start: var(--offset-10) !important;
  }
  .pxe-xl-10 {
    -webkit-padding-end: var(--offset-10) !important;
    padding-inline-end: var(--offset-10) !important;
  }
  .m-xl-11 {
    margin: var(--offset-11) !important;
  }
  .my-xl-11 {
    margin-block: var(--offset-11) !important;
  }
  .mys-xl-11 {
    -webkit-margin-before: var(--offset-11) !important;
    margin-block-start: var(--offset-11) !important;
  }
  .mye-xl-11 {
    -webkit-margin-after: var(--offset-11) !important;
    margin-block-end: var(--offset-11) !important;
  }
  .mx-xl-11 {
    margin-inline: var(--offset-11) !important;
  }
  .mxs-xl-11 {
    -webkit-margin-start: var(--offset-11) !important;
    margin-inline-start: var(--offset-11) !important;
  }
  .mxe-xl-11 {
    -webkit-margin-end: var(--offset-11) !important;
    margin-inline-end: var(--offset-11) !important;
  }
  .p-xl-11 {
    padding: var(--offset-11) !important;
  }
  .py-xl-11 {
    padding-block: var(--offset-11) !important;
  }
  .pys-xl-11 {
    -webkit-padding-before: var(--offset-11) !important;
    padding-block-start: var(--offset-11) !important;
  }
  .pye-xl-11 {
    -webkit-padding-after: var(--offset-11) !important;
    padding-block-end: var(--offset-11) !important;
  }
  .px-xl-11 {
    padding-inline: var(--offset-11) !important;
  }
  .pxs-xl-11 {
    -webkit-padding-start: var(--offset-11) !important;
    padding-inline-start: var(--offset-11) !important;
  }
  .pxe-xl-11 {
    -webkit-padding-end: var(--offset-11) !important;
    padding-inline-end: var(--offset-11) !important;
  }
  .m-xl-12 {
    margin: var(--offset-12) !important;
  }
  .my-xl-12 {
    margin-block: var(--offset-12) !important;
  }
  .mys-xl-12 {
    -webkit-margin-before: var(--offset-12) !important;
    margin-block-start: var(--offset-12) !important;
  }
  .mye-xl-12 {
    -webkit-margin-after: var(--offset-12) !important;
    margin-block-end: var(--offset-12) !important;
  }
  .mx-xl-12 {
    margin-inline: var(--offset-12) !important;
  }
  .mxs-xl-12 {
    -webkit-margin-start: var(--offset-12) !important;
    margin-inline-start: var(--offset-12) !important;
  }
  .mxe-xl-12 {
    -webkit-margin-end: var(--offset-12) !important;
    margin-inline-end: var(--offset-12) !important;
  }
  .p-xl-12 {
    padding: var(--offset-12) !important;
  }
  .py-xl-12 {
    padding-block: var(--offset-12) !important;
  }
  .pys-xl-12 {
    -webkit-padding-before: var(--offset-12) !important;
    padding-block-start: var(--offset-12) !important;
  }
  .pye-xl-12 {
    -webkit-padding-after: var(--offset-12) !important;
    padding-block-end: var(--offset-12) !important;
  }
  .px-xl-12 {
    padding-inline: var(--offset-12) !important;
  }
  .pxs-xl-12 {
    -webkit-padding-start: var(--offset-12) !important;
    padding-inline-start: var(--offset-12) !important;
  }
  .pxe-xl-12 {
    -webkit-padding-end: var(--offset-12) !important;
    padding-inline-end: var(--offset-12) !important;
  }
  .m-xl-13 {
    margin: var(--offset-13) !important;
  }
  .my-xl-13 {
    margin-block: var(--offset-13) !important;
  }
  .mys-xl-13 {
    -webkit-margin-before: var(--offset-13) !important;
    margin-block-start: var(--offset-13) !important;
  }
  .mye-xl-13 {
    -webkit-margin-after: var(--offset-13) !important;
    margin-block-end: var(--offset-13) !important;
  }
  .mx-xl-13 {
    margin-inline: var(--offset-13) !important;
  }
  .mxs-xl-13 {
    -webkit-margin-start: var(--offset-13) !important;
    margin-inline-start: var(--offset-13) !important;
  }
  .mxe-xl-13 {
    -webkit-margin-end: var(--offset-13) !important;
    margin-inline-end: var(--offset-13) !important;
  }
  .p-xl-13 {
    padding: var(--offset-13) !important;
  }
  .py-xl-13 {
    padding-block: var(--offset-13) !important;
  }
  .pys-xl-13 {
    -webkit-padding-before: var(--offset-13) !important;
    padding-block-start: var(--offset-13) !important;
  }
  .pye-xl-13 {
    -webkit-padding-after: var(--offset-13) !important;
    padding-block-end: var(--offset-13) !important;
  }
  .px-xl-13 {
    padding-inline: var(--offset-13) !important;
  }
  .pxs-xl-13 {
    -webkit-padding-start: var(--offset-13) !important;
    padding-inline-start: var(--offset-13) !important;
  }
  .pxe-xl-13 {
    -webkit-padding-end: var(--offset-13) !important;
    padding-inline-end: var(--offset-13) !important;
  }
  .m-xl-14 {
    margin: var(--offset-14) !important;
  }
  .my-xl-14 {
    margin-block: var(--offset-14) !important;
  }
  .mys-xl-14 {
    -webkit-margin-before: var(--offset-14) !important;
    margin-block-start: var(--offset-14) !important;
  }
  .mye-xl-14 {
    -webkit-margin-after: var(--offset-14) !important;
    margin-block-end: var(--offset-14) !important;
  }
  .mx-xl-14 {
    margin-inline: var(--offset-14) !important;
  }
  .mxs-xl-14 {
    -webkit-margin-start: var(--offset-14) !important;
    margin-inline-start: var(--offset-14) !important;
  }
  .mxe-xl-14 {
    -webkit-margin-end: var(--offset-14) !important;
    margin-inline-end: var(--offset-14) !important;
  }
  .p-xl-14 {
    padding: var(--offset-14) !important;
  }
  .py-xl-14 {
    padding-block: var(--offset-14) !important;
  }
  .pys-xl-14 {
    -webkit-padding-before: var(--offset-14) !important;
    padding-block-start: var(--offset-14) !important;
  }
  .pye-xl-14 {
    -webkit-padding-after: var(--offset-14) !important;
    padding-block-end: var(--offset-14) !important;
  }
  .px-xl-14 {
    padding-inline: var(--offset-14) !important;
  }
  .pxs-xl-14 {
    -webkit-padding-start: var(--offset-14) !important;
    padding-inline-start: var(--offset-14) !important;
  }
  .pxe-xl-14 {
    -webkit-padding-end: var(--offset-14) !important;
    padding-inline-end: var(--offset-14) !important;
  }
  .m-xl-15 {
    margin: var(--offset-15) !important;
  }
  .my-xl-15 {
    margin-block: var(--offset-15) !important;
  }
  .mys-xl-15 {
    -webkit-margin-before: var(--offset-15) !important;
    margin-block-start: var(--offset-15) !important;
  }
  .mye-xl-15 {
    -webkit-margin-after: var(--offset-15) !important;
    margin-block-end: var(--offset-15) !important;
  }
  .mx-xl-15 {
    margin-inline: var(--offset-15) !important;
  }
  .mxs-xl-15 {
    -webkit-margin-start: var(--offset-15) !important;
    margin-inline-start: var(--offset-15) !important;
  }
  .mxe-xl-15 {
    -webkit-margin-end: var(--offset-15) !important;
    margin-inline-end: var(--offset-15) !important;
  }
  .p-xl-15 {
    padding: var(--offset-15) !important;
  }
  .py-xl-15 {
    padding-block: var(--offset-15) !important;
  }
  .pys-xl-15 {
    -webkit-padding-before: var(--offset-15) !important;
    padding-block-start: var(--offset-15) !important;
  }
  .pye-xl-15 {
    -webkit-padding-after: var(--offset-15) !important;
    padding-block-end: var(--offset-15) !important;
  }
  .px-xl-15 {
    padding-inline: var(--offset-15) !important;
  }
  .pxs-xl-15 {
    -webkit-padding-start: var(--offset-15) !important;
    padding-inline-start: var(--offset-15) !important;
  }
  .pxe-xl-15 {
    -webkit-padding-end: var(--offset-15) !important;
    padding-inline-end: var(--offset-15) !important;
  }
  .m-xl-16 {
    margin: var(--offset-16) !important;
  }
  .my-xl-16 {
    margin-block: var(--offset-16) !important;
  }
  .mys-xl-16 {
    -webkit-margin-before: var(--offset-16) !important;
    margin-block-start: var(--offset-16) !important;
  }
  .mye-xl-16 {
    -webkit-margin-after: var(--offset-16) !important;
    margin-block-end: var(--offset-16) !important;
  }
  .mx-xl-16 {
    margin-inline: var(--offset-16) !important;
  }
  .mxs-xl-16 {
    -webkit-margin-start: var(--offset-16) !important;
    margin-inline-start: var(--offset-16) !important;
  }
  .mxe-xl-16 {
    -webkit-margin-end: var(--offset-16) !important;
    margin-inline-end: var(--offset-16) !important;
  }
  .p-xl-16 {
    padding: var(--offset-16) !important;
  }
  .py-xl-16 {
    padding-block: var(--offset-16) !important;
  }
  .pys-xl-16 {
    -webkit-padding-before: var(--offset-16) !important;
    padding-block-start: var(--offset-16) !important;
  }
  .pye-xl-16 {
    -webkit-padding-after: var(--offset-16) !important;
    padding-block-end: var(--offset-16) !important;
  }
  .px-xl-16 {
    padding-inline: var(--offset-16) !important;
  }
  .pxs-xl-16 {
    -webkit-padding-start: var(--offset-16) !important;
    padding-inline-start: var(--offset-16) !important;
  }
  .pxe-xl-16 {
    -webkit-padding-end: var(--offset-16) !important;
    padding-inline-end: var(--offset-16) !important;
  }
  .m-xl-17 {
    margin: var(--offset-17) !important;
  }
  .my-xl-17 {
    margin-block: var(--offset-17) !important;
  }
  .mys-xl-17 {
    -webkit-margin-before: var(--offset-17) !important;
    margin-block-start: var(--offset-17) !important;
  }
  .mye-xl-17 {
    -webkit-margin-after: var(--offset-17) !important;
    margin-block-end: var(--offset-17) !important;
  }
  .mx-xl-17 {
    margin-inline: var(--offset-17) !important;
  }
  .mxs-xl-17 {
    -webkit-margin-start: var(--offset-17) !important;
    margin-inline-start: var(--offset-17) !important;
  }
  .mxe-xl-17 {
    -webkit-margin-end: var(--offset-17) !important;
    margin-inline-end: var(--offset-17) !important;
  }
  .p-xl-17 {
    padding: var(--offset-17) !important;
  }
  .py-xl-17 {
    padding-block: var(--offset-17) !important;
  }
  .pys-xl-17 {
    -webkit-padding-before: var(--offset-17) !important;
    padding-block-start: var(--offset-17) !important;
  }
  .pye-xl-17 {
    -webkit-padding-after: var(--offset-17) !important;
    padding-block-end: var(--offset-17) !important;
  }
  .px-xl-17 {
    padding-inline: var(--offset-17) !important;
  }
  .pxs-xl-17 {
    -webkit-padding-start: var(--offset-17) !important;
    padding-inline-start: var(--offset-17) !important;
  }
  .pxe-xl-17 {
    -webkit-padding-end: var(--offset-17) !important;
    padding-inline-end: var(--offset-17) !important;
  }
  .m-xl-18 {
    margin: var(--offset-18) !important;
  }
  .my-xl-18 {
    margin-block: var(--offset-18) !important;
  }
  .mys-xl-18 {
    -webkit-margin-before: var(--offset-18) !important;
    margin-block-start: var(--offset-18) !important;
  }
  .mye-xl-18 {
    -webkit-margin-after: var(--offset-18) !important;
    margin-block-end: var(--offset-18) !important;
  }
  .mx-xl-18 {
    margin-inline: var(--offset-18) !important;
  }
  .mxs-xl-18 {
    -webkit-margin-start: var(--offset-18) !important;
    margin-inline-start: var(--offset-18) !important;
  }
  .mxe-xl-18 {
    -webkit-margin-end: var(--offset-18) !important;
    margin-inline-end: var(--offset-18) !important;
  }
  .p-xl-18 {
    padding: var(--offset-18) !important;
  }
  .py-xl-18 {
    padding-block: var(--offset-18) !important;
  }
  .pys-xl-18 {
    -webkit-padding-before: var(--offset-18) !important;
    padding-block-start: var(--offset-18) !important;
  }
  .pye-xl-18 {
    -webkit-padding-after: var(--offset-18) !important;
    padding-block-end: var(--offset-18) !important;
  }
  .px-xl-18 {
    padding-inline: var(--offset-18) !important;
  }
  .pxs-xl-18 {
    -webkit-padding-start: var(--offset-18) !important;
    padding-inline-start: var(--offset-18) !important;
  }
  .pxe-xl-18 {
    -webkit-padding-end: var(--offset-18) !important;
    padding-inline-end: var(--offset-18) !important;
  }
  .m-xl-19 {
    margin: var(--offset-19) !important;
  }
  .my-xl-19 {
    margin-block: var(--offset-19) !important;
  }
  .mys-xl-19 {
    -webkit-margin-before: var(--offset-19) !important;
    margin-block-start: var(--offset-19) !important;
  }
  .mye-xl-19 {
    -webkit-margin-after: var(--offset-19) !important;
    margin-block-end: var(--offset-19) !important;
  }
  .mx-xl-19 {
    margin-inline: var(--offset-19) !important;
  }
  .mxs-xl-19 {
    -webkit-margin-start: var(--offset-19) !important;
    margin-inline-start: var(--offset-19) !important;
  }
  .mxe-xl-19 {
    -webkit-margin-end: var(--offset-19) !important;
    margin-inline-end: var(--offset-19) !important;
  }
  .p-xl-19 {
    padding: var(--offset-19) !important;
  }
  .py-xl-19 {
    padding-block: var(--offset-19) !important;
  }
  .pys-xl-19 {
    -webkit-padding-before: var(--offset-19) !important;
    padding-block-start: var(--offset-19) !important;
  }
  .pye-xl-19 {
    -webkit-padding-after: var(--offset-19) !important;
    padding-block-end: var(--offset-19) !important;
  }
  .px-xl-19 {
    padding-inline: var(--offset-19) !important;
  }
  .pxs-xl-19 {
    -webkit-padding-start: var(--offset-19) !important;
    padding-inline-start: var(--offset-19) !important;
  }
  .pxe-xl-19 {
    -webkit-padding-end: var(--offset-19) !important;
    padding-inline-end: var(--offset-19) !important;
  }
  .m-xl-20 {
    margin: var(--offset-20) !important;
  }
  .my-xl-20 {
    margin-block: var(--offset-20) !important;
  }
  .mys-xl-20 {
    -webkit-margin-before: var(--offset-20) !important;
    margin-block-start: var(--offset-20) !important;
  }
  .mye-xl-20 {
    -webkit-margin-after: var(--offset-20) !important;
    margin-block-end: var(--offset-20) !important;
  }
  .mx-xl-20 {
    margin-inline: var(--offset-20) !important;
  }
  .mxs-xl-20 {
    -webkit-margin-start: var(--offset-20) !important;
    margin-inline-start: var(--offset-20) !important;
  }
  .mxe-xl-20 {
    -webkit-margin-end: var(--offset-20) !important;
    margin-inline-end: var(--offset-20) !important;
  }
  .p-xl-20 {
    padding: var(--offset-20) !important;
  }
  .py-xl-20 {
    padding-block: var(--offset-20) !important;
  }
  .pys-xl-20 {
    -webkit-padding-before: var(--offset-20) !important;
    padding-block-start: var(--offset-20) !important;
  }
  .pye-xl-20 {
    -webkit-padding-after: var(--offset-20) !important;
    padding-block-end: var(--offset-20) !important;
  }
  .px-xl-20 {
    padding-inline: var(--offset-20) !important;
  }
  .pxs-xl-20 {
    -webkit-padding-start: var(--offset-20) !important;
    padding-inline-start: var(--offset-20) !important;
  }
  .pxe-xl-20 {
    -webkit-padding-end: var(--offset-20) !important;
    padding-inline-end: var(--offset-20) !important;
  }
  .m-xl-21 {
    margin: var(--offset-21) !important;
  }
  .my-xl-21 {
    margin-block: var(--offset-21) !important;
  }
  .mys-xl-21 {
    -webkit-margin-before: var(--offset-21) !important;
    margin-block-start: var(--offset-21) !important;
  }
  .mye-xl-21 {
    -webkit-margin-after: var(--offset-21) !important;
    margin-block-end: var(--offset-21) !important;
  }
  .mx-xl-21 {
    margin-inline: var(--offset-21) !important;
  }
  .mxs-xl-21 {
    -webkit-margin-start: var(--offset-21) !important;
    margin-inline-start: var(--offset-21) !important;
  }
  .mxe-xl-21 {
    -webkit-margin-end: var(--offset-21) !important;
    margin-inline-end: var(--offset-21) !important;
  }
  .p-xl-21 {
    padding: var(--offset-21) !important;
  }
  .py-xl-21 {
    padding-block: var(--offset-21) !important;
  }
  .pys-xl-21 {
    -webkit-padding-before: var(--offset-21) !important;
    padding-block-start: var(--offset-21) !important;
  }
  .pye-xl-21 {
    -webkit-padding-after: var(--offset-21) !important;
    padding-block-end: var(--offset-21) !important;
  }
  .px-xl-21 {
    padding-inline: var(--offset-21) !important;
  }
  .pxs-xl-21 {
    -webkit-padding-start: var(--offset-21) !important;
    padding-inline-start: var(--offset-21) !important;
  }
  .pxe-xl-21 {
    -webkit-padding-end: var(--offset-21) !important;
    padding-inline-end: var(--offset-21) !important;
  }
  .m-xl-22 {
    margin: var(--offset-22) !important;
  }
  .my-xl-22 {
    margin-block: var(--offset-22) !important;
  }
  .mys-xl-22 {
    -webkit-margin-before: var(--offset-22) !important;
    margin-block-start: var(--offset-22) !important;
  }
  .mye-xl-22 {
    -webkit-margin-after: var(--offset-22) !important;
    margin-block-end: var(--offset-22) !important;
  }
  .mx-xl-22 {
    margin-inline: var(--offset-22) !important;
  }
  .mxs-xl-22 {
    -webkit-margin-start: var(--offset-22) !important;
    margin-inline-start: var(--offset-22) !important;
  }
  .mxe-xl-22 {
    -webkit-margin-end: var(--offset-22) !important;
    margin-inline-end: var(--offset-22) !important;
  }
  .p-xl-22 {
    padding: var(--offset-22) !important;
  }
  .py-xl-22 {
    padding-block: var(--offset-22) !important;
  }
  .pys-xl-22 {
    -webkit-padding-before: var(--offset-22) !important;
    padding-block-start: var(--offset-22) !important;
  }
  .pye-xl-22 {
    -webkit-padding-after: var(--offset-22) !important;
    padding-block-end: var(--offset-22) !important;
  }
  .px-xl-22 {
    padding-inline: var(--offset-22) !important;
  }
  .pxs-xl-22 {
    -webkit-padding-start: var(--offset-22) !important;
    padding-inline-start: var(--offset-22) !important;
  }
  .pxe-xl-22 {
    -webkit-padding-end: var(--offset-22) !important;
    padding-inline-end: var(--offset-22) !important;
  }
  .m-xl-23 {
    margin: var(--offset-23) !important;
  }
  .my-xl-23 {
    margin-block: var(--offset-23) !important;
  }
  .mys-xl-23 {
    -webkit-margin-before: var(--offset-23) !important;
    margin-block-start: var(--offset-23) !important;
  }
  .mye-xl-23 {
    -webkit-margin-after: var(--offset-23) !important;
    margin-block-end: var(--offset-23) !important;
  }
  .mx-xl-23 {
    margin-inline: var(--offset-23) !important;
  }
  .mxs-xl-23 {
    -webkit-margin-start: var(--offset-23) !important;
    margin-inline-start: var(--offset-23) !important;
  }
  .mxe-xl-23 {
    -webkit-margin-end: var(--offset-23) !important;
    margin-inline-end: var(--offset-23) !important;
  }
  .p-xl-23 {
    padding: var(--offset-23) !important;
  }
  .py-xl-23 {
    padding-block: var(--offset-23) !important;
  }
  .pys-xl-23 {
    -webkit-padding-before: var(--offset-23) !important;
    padding-block-start: var(--offset-23) !important;
  }
  .pye-xl-23 {
    -webkit-padding-after: var(--offset-23) !important;
    padding-block-end: var(--offset-23) !important;
  }
  .px-xl-23 {
    padding-inline: var(--offset-23) !important;
  }
  .pxs-xl-23 {
    -webkit-padding-start: var(--offset-23) !important;
    padding-inline-start: var(--offset-23) !important;
  }
  .pxe-xl-23 {
    -webkit-padding-end: var(--offset-23) !important;
    padding-inline-end: var(--offset-23) !important;
  }
  .m-xl-24 {
    margin: var(--offset-24) !important;
  }
  .my-xl-24 {
    margin-block: var(--offset-24) !important;
  }
  .mys-xl-24 {
    -webkit-margin-before: var(--offset-24) !important;
    margin-block-start: var(--offset-24) !important;
  }
  .mye-xl-24 {
    -webkit-margin-after: var(--offset-24) !important;
    margin-block-end: var(--offset-24) !important;
  }
  .mx-xl-24 {
    margin-inline: var(--offset-24) !important;
  }
  .mxs-xl-24 {
    -webkit-margin-start: var(--offset-24) !important;
    margin-inline-start: var(--offset-24) !important;
  }
  .mxe-xl-24 {
    -webkit-margin-end: var(--offset-24) !important;
    margin-inline-end: var(--offset-24) !important;
  }
  .p-xl-24 {
    padding: var(--offset-24) !important;
  }
  .py-xl-24 {
    padding-block: var(--offset-24) !important;
  }
  .pys-xl-24 {
    -webkit-padding-before: var(--offset-24) !important;
    padding-block-start: var(--offset-24) !important;
  }
  .pye-xl-24 {
    -webkit-padding-after: var(--offset-24) !important;
    padding-block-end: var(--offset-24) !important;
  }
  .px-xl-24 {
    padding-inline: var(--offset-24) !important;
  }
  .pxs-xl-24 {
    -webkit-padding-start: var(--offset-24) !important;
    padding-inline-start: var(--offset-24) !important;
  }
  .pxe-xl-24 {
    -webkit-padding-end: var(--offset-24) !important;
    padding-inline-end: var(--offset-24) !important;
  }
  .m-xl-25 {
    margin: var(--offset-25) !important;
  }
  .my-xl-25 {
    margin-block: var(--offset-25) !important;
  }
  .mys-xl-25 {
    -webkit-margin-before: var(--offset-25) !important;
    margin-block-start: var(--offset-25) !important;
  }
  .mye-xl-25 {
    -webkit-margin-after: var(--offset-25) !important;
    margin-block-end: var(--offset-25) !important;
  }
  .mx-xl-25 {
    margin-inline: var(--offset-25) !important;
  }
  .mxs-xl-25 {
    -webkit-margin-start: var(--offset-25) !important;
    margin-inline-start: var(--offset-25) !important;
  }
  .mxe-xl-25 {
    -webkit-margin-end: var(--offset-25) !important;
    margin-inline-end: var(--offset-25) !important;
  }
  .p-xl-25 {
    padding: var(--offset-25) !important;
  }
  .py-xl-25 {
    padding-block: var(--offset-25) !important;
  }
  .pys-xl-25 {
    -webkit-padding-before: var(--offset-25) !important;
    padding-block-start: var(--offset-25) !important;
  }
  .pye-xl-25 {
    -webkit-padding-after: var(--offset-25) !important;
    padding-block-end: var(--offset-25) !important;
  }
  .px-xl-25 {
    padding-inline: var(--offset-25) !important;
  }
  .pxs-xl-25 {
    -webkit-padding-start: var(--offset-25) !important;
    padding-inline-start: var(--offset-25) !important;
  }
  .pxe-xl-25 {
    -webkit-padding-end: var(--offset-25) !important;
    padding-inline-end: var(--offset-25) !important;
  }
  .m-xl-26 {
    margin: var(--offset-26) !important;
  }
  .my-xl-26 {
    margin-block: var(--offset-26) !important;
  }
  .mys-xl-26 {
    -webkit-margin-before: var(--offset-26) !important;
    margin-block-start: var(--offset-26) !important;
  }
  .mye-xl-26 {
    -webkit-margin-after: var(--offset-26) !important;
    margin-block-end: var(--offset-26) !important;
  }
  .mx-xl-26 {
    margin-inline: var(--offset-26) !important;
  }
  .mxs-xl-26 {
    -webkit-margin-start: var(--offset-26) !important;
    margin-inline-start: var(--offset-26) !important;
  }
  .mxe-xl-26 {
    -webkit-margin-end: var(--offset-26) !important;
    margin-inline-end: var(--offset-26) !important;
  }
  .p-xl-26 {
    padding: var(--offset-26) !important;
  }
  .py-xl-26 {
    padding-block: var(--offset-26) !important;
  }
  .pys-xl-26 {
    -webkit-padding-before: var(--offset-26) !important;
    padding-block-start: var(--offset-26) !important;
  }
  .pye-xl-26 {
    -webkit-padding-after: var(--offset-26) !important;
    padding-block-end: var(--offset-26) !important;
  }
  .px-xl-26 {
    padding-inline: var(--offset-26) !important;
  }
  .pxs-xl-26 {
    -webkit-padding-start: var(--offset-26) !important;
    padding-inline-start: var(--offset-26) !important;
  }
  .pxe-xl-26 {
    -webkit-padding-end: var(--offset-26) !important;
    padding-inline-end: var(--offset-26) !important;
  }
  .m-xl-27 {
    margin: var(--offset-27) !important;
  }
  .my-xl-27 {
    margin-block: var(--offset-27) !important;
  }
  .mys-xl-27 {
    -webkit-margin-before: var(--offset-27) !important;
    margin-block-start: var(--offset-27) !important;
  }
  .mye-xl-27 {
    -webkit-margin-after: var(--offset-27) !important;
    margin-block-end: var(--offset-27) !important;
  }
  .mx-xl-27 {
    margin-inline: var(--offset-27) !important;
  }
  .mxs-xl-27 {
    -webkit-margin-start: var(--offset-27) !important;
    margin-inline-start: var(--offset-27) !important;
  }
  .mxe-xl-27 {
    -webkit-margin-end: var(--offset-27) !important;
    margin-inline-end: var(--offset-27) !important;
  }
  .p-xl-27 {
    padding: var(--offset-27) !important;
  }
  .py-xl-27 {
    padding-block: var(--offset-27) !important;
  }
  .pys-xl-27 {
    -webkit-padding-before: var(--offset-27) !important;
    padding-block-start: var(--offset-27) !important;
  }
  .pye-xl-27 {
    -webkit-padding-after: var(--offset-27) !important;
    padding-block-end: var(--offset-27) !important;
  }
  .px-xl-27 {
    padding-inline: var(--offset-27) !important;
  }
  .pxs-xl-27 {
    -webkit-padding-start: var(--offset-27) !important;
    padding-inline-start: var(--offset-27) !important;
  }
  .pxe-xl-27 {
    -webkit-padding-end: var(--offset-27) !important;
    padding-inline-end: var(--offset-27) !important;
  }
  .m-xl-28 {
    margin: var(--offset-28) !important;
  }
  .my-xl-28 {
    margin-block: var(--offset-28) !important;
  }
  .mys-xl-28 {
    -webkit-margin-before: var(--offset-28) !important;
    margin-block-start: var(--offset-28) !important;
  }
  .mye-xl-28 {
    -webkit-margin-after: var(--offset-28) !important;
    margin-block-end: var(--offset-28) !important;
  }
  .mx-xl-28 {
    margin-inline: var(--offset-28) !important;
  }
  .mxs-xl-28 {
    -webkit-margin-start: var(--offset-28) !important;
    margin-inline-start: var(--offset-28) !important;
  }
  .mxe-xl-28 {
    -webkit-margin-end: var(--offset-28) !important;
    margin-inline-end: var(--offset-28) !important;
  }
  .p-xl-28 {
    padding: var(--offset-28) !important;
  }
  .py-xl-28 {
    padding-block: var(--offset-28) !important;
  }
  .pys-xl-28 {
    -webkit-padding-before: var(--offset-28) !important;
    padding-block-start: var(--offset-28) !important;
  }
  .pye-xl-28 {
    -webkit-padding-after: var(--offset-28) !important;
    padding-block-end: var(--offset-28) !important;
  }
  .px-xl-28 {
    padding-inline: var(--offset-28) !important;
  }
  .pxs-xl-28 {
    -webkit-padding-start: var(--offset-28) !important;
    padding-inline-start: var(--offset-28) !important;
  }
  .pxe-xl-28 {
    -webkit-padding-end: var(--offset-28) !important;
    padding-inline-end: var(--offset-28) !important;
  }
  .m-xl-29 {
    margin: var(--offset-29) !important;
  }
  .my-xl-29 {
    margin-block: var(--offset-29) !important;
  }
  .mys-xl-29 {
    -webkit-margin-before: var(--offset-29) !important;
    margin-block-start: var(--offset-29) !important;
  }
  .mye-xl-29 {
    -webkit-margin-after: var(--offset-29) !important;
    margin-block-end: var(--offset-29) !important;
  }
  .mx-xl-29 {
    margin-inline: var(--offset-29) !important;
  }
  .mxs-xl-29 {
    -webkit-margin-start: var(--offset-29) !important;
    margin-inline-start: var(--offset-29) !important;
  }
  .mxe-xl-29 {
    -webkit-margin-end: var(--offset-29) !important;
    margin-inline-end: var(--offset-29) !important;
  }
  .p-xl-29 {
    padding: var(--offset-29) !important;
  }
  .py-xl-29 {
    padding-block: var(--offset-29) !important;
  }
  .pys-xl-29 {
    -webkit-padding-before: var(--offset-29) !important;
    padding-block-start: var(--offset-29) !important;
  }
  .pye-xl-29 {
    -webkit-padding-after: var(--offset-29) !important;
    padding-block-end: var(--offset-29) !important;
  }
  .px-xl-29 {
    padding-inline: var(--offset-29) !important;
  }
  .pxs-xl-29 {
    -webkit-padding-start: var(--offset-29) !important;
    padding-inline-start: var(--offset-29) !important;
  }
  .pxe-xl-29 {
    -webkit-padding-end: var(--offset-29) !important;
    padding-inline-end: var(--offset-29) !important;
  }
  .m-xl-30 {
    margin: var(--offset-30) !important;
  }
  .my-xl-30 {
    margin-block: var(--offset-30) !important;
  }
  .mys-xl-30 {
    -webkit-margin-before: var(--offset-30) !important;
    margin-block-start: var(--offset-30) !important;
  }
  .mye-xl-30 {
    -webkit-margin-after: var(--offset-30) !important;
    margin-block-end: var(--offset-30) !important;
  }
  .mx-xl-30 {
    margin-inline: var(--offset-30) !important;
  }
  .mxs-xl-30 {
    -webkit-margin-start: var(--offset-30) !important;
    margin-inline-start: var(--offset-30) !important;
  }
  .mxe-xl-30 {
    -webkit-margin-end: var(--offset-30) !important;
    margin-inline-end: var(--offset-30) !important;
  }
  .p-xl-30 {
    padding: var(--offset-30) !important;
  }
  .py-xl-30 {
    padding-block: var(--offset-30) !important;
  }
  .pys-xl-30 {
    -webkit-padding-before: var(--offset-30) !important;
    padding-block-start: var(--offset-30) !important;
  }
  .pye-xl-30 {
    -webkit-padding-after: var(--offset-30) !important;
    padding-block-end: var(--offset-30) !important;
  }
  .px-xl-30 {
    padding-inline: var(--offset-30) !important;
  }
  .pxs-xl-30 {
    -webkit-padding-start: var(--offset-30) !important;
    padding-inline-start: var(--offset-30) !important;
  }
  .pxe-xl-30 {
    -webkit-padding-end: var(--offset-30) !important;
    padding-inline-end: var(--offset-30) !important;
  }
  .m-xl-31 {
    margin: var(--offset-31) !important;
  }
  .my-xl-31 {
    margin-block: var(--offset-31) !important;
  }
  .mys-xl-31 {
    -webkit-margin-before: var(--offset-31) !important;
    margin-block-start: var(--offset-31) !important;
  }
  .mye-xl-31 {
    -webkit-margin-after: var(--offset-31) !important;
    margin-block-end: var(--offset-31) !important;
  }
  .mx-xl-31 {
    margin-inline: var(--offset-31) !important;
  }
  .mxs-xl-31 {
    -webkit-margin-start: var(--offset-31) !important;
    margin-inline-start: var(--offset-31) !important;
  }
  .mxe-xl-31 {
    -webkit-margin-end: var(--offset-31) !important;
    margin-inline-end: var(--offset-31) !important;
  }
  .p-xl-31 {
    padding: var(--offset-31) !important;
  }
  .py-xl-31 {
    padding-block: var(--offset-31) !important;
  }
  .pys-xl-31 {
    -webkit-padding-before: var(--offset-31) !important;
    padding-block-start: var(--offset-31) !important;
  }
  .pye-xl-31 {
    -webkit-padding-after: var(--offset-31) !important;
    padding-block-end: var(--offset-31) !important;
  }
  .px-xl-31 {
    padding-inline: var(--offset-31) !important;
  }
  .pxs-xl-31 {
    -webkit-padding-start: var(--offset-31) !important;
    padding-inline-start: var(--offset-31) !important;
  }
  .pxe-xl-31 {
    -webkit-padding-end: var(--offset-31) !important;
    padding-inline-end: var(--offset-31) !important;
  }
  .m-xl-32 {
    margin: var(--offset-32) !important;
  }
  .my-xl-32 {
    margin-block: var(--offset-32) !important;
  }
  .mys-xl-32 {
    -webkit-margin-before: var(--offset-32) !important;
    margin-block-start: var(--offset-32) !important;
  }
  .mye-xl-32 {
    -webkit-margin-after: var(--offset-32) !important;
    margin-block-end: var(--offset-32) !important;
  }
  .mx-xl-32 {
    margin-inline: var(--offset-32) !important;
  }
  .mxs-xl-32 {
    -webkit-margin-start: var(--offset-32) !important;
    margin-inline-start: var(--offset-32) !important;
  }
  .mxe-xl-32 {
    -webkit-margin-end: var(--offset-32) !important;
    margin-inline-end: var(--offset-32) !important;
  }
  .p-xl-32 {
    padding: var(--offset-32) !important;
  }
  .py-xl-32 {
    padding-block: var(--offset-32) !important;
  }
  .pys-xl-32 {
    -webkit-padding-before: var(--offset-32) !important;
    padding-block-start: var(--offset-32) !important;
  }
  .pye-xl-32 {
    -webkit-padding-after: var(--offset-32) !important;
    padding-block-end: var(--offset-32) !important;
  }
  .px-xl-32 {
    padding-inline: var(--offset-32) !important;
  }
  .pxs-xl-32 {
    -webkit-padding-start: var(--offset-32) !important;
    padding-inline-start: var(--offset-32) !important;
  }
  .pxe-xl-32 {
    -webkit-padding-end: var(--offset-32) !important;
    padding-inline-end: var(--offset-32) !important;
  }
  .m-xl-33 {
    margin: var(--offset-33) !important;
  }
  .my-xl-33 {
    margin-block: var(--offset-33) !important;
  }
  .mys-xl-33 {
    -webkit-margin-before: var(--offset-33) !important;
    margin-block-start: var(--offset-33) !important;
  }
  .mye-xl-33 {
    -webkit-margin-after: var(--offset-33) !important;
    margin-block-end: var(--offset-33) !important;
  }
  .mx-xl-33 {
    margin-inline: var(--offset-33) !important;
  }
  .mxs-xl-33 {
    -webkit-margin-start: var(--offset-33) !important;
    margin-inline-start: var(--offset-33) !important;
  }
  .mxe-xl-33 {
    -webkit-margin-end: var(--offset-33) !important;
    margin-inline-end: var(--offset-33) !important;
  }
  .p-xl-33 {
    padding: var(--offset-33) !important;
  }
  .py-xl-33 {
    padding-block: var(--offset-33) !important;
  }
  .pys-xl-33 {
    -webkit-padding-before: var(--offset-33) !important;
    padding-block-start: var(--offset-33) !important;
  }
  .pye-xl-33 {
    -webkit-padding-after: var(--offset-33) !important;
    padding-block-end: var(--offset-33) !important;
  }
  .px-xl-33 {
    padding-inline: var(--offset-33) !important;
  }
  .pxs-xl-33 {
    -webkit-padding-start: var(--offset-33) !important;
    padding-inline-start: var(--offset-33) !important;
  }
  .pxe-xl-33 {
    -webkit-padding-end: var(--offset-33) !important;
    padding-inline-end: var(--offset-33) !important;
  }
  .m-xl-34 {
    margin: var(--offset-34) !important;
  }
  .my-xl-34 {
    margin-block: var(--offset-34) !important;
  }
  .mys-xl-34 {
    -webkit-margin-before: var(--offset-34) !important;
    margin-block-start: var(--offset-34) !important;
  }
  .mye-xl-34 {
    -webkit-margin-after: var(--offset-34) !important;
    margin-block-end: var(--offset-34) !important;
  }
  .mx-xl-34 {
    margin-inline: var(--offset-34) !important;
  }
  .mxs-xl-34 {
    -webkit-margin-start: var(--offset-34) !important;
    margin-inline-start: var(--offset-34) !important;
  }
  .mxe-xl-34 {
    -webkit-margin-end: var(--offset-34) !important;
    margin-inline-end: var(--offset-34) !important;
  }
  .p-xl-34 {
    padding: var(--offset-34) !important;
  }
  .py-xl-34 {
    padding-block: var(--offset-34) !important;
  }
  .pys-xl-34 {
    -webkit-padding-before: var(--offset-34) !important;
    padding-block-start: var(--offset-34) !important;
  }
  .pye-xl-34 {
    -webkit-padding-after: var(--offset-34) !important;
    padding-block-end: var(--offset-34) !important;
  }
  .px-xl-34 {
    padding-inline: var(--offset-34) !important;
  }
  .pxs-xl-34 {
    -webkit-padding-start: var(--offset-34) !important;
    padding-inline-start: var(--offset-34) !important;
  }
  .pxe-xl-34 {
    -webkit-padding-end: var(--offset-34) !important;
    padding-inline-end: var(--offset-34) !important;
  }
  .m-xl-35 {
    margin: var(--offset-35) !important;
  }
  .my-xl-35 {
    margin-block: var(--offset-35) !important;
  }
  .mys-xl-35 {
    -webkit-margin-before: var(--offset-35) !important;
    margin-block-start: var(--offset-35) !important;
  }
  .mye-xl-35 {
    -webkit-margin-after: var(--offset-35) !important;
    margin-block-end: var(--offset-35) !important;
  }
  .mx-xl-35 {
    margin-inline: var(--offset-35) !important;
  }
  .mxs-xl-35 {
    -webkit-margin-start: var(--offset-35) !important;
    margin-inline-start: var(--offset-35) !important;
  }
  .mxe-xl-35 {
    -webkit-margin-end: var(--offset-35) !important;
    margin-inline-end: var(--offset-35) !important;
  }
  .p-xl-35 {
    padding: var(--offset-35) !important;
  }
  .py-xl-35 {
    padding-block: var(--offset-35) !important;
  }
  .pys-xl-35 {
    -webkit-padding-before: var(--offset-35) !important;
    padding-block-start: var(--offset-35) !important;
  }
  .pye-xl-35 {
    -webkit-padding-after: var(--offset-35) !important;
    padding-block-end: var(--offset-35) !important;
  }
  .px-xl-35 {
    padding-inline: var(--offset-35) !important;
  }
  .pxs-xl-35 {
    -webkit-padding-start: var(--offset-35) !important;
    padding-inline-start: var(--offset-35) !important;
  }
  .pxe-xl-35 {
    -webkit-padding-end: var(--offset-35) !important;
    padding-inline-end: var(--offset-35) !important;
  }
  .m-xl-36 {
    margin: var(--offset-36) !important;
  }
  .my-xl-36 {
    margin-block: var(--offset-36) !important;
  }
  .mys-xl-36 {
    -webkit-margin-before: var(--offset-36) !important;
    margin-block-start: var(--offset-36) !important;
  }
  .mye-xl-36 {
    -webkit-margin-after: var(--offset-36) !important;
    margin-block-end: var(--offset-36) !important;
  }
  .mx-xl-36 {
    margin-inline: var(--offset-36) !important;
  }
  .mxs-xl-36 {
    -webkit-margin-start: var(--offset-36) !important;
    margin-inline-start: var(--offset-36) !important;
  }
  .mxe-xl-36 {
    -webkit-margin-end: var(--offset-36) !important;
    margin-inline-end: var(--offset-36) !important;
  }
  .p-xl-36 {
    padding: var(--offset-36) !important;
  }
  .py-xl-36 {
    padding-block: var(--offset-36) !important;
  }
  .pys-xl-36 {
    -webkit-padding-before: var(--offset-36) !important;
    padding-block-start: var(--offset-36) !important;
  }
  .pye-xl-36 {
    -webkit-padding-after: var(--offset-36) !important;
    padding-block-end: var(--offset-36) !important;
  }
  .px-xl-36 {
    padding-inline: var(--offset-36) !important;
  }
  .pxs-xl-36 {
    -webkit-padding-start: var(--offset-36) !important;
    padding-inline-start: var(--offset-36) !important;
  }
  .pxe-xl-36 {
    -webkit-padding-end: var(--offset-36) !important;
    padding-inline-end: var(--offset-36) !important;
  }
  .m-xl-37 {
    margin: var(--offset-37) !important;
  }
  .my-xl-37 {
    margin-block: var(--offset-37) !important;
  }
  .mys-xl-37 {
    -webkit-margin-before: var(--offset-37) !important;
    margin-block-start: var(--offset-37) !important;
  }
  .mye-xl-37 {
    -webkit-margin-after: var(--offset-37) !important;
    margin-block-end: var(--offset-37) !important;
  }
  .mx-xl-37 {
    margin-inline: var(--offset-37) !important;
  }
  .mxs-xl-37 {
    -webkit-margin-start: var(--offset-37) !important;
    margin-inline-start: var(--offset-37) !important;
  }
  .mxe-xl-37 {
    -webkit-margin-end: var(--offset-37) !important;
    margin-inline-end: var(--offset-37) !important;
  }
  .p-xl-37 {
    padding: var(--offset-37) !important;
  }
  .py-xl-37 {
    padding-block: var(--offset-37) !important;
  }
  .pys-xl-37 {
    -webkit-padding-before: var(--offset-37) !important;
    padding-block-start: var(--offset-37) !important;
  }
  .pye-xl-37 {
    -webkit-padding-after: var(--offset-37) !important;
    padding-block-end: var(--offset-37) !important;
  }
  .px-xl-37 {
    padding-inline: var(--offset-37) !important;
  }
  .pxs-xl-37 {
    -webkit-padding-start: var(--offset-37) !important;
    padding-inline-start: var(--offset-37) !important;
  }
  .pxe-xl-37 {
    -webkit-padding-end: var(--offset-37) !important;
    padding-inline-end: var(--offset-37) !important;
  }
  .m-xl-38 {
    margin: var(--offset-38) !important;
  }
  .my-xl-38 {
    margin-block: var(--offset-38) !important;
  }
  .mys-xl-38 {
    -webkit-margin-before: var(--offset-38) !important;
    margin-block-start: var(--offset-38) !important;
  }
  .mye-xl-38 {
    -webkit-margin-after: var(--offset-38) !important;
    margin-block-end: var(--offset-38) !important;
  }
  .mx-xl-38 {
    margin-inline: var(--offset-38) !important;
  }
  .mxs-xl-38 {
    -webkit-margin-start: var(--offset-38) !important;
    margin-inline-start: var(--offset-38) !important;
  }
  .mxe-xl-38 {
    -webkit-margin-end: var(--offset-38) !important;
    margin-inline-end: var(--offset-38) !important;
  }
  .p-xl-38 {
    padding: var(--offset-38) !important;
  }
  .py-xl-38 {
    padding-block: var(--offset-38) !important;
  }
  .pys-xl-38 {
    -webkit-padding-before: var(--offset-38) !important;
    padding-block-start: var(--offset-38) !important;
  }
  .pye-xl-38 {
    -webkit-padding-after: var(--offset-38) !important;
    padding-block-end: var(--offset-38) !important;
  }
  .px-xl-38 {
    padding-inline: var(--offset-38) !important;
  }
  .pxs-xl-38 {
    -webkit-padding-start: var(--offset-38) !important;
    padding-inline-start: var(--offset-38) !important;
  }
  .pxe-xl-38 {
    -webkit-padding-end: var(--offset-38) !important;
    padding-inline-end: var(--offset-38) !important;
  }
  .m-xl-39 {
    margin: var(--offset-39) !important;
  }
  .my-xl-39 {
    margin-block: var(--offset-39) !important;
  }
  .mys-xl-39 {
    -webkit-margin-before: var(--offset-39) !important;
    margin-block-start: var(--offset-39) !important;
  }
  .mye-xl-39 {
    -webkit-margin-after: var(--offset-39) !important;
    margin-block-end: var(--offset-39) !important;
  }
  .mx-xl-39 {
    margin-inline: var(--offset-39) !important;
  }
  .mxs-xl-39 {
    -webkit-margin-start: var(--offset-39) !important;
    margin-inline-start: var(--offset-39) !important;
  }
  .mxe-xl-39 {
    -webkit-margin-end: var(--offset-39) !important;
    margin-inline-end: var(--offset-39) !important;
  }
  .p-xl-39 {
    padding: var(--offset-39) !important;
  }
  .py-xl-39 {
    padding-block: var(--offset-39) !important;
  }
  .pys-xl-39 {
    -webkit-padding-before: var(--offset-39) !important;
    padding-block-start: var(--offset-39) !important;
  }
  .pye-xl-39 {
    -webkit-padding-after: var(--offset-39) !important;
    padding-block-end: var(--offset-39) !important;
  }
  .px-xl-39 {
    padding-inline: var(--offset-39) !important;
  }
  .pxs-xl-39 {
    -webkit-padding-start: var(--offset-39) !important;
    padding-inline-start: var(--offset-39) !important;
  }
  .pxe-xl-39 {
    -webkit-padding-end: var(--offset-39) !important;
    padding-inline-end: var(--offset-39) !important;
  }
  .m-xl-40 {
    margin: var(--offset-40) !important;
  }
  .my-xl-40 {
    margin-block: var(--offset-40) !important;
  }
  .mys-xl-40 {
    -webkit-margin-before: var(--offset-40) !important;
    margin-block-start: var(--offset-40) !important;
  }
  .mye-xl-40 {
    -webkit-margin-after: var(--offset-40) !important;
    margin-block-end: var(--offset-40) !important;
  }
  .mx-xl-40 {
    margin-inline: var(--offset-40) !important;
  }
  .mxs-xl-40 {
    -webkit-margin-start: var(--offset-40) !important;
    margin-inline-start: var(--offset-40) !important;
  }
  .mxe-xl-40 {
    -webkit-margin-end: var(--offset-40) !important;
    margin-inline-end: var(--offset-40) !important;
  }
  .p-xl-40 {
    padding: var(--offset-40) !important;
  }
  .py-xl-40 {
    padding-block: var(--offset-40) !important;
  }
  .pys-xl-40 {
    -webkit-padding-before: var(--offset-40) !important;
    padding-block-start: var(--offset-40) !important;
  }
  .pye-xl-40 {
    -webkit-padding-after: var(--offset-40) !important;
    padding-block-end: var(--offset-40) !important;
  }
  .px-xl-40 {
    padding-inline: var(--offset-40) !important;
  }
  .pxs-xl-40 {
    -webkit-padding-start: var(--offset-40) !important;
    padding-inline-start: var(--offset-40) !important;
  }
  .pxe-xl-40 {
    -webkit-padding-end: var(--offset-40) !important;
    padding-inline-end: var(--offset-40) !important;
  }
  .m-xl-41 {
    margin: var(--offset-41) !important;
  }
  .my-xl-41 {
    margin-block: var(--offset-41) !important;
  }
  .mys-xl-41 {
    -webkit-margin-before: var(--offset-41) !important;
    margin-block-start: var(--offset-41) !important;
  }
  .mye-xl-41 {
    -webkit-margin-after: var(--offset-41) !important;
    margin-block-end: var(--offset-41) !important;
  }
  .mx-xl-41 {
    margin-inline: var(--offset-41) !important;
  }
  .mxs-xl-41 {
    -webkit-margin-start: var(--offset-41) !important;
    margin-inline-start: var(--offset-41) !important;
  }
  .mxe-xl-41 {
    -webkit-margin-end: var(--offset-41) !important;
    margin-inline-end: var(--offset-41) !important;
  }
  .p-xl-41 {
    padding: var(--offset-41) !important;
  }
  .py-xl-41 {
    padding-block: var(--offset-41) !important;
  }
  .pys-xl-41 {
    -webkit-padding-before: var(--offset-41) !important;
    padding-block-start: var(--offset-41) !important;
  }
  .pye-xl-41 {
    -webkit-padding-after: var(--offset-41) !important;
    padding-block-end: var(--offset-41) !important;
  }
  .px-xl-41 {
    padding-inline: var(--offset-41) !important;
  }
  .pxs-xl-41 {
    -webkit-padding-start: var(--offset-41) !important;
    padding-inline-start: var(--offset-41) !important;
  }
  .pxe-xl-41 {
    -webkit-padding-end: var(--offset-41) !important;
    padding-inline-end: var(--offset-41) !important;
  }
  .m-xl-42 {
    margin: var(--offset-42) !important;
  }
  .my-xl-42 {
    margin-block: var(--offset-42) !important;
  }
  .mys-xl-42 {
    -webkit-margin-before: var(--offset-42) !important;
    margin-block-start: var(--offset-42) !important;
  }
  .mye-xl-42 {
    -webkit-margin-after: var(--offset-42) !important;
    margin-block-end: var(--offset-42) !important;
  }
  .mx-xl-42 {
    margin-inline: var(--offset-42) !important;
  }
  .mxs-xl-42 {
    -webkit-margin-start: var(--offset-42) !important;
    margin-inline-start: var(--offset-42) !important;
  }
  .mxe-xl-42 {
    -webkit-margin-end: var(--offset-42) !important;
    margin-inline-end: var(--offset-42) !important;
  }
  .p-xl-42 {
    padding: var(--offset-42) !important;
  }
  .py-xl-42 {
    padding-block: var(--offset-42) !important;
  }
  .pys-xl-42 {
    -webkit-padding-before: var(--offset-42) !important;
    padding-block-start: var(--offset-42) !important;
  }
  .pye-xl-42 {
    -webkit-padding-after: var(--offset-42) !important;
    padding-block-end: var(--offset-42) !important;
  }
  .px-xl-42 {
    padding-inline: var(--offset-42) !important;
  }
  .pxs-xl-42 {
    -webkit-padding-start: var(--offset-42) !important;
    padding-inline-start: var(--offset-42) !important;
  }
  .pxe-xl-42 {
    -webkit-padding-end: var(--offset-42) !important;
    padding-inline-end: var(--offset-42) !important;
  }
}
/** > 992px **/
@media (max-width: 62rem) {
  .m-lg-a {
    margin: auto;
  }
  .my-lg-a {
    margin-block: auto;
  }
  .mys-lg-a {
    -webkit-margin-before: auto;
    margin-block-start: auto;
  }
  .mye-lg-a {
    -webkit-margin-after: auto;
    margin-block-end: auto;
  }
  .mx-lg-a {
    margin-inline: auto;
  }
  .mxs-lg-a {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
  }
  .mxe-lg-a {
    -webkit-margin-end: auto;
    margin-inline-end: auto;
  }
  .m-lg-0 {
    margin: var(--offset-0) !important;
  }
  .my-lg-0 {
    margin-block: var(--offset-0) !important;
  }
  .mys-lg-0 {
    -webkit-margin-before: var(--offset-0) !important;
    margin-block-start: var(--offset-0) !important;
  }
  .mye-lg-0 {
    -webkit-margin-after: var(--offset-0) !important;
    margin-block-end: var(--offset-0) !important;
  }
  .mx-lg-0 {
    margin-inline: var(--offset-0) !important;
  }
  .mxs-lg-0 {
    -webkit-margin-start: var(--offset-0) !important;
    margin-inline-start: var(--offset-0) !important;
  }
  .mxe-lg-0 {
    -webkit-margin-end: var(--offset-0) !important;
    margin-inline-end: var(--offset-0) !important;
  }
  .p-lg-0 {
    padding: var(--offset-0) !important;
  }
  .py-lg-0 {
    padding-block: var(--offset-0) !important;
  }
  .pys-lg-0 {
    -webkit-padding-before: var(--offset-0) !important;
    padding-block-start: var(--offset-0) !important;
  }
  .pye-lg-0 {
    -webkit-padding-after: var(--offset-0) !important;
    padding-block-end: var(--offset-0) !important;
  }
  .px-lg-0 {
    padding-inline: var(--offset-0) !important;
  }
  .pxs-lg-0 {
    -webkit-padding-start: var(--offset-0) !important;
    padding-inline-start: var(--offset-0) !important;
  }
  .pxe-lg-0 {
    -webkit-padding-end: var(--offset-0) !important;
    padding-inline-end: var(--offset-0) !important;
  }
  .m-lg-1 {
    margin: var(--offset-1) !important;
  }
  .my-lg-1 {
    margin-block: var(--offset-1) !important;
  }
  .mys-lg-1 {
    -webkit-margin-before: var(--offset-1) !important;
    margin-block-start: var(--offset-1) !important;
  }
  .mye-lg-1 {
    -webkit-margin-after: var(--offset-1) !important;
    margin-block-end: var(--offset-1) !important;
  }
  .mx-lg-1 {
    margin-inline: var(--offset-1) !important;
  }
  .mxs-lg-1 {
    -webkit-margin-start: var(--offset-1) !important;
    margin-inline-start: var(--offset-1) !important;
  }
  .mxe-lg-1 {
    -webkit-margin-end: var(--offset-1) !important;
    margin-inline-end: var(--offset-1) !important;
  }
  .p-lg-1 {
    padding: var(--offset-1) !important;
  }
  .py-lg-1 {
    padding-block: var(--offset-1) !important;
  }
  .pys-lg-1 {
    -webkit-padding-before: var(--offset-1) !important;
    padding-block-start: var(--offset-1) !important;
  }
  .pye-lg-1 {
    -webkit-padding-after: var(--offset-1) !important;
    padding-block-end: var(--offset-1) !important;
  }
  .px-lg-1 {
    padding-inline: var(--offset-1) !important;
  }
  .pxs-lg-1 {
    -webkit-padding-start: var(--offset-1) !important;
    padding-inline-start: var(--offset-1) !important;
  }
  .pxe-lg-1 {
    -webkit-padding-end: var(--offset-1) !important;
    padding-inline-end: var(--offset-1) !important;
  }
  .m-lg-2 {
    margin: var(--offset-2) !important;
  }
  .my-lg-2 {
    margin-block: var(--offset-2) !important;
  }
  .mys-lg-2 {
    -webkit-margin-before: var(--offset-2) !important;
    margin-block-start: var(--offset-2) !important;
  }
  .mye-lg-2 {
    -webkit-margin-after: var(--offset-2) !important;
    margin-block-end: var(--offset-2) !important;
  }
  .mx-lg-2 {
    margin-inline: var(--offset-2) !important;
  }
  .mxs-lg-2 {
    -webkit-margin-start: var(--offset-2) !important;
    margin-inline-start: var(--offset-2) !important;
  }
  .mxe-lg-2 {
    -webkit-margin-end: var(--offset-2) !important;
    margin-inline-end: var(--offset-2) !important;
  }
  .p-lg-2 {
    padding: var(--offset-2) !important;
  }
  .py-lg-2 {
    padding-block: var(--offset-2) !important;
  }
  .pys-lg-2 {
    -webkit-padding-before: var(--offset-2) !important;
    padding-block-start: var(--offset-2) !important;
  }
  .pye-lg-2 {
    -webkit-padding-after: var(--offset-2) !important;
    padding-block-end: var(--offset-2) !important;
  }
  .px-lg-2 {
    padding-inline: var(--offset-2) !important;
  }
  .pxs-lg-2 {
    -webkit-padding-start: var(--offset-2) !important;
    padding-inline-start: var(--offset-2) !important;
  }
  .pxe-lg-2 {
    -webkit-padding-end: var(--offset-2) !important;
    padding-inline-end: var(--offset-2) !important;
  }
  .m-lg-3 {
    margin: var(--offset-3) !important;
  }
  .my-lg-3 {
    margin-block: var(--offset-3) !important;
  }
  .mys-lg-3 {
    -webkit-margin-before: var(--offset-3) !important;
    margin-block-start: var(--offset-3) !important;
  }
  .mye-lg-3 {
    -webkit-margin-after: var(--offset-3) !important;
    margin-block-end: var(--offset-3) !important;
  }
  .mx-lg-3 {
    margin-inline: var(--offset-3) !important;
  }
  .mxs-lg-3 {
    -webkit-margin-start: var(--offset-3) !important;
    margin-inline-start: var(--offset-3) !important;
  }
  .mxe-lg-3 {
    -webkit-margin-end: var(--offset-3) !important;
    margin-inline-end: var(--offset-3) !important;
  }
  .p-lg-3 {
    padding: var(--offset-3) !important;
  }
  .py-lg-3 {
    padding-block: var(--offset-3) !important;
  }
  .pys-lg-3 {
    -webkit-padding-before: var(--offset-3) !important;
    padding-block-start: var(--offset-3) !important;
  }
  .pye-lg-3 {
    -webkit-padding-after: var(--offset-3) !important;
    padding-block-end: var(--offset-3) !important;
  }
  .px-lg-3 {
    padding-inline: var(--offset-3) !important;
  }
  .pxs-lg-3 {
    -webkit-padding-start: var(--offset-3) !important;
    padding-inline-start: var(--offset-3) !important;
  }
  .pxe-lg-3 {
    -webkit-padding-end: var(--offset-3) !important;
    padding-inline-end: var(--offset-3) !important;
  }
  .m-lg-4 {
    margin: var(--offset-4) !important;
  }
  .my-lg-4 {
    margin-block: var(--offset-4) !important;
  }
  .mys-lg-4 {
    -webkit-margin-before: var(--offset-4) !important;
    margin-block-start: var(--offset-4) !important;
  }
  .mye-lg-4 {
    -webkit-margin-after: var(--offset-4) !important;
    margin-block-end: var(--offset-4) !important;
  }
  .mx-lg-4 {
    margin-inline: var(--offset-4) !important;
  }
  .mxs-lg-4 {
    -webkit-margin-start: var(--offset-4) !important;
    margin-inline-start: var(--offset-4) !important;
  }
  .mxe-lg-4 {
    -webkit-margin-end: var(--offset-4) !important;
    margin-inline-end: var(--offset-4) !important;
  }
  .p-lg-4 {
    padding: var(--offset-4) !important;
  }
  .py-lg-4 {
    padding-block: var(--offset-4) !important;
  }
  .pys-lg-4 {
    -webkit-padding-before: var(--offset-4) !important;
    padding-block-start: var(--offset-4) !important;
  }
  .pye-lg-4 {
    -webkit-padding-after: var(--offset-4) !important;
    padding-block-end: var(--offset-4) !important;
  }
  .px-lg-4 {
    padding-inline: var(--offset-4) !important;
  }
  .pxs-lg-4 {
    -webkit-padding-start: var(--offset-4) !important;
    padding-inline-start: var(--offset-4) !important;
  }
  .pxe-lg-4 {
    -webkit-padding-end: var(--offset-4) !important;
    padding-inline-end: var(--offset-4) !important;
  }
  .m-lg-5 {
    margin: var(--offset-5) !important;
  }
  .my-lg-5 {
    margin-block: var(--offset-5) !important;
  }
  .mys-lg-5 {
    -webkit-margin-before: var(--offset-5) !important;
    margin-block-start: var(--offset-5) !important;
  }
  .mye-lg-5 {
    -webkit-margin-after: var(--offset-5) !important;
    margin-block-end: var(--offset-5) !important;
  }
  .mx-lg-5 {
    margin-inline: var(--offset-5) !important;
  }
  .mxs-lg-5 {
    -webkit-margin-start: var(--offset-5) !important;
    margin-inline-start: var(--offset-5) !important;
  }
  .mxe-lg-5 {
    -webkit-margin-end: var(--offset-5) !important;
    margin-inline-end: var(--offset-5) !important;
  }
  .p-lg-5 {
    padding: var(--offset-5) !important;
  }
  .py-lg-5 {
    padding-block: var(--offset-5) !important;
  }
  .pys-lg-5 {
    -webkit-padding-before: var(--offset-5) !important;
    padding-block-start: var(--offset-5) !important;
  }
  .pye-lg-5 {
    -webkit-padding-after: var(--offset-5) !important;
    padding-block-end: var(--offset-5) !important;
  }
  .px-lg-5 {
    padding-inline: var(--offset-5) !important;
  }
  .pxs-lg-5 {
    -webkit-padding-start: var(--offset-5) !important;
    padding-inline-start: var(--offset-5) !important;
  }
  .pxe-lg-5 {
    -webkit-padding-end: var(--offset-5) !important;
    padding-inline-end: var(--offset-5) !important;
  }
  .m-lg-6 {
    margin: var(--offset-6) !important;
  }
  .my-lg-6 {
    margin-block: var(--offset-6) !important;
  }
  .mys-lg-6 {
    -webkit-margin-before: var(--offset-6) !important;
    margin-block-start: var(--offset-6) !important;
  }
  .mye-lg-6 {
    -webkit-margin-after: var(--offset-6) !important;
    margin-block-end: var(--offset-6) !important;
  }
  .mx-lg-6 {
    margin-inline: var(--offset-6) !important;
  }
  .mxs-lg-6 {
    -webkit-margin-start: var(--offset-6) !important;
    margin-inline-start: var(--offset-6) !important;
  }
  .mxe-lg-6 {
    -webkit-margin-end: var(--offset-6) !important;
    margin-inline-end: var(--offset-6) !important;
  }
  .p-lg-6 {
    padding: var(--offset-6) !important;
  }
  .py-lg-6 {
    padding-block: var(--offset-6) !important;
  }
  .pys-lg-6 {
    -webkit-padding-before: var(--offset-6) !important;
    padding-block-start: var(--offset-6) !important;
  }
  .pye-lg-6 {
    -webkit-padding-after: var(--offset-6) !important;
    padding-block-end: var(--offset-6) !important;
  }
  .px-lg-6 {
    padding-inline: var(--offset-6) !important;
  }
  .pxs-lg-6 {
    -webkit-padding-start: var(--offset-6) !important;
    padding-inline-start: var(--offset-6) !important;
  }
  .pxe-lg-6 {
    -webkit-padding-end: var(--offset-6) !important;
    padding-inline-end: var(--offset-6) !important;
  }
  .m-lg-7 {
    margin: var(--offset-7) !important;
  }
  .my-lg-7 {
    margin-block: var(--offset-7) !important;
  }
  .mys-lg-7 {
    -webkit-margin-before: var(--offset-7) !important;
    margin-block-start: var(--offset-7) !important;
  }
  .mye-lg-7 {
    -webkit-margin-after: var(--offset-7) !important;
    margin-block-end: var(--offset-7) !important;
  }
  .mx-lg-7 {
    margin-inline: var(--offset-7) !important;
  }
  .mxs-lg-7 {
    -webkit-margin-start: var(--offset-7) !important;
    margin-inline-start: var(--offset-7) !important;
  }
  .mxe-lg-7 {
    -webkit-margin-end: var(--offset-7) !important;
    margin-inline-end: var(--offset-7) !important;
  }
  .p-lg-7 {
    padding: var(--offset-7) !important;
  }
  .py-lg-7 {
    padding-block: var(--offset-7) !important;
  }
  .pys-lg-7 {
    -webkit-padding-before: var(--offset-7) !important;
    padding-block-start: var(--offset-7) !important;
  }
  .pye-lg-7 {
    -webkit-padding-after: var(--offset-7) !important;
    padding-block-end: var(--offset-7) !important;
  }
  .px-lg-7 {
    padding-inline: var(--offset-7) !important;
  }
  .pxs-lg-7 {
    -webkit-padding-start: var(--offset-7) !important;
    padding-inline-start: var(--offset-7) !important;
  }
  .pxe-lg-7 {
    -webkit-padding-end: var(--offset-7) !important;
    padding-inline-end: var(--offset-7) !important;
  }
  .m-lg-8 {
    margin: var(--offset-8) !important;
  }
  .my-lg-8 {
    margin-block: var(--offset-8) !important;
  }
  .mys-lg-8 {
    -webkit-margin-before: var(--offset-8) !important;
    margin-block-start: var(--offset-8) !important;
  }
  .mye-lg-8 {
    -webkit-margin-after: var(--offset-8) !important;
    margin-block-end: var(--offset-8) !important;
  }
  .mx-lg-8 {
    margin-inline: var(--offset-8) !important;
  }
  .mxs-lg-8 {
    -webkit-margin-start: var(--offset-8) !important;
    margin-inline-start: var(--offset-8) !important;
  }
  .mxe-lg-8 {
    -webkit-margin-end: var(--offset-8) !important;
    margin-inline-end: var(--offset-8) !important;
  }
  .p-lg-8 {
    padding: var(--offset-8) !important;
  }
  .py-lg-8 {
    padding-block: var(--offset-8) !important;
  }
  .pys-lg-8 {
    -webkit-padding-before: var(--offset-8) !important;
    padding-block-start: var(--offset-8) !important;
  }
  .pye-lg-8 {
    -webkit-padding-after: var(--offset-8) !important;
    padding-block-end: var(--offset-8) !important;
  }
  .px-lg-8 {
    padding-inline: var(--offset-8) !important;
  }
  .pxs-lg-8 {
    -webkit-padding-start: var(--offset-8) !important;
    padding-inline-start: var(--offset-8) !important;
  }
  .pxe-lg-8 {
    -webkit-padding-end: var(--offset-8) !important;
    padding-inline-end: var(--offset-8) !important;
  }
  .m-lg-9 {
    margin: var(--offset-9) !important;
  }
  .my-lg-9 {
    margin-block: var(--offset-9) !important;
  }
  .mys-lg-9 {
    -webkit-margin-before: var(--offset-9) !important;
    margin-block-start: var(--offset-9) !important;
  }
  .mye-lg-9 {
    -webkit-margin-after: var(--offset-9) !important;
    margin-block-end: var(--offset-9) !important;
  }
  .mx-lg-9 {
    margin-inline: var(--offset-9) !important;
  }
  .mxs-lg-9 {
    -webkit-margin-start: var(--offset-9) !important;
    margin-inline-start: var(--offset-9) !important;
  }
  .mxe-lg-9 {
    -webkit-margin-end: var(--offset-9) !important;
    margin-inline-end: var(--offset-9) !important;
  }
  .p-lg-9 {
    padding: var(--offset-9) !important;
  }
  .py-lg-9 {
    padding-block: var(--offset-9) !important;
  }
  .pys-lg-9 {
    -webkit-padding-before: var(--offset-9) !important;
    padding-block-start: var(--offset-9) !important;
  }
  .pye-lg-9 {
    -webkit-padding-after: var(--offset-9) !important;
    padding-block-end: var(--offset-9) !important;
  }
  .px-lg-9 {
    padding-inline: var(--offset-9) !important;
  }
  .pxs-lg-9 {
    -webkit-padding-start: var(--offset-9) !important;
    padding-inline-start: var(--offset-9) !important;
  }
  .pxe-lg-9 {
    -webkit-padding-end: var(--offset-9) !important;
    padding-inline-end: var(--offset-9) !important;
  }
  .m-lg-10 {
    margin: var(--offset-10) !important;
  }
  .my-lg-10 {
    margin-block: var(--offset-10) !important;
  }
  .mys-lg-10 {
    -webkit-margin-before: var(--offset-10) !important;
    margin-block-start: var(--offset-10) !important;
  }
  .mye-lg-10 {
    -webkit-margin-after: var(--offset-10) !important;
    margin-block-end: var(--offset-10) !important;
  }
  .mx-lg-10 {
    margin-inline: var(--offset-10) !important;
  }
  .mxs-lg-10 {
    -webkit-margin-start: var(--offset-10) !important;
    margin-inline-start: var(--offset-10) !important;
  }
  .mxe-lg-10 {
    -webkit-margin-end: var(--offset-10) !important;
    margin-inline-end: var(--offset-10) !important;
  }
  .p-lg-10 {
    padding: var(--offset-10) !important;
  }
  .py-lg-10 {
    padding-block: var(--offset-10) !important;
  }
  .pys-lg-10 {
    -webkit-padding-before: var(--offset-10) !important;
    padding-block-start: var(--offset-10) !important;
  }
  .pye-lg-10 {
    -webkit-padding-after: var(--offset-10) !important;
    padding-block-end: var(--offset-10) !important;
  }
  .px-lg-10 {
    padding-inline: var(--offset-10) !important;
  }
  .pxs-lg-10 {
    -webkit-padding-start: var(--offset-10) !important;
    padding-inline-start: var(--offset-10) !important;
  }
  .pxe-lg-10 {
    -webkit-padding-end: var(--offset-10) !important;
    padding-inline-end: var(--offset-10) !important;
  }
  .m-lg-11 {
    margin: var(--offset-11) !important;
  }
  .my-lg-11 {
    margin-block: var(--offset-11) !important;
  }
  .mys-lg-11 {
    -webkit-margin-before: var(--offset-11) !important;
    margin-block-start: var(--offset-11) !important;
  }
  .mye-lg-11 {
    -webkit-margin-after: var(--offset-11) !important;
    margin-block-end: var(--offset-11) !important;
  }
  .mx-lg-11 {
    margin-inline: var(--offset-11) !important;
  }
  .mxs-lg-11 {
    -webkit-margin-start: var(--offset-11) !important;
    margin-inline-start: var(--offset-11) !important;
  }
  .mxe-lg-11 {
    -webkit-margin-end: var(--offset-11) !important;
    margin-inline-end: var(--offset-11) !important;
  }
  .p-lg-11 {
    padding: var(--offset-11) !important;
  }
  .py-lg-11 {
    padding-block: var(--offset-11) !important;
  }
  .pys-lg-11 {
    -webkit-padding-before: var(--offset-11) !important;
    padding-block-start: var(--offset-11) !important;
  }
  .pye-lg-11 {
    -webkit-padding-after: var(--offset-11) !important;
    padding-block-end: var(--offset-11) !important;
  }
  .px-lg-11 {
    padding-inline: var(--offset-11) !important;
  }
  .pxs-lg-11 {
    -webkit-padding-start: var(--offset-11) !important;
    padding-inline-start: var(--offset-11) !important;
  }
  .pxe-lg-11 {
    -webkit-padding-end: var(--offset-11) !important;
    padding-inline-end: var(--offset-11) !important;
  }
  .m-lg-12 {
    margin: var(--offset-12) !important;
  }
  .my-lg-12 {
    margin-block: var(--offset-12) !important;
  }
  .mys-lg-12 {
    -webkit-margin-before: var(--offset-12) !important;
    margin-block-start: var(--offset-12) !important;
  }
  .mye-lg-12 {
    -webkit-margin-after: var(--offset-12) !important;
    margin-block-end: var(--offset-12) !important;
  }
  .mx-lg-12 {
    margin-inline: var(--offset-12) !important;
  }
  .mxs-lg-12 {
    -webkit-margin-start: var(--offset-12) !important;
    margin-inline-start: var(--offset-12) !important;
  }
  .mxe-lg-12 {
    -webkit-margin-end: var(--offset-12) !important;
    margin-inline-end: var(--offset-12) !important;
  }
  .p-lg-12 {
    padding: var(--offset-12) !important;
  }
  .py-lg-12 {
    padding-block: var(--offset-12) !important;
  }
  .pys-lg-12 {
    -webkit-padding-before: var(--offset-12) !important;
    padding-block-start: var(--offset-12) !important;
  }
  .pye-lg-12 {
    -webkit-padding-after: var(--offset-12) !important;
    padding-block-end: var(--offset-12) !important;
  }
  .px-lg-12 {
    padding-inline: var(--offset-12) !important;
  }
  .pxs-lg-12 {
    -webkit-padding-start: var(--offset-12) !important;
    padding-inline-start: var(--offset-12) !important;
  }
  .pxe-lg-12 {
    -webkit-padding-end: var(--offset-12) !important;
    padding-inline-end: var(--offset-12) !important;
  }
  .m-lg-13 {
    margin: var(--offset-13) !important;
  }
  .my-lg-13 {
    margin-block: var(--offset-13) !important;
  }
  .mys-lg-13 {
    -webkit-margin-before: var(--offset-13) !important;
    margin-block-start: var(--offset-13) !important;
  }
  .mye-lg-13 {
    -webkit-margin-after: var(--offset-13) !important;
    margin-block-end: var(--offset-13) !important;
  }
  .mx-lg-13 {
    margin-inline: var(--offset-13) !important;
  }
  .mxs-lg-13 {
    -webkit-margin-start: var(--offset-13) !important;
    margin-inline-start: var(--offset-13) !important;
  }
  .mxe-lg-13 {
    -webkit-margin-end: var(--offset-13) !important;
    margin-inline-end: var(--offset-13) !important;
  }
  .p-lg-13 {
    padding: var(--offset-13) !important;
  }
  .py-lg-13 {
    padding-block: var(--offset-13) !important;
  }
  .pys-lg-13 {
    -webkit-padding-before: var(--offset-13) !important;
    padding-block-start: var(--offset-13) !important;
  }
  .pye-lg-13 {
    -webkit-padding-after: var(--offset-13) !important;
    padding-block-end: var(--offset-13) !important;
  }
  .px-lg-13 {
    padding-inline: var(--offset-13) !important;
  }
  .pxs-lg-13 {
    -webkit-padding-start: var(--offset-13) !important;
    padding-inline-start: var(--offset-13) !important;
  }
  .pxe-lg-13 {
    -webkit-padding-end: var(--offset-13) !important;
    padding-inline-end: var(--offset-13) !important;
  }
  .m-lg-14 {
    margin: var(--offset-14) !important;
  }
  .my-lg-14 {
    margin-block: var(--offset-14) !important;
  }
  .mys-lg-14 {
    -webkit-margin-before: var(--offset-14) !important;
    margin-block-start: var(--offset-14) !important;
  }
  .mye-lg-14 {
    -webkit-margin-after: var(--offset-14) !important;
    margin-block-end: var(--offset-14) !important;
  }
  .mx-lg-14 {
    margin-inline: var(--offset-14) !important;
  }
  .mxs-lg-14 {
    -webkit-margin-start: var(--offset-14) !important;
    margin-inline-start: var(--offset-14) !important;
  }
  .mxe-lg-14 {
    -webkit-margin-end: var(--offset-14) !important;
    margin-inline-end: var(--offset-14) !important;
  }
  .p-lg-14 {
    padding: var(--offset-14) !important;
  }
  .py-lg-14 {
    padding-block: var(--offset-14) !important;
  }
  .pys-lg-14 {
    -webkit-padding-before: var(--offset-14) !important;
    padding-block-start: var(--offset-14) !important;
  }
  .pye-lg-14 {
    -webkit-padding-after: var(--offset-14) !important;
    padding-block-end: var(--offset-14) !important;
  }
  .px-lg-14 {
    padding-inline: var(--offset-14) !important;
  }
  .pxs-lg-14 {
    -webkit-padding-start: var(--offset-14) !important;
    padding-inline-start: var(--offset-14) !important;
  }
  .pxe-lg-14 {
    -webkit-padding-end: var(--offset-14) !important;
    padding-inline-end: var(--offset-14) !important;
  }
  .m-lg-15 {
    margin: var(--offset-15) !important;
  }
  .my-lg-15 {
    margin-block: var(--offset-15) !important;
  }
  .mys-lg-15 {
    -webkit-margin-before: var(--offset-15) !important;
    margin-block-start: var(--offset-15) !important;
  }
  .mye-lg-15 {
    -webkit-margin-after: var(--offset-15) !important;
    margin-block-end: var(--offset-15) !important;
  }
  .mx-lg-15 {
    margin-inline: var(--offset-15) !important;
  }
  .mxs-lg-15 {
    -webkit-margin-start: var(--offset-15) !important;
    margin-inline-start: var(--offset-15) !important;
  }
  .mxe-lg-15 {
    -webkit-margin-end: var(--offset-15) !important;
    margin-inline-end: var(--offset-15) !important;
  }
  .p-lg-15 {
    padding: var(--offset-15) !important;
  }
  .py-lg-15 {
    padding-block: var(--offset-15) !important;
  }
  .pys-lg-15 {
    -webkit-padding-before: var(--offset-15) !important;
    padding-block-start: var(--offset-15) !important;
  }
  .pye-lg-15 {
    -webkit-padding-after: var(--offset-15) !important;
    padding-block-end: var(--offset-15) !important;
  }
  .px-lg-15 {
    padding-inline: var(--offset-15) !important;
  }
  .pxs-lg-15 {
    -webkit-padding-start: var(--offset-15) !important;
    padding-inline-start: var(--offset-15) !important;
  }
  .pxe-lg-15 {
    -webkit-padding-end: var(--offset-15) !important;
    padding-inline-end: var(--offset-15) !important;
  }
  .m-lg-16 {
    margin: var(--offset-16) !important;
  }
  .my-lg-16 {
    margin-block: var(--offset-16) !important;
  }
  .mys-lg-16 {
    -webkit-margin-before: var(--offset-16) !important;
    margin-block-start: var(--offset-16) !important;
  }
  .mye-lg-16 {
    -webkit-margin-after: var(--offset-16) !important;
    margin-block-end: var(--offset-16) !important;
  }
  .mx-lg-16 {
    margin-inline: var(--offset-16) !important;
  }
  .mxs-lg-16 {
    -webkit-margin-start: var(--offset-16) !important;
    margin-inline-start: var(--offset-16) !important;
  }
  .mxe-lg-16 {
    -webkit-margin-end: var(--offset-16) !important;
    margin-inline-end: var(--offset-16) !important;
  }
  .p-lg-16 {
    padding: var(--offset-16) !important;
  }
  .py-lg-16 {
    padding-block: var(--offset-16) !important;
  }
  .pys-lg-16 {
    -webkit-padding-before: var(--offset-16) !important;
    padding-block-start: var(--offset-16) !important;
  }
  .pye-lg-16 {
    -webkit-padding-after: var(--offset-16) !important;
    padding-block-end: var(--offset-16) !important;
  }
  .px-lg-16 {
    padding-inline: var(--offset-16) !important;
  }
  .pxs-lg-16 {
    -webkit-padding-start: var(--offset-16) !important;
    padding-inline-start: var(--offset-16) !important;
  }
  .pxe-lg-16 {
    -webkit-padding-end: var(--offset-16) !important;
    padding-inline-end: var(--offset-16) !important;
  }
  .m-lg-17 {
    margin: var(--offset-17) !important;
  }
  .my-lg-17 {
    margin-block: var(--offset-17) !important;
  }
  .mys-lg-17 {
    -webkit-margin-before: var(--offset-17) !important;
    margin-block-start: var(--offset-17) !important;
  }
  .mye-lg-17 {
    -webkit-margin-after: var(--offset-17) !important;
    margin-block-end: var(--offset-17) !important;
  }
  .mx-lg-17 {
    margin-inline: var(--offset-17) !important;
  }
  .mxs-lg-17 {
    -webkit-margin-start: var(--offset-17) !important;
    margin-inline-start: var(--offset-17) !important;
  }
  .mxe-lg-17 {
    -webkit-margin-end: var(--offset-17) !important;
    margin-inline-end: var(--offset-17) !important;
  }
  .p-lg-17 {
    padding: var(--offset-17) !important;
  }
  .py-lg-17 {
    padding-block: var(--offset-17) !important;
  }
  .pys-lg-17 {
    -webkit-padding-before: var(--offset-17) !important;
    padding-block-start: var(--offset-17) !important;
  }
  .pye-lg-17 {
    -webkit-padding-after: var(--offset-17) !important;
    padding-block-end: var(--offset-17) !important;
  }
  .px-lg-17 {
    padding-inline: var(--offset-17) !important;
  }
  .pxs-lg-17 {
    -webkit-padding-start: var(--offset-17) !important;
    padding-inline-start: var(--offset-17) !important;
  }
  .pxe-lg-17 {
    -webkit-padding-end: var(--offset-17) !important;
    padding-inline-end: var(--offset-17) !important;
  }
  .m-lg-18 {
    margin: var(--offset-18) !important;
  }
  .my-lg-18 {
    margin-block: var(--offset-18) !important;
  }
  .mys-lg-18 {
    -webkit-margin-before: var(--offset-18) !important;
    margin-block-start: var(--offset-18) !important;
  }
  .mye-lg-18 {
    -webkit-margin-after: var(--offset-18) !important;
    margin-block-end: var(--offset-18) !important;
  }
  .mx-lg-18 {
    margin-inline: var(--offset-18) !important;
  }
  .mxs-lg-18 {
    -webkit-margin-start: var(--offset-18) !important;
    margin-inline-start: var(--offset-18) !important;
  }
  .mxe-lg-18 {
    -webkit-margin-end: var(--offset-18) !important;
    margin-inline-end: var(--offset-18) !important;
  }
  .p-lg-18 {
    padding: var(--offset-18) !important;
  }
  .py-lg-18 {
    padding-block: var(--offset-18) !important;
  }
  .pys-lg-18 {
    -webkit-padding-before: var(--offset-18) !important;
    padding-block-start: var(--offset-18) !important;
  }
  .pye-lg-18 {
    -webkit-padding-after: var(--offset-18) !important;
    padding-block-end: var(--offset-18) !important;
  }
  .px-lg-18 {
    padding-inline: var(--offset-18) !important;
  }
  .pxs-lg-18 {
    -webkit-padding-start: var(--offset-18) !important;
    padding-inline-start: var(--offset-18) !important;
  }
  .pxe-lg-18 {
    -webkit-padding-end: var(--offset-18) !important;
    padding-inline-end: var(--offset-18) !important;
  }
  .m-lg-19 {
    margin: var(--offset-19) !important;
  }
  .my-lg-19 {
    margin-block: var(--offset-19) !important;
  }
  .mys-lg-19 {
    -webkit-margin-before: var(--offset-19) !important;
    margin-block-start: var(--offset-19) !important;
  }
  .mye-lg-19 {
    -webkit-margin-after: var(--offset-19) !important;
    margin-block-end: var(--offset-19) !important;
  }
  .mx-lg-19 {
    margin-inline: var(--offset-19) !important;
  }
  .mxs-lg-19 {
    -webkit-margin-start: var(--offset-19) !important;
    margin-inline-start: var(--offset-19) !important;
  }
  .mxe-lg-19 {
    -webkit-margin-end: var(--offset-19) !important;
    margin-inline-end: var(--offset-19) !important;
  }
  .p-lg-19 {
    padding: var(--offset-19) !important;
  }
  .py-lg-19 {
    padding-block: var(--offset-19) !important;
  }
  .pys-lg-19 {
    -webkit-padding-before: var(--offset-19) !important;
    padding-block-start: var(--offset-19) !important;
  }
  .pye-lg-19 {
    -webkit-padding-after: var(--offset-19) !important;
    padding-block-end: var(--offset-19) !important;
  }
  .px-lg-19 {
    padding-inline: var(--offset-19) !important;
  }
  .pxs-lg-19 {
    -webkit-padding-start: var(--offset-19) !important;
    padding-inline-start: var(--offset-19) !important;
  }
  .pxe-lg-19 {
    -webkit-padding-end: var(--offset-19) !important;
    padding-inline-end: var(--offset-19) !important;
  }
  .m-lg-20 {
    margin: var(--offset-20) !important;
  }
  .my-lg-20 {
    margin-block: var(--offset-20) !important;
  }
  .mys-lg-20 {
    -webkit-margin-before: var(--offset-20) !important;
    margin-block-start: var(--offset-20) !important;
  }
  .mye-lg-20 {
    -webkit-margin-after: var(--offset-20) !important;
    margin-block-end: var(--offset-20) !important;
  }
  .mx-lg-20 {
    margin-inline: var(--offset-20) !important;
  }
  .mxs-lg-20 {
    -webkit-margin-start: var(--offset-20) !important;
    margin-inline-start: var(--offset-20) !important;
  }
  .mxe-lg-20 {
    -webkit-margin-end: var(--offset-20) !important;
    margin-inline-end: var(--offset-20) !important;
  }
  .p-lg-20 {
    padding: var(--offset-20) !important;
  }
  .py-lg-20 {
    padding-block: var(--offset-20) !important;
  }
  .pys-lg-20 {
    -webkit-padding-before: var(--offset-20) !important;
    padding-block-start: var(--offset-20) !important;
  }
  .pye-lg-20 {
    -webkit-padding-after: var(--offset-20) !important;
    padding-block-end: var(--offset-20) !important;
  }
  .px-lg-20 {
    padding-inline: var(--offset-20) !important;
  }
  .pxs-lg-20 {
    -webkit-padding-start: var(--offset-20) !important;
    padding-inline-start: var(--offset-20) !important;
  }
  .pxe-lg-20 {
    -webkit-padding-end: var(--offset-20) !important;
    padding-inline-end: var(--offset-20) !important;
  }
  .m-lg-21 {
    margin: var(--offset-21) !important;
  }
  .my-lg-21 {
    margin-block: var(--offset-21) !important;
  }
  .mys-lg-21 {
    -webkit-margin-before: var(--offset-21) !important;
    margin-block-start: var(--offset-21) !important;
  }
  .mye-lg-21 {
    -webkit-margin-after: var(--offset-21) !important;
    margin-block-end: var(--offset-21) !important;
  }
  .mx-lg-21 {
    margin-inline: var(--offset-21) !important;
  }
  .mxs-lg-21 {
    -webkit-margin-start: var(--offset-21) !important;
    margin-inline-start: var(--offset-21) !important;
  }
  .mxe-lg-21 {
    -webkit-margin-end: var(--offset-21) !important;
    margin-inline-end: var(--offset-21) !important;
  }
  .p-lg-21 {
    padding: var(--offset-21) !important;
  }
  .py-lg-21 {
    padding-block: var(--offset-21) !important;
  }
  .pys-lg-21 {
    -webkit-padding-before: var(--offset-21) !important;
    padding-block-start: var(--offset-21) !important;
  }
  .pye-lg-21 {
    -webkit-padding-after: var(--offset-21) !important;
    padding-block-end: var(--offset-21) !important;
  }
  .px-lg-21 {
    padding-inline: var(--offset-21) !important;
  }
  .pxs-lg-21 {
    -webkit-padding-start: var(--offset-21) !important;
    padding-inline-start: var(--offset-21) !important;
  }
  .pxe-lg-21 {
    -webkit-padding-end: var(--offset-21) !important;
    padding-inline-end: var(--offset-21) !important;
  }
  .m-lg-22 {
    margin: var(--offset-22) !important;
  }
  .my-lg-22 {
    margin-block: var(--offset-22) !important;
  }
  .mys-lg-22 {
    -webkit-margin-before: var(--offset-22) !important;
    margin-block-start: var(--offset-22) !important;
  }
  .mye-lg-22 {
    -webkit-margin-after: var(--offset-22) !important;
    margin-block-end: var(--offset-22) !important;
  }
  .mx-lg-22 {
    margin-inline: var(--offset-22) !important;
  }
  .mxs-lg-22 {
    -webkit-margin-start: var(--offset-22) !important;
    margin-inline-start: var(--offset-22) !important;
  }
  .mxe-lg-22 {
    -webkit-margin-end: var(--offset-22) !important;
    margin-inline-end: var(--offset-22) !important;
  }
  .p-lg-22 {
    padding: var(--offset-22) !important;
  }
  .py-lg-22 {
    padding-block: var(--offset-22) !important;
  }
  .pys-lg-22 {
    -webkit-padding-before: var(--offset-22) !important;
    padding-block-start: var(--offset-22) !important;
  }
  .pye-lg-22 {
    -webkit-padding-after: var(--offset-22) !important;
    padding-block-end: var(--offset-22) !important;
  }
  .px-lg-22 {
    padding-inline: var(--offset-22) !important;
  }
  .pxs-lg-22 {
    -webkit-padding-start: var(--offset-22) !important;
    padding-inline-start: var(--offset-22) !important;
  }
  .pxe-lg-22 {
    -webkit-padding-end: var(--offset-22) !important;
    padding-inline-end: var(--offset-22) !important;
  }
  .m-lg-23 {
    margin: var(--offset-23) !important;
  }
  .my-lg-23 {
    margin-block: var(--offset-23) !important;
  }
  .mys-lg-23 {
    -webkit-margin-before: var(--offset-23) !important;
    margin-block-start: var(--offset-23) !important;
  }
  .mye-lg-23 {
    -webkit-margin-after: var(--offset-23) !important;
    margin-block-end: var(--offset-23) !important;
  }
  .mx-lg-23 {
    margin-inline: var(--offset-23) !important;
  }
  .mxs-lg-23 {
    -webkit-margin-start: var(--offset-23) !important;
    margin-inline-start: var(--offset-23) !important;
  }
  .mxe-lg-23 {
    -webkit-margin-end: var(--offset-23) !important;
    margin-inline-end: var(--offset-23) !important;
  }
  .p-lg-23 {
    padding: var(--offset-23) !important;
  }
  .py-lg-23 {
    padding-block: var(--offset-23) !important;
  }
  .pys-lg-23 {
    -webkit-padding-before: var(--offset-23) !important;
    padding-block-start: var(--offset-23) !important;
  }
  .pye-lg-23 {
    -webkit-padding-after: var(--offset-23) !important;
    padding-block-end: var(--offset-23) !important;
  }
  .px-lg-23 {
    padding-inline: var(--offset-23) !important;
  }
  .pxs-lg-23 {
    -webkit-padding-start: var(--offset-23) !important;
    padding-inline-start: var(--offset-23) !important;
  }
  .pxe-lg-23 {
    -webkit-padding-end: var(--offset-23) !important;
    padding-inline-end: var(--offset-23) !important;
  }
  .m-lg-24 {
    margin: var(--offset-24) !important;
  }
  .my-lg-24 {
    margin-block: var(--offset-24) !important;
  }
  .mys-lg-24 {
    -webkit-margin-before: var(--offset-24) !important;
    margin-block-start: var(--offset-24) !important;
  }
  .mye-lg-24 {
    -webkit-margin-after: var(--offset-24) !important;
    margin-block-end: var(--offset-24) !important;
  }
  .mx-lg-24 {
    margin-inline: var(--offset-24) !important;
  }
  .mxs-lg-24 {
    -webkit-margin-start: var(--offset-24) !important;
    margin-inline-start: var(--offset-24) !important;
  }
  .mxe-lg-24 {
    -webkit-margin-end: var(--offset-24) !important;
    margin-inline-end: var(--offset-24) !important;
  }
  .p-lg-24 {
    padding: var(--offset-24) !important;
  }
  .py-lg-24 {
    padding-block: var(--offset-24) !important;
  }
  .pys-lg-24 {
    -webkit-padding-before: var(--offset-24) !important;
    padding-block-start: var(--offset-24) !important;
  }
  .pye-lg-24 {
    -webkit-padding-after: var(--offset-24) !important;
    padding-block-end: var(--offset-24) !important;
  }
  .px-lg-24 {
    padding-inline: var(--offset-24) !important;
  }
  .pxs-lg-24 {
    -webkit-padding-start: var(--offset-24) !important;
    padding-inline-start: var(--offset-24) !important;
  }
  .pxe-lg-24 {
    -webkit-padding-end: var(--offset-24) !important;
    padding-inline-end: var(--offset-24) !important;
  }
  .m-lg-25 {
    margin: var(--offset-25) !important;
  }
  .my-lg-25 {
    margin-block: var(--offset-25) !important;
  }
  .mys-lg-25 {
    -webkit-margin-before: var(--offset-25) !important;
    margin-block-start: var(--offset-25) !important;
  }
  .mye-lg-25 {
    -webkit-margin-after: var(--offset-25) !important;
    margin-block-end: var(--offset-25) !important;
  }
  .mx-lg-25 {
    margin-inline: var(--offset-25) !important;
  }
  .mxs-lg-25 {
    -webkit-margin-start: var(--offset-25) !important;
    margin-inline-start: var(--offset-25) !important;
  }
  .mxe-lg-25 {
    -webkit-margin-end: var(--offset-25) !important;
    margin-inline-end: var(--offset-25) !important;
  }
  .p-lg-25 {
    padding: var(--offset-25) !important;
  }
  .py-lg-25 {
    padding-block: var(--offset-25) !important;
  }
  .pys-lg-25 {
    -webkit-padding-before: var(--offset-25) !important;
    padding-block-start: var(--offset-25) !important;
  }
  .pye-lg-25 {
    -webkit-padding-after: var(--offset-25) !important;
    padding-block-end: var(--offset-25) !important;
  }
  .px-lg-25 {
    padding-inline: var(--offset-25) !important;
  }
  .pxs-lg-25 {
    -webkit-padding-start: var(--offset-25) !important;
    padding-inline-start: var(--offset-25) !important;
  }
  .pxe-lg-25 {
    -webkit-padding-end: var(--offset-25) !important;
    padding-inline-end: var(--offset-25) !important;
  }
  .m-lg-26 {
    margin: var(--offset-26) !important;
  }
  .my-lg-26 {
    margin-block: var(--offset-26) !important;
  }
  .mys-lg-26 {
    -webkit-margin-before: var(--offset-26) !important;
    margin-block-start: var(--offset-26) !important;
  }
  .mye-lg-26 {
    -webkit-margin-after: var(--offset-26) !important;
    margin-block-end: var(--offset-26) !important;
  }
  .mx-lg-26 {
    margin-inline: var(--offset-26) !important;
  }
  .mxs-lg-26 {
    -webkit-margin-start: var(--offset-26) !important;
    margin-inline-start: var(--offset-26) !important;
  }
  .mxe-lg-26 {
    -webkit-margin-end: var(--offset-26) !important;
    margin-inline-end: var(--offset-26) !important;
  }
  .p-lg-26 {
    padding: var(--offset-26) !important;
  }
  .py-lg-26 {
    padding-block: var(--offset-26) !important;
  }
  .pys-lg-26 {
    -webkit-padding-before: var(--offset-26) !important;
    padding-block-start: var(--offset-26) !important;
  }
  .pye-lg-26 {
    -webkit-padding-after: var(--offset-26) !important;
    padding-block-end: var(--offset-26) !important;
  }
  .px-lg-26 {
    padding-inline: var(--offset-26) !important;
  }
  .pxs-lg-26 {
    -webkit-padding-start: var(--offset-26) !important;
    padding-inline-start: var(--offset-26) !important;
  }
  .pxe-lg-26 {
    -webkit-padding-end: var(--offset-26) !important;
    padding-inline-end: var(--offset-26) !important;
  }
  .m-lg-27 {
    margin: var(--offset-27) !important;
  }
  .my-lg-27 {
    margin-block: var(--offset-27) !important;
  }
  .mys-lg-27 {
    -webkit-margin-before: var(--offset-27) !important;
    margin-block-start: var(--offset-27) !important;
  }
  .mye-lg-27 {
    -webkit-margin-after: var(--offset-27) !important;
    margin-block-end: var(--offset-27) !important;
  }
  .mx-lg-27 {
    margin-inline: var(--offset-27) !important;
  }
  .mxs-lg-27 {
    -webkit-margin-start: var(--offset-27) !important;
    margin-inline-start: var(--offset-27) !important;
  }
  .mxe-lg-27 {
    -webkit-margin-end: var(--offset-27) !important;
    margin-inline-end: var(--offset-27) !important;
  }
  .p-lg-27 {
    padding: var(--offset-27) !important;
  }
  .py-lg-27 {
    padding-block: var(--offset-27) !important;
  }
  .pys-lg-27 {
    -webkit-padding-before: var(--offset-27) !important;
    padding-block-start: var(--offset-27) !important;
  }
  .pye-lg-27 {
    -webkit-padding-after: var(--offset-27) !important;
    padding-block-end: var(--offset-27) !important;
  }
  .px-lg-27 {
    padding-inline: var(--offset-27) !important;
  }
  .pxs-lg-27 {
    -webkit-padding-start: var(--offset-27) !important;
    padding-inline-start: var(--offset-27) !important;
  }
  .pxe-lg-27 {
    -webkit-padding-end: var(--offset-27) !important;
    padding-inline-end: var(--offset-27) !important;
  }
  .m-lg-28 {
    margin: var(--offset-28) !important;
  }
  .my-lg-28 {
    margin-block: var(--offset-28) !important;
  }
  .mys-lg-28 {
    -webkit-margin-before: var(--offset-28) !important;
    margin-block-start: var(--offset-28) !important;
  }
  .mye-lg-28 {
    -webkit-margin-after: var(--offset-28) !important;
    margin-block-end: var(--offset-28) !important;
  }
  .mx-lg-28 {
    margin-inline: var(--offset-28) !important;
  }
  .mxs-lg-28 {
    -webkit-margin-start: var(--offset-28) !important;
    margin-inline-start: var(--offset-28) !important;
  }
  .mxe-lg-28 {
    -webkit-margin-end: var(--offset-28) !important;
    margin-inline-end: var(--offset-28) !important;
  }
  .p-lg-28 {
    padding: var(--offset-28) !important;
  }
  .py-lg-28 {
    padding-block: var(--offset-28) !important;
  }
  .pys-lg-28 {
    -webkit-padding-before: var(--offset-28) !important;
    padding-block-start: var(--offset-28) !important;
  }
  .pye-lg-28 {
    -webkit-padding-after: var(--offset-28) !important;
    padding-block-end: var(--offset-28) !important;
  }
  .px-lg-28 {
    padding-inline: var(--offset-28) !important;
  }
  .pxs-lg-28 {
    -webkit-padding-start: var(--offset-28) !important;
    padding-inline-start: var(--offset-28) !important;
  }
  .pxe-lg-28 {
    -webkit-padding-end: var(--offset-28) !important;
    padding-inline-end: var(--offset-28) !important;
  }
  .m-lg-29 {
    margin: var(--offset-29) !important;
  }
  .my-lg-29 {
    margin-block: var(--offset-29) !important;
  }
  .mys-lg-29 {
    -webkit-margin-before: var(--offset-29) !important;
    margin-block-start: var(--offset-29) !important;
  }
  .mye-lg-29 {
    -webkit-margin-after: var(--offset-29) !important;
    margin-block-end: var(--offset-29) !important;
  }
  .mx-lg-29 {
    margin-inline: var(--offset-29) !important;
  }
  .mxs-lg-29 {
    -webkit-margin-start: var(--offset-29) !important;
    margin-inline-start: var(--offset-29) !important;
  }
  .mxe-lg-29 {
    -webkit-margin-end: var(--offset-29) !important;
    margin-inline-end: var(--offset-29) !important;
  }
  .p-lg-29 {
    padding: var(--offset-29) !important;
  }
  .py-lg-29 {
    padding-block: var(--offset-29) !important;
  }
  .pys-lg-29 {
    -webkit-padding-before: var(--offset-29) !important;
    padding-block-start: var(--offset-29) !important;
  }
  .pye-lg-29 {
    -webkit-padding-after: var(--offset-29) !important;
    padding-block-end: var(--offset-29) !important;
  }
  .px-lg-29 {
    padding-inline: var(--offset-29) !important;
  }
  .pxs-lg-29 {
    -webkit-padding-start: var(--offset-29) !important;
    padding-inline-start: var(--offset-29) !important;
  }
  .pxe-lg-29 {
    -webkit-padding-end: var(--offset-29) !important;
    padding-inline-end: var(--offset-29) !important;
  }
  .m-lg-30 {
    margin: var(--offset-30) !important;
  }
  .my-lg-30 {
    margin-block: var(--offset-30) !important;
  }
  .mys-lg-30 {
    -webkit-margin-before: var(--offset-30) !important;
    margin-block-start: var(--offset-30) !important;
  }
  .mye-lg-30 {
    -webkit-margin-after: var(--offset-30) !important;
    margin-block-end: var(--offset-30) !important;
  }
  .mx-lg-30 {
    margin-inline: var(--offset-30) !important;
  }
  .mxs-lg-30 {
    -webkit-margin-start: var(--offset-30) !important;
    margin-inline-start: var(--offset-30) !important;
  }
  .mxe-lg-30 {
    -webkit-margin-end: var(--offset-30) !important;
    margin-inline-end: var(--offset-30) !important;
  }
  .p-lg-30 {
    padding: var(--offset-30) !important;
  }
  .py-lg-30 {
    padding-block: var(--offset-30) !important;
  }
  .pys-lg-30 {
    -webkit-padding-before: var(--offset-30) !important;
    padding-block-start: var(--offset-30) !important;
  }
  .pye-lg-30 {
    -webkit-padding-after: var(--offset-30) !important;
    padding-block-end: var(--offset-30) !important;
  }
  .px-lg-30 {
    padding-inline: var(--offset-30) !important;
  }
  .pxs-lg-30 {
    -webkit-padding-start: var(--offset-30) !important;
    padding-inline-start: var(--offset-30) !important;
  }
  .pxe-lg-30 {
    -webkit-padding-end: var(--offset-30) !important;
    padding-inline-end: var(--offset-30) !important;
  }
  .m-lg-31 {
    margin: var(--offset-31) !important;
  }
  .my-lg-31 {
    margin-block: var(--offset-31) !important;
  }
  .mys-lg-31 {
    -webkit-margin-before: var(--offset-31) !important;
    margin-block-start: var(--offset-31) !important;
  }
  .mye-lg-31 {
    -webkit-margin-after: var(--offset-31) !important;
    margin-block-end: var(--offset-31) !important;
  }
  .mx-lg-31 {
    margin-inline: var(--offset-31) !important;
  }
  .mxs-lg-31 {
    -webkit-margin-start: var(--offset-31) !important;
    margin-inline-start: var(--offset-31) !important;
  }
  .mxe-lg-31 {
    -webkit-margin-end: var(--offset-31) !important;
    margin-inline-end: var(--offset-31) !important;
  }
  .p-lg-31 {
    padding: var(--offset-31) !important;
  }
  .py-lg-31 {
    padding-block: var(--offset-31) !important;
  }
  .pys-lg-31 {
    -webkit-padding-before: var(--offset-31) !important;
    padding-block-start: var(--offset-31) !important;
  }
  .pye-lg-31 {
    -webkit-padding-after: var(--offset-31) !important;
    padding-block-end: var(--offset-31) !important;
  }
  .px-lg-31 {
    padding-inline: var(--offset-31) !important;
  }
  .pxs-lg-31 {
    -webkit-padding-start: var(--offset-31) !important;
    padding-inline-start: var(--offset-31) !important;
  }
  .pxe-lg-31 {
    -webkit-padding-end: var(--offset-31) !important;
    padding-inline-end: var(--offset-31) !important;
  }
  .m-lg-32 {
    margin: var(--offset-32) !important;
  }
  .my-lg-32 {
    margin-block: var(--offset-32) !important;
  }
  .mys-lg-32 {
    -webkit-margin-before: var(--offset-32) !important;
    margin-block-start: var(--offset-32) !important;
  }
  .mye-lg-32 {
    -webkit-margin-after: var(--offset-32) !important;
    margin-block-end: var(--offset-32) !important;
  }
  .mx-lg-32 {
    margin-inline: var(--offset-32) !important;
  }
  .mxs-lg-32 {
    -webkit-margin-start: var(--offset-32) !important;
    margin-inline-start: var(--offset-32) !important;
  }
  .mxe-lg-32 {
    -webkit-margin-end: var(--offset-32) !important;
    margin-inline-end: var(--offset-32) !important;
  }
  .p-lg-32 {
    padding: var(--offset-32) !important;
  }
  .py-lg-32 {
    padding-block: var(--offset-32) !important;
  }
  .pys-lg-32 {
    -webkit-padding-before: var(--offset-32) !important;
    padding-block-start: var(--offset-32) !important;
  }
  .pye-lg-32 {
    -webkit-padding-after: var(--offset-32) !important;
    padding-block-end: var(--offset-32) !important;
  }
  .px-lg-32 {
    padding-inline: var(--offset-32) !important;
  }
  .pxs-lg-32 {
    -webkit-padding-start: var(--offset-32) !important;
    padding-inline-start: var(--offset-32) !important;
  }
  .pxe-lg-32 {
    -webkit-padding-end: var(--offset-32) !important;
    padding-inline-end: var(--offset-32) !important;
  }
  .m-lg-33 {
    margin: var(--offset-33) !important;
  }
  .my-lg-33 {
    margin-block: var(--offset-33) !important;
  }
  .mys-lg-33 {
    -webkit-margin-before: var(--offset-33) !important;
    margin-block-start: var(--offset-33) !important;
  }
  .mye-lg-33 {
    -webkit-margin-after: var(--offset-33) !important;
    margin-block-end: var(--offset-33) !important;
  }
  .mx-lg-33 {
    margin-inline: var(--offset-33) !important;
  }
  .mxs-lg-33 {
    -webkit-margin-start: var(--offset-33) !important;
    margin-inline-start: var(--offset-33) !important;
  }
  .mxe-lg-33 {
    -webkit-margin-end: var(--offset-33) !important;
    margin-inline-end: var(--offset-33) !important;
  }
  .p-lg-33 {
    padding: var(--offset-33) !important;
  }
  .py-lg-33 {
    padding-block: var(--offset-33) !important;
  }
  .pys-lg-33 {
    -webkit-padding-before: var(--offset-33) !important;
    padding-block-start: var(--offset-33) !important;
  }
  .pye-lg-33 {
    -webkit-padding-after: var(--offset-33) !important;
    padding-block-end: var(--offset-33) !important;
  }
  .px-lg-33 {
    padding-inline: var(--offset-33) !important;
  }
  .pxs-lg-33 {
    -webkit-padding-start: var(--offset-33) !important;
    padding-inline-start: var(--offset-33) !important;
  }
  .pxe-lg-33 {
    -webkit-padding-end: var(--offset-33) !important;
    padding-inline-end: var(--offset-33) !important;
  }
  .m-lg-34 {
    margin: var(--offset-34) !important;
  }
  .my-lg-34 {
    margin-block: var(--offset-34) !important;
  }
  .mys-lg-34 {
    -webkit-margin-before: var(--offset-34) !important;
    margin-block-start: var(--offset-34) !important;
  }
  .mye-lg-34 {
    -webkit-margin-after: var(--offset-34) !important;
    margin-block-end: var(--offset-34) !important;
  }
  .mx-lg-34 {
    margin-inline: var(--offset-34) !important;
  }
  .mxs-lg-34 {
    -webkit-margin-start: var(--offset-34) !important;
    margin-inline-start: var(--offset-34) !important;
  }
  .mxe-lg-34 {
    -webkit-margin-end: var(--offset-34) !important;
    margin-inline-end: var(--offset-34) !important;
  }
  .p-lg-34 {
    padding: var(--offset-34) !important;
  }
  .py-lg-34 {
    padding-block: var(--offset-34) !important;
  }
  .pys-lg-34 {
    -webkit-padding-before: var(--offset-34) !important;
    padding-block-start: var(--offset-34) !important;
  }
  .pye-lg-34 {
    -webkit-padding-after: var(--offset-34) !important;
    padding-block-end: var(--offset-34) !important;
  }
  .px-lg-34 {
    padding-inline: var(--offset-34) !important;
  }
  .pxs-lg-34 {
    -webkit-padding-start: var(--offset-34) !important;
    padding-inline-start: var(--offset-34) !important;
  }
  .pxe-lg-34 {
    -webkit-padding-end: var(--offset-34) !important;
    padding-inline-end: var(--offset-34) !important;
  }
  .m-lg-35 {
    margin: var(--offset-35) !important;
  }
  .my-lg-35 {
    margin-block: var(--offset-35) !important;
  }
  .mys-lg-35 {
    -webkit-margin-before: var(--offset-35) !important;
    margin-block-start: var(--offset-35) !important;
  }
  .mye-lg-35 {
    -webkit-margin-after: var(--offset-35) !important;
    margin-block-end: var(--offset-35) !important;
  }
  .mx-lg-35 {
    margin-inline: var(--offset-35) !important;
  }
  .mxs-lg-35 {
    -webkit-margin-start: var(--offset-35) !important;
    margin-inline-start: var(--offset-35) !important;
  }
  .mxe-lg-35 {
    -webkit-margin-end: var(--offset-35) !important;
    margin-inline-end: var(--offset-35) !important;
  }
  .p-lg-35 {
    padding: var(--offset-35) !important;
  }
  .py-lg-35 {
    padding-block: var(--offset-35) !important;
  }
  .pys-lg-35 {
    -webkit-padding-before: var(--offset-35) !important;
    padding-block-start: var(--offset-35) !important;
  }
  .pye-lg-35 {
    -webkit-padding-after: var(--offset-35) !important;
    padding-block-end: var(--offset-35) !important;
  }
  .px-lg-35 {
    padding-inline: var(--offset-35) !important;
  }
  .pxs-lg-35 {
    -webkit-padding-start: var(--offset-35) !important;
    padding-inline-start: var(--offset-35) !important;
  }
  .pxe-lg-35 {
    -webkit-padding-end: var(--offset-35) !important;
    padding-inline-end: var(--offset-35) !important;
  }
  .m-lg-36 {
    margin: var(--offset-36) !important;
  }
  .my-lg-36 {
    margin-block: var(--offset-36) !important;
  }
  .mys-lg-36 {
    -webkit-margin-before: var(--offset-36) !important;
    margin-block-start: var(--offset-36) !important;
  }
  .mye-lg-36 {
    -webkit-margin-after: var(--offset-36) !important;
    margin-block-end: var(--offset-36) !important;
  }
  .mx-lg-36 {
    margin-inline: var(--offset-36) !important;
  }
  .mxs-lg-36 {
    -webkit-margin-start: var(--offset-36) !important;
    margin-inline-start: var(--offset-36) !important;
  }
  .mxe-lg-36 {
    -webkit-margin-end: var(--offset-36) !important;
    margin-inline-end: var(--offset-36) !important;
  }
  .p-lg-36 {
    padding: var(--offset-36) !important;
  }
  .py-lg-36 {
    padding-block: var(--offset-36) !important;
  }
  .pys-lg-36 {
    -webkit-padding-before: var(--offset-36) !important;
    padding-block-start: var(--offset-36) !important;
  }
  .pye-lg-36 {
    -webkit-padding-after: var(--offset-36) !important;
    padding-block-end: var(--offset-36) !important;
  }
  .px-lg-36 {
    padding-inline: var(--offset-36) !important;
  }
  .pxs-lg-36 {
    -webkit-padding-start: var(--offset-36) !important;
    padding-inline-start: var(--offset-36) !important;
  }
  .pxe-lg-36 {
    -webkit-padding-end: var(--offset-36) !important;
    padding-inline-end: var(--offset-36) !important;
  }
  .m-lg-37 {
    margin: var(--offset-37) !important;
  }
  .my-lg-37 {
    margin-block: var(--offset-37) !important;
  }
  .mys-lg-37 {
    -webkit-margin-before: var(--offset-37) !important;
    margin-block-start: var(--offset-37) !important;
  }
  .mye-lg-37 {
    -webkit-margin-after: var(--offset-37) !important;
    margin-block-end: var(--offset-37) !important;
  }
  .mx-lg-37 {
    margin-inline: var(--offset-37) !important;
  }
  .mxs-lg-37 {
    -webkit-margin-start: var(--offset-37) !important;
    margin-inline-start: var(--offset-37) !important;
  }
  .mxe-lg-37 {
    -webkit-margin-end: var(--offset-37) !important;
    margin-inline-end: var(--offset-37) !important;
  }
  .p-lg-37 {
    padding: var(--offset-37) !important;
  }
  .py-lg-37 {
    padding-block: var(--offset-37) !important;
  }
  .pys-lg-37 {
    -webkit-padding-before: var(--offset-37) !important;
    padding-block-start: var(--offset-37) !important;
  }
  .pye-lg-37 {
    -webkit-padding-after: var(--offset-37) !important;
    padding-block-end: var(--offset-37) !important;
  }
  .px-lg-37 {
    padding-inline: var(--offset-37) !important;
  }
  .pxs-lg-37 {
    -webkit-padding-start: var(--offset-37) !important;
    padding-inline-start: var(--offset-37) !important;
  }
  .pxe-lg-37 {
    -webkit-padding-end: var(--offset-37) !important;
    padding-inline-end: var(--offset-37) !important;
  }
  .m-lg-38 {
    margin: var(--offset-38) !important;
  }
  .my-lg-38 {
    margin-block: var(--offset-38) !important;
  }
  .mys-lg-38 {
    -webkit-margin-before: var(--offset-38) !important;
    margin-block-start: var(--offset-38) !important;
  }
  .mye-lg-38 {
    -webkit-margin-after: var(--offset-38) !important;
    margin-block-end: var(--offset-38) !important;
  }
  .mx-lg-38 {
    margin-inline: var(--offset-38) !important;
  }
  .mxs-lg-38 {
    -webkit-margin-start: var(--offset-38) !important;
    margin-inline-start: var(--offset-38) !important;
  }
  .mxe-lg-38 {
    -webkit-margin-end: var(--offset-38) !important;
    margin-inline-end: var(--offset-38) !important;
  }
  .p-lg-38 {
    padding: var(--offset-38) !important;
  }
  .py-lg-38 {
    padding-block: var(--offset-38) !important;
  }
  .pys-lg-38 {
    -webkit-padding-before: var(--offset-38) !important;
    padding-block-start: var(--offset-38) !important;
  }
  .pye-lg-38 {
    -webkit-padding-after: var(--offset-38) !important;
    padding-block-end: var(--offset-38) !important;
  }
  .px-lg-38 {
    padding-inline: var(--offset-38) !important;
  }
  .pxs-lg-38 {
    -webkit-padding-start: var(--offset-38) !important;
    padding-inline-start: var(--offset-38) !important;
  }
  .pxe-lg-38 {
    -webkit-padding-end: var(--offset-38) !important;
    padding-inline-end: var(--offset-38) !important;
  }
  .m-lg-39 {
    margin: var(--offset-39) !important;
  }
  .my-lg-39 {
    margin-block: var(--offset-39) !important;
  }
  .mys-lg-39 {
    -webkit-margin-before: var(--offset-39) !important;
    margin-block-start: var(--offset-39) !important;
  }
  .mye-lg-39 {
    -webkit-margin-after: var(--offset-39) !important;
    margin-block-end: var(--offset-39) !important;
  }
  .mx-lg-39 {
    margin-inline: var(--offset-39) !important;
  }
  .mxs-lg-39 {
    -webkit-margin-start: var(--offset-39) !important;
    margin-inline-start: var(--offset-39) !important;
  }
  .mxe-lg-39 {
    -webkit-margin-end: var(--offset-39) !important;
    margin-inline-end: var(--offset-39) !important;
  }
  .p-lg-39 {
    padding: var(--offset-39) !important;
  }
  .py-lg-39 {
    padding-block: var(--offset-39) !important;
  }
  .pys-lg-39 {
    -webkit-padding-before: var(--offset-39) !important;
    padding-block-start: var(--offset-39) !important;
  }
  .pye-lg-39 {
    -webkit-padding-after: var(--offset-39) !important;
    padding-block-end: var(--offset-39) !important;
  }
  .px-lg-39 {
    padding-inline: var(--offset-39) !important;
  }
  .pxs-lg-39 {
    -webkit-padding-start: var(--offset-39) !important;
    padding-inline-start: var(--offset-39) !important;
  }
  .pxe-lg-39 {
    -webkit-padding-end: var(--offset-39) !important;
    padding-inline-end: var(--offset-39) !important;
  }
  .m-lg-40 {
    margin: var(--offset-40) !important;
  }
  .my-lg-40 {
    margin-block: var(--offset-40) !important;
  }
  .mys-lg-40 {
    -webkit-margin-before: var(--offset-40) !important;
    margin-block-start: var(--offset-40) !important;
  }
  .mye-lg-40 {
    -webkit-margin-after: var(--offset-40) !important;
    margin-block-end: var(--offset-40) !important;
  }
  .mx-lg-40 {
    margin-inline: var(--offset-40) !important;
  }
  .mxs-lg-40 {
    -webkit-margin-start: var(--offset-40) !important;
    margin-inline-start: var(--offset-40) !important;
  }
  .mxe-lg-40 {
    -webkit-margin-end: var(--offset-40) !important;
    margin-inline-end: var(--offset-40) !important;
  }
  .p-lg-40 {
    padding: var(--offset-40) !important;
  }
  .py-lg-40 {
    padding-block: var(--offset-40) !important;
  }
  .pys-lg-40 {
    -webkit-padding-before: var(--offset-40) !important;
    padding-block-start: var(--offset-40) !important;
  }
  .pye-lg-40 {
    -webkit-padding-after: var(--offset-40) !important;
    padding-block-end: var(--offset-40) !important;
  }
  .px-lg-40 {
    padding-inline: var(--offset-40) !important;
  }
  .pxs-lg-40 {
    -webkit-padding-start: var(--offset-40) !important;
    padding-inline-start: var(--offset-40) !important;
  }
  .pxe-lg-40 {
    -webkit-padding-end: var(--offset-40) !important;
    padding-inline-end: var(--offset-40) !important;
  }
  .m-lg-41 {
    margin: var(--offset-41) !important;
  }
  .my-lg-41 {
    margin-block: var(--offset-41) !important;
  }
  .mys-lg-41 {
    -webkit-margin-before: var(--offset-41) !important;
    margin-block-start: var(--offset-41) !important;
  }
  .mye-lg-41 {
    -webkit-margin-after: var(--offset-41) !important;
    margin-block-end: var(--offset-41) !important;
  }
  .mx-lg-41 {
    margin-inline: var(--offset-41) !important;
  }
  .mxs-lg-41 {
    -webkit-margin-start: var(--offset-41) !important;
    margin-inline-start: var(--offset-41) !important;
  }
  .mxe-lg-41 {
    -webkit-margin-end: var(--offset-41) !important;
    margin-inline-end: var(--offset-41) !important;
  }
  .p-lg-41 {
    padding: var(--offset-41) !important;
  }
  .py-lg-41 {
    padding-block: var(--offset-41) !important;
  }
  .pys-lg-41 {
    -webkit-padding-before: var(--offset-41) !important;
    padding-block-start: var(--offset-41) !important;
  }
  .pye-lg-41 {
    -webkit-padding-after: var(--offset-41) !important;
    padding-block-end: var(--offset-41) !important;
  }
  .px-lg-41 {
    padding-inline: var(--offset-41) !important;
  }
  .pxs-lg-41 {
    -webkit-padding-start: var(--offset-41) !important;
    padding-inline-start: var(--offset-41) !important;
  }
  .pxe-lg-41 {
    -webkit-padding-end: var(--offset-41) !important;
    padding-inline-end: var(--offset-41) !important;
  }
  .m-lg-42 {
    margin: var(--offset-42) !important;
  }
  .my-lg-42 {
    margin-block: var(--offset-42) !important;
  }
  .mys-lg-42 {
    -webkit-margin-before: var(--offset-42) !important;
    margin-block-start: var(--offset-42) !important;
  }
  .mye-lg-42 {
    -webkit-margin-after: var(--offset-42) !important;
    margin-block-end: var(--offset-42) !important;
  }
  .mx-lg-42 {
    margin-inline: var(--offset-42) !important;
  }
  .mxs-lg-42 {
    -webkit-margin-start: var(--offset-42) !important;
    margin-inline-start: var(--offset-42) !important;
  }
  .mxe-lg-42 {
    -webkit-margin-end: var(--offset-42) !important;
    margin-inline-end: var(--offset-42) !important;
  }
  .p-lg-42 {
    padding: var(--offset-42) !important;
  }
  .py-lg-42 {
    padding-block: var(--offset-42) !important;
  }
  .pys-lg-42 {
    -webkit-padding-before: var(--offset-42) !important;
    padding-block-start: var(--offset-42) !important;
  }
  .pye-lg-42 {
    -webkit-padding-after: var(--offset-42) !important;
    padding-block-end: var(--offset-42) !important;
  }
  .px-lg-42 {
    padding-inline: var(--offset-42) !important;
  }
  .pxs-lg-42 {
    -webkit-padding-start: var(--offset-42) !important;
    padding-inline-start: var(--offset-42) !important;
  }
  .pxe-lg-42 {
    -webkit-padding-end: var(--offset-42) !important;
    padding-inline-end: var(--offset-42) !important;
  }
}
/** > 768px **/
@media (max-width: 48rem) {
  .m-md-a {
    margin: auto;
  }
  .my-md-a {
    margin-block: auto;
  }
  .mys-md-a {
    -webkit-margin-before: auto;
    margin-block-start: auto;
  }
  .mye-md-a {
    -webkit-margin-after: auto;
    margin-block-end: auto;
  }
  .mx-md-a {
    margin-inline: auto;
  }
  .mxs-md-a {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
  }
  .mxe-md-a {
    -webkit-margin-end: auto;
    margin-inline-end: auto;
  }
  .m-md-0 {
    margin: var(--offset-0) !important;
  }
  .my-md-0 {
    margin-block: var(--offset-0) !important;
  }
  .mys-md-0 {
    -webkit-margin-before: var(--offset-0) !important;
    margin-block-start: var(--offset-0) !important;
  }
  .mye-md-0 {
    -webkit-margin-after: var(--offset-0) !important;
    margin-block-end: var(--offset-0) !important;
  }
  .mx-md-0 {
    margin-inline: var(--offset-0) !important;
  }
  .mxs-md-0 {
    -webkit-margin-start: var(--offset-0) !important;
    margin-inline-start: var(--offset-0) !important;
  }
  .mxe-md-0 {
    -webkit-margin-end: var(--offset-0) !important;
    margin-inline-end: var(--offset-0) !important;
  }
  .p-md-0 {
    padding: var(--offset-0) !important;
  }
  .py-md-0 {
    padding-block: var(--offset-0) !important;
  }
  .pys-md-0 {
    -webkit-padding-before: var(--offset-0) !important;
    padding-block-start: var(--offset-0) !important;
  }
  .pye-md-0 {
    -webkit-padding-after: var(--offset-0) !important;
    padding-block-end: var(--offset-0) !important;
  }
  .px-md-0 {
    padding-inline: var(--offset-0) !important;
  }
  .pxs-md-0 {
    -webkit-padding-start: var(--offset-0) !important;
    padding-inline-start: var(--offset-0) !important;
  }
  .pxe-md-0 {
    -webkit-padding-end: var(--offset-0) !important;
    padding-inline-end: var(--offset-0) !important;
  }
  .m-md-1 {
    margin: var(--offset-1) !important;
  }
  .my-md-1 {
    margin-block: var(--offset-1) !important;
  }
  .mys-md-1 {
    -webkit-margin-before: var(--offset-1) !important;
    margin-block-start: var(--offset-1) !important;
  }
  .mye-md-1 {
    -webkit-margin-after: var(--offset-1) !important;
    margin-block-end: var(--offset-1) !important;
  }
  .mx-md-1 {
    margin-inline: var(--offset-1) !important;
  }
  .mxs-md-1 {
    -webkit-margin-start: var(--offset-1) !important;
    margin-inline-start: var(--offset-1) !important;
  }
  .mxe-md-1 {
    -webkit-margin-end: var(--offset-1) !important;
    margin-inline-end: var(--offset-1) !important;
  }
  .p-md-1 {
    padding: var(--offset-1) !important;
  }
  .py-md-1 {
    padding-block: var(--offset-1) !important;
  }
  .pys-md-1 {
    -webkit-padding-before: var(--offset-1) !important;
    padding-block-start: var(--offset-1) !important;
  }
  .pye-md-1 {
    -webkit-padding-after: var(--offset-1) !important;
    padding-block-end: var(--offset-1) !important;
  }
  .px-md-1 {
    padding-inline: var(--offset-1) !important;
  }
  .pxs-md-1 {
    -webkit-padding-start: var(--offset-1) !important;
    padding-inline-start: var(--offset-1) !important;
  }
  .pxe-md-1 {
    -webkit-padding-end: var(--offset-1) !important;
    padding-inline-end: var(--offset-1) !important;
  }
  .m-md-2 {
    margin: var(--offset-2) !important;
  }
  .my-md-2 {
    margin-block: var(--offset-2) !important;
  }
  .mys-md-2 {
    -webkit-margin-before: var(--offset-2) !important;
    margin-block-start: var(--offset-2) !important;
  }
  .mye-md-2 {
    -webkit-margin-after: var(--offset-2) !important;
    margin-block-end: var(--offset-2) !important;
  }
  .mx-md-2 {
    margin-inline: var(--offset-2) !important;
  }
  .mxs-md-2 {
    -webkit-margin-start: var(--offset-2) !important;
    margin-inline-start: var(--offset-2) !important;
  }
  .mxe-md-2 {
    -webkit-margin-end: var(--offset-2) !important;
    margin-inline-end: var(--offset-2) !important;
  }
  .p-md-2 {
    padding: var(--offset-2) !important;
  }
  .py-md-2 {
    padding-block: var(--offset-2) !important;
  }
  .pys-md-2 {
    -webkit-padding-before: var(--offset-2) !important;
    padding-block-start: var(--offset-2) !important;
  }
  .pye-md-2 {
    -webkit-padding-after: var(--offset-2) !important;
    padding-block-end: var(--offset-2) !important;
  }
  .px-md-2 {
    padding-inline: var(--offset-2) !important;
  }
  .pxs-md-2 {
    -webkit-padding-start: var(--offset-2) !important;
    padding-inline-start: var(--offset-2) !important;
  }
  .pxe-md-2 {
    -webkit-padding-end: var(--offset-2) !important;
    padding-inline-end: var(--offset-2) !important;
  }
  .m-md-3 {
    margin: var(--offset-3) !important;
  }
  .my-md-3 {
    margin-block: var(--offset-3) !important;
  }
  .mys-md-3 {
    -webkit-margin-before: var(--offset-3) !important;
    margin-block-start: var(--offset-3) !important;
  }
  .mye-md-3 {
    -webkit-margin-after: var(--offset-3) !important;
    margin-block-end: var(--offset-3) !important;
  }
  .mx-md-3 {
    margin-inline: var(--offset-3) !important;
  }
  .mxs-md-3 {
    -webkit-margin-start: var(--offset-3) !important;
    margin-inline-start: var(--offset-3) !important;
  }
  .mxe-md-3 {
    -webkit-margin-end: var(--offset-3) !important;
    margin-inline-end: var(--offset-3) !important;
  }
  .p-md-3 {
    padding: var(--offset-3) !important;
  }
  .py-md-3 {
    padding-block: var(--offset-3) !important;
  }
  .pys-md-3 {
    -webkit-padding-before: var(--offset-3) !important;
    padding-block-start: var(--offset-3) !important;
  }
  .pye-md-3 {
    -webkit-padding-after: var(--offset-3) !important;
    padding-block-end: var(--offset-3) !important;
  }
  .px-md-3 {
    padding-inline: var(--offset-3) !important;
  }
  .pxs-md-3 {
    -webkit-padding-start: var(--offset-3) !important;
    padding-inline-start: var(--offset-3) !important;
  }
  .pxe-md-3 {
    -webkit-padding-end: var(--offset-3) !important;
    padding-inline-end: var(--offset-3) !important;
  }
  .m-md-4 {
    margin: var(--offset-4) !important;
  }
  .my-md-4 {
    margin-block: var(--offset-4) !important;
  }
  .mys-md-4 {
    -webkit-margin-before: var(--offset-4) !important;
    margin-block-start: var(--offset-4) !important;
  }
  .mye-md-4 {
    -webkit-margin-after: var(--offset-4) !important;
    margin-block-end: var(--offset-4) !important;
  }
  .mx-md-4 {
    margin-inline: var(--offset-4) !important;
  }
  .mxs-md-4 {
    -webkit-margin-start: var(--offset-4) !important;
    margin-inline-start: var(--offset-4) !important;
  }
  .mxe-md-4 {
    -webkit-margin-end: var(--offset-4) !important;
    margin-inline-end: var(--offset-4) !important;
  }
  .p-md-4 {
    padding: var(--offset-4) !important;
  }
  .py-md-4 {
    padding-block: var(--offset-4) !important;
  }
  .pys-md-4 {
    -webkit-padding-before: var(--offset-4) !important;
    padding-block-start: var(--offset-4) !important;
  }
  .pye-md-4 {
    -webkit-padding-after: var(--offset-4) !important;
    padding-block-end: var(--offset-4) !important;
  }
  .px-md-4 {
    padding-inline: var(--offset-4) !important;
  }
  .pxs-md-4 {
    -webkit-padding-start: var(--offset-4) !important;
    padding-inline-start: var(--offset-4) !important;
  }
  .pxe-md-4 {
    -webkit-padding-end: var(--offset-4) !important;
    padding-inline-end: var(--offset-4) !important;
  }
  .m-md-5 {
    margin: var(--offset-5) !important;
  }
  .my-md-5 {
    margin-block: var(--offset-5) !important;
  }
  .mys-md-5 {
    -webkit-margin-before: var(--offset-5) !important;
    margin-block-start: var(--offset-5) !important;
  }
  .mye-md-5 {
    -webkit-margin-after: var(--offset-5) !important;
    margin-block-end: var(--offset-5) !important;
  }
  .mx-md-5 {
    margin-inline: var(--offset-5) !important;
  }
  .mxs-md-5 {
    -webkit-margin-start: var(--offset-5) !important;
    margin-inline-start: var(--offset-5) !important;
  }
  .mxe-md-5 {
    -webkit-margin-end: var(--offset-5) !important;
    margin-inline-end: var(--offset-5) !important;
  }
  .p-md-5 {
    padding: var(--offset-5) !important;
  }
  .py-md-5 {
    padding-block: var(--offset-5) !important;
  }
  .pys-md-5 {
    -webkit-padding-before: var(--offset-5) !important;
    padding-block-start: var(--offset-5) !important;
  }
  .pye-md-5 {
    -webkit-padding-after: var(--offset-5) !important;
    padding-block-end: var(--offset-5) !important;
  }
  .px-md-5 {
    padding-inline: var(--offset-5) !important;
  }
  .pxs-md-5 {
    -webkit-padding-start: var(--offset-5) !important;
    padding-inline-start: var(--offset-5) !important;
  }
  .pxe-md-5 {
    -webkit-padding-end: var(--offset-5) !important;
    padding-inline-end: var(--offset-5) !important;
  }
  .m-md-6 {
    margin: var(--offset-6) !important;
  }
  .my-md-6 {
    margin-block: var(--offset-6) !important;
  }
  .mys-md-6 {
    -webkit-margin-before: var(--offset-6) !important;
    margin-block-start: var(--offset-6) !important;
  }
  .mye-md-6 {
    -webkit-margin-after: var(--offset-6) !important;
    margin-block-end: var(--offset-6) !important;
  }
  .mx-md-6 {
    margin-inline: var(--offset-6) !important;
  }
  .mxs-md-6 {
    -webkit-margin-start: var(--offset-6) !important;
    margin-inline-start: var(--offset-6) !important;
  }
  .mxe-md-6 {
    -webkit-margin-end: var(--offset-6) !important;
    margin-inline-end: var(--offset-6) !important;
  }
  .p-md-6 {
    padding: var(--offset-6) !important;
  }
  .py-md-6 {
    padding-block: var(--offset-6) !important;
  }
  .pys-md-6 {
    -webkit-padding-before: var(--offset-6) !important;
    padding-block-start: var(--offset-6) !important;
  }
  .pye-md-6 {
    -webkit-padding-after: var(--offset-6) !important;
    padding-block-end: var(--offset-6) !important;
  }
  .px-md-6 {
    padding-inline: var(--offset-6) !important;
  }
  .pxs-md-6 {
    -webkit-padding-start: var(--offset-6) !important;
    padding-inline-start: var(--offset-6) !important;
  }
  .pxe-md-6 {
    -webkit-padding-end: var(--offset-6) !important;
    padding-inline-end: var(--offset-6) !important;
  }
  .m-md-7 {
    margin: var(--offset-7) !important;
  }
  .my-md-7 {
    margin-block: var(--offset-7) !important;
  }
  .mys-md-7 {
    -webkit-margin-before: var(--offset-7) !important;
    margin-block-start: var(--offset-7) !important;
  }
  .mye-md-7 {
    -webkit-margin-after: var(--offset-7) !important;
    margin-block-end: var(--offset-7) !important;
  }
  .mx-md-7 {
    margin-inline: var(--offset-7) !important;
  }
  .mxs-md-7 {
    -webkit-margin-start: var(--offset-7) !important;
    margin-inline-start: var(--offset-7) !important;
  }
  .mxe-md-7 {
    -webkit-margin-end: var(--offset-7) !important;
    margin-inline-end: var(--offset-7) !important;
  }
  .p-md-7 {
    padding: var(--offset-7) !important;
  }
  .py-md-7 {
    padding-block: var(--offset-7) !important;
  }
  .pys-md-7 {
    -webkit-padding-before: var(--offset-7) !important;
    padding-block-start: var(--offset-7) !important;
  }
  .pye-md-7 {
    -webkit-padding-after: var(--offset-7) !important;
    padding-block-end: var(--offset-7) !important;
  }
  .px-md-7 {
    padding-inline: var(--offset-7) !important;
  }
  .pxs-md-7 {
    -webkit-padding-start: var(--offset-7) !important;
    padding-inline-start: var(--offset-7) !important;
  }
  .pxe-md-7 {
    -webkit-padding-end: var(--offset-7) !important;
    padding-inline-end: var(--offset-7) !important;
  }
  .m-md-8 {
    margin: var(--offset-8) !important;
  }
  .my-md-8 {
    margin-block: var(--offset-8) !important;
  }
  .mys-md-8 {
    -webkit-margin-before: var(--offset-8) !important;
    margin-block-start: var(--offset-8) !important;
  }
  .mye-md-8 {
    -webkit-margin-after: var(--offset-8) !important;
    margin-block-end: var(--offset-8) !important;
  }
  .mx-md-8 {
    margin-inline: var(--offset-8) !important;
  }
  .mxs-md-8 {
    -webkit-margin-start: var(--offset-8) !important;
    margin-inline-start: var(--offset-8) !important;
  }
  .mxe-md-8 {
    -webkit-margin-end: var(--offset-8) !important;
    margin-inline-end: var(--offset-8) !important;
  }
  .p-md-8 {
    padding: var(--offset-8) !important;
  }
  .py-md-8 {
    padding-block: var(--offset-8) !important;
  }
  .pys-md-8 {
    -webkit-padding-before: var(--offset-8) !important;
    padding-block-start: var(--offset-8) !important;
  }
  .pye-md-8 {
    -webkit-padding-after: var(--offset-8) !important;
    padding-block-end: var(--offset-8) !important;
  }
  .px-md-8 {
    padding-inline: var(--offset-8) !important;
  }
  .pxs-md-8 {
    -webkit-padding-start: var(--offset-8) !important;
    padding-inline-start: var(--offset-8) !important;
  }
  .pxe-md-8 {
    -webkit-padding-end: var(--offset-8) !important;
    padding-inline-end: var(--offset-8) !important;
  }
  .m-md-9 {
    margin: var(--offset-9) !important;
  }
  .my-md-9 {
    margin-block: var(--offset-9) !important;
  }
  .mys-md-9 {
    -webkit-margin-before: var(--offset-9) !important;
    margin-block-start: var(--offset-9) !important;
  }
  .mye-md-9 {
    -webkit-margin-after: var(--offset-9) !important;
    margin-block-end: var(--offset-9) !important;
  }
  .mx-md-9 {
    margin-inline: var(--offset-9) !important;
  }
  .mxs-md-9 {
    -webkit-margin-start: var(--offset-9) !important;
    margin-inline-start: var(--offset-9) !important;
  }
  .mxe-md-9 {
    -webkit-margin-end: var(--offset-9) !important;
    margin-inline-end: var(--offset-9) !important;
  }
  .p-md-9 {
    padding: var(--offset-9) !important;
  }
  .py-md-9 {
    padding-block: var(--offset-9) !important;
  }
  .pys-md-9 {
    -webkit-padding-before: var(--offset-9) !important;
    padding-block-start: var(--offset-9) !important;
  }
  .pye-md-9 {
    -webkit-padding-after: var(--offset-9) !important;
    padding-block-end: var(--offset-9) !important;
  }
  .px-md-9 {
    padding-inline: var(--offset-9) !important;
  }
  .pxs-md-9 {
    -webkit-padding-start: var(--offset-9) !important;
    padding-inline-start: var(--offset-9) !important;
  }
  .pxe-md-9 {
    -webkit-padding-end: var(--offset-9) !important;
    padding-inline-end: var(--offset-9) !important;
  }
  .m-md-10 {
    margin: var(--offset-10) !important;
  }
  .my-md-10 {
    margin-block: var(--offset-10) !important;
  }
  .mys-md-10 {
    -webkit-margin-before: var(--offset-10) !important;
    margin-block-start: var(--offset-10) !important;
  }
  .mye-md-10 {
    -webkit-margin-after: var(--offset-10) !important;
    margin-block-end: var(--offset-10) !important;
  }
  .mx-md-10 {
    margin-inline: var(--offset-10) !important;
  }
  .mxs-md-10 {
    -webkit-margin-start: var(--offset-10) !important;
    margin-inline-start: var(--offset-10) !important;
  }
  .mxe-md-10 {
    -webkit-margin-end: var(--offset-10) !important;
    margin-inline-end: var(--offset-10) !important;
  }
  .p-md-10 {
    padding: var(--offset-10) !important;
  }
  .py-md-10 {
    padding-block: var(--offset-10) !important;
  }
  .pys-md-10 {
    -webkit-padding-before: var(--offset-10) !important;
    padding-block-start: var(--offset-10) !important;
  }
  .pye-md-10 {
    -webkit-padding-after: var(--offset-10) !important;
    padding-block-end: var(--offset-10) !important;
  }
  .px-md-10 {
    padding-inline: var(--offset-10) !important;
  }
  .pxs-md-10 {
    -webkit-padding-start: var(--offset-10) !important;
    padding-inline-start: var(--offset-10) !important;
  }
  .pxe-md-10 {
    -webkit-padding-end: var(--offset-10) !important;
    padding-inline-end: var(--offset-10) !important;
  }
  .m-md-11 {
    margin: var(--offset-11) !important;
  }
  .my-md-11 {
    margin-block: var(--offset-11) !important;
  }
  .mys-md-11 {
    -webkit-margin-before: var(--offset-11) !important;
    margin-block-start: var(--offset-11) !important;
  }
  .mye-md-11 {
    -webkit-margin-after: var(--offset-11) !important;
    margin-block-end: var(--offset-11) !important;
  }
  .mx-md-11 {
    margin-inline: var(--offset-11) !important;
  }
  .mxs-md-11 {
    -webkit-margin-start: var(--offset-11) !important;
    margin-inline-start: var(--offset-11) !important;
  }
  .mxe-md-11 {
    -webkit-margin-end: var(--offset-11) !important;
    margin-inline-end: var(--offset-11) !important;
  }
  .p-md-11 {
    padding: var(--offset-11) !important;
  }
  .py-md-11 {
    padding-block: var(--offset-11) !important;
  }
  .pys-md-11 {
    -webkit-padding-before: var(--offset-11) !important;
    padding-block-start: var(--offset-11) !important;
  }
  .pye-md-11 {
    -webkit-padding-after: var(--offset-11) !important;
    padding-block-end: var(--offset-11) !important;
  }
  .px-md-11 {
    padding-inline: var(--offset-11) !important;
  }
  .pxs-md-11 {
    -webkit-padding-start: var(--offset-11) !important;
    padding-inline-start: var(--offset-11) !important;
  }
  .pxe-md-11 {
    -webkit-padding-end: var(--offset-11) !important;
    padding-inline-end: var(--offset-11) !important;
  }
  .m-md-12 {
    margin: var(--offset-12) !important;
  }
  .my-md-12 {
    margin-block: var(--offset-12) !important;
  }
  .mys-md-12 {
    -webkit-margin-before: var(--offset-12) !important;
    margin-block-start: var(--offset-12) !important;
  }
  .mye-md-12 {
    -webkit-margin-after: var(--offset-12) !important;
    margin-block-end: var(--offset-12) !important;
  }
  .mx-md-12 {
    margin-inline: var(--offset-12) !important;
  }
  .mxs-md-12 {
    -webkit-margin-start: var(--offset-12) !important;
    margin-inline-start: var(--offset-12) !important;
  }
  .mxe-md-12 {
    -webkit-margin-end: var(--offset-12) !important;
    margin-inline-end: var(--offset-12) !important;
  }
  .p-md-12 {
    padding: var(--offset-12) !important;
  }
  .py-md-12 {
    padding-block: var(--offset-12) !important;
  }
  .pys-md-12 {
    -webkit-padding-before: var(--offset-12) !important;
    padding-block-start: var(--offset-12) !important;
  }
  .pye-md-12 {
    -webkit-padding-after: var(--offset-12) !important;
    padding-block-end: var(--offset-12) !important;
  }
  .px-md-12 {
    padding-inline: var(--offset-12) !important;
  }
  .pxs-md-12 {
    -webkit-padding-start: var(--offset-12) !important;
    padding-inline-start: var(--offset-12) !important;
  }
  .pxe-md-12 {
    -webkit-padding-end: var(--offset-12) !important;
    padding-inline-end: var(--offset-12) !important;
  }
  .m-md-13 {
    margin: var(--offset-13) !important;
  }
  .my-md-13 {
    margin-block: var(--offset-13) !important;
  }
  .mys-md-13 {
    -webkit-margin-before: var(--offset-13) !important;
    margin-block-start: var(--offset-13) !important;
  }
  .mye-md-13 {
    -webkit-margin-after: var(--offset-13) !important;
    margin-block-end: var(--offset-13) !important;
  }
  .mx-md-13 {
    margin-inline: var(--offset-13) !important;
  }
  .mxs-md-13 {
    -webkit-margin-start: var(--offset-13) !important;
    margin-inline-start: var(--offset-13) !important;
  }
  .mxe-md-13 {
    -webkit-margin-end: var(--offset-13) !important;
    margin-inline-end: var(--offset-13) !important;
  }
  .p-md-13 {
    padding: var(--offset-13) !important;
  }
  .py-md-13 {
    padding-block: var(--offset-13) !important;
  }
  .pys-md-13 {
    -webkit-padding-before: var(--offset-13) !important;
    padding-block-start: var(--offset-13) !important;
  }
  .pye-md-13 {
    -webkit-padding-after: var(--offset-13) !important;
    padding-block-end: var(--offset-13) !important;
  }
  .px-md-13 {
    padding-inline: var(--offset-13) !important;
  }
  .pxs-md-13 {
    -webkit-padding-start: var(--offset-13) !important;
    padding-inline-start: var(--offset-13) !important;
  }
  .pxe-md-13 {
    -webkit-padding-end: var(--offset-13) !important;
    padding-inline-end: var(--offset-13) !important;
  }
  .m-md-14 {
    margin: var(--offset-14) !important;
  }
  .my-md-14 {
    margin-block: var(--offset-14) !important;
  }
  .mys-md-14 {
    -webkit-margin-before: var(--offset-14) !important;
    margin-block-start: var(--offset-14) !important;
  }
  .mye-md-14 {
    -webkit-margin-after: var(--offset-14) !important;
    margin-block-end: var(--offset-14) !important;
  }
  .mx-md-14 {
    margin-inline: var(--offset-14) !important;
  }
  .mxs-md-14 {
    -webkit-margin-start: var(--offset-14) !important;
    margin-inline-start: var(--offset-14) !important;
  }
  .mxe-md-14 {
    -webkit-margin-end: var(--offset-14) !important;
    margin-inline-end: var(--offset-14) !important;
  }
  .p-md-14 {
    padding: var(--offset-14) !important;
  }
  .py-md-14 {
    padding-block: var(--offset-14) !important;
  }
  .pys-md-14 {
    -webkit-padding-before: var(--offset-14) !important;
    padding-block-start: var(--offset-14) !important;
  }
  .pye-md-14 {
    -webkit-padding-after: var(--offset-14) !important;
    padding-block-end: var(--offset-14) !important;
  }
  .px-md-14 {
    padding-inline: var(--offset-14) !important;
  }
  .pxs-md-14 {
    -webkit-padding-start: var(--offset-14) !important;
    padding-inline-start: var(--offset-14) !important;
  }
  .pxe-md-14 {
    -webkit-padding-end: var(--offset-14) !important;
    padding-inline-end: var(--offset-14) !important;
  }
  .m-md-15 {
    margin: var(--offset-15) !important;
  }
  .my-md-15 {
    margin-block: var(--offset-15) !important;
  }
  .mys-md-15 {
    -webkit-margin-before: var(--offset-15) !important;
    margin-block-start: var(--offset-15) !important;
  }
  .mye-md-15 {
    -webkit-margin-after: var(--offset-15) !important;
    margin-block-end: var(--offset-15) !important;
  }
  .mx-md-15 {
    margin-inline: var(--offset-15) !important;
  }
  .mxs-md-15 {
    -webkit-margin-start: var(--offset-15) !important;
    margin-inline-start: var(--offset-15) !important;
  }
  .mxe-md-15 {
    -webkit-margin-end: var(--offset-15) !important;
    margin-inline-end: var(--offset-15) !important;
  }
  .p-md-15 {
    padding: var(--offset-15) !important;
  }
  .py-md-15 {
    padding-block: var(--offset-15) !important;
  }
  .pys-md-15 {
    -webkit-padding-before: var(--offset-15) !important;
    padding-block-start: var(--offset-15) !important;
  }
  .pye-md-15 {
    -webkit-padding-after: var(--offset-15) !important;
    padding-block-end: var(--offset-15) !important;
  }
  .px-md-15 {
    padding-inline: var(--offset-15) !important;
  }
  .pxs-md-15 {
    -webkit-padding-start: var(--offset-15) !important;
    padding-inline-start: var(--offset-15) !important;
  }
  .pxe-md-15 {
    -webkit-padding-end: var(--offset-15) !important;
    padding-inline-end: var(--offset-15) !important;
  }
  .m-md-16 {
    margin: var(--offset-16) !important;
  }
  .my-md-16 {
    margin-block: var(--offset-16) !important;
  }
  .mys-md-16 {
    -webkit-margin-before: var(--offset-16) !important;
    margin-block-start: var(--offset-16) !important;
  }
  .mye-md-16 {
    -webkit-margin-after: var(--offset-16) !important;
    margin-block-end: var(--offset-16) !important;
  }
  .mx-md-16 {
    margin-inline: var(--offset-16) !important;
  }
  .mxs-md-16 {
    -webkit-margin-start: var(--offset-16) !important;
    margin-inline-start: var(--offset-16) !important;
  }
  .mxe-md-16 {
    -webkit-margin-end: var(--offset-16) !important;
    margin-inline-end: var(--offset-16) !important;
  }
  .p-md-16 {
    padding: var(--offset-16) !important;
  }
  .py-md-16 {
    padding-block: var(--offset-16) !important;
  }
  .pys-md-16 {
    -webkit-padding-before: var(--offset-16) !important;
    padding-block-start: var(--offset-16) !important;
  }
  .pye-md-16 {
    -webkit-padding-after: var(--offset-16) !important;
    padding-block-end: var(--offset-16) !important;
  }
  .px-md-16 {
    padding-inline: var(--offset-16) !important;
  }
  .pxs-md-16 {
    -webkit-padding-start: var(--offset-16) !important;
    padding-inline-start: var(--offset-16) !important;
  }
  .pxe-md-16 {
    -webkit-padding-end: var(--offset-16) !important;
    padding-inline-end: var(--offset-16) !important;
  }
  .m-md-17 {
    margin: var(--offset-17) !important;
  }
  .my-md-17 {
    margin-block: var(--offset-17) !important;
  }
  .mys-md-17 {
    -webkit-margin-before: var(--offset-17) !important;
    margin-block-start: var(--offset-17) !important;
  }
  .mye-md-17 {
    -webkit-margin-after: var(--offset-17) !important;
    margin-block-end: var(--offset-17) !important;
  }
  .mx-md-17 {
    margin-inline: var(--offset-17) !important;
  }
  .mxs-md-17 {
    -webkit-margin-start: var(--offset-17) !important;
    margin-inline-start: var(--offset-17) !important;
  }
  .mxe-md-17 {
    -webkit-margin-end: var(--offset-17) !important;
    margin-inline-end: var(--offset-17) !important;
  }
  .p-md-17 {
    padding: var(--offset-17) !important;
  }
  .py-md-17 {
    padding-block: var(--offset-17) !important;
  }
  .pys-md-17 {
    -webkit-padding-before: var(--offset-17) !important;
    padding-block-start: var(--offset-17) !important;
  }
  .pye-md-17 {
    -webkit-padding-after: var(--offset-17) !important;
    padding-block-end: var(--offset-17) !important;
  }
  .px-md-17 {
    padding-inline: var(--offset-17) !important;
  }
  .pxs-md-17 {
    -webkit-padding-start: var(--offset-17) !important;
    padding-inline-start: var(--offset-17) !important;
  }
  .pxe-md-17 {
    -webkit-padding-end: var(--offset-17) !important;
    padding-inline-end: var(--offset-17) !important;
  }
  .m-md-18 {
    margin: var(--offset-18) !important;
  }
  .my-md-18 {
    margin-block: var(--offset-18) !important;
  }
  .mys-md-18 {
    -webkit-margin-before: var(--offset-18) !important;
    margin-block-start: var(--offset-18) !important;
  }
  .mye-md-18 {
    -webkit-margin-after: var(--offset-18) !important;
    margin-block-end: var(--offset-18) !important;
  }
  .mx-md-18 {
    margin-inline: var(--offset-18) !important;
  }
  .mxs-md-18 {
    -webkit-margin-start: var(--offset-18) !important;
    margin-inline-start: var(--offset-18) !important;
  }
  .mxe-md-18 {
    -webkit-margin-end: var(--offset-18) !important;
    margin-inline-end: var(--offset-18) !important;
  }
  .p-md-18 {
    padding: var(--offset-18) !important;
  }
  .py-md-18 {
    padding-block: var(--offset-18) !important;
  }
  .pys-md-18 {
    -webkit-padding-before: var(--offset-18) !important;
    padding-block-start: var(--offset-18) !important;
  }
  .pye-md-18 {
    -webkit-padding-after: var(--offset-18) !important;
    padding-block-end: var(--offset-18) !important;
  }
  .px-md-18 {
    padding-inline: var(--offset-18) !important;
  }
  .pxs-md-18 {
    -webkit-padding-start: var(--offset-18) !important;
    padding-inline-start: var(--offset-18) !important;
  }
  .pxe-md-18 {
    -webkit-padding-end: var(--offset-18) !important;
    padding-inline-end: var(--offset-18) !important;
  }
  .m-md-19 {
    margin: var(--offset-19) !important;
  }
  .my-md-19 {
    margin-block: var(--offset-19) !important;
  }
  .mys-md-19 {
    -webkit-margin-before: var(--offset-19) !important;
    margin-block-start: var(--offset-19) !important;
  }
  .mye-md-19 {
    -webkit-margin-after: var(--offset-19) !important;
    margin-block-end: var(--offset-19) !important;
  }
  .mx-md-19 {
    margin-inline: var(--offset-19) !important;
  }
  .mxs-md-19 {
    -webkit-margin-start: var(--offset-19) !important;
    margin-inline-start: var(--offset-19) !important;
  }
  .mxe-md-19 {
    -webkit-margin-end: var(--offset-19) !important;
    margin-inline-end: var(--offset-19) !important;
  }
  .p-md-19 {
    padding: var(--offset-19) !important;
  }
  .py-md-19 {
    padding-block: var(--offset-19) !important;
  }
  .pys-md-19 {
    -webkit-padding-before: var(--offset-19) !important;
    padding-block-start: var(--offset-19) !important;
  }
  .pye-md-19 {
    -webkit-padding-after: var(--offset-19) !important;
    padding-block-end: var(--offset-19) !important;
  }
  .px-md-19 {
    padding-inline: var(--offset-19) !important;
  }
  .pxs-md-19 {
    -webkit-padding-start: var(--offset-19) !important;
    padding-inline-start: var(--offset-19) !important;
  }
  .pxe-md-19 {
    -webkit-padding-end: var(--offset-19) !important;
    padding-inline-end: var(--offset-19) !important;
  }
  .m-md-20 {
    margin: var(--offset-20) !important;
  }
  .my-md-20 {
    margin-block: var(--offset-20) !important;
  }
  .mys-md-20 {
    -webkit-margin-before: var(--offset-20) !important;
    margin-block-start: var(--offset-20) !important;
  }
  .mye-md-20 {
    -webkit-margin-after: var(--offset-20) !important;
    margin-block-end: var(--offset-20) !important;
  }
  .mx-md-20 {
    margin-inline: var(--offset-20) !important;
  }
  .mxs-md-20 {
    -webkit-margin-start: var(--offset-20) !important;
    margin-inline-start: var(--offset-20) !important;
  }
  .mxe-md-20 {
    -webkit-margin-end: var(--offset-20) !important;
    margin-inline-end: var(--offset-20) !important;
  }
  .p-md-20 {
    padding: var(--offset-20) !important;
  }
  .py-md-20 {
    padding-block: var(--offset-20) !important;
  }
  .pys-md-20 {
    -webkit-padding-before: var(--offset-20) !important;
    padding-block-start: var(--offset-20) !important;
  }
  .pye-md-20 {
    -webkit-padding-after: var(--offset-20) !important;
    padding-block-end: var(--offset-20) !important;
  }
  .px-md-20 {
    padding-inline: var(--offset-20) !important;
  }
  .pxs-md-20 {
    -webkit-padding-start: var(--offset-20) !important;
    padding-inline-start: var(--offset-20) !important;
  }
  .pxe-md-20 {
    -webkit-padding-end: var(--offset-20) !important;
    padding-inline-end: var(--offset-20) !important;
  }
  .m-md-21 {
    margin: var(--offset-21) !important;
  }
  .my-md-21 {
    margin-block: var(--offset-21) !important;
  }
  .mys-md-21 {
    -webkit-margin-before: var(--offset-21) !important;
    margin-block-start: var(--offset-21) !important;
  }
  .mye-md-21 {
    -webkit-margin-after: var(--offset-21) !important;
    margin-block-end: var(--offset-21) !important;
  }
  .mx-md-21 {
    margin-inline: var(--offset-21) !important;
  }
  .mxs-md-21 {
    -webkit-margin-start: var(--offset-21) !important;
    margin-inline-start: var(--offset-21) !important;
  }
  .mxe-md-21 {
    -webkit-margin-end: var(--offset-21) !important;
    margin-inline-end: var(--offset-21) !important;
  }
  .p-md-21 {
    padding: var(--offset-21) !important;
  }
  .py-md-21 {
    padding-block: var(--offset-21) !important;
  }
  .pys-md-21 {
    -webkit-padding-before: var(--offset-21) !important;
    padding-block-start: var(--offset-21) !important;
  }
  .pye-md-21 {
    -webkit-padding-after: var(--offset-21) !important;
    padding-block-end: var(--offset-21) !important;
  }
  .px-md-21 {
    padding-inline: var(--offset-21) !important;
  }
  .pxs-md-21 {
    -webkit-padding-start: var(--offset-21) !important;
    padding-inline-start: var(--offset-21) !important;
  }
  .pxe-md-21 {
    -webkit-padding-end: var(--offset-21) !important;
    padding-inline-end: var(--offset-21) !important;
  }
  .m-md-22 {
    margin: var(--offset-22) !important;
  }
  .my-md-22 {
    margin-block: var(--offset-22) !important;
  }
  .mys-md-22 {
    -webkit-margin-before: var(--offset-22) !important;
    margin-block-start: var(--offset-22) !important;
  }
  .mye-md-22 {
    -webkit-margin-after: var(--offset-22) !important;
    margin-block-end: var(--offset-22) !important;
  }
  .mx-md-22 {
    margin-inline: var(--offset-22) !important;
  }
  .mxs-md-22 {
    -webkit-margin-start: var(--offset-22) !important;
    margin-inline-start: var(--offset-22) !important;
  }
  .mxe-md-22 {
    -webkit-margin-end: var(--offset-22) !important;
    margin-inline-end: var(--offset-22) !important;
  }
  .p-md-22 {
    padding: var(--offset-22) !important;
  }
  .py-md-22 {
    padding-block: var(--offset-22) !important;
  }
  .pys-md-22 {
    -webkit-padding-before: var(--offset-22) !important;
    padding-block-start: var(--offset-22) !important;
  }
  .pye-md-22 {
    -webkit-padding-after: var(--offset-22) !important;
    padding-block-end: var(--offset-22) !important;
  }
  .px-md-22 {
    padding-inline: var(--offset-22) !important;
  }
  .pxs-md-22 {
    -webkit-padding-start: var(--offset-22) !important;
    padding-inline-start: var(--offset-22) !important;
  }
  .pxe-md-22 {
    -webkit-padding-end: var(--offset-22) !important;
    padding-inline-end: var(--offset-22) !important;
  }
  .m-md-23 {
    margin: var(--offset-23) !important;
  }
  .my-md-23 {
    margin-block: var(--offset-23) !important;
  }
  .mys-md-23 {
    -webkit-margin-before: var(--offset-23) !important;
    margin-block-start: var(--offset-23) !important;
  }
  .mye-md-23 {
    -webkit-margin-after: var(--offset-23) !important;
    margin-block-end: var(--offset-23) !important;
  }
  .mx-md-23 {
    margin-inline: var(--offset-23) !important;
  }
  .mxs-md-23 {
    -webkit-margin-start: var(--offset-23) !important;
    margin-inline-start: var(--offset-23) !important;
  }
  .mxe-md-23 {
    -webkit-margin-end: var(--offset-23) !important;
    margin-inline-end: var(--offset-23) !important;
  }
  .p-md-23 {
    padding: var(--offset-23) !important;
  }
  .py-md-23 {
    padding-block: var(--offset-23) !important;
  }
  .pys-md-23 {
    -webkit-padding-before: var(--offset-23) !important;
    padding-block-start: var(--offset-23) !important;
  }
  .pye-md-23 {
    -webkit-padding-after: var(--offset-23) !important;
    padding-block-end: var(--offset-23) !important;
  }
  .px-md-23 {
    padding-inline: var(--offset-23) !important;
  }
  .pxs-md-23 {
    -webkit-padding-start: var(--offset-23) !important;
    padding-inline-start: var(--offset-23) !important;
  }
  .pxe-md-23 {
    -webkit-padding-end: var(--offset-23) !important;
    padding-inline-end: var(--offset-23) !important;
  }
  .m-md-24 {
    margin: var(--offset-24) !important;
  }
  .my-md-24 {
    margin-block: var(--offset-24) !important;
  }
  .mys-md-24 {
    -webkit-margin-before: var(--offset-24) !important;
    margin-block-start: var(--offset-24) !important;
  }
  .mye-md-24 {
    -webkit-margin-after: var(--offset-24) !important;
    margin-block-end: var(--offset-24) !important;
  }
  .mx-md-24 {
    margin-inline: var(--offset-24) !important;
  }
  .mxs-md-24 {
    -webkit-margin-start: var(--offset-24) !important;
    margin-inline-start: var(--offset-24) !important;
  }
  .mxe-md-24 {
    -webkit-margin-end: var(--offset-24) !important;
    margin-inline-end: var(--offset-24) !important;
  }
  .p-md-24 {
    padding: var(--offset-24) !important;
  }
  .py-md-24 {
    padding-block: var(--offset-24) !important;
  }
  .pys-md-24 {
    -webkit-padding-before: var(--offset-24) !important;
    padding-block-start: var(--offset-24) !important;
  }
  .pye-md-24 {
    -webkit-padding-after: var(--offset-24) !important;
    padding-block-end: var(--offset-24) !important;
  }
  .px-md-24 {
    padding-inline: var(--offset-24) !important;
  }
  .pxs-md-24 {
    -webkit-padding-start: var(--offset-24) !important;
    padding-inline-start: var(--offset-24) !important;
  }
  .pxe-md-24 {
    -webkit-padding-end: var(--offset-24) !important;
    padding-inline-end: var(--offset-24) !important;
  }
  .m-md-25 {
    margin: var(--offset-25) !important;
  }
  .my-md-25 {
    margin-block: var(--offset-25) !important;
  }
  .mys-md-25 {
    -webkit-margin-before: var(--offset-25) !important;
    margin-block-start: var(--offset-25) !important;
  }
  .mye-md-25 {
    -webkit-margin-after: var(--offset-25) !important;
    margin-block-end: var(--offset-25) !important;
  }
  .mx-md-25 {
    margin-inline: var(--offset-25) !important;
  }
  .mxs-md-25 {
    -webkit-margin-start: var(--offset-25) !important;
    margin-inline-start: var(--offset-25) !important;
  }
  .mxe-md-25 {
    -webkit-margin-end: var(--offset-25) !important;
    margin-inline-end: var(--offset-25) !important;
  }
  .p-md-25 {
    padding: var(--offset-25) !important;
  }
  .py-md-25 {
    padding-block: var(--offset-25) !important;
  }
  .pys-md-25 {
    -webkit-padding-before: var(--offset-25) !important;
    padding-block-start: var(--offset-25) !important;
  }
  .pye-md-25 {
    -webkit-padding-after: var(--offset-25) !important;
    padding-block-end: var(--offset-25) !important;
  }
  .px-md-25 {
    padding-inline: var(--offset-25) !important;
  }
  .pxs-md-25 {
    -webkit-padding-start: var(--offset-25) !important;
    padding-inline-start: var(--offset-25) !important;
  }
  .pxe-md-25 {
    -webkit-padding-end: var(--offset-25) !important;
    padding-inline-end: var(--offset-25) !important;
  }
  .m-md-26 {
    margin: var(--offset-26) !important;
  }
  .my-md-26 {
    margin-block: var(--offset-26) !important;
  }
  .mys-md-26 {
    -webkit-margin-before: var(--offset-26) !important;
    margin-block-start: var(--offset-26) !important;
  }
  .mye-md-26 {
    -webkit-margin-after: var(--offset-26) !important;
    margin-block-end: var(--offset-26) !important;
  }
  .mx-md-26 {
    margin-inline: var(--offset-26) !important;
  }
  .mxs-md-26 {
    -webkit-margin-start: var(--offset-26) !important;
    margin-inline-start: var(--offset-26) !important;
  }
  .mxe-md-26 {
    -webkit-margin-end: var(--offset-26) !important;
    margin-inline-end: var(--offset-26) !important;
  }
  .p-md-26 {
    padding: var(--offset-26) !important;
  }
  .py-md-26 {
    padding-block: var(--offset-26) !important;
  }
  .pys-md-26 {
    -webkit-padding-before: var(--offset-26) !important;
    padding-block-start: var(--offset-26) !important;
  }
  .pye-md-26 {
    -webkit-padding-after: var(--offset-26) !important;
    padding-block-end: var(--offset-26) !important;
  }
  .px-md-26 {
    padding-inline: var(--offset-26) !important;
  }
  .pxs-md-26 {
    -webkit-padding-start: var(--offset-26) !important;
    padding-inline-start: var(--offset-26) !important;
  }
  .pxe-md-26 {
    -webkit-padding-end: var(--offset-26) !important;
    padding-inline-end: var(--offset-26) !important;
  }
  .m-md-27 {
    margin: var(--offset-27) !important;
  }
  .my-md-27 {
    margin-block: var(--offset-27) !important;
  }
  .mys-md-27 {
    -webkit-margin-before: var(--offset-27) !important;
    margin-block-start: var(--offset-27) !important;
  }
  .mye-md-27 {
    -webkit-margin-after: var(--offset-27) !important;
    margin-block-end: var(--offset-27) !important;
  }
  .mx-md-27 {
    margin-inline: var(--offset-27) !important;
  }
  .mxs-md-27 {
    -webkit-margin-start: var(--offset-27) !important;
    margin-inline-start: var(--offset-27) !important;
  }
  .mxe-md-27 {
    -webkit-margin-end: var(--offset-27) !important;
    margin-inline-end: var(--offset-27) !important;
  }
  .p-md-27 {
    padding: var(--offset-27) !important;
  }
  .py-md-27 {
    padding-block: var(--offset-27) !important;
  }
  .pys-md-27 {
    -webkit-padding-before: var(--offset-27) !important;
    padding-block-start: var(--offset-27) !important;
  }
  .pye-md-27 {
    -webkit-padding-after: var(--offset-27) !important;
    padding-block-end: var(--offset-27) !important;
  }
  .px-md-27 {
    padding-inline: var(--offset-27) !important;
  }
  .pxs-md-27 {
    -webkit-padding-start: var(--offset-27) !important;
    padding-inline-start: var(--offset-27) !important;
  }
  .pxe-md-27 {
    -webkit-padding-end: var(--offset-27) !important;
    padding-inline-end: var(--offset-27) !important;
  }
  .m-md-28 {
    margin: var(--offset-28) !important;
  }
  .my-md-28 {
    margin-block: var(--offset-28) !important;
  }
  .mys-md-28 {
    -webkit-margin-before: var(--offset-28) !important;
    margin-block-start: var(--offset-28) !important;
  }
  .mye-md-28 {
    -webkit-margin-after: var(--offset-28) !important;
    margin-block-end: var(--offset-28) !important;
  }
  .mx-md-28 {
    margin-inline: var(--offset-28) !important;
  }
  .mxs-md-28 {
    -webkit-margin-start: var(--offset-28) !important;
    margin-inline-start: var(--offset-28) !important;
  }
  .mxe-md-28 {
    -webkit-margin-end: var(--offset-28) !important;
    margin-inline-end: var(--offset-28) !important;
  }
  .p-md-28 {
    padding: var(--offset-28) !important;
  }
  .py-md-28 {
    padding-block: var(--offset-28) !important;
  }
  .pys-md-28 {
    -webkit-padding-before: var(--offset-28) !important;
    padding-block-start: var(--offset-28) !important;
  }
  .pye-md-28 {
    -webkit-padding-after: var(--offset-28) !important;
    padding-block-end: var(--offset-28) !important;
  }
  .px-md-28 {
    padding-inline: var(--offset-28) !important;
  }
  .pxs-md-28 {
    -webkit-padding-start: var(--offset-28) !important;
    padding-inline-start: var(--offset-28) !important;
  }
  .pxe-md-28 {
    -webkit-padding-end: var(--offset-28) !important;
    padding-inline-end: var(--offset-28) !important;
  }
  .m-md-29 {
    margin: var(--offset-29) !important;
  }
  .my-md-29 {
    margin-block: var(--offset-29) !important;
  }
  .mys-md-29 {
    -webkit-margin-before: var(--offset-29) !important;
    margin-block-start: var(--offset-29) !important;
  }
  .mye-md-29 {
    -webkit-margin-after: var(--offset-29) !important;
    margin-block-end: var(--offset-29) !important;
  }
  .mx-md-29 {
    margin-inline: var(--offset-29) !important;
  }
  .mxs-md-29 {
    -webkit-margin-start: var(--offset-29) !important;
    margin-inline-start: var(--offset-29) !important;
  }
  .mxe-md-29 {
    -webkit-margin-end: var(--offset-29) !important;
    margin-inline-end: var(--offset-29) !important;
  }
  .p-md-29 {
    padding: var(--offset-29) !important;
  }
  .py-md-29 {
    padding-block: var(--offset-29) !important;
  }
  .pys-md-29 {
    -webkit-padding-before: var(--offset-29) !important;
    padding-block-start: var(--offset-29) !important;
  }
  .pye-md-29 {
    -webkit-padding-after: var(--offset-29) !important;
    padding-block-end: var(--offset-29) !important;
  }
  .px-md-29 {
    padding-inline: var(--offset-29) !important;
  }
  .pxs-md-29 {
    -webkit-padding-start: var(--offset-29) !important;
    padding-inline-start: var(--offset-29) !important;
  }
  .pxe-md-29 {
    -webkit-padding-end: var(--offset-29) !important;
    padding-inline-end: var(--offset-29) !important;
  }
  .m-md-30 {
    margin: var(--offset-30) !important;
  }
  .my-md-30 {
    margin-block: var(--offset-30) !important;
  }
  .mys-md-30 {
    -webkit-margin-before: var(--offset-30) !important;
    margin-block-start: var(--offset-30) !important;
  }
  .mye-md-30 {
    -webkit-margin-after: var(--offset-30) !important;
    margin-block-end: var(--offset-30) !important;
  }
  .mx-md-30 {
    margin-inline: var(--offset-30) !important;
  }
  .mxs-md-30 {
    -webkit-margin-start: var(--offset-30) !important;
    margin-inline-start: var(--offset-30) !important;
  }
  .mxe-md-30 {
    -webkit-margin-end: var(--offset-30) !important;
    margin-inline-end: var(--offset-30) !important;
  }
  .p-md-30 {
    padding: var(--offset-30) !important;
  }
  .py-md-30 {
    padding-block: var(--offset-30) !important;
  }
  .pys-md-30 {
    -webkit-padding-before: var(--offset-30) !important;
    padding-block-start: var(--offset-30) !important;
  }
  .pye-md-30 {
    -webkit-padding-after: var(--offset-30) !important;
    padding-block-end: var(--offset-30) !important;
  }
  .px-md-30 {
    padding-inline: var(--offset-30) !important;
  }
  .pxs-md-30 {
    -webkit-padding-start: var(--offset-30) !important;
    padding-inline-start: var(--offset-30) !important;
  }
  .pxe-md-30 {
    -webkit-padding-end: var(--offset-30) !important;
    padding-inline-end: var(--offset-30) !important;
  }
  .m-md-31 {
    margin: var(--offset-31) !important;
  }
  .my-md-31 {
    margin-block: var(--offset-31) !important;
  }
  .mys-md-31 {
    -webkit-margin-before: var(--offset-31) !important;
    margin-block-start: var(--offset-31) !important;
  }
  .mye-md-31 {
    -webkit-margin-after: var(--offset-31) !important;
    margin-block-end: var(--offset-31) !important;
  }
  .mx-md-31 {
    margin-inline: var(--offset-31) !important;
  }
  .mxs-md-31 {
    -webkit-margin-start: var(--offset-31) !important;
    margin-inline-start: var(--offset-31) !important;
  }
  .mxe-md-31 {
    -webkit-margin-end: var(--offset-31) !important;
    margin-inline-end: var(--offset-31) !important;
  }
  .p-md-31 {
    padding: var(--offset-31) !important;
  }
  .py-md-31 {
    padding-block: var(--offset-31) !important;
  }
  .pys-md-31 {
    -webkit-padding-before: var(--offset-31) !important;
    padding-block-start: var(--offset-31) !important;
  }
  .pye-md-31 {
    -webkit-padding-after: var(--offset-31) !important;
    padding-block-end: var(--offset-31) !important;
  }
  .px-md-31 {
    padding-inline: var(--offset-31) !important;
  }
  .pxs-md-31 {
    -webkit-padding-start: var(--offset-31) !important;
    padding-inline-start: var(--offset-31) !important;
  }
  .pxe-md-31 {
    -webkit-padding-end: var(--offset-31) !important;
    padding-inline-end: var(--offset-31) !important;
  }
  .m-md-32 {
    margin: var(--offset-32) !important;
  }
  .my-md-32 {
    margin-block: var(--offset-32) !important;
  }
  .mys-md-32 {
    -webkit-margin-before: var(--offset-32) !important;
    margin-block-start: var(--offset-32) !important;
  }
  .mye-md-32 {
    -webkit-margin-after: var(--offset-32) !important;
    margin-block-end: var(--offset-32) !important;
  }
  .mx-md-32 {
    margin-inline: var(--offset-32) !important;
  }
  .mxs-md-32 {
    -webkit-margin-start: var(--offset-32) !important;
    margin-inline-start: var(--offset-32) !important;
  }
  .mxe-md-32 {
    -webkit-margin-end: var(--offset-32) !important;
    margin-inline-end: var(--offset-32) !important;
  }
  .p-md-32 {
    padding: var(--offset-32) !important;
  }
  .py-md-32 {
    padding-block: var(--offset-32) !important;
  }
  .pys-md-32 {
    -webkit-padding-before: var(--offset-32) !important;
    padding-block-start: var(--offset-32) !important;
  }
  .pye-md-32 {
    -webkit-padding-after: var(--offset-32) !important;
    padding-block-end: var(--offset-32) !important;
  }
  .px-md-32 {
    padding-inline: var(--offset-32) !important;
  }
  .pxs-md-32 {
    -webkit-padding-start: var(--offset-32) !important;
    padding-inline-start: var(--offset-32) !important;
  }
  .pxe-md-32 {
    -webkit-padding-end: var(--offset-32) !important;
    padding-inline-end: var(--offset-32) !important;
  }
  .m-md-33 {
    margin: var(--offset-33) !important;
  }
  .my-md-33 {
    margin-block: var(--offset-33) !important;
  }
  .mys-md-33 {
    -webkit-margin-before: var(--offset-33) !important;
    margin-block-start: var(--offset-33) !important;
  }
  .mye-md-33 {
    -webkit-margin-after: var(--offset-33) !important;
    margin-block-end: var(--offset-33) !important;
  }
  .mx-md-33 {
    margin-inline: var(--offset-33) !important;
  }
  .mxs-md-33 {
    -webkit-margin-start: var(--offset-33) !important;
    margin-inline-start: var(--offset-33) !important;
  }
  .mxe-md-33 {
    -webkit-margin-end: var(--offset-33) !important;
    margin-inline-end: var(--offset-33) !important;
  }
  .p-md-33 {
    padding: var(--offset-33) !important;
  }
  .py-md-33 {
    padding-block: var(--offset-33) !important;
  }
  .pys-md-33 {
    -webkit-padding-before: var(--offset-33) !important;
    padding-block-start: var(--offset-33) !important;
  }
  .pye-md-33 {
    -webkit-padding-after: var(--offset-33) !important;
    padding-block-end: var(--offset-33) !important;
  }
  .px-md-33 {
    padding-inline: var(--offset-33) !important;
  }
  .pxs-md-33 {
    -webkit-padding-start: var(--offset-33) !important;
    padding-inline-start: var(--offset-33) !important;
  }
  .pxe-md-33 {
    -webkit-padding-end: var(--offset-33) !important;
    padding-inline-end: var(--offset-33) !important;
  }
  .m-md-34 {
    margin: var(--offset-34) !important;
  }
  .my-md-34 {
    margin-block: var(--offset-34) !important;
  }
  .mys-md-34 {
    -webkit-margin-before: var(--offset-34) !important;
    margin-block-start: var(--offset-34) !important;
  }
  .mye-md-34 {
    -webkit-margin-after: var(--offset-34) !important;
    margin-block-end: var(--offset-34) !important;
  }
  .mx-md-34 {
    margin-inline: var(--offset-34) !important;
  }
  .mxs-md-34 {
    -webkit-margin-start: var(--offset-34) !important;
    margin-inline-start: var(--offset-34) !important;
  }
  .mxe-md-34 {
    -webkit-margin-end: var(--offset-34) !important;
    margin-inline-end: var(--offset-34) !important;
  }
  .p-md-34 {
    padding: var(--offset-34) !important;
  }
  .py-md-34 {
    padding-block: var(--offset-34) !important;
  }
  .pys-md-34 {
    -webkit-padding-before: var(--offset-34) !important;
    padding-block-start: var(--offset-34) !important;
  }
  .pye-md-34 {
    -webkit-padding-after: var(--offset-34) !important;
    padding-block-end: var(--offset-34) !important;
  }
  .px-md-34 {
    padding-inline: var(--offset-34) !important;
  }
  .pxs-md-34 {
    -webkit-padding-start: var(--offset-34) !important;
    padding-inline-start: var(--offset-34) !important;
  }
  .pxe-md-34 {
    -webkit-padding-end: var(--offset-34) !important;
    padding-inline-end: var(--offset-34) !important;
  }
  .m-md-35 {
    margin: var(--offset-35) !important;
  }
  .my-md-35 {
    margin-block: var(--offset-35) !important;
  }
  .mys-md-35 {
    -webkit-margin-before: var(--offset-35) !important;
    margin-block-start: var(--offset-35) !important;
  }
  .mye-md-35 {
    -webkit-margin-after: var(--offset-35) !important;
    margin-block-end: var(--offset-35) !important;
  }
  .mx-md-35 {
    margin-inline: var(--offset-35) !important;
  }
  .mxs-md-35 {
    -webkit-margin-start: var(--offset-35) !important;
    margin-inline-start: var(--offset-35) !important;
  }
  .mxe-md-35 {
    -webkit-margin-end: var(--offset-35) !important;
    margin-inline-end: var(--offset-35) !important;
  }
  .p-md-35 {
    padding: var(--offset-35) !important;
  }
  .py-md-35 {
    padding-block: var(--offset-35) !important;
  }
  .pys-md-35 {
    -webkit-padding-before: var(--offset-35) !important;
    padding-block-start: var(--offset-35) !important;
  }
  .pye-md-35 {
    -webkit-padding-after: var(--offset-35) !important;
    padding-block-end: var(--offset-35) !important;
  }
  .px-md-35 {
    padding-inline: var(--offset-35) !important;
  }
  .pxs-md-35 {
    -webkit-padding-start: var(--offset-35) !important;
    padding-inline-start: var(--offset-35) !important;
  }
  .pxe-md-35 {
    -webkit-padding-end: var(--offset-35) !important;
    padding-inline-end: var(--offset-35) !important;
  }
  .m-md-36 {
    margin: var(--offset-36) !important;
  }
  .my-md-36 {
    margin-block: var(--offset-36) !important;
  }
  .mys-md-36 {
    -webkit-margin-before: var(--offset-36) !important;
    margin-block-start: var(--offset-36) !important;
  }
  .mye-md-36 {
    -webkit-margin-after: var(--offset-36) !important;
    margin-block-end: var(--offset-36) !important;
  }
  .mx-md-36 {
    margin-inline: var(--offset-36) !important;
  }
  .mxs-md-36 {
    -webkit-margin-start: var(--offset-36) !important;
    margin-inline-start: var(--offset-36) !important;
  }
  .mxe-md-36 {
    -webkit-margin-end: var(--offset-36) !important;
    margin-inline-end: var(--offset-36) !important;
  }
  .p-md-36 {
    padding: var(--offset-36) !important;
  }
  .py-md-36 {
    padding-block: var(--offset-36) !important;
  }
  .pys-md-36 {
    -webkit-padding-before: var(--offset-36) !important;
    padding-block-start: var(--offset-36) !important;
  }
  .pye-md-36 {
    -webkit-padding-after: var(--offset-36) !important;
    padding-block-end: var(--offset-36) !important;
  }
  .px-md-36 {
    padding-inline: var(--offset-36) !important;
  }
  .pxs-md-36 {
    -webkit-padding-start: var(--offset-36) !important;
    padding-inline-start: var(--offset-36) !important;
  }
  .pxe-md-36 {
    -webkit-padding-end: var(--offset-36) !important;
    padding-inline-end: var(--offset-36) !important;
  }
  .m-md-37 {
    margin: var(--offset-37) !important;
  }
  .my-md-37 {
    margin-block: var(--offset-37) !important;
  }
  .mys-md-37 {
    -webkit-margin-before: var(--offset-37) !important;
    margin-block-start: var(--offset-37) !important;
  }
  .mye-md-37 {
    -webkit-margin-after: var(--offset-37) !important;
    margin-block-end: var(--offset-37) !important;
  }
  .mx-md-37 {
    margin-inline: var(--offset-37) !important;
  }
  .mxs-md-37 {
    -webkit-margin-start: var(--offset-37) !important;
    margin-inline-start: var(--offset-37) !important;
  }
  .mxe-md-37 {
    -webkit-margin-end: var(--offset-37) !important;
    margin-inline-end: var(--offset-37) !important;
  }
  .p-md-37 {
    padding: var(--offset-37) !important;
  }
  .py-md-37 {
    padding-block: var(--offset-37) !important;
  }
  .pys-md-37 {
    -webkit-padding-before: var(--offset-37) !important;
    padding-block-start: var(--offset-37) !important;
  }
  .pye-md-37 {
    -webkit-padding-after: var(--offset-37) !important;
    padding-block-end: var(--offset-37) !important;
  }
  .px-md-37 {
    padding-inline: var(--offset-37) !important;
  }
  .pxs-md-37 {
    -webkit-padding-start: var(--offset-37) !important;
    padding-inline-start: var(--offset-37) !important;
  }
  .pxe-md-37 {
    -webkit-padding-end: var(--offset-37) !important;
    padding-inline-end: var(--offset-37) !important;
  }
  .m-md-38 {
    margin: var(--offset-38) !important;
  }
  .my-md-38 {
    margin-block: var(--offset-38) !important;
  }
  .mys-md-38 {
    -webkit-margin-before: var(--offset-38) !important;
    margin-block-start: var(--offset-38) !important;
  }
  .mye-md-38 {
    -webkit-margin-after: var(--offset-38) !important;
    margin-block-end: var(--offset-38) !important;
  }
  .mx-md-38 {
    margin-inline: var(--offset-38) !important;
  }
  .mxs-md-38 {
    -webkit-margin-start: var(--offset-38) !important;
    margin-inline-start: var(--offset-38) !important;
  }
  .mxe-md-38 {
    -webkit-margin-end: var(--offset-38) !important;
    margin-inline-end: var(--offset-38) !important;
  }
  .p-md-38 {
    padding: var(--offset-38) !important;
  }
  .py-md-38 {
    padding-block: var(--offset-38) !important;
  }
  .pys-md-38 {
    -webkit-padding-before: var(--offset-38) !important;
    padding-block-start: var(--offset-38) !important;
  }
  .pye-md-38 {
    -webkit-padding-after: var(--offset-38) !important;
    padding-block-end: var(--offset-38) !important;
  }
  .px-md-38 {
    padding-inline: var(--offset-38) !important;
  }
  .pxs-md-38 {
    -webkit-padding-start: var(--offset-38) !important;
    padding-inline-start: var(--offset-38) !important;
  }
  .pxe-md-38 {
    -webkit-padding-end: var(--offset-38) !important;
    padding-inline-end: var(--offset-38) !important;
  }
  .m-md-39 {
    margin: var(--offset-39) !important;
  }
  .my-md-39 {
    margin-block: var(--offset-39) !important;
  }
  .mys-md-39 {
    -webkit-margin-before: var(--offset-39) !important;
    margin-block-start: var(--offset-39) !important;
  }
  .mye-md-39 {
    -webkit-margin-after: var(--offset-39) !important;
    margin-block-end: var(--offset-39) !important;
  }
  .mx-md-39 {
    margin-inline: var(--offset-39) !important;
  }
  .mxs-md-39 {
    -webkit-margin-start: var(--offset-39) !important;
    margin-inline-start: var(--offset-39) !important;
  }
  .mxe-md-39 {
    -webkit-margin-end: var(--offset-39) !important;
    margin-inline-end: var(--offset-39) !important;
  }
  .p-md-39 {
    padding: var(--offset-39) !important;
  }
  .py-md-39 {
    padding-block: var(--offset-39) !important;
  }
  .pys-md-39 {
    -webkit-padding-before: var(--offset-39) !important;
    padding-block-start: var(--offset-39) !important;
  }
  .pye-md-39 {
    -webkit-padding-after: var(--offset-39) !important;
    padding-block-end: var(--offset-39) !important;
  }
  .px-md-39 {
    padding-inline: var(--offset-39) !important;
  }
  .pxs-md-39 {
    -webkit-padding-start: var(--offset-39) !important;
    padding-inline-start: var(--offset-39) !important;
  }
  .pxe-md-39 {
    -webkit-padding-end: var(--offset-39) !important;
    padding-inline-end: var(--offset-39) !important;
  }
  .m-md-40 {
    margin: var(--offset-40) !important;
  }
  .my-md-40 {
    margin-block: var(--offset-40) !important;
  }
  .mys-md-40 {
    -webkit-margin-before: var(--offset-40) !important;
    margin-block-start: var(--offset-40) !important;
  }
  .mye-md-40 {
    -webkit-margin-after: var(--offset-40) !important;
    margin-block-end: var(--offset-40) !important;
  }
  .mx-md-40 {
    margin-inline: var(--offset-40) !important;
  }
  .mxs-md-40 {
    -webkit-margin-start: var(--offset-40) !important;
    margin-inline-start: var(--offset-40) !important;
  }
  .mxe-md-40 {
    -webkit-margin-end: var(--offset-40) !important;
    margin-inline-end: var(--offset-40) !important;
  }
  .p-md-40 {
    padding: var(--offset-40) !important;
  }
  .py-md-40 {
    padding-block: var(--offset-40) !important;
  }
  .pys-md-40 {
    -webkit-padding-before: var(--offset-40) !important;
    padding-block-start: var(--offset-40) !important;
  }
  .pye-md-40 {
    -webkit-padding-after: var(--offset-40) !important;
    padding-block-end: var(--offset-40) !important;
  }
  .px-md-40 {
    padding-inline: var(--offset-40) !important;
  }
  .pxs-md-40 {
    -webkit-padding-start: var(--offset-40) !important;
    padding-inline-start: var(--offset-40) !important;
  }
  .pxe-md-40 {
    -webkit-padding-end: var(--offset-40) !important;
    padding-inline-end: var(--offset-40) !important;
  }
  .m-md-41 {
    margin: var(--offset-41) !important;
  }
  .my-md-41 {
    margin-block: var(--offset-41) !important;
  }
  .mys-md-41 {
    -webkit-margin-before: var(--offset-41) !important;
    margin-block-start: var(--offset-41) !important;
  }
  .mye-md-41 {
    -webkit-margin-after: var(--offset-41) !important;
    margin-block-end: var(--offset-41) !important;
  }
  .mx-md-41 {
    margin-inline: var(--offset-41) !important;
  }
  .mxs-md-41 {
    -webkit-margin-start: var(--offset-41) !important;
    margin-inline-start: var(--offset-41) !important;
  }
  .mxe-md-41 {
    -webkit-margin-end: var(--offset-41) !important;
    margin-inline-end: var(--offset-41) !important;
  }
  .p-md-41 {
    padding: var(--offset-41) !important;
  }
  .py-md-41 {
    padding-block: var(--offset-41) !important;
  }
  .pys-md-41 {
    -webkit-padding-before: var(--offset-41) !important;
    padding-block-start: var(--offset-41) !important;
  }
  .pye-md-41 {
    -webkit-padding-after: var(--offset-41) !important;
    padding-block-end: var(--offset-41) !important;
  }
  .px-md-41 {
    padding-inline: var(--offset-41) !important;
  }
  .pxs-md-41 {
    -webkit-padding-start: var(--offset-41) !important;
    padding-inline-start: var(--offset-41) !important;
  }
  .pxe-md-41 {
    -webkit-padding-end: var(--offset-41) !important;
    padding-inline-end: var(--offset-41) !important;
  }
  .m-md-42 {
    margin: var(--offset-42) !important;
  }
  .my-md-42 {
    margin-block: var(--offset-42) !important;
  }
  .mys-md-42 {
    -webkit-margin-before: var(--offset-42) !important;
    margin-block-start: var(--offset-42) !important;
  }
  .mye-md-42 {
    -webkit-margin-after: var(--offset-42) !important;
    margin-block-end: var(--offset-42) !important;
  }
  .mx-md-42 {
    margin-inline: var(--offset-42) !important;
  }
  .mxs-md-42 {
    -webkit-margin-start: var(--offset-42) !important;
    margin-inline-start: var(--offset-42) !important;
  }
  .mxe-md-42 {
    -webkit-margin-end: var(--offset-42) !important;
    margin-inline-end: var(--offset-42) !important;
  }
  .p-md-42 {
    padding: var(--offset-42) !important;
  }
  .py-md-42 {
    padding-block: var(--offset-42) !important;
  }
  .pys-md-42 {
    -webkit-padding-before: var(--offset-42) !important;
    padding-block-start: var(--offset-42) !important;
  }
  .pye-md-42 {
    -webkit-padding-after: var(--offset-42) !important;
    padding-block-end: var(--offset-42) !important;
  }
  .px-md-42 {
    padding-inline: var(--offset-42) !important;
  }
  .pxs-md-42 {
    -webkit-padding-start: var(--offset-42) !important;
    padding-inline-start: var(--offset-42) !important;
  }
  .pxe-md-42 {
    -webkit-padding-end: var(--offset-42) !important;
    padding-inline-end: var(--offset-42) !important;
  }
}
/** > 576px **/
@media (max-width: 36rem) {
  .m-sm-a {
    margin: auto;
  }
  .my-sm-a {
    margin-block: auto;
  }
  .mys-sm-a {
    -webkit-margin-before: auto;
    margin-block-start: auto;
  }
  .mye-sm-a {
    -webkit-margin-after: auto;
    margin-block-end: auto;
  }
  .mx-sm-a {
    margin-inline: auto;
  }
  .mxs-sm-a {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
  }
  .mxe-sm-a {
    -webkit-margin-end: auto;
    margin-inline-end: auto;
  }
  .m-sm-0 {
    margin: var(--offset-0) !important;
  }
  .my-sm-0 {
    margin-block: var(--offset-0) !important;
  }
  .mys-sm-0 {
    -webkit-margin-before: var(--offset-0) !important;
    margin-block-start: var(--offset-0) !important;
  }
  .mye-sm-0 {
    -webkit-margin-after: var(--offset-0) !important;
    margin-block-end: var(--offset-0) !important;
  }
  .mx-sm-0 {
    margin-inline: var(--offset-0) !important;
  }
  .mxs-sm-0 {
    -webkit-margin-start: var(--offset-0) !important;
    margin-inline-start: var(--offset-0) !important;
  }
  .mxe-sm-0 {
    -webkit-margin-end: var(--offset-0) !important;
    margin-inline-end: var(--offset-0) !important;
  }
  .p-sm-0 {
    padding: var(--offset-0) !important;
  }
  .py-sm-0 {
    padding-block: var(--offset-0) !important;
  }
  .pys-sm-0 {
    -webkit-padding-before: var(--offset-0) !important;
    padding-block-start: var(--offset-0) !important;
  }
  .pye-sm-0 {
    -webkit-padding-after: var(--offset-0) !important;
    padding-block-end: var(--offset-0) !important;
  }
  .px-sm-0 {
    padding-inline: var(--offset-0) !important;
  }
  .pxs-sm-0 {
    -webkit-padding-start: var(--offset-0) !important;
    padding-inline-start: var(--offset-0) !important;
  }
  .pxe-sm-0 {
    -webkit-padding-end: var(--offset-0) !important;
    padding-inline-end: var(--offset-0) !important;
  }
  .m-sm-1 {
    margin: var(--offset-1) !important;
  }
  .my-sm-1 {
    margin-block: var(--offset-1) !important;
  }
  .mys-sm-1 {
    -webkit-margin-before: var(--offset-1) !important;
    margin-block-start: var(--offset-1) !important;
  }
  .mye-sm-1 {
    -webkit-margin-after: var(--offset-1) !important;
    margin-block-end: var(--offset-1) !important;
  }
  .mx-sm-1 {
    margin-inline: var(--offset-1) !important;
  }
  .mxs-sm-1 {
    -webkit-margin-start: var(--offset-1) !important;
    margin-inline-start: var(--offset-1) !important;
  }
  .mxe-sm-1 {
    -webkit-margin-end: var(--offset-1) !important;
    margin-inline-end: var(--offset-1) !important;
  }
  .p-sm-1 {
    padding: var(--offset-1) !important;
  }
  .py-sm-1 {
    padding-block: var(--offset-1) !important;
  }
  .pys-sm-1 {
    -webkit-padding-before: var(--offset-1) !important;
    padding-block-start: var(--offset-1) !important;
  }
  .pye-sm-1 {
    -webkit-padding-after: var(--offset-1) !important;
    padding-block-end: var(--offset-1) !important;
  }
  .px-sm-1 {
    padding-inline: var(--offset-1) !important;
  }
  .pxs-sm-1 {
    -webkit-padding-start: var(--offset-1) !important;
    padding-inline-start: var(--offset-1) !important;
  }
  .pxe-sm-1 {
    -webkit-padding-end: var(--offset-1) !important;
    padding-inline-end: var(--offset-1) !important;
  }
  .m-sm-2 {
    margin: var(--offset-2) !important;
  }
  .my-sm-2 {
    margin-block: var(--offset-2) !important;
  }
  .mys-sm-2 {
    -webkit-margin-before: var(--offset-2) !important;
    margin-block-start: var(--offset-2) !important;
  }
  .mye-sm-2 {
    -webkit-margin-after: var(--offset-2) !important;
    margin-block-end: var(--offset-2) !important;
  }
  .mx-sm-2 {
    margin-inline: var(--offset-2) !important;
  }
  .mxs-sm-2 {
    -webkit-margin-start: var(--offset-2) !important;
    margin-inline-start: var(--offset-2) !important;
  }
  .mxe-sm-2 {
    -webkit-margin-end: var(--offset-2) !important;
    margin-inline-end: var(--offset-2) !important;
  }
  .p-sm-2 {
    padding: var(--offset-2) !important;
  }
  .py-sm-2 {
    padding-block: var(--offset-2) !important;
  }
  .pys-sm-2 {
    -webkit-padding-before: var(--offset-2) !important;
    padding-block-start: var(--offset-2) !important;
  }
  .pye-sm-2 {
    -webkit-padding-after: var(--offset-2) !important;
    padding-block-end: var(--offset-2) !important;
  }
  .px-sm-2 {
    padding-inline: var(--offset-2) !important;
  }
  .pxs-sm-2 {
    -webkit-padding-start: var(--offset-2) !important;
    padding-inline-start: var(--offset-2) !important;
  }
  .pxe-sm-2 {
    -webkit-padding-end: var(--offset-2) !important;
    padding-inline-end: var(--offset-2) !important;
  }
  .m-sm-3 {
    margin: var(--offset-3) !important;
  }
  .my-sm-3 {
    margin-block: var(--offset-3) !important;
  }
  .mys-sm-3 {
    -webkit-margin-before: var(--offset-3) !important;
    margin-block-start: var(--offset-3) !important;
  }
  .mye-sm-3 {
    -webkit-margin-after: var(--offset-3) !important;
    margin-block-end: var(--offset-3) !important;
  }
  .mx-sm-3 {
    margin-inline: var(--offset-3) !important;
  }
  .mxs-sm-3 {
    -webkit-margin-start: var(--offset-3) !important;
    margin-inline-start: var(--offset-3) !important;
  }
  .mxe-sm-3 {
    -webkit-margin-end: var(--offset-3) !important;
    margin-inline-end: var(--offset-3) !important;
  }
  .p-sm-3 {
    padding: var(--offset-3) !important;
  }
  .py-sm-3 {
    padding-block: var(--offset-3) !important;
  }
  .pys-sm-3 {
    -webkit-padding-before: var(--offset-3) !important;
    padding-block-start: var(--offset-3) !important;
  }
  .pye-sm-3 {
    -webkit-padding-after: var(--offset-3) !important;
    padding-block-end: var(--offset-3) !important;
  }
  .px-sm-3 {
    padding-inline: var(--offset-3) !important;
  }
  .pxs-sm-3 {
    -webkit-padding-start: var(--offset-3) !important;
    padding-inline-start: var(--offset-3) !important;
  }
  .pxe-sm-3 {
    -webkit-padding-end: var(--offset-3) !important;
    padding-inline-end: var(--offset-3) !important;
  }
  .m-sm-4 {
    margin: var(--offset-4) !important;
  }
  .my-sm-4 {
    margin-block: var(--offset-4) !important;
  }
  .mys-sm-4 {
    -webkit-margin-before: var(--offset-4) !important;
    margin-block-start: var(--offset-4) !important;
  }
  .mye-sm-4 {
    -webkit-margin-after: var(--offset-4) !important;
    margin-block-end: var(--offset-4) !important;
  }
  .mx-sm-4 {
    margin-inline: var(--offset-4) !important;
  }
  .mxs-sm-4 {
    -webkit-margin-start: var(--offset-4) !important;
    margin-inline-start: var(--offset-4) !important;
  }
  .mxe-sm-4 {
    -webkit-margin-end: var(--offset-4) !important;
    margin-inline-end: var(--offset-4) !important;
  }
  .p-sm-4 {
    padding: var(--offset-4) !important;
  }
  .py-sm-4 {
    padding-block: var(--offset-4) !important;
  }
  .pys-sm-4 {
    -webkit-padding-before: var(--offset-4) !important;
    padding-block-start: var(--offset-4) !important;
  }
  .pye-sm-4 {
    -webkit-padding-after: var(--offset-4) !important;
    padding-block-end: var(--offset-4) !important;
  }
  .px-sm-4 {
    padding-inline: var(--offset-4) !important;
  }
  .pxs-sm-4 {
    -webkit-padding-start: var(--offset-4) !important;
    padding-inline-start: var(--offset-4) !important;
  }
  .pxe-sm-4 {
    -webkit-padding-end: var(--offset-4) !important;
    padding-inline-end: var(--offset-4) !important;
  }
  .m-sm-5 {
    margin: var(--offset-5) !important;
  }
  .my-sm-5 {
    margin-block: var(--offset-5) !important;
  }
  .mys-sm-5 {
    -webkit-margin-before: var(--offset-5) !important;
    margin-block-start: var(--offset-5) !important;
  }
  .mye-sm-5 {
    -webkit-margin-after: var(--offset-5) !important;
    margin-block-end: var(--offset-5) !important;
  }
  .mx-sm-5 {
    margin-inline: var(--offset-5) !important;
  }
  .mxs-sm-5 {
    -webkit-margin-start: var(--offset-5) !important;
    margin-inline-start: var(--offset-5) !important;
  }
  .mxe-sm-5 {
    -webkit-margin-end: var(--offset-5) !important;
    margin-inline-end: var(--offset-5) !important;
  }
  .p-sm-5 {
    padding: var(--offset-5) !important;
  }
  .py-sm-5 {
    padding-block: var(--offset-5) !important;
  }
  .pys-sm-5 {
    -webkit-padding-before: var(--offset-5) !important;
    padding-block-start: var(--offset-5) !important;
  }
  .pye-sm-5 {
    -webkit-padding-after: var(--offset-5) !important;
    padding-block-end: var(--offset-5) !important;
  }
  .px-sm-5 {
    padding-inline: var(--offset-5) !important;
  }
  .pxs-sm-5 {
    -webkit-padding-start: var(--offset-5) !important;
    padding-inline-start: var(--offset-5) !important;
  }
  .pxe-sm-5 {
    -webkit-padding-end: var(--offset-5) !important;
    padding-inline-end: var(--offset-5) !important;
  }
  .m-sm-6 {
    margin: var(--offset-6) !important;
  }
  .my-sm-6 {
    margin-block: var(--offset-6) !important;
  }
  .mys-sm-6 {
    -webkit-margin-before: var(--offset-6) !important;
    margin-block-start: var(--offset-6) !important;
  }
  .mye-sm-6 {
    -webkit-margin-after: var(--offset-6) !important;
    margin-block-end: var(--offset-6) !important;
  }
  .mx-sm-6 {
    margin-inline: var(--offset-6) !important;
  }
  .mxs-sm-6 {
    -webkit-margin-start: var(--offset-6) !important;
    margin-inline-start: var(--offset-6) !important;
  }
  .mxe-sm-6 {
    -webkit-margin-end: var(--offset-6) !important;
    margin-inline-end: var(--offset-6) !important;
  }
  .p-sm-6 {
    padding: var(--offset-6) !important;
  }
  .py-sm-6 {
    padding-block: var(--offset-6) !important;
  }
  .pys-sm-6 {
    -webkit-padding-before: var(--offset-6) !important;
    padding-block-start: var(--offset-6) !important;
  }
  .pye-sm-6 {
    -webkit-padding-after: var(--offset-6) !important;
    padding-block-end: var(--offset-6) !important;
  }
  .px-sm-6 {
    padding-inline: var(--offset-6) !important;
  }
  .pxs-sm-6 {
    -webkit-padding-start: var(--offset-6) !important;
    padding-inline-start: var(--offset-6) !important;
  }
  .pxe-sm-6 {
    -webkit-padding-end: var(--offset-6) !important;
    padding-inline-end: var(--offset-6) !important;
  }
  .m-sm-7 {
    margin: var(--offset-7) !important;
  }
  .my-sm-7 {
    margin-block: var(--offset-7) !important;
  }
  .mys-sm-7 {
    -webkit-margin-before: var(--offset-7) !important;
    margin-block-start: var(--offset-7) !important;
  }
  .mye-sm-7 {
    -webkit-margin-after: var(--offset-7) !important;
    margin-block-end: var(--offset-7) !important;
  }
  .mx-sm-7 {
    margin-inline: var(--offset-7) !important;
  }
  .mxs-sm-7 {
    -webkit-margin-start: var(--offset-7) !important;
    margin-inline-start: var(--offset-7) !important;
  }
  .mxe-sm-7 {
    -webkit-margin-end: var(--offset-7) !important;
    margin-inline-end: var(--offset-7) !important;
  }
  .p-sm-7 {
    padding: var(--offset-7) !important;
  }
  .py-sm-7 {
    padding-block: var(--offset-7) !important;
  }
  .pys-sm-7 {
    -webkit-padding-before: var(--offset-7) !important;
    padding-block-start: var(--offset-7) !important;
  }
  .pye-sm-7 {
    -webkit-padding-after: var(--offset-7) !important;
    padding-block-end: var(--offset-7) !important;
  }
  .px-sm-7 {
    padding-inline: var(--offset-7) !important;
  }
  .pxs-sm-7 {
    -webkit-padding-start: var(--offset-7) !important;
    padding-inline-start: var(--offset-7) !important;
  }
  .pxe-sm-7 {
    -webkit-padding-end: var(--offset-7) !important;
    padding-inline-end: var(--offset-7) !important;
  }
  .m-sm-8 {
    margin: var(--offset-8) !important;
  }
  .my-sm-8 {
    margin-block: var(--offset-8) !important;
  }
  .mys-sm-8 {
    -webkit-margin-before: var(--offset-8) !important;
    margin-block-start: var(--offset-8) !important;
  }
  .mye-sm-8 {
    -webkit-margin-after: var(--offset-8) !important;
    margin-block-end: var(--offset-8) !important;
  }
  .mx-sm-8 {
    margin-inline: var(--offset-8) !important;
  }
  .mxs-sm-8 {
    -webkit-margin-start: var(--offset-8) !important;
    margin-inline-start: var(--offset-8) !important;
  }
  .mxe-sm-8 {
    -webkit-margin-end: var(--offset-8) !important;
    margin-inline-end: var(--offset-8) !important;
  }
  .p-sm-8 {
    padding: var(--offset-8) !important;
  }
  .py-sm-8 {
    padding-block: var(--offset-8) !important;
  }
  .pys-sm-8 {
    -webkit-padding-before: var(--offset-8) !important;
    padding-block-start: var(--offset-8) !important;
  }
  .pye-sm-8 {
    -webkit-padding-after: var(--offset-8) !important;
    padding-block-end: var(--offset-8) !important;
  }
  .px-sm-8 {
    padding-inline: var(--offset-8) !important;
  }
  .pxs-sm-8 {
    -webkit-padding-start: var(--offset-8) !important;
    padding-inline-start: var(--offset-8) !important;
  }
  .pxe-sm-8 {
    -webkit-padding-end: var(--offset-8) !important;
    padding-inline-end: var(--offset-8) !important;
  }
  .m-sm-9 {
    margin: var(--offset-9) !important;
  }
  .my-sm-9 {
    margin-block: var(--offset-9) !important;
  }
  .mys-sm-9 {
    -webkit-margin-before: var(--offset-9) !important;
    margin-block-start: var(--offset-9) !important;
  }
  .mye-sm-9 {
    -webkit-margin-after: var(--offset-9) !important;
    margin-block-end: var(--offset-9) !important;
  }
  .mx-sm-9 {
    margin-inline: var(--offset-9) !important;
  }
  .mxs-sm-9 {
    -webkit-margin-start: var(--offset-9) !important;
    margin-inline-start: var(--offset-9) !important;
  }
  .mxe-sm-9 {
    -webkit-margin-end: var(--offset-9) !important;
    margin-inline-end: var(--offset-9) !important;
  }
  .p-sm-9 {
    padding: var(--offset-9) !important;
  }
  .py-sm-9 {
    padding-block: var(--offset-9) !important;
  }
  .pys-sm-9 {
    -webkit-padding-before: var(--offset-9) !important;
    padding-block-start: var(--offset-9) !important;
  }
  .pye-sm-9 {
    -webkit-padding-after: var(--offset-9) !important;
    padding-block-end: var(--offset-9) !important;
  }
  .px-sm-9 {
    padding-inline: var(--offset-9) !important;
  }
  .pxs-sm-9 {
    -webkit-padding-start: var(--offset-9) !important;
    padding-inline-start: var(--offset-9) !important;
  }
  .pxe-sm-9 {
    -webkit-padding-end: var(--offset-9) !important;
    padding-inline-end: var(--offset-9) !important;
  }
  .m-sm-10 {
    margin: var(--offset-10) !important;
  }
  .my-sm-10 {
    margin-block: var(--offset-10) !important;
  }
  .mys-sm-10 {
    -webkit-margin-before: var(--offset-10) !important;
    margin-block-start: var(--offset-10) !important;
  }
  .mye-sm-10 {
    -webkit-margin-after: var(--offset-10) !important;
    margin-block-end: var(--offset-10) !important;
  }
  .mx-sm-10 {
    margin-inline: var(--offset-10) !important;
  }
  .mxs-sm-10 {
    -webkit-margin-start: var(--offset-10) !important;
    margin-inline-start: var(--offset-10) !important;
  }
  .mxe-sm-10 {
    -webkit-margin-end: var(--offset-10) !important;
    margin-inline-end: var(--offset-10) !important;
  }
  .p-sm-10 {
    padding: var(--offset-10) !important;
  }
  .py-sm-10 {
    padding-block: var(--offset-10) !important;
  }
  .pys-sm-10 {
    -webkit-padding-before: var(--offset-10) !important;
    padding-block-start: var(--offset-10) !important;
  }
  .pye-sm-10 {
    -webkit-padding-after: var(--offset-10) !important;
    padding-block-end: var(--offset-10) !important;
  }
  .px-sm-10 {
    padding-inline: var(--offset-10) !important;
  }
  .pxs-sm-10 {
    -webkit-padding-start: var(--offset-10) !important;
    padding-inline-start: var(--offset-10) !important;
  }
  .pxe-sm-10 {
    -webkit-padding-end: var(--offset-10) !important;
    padding-inline-end: var(--offset-10) !important;
  }
  .m-sm-11 {
    margin: var(--offset-11) !important;
  }
  .my-sm-11 {
    margin-block: var(--offset-11) !important;
  }
  .mys-sm-11 {
    -webkit-margin-before: var(--offset-11) !important;
    margin-block-start: var(--offset-11) !important;
  }
  .mye-sm-11 {
    -webkit-margin-after: var(--offset-11) !important;
    margin-block-end: var(--offset-11) !important;
  }
  .mx-sm-11 {
    margin-inline: var(--offset-11) !important;
  }
  .mxs-sm-11 {
    -webkit-margin-start: var(--offset-11) !important;
    margin-inline-start: var(--offset-11) !important;
  }
  .mxe-sm-11 {
    -webkit-margin-end: var(--offset-11) !important;
    margin-inline-end: var(--offset-11) !important;
  }
  .p-sm-11 {
    padding: var(--offset-11) !important;
  }
  .py-sm-11 {
    padding-block: var(--offset-11) !important;
  }
  .pys-sm-11 {
    -webkit-padding-before: var(--offset-11) !important;
    padding-block-start: var(--offset-11) !important;
  }
  .pye-sm-11 {
    -webkit-padding-after: var(--offset-11) !important;
    padding-block-end: var(--offset-11) !important;
  }
  .px-sm-11 {
    padding-inline: var(--offset-11) !important;
  }
  .pxs-sm-11 {
    -webkit-padding-start: var(--offset-11) !important;
    padding-inline-start: var(--offset-11) !important;
  }
  .pxe-sm-11 {
    -webkit-padding-end: var(--offset-11) !important;
    padding-inline-end: var(--offset-11) !important;
  }
  .m-sm-12 {
    margin: var(--offset-12) !important;
  }
  .my-sm-12 {
    margin-block: var(--offset-12) !important;
  }
  .mys-sm-12 {
    -webkit-margin-before: var(--offset-12) !important;
    margin-block-start: var(--offset-12) !important;
  }
  .mye-sm-12 {
    -webkit-margin-after: var(--offset-12) !important;
    margin-block-end: var(--offset-12) !important;
  }
  .mx-sm-12 {
    margin-inline: var(--offset-12) !important;
  }
  .mxs-sm-12 {
    -webkit-margin-start: var(--offset-12) !important;
    margin-inline-start: var(--offset-12) !important;
  }
  .mxe-sm-12 {
    -webkit-margin-end: var(--offset-12) !important;
    margin-inline-end: var(--offset-12) !important;
  }
  .p-sm-12 {
    padding: var(--offset-12) !important;
  }
  .py-sm-12 {
    padding-block: var(--offset-12) !important;
  }
  .pys-sm-12 {
    -webkit-padding-before: var(--offset-12) !important;
    padding-block-start: var(--offset-12) !important;
  }
  .pye-sm-12 {
    -webkit-padding-after: var(--offset-12) !important;
    padding-block-end: var(--offset-12) !important;
  }
  .px-sm-12 {
    padding-inline: var(--offset-12) !important;
  }
  .pxs-sm-12 {
    -webkit-padding-start: var(--offset-12) !important;
    padding-inline-start: var(--offset-12) !important;
  }
  .pxe-sm-12 {
    -webkit-padding-end: var(--offset-12) !important;
    padding-inline-end: var(--offset-12) !important;
  }
  .m-sm-13 {
    margin: var(--offset-13) !important;
  }
  .my-sm-13 {
    margin-block: var(--offset-13) !important;
  }
  .mys-sm-13 {
    -webkit-margin-before: var(--offset-13) !important;
    margin-block-start: var(--offset-13) !important;
  }
  .mye-sm-13 {
    -webkit-margin-after: var(--offset-13) !important;
    margin-block-end: var(--offset-13) !important;
  }
  .mx-sm-13 {
    margin-inline: var(--offset-13) !important;
  }
  .mxs-sm-13 {
    -webkit-margin-start: var(--offset-13) !important;
    margin-inline-start: var(--offset-13) !important;
  }
  .mxe-sm-13 {
    -webkit-margin-end: var(--offset-13) !important;
    margin-inline-end: var(--offset-13) !important;
  }
  .p-sm-13 {
    padding: var(--offset-13) !important;
  }
  .py-sm-13 {
    padding-block: var(--offset-13) !important;
  }
  .pys-sm-13 {
    -webkit-padding-before: var(--offset-13) !important;
    padding-block-start: var(--offset-13) !important;
  }
  .pye-sm-13 {
    -webkit-padding-after: var(--offset-13) !important;
    padding-block-end: var(--offset-13) !important;
  }
  .px-sm-13 {
    padding-inline: var(--offset-13) !important;
  }
  .pxs-sm-13 {
    -webkit-padding-start: var(--offset-13) !important;
    padding-inline-start: var(--offset-13) !important;
  }
  .pxe-sm-13 {
    -webkit-padding-end: var(--offset-13) !important;
    padding-inline-end: var(--offset-13) !important;
  }
  .m-sm-14 {
    margin: var(--offset-14) !important;
  }
  .my-sm-14 {
    margin-block: var(--offset-14) !important;
  }
  .mys-sm-14 {
    -webkit-margin-before: var(--offset-14) !important;
    margin-block-start: var(--offset-14) !important;
  }
  .mye-sm-14 {
    -webkit-margin-after: var(--offset-14) !important;
    margin-block-end: var(--offset-14) !important;
  }
  .mx-sm-14 {
    margin-inline: var(--offset-14) !important;
  }
  .mxs-sm-14 {
    -webkit-margin-start: var(--offset-14) !important;
    margin-inline-start: var(--offset-14) !important;
  }
  .mxe-sm-14 {
    -webkit-margin-end: var(--offset-14) !important;
    margin-inline-end: var(--offset-14) !important;
  }
  .p-sm-14 {
    padding: var(--offset-14) !important;
  }
  .py-sm-14 {
    padding-block: var(--offset-14) !important;
  }
  .pys-sm-14 {
    -webkit-padding-before: var(--offset-14) !important;
    padding-block-start: var(--offset-14) !important;
  }
  .pye-sm-14 {
    -webkit-padding-after: var(--offset-14) !important;
    padding-block-end: var(--offset-14) !important;
  }
  .px-sm-14 {
    padding-inline: var(--offset-14) !important;
  }
  .pxs-sm-14 {
    -webkit-padding-start: var(--offset-14) !important;
    padding-inline-start: var(--offset-14) !important;
  }
  .pxe-sm-14 {
    -webkit-padding-end: var(--offset-14) !important;
    padding-inline-end: var(--offset-14) !important;
  }
  .m-sm-15 {
    margin: var(--offset-15) !important;
  }
  .my-sm-15 {
    margin-block: var(--offset-15) !important;
  }
  .mys-sm-15 {
    -webkit-margin-before: var(--offset-15) !important;
    margin-block-start: var(--offset-15) !important;
  }
  .mye-sm-15 {
    -webkit-margin-after: var(--offset-15) !important;
    margin-block-end: var(--offset-15) !important;
  }
  .mx-sm-15 {
    margin-inline: var(--offset-15) !important;
  }
  .mxs-sm-15 {
    -webkit-margin-start: var(--offset-15) !important;
    margin-inline-start: var(--offset-15) !important;
  }
  .mxe-sm-15 {
    -webkit-margin-end: var(--offset-15) !important;
    margin-inline-end: var(--offset-15) !important;
  }
  .p-sm-15 {
    padding: var(--offset-15) !important;
  }
  .py-sm-15 {
    padding-block: var(--offset-15) !important;
  }
  .pys-sm-15 {
    -webkit-padding-before: var(--offset-15) !important;
    padding-block-start: var(--offset-15) !important;
  }
  .pye-sm-15 {
    -webkit-padding-after: var(--offset-15) !important;
    padding-block-end: var(--offset-15) !important;
  }
  .px-sm-15 {
    padding-inline: var(--offset-15) !important;
  }
  .pxs-sm-15 {
    -webkit-padding-start: var(--offset-15) !important;
    padding-inline-start: var(--offset-15) !important;
  }
  .pxe-sm-15 {
    -webkit-padding-end: var(--offset-15) !important;
    padding-inline-end: var(--offset-15) !important;
  }
  .m-sm-16 {
    margin: var(--offset-16) !important;
  }
  .my-sm-16 {
    margin-block: var(--offset-16) !important;
  }
  .mys-sm-16 {
    -webkit-margin-before: var(--offset-16) !important;
    margin-block-start: var(--offset-16) !important;
  }
  .mye-sm-16 {
    -webkit-margin-after: var(--offset-16) !important;
    margin-block-end: var(--offset-16) !important;
  }
  .mx-sm-16 {
    margin-inline: var(--offset-16) !important;
  }
  .mxs-sm-16 {
    -webkit-margin-start: var(--offset-16) !important;
    margin-inline-start: var(--offset-16) !important;
  }
  .mxe-sm-16 {
    -webkit-margin-end: var(--offset-16) !important;
    margin-inline-end: var(--offset-16) !important;
  }
  .p-sm-16 {
    padding: var(--offset-16) !important;
  }
  .py-sm-16 {
    padding-block: var(--offset-16) !important;
  }
  .pys-sm-16 {
    -webkit-padding-before: var(--offset-16) !important;
    padding-block-start: var(--offset-16) !important;
  }
  .pye-sm-16 {
    -webkit-padding-after: var(--offset-16) !important;
    padding-block-end: var(--offset-16) !important;
  }
  .px-sm-16 {
    padding-inline: var(--offset-16) !important;
  }
  .pxs-sm-16 {
    -webkit-padding-start: var(--offset-16) !important;
    padding-inline-start: var(--offset-16) !important;
  }
  .pxe-sm-16 {
    -webkit-padding-end: var(--offset-16) !important;
    padding-inline-end: var(--offset-16) !important;
  }
  .m-sm-17 {
    margin: var(--offset-17) !important;
  }
  .my-sm-17 {
    margin-block: var(--offset-17) !important;
  }
  .mys-sm-17 {
    -webkit-margin-before: var(--offset-17) !important;
    margin-block-start: var(--offset-17) !important;
  }
  .mye-sm-17 {
    -webkit-margin-after: var(--offset-17) !important;
    margin-block-end: var(--offset-17) !important;
  }
  .mx-sm-17 {
    margin-inline: var(--offset-17) !important;
  }
  .mxs-sm-17 {
    -webkit-margin-start: var(--offset-17) !important;
    margin-inline-start: var(--offset-17) !important;
  }
  .mxe-sm-17 {
    -webkit-margin-end: var(--offset-17) !important;
    margin-inline-end: var(--offset-17) !important;
  }
  .p-sm-17 {
    padding: var(--offset-17) !important;
  }
  .py-sm-17 {
    padding-block: var(--offset-17) !important;
  }
  .pys-sm-17 {
    -webkit-padding-before: var(--offset-17) !important;
    padding-block-start: var(--offset-17) !important;
  }
  .pye-sm-17 {
    -webkit-padding-after: var(--offset-17) !important;
    padding-block-end: var(--offset-17) !important;
  }
  .px-sm-17 {
    padding-inline: var(--offset-17) !important;
  }
  .pxs-sm-17 {
    -webkit-padding-start: var(--offset-17) !important;
    padding-inline-start: var(--offset-17) !important;
  }
  .pxe-sm-17 {
    -webkit-padding-end: var(--offset-17) !important;
    padding-inline-end: var(--offset-17) !important;
  }
  .m-sm-18 {
    margin: var(--offset-18) !important;
  }
  .my-sm-18 {
    margin-block: var(--offset-18) !important;
  }
  .mys-sm-18 {
    -webkit-margin-before: var(--offset-18) !important;
    margin-block-start: var(--offset-18) !important;
  }
  .mye-sm-18 {
    -webkit-margin-after: var(--offset-18) !important;
    margin-block-end: var(--offset-18) !important;
  }
  .mx-sm-18 {
    margin-inline: var(--offset-18) !important;
  }
  .mxs-sm-18 {
    -webkit-margin-start: var(--offset-18) !important;
    margin-inline-start: var(--offset-18) !important;
  }
  .mxe-sm-18 {
    -webkit-margin-end: var(--offset-18) !important;
    margin-inline-end: var(--offset-18) !important;
  }
  .p-sm-18 {
    padding: var(--offset-18) !important;
  }
  .py-sm-18 {
    padding-block: var(--offset-18) !important;
  }
  .pys-sm-18 {
    -webkit-padding-before: var(--offset-18) !important;
    padding-block-start: var(--offset-18) !important;
  }
  .pye-sm-18 {
    -webkit-padding-after: var(--offset-18) !important;
    padding-block-end: var(--offset-18) !important;
  }
  .px-sm-18 {
    padding-inline: var(--offset-18) !important;
  }
  .pxs-sm-18 {
    -webkit-padding-start: var(--offset-18) !important;
    padding-inline-start: var(--offset-18) !important;
  }
  .pxe-sm-18 {
    -webkit-padding-end: var(--offset-18) !important;
    padding-inline-end: var(--offset-18) !important;
  }
  .m-sm-19 {
    margin: var(--offset-19) !important;
  }
  .my-sm-19 {
    margin-block: var(--offset-19) !important;
  }
  .mys-sm-19 {
    -webkit-margin-before: var(--offset-19) !important;
    margin-block-start: var(--offset-19) !important;
  }
  .mye-sm-19 {
    -webkit-margin-after: var(--offset-19) !important;
    margin-block-end: var(--offset-19) !important;
  }
  .mx-sm-19 {
    margin-inline: var(--offset-19) !important;
  }
  .mxs-sm-19 {
    -webkit-margin-start: var(--offset-19) !important;
    margin-inline-start: var(--offset-19) !important;
  }
  .mxe-sm-19 {
    -webkit-margin-end: var(--offset-19) !important;
    margin-inline-end: var(--offset-19) !important;
  }
  .p-sm-19 {
    padding: var(--offset-19) !important;
  }
  .py-sm-19 {
    padding-block: var(--offset-19) !important;
  }
  .pys-sm-19 {
    -webkit-padding-before: var(--offset-19) !important;
    padding-block-start: var(--offset-19) !important;
  }
  .pye-sm-19 {
    -webkit-padding-after: var(--offset-19) !important;
    padding-block-end: var(--offset-19) !important;
  }
  .px-sm-19 {
    padding-inline: var(--offset-19) !important;
  }
  .pxs-sm-19 {
    -webkit-padding-start: var(--offset-19) !important;
    padding-inline-start: var(--offset-19) !important;
  }
  .pxe-sm-19 {
    -webkit-padding-end: var(--offset-19) !important;
    padding-inline-end: var(--offset-19) !important;
  }
  .m-sm-20 {
    margin: var(--offset-20) !important;
  }
  .my-sm-20 {
    margin-block: var(--offset-20) !important;
  }
  .mys-sm-20 {
    -webkit-margin-before: var(--offset-20) !important;
    margin-block-start: var(--offset-20) !important;
  }
  .mye-sm-20 {
    -webkit-margin-after: var(--offset-20) !important;
    margin-block-end: var(--offset-20) !important;
  }
  .mx-sm-20 {
    margin-inline: var(--offset-20) !important;
  }
  .mxs-sm-20 {
    -webkit-margin-start: var(--offset-20) !important;
    margin-inline-start: var(--offset-20) !important;
  }
  .mxe-sm-20 {
    -webkit-margin-end: var(--offset-20) !important;
    margin-inline-end: var(--offset-20) !important;
  }
  .p-sm-20 {
    padding: var(--offset-20) !important;
  }
  .py-sm-20 {
    padding-block: var(--offset-20) !important;
  }
  .pys-sm-20 {
    -webkit-padding-before: var(--offset-20) !important;
    padding-block-start: var(--offset-20) !important;
  }
  .pye-sm-20 {
    -webkit-padding-after: var(--offset-20) !important;
    padding-block-end: var(--offset-20) !important;
  }
  .px-sm-20 {
    padding-inline: var(--offset-20) !important;
  }
  .pxs-sm-20 {
    -webkit-padding-start: var(--offset-20) !important;
    padding-inline-start: var(--offset-20) !important;
  }
  .pxe-sm-20 {
    -webkit-padding-end: var(--offset-20) !important;
    padding-inline-end: var(--offset-20) !important;
  }
  .m-sm-21 {
    margin: var(--offset-21) !important;
  }
  .my-sm-21 {
    margin-block: var(--offset-21) !important;
  }
  .mys-sm-21 {
    -webkit-margin-before: var(--offset-21) !important;
    margin-block-start: var(--offset-21) !important;
  }
  .mye-sm-21 {
    -webkit-margin-after: var(--offset-21) !important;
    margin-block-end: var(--offset-21) !important;
  }
  .mx-sm-21 {
    margin-inline: var(--offset-21) !important;
  }
  .mxs-sm-21 {
    -webkit-margin-start: var(--offset-21) !important;
    margin-inline-start: var(--offset-21) !important;
  }
  .mxe-sm-21 {
    -webkit-margin-end: var(--offset-21) !important;
    margin-inline-end: var(--offset-21) !important;
  }
  .p-sm-21 {
    padding: var(--offset-21) !important;
  }
  .py-sm-21 {
    padding-block: var(--offset-21) !important;
  }
  .pys-sm-21 {
    -webkit-padding-before: var(--offset-21) !important;
    padding-block-start: var(--offset-21) !important;
  }
  .pye-sm-21 {
    -webkit-padding-after: var(--offset-21) !important;
    padding-block-end: var(--offset-21) !important;
  }
  .px-sm-21 {
    padding-inline: var(--offset-21) !important;
  }
  .pxs-sm-21 {
    -webkit-padding-start: var(--offset-21) !important;
    padding-inline-start: var(--offset-21) !important;
  }
  .pxe-sm-21 {
    -webkit-padding-end: var(--offset-21) !important;
    padding-inline-end: var(--offset-21) !important;
  }
  .m-sm-22 {
    margin: var(--offset-22) !important;
  }
  .my-sm-22 {
    margin-block: var(--offset-22) !important;
  }
  .mys-sm-22 {
    -webkit-margin-before: var(--offset-22) !important;
    margin-block-start: var(--offset-22) !important;
  }
  .mye-sm-22 {
    -webkit-margin-after: var(--offset-22) !important;
    margin-block-end: var(--offset-22) !important;
  }
  .mx-sm-22 {
    margin-inline: var(--offset-22) !important;
  }
  .mxs-sm-22 {
    -webkit-margin-start: var(--offset-22) !important;
    margin-inline-start: var(--offset-22) !important;
  }
  .mxe-sm-22 {
    -webkit-margin-end: var(--offset-22) !important;
    margin-inline-end: var(--offset-22) !important;
  }
  .p-sm-22 {
    padding: var(--offset-22) !important;
  }
  .py-sm-22 {
    padding-block: var(--offset-22) !important;
  }
  .pys-sm-22 {
    -webkit-padding-before: var(--offset-22) !important;
    padding-block-start: var(--offset-22) !important;
  }
  .pye-sm-22 {
    -webkit-padding-after: var(--offset-22) !important;
    padding-block-end: var(--offset-22) !important;
  }
  .px-sm-22 {
    padding-inline: var(--offset-22) !important;
  }
  .pxs-sm-22 {
    -webkit-padding-start: var(--offset-22) !important;
    padding-inline-start: var(--offset-22) !important;
  }
  .pxe-sm-22 {
    -webkit-padding-end: var(--offset-22) !important;
    padding-inline-end: var(--offset-22) !important;
  }
  .m-sm-23 {
    margin: var(--offset-23) !important;
  }
  .my-sm-23 {
    margin-block: var(--offset-23) !important;
  }
  .mys-sm-23 {
    -webkit-margin-before: var(--offset-23) !important;
    margin-block-start: var(--offset-23) !important;
  }
  .mye-sm-23 {
    -webkit-margin-after: var(--offset-23) !important;
    margin-block-end: var(--offset-23) !important;
  }
  .mx-sm-23 {
    margin-inline: var(--offset-23) !important;
  }
  .mxs-sm-23 {
    -webkit-margin-start: var(--offset-23) !important;
    margin-inline-start: var(--offset-23) !important;
  }
  .mxe-sm-23 {
    -webkit-margin-end: var(--offset-23) !important;
    margin-inline-end: var(--offset-23) !important;
  }
  .p-sm-23 {
    padding: var(--offset-23) !important;
  }
  .py-sm-23 {
    padding-block: var(--offset-23) !important;
  }
  .pys-sm-23 {
    -webkit-padding-before: var(--offset-23) !important;
    padding-block-start: var(--offset-23) !important;
  }
  .pye-sm-23 {
    -webkit-padding-after: var(--offset-23) !important;
    padding-block-end: var(--offset-23) !important;
  }
  .px-sm-23 {
    padding-inline: var(--offset-23) !important;
  }
  .pxs-sm-23 {
    -webkit-padding-start: var(--offset-23) !important;
    padding-inline-start: var(--offset-23) !important;
  }
  .pxe-sm-23 {
    -webkit-padding-end: var(--offset-23) !important;
    padding-inline-end: var(--offset-23) !important;
  }
  .m-sm-24 {
    margin: var(--offset-24) !important;
  }
  .my-sm-24 {
    margin-block: var(--offset-24) !important;
  }
  .mys-sm-24 {
    -webkit-margin-before: var(--offset-24) !important;
    margin-block-start: var(--offset-24) !important;
  }
  .mye-sm-24 {
    -webkit-margin-after: var(--offset-24) !important;
    margin-block-end: var(--offset-24) !important;
  }
  .mx-sm-24 {
    margin-inline: var(--offset-24) !important;
  }
  .mxs-sm-24 {
    -webkit-margin-start: var(--offset-24) !important;
    margin-inline-start: var(--offset-24) !important;
  }
  .mxe-sm-24 {
    -webkit-margin-end: var(--offset-24) !important;
    margin-inline-end: var(--offset-24) !important;
  }
  .p-sm-24 {
    padding: var(--offset-24) !important;
  }
  .py-sm-24 {
    padding-block: var(--offset-24) !important;
  }
  .pys-sm-24 {
    -webkit-padding-before: var(--offset-24) !important;
    padding-block-start: var(--offset-24) !important;
  }
  .pye-sm-24 {
    -webkit-padding-after: var(--offset-24) !important;
    padding-block-end: var(--offset-24) !important;
  }
  .px-sm-24 {
    padding-inline: var(--offset-24) !important;
  }
  .pxs-sm-24 {
    -webkit-padding-start: var(--offset-24) !important;
    padding-inline-start: var(--offset-24) !important;
  }
  .pxe-sm-24 {
    -webkit-padding-end: var(--offset-24) !important;
    padding-inline-end: var(--offset-24) !important;
  }
  .m-sm-25 {
    margin: var(--offset-25) !important;
  }
  .my-sm-25 {
    margin-block: var(--offset-25) !important;
  }
  .mys-sm-25 {
    -webkit-margin-before: var(--offset-25) !important;
    margin-block-start: var(--offset-25) !important;
  }
  .mye-sm-25 {
    -webkit-margin-after: var(--offset-25) !important;
    margin-block-end: var(--offset-25) !important;
  }
  .mx-sm-25 {
    margin-inline: var(--offset-25) !important;
  }
  .mxs-sm-25 {
    -webkit-margin-start: var(--offset-25) !important;
    margin-inline-start: var(--offset-25) !important;
  }
  .mxe-sm-25 {
    -webkit-margin-end: var(--offset-25) !important;
    margin-inline-end: var(--offset-25) !important;
  }
  .p-sm-25 {
    padding: var(--offset-25) !important;
  }
  .py-sm-25 {
    padding-block: var(--offset-25) !important;
  }
  .pys-sm-25 {
    -webkit-padding-before: var(--offset-25) !important;
    padding-block-start: var(--offset-25) !important;
  }
  .pye-sm-25 {
    -webkit-padding-after: var(--offset-25) !important;
    padding-block-end: var(--offset-25) !important;
  }
  .px-sm-25 {
    padding-inline: var(--offset-25) !important;
  }
  .pxs-sm-25 {
    -webkit-padding-start: var(--offset-25) !important;
    padding-inline-start: var(--offset-25) !important;
  }
  .pxe-sm-25 {
    -webkit-padding-end: var(--offset-25) !important;
    padding-inline-end: var(--offset-25) !important;
  }
  .m-sm-26 {
    margin: var(--offset-26) !important;
  }
  .my-sm-26 {
    margin-block: var(--offset-26) !important;
  }
  .mys-sm-26 {
    -webkit-margin-before: var(--offset-26) !important;
    margin-block-start: var(--offset-26) !important;
  }
  .mye-sm-26 {
    -webkit-margin-after: var(--offset-26) !important;
    margin-block-end: var(--offset-26) !important;
  }
  .mx-sm-26 {
    margin-inline: var(--offset-26) !important;
  }
  .mxs-sm-26 {
    -webkit-margin-start: var(--offset-26) !important;
    margin-inline-start: var(--offset-26) !important;
  }
  .mxe-sm-26 {
    -webkit-margin-end: var(--offset-26) !important;
    margin-inline-end: var(--offset-26) !important;
  }
  .p-sm-26 {
    padding: var(--offset-26) !important;
  }
  .py-sm-26 {
    padding-block: var(--offset-26) !important;
  }
  .pys-sm-26 {
    -webkit-padding-before: var(--offset-26) !important;
    padding-block-start: var(--offset-26) !important;
  }
  .pye-sm-26 {
    -webkit-padding-after: var(--offset-26) !important;
    padding-block-end: var(--offset-26) !important;
  }
  .px-sm-26 {
    padding-inline: var(--offset-26) !important;
  }
  .pxs-sm-26 {
    -webkit-padding-start: var(--offset-26) !important;
    padding-inline-start: var(--offset-26) !important;
  }
  .pxe-sm-26 {
    -webkit-padding-end: var(--offset-26) !important;
    padding-inline-end: var(--offset-26) !important;
  }
  .m-sm-27 {
    margin: var(--offset-27) !important;
  }
  .my-sm-27 {
    margin-block: var(--offset-27) !important;
  }
  .mys-sm-27 {
    -webkit-margin-before: var(--offset-27) !important;
    margin-block-start: var(--offset-27) !important;
  }
  .mye-sm-27 {
    -webkit-margin-after: var(--offset-27) !important;
    margin-block-end: var(--offset-27) !important;
  }
  .mx-sm-27 {
    margin-inline: var(--offset-27) !important;
  }
  .mxs-sm-27 {
    -webkit-margin-start: var(--offset-27) !important;
    margin-inline-start: var(--offset-27) !important;
  }
  .mxe-sm-27 {
    -webkit-margin-end: var(--offset-27) !important;
    margin-inline-end: var(--offset-27) !important;
  }
  .p-sm-27 {
    padding: var(--offset-27) !important;
  }
  .py-sm-27 {
    padding-block: var(--offset-27) !important;
  }
  .pys-sm-27 {
    -webkit-padding-before: var(--offset-27) !important;
    padding-block-start: var(--offset-27) !important;
  }
  .pye-sm-27 {
    -webkit-padding-after: var(--offset-27) !important;
    padding-block-end: var(--offset-27) !important;
  }
  .px-sm-27 {
    padding-inline: var(--offset-27) !important;
  }
  .pxs-sm-27 {
    -webkit-padding-start: var(--offset-27) !important;
    padding-inline-start: var(--offset-27) !important;
  }
  .pxe-sm-27 {
    -webkit-padding-end: var(--offset-27) !important;
    padding-inline-end: var(--offset-27) !important;
  }
  .m-sm-28 {
    margin: var(--offset-28) !important;
  }
  .my-sm-28 {
    margin-block: var(--offset-28) !important;
  }
  .mys-sm-28 {
    -webkit-margin-before: var(--offset-28) !important;
    margin-block-start: var(--offset-28) !important;
  }
  .mye-sm-28 {
    -webkit-margin-after: var(--offset-28) !important;
    margin-block-end: var(--offset-28) !important;
  }
  .mx-sm-28 {
    margin-inline: var(--offset-28) !important;
  }
  .mxs-sm-28 {
    -webkit-margin-start: var(--offset-28) !important;
    margin-inline-start: var(--offset-28) !important;
  }
  .mxe-sm-28 {
    -webkit-margin-end: var(--offset-28) !important;
    margin-inline-end: var(--offset-28) !important;
  }
  .p-sm-28 {
    padding: var(--offset-28) !important;
  }
  .py-sm-28 {
    padding-block: var(--offset-28) !important;
  }
  .pys-sm-28 {
    -webkit-padding-before: var(--offset-28) !important;
    padding-block-start: var(--offset-28) !important;
  }
  .pye-sm-28 {
    -webkit-padding-after: var(--offset-28) !important;
    padding-block-end: var(--offset-28) !important;
  }
  .px-sm-28 {
    padding-inline: var(--offset-28) !important;
  }
  .pxs-sm-28 {
    -webkit-padding-start: var(--offset-28) !important;
    padding-inline-start: var(--offset-28) !important;
  }
  .pxe-sm-28 {
    -webkit-padding-end: var(--offset-28) !important;
    padding-inline-end: var(--offset-28) !important;
  }
  .m-sm-29 {
    margin: var(--offset-29) !important;
  }
  .my-sm-29 {
    margin-block: var(--offset-29) !important;
  }
  .mys-sm-29 {
    -webkit-margin-before: var(--offset-29) !important;
    margin-block-start: var(--offset-29) !important;
  }
  .mye-sm-29 {
    -webkit-margin-after: var(--offset-29) !important;
    margin-block-end: var(--offset-29) !important;
  }
  .mx-sm-29 {
    margin-inline: var(--offset-29) !important;
  }
  .mxs-sm-29 {
    -webkit-margin-start: var(--offset-29) !important;
    margin-inline-start: var(--offset-29) !important;
  }
  .mxe-sm-29 {
    -webkit-margin-end: var(--offset-29) !important;
    margin-inline-end: var(--offset-29) !important;
  }
  .p-sm-29 {
    padding: var(--offset-29) !important;
  }
  .py-sm-29 {
    padding-block: var(--offset-29) !important;
  }
  .pys-sm-29 {
    -webkit-padding-before: var(--offset-29) !important;
    padding-block-start: var(--offset-29) !important;
  }
  .pye-sm-29 {
    -webkit-padding-after: var(--offset-29) !important;
    padding-block-end: var(--offset-29) !important;
  }
  .px-sm-29 {
    padding-inline: var(--offset-29) !important;
  }
  .pxs-sm-29 {
    -webkit-padding-start: var(--offset-29) !important;
    padding-inline-start: var(--offset-29) !important;
  }
  .pxe-sm-29 {
    -webkit-padding-end: var(--offset-29) !important;
    padding-inline-end: var(--offset-29) !important;
  }
  .m-sm-30 {
    margin: var(--offset-30) !important;
  }
  .my-sm-30 {
    margin-block: var(--offset-30) !important;
  }
  .mys-sm-30 {
    -webkit-margin-before: var(--offset-30) !important;
    margin-block-start: var(--offset-30) !important;
  }
  .mye-sm-30 {
    -webkit-margin-after: var(--offset-30) !important;
    margin-block-end: var(--offset-30) !important;
  }
  .mx-sm-30 {
    margin-inline: var(--offset-30) !important;
  }
  .mxs-sm-30 {
    -webkit-margin-start: var(--offset-30) !important;
    margin-inline-start: var(--offset-30) !important;
  }
  .mxe-sm-30 {
    -webkit-margin-end: var(--offset-30) !important;
    margin-inline-end: var(--offset-30) !important;
  }
  .p-sm-30 {
    padding: var(--offset-30) !important;
  }
  .py-sm-30 {
    padding-block: var(--offset-30) !important;
  }
  .pys-sm-30 {
    -webkit-padding-before: var(--offset-30) !important;
    padding-block-start: var(--offset-30) !important;
  }
  .pye-sm-30 {
    -webkit-padding-after: var(--offset-30) !important;
    padding-block-end: var(--offset-30) !important;
  }
  .px-sm-30 {
    padding-inline: var(--offset-30) !important;
  }
  .pxs-sm-30 {
    -webkit-padding-start: var(--offset-30) !important;
    padding-inline-start: var(--offset-30) !important;
  }
  .pxe-sm-30 {
    -webkit-padding-end: var(--offset-30) !important;
    padding-inline-end: var(--offset-30) !important;
  }
  .m-sm-31 {
    margin: var(--offset-31) !important;
  }
  .my-sm-31 {
    margin-block: var(--offset-31) !important;
  }
  .mys-sm-31 {
    -webkit-margin-before: var(--offset-31) !important;
    margin-block-start: var(--offset-31) !important;
  }
  .mye-sm-31 {
    -webkit-margin-after: var(--offset-31) !important;
    margin-block-end: var(--offset-31) !important;
  }
  .mx-sm-31 {
    margin-inline: var(--offset-31) !important;
  }
  .mxs-sm-31 {
    -webkit-margin-start: var(--offset-31) !important;
    margin-inline-start: var(--offset-31) !important;
  }
  .mxe-sm-31 {
    -webkit-margin-end: var(--offset-31) !important;
    margin-inline-end: var(--offset-31) !important;
  }
  .p-sm-31 {
    padding: var(--offset-31) !important;
  }
  .py-sm-31 {
    padding-block: var(--offset-31) !important;
  }
  .pys-sm-31 {
    -webkit-padding-before: var(--offset-31) !important;
    padding-block-start: var(--offset-31) !important;
  }
  .pye-sm-31 {
    -webkit-padding-after: var(--offset-31) !important;
    padding-block-end: var(--offset-31) !important;
  }
  .px-sm-31 {
    padding-inline: var(--offset-31) !important;
  }
  .pxs-sm-31 {
    -webkit-padding-start: var(--offset-31) !important;
    padding-inline-start: var(--offset-31) !important;
  }
  .pxe-sm-31 {
    -webkit-padding-end: var(--offset-31) !important;
    padding-inline-end: var(--offset-31) !important;
  }
  .m-sm-32 {
    margin: var(--offset-32) !important;
  }
  .my-sm-32 {
    margin-block: var(--offset-32) !important;
  }
  .mys-sm-32 {
    -webkit-margin-before: var(--offset-32) !important;
    margin-block-start: var(--offset-32) !important;
  }
  .mye-sm-32 {
    -webkit-margin-after: var(--offset-32) !important;
    margin-block-end: var(--offset-32) !important;
  }
  .mx-sm-32 {
    margin-inline: var(--offset-32) !important;
  }
  .mxs-sm-32 {
    -webkit-margin-start: var(--offset-32) !important;
    margin-inline-start: var(--offset-32) !important;
  }
  .mxe-sm-32 {
    -webkit-margin-end: var(--offset-32) !important;
    margin-inline-end: var(--offset-32) !important;
  }
  .p-sm-32 {
    padding: var(--offset-32) !important;
  }
  .py-sm-32 {
    padding-block: var(--offset-32) !important;
  }
  .pys-sm-32 {
    -webkit-padding-before: var(--offset-32) !important;
    padding-block-start: var(--offset-32) !important;
  }
  .pye-sm-32 {
    -webkit-padding-after: var(--offset-32) !important;
    padding-block-end: var(--offset-32) !important;
  }
  .px-sm-32 {
    padding-inline: var(--offset-32) !important;
  }
  .pxs-sm-32 {
    -webkit-padding-start: var(--offset-32) !important;
    padding-inline-start: var(--offset-32) !important;
  }
  .pxe-sm-32 {
    -webkit-padding-end: var(--offset-32) !important;
    padding-inline-end: var(--offset-32) !important;
  }
  .m-sm-33 {
    margin: var(--offset-33) !important;
  }
  .my-sm-33 {
    margin-block: var(--offset-33) !important;
  }
  .mys-sm-33 {
    -webkit-margin-before: var(--offset-33) !important;
    margin-block-start: var(--offset-33) !important;
  }
  .mye-sm-33 {
    -webkit-margin-after: var(--offset-33) !important;
    margin-block-end: var(--offset-33) !important;
  }
  .mx-sm-33 {
    margin-inline: var(--offset-33) !important;
  }
  .mxs-sm-33 {
    -webkit-margin-start: var(--offset-33) !important;
    margin-inline-start: var(--offset-33) !important;
  }
  .mxe-sm-33 {
    -webkit-margin-end: var(--offset-33) !important;
    margin-inline-end: var(--offset-33) !important;
  }
  .p-sm-33 {
    padding: var(--offset-33) !important;
  }
  .py-sm-33 {
    padding-block: var(--offset-33) !important;
  }
  .pys-sm-33 {
    -webkit-padding-before: var(--offset-33) !important;
    padding-block-start: var(--offset-33) !important;
  }
  .pye-sm-33 {
    -webkit-padding-after: var(--offset-33) !important;
    padding-block-end: var(--offset-33) !important;
  }
  .px-sm-33 {
    padding-inline: var(--offset-33) !important;
  }
  .pxs-sm-33 {
    -webkit-padding-start: var(--offset-33) !important;
    padding-inline-start: var(--offset-33) !important;
  }
  .pxe-sm-33 {
    -webkit-padding-end: var(--offset-33) !important;
    padding-inline-end: var(--offset-33) !important;
  }
  .m-sm-34 {
    margin: var(--offset-34) !important;
  }
  .my-sm-34 {
    margin-block: var(--offset-34) !important;
  }
  .mys-sm-34 {
    -webkit-margin-before: var(--offset-34) !important;
    margin-block-start: var(--offset-34) !important;
  }
  .mye-sm-34 {
    -webkit-margin-after: var(--offset-34) !important;
    margin-block-end: var(--offset-34) !important;
  }
  .mx-sm-34 {
    margin-inline: var(--offset-34) !important;
  }
  .mxs-sm-34 {
    -webkit-margin-start: var(--offset-34) !important;
    margin-inline-start: var(--offset-34) !important;
  }
  .mxe-sm-34 {
    -webkit-margin-end: var(--offset-34) !important;
    margin-inline-end: var(--offset-34) !important;
  }
  .p-sm-34 {
    padding: var(--offset-34) !important;
  }
  .py-sm-34 {
    padding-block: var(--offset-34) !important;
  }
  .pys-sm-34 {
    -webkit-padding-before: var(--offset-34) !important;
    padding-block-start: var(--offset-34) !important;
  }
  .pye-sm-34 {
    -webkit-padding-after: var(--offset-34) !important;
    padding-block-end: var(--offset-34) !important;
  }
  .px-sm-34 {
    padding-inline: var(--offset-34) !important;
  }
  .pxs-sm-34 {
    -webkit-padding-start: var(--offset-34) !important;
    padding-inline-start: var(--offset-34) !important;
  }
  .pxe-sm-34 {
    -webkit-padding-end: var(--offset-34) !important;
    padding-inline-end: var(--offset-34) !important;
  }
  .m-sm-35 {
    margin: var(--offset-35) !important;
  }
  .my-sm-35 {
    margin-block: var(--offset-35) !important;
  }
  .mys-sm-35 {
    -webkit-margin-before: var(--offset-35) !important;
    margin-block-start: var(--offset-35) !important;
  }
  .mye-sm-35 {
    -webkit-margin-after: var(--offset-35) !important;
    margin-block-end: var(--offset-35) !important;
  }
  .mx-sm-35 {
    margin-inline: var(--offset-35) !important;
  }
  .mxs-sm-35 {
    -webkit-margin-start: var(--offset-35) !important;
    margin-inline-start: var(--offset-35) !important;
  }
  .mxe-sm-35 {
    -webkit-margin-end: var(--offset-35) !important;
    margin-inline-end: var(--offset-35) !important;
  }
  .p-sm-35 {
    padding: var(--offset-35) !important;
  }
  .py-sm-35 {
    padding-block: var(--offset-35) !important;
  }
  .pys-sm-35 {
    -webkit-padding-before: var(--offset-35) !important;
    padding-block-start: var(--offset-35) !important;
  }
  .pye-sm-35 {
    -webkit-padding-after: var(--offset-35) !important;
    padding-block-end: var(--offset-35) !important;
  }
  .px-sm-35 {
    padding-inline: var(--offset-35) !important;
  }
  .pxs-sm-35 {
    -webkit-padding-start: var(--offset-35) !important;
    padding-inline-start: var(--offset-35) !important;
  }
  .pxe-sm-35 {
    -webkit-padding-end: var(--offset-35) !important;
    padding-inline-end: var(--offset-35) !important;
  }
  .m-sm-36 {
    margin: var(--offset-36) !important;
  }
  .my-sm-36 {
    margin-block: var(--offset-36) !important;
  }
  .mys-sm-36 {
    -webkit-margin-before: var(--offset-36) !important;
    margin-block-start: var(--offset-36) !important;
  }
  .mye-sm-36 {
    -webkit-margin-after: var(--offset-36) !important;
    margin-block-end: var(--offset-36) !important;
  }
  .mx-sm-36 {
    margin-inline: var(--offset-36) !important;
  }
  .mxs-sm-36 {
    -webkit-margin-start: var(--offset-36) !important;
    margin-inline-start: var(--offset-36) !important;
  }
  .mxe-sm-36 {
    -webkit-margin-end: var(--offset-36) !important;
    margin-inline-end: var(--offset-36) !important;
  }
  .p-sm-36 {
    padding: var(--offset-36) !important;
  }
  .py-sm-36 {
    padding-block: var(--offset-36) !important;
  }
  .pys-sm-36 {
    -webkit-padding-before: var(--offset-36) !important;
    padding-block-start: var(--offset-36) !important;
  }
  .pye-sm-36 {
    -webkit-padding-after: var(--offset-36) !important;
    padding-block-end: var(--offset-36) !important;
  }
  .px-sm-36 {
    padding-inline: var(--offset-36) !important;
  }
  .pxs-sm-36 {
    -webkit-padding-start: var(--offset-36) !important;
    padding-inline-start: var(--offset-36) !important;
  }
  .pxe-sm-36 {
    -webkit-padding-end: var(--offset-36) !important;
    padding-inline-end: var(--offset-36) !important;
  }
  .m-sm-37 {
    margin: var(--offset-37) !important;
  }
  .my-sm-37 {
    margin-block: var(--offset-37) !important;
  }
  .mys-sm-37 {
    -webkit-margin-before: var(--offset-37) !important;
    margin-block-start: var(--offset-37) !important;
  }
  .mye-sm-37 {
    -webkit-margin-after: var(--offset-37) !important;
    margin-block-end: var(--offset-37) !important;
  }
  .mx-sm-37 {
    margin-inline: var(--offset-37) !important;
  }
  .mxs-sm-37 {
    -webkit-margin-start: var(--offset-37) !important;
    margin-inline-start: var(--offset-37) !important;
  }
  .mxe-sm-37 {
    -webkit-margin-end: var(--offset-37) !important;
    margin-inline-end: var(--offset-37) !important;
  }
  .p-sm-37 {
    padding: var(--offset-37) !important;
  }
  .py-sm-37 {
    padding-block: var(--offset-37) !important;
  }
  .pys-sm-37 {
    -webkit-padding-before: var(--offset-37) !important;
    padding-block-start: var(--offset-37) !important;
  }
  .pye-sm-37 {
    -webkit-padding-after: var(--offset-37) !important;
    padding-block-end: var(--offset-37) !important;
  }
  .px-sm-37 {
    padding-inline: var(--offset-37) !important;
  }
  .pxs-sm-37 {
    -webkit-padding-start: var(--offset-37) !important;
    padding-inline-start: var(--offset-37) !important;
  }
  .pxe-sm-37 {
    -webkit-padding-end: var(--offset-37) !important;
    padding-inline-end: var(--offset-37) !important;
  }
  .m-sm-38 {
    margin: var(--offset-38) !important;
  }
  .my-sm-38 {
    margin-block: var(--offset-38) !important;
  }
  .mys-sm-38 {
    -webkit-margin-before: var(--offset-38) !important;
    margin-block-start: var(--offset-38) !important;
  }
  .mye-sm-38 {
    -webkit-margin-after: var(--offset-38) !important;
    margin-block-end: var(--offset-38) !important;
  }
  .mx-sm-38 {
    margin-inline: var(--offset-38) !important;
  }
  .mxs-sm-38 {
    -webkit-margin-start: var(--offset-38) !important;
    margin-inline-start: var(--offset-38) !important;
  }
  .mxe-sm-38 {
    -webkit-margin-end: var(--offset-38) !important;
    margin-inline-end: var(--offset-38) !important;
  }
  .p-sm-38 {
    padding: var(--offset-38) !important;
  }
  .py-sm-38 {
    padding-block: var(--offset-38) !important;
  }
  .pys-sm-38 {
    -webkit-padding-before: var(--offset-38) !important;
    padding-block-start: var(--offset-38) !important;
  }
  .pye-sm-38 {
    -webkit-padding-after: var(--offset-38) !important;
    padding-block-end: var(--offset-38) !important;
  }
  .px-sm-38 {
    padding-inline: var(--offset-38) !important;
  }
  .pxs-sm-38 {
    -webkit-padding-start: var(--offset-38) !important;
    padding-inline-start: var(--offset-38) !important;
  }
  .pxe-sm-38 {
    -webkit-padding-end: var(--offset-38) !important;
    padding-inline-end: var(--offset-38) !important;
  }
  .m-sm-39 {
    margin: var(--offset-39) !important;
  }
  .my-sm-39 {
    margin-block: var(--offset-39) !important;
  }
  .mys-sm-39 {
    -webkit-margin-before: var(--offset-39) !important;
    margin-block-start: var(--offset-39) !important;
  }
  .mye-sm-39 {
    -webkit-margin-after: var(--offset-39) !important;
    margin-block-end: var(--offset-39) !important;
  }
  .mx-sm-39 {
    margin-inline: var(--offset-39) !important;
  }
  .mxs-sm-39 {
    -webkit-margin-start: var(--offset-39) !important;
    margin-inline-start: var(--offset-39) !important;
  }
  .mxe-sm-39 {
    -webkit-margin-end: var(--offset-39) !important;
    margin-inline-end: var(--offset-39) !important;
  }
  .p-sm-39 {
    padding: var(--offset-39) !important;
  }
  .py-sm-39 {
    padding-block: var(--offset-39) !important;
  }
  .pys-sm-39 {
    -webkit-padding-before: var(--offset-39) !important;
    padding-block-start: var(--offset-39) !important;
  }
  .pye-sm-39 {
    -webkit-padding-after: var(--offset-39) !important;
    padding-block-end: var(--offset-39) !important;
  }
  .px-sm-39 {
    padding-inline: var(--offset-39) !important;
  }
  .pxs-sm-39 {
    -webkit-padding-start: var(--offset-39) !important;
    padding-inline-start: var(--offset-39) !important;
  }
  .pxe-sm-39 {
    -webkit-padding-end: var(--offset-39) !important;
    padding-inline-end: var(--offset-39) !important;
  }
  .m-sm-40 {
    margin: var(--offset-40) !important;
  }
  .my-sm-40 {
    margin-block: var(--offset-40) !important;
  }
  .mys-sm-40 {
    -webkit-margin-before: var(--offset-40) !important;
    margin-block-start: var(--offset-40) !important;
  }
  .mye-sm-40 {
    -webkit-margin-after: var(--offset-40) !important;
    margin-block-end: var(--offset-40) !important;
  }
  .mx-sm-40 {
    margin-inline: var(--offset-40) !important;
  }
  .mxs-sm-40 {
    -webkit-margin-start: var(--offset-40) !important;
    margin-inline-start: var(--offset-40) !important;
  }
  .mxe-sm-40 {
    -webkit-margin-end: var(--offset-40) !important;
    margin-inline-end: var(--offset-40) !important;
  }
  .p-sm-40 {
    padding: var(--offset-40) !important;
  }
  .py-sm-40 {
    padding-block: var(--offset-40) !important;
  }
  .pys-sm-40 {
    -webkit-padding-before: var(--offset-40) !important;
    padding-block-start: var(--offset-40) !important;
  }
  .pye-sm-40 {
    -webkit-padding-after: var(--offset-40) !important;
    padding-block-end: var(--offset-40) !important;
  }
  .px-sm-40 {
    padding-inline: var(--offset-40) !important;
  }
  .pxs-sm-40 {
    -webkit-padding-start: var(--offset-40) !important;
    padding-inline-start: var(--offset-40) !important;
  }
  .pxe-sm-40 {
    -webkit-padding-end: var(--offset-40) !important;
    padding-inline-end: var(--offset-40) !important;
  }
  .m-sm-41 {
    margin: var(--offset-41) !important;
  }
  .my-sm-41 {
    margin-block: var(--offset-41) !important;
  }
  .mys-sm-41 {
    -webkit-margin-before: var(--offset-41) !important;
    margin-block-start: var(--offset-41) !important;
  }
  .mye-sm-41 {
    -webkit-margin-after: var(--offset-41) !important;
    margin-block-end: var(--offset-41) !important;
  }
  .mx-sm-41 {
    margin-inline: var(--offset-41) !important;
  }
  .mxs-sm-41 {
    -webkit-margin-start: var(--offset-41) !important;
    margin-inline-start: var(--offset-41) !important;
  }
  .mxe-sm-41 {
    -webkit-margin-end: var(--offset-41) !important;
    margin-inline-end: var(--offset-41) !important;
  }
  .p-sm-41 {
    padding: var(--offset-41) !important;
  }
  .py-sm-41 {
    padding-block: var(--offset-41) !important;
  }
  .pys-sm-41 {
    -webkit-padding-before: var(--offset-41) !important;
    padding-block-start: var(--offset-41) !important;
  }
  .pye-sm-41 {
    -webkit-padding-after: var(--offset-41) !important;
    padding-block-end: var(--offset-41) !important;
  }
  .px-sm-41 {
    padding-inline: var(--offset-41) !important;
  }
  .pxs-sm-41 {
    -webkit-padding-start: var(--offset-41) !important;
    padding-inline-start: var(--offset-41) !important;
  }
  .pxe-sm-41 {
    -webkit-padding-end: var(--offset-41) !important;
    padding-inline-end: var(--offset-41) !important;
  }
  .m-sm-42 {
    margin: var(--offset-42) !important;
  }
  .my-sm-42 {
    margin-block: var(--offset-42) !important;
  }
  .mys-sm-42 {
    -webkit-margin-before: var(--offset-42) !important;
    margin-block-start: var(--offset-42) !important;
  }
  .mye-sm-42 {
    -webkit-margin-after: var(--offset-42) !important;
    margin-block-end: var(--offset-42) !important;
  }
  .mx-sm-42 {
    margin-inline: var(--offset-42) !important;
  }
  .mxs-sm-42 {
    -webkit-margin-start: var(--offset-42) !important;
    margin-inline-start: var(--offset-42) !important;
  }
  .mxe-sm-42 {
    -webkit-margin-end: var(--offset-42) !important;
    margin-inline-end: var(--offset-42) !important;
  }
  .p-sm-42 {
    padding: var(--offset-42) !important;
  }
  .py-sm-42 {
    padding-block: var(--offset-42) !important;
  }
  .pys-sm-42 {
    -webkit-padding-before: var(--offset-42) !important;
    padding-block-start: var(--offset-42) !important;
  }
  .pye-sm-42 {
    -webkit-padding-after: var(--offset-42) !important;
    padding-block-end: var(--offset-42) !important;
  }
  .px-sm-42 {
    padding-inline: var(--offset-42) !important;
  }
  .pxs-sm-42 {
    -webkit-padding-start: var(--offset-42) !important;
    padding-inline-start: var(--offset-42) !important;
  }
  .pxe-sm-42 {
    -webkit-padding-end: var(--offset-42) !important;
    padding-inline-end: var(--offset-42) !important;
  }
}
/** > 380px **/
@media (max-width: 23.75rem) {
  .m-xs-a {
    margin: auto;
  }
  .my-xs-a {
    margin-block: auto;
  }
  .mys-xs-a {
    -webkit-margin-before: auto;
    margin-block-start: auto;
  }
  .mye-xs-a {
    -webkit-margin-after: auto;
    margin-block-end: auto;
  }
  .mx-xs-a {
    margin-inline: auto;
  }
  .mxs-xs-a {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
  }
  .mxe-xs-a {
    -webkit-margin-end: auto;
    margin-inline-end: auto;
  }
  .m-xs-0 {
    margin: var(--offset-0) !important;
  }
  .my-xs-0 {
    margin-block: var(--offset-0) !important;
  }
  .mys-xs-0 {
    -webkit-margin-before: var(--offset-0) !important;
    margin-block-start: var(--offset-0) !important;
  }
  .mye-xs-0 {
    -webkit-margin-after: var(--offset-0) !important;
    margin-block-end: var(--offset-0) !important;
  }
  .mx-xs-0 {
    margin-inline: var(--offset-0) !important;
  }
  .mxs-xs-0 {
    -webkit-margin-start: var(--offset-0) !important;
    margin-inline-start: var(--offset-0) !important;
  }
  .mxe-xs-0 {
    -webkit-margin-end: var(--offset-0) !important;
    margin-inline-end: var(--offset-0) !important;
  }
  .p-xs-0 {
    padding: var(--offset-0) !important;
  }
  .py-xs-0 {
    padding-block: var(--offset-0) !important;
  }
  .pys-xs-0 {
    -webkit-padding-before: var(--offset-0) !important;
    padding-block-start: var(--offset-0) !important;
  }
  .pye-xs-0 {
    -webkit-padding-after: var(--offset-0) !important;
    padding-block-end: var(--offset-0) !important;
  }
  .px-xs-0 {
    padding-inline: var(--offset-0) !important;
  }
  .pxs-xs-0 {
    -webkit-padding-start: var(--offset-0) !important;
    padding-inline-start: var(--offset-0) !important;
  }
  .pxe-xs-0 {
    -webkit-padding-end: var(--offset-0) !important;
    padding-inline-end: var(--offset-0) !important;
  }
  .m-xs-1 {
    margin: var(--offset-1) !important;
  }
  .my-xs-1 {
    margin-block: var(--offset-1) !important;
  }
  .mys-xs-1 {
    -webkit-margin-before: var(--offset-1) !important;
    margin-block-start: var(--offset-1) !important;
  }
  .mye-xs-1 {
    -webkit-margin-after: var(--offset-1) !important;
    margin-block-end: var(--offset-1) !important;
  }
  .mx-xs-1 {
    margin-inline: var(--offset-1) !important;
  }
  .mxs-xs-1 {
    -webkit-margin-start: var(--offset-1) !important;
    margin-inline-start: var(--offset-1) !important;
  }
  .mxe-xs-1 {
    -webkit-margin-end: var(--offset-1) !important;
    margin-inline-end: var(--offset-1) !important;
  }
  .p-xs-1 {
    padding: var(--offset-1) !important;
  }
  .py-xs-1 {
    padding-block: var(--offset-1) !important;
  }
  .pys-xs-1 {
    -webkit-padding-before: var(--offset-1) !important;
    padding-block-start: var(--offset-1) !important;
  }
  .pye-xs-1 {
    -webkit-padding-after: var(--offset-1) !important;
    padding-block-end: var(--offset-1) !important;
  }
  .px-xs-1 {
    padding-inline: var(--offset-1) !important;
  }
  .pxs-xs-1 {
    -webkit-padding-start: var(--offset-1) !important;
    padding-inline-start: var(--offset-1) !important;
  }
  .pxe-xs-1 {
    -webkit-padding-end: var(--offset-1) !important;
    padding-inline-end: var(--offset-1) !important;
  }
  .m-xs-2 {
    margin: var(--offset-2) !important;
  }
  .my-xs-2 {
    margin-block: var(--offset-2) !important;
  }
  .mys-xs-2 {
    -webkit-margin-before: var(--offset-2) !important;
    margin-block-start: var(--offset-2) !important;
  }
  .mye-xs-2 {
    -webkit-margin-after: var(--offset-2) !important;
    margin-block-end: var(--offset-2) !important;
  }
  .mx-xs-2 {
    margin-inline: var(--offset-2) !important;
  }
  .mxs-xs-2 {
    -webkit-margin-start: var(--offset-2) !important;
    margin-inline-start: var(--offset-2) !important;
  }
  .mxe-xs-2 {
    -webkit-margin-end: var(--offset-2) !important;
    margin-inline-end: var(--offset-2) !important;
  }
  .p-xs-2 {
    padding: var(--offset-2) !important;
  }
  .py-xs-2 {
    padding-block: var(--offset-2) !important;
  }
  .pys-xs-2 {
    -webkit-padding-before: var(--offset-2) !important;
    padding-block-start: var(--offset-2) !important;
  }
  .pye-xs-2 {
    -webkit-padding-after: var(--offset-2) !important;
    padding-block-end: var(--offset-2) !important;
  }
  .px-xs-2 {
    padding-inline: var(--offset-2) !important;
  }
  .pxs-xs-2 {
    -webkit-padding-start: var(--offset-2) !important;
    padding-inline-start: var(--offset-2) !important;
  }
  .pxe-xs-2 {
    -webkit-padding-end: var(--offset-2) !important;
    padding-inline-end: var(--offset-2) !important;
  }
  .m-xs-3 {
    margin: var(--offset-3) !important;
  }
  .my-xs-3 {
    margin-block: var(--offset-3) !important;
  }
  .mys-xs-3 {
    -webkit-margin-before: var(--offset-3) !important;
    margin-block-start: var(--offset-3) !important;
  }
  .mye-xs-3 {
    -webkit-margin-after: var(--offset-3) !important;
    margin-block-end: var(--offset-3) !important;
  }
  .mx-xs-3 {
    margin-inline: var(--offset-3) !important;
  }
  .mxs-xs-3 {
    -webkit-margin-start: var(--offset-3) !important;
    margin-inline-start: var(--offset-3) !important;
  }
  .mxe-xs-3 {
    -webkit-margin-end: var(--offset-3) !important;
    margin-inline-end: var(--offset-3) !important;
  }
  .p-xs-3 {
    padding: var(--offset-3) !important;
  }
  .py-xs-3 {
    padding-block: var(--offset-3) !important;
  }
  .pys-xs-3 {
    -webkit-padding-before: var(--offset-3) !important;
    padding-block-start: var(--offset-3) !important;
  }
  .pye-xs-3 {
    -webkit-padding-after: var(--offset-3) !important;
    padding-block-end: var(--offset-3) !important;
  }
  .px-xs-3 {
    padding-inline: var(--offset-3) !important;
  }
  .pxs-xs-3 {
    -webkit-padding-start: var(--offset-3) !important;
    padding-inline-start: var(--offset-3) !important;
  }
  .pxe-xs-3 {
    -webkit-padding-end: var(--offset-3) !important;
    padding-inline-end: var(--offset-3) !important;
  }
  .m-xs-4 {
    margin: var(--offset-4) !important;
  }
  .my-xs-4 {
    margin-block: var(--offset-4) !important;
  }
  .mys-xs-4 {
    -webkit-margin-before: var(--offset-4) !important;
    margin-block-start: var(--offset-4) !important;
  }
  .mye-xs-4 {
    -webkit-margin-after: var(--offset-4) !important;
    margin-block-end: var(--offset-4) !important;
  }
  .mx-xs-4 {
    margin-inline: var(--offset-4) !important;
  }
  .mxs-xs-4 {
    -webkit-margin-start: var(--offset-4) !important;
    margin-inline-start: var(--offset-4) !important;
  }
  .mxe-xs-4 {
    -webkit-margin-end: var(--offset-4) !important;
    margin-inline-end: var(--offset-4) !important;
  }
  .p-xs-4 {
    padding: var(--offset-4) !important;
  }
  .py-xs-4 {
    padding-block: var(--offset-4) !important;
  }
  .pys-xs-4 {
    -webkit-padding-before: var(--offset-4) !important;
    padding-block-start: var(--offset-4) !important;
  }
  .pye-xs-4 {
    -webkit-padding-after: var(--offset-4) !important;
    padding-block-end: var(--offset-4) !important;
  }
  .px-xs-4 {
    padding-inline: var(--offset-4) !important;
  }
  .pxs-xs-4 {
    -webkit-padding-start: var(--offset-4) !important;
    padding-inline-start: var(--offset-4) !important;
  }
  .pxe-xs-4 {
    -webkit-padding-end: var(--offset-4) !important;
    padding-inline-end: var(--offset-4) !important;
  }
  .m-xs-5 {
    margin: var(--offset-5) !important;
  }
  .my-xs-5 {
    margin-block: var(--offset-5) !important;
  }
  .mys-xs-5 {
    -webkit-margin-before: var(--offset-5) !important;
    margin-block-start: var(--offset-5) !important;
  }
  .mye-xs-5 {
    -webkit-margin-after: var(--offset-5) !important;
    margin-block-end: var(--offset-5) !important;
  }
  .mx-xs-5 {
    margin-inline: var(--offset-5) !important;
  }
  .mxs-xs-5 {
    -webkit-margin-start: var(--offset-5) !important;
    margin-inline-start: var(--offset-5) !important;
  }
  .mxe-xs-5 {
    -webkit-margin-end: var(--offset-5) !important;
    margin-inline-end: var(--offset-5) !important;
  }
  .p-xs-5 {
    padding: var(--offset-5) !important;
  }
  .py-xs-5 {
    padding-block: var(--offset-5) !important;
  }
  .pys-xs-5 {
    -webkit-padding-before: var(--offset-5) !important;
    padding-block-start: var(--offset-5) !important;
  }
  .pye-xs-5 {
    -webkit-padding-after: var(--offset-5) !important;
    padding-block-end: var(--offset-5) !important;
  }
  .px-xs-5 {
    padding-inline: var(--offset-5) !important;
  }
  .pxs-xs-5 {
    -webkit-padding-start: var(--offset-5) !important;
    padding-inline-start: var(--offset-5) !important;
  }
  .pxe-xs-5 {
    -webkit-padding-end: var(--offset-5) !important;
    padding-inline-end: var(--offset-5) !important;
  }
  .m-xs-6 {
    margin: var(--offset-6) !important;
  }
  .my-xs-6 {
    margin-block: var(--offset-6) !important;
  }
  .mys-xs-6 {
    -webkit-margin-before: var(--offset-6) !important;
    margin-block-start: var(--offset-6) !important;
  }
  .mye-xs-6 {
    -webkit-margin-after: var(--offset-6) !important;
    margin-block-end: var(--offset-6) !important;
  }
  .mx-xs-6 {
    margin-inline: var(--offset-6) !important;
  }
  .mxs-xs-6 {
    -webkit-margin-start: var(--offset-6) !important;
    margin-inline-start: var(--offset-6) !important;
  }
  .mxe-xs-6 {
    -webkit-margin-end: var(--offset-6) !important;
    margin-inline-end: var(--offset-6) !important;
  }
  .p-xs-6 {
    padding: var(--offset-6) !important;
  }
  .py-xs-6 {
    padding-block: var(--offset-6) !important;
  }
  .pys-xs-6 {
    -webkit-padding-before: var(--offset-6) !important;
    padding-block-start: var(--offset-6) !important;
  }
  .pye-xs-6 {
    -webkit-padding-after: var(--offset-6) !important;
    padding-block-end: var(--offset-6) !important;
  }
  .px-xs-6 {
    padding-inline: var(--offset-6) !important;
  }
  .pxs-xs-6 {
    -webkit-padding-start: var(--offset-6) !important;
    padding-inline-start: var(--offset-6) !important;
  }
  .pxe-xs-6 {
    -webkit-padding-end: var(--offset-6) !important;
    padding-inline-end: var(--offset-6) !important;
  }
  .m-xs-7 {
    margin: var(--offset-7) !important;
  }
  .my-xs-7 {
    margin-block: var(--offset-7) !important;
  }
  .mys-xs-7 {
    -webkit-margin-before: var(--offset-7) !important;
    margin-block-start: var(--offset-7) !important;
  }
  .mye-xs-7 {
    -webkit-margin-after: var(--offset-7) !important;
    margin-block-end: var(--offset-7) !important;
  }
  .mx-xs-7 {
    margin-inline: var(--offset-7) !important;
  }
  .mxs-xs-7 {
    -webkit-margin-start: var(--offset-7) !important;
    margin-inline-start: var(--offset-7) !important;
  }
  .mxe-xs-7 {
    -webkit-margin-end: var(--offset-7) !important;
    margin-inline-end: var(--offset-7) !important;
  }
  .p-xs-7 {
    padding: var(--offset-7) !important;
  }
  .py-xs-7 {
    padding-block: var(--offset-7) !important;
  }
  .pys-xs-7 {
    -webkit-padding-before: var(--offset-7) !important;
    padding-block-start: var(--offset-7) !important;
  }
  .pye-xs-7 {
    -webkit-padding-after: var(--offset-7) !important;
    padding-block-end: var(--offset-7) !important;
  }
  .px-xs-7 {
    padding-inline: var(--offset-7) !important;
  }
  .pxs-xs-7 {
    -webkit-padding-start: var(--offset-7) !important;
    padding-inline-start: var(--offset-7) !important;
  }
  .pxe-xs-7 {
    -webkit-padding-end: var(--offset-7) !important;
    padding-inline-end: var(--offset-7) !important;
  }
  .m-xs-8 {
    margin: var(--offset-8) !important;
  }
  .my-xs-8 {
    margin-block: var(--offset-8) !important;
  }
  .mys-xs-8 {
    -webkit-margin-before: var(--offset-8) !important;
    margin-block-start: var(--offset-8) !important;
  }
  .mye-xs-8 {
    -webkit-margin-after: var(--offset-8) !important;
    margin-block-end: var(--offset-8) !important;
  }
  .mx-xs-8 {
    margin-inline: var(--offset-8) !important;
  }
  .mxs-xs-8 {
    -webkit-margin-start: var(--offset-8) !important;
    margin-inline-start: var(--offset-8) !important;
  }
  .mxe-xs-8 {
    -webkit-margin-end: var(--offset-8) !important;
    margin-inline-end: var(--offset-8) !important;
  }
  .p-xs-8 {
    padding: var(--offset-8) !important;
  }
  .py-xs-8 {
    padding-block: var(--offset-8) !important;
  }
  .pys-xs-8 {
    -webkit-padding-before: var(--offset-8) !important;
    padding-block-start: var(--offset-8) !important;
  }
  .pye-xs-8 {
    -webkit-padding-after: var(--offset-8) !important;
    padding-block-end: var(--offset-8) !important;
  }
  .px-xs-8 {
    padding-inline: var(--offset-8) !important;
  }
  .pxs-xs-8 {
    -webkit-padding-start: var(--offset-8) !important;
    padding-inline-start: var(--offset-8) !important;
  }
  .pxe-xs-8 {
    -webkit-padding-end: var(--offset-8) !important;
    padding-inline-end: var(--offset-8) !important;
  }
  .m-xs-9 {
    margin: var(--offset-9) !important;
  }
  .my-xs-9 {
    margin-block: var(--offset-9) !important;
  }
  .mys-xs-9 {
    -webkit-margin-before: var(--offset-9) !important;
    margin-block-start: var(--offset-9) !important;
  }
  .mye-xs-9 {
    -webkit-margin-after: var(--offset-9) !important;
    margin-block-end: var(--offset-9) !important;
  }
  .mx-xs-9 {
    margin-inline: var(--offset-9) !important;
  }
  .mxs-xs-9 {
    -webkit-margin-start: var(--offset-9) !important;
    margin-inline-start: var(--offset-9) !important;
  }
  .mxe-xs-9 {
    -webkit-margin-end: var(--offset-9) !important;
    margin-inline-end: var(--offset-9) !important;
  }
  .p-xs-9 {
    padding: var(--offset-9) !important;
  }
  .py-xs-9 {
    padding-block: var(--offset-9) !important;
  }
  .pys-xs-9 {
    -webkit-padding-before: var(--offset-9) !important;
    padding-block-start: var(--offset-9) !important;
  }
  .pye-xs-9 {
    -webkit-padding-after: var(--offset-9) !important;
    padding-block-end: var(--offset-9) !important;
  }
  .px-xs-9 {
    padding-inline: var(--offset-9) !important;
  }
  .pxs-xs-9 {
    -webkit-padding-start: var(--offset-9) !important;
    padding-inline-start: var(--offset-9) !important;
  }
  .pxe-xs-9 {
    -webkit-padding-end: var(--offset-9) !important;
    padding-inline-end: var(--offset-9) !important;
  }
  .m-xs-10 {
    margin: var(--offset-10) !important;
  }
  .my-xs-10 {
    margin-block: var(--offset-10) !important;
  }
  .mys-xs-10 {
    -webkit-margin-before: var(--offset-10) !important;
    margin-block-start: var(--offset-10) !important;
  }
  .mye-xs-10 {
    -webkit-margin-after: var(--offset-10) !important;
    margin-block-end: var(--offset-10) !important;
  }
  .mx-xs-10 {
    margin-inline: var(--offset-10) !important;
  }
  .mxs-xs-10 {
    -webkit-margin-start: var(--offset-10) !important;
    margin-inline-start: var(--offset-10) !important;
  }
  .mxe-xs-10 {
    -webkit-margin-end: var(--offset-10) !important;
    margin-inline-end: var(--offset-10) !important;
  }
  .p-xs-10 {
    padding: var(--offset-10) !important;
  }
  .py-xs-10 {
    padding-block: var(--offset-10) !important;
  }
  .pys-xs-10 {
    -webkit-padding-before: var(--offset-10) !important;
    padding-block-start: var(--offset-10) !important;
  }
  .pye-xs-10 {
    -webkit-padding-after: var(--offset-10) !important;
    padding-block-end: var(--offset-10) !important;
  }
  .px-xs-10 {
    padding-inline: var(--offset-10) !important;
  }
  .pxs-xs-10 {
    -webkit-padding-start: var(--offset-10) !important;
    padding-inline-start: var(--offset-10) !important;
  }
  .pxe-xs-10 {
    -webkit-padding-end: var(--offset-10) !important;
    padding-inline-end: var(--offset-10) !important;
  }
  .m-xs-11 {
    margin: var(--offset-11) !important;
  }
  .my-xs-11 {
    margin-block: var(--offset-11) !important;
  }
  .mys-xs-11 {
    -webkit-margin-before: var(--offset-11) !important;
    margin-block-start: var(--offset-11) !important;
  }
  .mye-xs-11 {
    -webkit-margin-after: var(--offset-11) !important;
    margin-block-end: var(--offset-11) !important;
  }
  .mx-xs-11 {
    margin-inline: var(--offset-11) !important;
  }
  .mxs-xs-11 {
    -webkit-margin-start: var(--offset-11) !important;
    margin-inline-start: var(--offset-11) !important;
  }
  .mxe-xs-11 {
    -webkit-margin-end: var(--offset-11) !important;
    margin-inline-end: var(--offset-11) !important;
  }
  .p-xs-11 {
    padding: var(--offset-11) !important;
  }
  .py-xs-11 {
    padding-block: var(--offset-11) !important;
  }
  .pys-xs-11 {
    -webkit-padding-before: var(--offset-11) !important;
    padding-block-start: var(--offset-11) !important;
  }
  .pye-xs-11 {
    -webkit-padding-after: var(--offset-11) !important;
    padding-block-end: var(--offset-11) !important;
  }
  .px-xs-11 {
    padding-inline: var(--offset-11) !important;
  }
  .pxs-xs-11 {
    -webkit-padding-start: var(--offset-11) !important;
    padding-inline-start: var(--offset-11) !important;
  }
  .pxe-xs-11 {
    -webkit-padding-end: var(--offset-11) !important;
    padding-inline-end: var(--offset-11) !important;
  }
  .m-xs-12 {
    margin: var(--offset-12) !important;
  }
  .my-xs-12 {
    margin-block: var(--offset-12) !important;
  }
  .mys-xs-12 {
    -webkit-margin-before: var(--offset-12) !important;
    margin-block-start: var(--offset-12) !important;
  }
  .mye-xs-12 {
    -webkit-margin-after: var(--offset-12) !important;
    margin-block-end: var(--offset-12) !important;
  }
  .mx-xs-12 {
    margin-inline: var(--offset-12) !important;
  }
  .mxs-xs-12 {
    -webkit-margin-start: var(--offset-12) !important;
    margin-inline-start: var(--offset-12) !important;
  }
  .mxe-xs-12 {
    -webkit-margin-end: var(--offset-12) !important;
    margin-inline-end: var(--offset-12) !important;
  }
  .p-xs-12 {
    padding: var(--offset-12) !important;
  }
  .py-xs-12 {
    padding-block: var(--offset-12) !important;
  }
  .pys-xs-12 {
    -webkit-padding-before: var(--offset-12) !important;
    padding-block-start: var(--offset-12) !important;
  }
  .pye-xs-12 {
    -webkit-padding-after: var(--offset-12) !important;
    padding-block-end: var(--offset-12) !important;
  }
  .px-xs-12 {
    padding-inline: var(--offset-12) !important;
  }
  .pxs-xs-12 {
    -webkit-padding-start: var(--offset-12) !important;
    padding-inline-start: var(--offset-12) !important;
  }
  .pxe-xs-12 {
    -webkit-padding-end: var(--offset-12) !important;
    padding-inline-end: var(--offset-12) !important;
  }
  .m-xs-13 {
    margin: var(--offset-13) !important;
  }
  .my-xs-13 {
    margin-block: var(--offset-13) !important;
  }
  .mys-xs-13 {
    -webkit-margin-before: var(--offset-13) !important;
    margin-block-start: var(--offset-13) !important;
  }
  .mye-xs-13 {
    -webkit-margin-after: var(--offset-13) !important;
    margin-block-end: var(--offset-13) !important;
  }
  .mx-xs-13 {
    margin-inline: var(--offset-13) !important;
  }
  .mxs-xs-13 {
    -webkit-margin-start: var(--offset-13) !important;
    margin-inline-start: var(--offset-13) !important;
  }
  .mxe-xs-13 {
    -webkit-margin-end: var(--offset-13) !important;
    margin-inline-end: var(--offset-13) !important;
  }
  .p-xs-13 {
    padding: var(--offset-13) !important;
  }
  .py-xs-13 {
    padding-block: var(--offset-13) !important;
  }
  .pys-xs-13 {
    -webkit-padding-before: var(--offset-13) !important;
    padding-block-start: var(--offset-13) !important;
  }
  .pye-xs-13 {
    -webkit-padding-after: var(--offset-13) !important;
    padding-block-end: var(--offset-13) !important;
  }
  .px-xs-13 {
    padding-inline: var(--offset-13) !important;
  }
  .pxs-xs-13 {
    -webkit-padding-start: var(--offset-13) !important;
    padding-inline-start: var(--offset-13) !important;
  }
  .pxe-xs-13 {
    -webkit-padding-end: var(--offset-13) !important;
    padding-inline-end: var(--offset-13) !important;
  }
  .m-xs-14 {
    margin: var(--offset-14) !important;
  }
  .my-xs-14 {
    margin-block: var(--offset-14) !important;
  }
  .mys-xs-14 {
    -webkit-margin-before: var(--offset-14) !important;
    margin-block-start: var(--offset-14) !important;
  }
  .mye-xs-14 {
    -webkit-margin-after: var(--offset-14) !important;
    margin-block-end: var(--offset-14) !important;
  }
  .mx-xs-14 {
    margin-inline: var(--offset-14) !important;
  }
  .mxs-xs-14 {
    -webkit-margin-start: var(--offset-14) !important;
    margin-inline-start: var(--offset-14) !important;
  }
  .mxe-xs-14 {
    -webkit-margin-end: var(--offset-14) !important;
    margin-inline-end: var(--offset-14) !important;
  }
  .p-xs-14 {
    padding: var(--offset-14) !important;
  }
  .py-xs-14 {
    padding-block: var(--offset-14) !important;
  }
  .pys-xs-14 {
    -webkit-padding-before: var(--offset-14) !important;
    padding-block-start: var(--offset-14) !important;
  }
  .pye-xs-14 {
    -webkit-padding-after: var(--offset-14) !important;
    padding-block-end: var(--offset-14) !important;
  }
  .px-xs-14 {
    padding-inline: var(--offset-14) !important;
  }
  .pxs-xs-14 {
    -webkit-padding-start: var(--offset-14) !important;
    padding-inline-start: var(--offset-14) !important;
  }
  .pxe-xs-14 {
    -webkit-padding-end: var(--offset-14) !important;
    padding-inline-end: var(--offset-14) !important;
  }
  .m-xs-15 {
    margin: var(--offset-15) !important;
  }
  .my-xs-15 {
    margin-block: var(--offset-15) !important;
  }
  .mys-xs-15 {
    -webkit-margin-before: var(--offset-15) !important;
    margin-block-start: var(--offset-15) !important;
  }
  .mye-xs-15 {
    -webkit-margin-after: var(--offset-15) !important;
    margin-block-end: var(--offset-15) !important;
  }
  .mx-xs-15 {
    margin-inline: var(--offset-15) !important;
  }
  .mxs-xs-15 {
    -webkit-margin-start: var(--offset-15) !important;
    margin-inline-start: var(--offset-15) !important;
  }
  .mxe-xs-15 {
    -webkit-margin-end: var(--offset-15) !important;
    margin-inline-end: var(--offset-15) !important;
  }
  .p-xs-15 {
    padding: var(--offset-15) !important;
  }
  .py-xs-15 {
    padding-block: var(--offset-15) !important;
  }
  .pys-xs-15 {
    -webkit-padding-before: var(--offset-15) !important;
    padding-block-start: var(--offset-15) !important;
  }
  .pye-xs-15 {
    -webkit-padding-after: var(--offset-15) !important;
    padding-block-end: var(--offset-15) !important;
  }
  .px-xs-15 {
    padding-inline: var(--offset-15) !important;
  }
  .pxs-xs-15 {
    -webkit-padding-start: var(--offset-15) !important;
    padding-inline-start: var(--offset-15) !important;
  }
  .pxe-xs-15 {
    -webkit-padding-end: var(--offset-15) !important;
    padding-inline-end: var(--offset-15) !important;
  }
  .m-xs-16 {
    margin: var(--offset-16) !important;
  }
  .my-xs-16 {
    margin-block: var(--offset-16) !important;
  }
  .mys-xs-16 {
    -webkit-margin-before: var(--offset-16) !important;
    margin-block-start: var(--offset-16) !important;
  }
  .mye-xs-16 {
    -webkit-margin-after: var(--offset-16) !important;
    margin-block-end: var(--offset-16) !important;
  }
  .mx-xs-16 {
    margin-inline: var(--offset-16) !important;
  }
  .mxs-xs-16 {
    -webkit-margin-start: var(--offset-16) !important;
    margin-inline-start: var(--offset-16) !important;
  }
  .mxe-xs-16 {
    -webkit-margin-end: var(--offset-16) !important;
    margin-inline-end: var(--offset-16) !important;
  }
  .p-xs-16 {
    padding: var(--offset-16) !important;
  }
  .py-xs-16 {
    padding-block: var(--offset-16) !important;
  }
  .pys-xs-16 {
    -webkit-padding-before: var(--offset-16) !important;
    padding-block-start: var(--offset-16) !important;
  }
  .pye-xs-16 {
    -webkit-padding-after: var(--offset-16) !important;
    padding-block-end: var(--offset-16) !important;
  }
  .px-xs-16 {
    padding-inline: var(--offset-16) !important;
  }
  .pxs-xs-16 {
    -webkit-padding-start: var(--offset-16) !important;
    padding-inline-start: var(--offset-16) !important;
  }
  .pxe-xs-16 {
    -webkit-padding-end: var(--offset-16) !important;
    padding-inline-end: var(--offset-16) !important;
  }
  .m-xs-17 {
    margin: var(--offset-17) !important;
  }
  .my-xs-17 {
    margin-block: var(--offset-17) !important;
  }
  .mys-xs-17 {
    -webkit-margin-before: var(--offset-17) !important;
    margin-block-start: var(--offset-17) !important;
  }
  .mye-xs-17 {
    -webkit-margin-after: var(--offset-17) !important;
    margin-block-end: var(--offset-17) !important;
  }
  .mx-xs-17 {
    margin-inline: var(--offset-17) !important;
  }
  .mxs-xs-17 {
    -webkit-margin-start: var(--offset-17) !important;
    margin-inline-start: var(--offset-17) !important;
  }
  .mxe-xs-17 {
    -webkit-margin-end: var(--offset-17) !important;
    margin-inline-end: var(--offset-17) !important;
  }
  .p-xs-17 {
    padding: var(--offset-17) !important;
  }
  .py-xs-17 {
    padding-block: var(--offset-17) !important;
  }
  .pys-xs-17 {
    -webkit-padding-before: var(--offset-17) !important;
    padding-block-start: var(--offset-17) !important;
  }
  .pye-xs-17 {
    -webkit-padding-after: var(--offset-17) !important;
    padding-block-end: var(--offset-17) !important;
  }
  .px-xs-17 {
    padding-inline: var(--offset-17) !important;
  }
  .pxs-xs-17 {
    -webkit-padding-start: var(--offset-17) !important;
    padding-inline-start: var(--offset-17) !important;
  }
  .pxe-xs-17 {
    -webkit-padding-end: var(--offset-17) !important;
    padding-inline-end: var(--offset-17) !important;
  }
  .m-xs-18 {
    margin: var(--offset-18) !important;
  }
  .my-xs-18 {
    margin-block: var(--offset-18) !important;
  }
  .mys-xs-18 {
    -webkit-margin-before: var(--offset-18) !important;
    margin-block-start: var(--offset-18) !important;
  }
  .mye-xs-18 {
    -webkit-margin-after: var(--offset-18) !important;
    margin-block-end: var(--offset-18) !important;
  }
  .mx-xs-18 {
    margin-inline: var(--offset-18) !important;
  }
  .mxs-xs-18 {
    -webkit-margin-start: var(--offset-18) !important;
    margin-inline-start: var(--offset-18) !important;
  }
  .mxe-xs-18 {
    -webkit-margin-end: var(--offset-18) !important;
    margin-inline-end: var(--offset-18) !important;
  }
  .p-xs-18 {
    padding: var(--offset-18) !important;
  }
  .py-xs-18 {
    padding-block: var(--offset-18) !important;
  }
  .pys-xs-18 {
    -webkit-padding-before: var(--offset-18) !important;
    padding-block-start: var(--offset-18) !important;
  }
  .pye-xs-18 {
    -webkit-padding-after: var(--offset-18) !important;
    padding-block-end: var(--offset-18) !important;
  }
  .px-xs-18 {
    padding-inline: var(--offset-18) !important;
  }
  .pxs-xs-18 {
    -webkit-padding-start: var(--offset-18) !important;
    padding-inline-start: var(--offset-18) !important;
  }
  .pxe-xs-18 {
    -webkit-padding-end: var(--offset-18) !important;
    padding-inline-end: var(--offset-18) !important;
  }
  .m-xs-19 {
    margin: var(--offset-19) !important;
  }
  .my-xs-19 {
    margin-block: var(--offset-19) !important;
  }
  .mys-xs-19 {
    -webkit-margin-before: var(--offset-19) !important;
    margin-block-start: var(--offset-19) !important;
  }
  .mye-xs-19 {
    -webkit-margin-after: var(--offset-19) !important;
    margin-block-end: var(--offset-19) !important;
  }
  .mx-xs-19 {
    margin-inline: var(--offset-19) !important;
  }
  .mxs-xs-19 {
    -webkit-margin-start: var(--offset-19) !important;
    margin-inline-start: var(--offset-19) !important;
  }
  .mxe-xs-19 {
    -webkit-margin-end: var(--offset-19) !important;
    margin-inline-end: var(--offset-19) !important;
  }
  .p-xs-19 {
    padding: var(--offset-19) !important;
  }
  .py-xs-19 {
    padding-block: var(--offset-19) !important;
  }
  .pys-xs-19 {
    -webkit-padding-before: var(--offset-19) !important;
    padding-block-start: var(--offset-19) !important;
  }
  .pye-xs-19 {
    -webkit-padding-after: var(--offset-19) !important;
    padding-block-end: var(--offset-19) !important;
  }
  .px-xs-19 {
    padding-inline: var(--offset-19) !important;
  }
  .pxs-xs-19 {
    -webkit-padding-start: var(--offset-19) !important;
    padding-inline-start: var(--offset-19) !important;
  }
  .pxe-xs-19 {
    -webkit-padding-end: var(--offset-19) !important;
    padding-inline-end: var(--offset-19) !important;
  }
  .m-xs-20 {
    margin: var(--offset-20) !important;
  }
  .my-xs-20 {
    margin-block: var(--offset-20) !important;
  }
  .mys-xs-20 {
    -webkit-margin-before: var(--offset-20) !important;
    margin-block-start: var(--offset-20) !important;
  }
  .mye-xs-20 {
    -webkit-margin-after: var(--offset-20) !important;
    margin-block-end: var(--offset-20) !important;
  }
  .mx-xs-20 {
    margin-inline: var(--offset-20) !important;
  }
  .mxs-xs-20 {
    -webkit-margin-start: var(--offset-20) !important;
    margin-inline-start: var(--offset-20) !important;
  }
  .mxe-xs-20 {
    -webkit-margin-end: var(--offset-20) !important;
    margin-inline-end: var(--offset-20) !important;
  }
  .p-xs-20 {
    padding: var(--offset-20) !important;
  }
  .py-xs-20 {
    padding-block: var(--offset-20) !important;
  }
  .pys-xs-20 {
    -webkit-padding-before: var(--offset-20) !important;
    padding-block-start: var(--offset-20) !important;
  }
  .pye-xs-20 {
    -webkit-padding-after: var(--offset-20) !important;
    padding-block-end: var(--offset-20) !important;
  }
  .px-xs-20 {
    padding-inline: var(--offset-20) !important;
  }
  .pxs-xs-20 {
    -webkit-padding-start: var(--offset-20) !important;
    padding-inline-start: var(--offset-20) !important;
  }
  .pxe-xs-20 {
    -webkit-padding-end: var(--offset-20) !important;
    padding-inline-end: var(--offset-20) !important;
  }
  .m-xs-21 {
    margin: var(--offset-21) !important;
  }
  .my-xs-21 {
    margin-block: var(--offset-21) !important;
  }
  .mys-xs-21 {
    -webkit-margin-before: var(--offset-21) !important;
    margin-block-start: var(--offset-21) !important;
  }
  .mye-xs-21 {
    -webkit-margin-after: var(--offset-21) !important;
    margin-block-end: var(--offset-21) !important;
  }
  .mx-xs-21 {
    margin-inline: var(--offset-21) !important;
  }
  .mxs-xs-21 {
    -webkit-margin-start: var(--offset-21) !important;
    margin-inline-start: var(--offset-21) !important;
  }
  .mxe-xs-21 {
    -webkit-margin-end: var(--offset-21) !important;
    margin-inline-end: var(--offset-21) !important;
  }
  .p-xs-21 {
    padding: var(--offset-21) !important;
  }
  .py-xs-21 {
    padding-block: var(--offset-21) !important;
  }
  .pys-xs-21 {
    -webkit-padding-before: var(--offset-21) !important;
    padding-block-start: var(--offset-21) !important;
  }
  .pye-xs-21 {
    -webkit-padding-after: var(--offset-21) !important;
    padding-block-end: var(--offset-21) !important;
  }
  .px-xs-21 {
    padding-inline: var(--offset-21) !important;
  }
  .pxs-xs-21 {
    -webkit-padding-start: var(--offset-21) !important;
    padding-inline-start: var(--offset-21) !important;
  }
  .pxe-xs-21 {
    -webkit-padding-end: var(--offset-21) !important;
    padding-inline-end: var(--offset-21) !important;
  }
  .m-xs-22 {
    margin: var(--offset-22) !important;
  }
  .my-xs-22 {
    margin-block: var(--offset-22) !important;
  }
  .mys-xs-22 {
    -webkit-margin-before: var(--offset-22) !important;
    margin-block-start: var(--offset-22) !important;
  }
  .mye-xs-22 {
    -webkit-margin-after: var(--offset-22) !important;
    margin-block-end: var(--offset-22) !important;
  }
  .mx-xs-22 {
    margin-inline: var(--offset-22) !important;
  }
  .mxs-xs-22 {
    -webkit-margin-start: var(--offset-22) !important;
    margin-inline-start: var(--offset-22) !important;
  }
  .mxe-xs-22 {
    -webkit-margin-end: var(--offset-22) !important;
    margin-inline-end: var(--offset-22) !important;
  }
  .p-xs-22 {
    padding: var(--offset-22) !important;
  }
  .py-xs-22 {
    padding-block: var(--offset-22) !important;
  }
  .pys-xs-22 {
    -webkit-padding-before: var(--offset-22) !important;
    padding-block-start: var(--offset-22) !important;
  }
  .pye-xs-22 {
    -webkit-padding-after: var(--offset-22) !important;
    padding-block-end: var(--offset-22) !important;
  }
  .px-xs-22 {
    padding-inline: var(--offset-22) !important;
  }
  .pxs-xs-22 {
    -webkit-padding-start: var(--offset-22) !important;
    padding-inline-start: var(--offset-22) !important;
  }
  .pxe-xs-22 {
    -webkit-padding-end: var(--offset-22) !important;
    padding-inline-end: var(--offset-22) !important;
  }
  .m-xs-23 {
    margin: var(--offset-23) !important;
  }
  .my-xs-23 {
    margin-block: var(--offset-23) !important;
  }
  .mys-xs-23 {
    -webkit-margin-before: var(--offset-23) !important;
    margin-block-start: var(--offset-23) !important;
  }
  .mye-xs-23 {
    -webkit-margin-after: var(--offset-23) !important;
    margin-block-end: var(--offset-23) !important;
  }
  .mx-xs-23 {
    margin-inline: var(--offset-23) !important;
  }
  .mxs-xs-23 {
    -webkit-margin-start: var(--offset-23) !important;
    margin-inline-start: var(--offset-23) !important;
  }
  .mxe-xs-23 {
    -webkit-margin-end: var(--offset-23) !important;
    margin-inline-end: var(--offset-23) !important;
  }
  .p-xs-23 {
    padding: var(--offset-23) !important;
  }
  .py-xs-23 {
    padding-block: var(--offset-23) !important;
  }
  .pys-xs-23 {
    -webkit-padding-before: var(--offset-23) !important;
    padding-block-start: var(--offset-23) !important;
  }
  .pye-xs-23 {
    -webkit-padding-after: var(--offset-23) !important;
    padding-block-end: var(--offset-23) !important;
  }
  .px-xs-23 {
    padding-inline: var(--offset-23) !important;
  }
  .pxs-xs-23 {
    -webkit-padding-start: var(--offset-23) !important;
    padding-inline-start: var(--offset-23) !important;
  }
  .pxe-xs-23 {
    -webkit-padding-end: var(--offset-23) !important;
    padding-inline-end: var(--offset-23) !important;
  }
  .m-xs-24 {
    margin: var(--offset-24) !important;
  }
  .my-xs-24 {
    margin-block: var(--offset-24) !important;
  }
  .mys-xs-24 {
    -webkit-margin-before: var(--offset-24) !important;
    margin-block-start: var(--offset-24) !important;
  }
  .mye-xs-24 {
    -webkit-margin-after: var(--offset-24) !important;
    margin-block-end: var(--offset-24) !important;
  }
  .mx-xs-24 {
    margin-inline: var(--offset-24) !important;
  }
  .mxs-xs-24 {
    -webkit-margin-start: var(--offset-24) !important;
    margin-inline-start: var(--offset-24) !important;
  }
  .mxe-xs-24 {
    -webkit-margin-end: var(--offset-24) !important;
    margin-inline-end: var(--offset-24) !important;
  }
  .p-xs-24 {
    padding: var(--offset-24) !important;
  }
  .py-xs-24 {
    padding-block: var(--offset-24) !important;
  }
  .pys-xs-24 {
    -webkit-padding-before: var(--offset-24) !important;
    padding-block-start: var(--offset-24) !important;
  }
  .pye-xs-24 {
    -webkit-padding-after: var(--offset-24) !important;
    padding-block-end: var(--offset-24) !important;
  }
  .px-xs-24 {
    padding-inline: var(--offset-24) !important;
  }
  .pxs-xs-24 {
    -webkit-padding-start: var(--offset-24) !important;
    padding-inline-start: var(--offset-24) !important;
  }
  .pxe-xs-24 {
    -webkit-padding-end: var(--offset-24) !important;
    padding-inline-end: var(--offset-24) !important;
  }
  .m-xs-25 {
    margin: var(--offset-25) !important;
  }
  .my-xs-25 {
    margin-block: var(--offset-25) !important;
  }
  .mys-xs-25 {
    -webkit-margin-before: var(--offset-25) !important;
    margin-block-start: var(--offset-25) !important;
  }
  .mye-xs-25 {
    -webkit-margin-after: var(--offset-25) !important;
    margin-block-end: var(--offset-25) !important;
  }
  .mx-xs-25 {
    margin-inline: var(--offset-25) !important;
  }
  .mxs-xs-25 {
    -webkit-margin-start: var(--offset-25) !important;
    margin-inline-start: var(--offset-25) !important;
  }
  .mxe-xs-25 {
    -webkit-margin-end: var(--offset-25) !important;
    margin-inline-end: var(--offset-25) !important;
  }
  .p-xs-25 {
    padding: var(--offset-25) !important;
  }
  .py-xs-25 {
    padding-block: var(--offset-25) !important;
  }
  .pys-xs-25 {
    -webkit-padding-before: var(--offset-25) !important;
    padding-block-start: var(--offset-25) !important;
  }
  .pye-xs-25 {
    -webkit-padding-after: var(--offset-25) !important;
    padding-block-end: var(--offset-25) !important;
  }
  .px-xs-25 {
    padding-inline: var(--offset-25) !important;
  }
  .pxs-xs-25 {
    -webkit-padding-start: var(--offset-25) !important;
    padding-inline-start: var(--offset-25) !important;
  }
  .pxe-xs-25 {
    -webkit-padding-end: var(--offset-25) !important;
    padding-inline-end: var(--offset-25) !important;
  }
  .m-xs-26 {
    margin: var(--offset-26) !important;
  }
  .my-xs-26 {
    margin-block: var(--offset-26) !important;
  }
  .mys-xs-26 {
    -webkit-margin-before: var(--offset-26) !important;
    margin-block-start: var(--offset-26) !important;
  }
  .mye-xs-26 {
    -webkit-margin-after: var(--offset-26) !important;
    margin-block-end: var(--offset-26) !important;
  }
  .mx-xs-26 {
    margin-inline: var(--offset-26) !important;
  }
  .mxs-xs-26 {
    -webkit-margin-start: var(--offset-26) !important;
    margin-inline-start: var(--offset-26) !important;
  }
  .mxe-xs-26 {
    -webkit-margin-end: var(--offset-26) !important;
    margin-inline-end: var(--offset-26) !important;
  }
  .p-xs-26 {
    padding: var(--offset-26) !important;
  }
  .py-xs-26 {
    padding-block: var(--offset-26) !important;
  }
  .pys-xs-26 {
    -webkit-padding-before: var(--offset-26) !important;
    padding-block-start: var(--offset-26) !important;
  }
  .pye-xs-26 {
    -webkit-padding-after: var(--offset-26) !important;
    padding-block-end: var(--offset-26) !important;
  }
  .px-xs-26 {
    padding-inline: var(--offset-26) !important;
  }
  .pxs-xs-26 {
    -webkit-padding-start: var(--offset-26) !important;
    padding-inline-start: var(--offset-26) !important;
  }
  .pxe-xs-26 {
    -webkit-padding-end: var(--offset-26) !important;
    padding-inline-end: var(--offset-26) !important;
  }
  .m-xs-27 {
    margin: var(--offset-27) !important;
  }
  .my-xs-27 {
    margin-block: var(--offset-27) !important;
  }
  .mys-xs-27 {
    -webkit-margin-before: var(--offset-27) !important;
    margin-block-start: var(--offset-27) !important;
  }
  .mye-xs-27 {
    -webkit-margin-after: var(--offset-27) !important;
    margin-block-end: var(--offset-27) !important;
  }
  .mx-xs-27 {
    margin-inline: var(--offset-27) !important;
  }
  .mxs-xs-27 {
    -webkit-margin-start: var(--offset-27) !important;
    margin-inline-start: var(--offset-27) !important;
  }
  .mxe-xs-27 {
    -webkit-margin-end: var(--offset-27) !important;
    margin-inline-end: var(--offset-27) !important;
  }
  .p-xs-27 {
    padding: var(--offset-27) !important;
  }
  .py-xs-27 {
    padding-block: var(--offset-27) !important;
  }
  .pys-xs-27 {
    -webkit-padding-before: var(--offset-27) !important;
    padding-block-start: var(--offset-27) !important;
  }
  .pye-xs-27 {
    -webkit-padding-after: var(--offset-27) !important;
    padding-block-end: var(--offset-27) !important;
  }
  .px-xs-27 {
    padding-inline: var(--offset-27) !important;
  }
  .pxs-xs-27 {
    -webkit-padding-start: var(--offset-27) !important;
    padding-inline-start: var(--offset-27) !important;
  }
  .pxe-xs-27 {
    -webkit-padding-end: var(--offset-27) !important;
    padding-inline-end: var(--offset-27) !important;
  }
  .m-xs-28 {
    margin: var(--offset-28) !important;
  }
  .my-xs-28 {
    margin-block: var(--offset-28) !important;
  }
  .mys-xs-28 {
    -webkit-margin-before: var(--offset-28) !important;
    margin-block-start: var(--offset-28) !important;
  }
  .mye-xs-28 {
    -webkit-margin-after: var(--offset-28) !important;
    margin-block-end: var(--offset-28) !important;
  }
  .mx-xs-28 {
    margin-inline: var(--offset-28) !important;
  }
  .mxs-xs-28 {
    -webkit-margin-start: var(--offset-28) !important;
    margin-inline-start: var(--offset-28) !important;
  }
  .mxe-xs-28 {
    -webkit-margin-end: var(--offset-28) !important;
    margin-inline-end: var(--offset-28) !important;
  }
  .p-xs-28 {
    padding: var(--offset-28) !important;
  }
  .py-xs-28 {
    padding-block: var(--offset-28) !important;
  }
  .pys-xs-28 {
    -webkit-padding-before: var(--offset-28) !important;
    padding-block-start: var(--offset-28) !important;
  }
  .pye-xs-28 {
    -webkit-padding-after: var(--offset-28) !important;
    padding-block-end: var(--offset-28) !important;
  }
  .px-xs-28 {
    padding-inline: var(--offset-28) !important;
  }
  .pxs-xs-28 {
    -webkit-padding-start: var(--offset-28) !important;
    padding-inline-start: var(--offset-28) !important;
  }
  .pxe-xs-28 {
    -webkit-padding-end: var(--offset-28) !important;
    padding-inline-end: var(--offset-28) !important;
  }
  .m-xs-29 {
    margin: var(--offset-29) !important;
  }
  .my-xs-29 {
    margin-block: var(--offset-29) !important;
  }
  .mys-xs-29 {
    -webkit-margin-before: var(--offset-29) !important;
    margin-block-start: var(--offset-29) !important;
  }
  .mye-xs-29 {
    -webkit-margin-after: var(--offset-29) !important;
    margin-block-end: var(--offset-29) !important;
  }
  .mx-xs-29 {
    margin-inline: var(--offset-29) !important;
  }
  .mxs-xs-29 {
    -webkit-margin-start: var(--offset-29) !important;
    margin-inline-start: var(--offset-29) !important;
  }
  .mxe-xs-29 {
    -webkit-margin-end: var(--offset-29) !important;
    margin-inline-end: var(--offset-29) !important;
  }
  .p-xs-29 {
    padding: var(--offset-29) !important;
  }
  .py-xs-29 {
    padding-block: var(--offset-29) !important;
  }
  .pys-xs-29 {
    -webkit-padding-before: var(--offset-29) !important;
    padding-block-start: var(--offset-29) !important;
  }
  .pye-xs-29 {
    -webkit-padding-after: var(--offset-29) !important;
    padding-block-end: var(--offset-29) !important;
  }
  .px-xs-29 {
    padding-inline: var(--offset-29) !important;
  }
  .pxs-xs-29 {
    -webkit-padding-start: var(--offset-29) !important;
    padding-inline-start: var(--offset-29) !important;
  }
  .pxe-xs-29 {
    -webkit-padding-end: var(--offset-29) !important;
    padding-inline-end: var(--offset-29) !important;
  }
  .m-xs-30 {
    margin: var(--offset-30) !important;
  }
  .my-xs-30 {
    margin-block: var(--offset-30) !important;
  }
  .mys-xs-30 {
    -webkit-margin-before: var(--offset-30) !important;
    margin-block-start: var(--offset-30) !important;
  }
  .mye-xs-30 {
    -webkit-margin-after: var(--offset-30) !important;
    margin-block-end: var(--offset-30) !important;
  }
  .mx-xs-30 {
    margin-inline: var(--offset-30) !important;
  }
  .mxs-xs-30 {
    -webkit-margin-start: var(--offset-30) !important;
    margin-inline-start: var(--offset-30) !important;
  }
  .mxe-xs-30 {
    -webkit-margin-end: var(--offset-30) !important;
    margin-inline-end: var(--offset-30) !important;
  }
  .p-xs-30 {
    padding: var(--offset-30) !important;
  }
  .py-xs-30 {
    padding-block: var(--offset-30) !important;
  }
  .pys-xs-30 {
    -webkit-padding-before: var(--offset-30) !important;
    padding-block-start: var(--offset-30) !important;
  }
  .pye-xs-30 {
    -webkit-padding-after: var(--offset-30) !important;
    padding-block-end: var(--offset-30) !important;
  }
  .px-xs-30 {
    padding-inline: var(--offset-30) !important;
  }
  .pxs-xs-30 {
    -webkit-padding-start: var(--offset-30) !important;
    padding-inline-start: var(--offset-30) !important;
  }
  .pxe-xs-30 {
    -webkit-padding-end: var(--offset-30) !important;
    padding-inline-end: var(--offset-30) !important;
  }
  .m-xs-31 {
    margin: var(--offset-31) !important;
  }
  .my-xs-31 {
    margin-block: var(--offset-31) !important;
  }
  .mys-xs-31 {
    -webkit-margin-before: var(--offset-31) !important;
    margin-block-start: var(--offset-31) !important;
  }
  .mye-xs-31 {
    -webkit-margin-after: var(--offset-31) !important;
    margin-block-end: var(--offset-31) !important;
  }
  .mx-xs-31 {
    margin-inline: var(--offset-31) !important;
  }
  .mxs-xs-31 {
    -webkit-margin-start: var(--offset-31) !important;
    margin-inline-start: var(--offset-31) !important;
  }
  .mxe-xs-31 {
    -webkit-margin-end: var(--offset-31) !important;
    margin-inline-end: var(--offset-31) !important;
  }
  .p-xs-31 {
    padding: var(--offset-31) !important;
  }
  .py-xs-31 {
    padding-block: var(--offset-31) !important;
  }
  .pys-xs-31 {
    -webkit-padding-before: var(--offset-31) !important;
    padding-block-start: var(--offset-31) !important;
  }
  .pye-xs-31 {
    -webkit-padding-after: var(--offset-31) !important;
    padding-block-end: var(--offset-31) !important;
  }
  .px-xs-31 {
    padding-inline: var(--offset-31) !important;
  }
  .pxs-xs-31 {
    -webkit-padding-start: var(--offset-31) !important;
    padding-inline-start: var(--offset-31) !important;
  }
  .pxe-xs-31 {
    -webkit-padding-end: var(--offset-31) !important;
    padding-inline-end: var(--offset-31) !important;
  }
  .m-xs-32 {
    margin: var(--offset-32) !important;
  }
  .my-xs-32 {
    margin-block: var(--offset-32) !important;
  }
  .mys-xs-32 {
    -webkit-margin-before: var(--offset-32) !important;
    margin-block-start: var(--offset-32) !important;
  }
  .mye-xs-32 {
    -webkit-margin-after: var(--offset-32) !important;
    margin-block-end: var(--offset-32) !important;
  }
  .mx-xs-32 {
    margin-inline: var(--offset-32) !important;
  }
  .mxs-xs-32 {
    -webkit-margin-start: var(--offset-32) !important;
    margin-inline-start: var(--offset-32) !important;
  }
  .mxe-xs-32 {
    -webkit-margin-end: var(--offset-32) !important;
    margin-inline-end: var(--offset-32) !important;
  }
  .p-xs-32 {
    padding: var(--offset-32) !important;
  }
  .py-xs-32 {
    padding-block: var(--offset-32) !important;
  }
  .pys-xs-32 {
    -webkit-padding-before: var(--offset-32) !important;
    padding-block-start: var(--offset-32) !important;
  }
  .pye-xs-32 {
    -webkit-padding-after: var(--offset-32) !important;
    padding-block-end: var(--offset-32) !important;
  }
  .px-xs-32 {
    padding-inline: var(--offset-32) !important;
  }
  .pxs-xs-32 {
    -webkit-padding-start: var(--offset-32) !important;
    padding-inline-start: var(--offset-32) !important;
  }
  .pxe-xs-32 {
    -webkit-padding-end: var(--offset-32) !important;
    padding-inline-end: var(--offset-32) !important;
  }
  .m-xs-33 {
    margin: var(--offset-33) !important;
  }
  .my-xs-33 {
    margin-block: var(--offset-33) !important;
  }
  .mys-xs-33 {
    -webkit-margin-before: var(--offset-33) !important;
    margin-block-start: var(--offset-33) !important;
  }
  .mye-xs-33 {
    -webkit-margin-after: var(--offset-33) !important;
    margin-block-end: var(--offset-33) !important;
  }
  .mx-xs-33 {
    margin-inline: var(--offset-33) !important;
  }
  .mxs-xs-33 {
    -webkit-margin-start: var(--offset-33) !important;
    margin-inline-start: var(--offset-33) !important;
  }
  .mxe-xs-33 {
    -webkit-margin-end: var(--offset-33) !important;
    margin-inline-end: var(--offset-33) !important;
  }
  .p-xs-33 {
    padding: var(--offset-33) !important;
  }
  .py-xs-33 {
    padding-block: var(--offset-33) !important;
  }
  .pys-xs-33 {
    -webkit-padding-before: var(--offset-33) !important;
    padding-block-start: var(--offset-33) !important;
  }
  .pye-xs-33 {
    -webkit-padding-after: var(--offset-33) !important;
    padding-block-end: var(--offset-33) !important;
  }
  .px-xs-33 {
    padding-inline: var(--offset-33) !important;
  }
  .pxs-xs-33 {
    -webkit-padding-start: var(--offset-33) !important;
    padding-inline-start: var(--offset-33) !important;
  }
  .pxe-xs-33 {
    -webkit-padding-end: var(--offset-33) !important;
    padding-inline-end: var(--offset-33) !important;
  }
  .m-xs-34 {
    margin: var(--offset-34) !important;
  }
  .my-xs-34 {
    margin-block: var(--offset-34) !important;
  }
  .mys-xs-34 {
    -webkit-margin-before: var(--offset-34) !important;
    margin-block-start: var(--offset-34) !important;
  }
  .mye-xs-34 {
    -webkit-margin-after: var(--offset-34) !important;
    margin-block-end: var(--offset-34) !important;
  }
  .mx-xs-34 {
    margin-inline: var(--offset-34) !important;
  }
  .mxs-xs-34 {
    -webkit-margin-start: var(--offset-34) !important;
    margin-inline-start: var(--offset-34) !important;
  }
  .mxe-xs-34 {
    -webkit-margin-end: var(--offset-34) !important;
    margin-inline-end: var(--offset-34) !important;
  }
  .p-xs-34 {
    padding: var(--offset-34) !important;
  }
  .py-xs-34 {
    padding-block: var(--offset-34) !important;
  }
  .pys-xs-34 {
    -webkit-padding-before: var(--offset-34) !important;
    padding-block-start: var(--offset-34) !important;
  }
  .pye-xs-34 {
    -webkit-padding-after: var(--offset-34) !important;
    padding-block-end: var(--offset-34) !important;
  }
  .px-xs-34 {
    padding-inline: var(--offset-34) !important;
  }
  .pxs-xs-34 {
    -webkit-padding-start: var(--offset-34) !important;
    padding-inline-start: var(--offset-34) !important;
  }
  .pxe-xs-34 {
    -webkit-padding-end: var(--offset-34) !important;
    padding-inline-end: var(--offset-34) !important;
  }
  .m-xs-35 {
    margin: var(--offset-35) !important;
  }
  .my-xs-35 {
    margin-block: var(--offset-35) !important;
  }
  .mys-xs-35 {
    -webkit-margin-before: var(--offset-35) !important;
    margin-block-start: var(--offset-35) !important;
  }
  .mye-xs-35 {
    -webkit-margin-after: var(--offset-35) !important;
    margin-block-end: var(--offset-35) !important;
  }
  .mx-xs-35 {
    margin-inline: var(--offset-35) !important;
  }
  .mxs-xs-35 {
    -webkit-margin-start: var(--offset-35) !important;
    margin-inline-start: var(--offset-35) !important;
  }
  .mxe-xs-35 {
    -webkit-margin-end: var(--offset-35) !important;
    margin-inline-end: var(--offset-35) !important;
  }
  .p-xs-35 {
    padding: var(--offset-35) !important;
  }
  .py-xs-35 {
    padding-block: var(--offset-35) !important;
  }
  .pys-xs-35 {
    -webkit-padding-before: var(--offset-35) !important;
    padding-block-start: var(--offset-35) !important;
  }
  .pye-xs-35 {
    -webkit-padding-after: var(--offset-35) !important;
    padding-block-end: var(--offset-35) !important;
  }
  .px-xs-35 {
    padding-inline: var(--offset-35) !important;
  }
  .pxs-xs-35 {
    -webkit-padding-start: var(--offset-35) !important;
    padding-inline-start: var(--offset-35) !important;
  }
  .pxe-xs-35 {
    -webkit-padding-end: var(--offset-35) !important;
    padding-inline-end: var(--offset-35) !important;
  }
  .m-xs-36 {
    margin: var(--offset-36) !important;
  }
  .my-xs-36 {
    margin-block: var(--offset-36) !important;
  }
  .mys-xs-36 {
    -webkit-margin-before: var(--offset-36) !important;
    margin-block-start: var(--offset-36) !important;
  }
  .mye-xs-36 {
    -webkit-margin-after: var(--offset-36) !important;
    margin-block-end: var(--offset-36) !important;
  }
  .mx-xs-36 {
    margin-inline: var(--offset-36) !important;
  }
  .mxs-xs-36 {
    -webkit-margin-start: var(--offset-36) !important;
    margin-inline-start: var(--offset-36) !important;
  }
  .mxe-xs-36 {
    -webkit-margin-end: var(--offset-36) !important;
    margin-inline-end: var(--offset-36) !important;
  }
  .p-xs-36 {
    padding: var(--offset-36) !important;
  }
  .py-xs-36 {
    padding-block: var(--offset-36) !important;
  }
  .pys-xs-36 {
    -webkit-padding-before: var(--offset-36) !important;
    padding-block-start: var(--offset-36) !important;
  }
  .pye-xs-36 {
    -webkit-padding-after: var(--offset-36) !important;
    padding-block-end: var(--offset-36) !important;
  }
  .px-xs-36 {
    padding-inline: var(--offset-36) !important;
  }
  .pxs-xs-36 {
    -webkit-padding-start: var(--offset-36) !important;
    padding-inline-start: var(--offset-36) !important;
  }
  .pxe-xs-36 {
    -webkit-padding-end: var(--offset-36) !important;
    padding-inline-end: var(--offset-36) !important;
  }
  .m-xs-37 {
    margin: var(--offset-37) !important;
  }
  .my-xs-37 {
    margin-block: var(--offset-37) !important;
  }
  .mys-xs-37 {
    -webkit-margin-before: var(--offset-37) !important;
    margin-block-start: var(--offset-37) !important;
  }
  .mye-xs-37 {
    -webkit-margin-after: var(--offset-37) !important;
    margin-block-end: var(--offset-37) !important;
  }
  .mx-xs-37 {
    margin-inline: var(--offset-37) !important;
  }
  .mxs-xs-37 {
    -webkit-margin-start: var(--offset-37) !important;
    margin-inline-start: var(--offset-37) !important;
  }
  .mxe-xs-37 {
    -webkit-margin-end: var(--offset-37) !important;
    margin-inline-end: var(--offset-37) !important;
  }
  .p-xs-37 {
    padding: var(--offset-37) !important;
  }
  .py-xs-37 {
    padding-block: var(--offset-37) !important;
  }
  .pys-xs-37 {
    -webkit-padding-before: var(--offset-37) !important;
    padding-block-start: var(--offset-37) !important;
  }
  .pye-xs-37 {
    -webkit-padding-after: var(--offset-37) !important;
    padding-block-end: var(--offset-37) !important;
  }
  .px-xs-37 {
    padding-inline: var(--offset-37) !important;
  }
  .pxs-xs-37 {
    -webkit-padding-start: var(--offset-37) !important;
    padding-inline-start: var(--offset-37) !important;
  }
  .pxe-xs-37 {
    -webkit-padding-end: var(--offset-37) !important;
    padding-inline-end: var(--offset-37) !important;
  }
  .m-xs-38 {
    margin: var(--offset-38) !important;
  }
  .my-xs-38 {
    margin-block: var(--offset-38) !important;
  }
  .mys-xs-38 {
    -webkit-margin-before: var(--offset-38) !important;
    margin-block-start: var(--offset-38) !important;
  }
  .mye-xs-38 {
    -webkit-margin-after: var(--offset-38) !important;
    margin-block-end: var(--offset-38) !important;
  }
  .mx-xs-38 {
    margin-inline: var(--offset-38) !important;
  }
  .mxs-xs-38 {
    -webkit-margin-start: var(--offset-38) !important;
    margin-inline-start: var(--offset-38) !important;
  }
  .mxe-xs-38 {
    -webkit-margin-end: var(--offset-38) !important;
    margin-inline-end: var(--offset-38) !important;
  }
  .p-xs-38 {
    padding: var(--offset-38) !important;
  }
  .py-xs-38 {
    padding-block: var(--offset-38) !important;
  }
  .pys-xs-38 {
    -webkit-padding-before: var(--offset-38) !important;
    padding-block-start: var(--offset-38) !important;
  }
  .pye-xs-38 {
    -webkit-padding-after: var(--offset-38) !important;
    padding-block-end: var(--offset-38) !important;
  }
  .px-xs-38 {
    padding-inline: var(--offset-38) !important;
  }
  .pxs-xs-38 {
    -webkit-padding-start: var(--offset-38) !important;
    padding-inline-start: var(--offset-38) !important;
  }
  .pxe-xs-38 {
    -webkit-padding-end: var(--offset-38) !important;
    padding-inline-end: var(--offset-38) !important;
  }
  .m-xs-39 {
    margin: var(--offset-39) !important;
  }
  .my-xs-39 {
    margin-block: var(--offset-39) !important;
  }
  .mys-xs-39 {
    -webkit-margin-before: var(--offset-39) !important;
    margin-block-start: var(--offset-39) !important;
  }
  .mye-xs-39 {
    -webkit-margin-after: var(--offset-39) !important;
    margin-block-end: var(--offset-39) !important;
  }
  .mx-xs-39 {
    margin-inline: var(--offset-39) !important;
  }
  .mxs-xs-39 {
    -webkit-margin-start: var(--offset-39) !important;
    margin-inline-start: var(--offset-39) !important;
  }
  .mxe-xs-39 {
    -webkit-margin-end: var(--offset-39) !important;
    margin-inline-end: var(--offset-39) !important;
  }
  .p-xs-39 {
    padding: var(--offset-39) !important;
  }
  .py-xs-39 {
    padding-block: var(--offset-39) !important;
  }
  .pys-xs-39 {
    -webkit-padding-before: var(--offset-39) !important;
    padding-block-start: var(--offset-39) !important;
  }
  .pye-xs-39 {
    -webkit-padding-after: var(--offset-39) !important;
    padding-block-end: var(--offset-39) !important;
  }
  .px-xs-39 {
    padding-inline: var(--offset-39) !important;
  }
  .pxs-xs-39 {
    -webkit-padding-start: var(--offset-39) !important;
    padding-inline-start: var(--offset-39) !important;
  }
  .pxe-xs-39 {
    -webkit-padding-end: var(--offset-39) !important;
    padding-inline-end: var(--offset-39) !important;
  }
  .m-xs-40 {
    margin: var(--offset-40) !important;
  }
  .my-xs-40 {
    margin-block: var(--offset-40) !important;
  }
  .mys-xs-40 {
    -webkit-margin-before: var(--offset-40) !important;
    margin-block-start: var(--offset-40) !important;
  }
  .mye-xs-40 {
    -webkit-margin-after: var(--offset-40) !important;
    margin-block-end: var(--offset-40) !important;
  }
  .mx-xs-40 {
    margin-inline: var(--offset-40) !important;
  }
  .mxs-xs-40 {
    -webkit-margin-start: var(--offset-40) !important;
    margin-inline-start: var(--offset-40) !important;
  }
  .mxe-xs-40 {
    -webkit-margin-end: var(--offset-40) !important;
    margin-inline-end: var(--offset-40) !important;
  }
  .p-xs-40 {
    padding: var(--offset-40) !important;
  }
  .py-xs-40 {
    padding-block: var(--offset-40) !important;
  }
  .pys-xs-40 {
    -webkit-padding-before: var(--offset-40) !important;
    padding-block-start: var(--offset-40) !important;
  }
  .pye-xs-40 {
    -webkit-padding-after: var(--offset-40) !important;
    padding-block-end: var(--offset-40) !important;
  }
  .px-xs-40 {
    padding-inline: var(--offset-40) !important;
  }
  .pxs-xs-40 {
    -webkit-padding-start: var(--offset-40) !important;
    padding-inline-start: var(--offset-40) !important;
  }
  .pxe-xs-40 {
    -webkit-padding-end: var(--offset-40) !important;
    padding-inline-end: var(--offset-40) !important;
  }
  .m-xs-41 {
    margin: var(--offset-41) !important;
  }
  .my-xs-41 {
    margin-block: var(--offset-41) !important;
  }
  .mys-xs-41 {
    -webkit-margin-before: var(--offset-41) !important;
    margin-block-start: var(--offset-41) !important;
  }
  .mye-xs-41 {
    -webkit-margin-after: var(--offset-41) !important;
    margin-block-end: var(--offset-41) !important;
  }
  .mx-xs-41 {
    margin-inline: var(--offset-41) !important;
  }
  .mxs-xs-41 {
    -webkit-margin-start: var(--offset-41) !important;
    margin-inline-start: var(--offset-41) !important;
  }
  .mxe-xs-41 {
    -webkit-margin-end: var(--offset-41) !important;
    margin-inline-end: var(--offset-41) !important;
  }
  .p-xs-41 {
    padding: var(--offset-41) !important;
  }
  .py-xs-41 {
    padding-block: var(--offset-41) !important;
  }
  .pys-xs-41 {
    -webkit-padding-before: var(--offset-41) !important;
    padding-block-start: var(--offset-41) !important;
  }
  .pye-xs-41 {
    -webkit-padding-after: var(--offset-41) !important;
    padding-block-end: var(--offset-41) !important;
  }
  .px-xs-41 {
    padding-inline: var(--offset-41) !important;
  }
  .pxs-xs-41 {
    -webkit-padding-start: var(--offset-41) !important;
    padding-inline-start: var(--offset-41) !important;
  }
  .pxe-xs-41 {
    -webkit-padding-end: var(--offset-41) !important;
    padding-inline-end: var(--offset-41) !important;
  }
  .m-xs-42 {
    margin: var(--offset-42) !important;
  }
  .my-xs-42 {
    margin-block: var(--offset-42) !important;
  }
  .mys-xs-42 {
    -webkit-margin-before: var(--offset-42) !important;
    margin-block-start: var(--offset-42) !important;
  }
  .mye-xs-42 {
    -webkit-margin-after: var(--offset-42) !important;
    margin-block-end: var(--offset-42) !important;
  }
  .mx-xs-42 {
    margin-inline: var(--offset-42) !important;
  }
  .mxs-xs-42 {
    -webkit-margin-start: var(--offset-42) !important;
    margin-inline-start: var(--offset-42) !important;
  }
  .mxe-xs-42 {
    -webkit-margin-end: var(--offset-42) !important;
    margin-inline-end: var(--offset-42) !important;
  }
  .p-xs-42 {
    padding: var(--offset-42) !important;
  }
  .py-xs-42 {
    padding-block: var(--offset-42) !important;
  }
  .pys-xs-42 {
    -webkit-padding-before: var(--offset-42) !important;
    padding-block-start: var(--offset-42) !important;
  }
  .pye-xs-42 {
    -webkit-padding-after: var(--offset-42) !important;
    padding-block-end: var(--offset-42) !important;
  }
  .px-xs-42 {
    padding-inline: var(--offset-42) !important;
  }
  .pxs-xs-42 {
    -webkit-padding-start: var(--offset-42) !important;
    padding-inline-start: var(--offset-42) !important;
  }
  .pxe-xs-42 {
    -webkit-padding-end: var(--offset-42) !important;
    padding-inline-end: var(--offset-42) !important;
  }
}
.text-start {
  text-align: start !important;
}

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

.text-end {
  text-align: end !important;
}

.text-justify {
  text-align: justify !important;
}

@media (max-width: 1400px) {
  .text-xxl-start {
    text-align: start !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
  .text-xxl-end {
    text-align: end !important;
  }
  .text-xxl-justify {
    text-align: justify !important;
  }
}
@media (max-width: 1200px) {
  .text-xl-start {
    text-align: start !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .text-xl-end {
    text-align: end !important;
  }
  .text-xl-justify {
    text-align: justify !important;
  }
}
@media (max-width: 992px) {
  .text-lg-start {
    text-align: start !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-end {
    text-align: end !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
}
@media (max-width: 768px) {
  .text-md-start {
    text-align: start !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-end {
    text-align: end !important;
  }
  .text-md-justify {
    text-align: justify !important;
  }
}
@media (max-width: 576px) {
  .text-sm-start {
    text-align: start !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-end {
    text-align: end !important;
  }
  .text-sm-justify {
    text-align: justify !important;
  }
}
@media (max-width: 360px) {
  .text-xs-start {
    text-align: start !important;
  }
  .text-xs-center {
    text-align: center !important;
  }
  .text-xs-end {
    text-align: end !important;
  }
  .text-xs-justify {
    text-align: justify !important;
  }
}
.text-primary {
  color: var(--primary-color) !important;
}

.text-primary-dark {
  color: var(--primary-color-dark) !important;
}

.text-primary-darker {
  color: var(--primary-color-darker) !important;
}

.text-primary--25 {
  color: var(--primary-color--25) !important;
}

.text-primary--50 {
  color: var(--primary-color--50) !important;
}

.text-primary--75 {
  color: var(--primary-color--75) !important;
}

.text-secondary {
  color: var(--secondary-color) !important;
}

.text-dark {
  color: var(--dark-color) !important;
}

.text-light {
  color: var(--light-color) !important;
}

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

@media (max-width: 768px) {
  .text-gray--md {
    color: var(--gray-color) !important;
  }
}
.background-primary-25 {
  background-color: var(--background-primary-25) !important;
}

.background-primary-50 {
  background-color: var(--background-primary-50) !important;
}

.background-secondary {
  background-color: var(--secondary-color) !important;
}

/* ===============================
=            Choices            =
=============================== */
.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  font-size: var(--fs-sm);
}
.choices:focus {
  outline: none;
}
.choices:last-child {
  margin-bottom: 0;
}
.choices.is-open {
  overflow: visible;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.choices.is-disabled .choices__item {
  cursor: not-allowed;
}
.choices [hidden] {
  display: none !important;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}
.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7.5px;
}
.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}
.choices[data-type*=select-one] .choices__button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
}
.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
  opacity: 1;
}
.choices[data-type*=select-one] .choices__button:focus {
  -webkit-box-shadow: 0 0 0 2px #00bcd4;
  box-shadow: 0 0 0 2px #00bcd4;
}
.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
  display: none;
}
.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}
.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333 transparent;
  margin-top: -7.5px;
}
.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto;
}
.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text;
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -4px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 16px;
  border-left: 1px solid #008fa1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}
.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: var(--radius-xl);
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
}
.is-focused .choices__inner, .is-open .choices__inner {
  border-color: #b7b7b7;
}
.is-open .choices__inner {
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}
.is-flipped.is-open .choices__inner {
  border-radius: 0 0 var(--radius-xl) var(--radius-xl);
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}
[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}
.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}
.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #00bcd4;
  border: 1px solid #00a5bb;
  color: #fff;
  word-break: break-all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}
[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}
.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 1px solid #008fa1;
}
.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaaaaa;
  border: 1px solid #919191;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  visibility: hidden;
  z-index: 10;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: var(--radius-xl);
  border-bottom-right-radius: var(--radius-xl);
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
}
.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
  visibility: visible;
}
.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}
.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}
.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}
.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px;
}
[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}
@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.choices__button:focus {
  outline: none;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}
.choices__input:focus {
  outline: 0;
}
.choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
  display: none;
}
.choices__input::-ms-clear, .choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

/* =====  End of Choices  ====== */
.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 0.5rem;
}
.choices[data-type*=select-one]::after {
  all: unset;
}
.choices[data-type*=select-one].is-open .choices__list--single .choices__item .icon {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.choices__inner {
  min-height: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: inherit;
  padding: 0.5rem 1.25rem;
}

.choices__item-value {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.choices__list--single {
  padding: 0;
}
.choices__list--single .choices__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.625rem;
  white-space: nowrap;
}
.choices__list--single .choices__item .icon {
  --_i-size: 0.75rem;
  --_i-color: currentColor;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.choices__list--single .choices__placeholder {
  opacity: 1;
}

.choices__list[aria-expanded] .choices__placeholder, .choices__list--dropdown .choices__placeholder {
  display: none;
}
.choices__list[aria-expanded] .choices__item, .choices__list--dropdown .choices__item {
  padding: 0.5rem 1.25rem;
  font-size: inherit;
}
.choices__list[aria-expanded] .choices__item--selectable, .choices__list--dropdown .choices__item--selectable {
  padding-right: 1.25rem;
}
[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable, [dir=rtl] .choices__list--dropdown .choices__item--selectable {
  text-align: right;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.choices--lg .choices__placeholder {
  color: var(--gray-color);
}
.choices--lg .choices__placeholder .icon {
  --_i-color: var(--dark-color);
}
.choices--lg .choices__inner {
  min-height: 2.5rem;
  border: 0;
}
.choices--lg .choices__list--dropdown, .choices--lg .choices__list[aria-expanded] {
  background-color: #f9f9f9;
  border: 0;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.choices--lg .choices__list--dropdown .choices__item, .choices--lg .choices__list[aria-expanded] .choices__item {
  padding-block: 0.75rem;
}

.choices--inverse {
  color: #ffdeb8;
}
.choices--inverse .choices__inner {
  width: 10rem;
  background-color: var(--primary-color);
  border-color: #ffdeb8;
}
.choices--inverse .choices__list[aria-expanded], .choices--inverse .choices__list--dropdown {
  background-color: var(--primary-color);
  border-color: #ffdeb8;
}
.choices--inverse .choices__list[aria-expanded] .choices__item--selectable.is-highlighted, .choices--inverse .choices__list--dropdown .choices__item--selectable.is-highlighted {
  color: var(--light-color);
  background-color: var(--primary-color--75);
}

.choices--outline {
  color: var(--dark-color);
}
.choices--outline .choices__inner {
  min-height: 2.5rem;
  background-color: var(--background-light);
  border-color: var(--primary-color);
}
.choices--outline .choices__list--dropdown, .choices--outline .choices__list[aria-expanded] {
  background-color: var(--background-light);
  border-color: var(--primary-color);
}
.choices--outline .choices__list--dropdown .choices__item, .choices--outline .choices__list[aria-expanded] .choices__item {
  padding-block: 0.75rem;
}

.wrapper-swiper {
  position: relative;
}
.wrapper-swiper * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.swiper-pagination {
  --swiper-pagination-bullet-size: .625rem;
  --swiper-pagination-color: var(--primary-color);
  --swiper-pagination-bullet-inactive-color:var(--primary-color-dark);
  --swiper-pagination-bullet-horizontal-gap: .25rem;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-inactive-opacity: 1;
}

.swiper-main .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0rem;
}

.swiper-button-next,
.swiper-button-prev {
  --swiper-navigation-size: 2.875rem;
  --swiper-navigation-color: var(--primary-color);
  --swiper-navigation-icon-size: 1.25rem;
  width: var(--swiper-navigation-size);
  background-color: var(--background-light, #fff);
  margin-top: initial;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  top: calc((var(--swiper-navigation-size) + 3.75rem) * -1);
  -webkit-transform: initial;
  -ms-transform: initial;
  transform: initial;
  -webkit-transition: color var(--transition-duration) var(--transition-type), background var(--transition-duration) var(--transition-type);
  transition: color var(--transition-duration) var(--transition-type), background var(--transition-duration) var(--transition-type);
}
.swiper-button-next::after,
.swiper-button-prev::after {
  all: unset;
}
.swiper-button-next .icon,
.swiper-button-prev .icon {
  --_i-size: var(--swiper-navigation-icon-size);
}
.swiper-button-next:is(:hover, :focus-visible, :active, .is-active),
.swiper-button-prev:is(:hover, :focus-visible, :active, .is-active) {
  --swiper-navigation-color: var(--light-color);
  background-color: var(--primary-color);
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 0;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  right: calc(var(--swiper-navigation-size) + 0.875rem);
  left: auto;
}

.swiper-card-header {
  -webkit-padding-end: 7.25rem;
  padding-inline-end: 7.25rem;
}
.swiper-card .swiper-slide {
  height: auto;
}
.swiper-card .card {
  max-width: 100%;
  overflow: hidden;
}

.swiper-recommended .swiper-slide {
  height: auto;
}

.swiper-gallery {
  height: 35rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(5rem, 10.625rem) minmax(18rem, 32rem);
  grid-template-columns: minmax(5rem, 10.625rem) minmax(18rem, 32rem);
  -ms-grid-rows: 35rem;
  grid-template-rows: 35rem;
  gap: 1.25rem;
}
.swiper-gallery .swiper-button-next,
.swiper-gallery .swiper-button-prev {
  right: 50%;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
.swiper-gallery .swiper-button-next .icon,
.swiper-gallery .swiper-button-prev .icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.swiper-gallery .swiper-button-next {
  top: auto;
  bottom: 0;
}
.swiper-gallery .swiper-button-prev {
  top: 0;
}

.swiper-main,
.swiper-thumbs {
  width: 100%;
  height: 100%;
}
.swiper-main__slide,
.swiper-thumbs__slide {
  border: var(--border-width) var(--border-type) var(--primary-color--75);
  border-radius: var(--radius-3xl);
}
.swiper-main__image,
.swiper-thumbs__image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.swiper-main__slide {
  padding: 6.25rem 1.25rem 2rem;
}
.swiper-main__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.5rem 1.25rem;
  padding: 1.25rem;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.swiper-main__action-start, .swiper-main__action-end {
  pointer-events: auto;
}
.swiper-main__action-bonus {
  font-size: 0.875rem;
  color: var(--light-color);
  background-color: var(--background-primary);
  border-radius: var(--radius-xl);
  padding: 0.5rem 0.625rem;
}
.swiper-main__action-favorite {
  --_icon-size: 1.875rem;
}
/*.swiper-main .swiper-pagination {
  display: none;
}*/

.swiper-thumbs {
  height: calc(100% - 8.25rem);
  margin-block: 4.125rem;
}
.swiper-thumbs__slide {
  padding: 0.5rem;
}
.swiper-thumbs__slide.swiper-slide-thumb-active {
  border-color: var(--primary-color);
}

.swiper-video {
  padding-inline: 4rem;
}
.swiper-video .swiper-button-prev,
.swiper-video .swiper-button-next {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.swiper-video .swiper-button-prev {
  right: auto;
  left: 0;
}

.user__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
.user__list-link {
  --_font-size: 1.125rem;
  --_icon-size: 1.875rem;
  --_icon-color: var(--primary-color);
  --_icon-color-active: var(--primary-color);
}
.user__list-link .icon {
  -webkit-transition: color var(--_transition-duration) var(--_transition-type);
  transition: color var(--_transition-duration) var(--_transition-type);
}

.phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 0.625rem;
}
.phone__link {
  --_font-size: .875rem ;
}

.badge {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  color: var(--primary-color-dark);
  background-color: var(--background-primary-50);
  border-radius: var(--radius-xxl);
  padding: 0.375rem 0.625rem 0.375rem 0.375rem;
}
.badge__icon {
  --_i-size: 1.5rem;
}

.custom-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
  cursor: pointer;
}
.custom-checkbox__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.custom-checkbox__field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  background-color: transparent;
  border: 1px solid var(--gray-color);
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: background var(--transition-duration) var(--transition-type), border var(--transition-duration) var(--transition-type);
  transition: background var(--transition-duration) var(--transition-type), border var(--transition-duration) var(--transition-type);
}
.custom-checkbox__field:checked ~ .custom-checkbox__checked {
  opacity: 1;
}
.custom-checkbox__checked {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='1 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 7.50098L7.5 14.501L13.5 1.00098' stroke='%23787878' /%3E%3C/svg%3E");
  background-position: center;
  background-size: 1.25rem 1.25rem;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: -0.25rem;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity var(--transition-duration) var(--transition-type);
  transition: opacity var(--transition-duration) var(--transition-type);
}
.custom-checkbox__content {
  font-size: 1rem;
  font-weight: 400;
  color: var(--gray-color);
}
.custom-checkbox__content-link {
  --_font-size: inherit;
  --_font-weight: inherit;
  --_line-height: inherit;
  --_color: var(--primary-color);
  --_border: 0;
  --_border-radius: 0;
  --_color-active: var(--dark-color);
}

.custom-checkbox--radio {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #FFF8F0;
  border-radius: var(--radius-xl);
  padding: 1.25rem 0;
}
.custom-checkbox--radio .custom-checkbox__wrapper {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.custom-checkbox--radio .custom-checkbox__field {
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid var(--dark-color);
}
.custom-checkbox--radio .custom-checkbox__field:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.custom-checkbox--radio .custom-checkbox__checked {
  width: 0.625rem;
  height: 0.625rem;
  background-image: unset;
  background-color: #fff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.custom-checkbox--radio .custom-checkbox__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
}
.custom-checkbox--radio .custom-checkbox__content-title {
  font-family: var(--font-family);
  font-size: var(--fs);
  color: var(--dark-color);
  margin-block: 0.25rem 0;
}
.custom-checkbox--radio .custom-checkbox__content-name {
  display: block;
  font-size: var(--fs-lg);
  color: var(--dark-color);
  margin-top: 0.625rem;
}
.custom-checkbox--radio .custom-checkbox__content-address {
  max-width: 20rem;
  display: block;
  font-style: normal;
}
.custom-checkbox--radio .custom-checkbox__content-change {
  --_height: 1.875rem;
  --_color: var(--primary-color);
  --_background-color: #FFEBD4;
  --_border-radius: var(--radius-xl);
  --_padding-x: 2.5rem;
  --_color-active: var(--light-color);
  --_background-color-active: var(--primary-color);
}

.social__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
}
.social__list-link {
  --_icon-size: 1.875rem;
}

.rating {
  --_stars-size: 1rem;
  --_stars-gap: .25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.rating--btn {
  background-color: transparent;
  margin: 0;
  border: 0;
  padding: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.rating--readonly .rating__stars {
  pointer-events: none;
}
.rating__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  /*-webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-margin-start: calc(var(--_stars-gap) / 2 * -1);
  margin-inline-start: calc(var(--_stars-gap) / 2 * -1);
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.rating__stars-label {
  width: calc(var(--_stars-size) / 2 + var(--_stars-gap) / 2);
  height: var(--_stars-size);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.rating__stars-label::before, .rating__stars-label::after {
  content: "";
  width: var(--_stars-size);
  height: var(--_stars-size);
  background-repeat: no-repeat;
  background-size: var(--_stars-size);
  background-position: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
}
.rating__stars-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 -.5 16 16' fill='%23787878' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.16047 0.471222C7.24605 0.327844 7.36863 0.208879 7.51599 0.126196C7.66334 0.043512 7.83033 0 8.00029 0C8.17025 0 8.33724 0.043512 8.4846 0.126196C8.63196 0.208879 8.75454 0.327844 8.84011 0.471222L11.0135 4.11414L15.2344 5.00703C15.4004 5.04226 15.5541 5.11936 15.6801 5.23066C15.8061 5.34195 15.9 5.48355 15.9525 5.64133C16.005 5.79912 16.0142 5.96758 15.9792 6.12991C15.9442 6.29225 15.8662 6.4428 15.7531 6.56655L12.8759 9.71064L13.3114 13.9055C13.3285 14.0707 13.301 14.2374 13.2316 14.389C13.1622 14.5405 13.0532 14.6716 12.9157 14.7692C12.7781 14.8668 12.6167 14.9275 12.4476 14.9451C12.2786 14.9628 12.1077 14.9368 11.9521 14.8698L8.00029 13.1691L4.04848 14.8698C3.8929 14.9368 3.72203 14.9628 3.55295 14.9451C3.38387 14.9275 3.22249 14.8668 3.08492 14.7692C2.94735 14.6716 2.83841 14.5405 2.76898 14.389C2.69954 14.2374 2.67204 14.0707 2.68922 13.9055L3.12468 9.71064L0.247525 6.56731C0.134171 6.44357 0.0560428 6.29296 0.0209402 6.13052C-0.0141624 5.96808 -0.00501128 5.79949 0.0474799 5.64159C0.0999711 5.48368 0.193966 5.34198 0.320081 5.23063C0.446195 5.11928 0.600017 5.04218 0.76619 5.00703L4.98705 4.11414L7.16047 0.471222Z'/%3E%3C/svg%3E");
}
.rating__stars-label::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 -.5 16 16' fill='%23EF7F1A' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.16047 0.471222C7.24605 0.327844 7.36863 0.208879 7.51599 0.126196C7.66334 0.043512 7.83033 0 8.00029 0C8.17025 0 8.33724 0.043512 8.4846 0.126196C8.63196 0.208879 8.75454 0.327844 8.84011 0.471222L11.0135 4.11414L15.2344 5.00703C15.4004 5.04226 15.5541 5.11936 15.6801 5.23066C15.8061 5.34195 15.9 5.48355 15.9525 5.64133C16.005 5.79912 16.0142 5.96758 15.9792 6.12991C15.9442 6.29225 15.8662 6.4428 15.7531 6.56655L12.8759 9.71064L13.3114 13.9055C13.3285 14.0707 13.301 14.2374 13.2316 14.389C13.1622 14.5405 13.0532 14.6716 12.9157 14.7692C12.7781 14.8668 12.6167 14.9275 12.4476 14.9451C12.2786 14.9628 12.1077 14.9368 11.9521 14.8698L8.00029 13.1691L4.04848 14.8698C3.8929 14.9368 3.72203 14.9628 3.55295 14.9451C3.38387 14.9275 3.22249 14.8668 3.08492 14.7692C2.94735 14.6716 2.83841 14.5405 2.76898 14.389C2.69954 14.2374 2.67204 14.0707 2.68922 13.9055L3.12468 9.71064L0.247525 6.56731C0.134171 6.44357 0.0560428 6.29296 0.0209402 6.13052C-0.0141624 5.96808 -0.00501128 5.79949 0.0474799 5.64159C0.0999711 5.48368 0.193966 5.34198 0.320081 5.23063C0.446195 5.11928 0.600017 5.04218 0.76619 5.00703L4.98705 4.11414L7.16047 0.471222Z'/%3E%3C/svg%3E");
  opacity: 0;
}
.rating__stars-label::before, .rating__stars-label::after {
  left: calc(var(--_stars-gap) / 2);
}
.rating__stars-label:nth-child(2n+1)::before, .rating__stars-label:nth-child(2n+1)::after {
  left: initial;
  right: calc(var(--_stars-gap) / 2);
}
.rating__stars-label.is-active ~ .rating__stars-label::before, .rating__stars-label.is-active::before, .rating__stars-label.is-hover ~ .rating__stars-label::before, .rating__stars-label.is-hover::before {
  opacity: 0;
}
.rating__stars-label.is-active ~ .rating__stars-label::after, .rating__stars-label.is-active::after, .rating__stars-label.is-hover ~ .rating__stars-label::after, .rating__stars-label.is-hover::after {
  opacity: 1;
}
.rating__stars-input {
  width: 1px;
  height: 1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.rating__text, .rating__current {
  font-size: var(--font-size);
  font-weight: 500;
  line-height: 1;
  color: var(--text-color);
}
.rating__text-accent {
  font-weight: 700;
  color: var(--dark-color);
}
.rating__current {
  display: none;
}

@media (hover: hover) {
  .rating--btn {
    -webkit-transition: color var(--transition-duration) var(--transition-type);
    transition: color var(--transition-duration) var(--transition-type);
  }
  .rating--btn:is(:hover, :focus-visible, :active) .rating__text, .rating--btn:is(:hover, :focus-visible, :active) .rating__current {
    color: var(--primary-color);
  }
  .rating__stars-label::after, .rating__stars-label::before {
    -webkit-transition: opacity var(--transition-duration) var(--transition-type);
    transition: opacity var(--transition-duration) var(--transition-type);
  }
  .rating__stars-input:hover ~ .rating__stars-input::before, .rating__stars-input:hover::before {
    opacity: 0;
  }
  .rating__stars-input:hover ~ .rating__stars-input::after, .rating__stars-input:hover::after {
    opacity: 1;
  }
}
.yandex-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem;
  font-size: 1.25rem;
  font-weight: 400;
  -webkit-margin-before: 0.75rem;
  margin-block-start: 0.75rem;
}
.yandex-rating__image {
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.yandex-rating__btn {
  gap: 0.5rem;
}

.wrapper-field {
  position: relative;
}
.wrapper-field__title {
  display: block;
  font-family: var(--font-family);
  font-size: 1rem;
  -webkit-margin-after: 0.625rem;
  margin-block-end: 0.625rem;
}
.wrapper-field + .wrapper-field {
  -webkit-margin-before: 0.625rem;
  margin-block-start: 0.625rem;
}

.input {
  --input-height: 1.875rem;
  --input-background: #d9d9d9;
  --input-border: 0;
  --input-radius: var(--radius-md);
  --input-padding-y: 0;
  --input-padding-x: 1rem;
  width: 100%;
  min-height: var(--input-height);
  display: block;
  background-color: var(--input-background);
  margin: 0;
  border: var(--input-border);
  border-radius: var(--input-radius);
  padding: var(--input-padding-y) var(--input-padding-x);
  outline: none;
}

textarea.input {
  --input-height: 12.5rem;
  --input-padding-y: .375rem;
  resize: none;
}

textarea.input--field {
  --input-height: 3rem;
}

textarea.input-lg--field {
  --input-height: 5rem;
}

textarea.input-lg {
  --input-radius: var(--radius-xl);
  --input-padding-y: .75rem;
}

.file {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.file:is(:hover, :focus-visible, :active) .file__btn {
  --_color: var(--light-color);
  --_background-color: var(--primary-color);
}
.file.is-select .file__name {
  color: var(--dark-color);
}
.file__input {
  width: 1px;
  height: 1px;
  margin-top: -1px;
  opacity: 0;
  position: absolute;
  overflow: hidden;
}
.file__name {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: var(--gray-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 9rem;
}
.file__btn {
  --_height: 1.25rem;
  --_font-size: .75rem;
  --_color: var(--gray-color);
  --_background-color: var(--background-light);
  --_border-radius: .625rem;
  --_padding-x: 2rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 0.375rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.file.input-light .file__btn {
  --_color: var(--primary-color);
  --_background-color: #FFEBD4;
}
.file.input-light:is(:hover, :focus-visible, :active) .file__btn {
  --_color: var(--light-color);
  --_background-color: var(--primary-color);
}

.input-lg {
  --input-height: 2.5rem;
  --input-radius: var(--radius-3xl);
}

.input-light {
  --input-background: var(--background-light);
}

.input-primary-75 {
  --input-background: var(--primary-color--75);
}

.input-title {
  font-family: var(--font-family);
  font-size: var(--fs-sm);
  -webkit-margin-after: 0.5rem;
  margin-block-end: 0.5rem;
}

.graph-modal {
  --_modal-padding-y: 1.875rem;
  --_modal-padding-x: 1.875rem;
  background-color: rgba(0, 0, 0, 0.32);
}
.graph-modal::before {
  all: unset;
}
.graph-modal__close {
  --_color: var(--light-color);
  --_background-color: var(--dark-color);
  --_border-radius: 50%;
  --_padding-y: .5rem;
  --_padding-x: .5rem;
  --_icon-size: .625rem;
  --_background-color-active: var(--dark-color);
  background-image: initial;
  top: 1rem;
  right: 1rem;
}
.graph-modal__close-icon {
  --_i-size: 18px;
}
.graph-modal__container {
  width: 100%;
  max-width: 28.125rem;
  min-height: calc(100% - 6.25rem);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  padding: 0;
  pointer-events: none;
}
.graph-modal__container.graph-modal-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.graph-modal__container--checkbox .graph-modal__form-checkbox {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.375rem;
  margin-top: 0.625rem;
}
.graph-modal__container--checkbox .graph-modal__form-buttons {
  margin-block: 0.625rem 0;
}
.graph-modal__container--checkbox .custom-checkbox__content {
  margin-top: 0.125rem;
  font-size: 12px;
}
.graph-modal__content {
  width: 100%;
  background-color: var(--background-light);
  border-radius: var(--radius-xl);
  padding: var(--_modal-padding-y) var(--_modal-padding-x);
  pointer-events: auto;
  position: relative;
}
.graph-modal__picture {
  display: block;
  margin: calc(var(--_modal-padding-y) * -1) calc(var(--_modal-padding-x) * -1) 1.25rem;
}
.graph-modal__image {
  max-height: 12.5rem;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-xl);
}
.graph-modal__title {
  font-size: 1.875rem;
  text-align: center;
  margin: 0 -0.625rem 1.25rem;
}
.graph-modal__form-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.625rem;
  margin-block: 1rem 1.25rem;
}
.graph-modal__form-btn {
  --_font-size: 1rem;
  --_border-radius: var(--radius-md);
  width: 100%;
}

.other-signin__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 0.625rem;
  -webkit-margin-after: 1.25rem;
  margin-block-end: 1.25rem;
}
.other-signin__btn {
  --_font-size: .625rem;
  --_background-color: var(--primary-color--50);
  --_border-radius: var(--radius-xl);
  --_padding-y: .25rem;
  --_padding-x: .25rem;
  --_color-active: var(--light-color);
  --_background-color-active: var(--primary-color);
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-padding-start: 1rem;
  padding-inline-start: 1rem;
}
.other-signin__image {
  width: 1.875rem;
  height: 1.875rem;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

.signin-change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.25rem;
  color: var(--gray-color);
}
.signin-change__btn {
  --_font-size: inherit;
  --_line-height: inherit;
  --_color: var(--primary-color);
  --_color-active: var(--primary-color-dark);
}

.card {
  --card-font-size: 1rem;
  --card-font-weight: 400;
  --card-color: #000;
  --card-background-color: var(--background-light);
  --card-border: 1px solid #c4c4c4;
  --card-radius: var(--radius-xl);
  --card-padding-y: 1.25rem;
  --card-padding-x: 1.25rem;
  max-width: 18.125rem;
  font-size: var(--card-font-size);
  font-weight: var(--card-font-weight);
  color: var(--card-color);
  background-color: var(--card-background-color);
  border: var(--card-border);
  border-radius: var(--card-radius);
  padding: var(--card-padding-y) var(--card-padding-x);
  position: relative;
}
.card__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.625rem;
  pointer-events: none;
  position: absolute;
  top: var(--card-padding-y);
  right: var(--card-padding-x);
  left: var(--card-padding-x);
  z-index: 2;
}
.card__action-start, .card__action-end {
  pointer-events: auto;
}
.card__action-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
}
.card__action-status, .card__action-sale {
  display: block;
  font-size: 0.75rem;
  line-height: normal;
  border-radius: var(--radius-xl);
  padding: 0.25rem 0.625rem;
}
.card__action-status {
  color: var(--light-color);
  background-color: var(--primary-color);
}
.card__action-sale {
  color: var(--primary-color);
  background-color: var(--background-light);
  border: 1px solid var(--primary-color);
}
.card__action-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.375rem;
}
.card__link {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.card__pictures {
  height: 13.125rem;
  -webkit-margin-after: 0.625rem;
  margin-block-end: 0.625rem;
  border: 1px solid #ffc692;
  border-radius: var(--card-radius);
  padding: 0.625rem;
  position: relative;
}
.card__pictures-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.card__title {
  font-family: var(--font-family);
  font-size: var(--card-font-size);
  -webkit-margin-after: 0.625rem;
  line-height: 1.5;
  margin-block-end: 0.625rem;
}
.card__choice {
  display: flex;
  -webkit-margin-after: 0.75rem;
  margin-block-end: 0.75rem;
  border: 1px solid #ffc692;
  border-radius: var(--card-radius);
  overflow-x: auto;
  overflow-y: hidden;
}
.card__choice-item {
  width: 33.33333%;
  height: 100%;
  flex-basis: 33.33333%;
  flex-shrink: 0;
}
.card__label {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.card__label-input {
  width: 1px;
  height: 1px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.card__label-input:checked ~ .card__label-text {
  color: var(--dark-color);
  background-color: #ffebd4;
}
.card__label-text {
  display: block;
  width: 100%;
  height: 100%;
  line-height: normal;
  color: var(--gray-color);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; 
  padding: 0.0625rem .5rem;
  -webkit-transition: color var(--transition-duration) var(--transition-type), background var(--transition-duration) var(--transition-type);
  transition: color var(--transition-duration) var(--transition-type), background var(--transition-duration) var(--transition-type);
}
.card__info {
  min-height: clamp(1.75rem, 2.25vw, 2.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.625rem;
}
.card__info-start {
  display: -ms-grid;
  display: grid;
}
.card__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.25rem;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 500;
}
.card__price-sale {
  font-size: clamp(0.875rem, 1.25vw, var(--card-font-size));
  font-weight: 400;
  text-decoration: line-through;
  color: #b9b9b9;
}
.card__sale {
  font-size: clamp(0.625rem, 1.25vw, var(--card-font-size));
  color: var(--primary-color);
}
.card__sale-value {
  font-weight: 500;
}
.card__cashback {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.625rem;
  line-height: normal;
  color: #628f47;
  border: 1px solid #628f47;
  border-radius: var(--card-radius);
  padding: 0.25rem;
}
.card__cashback-icon {
  --_i-size: 0.875rem;
}
.card__buttons {
  -webkit-margin-before: 0.75rem;
  margin-block-start: 0.75rem;
}
.card__buttons-cart {
  width: 100%;
}

.card--product {
  /*max-width: 100%;*/
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card--product .card__info {
  margin-top: auto;
}

.card--recommended {
  --card-background-color: var(--background-primary-25);
  --card-border: 0;
  --card-radius: var(--radius-3xl);
  --card-padding-y: 1.875rem;
  --card-padding-x: 1.875rem;
  max-width: initial;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.card--recommended .card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1rem;
  -webkit-margin-after: 1.25rem;
  margin-block-end: 1.25rem;
}
.card--recommended .card__header-name {
  font-family: var(--font-family);
  font-size: 1.25rem;
  color: #000;
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
.card--recommended .card__header-whence {
  font-size: 0.75rem;
  color: var(--gray-color);
}
.card--recommended .card__avatar {
  width: 66px;
  height: 66px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.card--recommended .card__avatar-image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.card--recommended .card__body {
  max-height: 7.5rem;
  min-height: 7.5rem;
  -webkit-margin-after: 1.25rem;
  margin-block-end: 1.25rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.card--recommended .card__body::after {
  content: "";
  width: 100%;
  height: calc(100% + 0.25rem);
  display: block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, #fdf1e6), to(#fdf1e6));
  background-image: linear-gradient(180deg, transparent 0%, #fdf1e6 70%, #fdf1e6 100%);
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  z-index: 1;
}
.card--recommended .card__buttons {
  -webkit-margin-before: auto;
  margin-block-start: auto;
}
.card--recommended .card__buttons-button {
  width: 100%;
}

.card--order {
  --card-color: var(--dark-color);
  --card-background-color: var(--background-primary-50);
  --card-border: 0;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.card--order .card__pictures {
  width: 100%;
  max-width: 12.5rem;
  min-width: 7.625rem;
  height: 7.625rem;
  background-color: var(--background-light);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  border: 0;
  border-radius: var(--radius-xl);
}
.card--order .card__info {
  width: 100%;
  padding: var(--card-padding-y) var(--card-padding-x);
}
.card--order .card__info-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.card--order .card__info-end {
  width: 100%;
  max-width: 11.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.875rem;
}
.card--order .card__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 12.5rem;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  -webkit-margin-after: 0.5rem;
  margin-block-end: 0.5rem;
}
.card--order .card__weight {
  color: var(--gray-color);
  -webkit-margin-after: 0.625rem;
  margin-block-end: 0.625rem;
}
.card--order .card__price {
  gap: 0.25rem 1rem;
  font-size: clamp(0.875rem, 1.5vw, var(--card-font-size));
}
.card--order .card__price-sale {
  font-size: inherit;
}
.card--order .card__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.375rem;
}
.card--order .card__status-value {
  color: var(--gray-color);
}
.card--order .card__buttons {
  -webkit-margin-before: 0;
  margin-block-start: 0;
}
.card--order .card__buttons-cart {
  --_color: var(--dark-color);
  --_background-color: var(--primary-color--75);
  --_background-color-active: var(--primary-color);
}
.card--order .card-remove {
  --_icon-size: 1.5rem;
  position: absolute;
  top: 0.625rem;
  right: 1.25rem;
}

.card--vacancy {
  --card-font-size: 1.25rem;
  --card-color: var(--dark-color);
  --card-background-color: var(--primary-color--25);
  --card-border: 0;
  --card-radius: 2.5rem;
  --card-padding-y: 2.5rem;
  --card-padding-x: 2.5rem;
  max-width: 100%;
}
.card--vacancy .card__title {
  font-size: 2rem;
  -webkit-margin-after: 3.125rem;
  margin-block-end: 3.125rem;
}
.card--vacancy .card__tabs .tabs__nav-btn {
  --_height: 2rem;
  --_font-size: 1rem;
  --_border: var(--border-width) var(--border-type) var(--primary-color--75);
  --_background-color-active: var(--background-primary-75);
  --_border-color-active: var(--background-primary-75);
}
.card--vacancy .card__tabs .tabs__nav-btn, .card--vacancy .card__tabs .tabs__nav-btn:first-child, .card--vacancy .card__tabs .tabs__nav-btn:last-child {
  border-radius: var(--_border-radius);
}
.card--vacancy .card__price {
  font-size: inherit;
  font-weight: 400;
  text-transform: uppercase;
  white-space: nowrap;
}
.card--vacancy .card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.875rem;
}
.card--vacancy .card__footer-hint {
  max-width: 37.5rem;
  color: var(--gray-color);
}
.card--vacancy .card__footer-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.875rem;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}
.card--vacancy .card__buttons-cart {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.card--store {
  --card-border: 1px solid var(--card-background-color);
  --card-radius: var(--radius-3xl);
  --card-padding-y: 1.875rem;
  --card-padding-x: 1.875rem;
  max-width: 100%;
  height: 100%;
}
.card--store .card__title {
  font-size: 1.25rem;
  -webkit-margin-after: 1.25rem;
  margin-block-end: 1.25rem;
}
.card--store .card__list {
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.625rem;
  color: var(--gray-color);
}
.card--store .card__list-name {
  color: var(--dark-color);
}

.card--news {
  --card-font-size: .875rem;
  --card-color: var(--dark-color);
  --card-background-color: #FFEFDC;
  --card-border: 0;
  --card-radius: var(--radius-3xl);
  --card-padding-y: 1.875rem;
  --card-padding-x: 1.875rem;
  max-width: 100%;
  position: relative;
}
.card--news .card__link {
  border-radius: var(--card-radius);
}
.card--news .card__pictures {
  -webkit-margin-after: 1.25rem;
  margin-block-end: 1.25rem;
  border: 0;
  padding: 0;
}
.card--news .card__pictures-image {
  border-radius: var(--radius-xxl);
  -o-object-fit: cover;
  object-fit: cover;
}
.card--news .card__title {
  font-size: 1.25rem;
  -webkit-margin-after: 1rem;
  margin-block-end: 1rem;
}
.card--news .card__text {
  height: 3.625rem;
  overflow: hidden;
  -webkit-margin-after: 1rem;
  margin-block-end: 1rem;
  position: relative;
}
.card--news .card__text::after {
  content: "";
  width: 100%;
  display: block;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-100%, transparent), to(var(--card-background-color)));
  background-image: linear-gradient(180deg, transparent -100%, var(--card-background-color) 100%);
  position: absolute;
  top: 1rem;
  right: 0;
  bottom: 0;
  left: 0;
}
.card--news .card__time {
  color: var(--gray-color);
}

.card--friend {
  --card-color: var(--dark-color);
  --card-background-color: #FFEFDC;
  --card-border: 0;
  max-width: 100%;
}
.card--friend .card__pictures {
  border: 0;
  padding: 0;
}
.card--friend .card__pictures-image {
  background-color: var(--background-light);
  border-radius: var(--radius-xl);
}
.card--friend .card__pictures {
  height: 15.625rem;
}
.card--friend .card__info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
}
.card--friend .card__info-status {
  font-size: 1.5rem;
  color: var(--gray-color);
}
.card--friend .card__action {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
.card--friend .card__action-status {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 1rem;
}
.card--friend .card__action-status--free {
  color: #FFEFDC;
  background-color: #7BB558;
}
.card--friend .card__action-status--buy {
  color: var(--light-color);
  background-color: #FFC692;
}
.card--friend .card__action-status--sale {
  color: var(--light-color);
  background-color: #FFAEAE;
}
.card--friend .card__action-time {
  display: block;
  background-color: #FFEFDC;
  border-radius: var(--radius-xl);
  padding: 0.5rem 0.875rem;
}
.card--friend .card__title {
  font-size: 1.5rem;
  margin: 0;
}
.card--friend .card__buttons-cart {
  --_height: 2rem;
  --_color: var(--light-color);
  --_background-color: var(--secondary-color);
  --_border-radius: var(--radius-3xl);
  --_color-active: var(--light-color);
  --_background-color-active: var(--background-primary);
}

.card--cart {
  --card-border: calc(var(--border-width) * 2) var(--border-type) #FFEBD4;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card--cart .card__checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  display: -ms-grid;
  display: grid;
  place-content: center;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1192_5081)'%3E%3Cpath d='M12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2ZM12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4ZM15.535 8.381C15.7145 8.19975 15.9566 8.09397 16.2115 8.08532C16.4665 8.07667 16.7152 8.1658 16.9066 8.33447C17.098 8.50313 17.2177 8.73858 17.2412 8.99262C17.2647 9.24666 17.1902 9.50008 17.033 9.701L16.95 9.795L11.364 15.382C11.1733 15.5726 10.9193 15.6866 10.6502 15.7023C10.381 15.7179 10.1155 15.6342 9.904 15.467L9.808 15.382L7.05 12.624C6.86875 12.4445 6.76297 12.2024 6.75432 11.9475C6.74567 11.6925 6.8348 11.4438 7.00347 11.2524C7.17213 11.061 7.40758 10.9413 7.66162 10.9178C7.91566 10.8943 8.16908 10.9688 8.37 11.126L8.464 11.21L10.586 13.331L15.536 8.381H15.535Z' fill='%23C05E05'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1192_5081'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: transparent;
  margin: 0;
  border: 0;
  padding: 0;
  outline: none;
  pointer-events: none;
  opacity: 0;
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  z-index: 1;
  -webkit-transition: opacity var(--transition-duration) var(--transition-type);
  transition: opacity var(--transition-duration) var(--transition-type);
  will-change: transition;
}
.card--cart .card__checkbox:checked {
  opacity: 1;
}
.card--cart .card__pictures {
  width: 12.5rem;
  height: 8.125rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #FFEBD4;
  border: 0;
  margin: calc(var(--card-padding-y) * -1) 0 calc(var(--card-padding-y) * -1) calc(var(--card-padding-x) * -1);
}
.card--cart .card__info {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-margin-start: 1.25rem;
  margin-inline-start: 1.25rem;
}
.card--cart .card__info-start {
  -ms-flex-line-pack: start;
  align-content: start;
}
.card--cart .card__cashback {
  font-size: var(--card-font-size);
  line-height: 1;
  -webkit-margin-after: 0.5rem;
  margin-block-end: 0.5rem;
  padding-inline: 0.625rem;
}
.card--cart .card__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  max-width: 12.5rem;
  -webkit-margin-after: 0.5rem;
  margin-block-end: 0.5rem;
}
.card--cart .card__weight {
  color: var(--gray-color);
}
.card--cart .card__price {
  font-size: var(--card-font-size);
  gap: 0.5rem 0.75rem;
  -webkit-margin-after: 0.5rem;
  margin-block-end: 0.5rem;
}
.card--cart .card__price-sale {
  font-size: var(--card-font-size);
}
.card--cart .card__sale {
  font-size: 0.75rem;
  border: var(--border-width) var(--border-type) var(--border-primary);
  border-radius: var(--radius-xl);
  padding: 0.5rem;
}
.card--cart .card__counter {
  max-width: 12.5rem;
}
.card--cart .card__counter .counter__plus,
.card--cart .card__counter .counter__minus {
  --_color: var(--gray-color);
  --_background-color: #FFDEB8;
  --_border-radius: var(--radius-xl);
  --_background-color-active: #FFDEB8;
  height: 1.5rem;
  border-radius: 0;
}
.card--cart .card__counter .counter__plus {
  border-top-right-radius: var(--_border-radius);
  border-bottom-right-radius: var(--_border-radius);
}
.card--cart .card__counter .counter__minus {
  border-top-left-radius: var(--_border-radius);
  border-bottom-left-radius: var(--_border-radius);
}
.card--cart .card__counter .counter__input {
  width: 2rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: var(--light-color);
  background-color: var(--background-primary);
}
.card--cart .card__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.25rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-start: 1rem;
  margin-inline-start: 1rem;
}
.card--cart .card__btn {
  --_icon-size: 1.5rem;
}

.card--cart-v2 {
  --card-background-color: #FFF8F0;
  --card-border: 0;
}
.card--cart-v2 .card__info-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.card--cart-v2 .card__current {
  color: var(--gray-color);
}

.card__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[4];
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
  justify-items: center;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.625rem;
  -webkit-margin-before: 2.5rem;
  margin-block-start: 2.5rem;
}
.pagination__prev, .pagination__next, .pagination__list-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.625rem;
}
.pagination__list-btn {
  --_border: var(--border-width) var(--border-type) var(--background-primary-75);
  --_padding-x: .25rem;
  --_background-color-active: var(--background-primary-75);
  --_border-color-active: var(--background-primary-75);
  width: 2.5rem;
}

.list-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.825rem;
}
.list-circle li {
  -webkit-padding-start: 1.75rem;
  padding-inline-start: 1.75rem;
  position: relative;
}
.list-circle li::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  background-color: var(--background-primary-50);
  border-radius: 50%;
  position: absolute;
  top: -0.125rem;
  left: 0;
}

.list-circle-sm li::before {
  width: 1rem;
  height: 1rem;
  top: -0.0625rem;
}

.list-circle-xs li {
  -webkit-padding-start: 1.25rem;
  padding-inline-start: 1.25rem;
}
.list-circle-xs li::before {
  width: 0.625rem;
  height: 0.625rem;
  top: 0.1875rem;
}

.list-circle-primary-75 li::before {
  background-color: var(--background-primary-75);
}

.wrapper-table {
  border: 1px solid var(--primary-color);
  border-radius: var(--radius-3xl);
}

.table {
  border-spacing: 0;
  border-collapse: collapse;
}
.table caption {
  background-color: var(--background-primary-75);
  border-radius: var(--radius-3xl) var(--radius-3xl) 0 0;
  padding: 1rem;
}
.table caption h3 {
  font-family: var(--font-family);
  max-width: 16.25rem;
  font-size: 1.25rem;
  margin: 0 auto;
}
.table thead tr {
  -webkit-border-after: 1px solid var(--primary-color);
  border-block-end: 1px solid var(--primary-color);
}
.table tbody tr {
  -webkit-border-after: 1px solid var(--primary-color);
  border-block-end: 1px solid var(--primary-color);
}
.table tbody tr:last-child {
  -webkit-border-after: 0;
  border-block-end: 0;
}
.table th {
  font-weight: inherit;
}
.table th,
.table td {
  padding: 0.625rem;
  height: 3.25rem;
  -webkit-border-end: 1px solid var(--primary-color);
  border-inline-end: 1px solid var(--primary-color);
}
.table th:last-child,
.table td:last-child {
  -webkit-border-end: 0;
  border-inline-end: 0;
}

[data-table-col="2"] th,
[data-table-col="2"] td {
  width: 50%;
}

[data-table-col="3"] th,
[data-table-col="3"] td {
  width: 33.33333%;
}

[data-table-col="4"] th,
[data-table-col="4"] td {
  width: 25%;
}

[data-table-col="5"] th,
[data-table-col="5"] td {
  width: 20%;
}

.tabs__nav-item, .tabs__nav-btn {
  width: 100%;
}
.tabs__nav-item:first-child .tabs__nav-btn {
  border-radius: var(--_border-radius) 0 0 var(--_border-radius);
}
.tabs__nav-item:last-child .tabs__nav-btn {
  border-radius: 0 var(--_border-radius) var(--_border-radius) 0;
}
.tabs__nav-btn {
  --_height: 2.875rem;
  --_font-size: 1.25rem;
  --_border: var(--border-width) var(--border-type) var(--border-primary);
  --_border-radius: var(--radius-xxl);
  --_color-active: var(--dark-color);
  --_background-color-active: var(--background-primary);
  --_border-color-active: var(--border-primary);
  border-radius: 0;
}
.tabs__nav-btn:focus, .tabs__nav-btn--active {
  color: var(--dark-color);
  background-color: var(--_background-color-active);
  border-color: var(--_border-color-active);
}

.wrapper-video {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.wrapper-video video {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #d9d9d9;
  border-radius: var(--radius-3xl);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.wrapper-video:is(:hover, :focus-visible, :active) .video-play {
  --_i-color: var(--primary-color);
}

.video-play {
  --_i-size: 4rem;
  --_i-color: var(--gray-color);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: color var(--transition-duration) var(--transition-type);
  transition: color var(--transition-duration) var(--transition-type);
}

.accordion {
  font-size: 1.25rem;
  background-color: var(--background-primary-25);
  border-radius: var(--radius-3xl);
  padding: 1.875rem;
}
.accordion__btn {
  --_font-size: inherit;
  --_icon-size: 2.25rem;
  --_color-active: var(--dark-color);
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: start;
}
.accordion__btn-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: -webkit-transform var(--transition-duration) var(--transition-type);
  transition: -webkit-transform var(--transition-duration) var(--transition-type);
  transition: transform var(--transition-duration) var(--transition-type);
  transition: transform var(--transition-duration) var(--transition-type), -webkit-transform var(--transition-duration) var(--transition-type);
}
.accordion__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 0fr;
  grid-template-rows: 0fr;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-transition: grid-template-rows var(--transition-duration) var(--transition-type), margin var(--transition-duration) var(--transition-type);
  transition: grid-template-rows var(--transition-duration) var(--transition-type), margin var(--transition-duration) var(--transition-type);
  transition: grid-template-rows var(--transition-duration) var(--transition-type), margin var(--transition-duration) var(--transition-type), -ms-grid-rows var(--transition-duration) var(--transition-type);
}
.accordion__content-inner {
  overflow: hidden;
}
.accordion.is-active .accordion__btn-icon {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.accordion.is-active .accordion__content {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  -webkit-margin-before: 1.875rem;
  margin-block-start: 1.875rem;
}

.counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.counter__input {
  width: 3.75rem;
  text-align: center;
  background-color: var(--background-light);
  margin: 0;
  border: 0;
  padding: 0;
  outline: none;
}
.counter__plus, .counter__minus {
  width: 2.5rem;
  height: 2.5rem;
}

.review {
  font-size: var(--fs);
  min-height: 15rem;
  -ms-grid-columns: 6.25rem 1fr;
  grid-template-columns: 6.25rem 1fr;
  background-color: #FDF1E6;
  border-radius: var(--radius-xl);
  padding: 1.875rem;
}
.review, .review__body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 2rem;
}
.review__header-profile {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 0.75rem;
}
.review__header-time {
  color: var(--gray-color);
}
.review__header-rating {
  display: none;
}
.review__body {
  -ms-grid-columns: 1fr 20rem;
  grid-template-columns: 1fr 20rem;
}
.review__body-rating {
  -webkit-margin-after: 0.875rem;
  margin-block-end: 0.875rem;
}
.review__body-picture--mobile {
  display: none;
}
.review__body-image {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--gray-color);
  border-radius: var(--radius-xl);
}
.review__body-image--mobile {
  display: none;
}
.review__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-margin-before: 3.75rem;
  margin-block-start: 3.75rem;
  font-size: 1rem;
}

.review--card {
  min-height: 12.5rem;
  -ms-grid-columns: initial;
  grid-template-columns: initial;
  -ms-flex-line-pack: start;
  align-content: start;
  gap: 0.5rem;
  font-size: 0.875rem;
  background-color: #FFF8F0;
  border-radius: var(--radius-3xl);
}
.review--card .review__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
}
.review--card .review__header-image {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
}
.review--card .review__header-name {
  display: block;
  font-size: 1.25rem;
  -webkit-margin-after: 0.25rem;
  margin-block-end: 0.25rem;
}
.review--card .review__header-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.review--card .review__header-rating .rating__stars-label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 -.5 16 16' fill='%231e1e1e' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.16047 0.471222C7.24605 0.327844 7.36863 0.208879 7.51599 0.126196C7.66334 0.043512 7.83033 0 8.00029 0C8.17025 0 8.33724 0.043512 8.4846 0.126196C8.63196 0.208879 8.75454 0.327844 8.84011 0.471222L11.0135 4.11414L15.2344 5.00703C15.4004 5.04226 15.5541 5.11936 15.6801 5.23066C15.8061 5.34195 15.9 5.48355 15.9525 5.64133C16.005 5.79912 16.0142 5.96758 15.9792 6.12991C15.9442 6.29225 15.8662 6.4428 15.7531 6.56655L12.8759 9.71064L13.3114 13.9055C13.3285 14.0707 13.301 14.2374 13.2316 14.389C13.1622 14.5405 13.0532 14.6716 12.9157 14.7692C12.7781 14.8668 12.6167 14.9275 12.4476 14.9451C12.2786 14.9628 12.1077 14.9368 11.9521 14.8698L8.00029 13.1691L4.04848 14.8698C3.8929 14.9368 3.72203 14.9628 3.55295 14.9451C3.38387 14.9275 3.22249 14.8668 3.08492 14.7692C2.94735 14.6716 2.83841 14.5405 2.76898 14.389C2.69954 14.2374 2.67204 14.0707 2.68922 13.9055L3.12468 9.71064L0.247525 6.56731C0.134171 6.44357 0.0560428 6.29296 0.0209402 6.13052C-0.0141624 5.96808 -0.00501128 5.79949 0.0474799 5.64159C0.0999711 5.48368 0.193966 5.34198 0.320081 5.23063C0.446195 5.11928 0.600017 5.04218 0.76619 5.00703L4.98705 4.11414L7.16047 0.471222Z'/%3E%3C/svg%3E");
}
.review--card .review__body {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  overflow: hidden;
  -ms-grid-columns: initial;
  grid-template-columns: initial;
  gap: initial;
}
.review--card .review__body--gradient {
  position: relative;
}
.review--card .review__body--gradient::after {
  content: "";
  width: 100%;
  height: calc(100% + 0.25rem);
  display: block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(95%, #FFF8F0));
  background-image: linear-gradient(180deg, transparent 0%, #FFF8F0 95%);
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  z-index: 1;
}
.review--card .review__footer {
  color: var(--gray-color);
}

.grid-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[12];
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--offset-5);
}

.grid-col-1 {
  -ms-grid-column-span: 1 !important;
  grid-column: span 1 !important;
}

.grid-col-2 {
  -ms-grid-column-span: 2 !important;
  grid-column: span 2 !important;
}

.grid-col-3 {
  -ms-grid-column-span: 3 !important;
  grid-column: span 3 !important;
}

.grid-col-4 {
  -ms-grid-column-span: 4 !important;
  grid-column: span 4 !important;
}

.grid-col-5 {
  -ms-grid-column-span: 5 !important;
  grid-column: span 5 !important;
}

.grid-col-6 {
  -ms-grid-column-span: 6 !important;
  grid-column: span 6 !important;
}

.grid-col-7 {
  -ms-grid-column-span: 7 !important;
  grid-column: span 7 !important;
}

.grid-col-8 {
  -ms-grid-column-span: 8 !important;
  grid-column: span 8 !important;
}

.grid-col-9 {
  -ms-grid-column-span: 9 !important;
  grid-column: span 9 !important;
}

.grid-col-10 {
  -ms-grid-column-span: 10 !important;
  grid-column: span 10 !important;
}

.grid-col-11 {
  -ms-grid-column-span: 11 !important;
  grid-column: span 11 !important;
}

.grid-col-12 {
  -ms-grid-column-span: 12 !important;
  grid-column: span 12 !important;
}

.grid-gap-0 {
  gap: var(--offset-0) !important;
}

.grid-gap-1 {
  gap: var(--offset-1) !important;
}

.grid-gap-2 {
  gap: var(--offset-2) !important;
}

.grid-gap-3 {
  gap: var(--offset-3) !important;
}

.grid-gap-4 {
  gap: var(--offset-4) !important;
}

.grid-gap-5 {
  gap: var(--offset-5) !important;
}

.grid-gap-6 {
  gap: var(--offset-6) !important;
}

.grid-gap-7 {
  gap: var(--offset-7) !important;
}

.grid-gap-8 {
  gap: var(--offset-8) !important;
}

.grid-gap-9 {
  gap: var(--offset-9) !important;
}

.grid-gap-10 {
  gap: var(--offset-10) !important;
}

.grid-gap-11 {
  gap: var(--offset-11) !important;
}

.grid-gap-12 {
  gap: var(--offset-12) !important;
}

.grid-gap-13 {
  gap: var(--offset-13) !important;
}

.grid-gap-14 {
  gap: var(--offset-14) !important;
}

.grid-gap-15 {
  gap: var(--offset-15) !important;
}

.grid-gap-16 {
  gap: var(--offset-16) !important;
}

.grid-gap-17 {
  gap: var(--offset-17) !important;
}

.grid-gap-18 {
  gap: var(--offset-18) !important;
}

.grid-gap-19 {
  gap: var(--offset-19) !important;
}

.grid-gap-20 {
  gap: var(--offset-20) !important;
}

.grid-gap-21 {
  gap: var(--offset-21) !important;
}

.grid-gap-22 {
  gap: var(--offset-22) !important;
}

.grid-gap-23 {
  gap: var(--offset-23) !important;
}

.grid-gap-24 {
  gap: var(--offset-24) !important;
}

.grid-gap-25 {
  gap: var(--offset-25) !important;
}

.grid-gap-26 {
  gap: var(--offset-26) !important;
}

.grid-gap-27 {
  gap: var(--offset-27) !important;
}

.grid-gap-28 {
  gap: var(--offset-28) !important;
}

.grid-gap-29 {
  gap: var(--offset-29) !important;
}

.grid-gap-30 {
  gap: var(--offset-30) !important;
}

.grid-gap-31 {
  gap: var(--offset-31) !important;
}

.grid-gap-32 {
  gap: var(--offset-32) !important;
}

.grid-gap-33 {
  gap: var(--offset-33) !important;
}

.grid-gap-34 {
  gap: var(--offset-34) !important;
}

.grid-gap-35 {
  gap: var(--offset-35) !important;
}

.grid-gap-36 {
  gap: var(--offset-36) !important;
}

.grid-gap-37 {
  gap: var(--offset-37) !important;
}

.grid-gap-38 {
  gap: var(--offset-38) !important;
}

.grid-gap-39 {
  gap: var(--offset-39) !important;
}

.grid-gap-40 {
  gap: var(--offset-40) !important;
}

.grid-gap-41 {
  gap: var(--offset-41) !important;
}

.grid-gap-42 {
  gap: var(--offset-42) !important;
}

.grid-gap-y-0 {
  -webkit-column-gap: var(--offset-0) !important;
  -moz-column-gap: var(--offset-0) !important;
  column-gap: var(--offset-0) !important;
}

.grid-gap-y-1 {
  -webkit-column-gap: var(--offset-1) !important;
  -moz-column-gap: var(--offset-1) !important;
  column-gap: var(--offset-1) !important;
}

.grid-gap-y-2 {
  -webkit-column-gap: var(--offset-2) !important;
  -moz-column-gap: var(--offset-2) !important;
  column-gap: var(--offset-2) !important;
}

.grid-gap-y-3 {
  -webkit-column-gap: var(--offset-3) !important;
  -moz-column-gap: var(--offset-3) !important;
  column-gap: var(--offset-3) !important;
}

.grid-gap-y-4 {
  -webkit-column-gap: var(--offset-4) !important;
  -moz-column-gap: var(--offset-4) !important;
  column-gap: var(--offset-4) !important;
}

.grid-gap-y-5 {
  -webkit-column-gap: var(--offset-5) !important;
  -moz-column-gap: var(--offset-5) !important;
  column-gap: var(--offset-5) !important;
}

.grid-gap-y-6 {
  -webkit-column-gap: var(--offset-6) !important;
  -moz-column-gap: var(--offset-6) !important;
  column-gap: var(--offset-6) !important;
}

.grid-gap-y-7 {
  -webkit-column-gap: var(--offset-7) !important;
  -moz-column-gap: var(--offset-7) !important;
  column-gap: var(--offset-7) !important;
}

.grid-gap-y-8 {
  -webkit-column-gap: var(--offset-8) !important;
  -moz-column-gap: var(--offset-8) !important;
  column-gap: var(--offset-8) !important;
}

.grid-gap-y-9 {
  -webkit-column-gap: var(--offset-9) !important;
  -moz-column-gap: var(--offset-9) !important;
  column-gap: var(--offset-9) !important;
}

.grid-gap-y-10 {
  -webkit-column-gap: var(--offset-10) !important;
  -moz-column-gap: var(--offset-10) !important;
  column-gap: var(--offset-10) !important;
}

.grid-gap-y-11 {
  -webkit-column-gap: var(--offset-11) !important;
  -moz-column-gap: var(--offset-11) !important;
  column-gap: var(--offset-11) !important;
}

.grid-gap-y-12 {
  -webkit-column-gap: var(--offset-12) !important;
  -moz-column-gap: var(--offset-12) !important;
  column-gap: var(--offset-12) !important;
}

.grid-gap-y-13 {
  -webkit-column-gap: var(--offset-13) !important;
  -moz-column-gap: var(--offset-13) !important;
  column-gap: var(--offset-13) !important;
}

.grid-gap-y-14 {
  -webkit-column-gap: var(--offset-14) !important;
  -moz-column-gap: var(--offset-14) !important;
  column-gap: var(--offset-14) !important;
}

.grid-gap-y-15 {
  -webkit-column-gap: var(--offset-15) !important;
  -moz-column-gap: var(--offset-15) !important;
  column-gap: var(--offset-15) !important;
}

.grid-gap-y-16 {
  -webkit-column-gap: var(--offset-16) !important;
  -moz-column-gap: var(--offset-16) !important;
  column-gap: var(--offset-16) !important;
}

.grid-gap-y-17 {
  -webkit-column-gap: var(--offset-17) !important;
  -moz-column-gap: var(--offset-17) !important;
  column-gap: var(--offset-17) !important;
}

.grid-gap-y-18 {
  -webkit-column-gap: var(--offset-18) !important;
  -moz-column-gap: var(--offset-18) !important;
  column-gap: var(--offset-18) !important;
}

.grid-gap-y-19 {
  -webkit-column-gap: var(--offset-19) !important;
  -moz-column-gap: var(--offset-19) !important;
  column-gap: var(--offset-19) !important;
}

.grid-gap-y-20 {
  -webkit-column-gap: var(--offset-20) !important;
  -moz-column-gap: var(--offset-20) !important;
  column-gap: var(--offset-20) !important;
}

.grid-gap-y-21 {
  -webkit-column-gap: var(--offset-21) !important;
  -moz-column-gap: var(--offset-21) !important;
  column-gap: var(--offset-21) !important;
}

.grid-gap-y-22 {
  -webkit-column-gap: var(--offset-22) !important;
  -moz-column-gap: var(--offset-22) !important;
  column-gap: var(--offset-22) !important;
}

.grid-gap-y-23 {
  -webkit-column-gap: var(--offset-23) !important;
  -moz-column-gap: var(--offset-23) !important;
  column-gap: var(--offset-23) !important;
}

.grid-gap-y-24 {
  -webkit-column-gap: var(--offset-24) !important;
  -moz-column-gap: var(--offset-24) !important;
  column-gap: var(--offset-24) !important;
}

.grid-gap-y-25 {
  -webkit-column-gap: var(--offset-25) !important;
  -moz-column-gap: var(--offset-25) !important;
  column-gap: var(--offset-25) !important;
}

.grid-gap-y-26 {
  -webkit-column-gap: var(--offset-26) !important;
  -moz-column-gap: var(--offset-26) !important;
  column-gap: var(--offset-26) !important;
}

.grid-gap-y-27 {
  -webkit-column-gap: var(--offset-27) !important;
  -moz-column-gap: var(--offset-27) !important;
  column-gap: var(--offset-27) !important;
}

.grid-gap-y-28 {
  -webkit-column-gap: var(--offset-28) !important;
  -moz-column-gap: var(--offset-28) !important;
  column-gap: var(--offset-28) !important;
}

.grid-gap-y-29 {
  -webkit-column-gap: var(--offset-29) !important;
  -moz-column-gap: var(--offset-29) !important;
  column-gap: var(--offset-29) !important;
}

.grid-gap-y-30 {
  -webkit-column-gap: var(--offset-30) !important;
  -moz-column-gap: var(--offset-30) !important;
  column-gap: var(--offset-30) !important;
}

.grid-gap-y-31 {
  -webkit-column-gap: var(--offset-31) !important;
  -moz-column-gap: var(--offset-31) !important;
  column-gap: var(--offset-31) !important;
}

.grid-gap-y-32 {
  -webkit-column-gap: var(--offset-32) !important;
  -moz-column-gap: var(--offset-32) !important;
  column-gap: var(--offset-32) !important;
}

.grid-gap-y-33 {
  -webkit-column-gap: var(--offset-33) !important;
  -moz-column-gap: var(--offset-33) !important;
  column-gap: var(--offset-33) !important;
}

.grid-gap-y-34 {
  -webkit-column-gap: var(--offset-34) !important;
  -moz-column-gap: var(--offset-34) !important;
  column-gap: var(--offset-34) !important;
}

.grid-gap-y-35 {
  -webkit-column-gap: var(--offset-35) !important;
  -moz-column-gap: var(--offset-35) !important;
  column-gap: var(--offset-35) !important;
}

.grid-gap-y-36 {
  -webkit-column-gap: var(--offset-36) !important;
  -moz-column-gap: var(--offset-36) !important;
  column-gap: var(--offset-36) !important;
}

.grid-gap-y-37 {
  -webkit-column-gap: var(--offset-37) !important;
  -moz-column-gap: var(--offset-37) !important;
  column-gap: var(--offset-37) !important;
}

.grid-gap-y-38 {
  -webkit-column-gap: var(--offset-38) !important;
  -moz-column-gap: var(--offset-38) !important;
  column-gap: var(--offset-38) !important;
}

.grid-gap-y-39 {
  -webkit-column-gap: var(--offset-39) !important;
  -moz-column-gap: var(--offset-39) !important;
  column-gap: var(--offset-39) !important;
}

.grid-gap-y-40 {
  -webkit-column-gap: var(--offset-40) !important;
  -moz-column-gap: var(--offset-40) !important;
  column-gap: var(--offset-40) !important;
}

.grid-gap-y-41 {
  -webkit-column-gap: var(--offset-41) !important;
  -moz-column-gap: var(--offset-41) !important;
  column-gap: var(--offset-41) !important;
}

.grid-gap-y-42 {
  -webkit-column-gap: var(--offset-42) !important;
  -moz-column-gap: var(--offset-42) !important;
  column-gap: var(--offset-42) !important;
}

.grid-gap-x-0 {
  row-gap: var(--offset-0) !important;
}

.grid-gap-x-1 {
  row-gap: var(--offset-1) !important;
}

.grid-gap-x-2 {
  row-gap: var(--offset-2) !important;
}

.grid-gap-x-3 {
  row-gap: var(--offset-3) !important;
}

.grid-gap-x-4 {
  row-gap: var(--offset-4) !important;
}

.grid-gap-x-5 {
  row-gap: var(--offset-5) !important;
}

.grid-gap-x-6 {
  row-gap: var(--offset-6) !important;
}

.grid-gap-x-7 {
  row-gap: var(--offset-7) !important;
}

.grid-gap-x-8 {
  row-gap: var(--offset-8) !important;
}

.grid-gap-x-9 {
  row-gap: var(--offset-9) !important;
}

.grid-gap-x-10 {
  row-gap: var(--offset-10) !important;
}

.grid-gap-x-11 {
  row-gap: var(--offset-11) !important;
}

.grid-gap-x-12 {
  row-gap: var(--offset-12) !important;
}

.grid-gap-x-13 {
  row-gap: var(--offset-13) !important;
}

.grid-gap-x-14 {
  row-gap: var(--offset-14) !important;
}

.grid-gap-x-15 {
  row-gap: var(--offset-15) !important;
}

.grid-gap-x-16 {
  row-gap: var(--offset-16) !important;
}

.grid-gap-x-17 {
  row-gap: var(--offset-17) !important;
}

.grid-gap-x-18 {
  row-gap: var(--offset-18) !important;
}

.grid-gap-x-19 {
  row-gap: var(--offset-19) !important;
}

.grid-gap-x-20 {
  row-gap: var(--offset-20) !important;
}

.grid-gap-x-21 {
  row-gap: var(--offset-21) !important;
}

.grid-gap-x-22 {
  row-gap: var(--offset-22) !important;
}

.grid-gap-x-23 {
  row-gap: var(--offset-23) !important;
}

.grid-gap-x-24 {
  row-gap: var(--offset-24) !important;
}

.grid-gap-x-25 {
  row-gap: var(--offset-25) !important;
}

.grid-gap-x-26 {
  row-gap: var(--offset-26) !important;
}

.grid-gap-x-27 {
  row-gap: var(--offset-27) !important;
}

.grid-gap-x-28 {
  row-gap: var(--offset-28) !important;
}

.grid-gap-x-29 {
  row-gap: var(--offset-29) !important;
}

.grid-gap-x-30 {
  row-gap: var(--offset-30) !important;
}

.grid-gap-x-31 {
  row-gap: var(--offset-31) !important;
}

.grid-gap-x-32 {
  row-gap: var(--offset-32) !important;
}

.grid-gap-x-33 {
  row-gap: var(--offset-33) !important;
}

.grid-gap-x-34 {
  row-gap: var(--offset-34) !important;
}

.grid-gap-x-35 {
  row-gap: var(--offset-35) !important;
}

.grid-gap-x-36 {
  row-gap: var(--offset-36) !important;
}

.grid-gap-x-37 {
  row-gap: var(--offset-37) !important;
}

.grid-gap-x-38 {
  row-gap: var(--offset-38) !important;
}

.grid-gap-x-39 {
  row-gap: var(--offset-39) !important;
}

.grid-gap-x-40 {
  row-gap: var(--offset-40) !important;
}

.grid-gap-x-41 {
  row-gap: var(--offset-41) !important;
}

.grid-gap-x-42 {
  row-gap: var(--offset-42) !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: start !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: end !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: start !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: end !important;
}

.order--6 {
  -webkit-box-ordinal-group: -5 !important;
  -ms-flex-order: -6 !important;
  order: -6 !important;
}

.order--5 {
  -webkit-box-ordinal-group: -4 !important;
  -ms-flex-order: -5 !important;
  order: -5 !important;
}

.order--4 {
  -webkit-box-ordinal-group: -3 !important;
  -ms-flex-order: -4 !important;
  order: -4 !important;
}

.order--3 {
  -webkit-box-ordinal-group: -2 !important;
  -ms-flex-order: -3 !important;
  order: -3 !important;
}

.order--2 {
  -webkit-box-ordinal-group: -1 !important;
  -ms-flex-order: -2 !important;
  order: -2 !important;
}

.order--1 {
  -webkit-box-ordinal-group: 0 !important;
  -ms-flex-order: -1 !important;
  order: -1 !important;
}

.order-0 {
  -webkit-box-ordinal-group: 1 !important;
  -ms-flex-order: 0 !important;
  order: 0 !important;
}

.order-1 {
  -webkit-box-ordinal-group: 2 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important;
}
/*
.order-2 {
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
}*/

.order-3 {
  -webkit-box-ordinal-group: 4 !important;
  -ms-flex-order: 3 !important;
  order: 3 !important;
}

.order-4 {
  -webkit-box-ordinal-group: 5 !important;
  -ms-flex-order: 4 !important;
  order: 4 !important;
}

.order-5 {
  -webkit-box-ordinal-group: 6 !important;
  -ms-flex-order: 5 !important;
  order: 5 !important;
}

.order-6 {
  -webkit-box-ordinal-group: 7 !important;
  -ms-flex-order: 6 !important;
  order: 6 !important;
}

@media (max-width: 1400px) {
  .grid-col-xxl-1 {
    -ms-grid-column-span: 1 !important;
    grid-column: span 1 !important;
  }
  .grid-col-xxl-2 {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2 !important;
  }
  .grid-col-xxl-3 {
    -ms-grid-column-span: 3 !important;
    grid-column: span 3 !important;
  }
  .grid-col-xxl-4 {
    -ms-grid-column-span: 4 !important;
    grid-column: span 4 !important;
  }
  .grid-col-xxl-5 {
    -ms-grid-column-span: 5 !important;
    grid-column: span 5 !important;
  }
  .grid-col-xxl-6 {
    -ms-grid-column-span: 6 !important;
    grid-column: span 6 !important;
  }
  .grid-col-xxl-7 {
    -ms-grid-column-span: 7 !important;
    grid-column: span 7 !important;
  }
  .grid-col-xxl-8 {
    -ms-grid-column-span: 8 !important;
    grid-column: span 8 !important;
  }
  .grid-col-xxl-9 {
    -ms-grid-column-span: 9 !important;
    grid-column: span 9 !important;
  }
  .grid-col-xxl-10 {
    -ms-grid-column-span: 10 !important;
    grid-column: span 10 !important;
  }
  .grid-col-xxl-11 {
    -ms-grid-column-span: 11 !important;
    grid-column: span 11 !important;
  }
  .grid-col-xxl-12 {
    -ms-grid-column-span: 12 !important;
    grid-column: span 12 !important;
  }
  .grid-gap-xxl-1 {
    gap: var(--offset-1) !important;
  }
  .grid-gap-xxl-2 {
    gap: var(--offset-2) !important;
  }
  .grid-gap-xxl-3 {
    gap: var(--offset-3) !important;
  }
  .grid-gap-xxl-4 {
    gap: var(--offset-4) !important;
  }
  .grid-gap-xxl-5 {
    gap: var(--offset-5) !important;
  }
  .grid-gap-xxl-6 {
    gap: var(--offset-6) !important;
  }
  .grid-gap-xxl-7 {
    gap: var(--offset-7) !important;
  }
  .grid-gap-xxl-8 {
    gap: var(--offset-8) !important;
  }
  .grid-gap-xxl-9 {
    gap: var(--offset-9) !important;
  }
  .grid-gap-xxl-10 {
    gap: var(--offset-10) !important;
  }
  .grid-gap-xxl-11 {
    gap: var(--offset-11) !important;
  }
  .grid-gap-xxl-12 {
    gap: var(--offset-12) !important;
  }
  .grid-gap-y-xxl-0 {
    -webkit-column-gap: var(--offset-0) !important;
    -moz-column-gap: var(--offset-0) !important;
    column-gap: var(--offset-0) !important;
  }
  .grid-gap-y-xxl-1 {
    -webkit-column-gap: var(--offset-1) !important;
    -moz-column-gap: var(--offset-1) !important;
    column-gap: var(--offset-1) !important;
  }
  .grid-gap-y-xxl-2 {
    -webkit-column-gap: var(--offset-2) !important;
    -moz-column-gap: var(--offset-2) !important;
    column-gap: var(--offset-2) !important;
  }
  .grid-gap-y-xxl-3 {
    -webkit-column-gap: var(--offset-3) !important;
    -moz-column-gap: var(--offset-3) !important;
    column-gap: var(--offset-3) !important;
  }
  .grid-gap-y-xxl-4 {
    -webkit-column-gap: var(--offset-4) !important;
    -moz-column-gap: var(--offset-4) !important;
    column-gap: var(--offset-4) !important;
  }
  .grid-gap-y-xxl-5 {
    -webkit-column-gap: var(--offset-5) !important;
    -moz-column-gap: var(--offset-5) !important;
    column-gap: var(--offset-5) !important;
  }
  .grid-gap-y-xxl-6 {
    -webkit-column-gap: var(--offset-6) !important;
    -moz-column-gap: var(--offset-6) !important;
    column-gap: var(--offset-6) !important;
  }
  .grid-gap-y-xxl-7 {
    -webkit-column-gap: var(--offset-7) !important;
    -moz-column-gap: var(--offset-7) !important;
    column-gap: var(--offset-7) !important;
  }
  .grid-gap-y-xxl-8 {
    -webkit-column-gap: var(--offset-8) !important;
    -moz-column-gap: var(--offset-8) !important;
    column-gap: var(--offset-8) !important;
  }
  .grid-gap-y-xxl-9 {
    -webkit-column-gap: var(--offset-9) !important;
    -moz-column-gap: var(--offset-9) !important;
    column-gap: var(--offset-9) !important;
  }
  .grid-gap-y-xxl-10 {
    -webkit-column-gap: var(--offset-10) !important;
    -moz-column-gap: var(--offset-10) !important;
    column-gap: var(--offset-10) !important;
  }
  .grid-gap-y-xxl-11 {
    -webkit-column-gap: var(--offset-11) !important;
    -moz-column-gap: var(--offset-11) !important;
    column-gap: var(--offset-11) !important;
  }
  .grid-gap-y-xxl-12 {
    -webkit-column-gap: var(--offset-12) !important;
    -moz-column-gap: var(--offset-12) !important;
    column-gap: var(--offset-12) !important;
  }
  .grid-gap-y-xxl-13 {
    -webkit-column-gap: var(--offset-13) !important;
    -moz-column-gap: var(--offset-13) !important;
    column-gap: var(--offset-13) !important;
  }
  .grid-gap-y-xxl-14 {
    -webkit-column-gap: var(--offset-14) !important;
    -moz-column-gap: var(--offset-14) !important;
    column-gap: var(--offset-14) !important;
  }
  .grid-gap-y-xxl-15 {
    -webkit-column-gap: var(--offset-15) !important;
    -moz-column-gap: var(--offset-15) !important;
    column-gap: var(--offset-15) !important;
  }
  .grid-gap-y-xxl-16 {
    -webkit-column-gap: var(--offset-16) !important;
    -moz-column-gap: var(--offset-16) !important;
    column-gap: var(--offset-16) !important;
  }
  .grid-gap-y-xxl-17 {
    -webkit-column-gap: var(--offset-17) !important;
    -moz-column-gap: var(--offset-17) !important;
    column-gap: var(--offset-17) !important;
  }
  .grid-gap-y-xxl-18 {
    -webkit-column-gap: var(--offset-18) !important;
    -moz-column-gap: var(--offset-18) !important;
    column-gap: var(--offset-18) !important;
  }
  .grid-gap-y-xxl-19 {
    -webkit-column-gap: var(--offset-19) !important;
    -moz-column-gap: var(--offset-19) !important;
    column-gap: var(--offset-19) !important;
  }
  .grid-gap-y-xxl-20 {
    -webkit-column-gap: var(--offset-20) !important;
    -moz-column-gap: var(--offset-20) !important;
    column-gap: var(--offset-20) !important;
  }
  .grid-gap-y-xxl-21 {
    -webkit-column-gap: var(--offset-21) !important;
    -moz-column-gap: var(--offset-21) !important;
    column-gap: var(--offset-21) !important;
  }
  .grid-gap-y-xxl-22 {
    -webkit-column-gap: var(--offset-22) !important;
    -moz-column-gap: var(--offset-22) !important;
    column-gap: var(--offset-22) !important;
  }
  .grid-gap-y-xxl-23 {
    -webkit-column-gap: var(--offset-23) !important;
    -moz-column-gap: var(--offset-23) !important;
    column-gap: var(--offset-23) !important;
  }
  .grid-gap-y-xxl-24 {
    -webkit-column-gap: var(--offset-24) !important;
    -moz-column-gap: var(--offset-24) !important;
    column-gap: var(--offset-24) !important;
  }
  .grid-gap-y-xxl-25 {
    -webkit-column-gap: var(--offset-25) !important;
    -moz-column-gap: var(--offset-25) !important;
    column-gap: var(--offset-25) !important;
  }
  .grid-gap-y-xxl-26 {
    -webkit-column-gap: var(--offset-26) !important;
    -moz-column-gap: var(--offset-26) !important;
    column-gap: var(--offset-26) !important;
  }
  .grid-gap-y-xxl-27 {
    -webkit-column-gap: var(--offset-27) !important;
    -moz-column-gap: var(--offset-27) !important;
    column-gap: var(--offset-27) !important;
  }
  .grid-gap-y-xxl-28 {
    -webkit-column-gap: var(--offset-28) !important;
    -moz-column-gap: var(--offset-28) !important;
    column-gap: var(--offset-28) !important;
  }
  .grid-gap-y-xxl-29 {
    -webkit-column-gap: var(--offset-29) !important;
    -moz-column-gap: var(--offset-29) !important;
    column-gap: var(--offset-29) !important;
  }
  .grid-gap-y-xxl-30 {
    -webkit-column-gap: var(--offset-30) !important;
    -moz-column-gap: var(--offset-30) !important;
    column-gap: var(--offset-30) !important;
  }
  .grid-gap-y-xxl-31 {
    -webkit-column-gap: var(--offset-31) !important;
    -moz-column-gap: var(--offset-31) !important;
    column-gap: var(--offset-31) !important;
  }
  .grid-gap-y-xxl-32 {
    -webkit-column-gap: var(--offset-32) !important;
    -moz-column-gap: var(--offset-32) !important;
    column-gap: var(--offset-32) !important;
  }
  .grid-gap-y-xxl-33 {
    -webkit-column-gap: var(--offset-33) !important;
    -moz-column-gap: var(--offset-33) !important;
    column-gap: var(--offset-33) !important;
  }
  .grid-gap-y-xxl-34 {
    -webkit-column-gap: var(--offset-34) !important;
    -moz-column-gap: var(--offset-34) !important;
    column-gap: var(--offset-34) !important;
  }
  .grid-gap-y-xxl-35 {
    -webkit-column-gap: var(--offset-35) !important;
    -moz-column-gap: var(--offset-35) !important;
    column-gap: var(--offset-35) !important;
  }
  .grid-gap-y-xxl-36 {
    -webkit-column-gap: var(--offset-36) !important;
    -moz-column-gap: var(--offset-36) !important;
    column-gap: var(--offset-36) !important;
  }
  .grid-gap-y-xxl-37 {
    -webkit-column-gap: var(--offset-37) !important;
    -moz-column-gap: var(--offset-37) !important;
    column-gap: var(--offset-37) !important;
  }
  .grid-gap-y-xxl-38 {
    -webkit-column-gap: var(--offset-38) !important;
    -moz-column-gap: var(--offset-38) !important;
    column-gap: var(--offset-38) !important;
  }
  .grid-gap-y-xxl-39 {
    -webkit-column-gap: var(--offset-39) !important;
    -moz-column-gap: var(--offset-39) !important;
    column-gap: var(--offset-39) !important;
  }
  .grid-gap-y-xxl-40 {
    -webkit-column-gap: var(--offset-40) !important;
    -moz-column-gap: var(--offset-40) !important;
    column-gap: var(--offset-40) !important;
  }
  .grid-gap-y-xxl-41 {
    -webkit-column-gap: var(--offset-41) !important;
    -moz-column-gap: var(--offset-41) !important;
    column-gap: var(--offset-41) !important;
  }
  .grid-gap-y-xxl-42 {
    -webkit-column-gap: var(--offset-42) !important;
    -moz-column-gap: var(--offset-42) !important;
    column-gap: var(--offset-42) !important;
  }
  .grid-gap-x-xxl-0 {
    row-gap: var(--offset-0) !important;
  }
  .grid-gap-x-xxl-1 {
    row-gap: var(--offset-1) !important;
  }
  .grid-gap-x-xxl-2 {
    row-gap: var(--offset-2) !important;
  }
  .grid-gap-x-xxl-3 {
    row-gap: var(--offset-3) !important;
  }
  .grid-gap-x-xxl-4 {
    row-gap: var(--offset-4) !important;
  }
  .grid-gap-x-xxl-5 {
    row-gap: var(--offset-5) !important;
  }
  .grid-gap-x-xxl-6 {
    row-gap: var(--offset-6) !important;
  }
  .grid-gap-x-xxl-7 {
    row-gap: var(--offset-7) !important;
  }
  .grid-gap-x-xxl-8 {
    row-gap: var(--offset-8) !important;
  }
  .grid-gap-x-xxl-9 {
    row-gap: var(--offset-9) !important;
  }
  .grid-gap-x-xxl-10 {
    row-gap: var(--offset-10) !important;
  }
  .grid-gap-x-xxl-11 {
    row-gap: var(--offset-11) !important;
  }
  .grid-gap-x-xxl-12 {
    row-gap: var(--offset-12) !important;
  }
  .grid-gap-x-xxl-13 {
    row-gap: var(--offset-13) !important;
  }
  .grid-gap-x-xxl-14 {
    row-gap: var(--offset-14) !important;
  }
  .grid-gap-x-xxl-15 {
    row-gap: var(--offset-15) !important;
  }
  .grid-gap-x-xxl-16 {
    row-gap: var(--offset-16) !important;
  }
  .grid-gap-x-xxl-17 {
    row-gap: var(--offset-17) !important;
  }
  .grid-gap-x-xxl-18 {
    row-gap: var(--offset-18) !important;
  }
  .grid-gap-x-xxl-19 {
    row-gap: var(--offset-19) !important;
  }
  .grid-gap-x-xxl-20 {
    row-gap: var(--offset-20) !important;
  }
  .grid-gap-x-xxl-21 {
    row-gap: var(--offset-21) !important;
  }
  .grid-gap-x-xxl-22 {
    row-gap: var(--offset-22) !important;
  }
  .grid-gap-x-xxl-23 {
    row-gap: var(--offset-23) !important;
  }
  .grid-gap-x-xxl-24 {
    row-gap: var(--offset-24) !important;
  }
  .grid-gap-x-xxl-25 {
    row-gap: var(--offset-25) !important;
  }
  .grid-gap-x-xxl-26 {
    row-gap: var(--offset-26) !important;
  }
  .grid-gap-x-xxl-27 {
    row-gap: var(--offset-27) !important;
  }
  .grid-gap-x-xxl-28 {
    row-gap: var(--offset-28) !important;
  }
  .grid-gap-x-xxl-29 {
    row-gap: var(--offset-29) !important;
  }
  .grid-gap-x-xxl-30 {
    row-gap: var(--offset-30) !important;
  }
  .grid-gap-x-xxl-31 {
    row-gap: var(--offset-31) !important;
  }
  .grid-gap-x-xxl-32 {
    row-gap: var(--offset-32) !important;
  }
  .grid-gap-x-xxl-33 {
    row-gap: var(--offset-33) !important;
  }
  .grid-gap-x-xxl-34 {
    row-gap: var(--offset-34) !important;
  }
  .grid-gap-x-xxl-35 {
    row-gap: var(--offset-35) !important;
  }
  .grid-gap-x-xxl-36 {
    row-gap: var(--offset-36) !important;
  }
  .grid-gap-x-xxl-37 {
    row-gap: var(--offset-37) !important;
  }
  .grid-gap-x-xxl-38 {
    row-gap: var(--offset-38) !important;
  }
  .grid-gap-x-xxl-39 {
    row-gap: var(--offset-39) !important;
  }
  .grid-gap-x-xxl-40 {
    row-gap: var(--offset-40) !important;
  }
  .grid-gap-x-xxl-41 {
    row-gap: var(--offset-41) !important;
  }
  .grid-gap-x-xxl-42 {
    row-gap: var(--offset-42) !important;
  }
  .flex-xxl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xxl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xxl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .justify-content-xxl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .justify-content-xxl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xxl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important;
  }
  .align-items-xxl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-items-xxl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .align-items-xxl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xxl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: end !important;
  }
  .order-xxl--6 {
    -webkit-box-ordinal-group: -5 !important;
    -ms-flex-order: -6 !important;
    order: -6 !important;
  }
  .order-xxl--5 {
    -webkit-box-ordinal-group: -4 !important;
    -ms-flex-order: -5 !important;
    order: -5 !important;
  }
  .order-xxl--4 {
    -webkit-box-ordinal-group: -3 !important;
    -ms-flex-order: -4 !important;
    order: -4 !important;
  }
  .order-xxl--3 {
    -webkit-box-ordinal-group: -2 !important;
    -ms-flex-order: -3 !important;
    order: -3 !important;
  }
  .order-xxl--2 {
    -webkit-box-ordinal-group: -1 !important;
    -ms-flex-order: -2 !important;
    order: -2 !important;
  }
  .order-xxl--1 {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }
  .order-xxl-6 {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }
}
@media (max-width: 1200px) {
  .grid-col-xl-1 {
    -ms-grid-column-span: 1 !important;
    grid-column: span 1 !important;
  }
  .grid-col-xl-2 {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2 !important;
  }
  .grid-col-xl-3 {
    -ms-grid-column-span: 3 !important;
    grid-column: span 3 !important;
  }
  .grid-col-xl-4 {
    -ms-grid-column-span: 4 !important;
    grid-column: span 4 !important;
  }
  .grid-col-xl-5 {
    -ms-grid-column-span: 5 !important;
    grid-column: span 5 !important;
  }
  .grid-col-xl-6 {
    -ms-grid-column-span: 6 !important;
    grid-column: span 6 !important;
  }
  .grid-col-xl-7 {
    -ms-grid-column-span: 7 !important;
    grid-column: span 7 !important;
  }
  .grid-col-xl-8 {
    -ms-grid-column-span: 8 !important;
    grid-column: span 8 !important;
  }
  .grid-col-xl-9 {
    -ms-grid-column-span: 9 !important;
    grid-column: span 9 !important;
  }
  .grid-col-xl-10 {
    -ms-grid-column-span: 10 !important;
    grid-column: span 10 !important;
  }
  .grid-col-xl-11 {
    -ms-grid-column-span: 11 !important;
    grid-column: span 11 !important;
  }
  .grid-col-xl-12 {
    -ms-grid-column-span: 12 !important;
    grid-column: span 12 !important;
  }
  .grid-gap-xl-1 {
    gap: var(--offset-1) !important;
  }
  .grid-gap-xl-2 {
    gap: var(--offset-2) !important;
  }
  .grid-gap-xl-3 {
    gap: var(--offset-3) !important;
  }
  .grid-gap-xl-4 {
    gap: var(--offset-4) !important;
  }
  .grid-gap-xl-5 {
    gap: var(--offset-5) !important;
  }
  .grid-gap-xl-6 {
    gap: var(--offset-6) !important;
  }
  .grid-gap-xl-7 {
    gap: var(--offset-7) !important;
  }
  .grid-gap-xl-8 {
    gap: var(--offset-8) !important;
  }
  .grid-gap-xl-9 {
    gap: var(--offset-9) !important;
  }
  .grid-gap-xl-10 {
    gap: var(--offset-10) !important;
  }
  .grid-gap-xl-11 {
    gap: var(--offset-11) !important;
  }
  .grid-gap-xl-12 {
    gap: var(--offset-12) !important;
  }
  .grid-gap-y-xl-0 {
    -webkit-column-gap: var(--offset-0) !important;
    -moz-column-gap: var(--offset-0) !important;
    column-gap: var(--offset-0) !important;
  }
  .grid-gap-y-xl-1 {
    -webkit-column-gap: var(--offset-1) !important;
    -moz-column-gap: var(--offset-1) !important;
    column-gap: var(--offset-1) !important;
  }
  .grid-gap-y-xl-2 {
    -webkit-column-gap: var(--offset-2) !important;
    -moz-column-gap: var(--offset-2) !important;
    column-gap: var(--offset-2) !important;
  }
  .grid-gap-y-xl-3 {
    -webkit-column-gap: var(--offset-3) !important;
    -moz-column-gap: var(--offset-3) !important;
    column-gap: var(--offset-3) !important;
  }
  .grid-gap-y-xl-4 {
    -webkit-column-gap: var(--offset-4) !important;
    -moz-column-gap: var(--offset-4) !important;
    column-gap: var(--offset-4) !important;
  }
  .grid-gap-y-xl-5 {
    -webkit-column-gap: var(--offset-5) !important;
    -moz-column-gap: var(--offset-5) !important;
    column-gap: var(--offset-5) !important;
  }
  .grid-gap-y-xl-6 {
    -webkit-column-gap: var(--offset-6) !important;
    -moz-column-gap: var(--offset-6) !important;
    column-gap: var(--offset-6) !important;
  }
  .grid-gap-y-xl-7 {
    -webkit-column-gap: var(--offset-7) !important;
    -moz-column-gap: var(--offset-7) !important;
    column-gap: var(--offset-7) !important;
  }
  .grid-gap-y-xl-8 {
    -webkit-column-gap: var(--offset-8) !important;
    -moz-column-gap: var(--offset-8) !important;
    column-gap: var(--offset-8) !important;
  }
  .grid-gap-y-xl-9 {
    -webkit-column-gap: var(--offset-9) !important;
    -moz-column-gap: var(--offset-9) !important;
    column-gap: var(--offset-9) !important;
  }
  .grid-gap-y-xl-10 {
    -webkit-column-gap: var(--offset-10) !important;
    -moz-column-gap: var(--offset-10) !important;
    column-gap: var(--offset-10) !important;
  }
  .grid-gap-y-xl-11 {
    -webkit-column-gap: var(--offset-11) !important;
    -moz-column-gap: var(--offset-11) !important;
    column-gap: var(--offset-11) !important;
  }
  .grid-gap-y-xl-12 {
    -webkit-column-gap: var(--offset-12) !important;
    -moz-column-gap: var(--offset-12) !important;
    column-gap: var(--offset-12) !important;
  }
  .grid-gap-y-xl-13 {
    -webkit-column-gap: var(--offset-13) !important;
    -moz-column-gap: var(--offset-13) !important;
    column-gap: var(--offset-13) !important;
  }
  .grid-gap-y-xl-14 {
    -webkit-column-gap: var(--offset-14) !important;
    -moz-column-gap: var(--offset-14) !important;
    column-gap: var(--offset-14) !important;
  }
  .grid-gap-y-xl-15 {
    -webkit-column-gap: var(--offset-15) !important;
    -moz-column-gap: var(--offset-15) !important;
    column-gap: var(--offset-15) !important;
  }
  .grid-gap-y-xl-16 {
    -webkit-column-gap: var(--offset-16) !important;
    -moz-column-gap: var(--offset-16) !important;
    column-gap: var(--offset-16) !important;
  }
  .grid-gap-y-xl-17 {
    -webkit-column-gap: var(--offset-17) !important;
    -moz-column-gap: var(--offset-17) !important;
    column-gap: var(--offset-17) !important;
  }
  .grid-gap-y-xl-18 {
    -webkit-column-gap: var(--offset-18) !important;
    -moz-column-gap: var(--offset-18) !important;
    column-gap: var(--offset-18) !important;
  }
  .grid-gap-y-xl-19 {
    -webkit-column-gap: var(--offset-19) !important;
    -moz-column-gap: var(--offset-19) !important;
    column-gap: var(--offset-19) !important;
  }
  .grid-gap-y-xl-20 {
    -webkit-column-gap: var(--offset-20) !important;
    -moz-column-gap: var(--offset-20) !important;
    column-gap: var(--offset-20) !important;
  }
  .grid-gap-y-xl-21 {
    -webkit-column-gap: var(--offset-21) !important;
    -moz-column-gap: var(--offset-21) !important;
    column-gap: var(--offset-21) !important;
  }
  .grid-gap-y-xl-22 {
    -webkit-column-gap: var(--offset-22) !important;
    -moz-column-gap: var(--offset-22) !important;
    column-gap: var(--offset-22) !important;
  }
  .grid-gap-y-xl-23 {
    -webkit-column-gap: var(--offset-23) !important;
    -moz-column-gap: var(--offset-23) !important;
    column-gap: var(--offset-23) !important;
  }
  .grid-gap-y-xl-24 {
    -webkit-column-gap: var(--offset-24) !important;
    -moz-column-gap: var(--offset-24) !important;
    column-gap: var(--offset-24) !important;
  }
  .grid-gap-y-xl-25 {
    -webkit-column-gap: var(--offset-25) !important;
    -moz-column-gap: var(--offset-25) !important;
    column-gap: var(--offset-25) !important;
  }
  .grid-gap-y-xl-26 {
    -webkit-column-gap: var(--offset-26) !important;
    -moz-column-gap: var(--offset-26) !important;
    column-gap: var(--offset-26) !important;
  }
  .grid-gap-y-xl-27 {
    -webkit-column-gap: var(--offset-27) !important;
    -moz-column-gap: var(--offset-27) !important;
    column-gap: var(--offset-27) !important;
  }
  .grid-gap-y-xl-28 {
    -webkit-column-gap: var(--offset-28) !important;
    -moz-column-gap: var(--offset-28) !important;
    column-gap: var(--offset-28) !important;
  }
  .grid-gap-y-xl-29 {
    -webkit-column-gap: var(--offset-29) !important;
    -moz-column-gap: var(--offset-29) !important;
    column-gap: var(--offset-29) !important;
  }
  .grid-gap-y-xl-30 {
    -webkit-column-gap: var(--offset-30) !important;
    -moz-column-gap: var(--offset-30) !important;
    column-gap: var(--offset-30) !important;
  }
  .grid-gap-y-xl-31 {
    -webkit-column-gap: var(--offset-31) !important;
    -moz-column-gap: var(--offset-31) !important;
    column-gap: var(--offset-31) !important;
  }
  .grid-gap-y-xl-32 {
    -webkit-column-gap: var(--offset-32) !important;
    -moz-column-gap: var(--offset-32) !important;
    column-gap: var(--offset-32) !important;
  }
  .grid-gap-y-xl-33 {
    -webkit-column-gap: var(--offset-33) !important;
    -moz-column-gap: var(--offset-33) !important;
    column-gap: var(--offset-33) !important;
  }
  .grid-gap-y-xl-34 {
    -webkit-column-gap: var(--offset-34) !important;
    -moz-column-gap: var(--offset-34) !important;
    column-gap: var(--offset-34) !important;
  }
  .grid-gap-y-xl-35 {
    -webkit-column-gap: var(--offset-35) !important;
    -moz-column-gap: var(--offset-35) !important;
    column-gap: var(--offset-35) !important;
  }
  .grid-gap-y-xl-36 {
    -webkit-column-gap: var(--offset-36) !important;
    -moz-column-gap: var(--offset-36) !important;
    column-gap: var(--offset-36) !important;
  }
  .grid-gap-y-xl-37 {
    -webkit-column-gap: var(--offset-37) !important;
    -moz-column-gap: var(--offset-37) !important;
    column-gap: var(--offset-37) !important;
  }
  .grid-gap-y-xl-38 {
    -webkit-column-gap: var(--offset-38) !important;
    -moz-column-gap: var(--offset-38) !important;
    column-gap: var(--offset-38) !important;
  }
  .grid-gap-y-xl-39 {
    -webkit-column-gap: var(--offset-39) !important;
    -moz-column-gap: var(--offset-39) !important;
    column-gap: var(--offset-39) !important;
  }
  .grid-gap-y-xl-40 {
    -webkit-column-gap: var(--offset-40) !important;
    -moz-column-gap: var(--offset-40) !important;
    column-gap: var(--offset-40) !important;
  }
  .grid-gap-y-xl-41 {
    -webkit-column-gap: var(--offset-41) !important;
    -moz-column-gap: var(--offset-41) !important;
    column-gap: var(--offset-41) !important;
  }
  .grid-gap-y-xl-42 {
    -webkit-column-gap: var(--offset-42) !important;
    -moz-column-gap: var(--offset-42) !important;
    column-gap: var(--offset-42) !important;
  }
  .grid-gap-x-xl-0 {
    row-gap: var(--offset-0) !important;
  }
  .grid-gap-x-xl-1 {
    row-gap: var(--offset-1) !important;
  }
  .grid-gap-x-xl-2 {
    row-gap: var(--offset-2) !important;
  }
  .grid-gap-x-xl-3 {
    row-gap: var(--offset-3) !important;
  }
  .grid-gap-x-xl-4 {
    row-gap: var(--offset-4) !important;
  }
  .grid-gap-x-xl-5 {
    row-gap: var(--offset-5) !important;
  }
  .grid-gap-x-xl-6 {
    row-gap: var(--offset-6) !important;
  }
  .grid-gap-x-xl-7 {
    row-gap: var(--offset-7) !important;
  }
  .grid-gap-x-xl-8 {
    row-gap: var(--offset-8) !important;
  }
  .grid-gap-x-xl-9 {
    row-gap: var(--offset-9) !important;
  }
  .grid-gap-x-xl-10 {
    row-gap: var(--offset-10) !important;
  }
  .grid-gap-x-xl-11 {
    row-gap: var(--offset-11) !important;
  }
  .grid-gap-x-xl-12 {
    row-gap: var(--offset-12) !important;
  }
  .grid-gap-x-xl-13 {
    row-gap: var(--offset-13) !important;
  }
  .grid-gap-x-xl-14 {
    row-gap: var(--offset-14) !important;
  }
  .grid-gap-x-xl-15 {
    row-gap: var(--offset-15) !important;
  }
  .grid-gap-x-xl-16 {
    row-gap: var(--offset-16) !important;
  }
  .grid-gap-x-xl-17 {
    row-gap: var(--offset-17) !important;
  }
  .grid-gap-x-xl-18 {
    row-gap: var(--offset-18) !important;
  }
  .grid-gap-x-xl-19 {
    row-gap: var(--offset-19) !important;
  }
  .grid-gap-x-xl-20 {
    row-gap: var(--offset-20) !important;
  }
  .grid-gap-x-xl-21 {
    row-gap: var(--offset-21) !important;
  }
  .grid-gap-x-xl-22 {
    row-gap: var(--offset-22) !important;
  }
  .grid-gap-x-xl-23 {
    row-gap: var(--offset-23) !important;
  }
  .grid-gap-x-xl-24 {
    row-gap: var(--offset-24) !important;
  }
  .grid-gap-x-xl-25 {
    row-gap: var(--offset-25) !important;
  }
  .grid-gap-x-xl-26 {
    row-gap: var(--offset-26) !important;
  }
  .grid-gap-x-xl-27 {
    row-gap: var(--offset-27) !important;
  }
  .grid-gap-x-xl-28 {
    row-gap: var(--offset-28) !important;
  }
  .grid-gap-x-xl-29 {
    row-gap: var(--offset-29) !important;
  }
  .grid-gap-x-xl-30 {
    row-gap: var(--offset-30) !important;
  }
  .grid-gap-x-xl-31 {
    row-gap: var(--offset-31) !important;
  }
  .grid-gap-x-xl-32 {
    row-gap: var(--offset-32) !important;
  }
  .grid-gap-x-xl-33 {
    row-gap: var(--offset-33) !important;
  }
  .grid-gap-x-xl-34 {
    row-gap: var(--offset-34) !important;
  }
  .grid-gap-x-xl-35 {
    row-gap: var(--offset-35) !important;
  }
  .grid-gap-x-xl-36 {
    row-gap: var(--offset-36) !important;
  }
  .grid-gap-x-xl-37 {
    row-gap: var(--offset-37) !important;
  }
  .grid-gap-x-xl-38 {
    row-gap: var(--offset-38) !important;
  }
  .grid-gap-x-xl-39 {
    row-gap: var(--offset-39) !important;
  }
  .grid-gap-x-xl-40 {
    row-gap: var(--offset-40) !important;
  }
  .grid-gap-x-xl-41 {
    row-gap: var(--offset-41) !important;
  }
  .grid-gap-x-xl-42 {
    row-gap: var(--offset-42) !important;
  }
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: end !important;
  }
  .order-xl--6 {
    -webkit-box-ordinal-group: -5 !important;
    -ms-flex-order: -6 !important;
    order: -6 !important;
  }
  .order-xl--5 {
    -webkit-box-ordinal-group: -4 !important;
    -ms-flex-order: -5 !important;
    order: -5 !important;
  }
  .order-xl--4 {
    -webkit-box-ordinal-group: -3 !important;
    -ms-flex-order: -4 !important;
    order: -4 !important;
  }
  .order-xl--3 {
    -webkit-box-ordinal-group: -2 !important;
    -ms-flex-order: -3 !important;
    order: -3 !important;
  }
  .order-xl--2 {
    -webkit-box-ordinal-group: -1 !important;
    -ms-flex-order: -2 !important;
    order: -2 !important;
  }
  .order-xl--1 {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }
}
@media (max-width: 992px) {
  .grid-col-lg-1 {
    -ms-grid-column-span: 1 !important;
    grid-column: span 1 !important;
  }
  .grid-col-lg-2 {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2 !important;
  }
  .grid-col-lg-3 {
    -ms-grid-column-span: 3 !important;
    grid-column: span 3 !important;
  }
  .grid-col-lg-4 {
    -ms-grid-column-span: 4 !important;
    grid-column: span 4 !important;
  }
  .grid-col-lg-5 {
    -ms-grid-column-span: 5 !important;
    grid-column: span 5 !important;
  }
  .grid-col-lg-6 {
    -ms-grid-column-span: 6 !important;
    grid-column: span 6 !important;
  }
  .grid-col-lg-7 {
    -ms-grid-column-span: 7 !important;
    grid-column: span 7 !important;
  }
  .grid-col-lg-8 {
    -ms-grid-column-span: 8 !important;
    grid-column: span 8 !important;
  }
  .grid-col-lg-9 {
    -ms-grid-column-span: 9 !important;
    grid-column: span 9 !important;
  }
  .grid-col-lg-10 {
    -ms-grid-column-span: 10 !important;
    grid-column: span 10 !important;
  }
  .grid-col-lg-11 {
    -ms-grid-column-span: 11 !important;
    grid-column: span 11 !important;
  }
  .grid-col-lg-12 {
    -ms-grid-column-span: 12 !important;
    grid-column: span 12 !important;
  }
  .grid-gap-lg-1 {
    gap: var(--offset-1) !important;
  }
  .grid-gap-lg-2 {
    gap: var(--offset-2) !important;
  }
  .grid-gap-lg-3 {
    gap: var(--offset-3) !important;
  }
  .grid-gap-lg-4 {
    gap: var(--offset-4) !important;
  }
  .grid-gap-lg-5 {
    gap: var(--offset-5) !important;
  }
  .grid-gap-lg-6 {
    gap: var(--offset-6) !important;
  }
  .grid-gap-lg-7 {
    gap: var(--offset-7) !important;
  }
  .grid-gap-lg-8 {
    gap: var(--offset-8) !important;
  }
  .grid-gap-lg-9 {
    gap: var(--offset-9) !important;
  }
  .grid-gap-lg-10 {
    gap: var(--offset-10) !important;
  }
  .grid-gap-lg-11 {
    gap: var(--offset-11) !important;
  }
  .grid-gap-lg-12 {
    gap: var(--offset-12) !important;
  }
  .grid-gap-y-lg-0 {
    -webkit-column-gap: var(--offset-0) !important;
    -moz-column-gap: var(--offset-0) !important;
    column-gap: var(--offset-0) !important;
  }
  .grid-gap-y-lg-1 {
    -webkit-column-gap: var(--offset-1) !important;
    -moz-column-gap: var(--offset-1) !important;
    column-gap: var(--offset-1) !important;
  }
  .grid-gap-y-lg-2 {
    -webkit-column-gap: var(--offset-2) !important;
    -moz-column-gap: var(--offset-2) !important;
    column-gap: var(--offset-2) !important;
  }
  .grid-gap-y-lg-3 {
    -webkit-column-gap: var(--offset-3) !important;
    -moz-column-gap: var(--offset-3) !important;
    column-gap: var(--offset-3) !important;
  }
  .grid-gap-y-lg-4 {
    -webkit-column-gap: var(--offset-4) !important;
    -moz-column-gap: var(--offset-4) !important;
    column-gap: var(--offset-4) !important;
  }
  .grid-gap-y-lg-5 {
    -webkit-column-gap: var(--offset-5) !important;
    -moz-column-gap: var(--offset-5) !important;
    column-gap: var(--offset-5) !important;
  }
  .grid-gap-y-lg-6 {
    -webkit-column-gap: var(--offset-6) !important;
    -moz-column-gap: var(--offset-6) !important;
    column-gap: var(--offset-6) !important;
  }
  .grid-gap-y-lg-7 {
    -webkit-column-gap: var(--offset-7) !important;
    -moz-column-gap: var(--offset-7) !important;
    column-gap: var(--offset-7) !important;
  }
  .grid-gap-y-lg-8 {
    -webkit-column-gap: var(--offset-8) !important;
    -moz-column-gap: var(--offset-8) !important;
    column-gap: var(--offset-8) !important;
  }
  .grid-gap-y-lg-9 {
    -webkit-column-gap: var(--offset-9) !important;
    -moz-column-gap: var(--offset-9) !important;
    column-gap: var(--offset-9) !important;
  }
  .grid-gap-y-lg-10 {
    -webkit-column-gap: var(--offset-10) !important;
    -moz-column-gap: var(--offset-10) !important;
    column-gap: var(--offset-10) !important;
  }
  .grid-gap-y-lg-11 {
    -webkit-column-gap: var(--offset-11) !important;
    -moz-column-gap: var(--offset-11) !important;
    column-gap: var(--offset-11) !important;
  }
  .grid-gap-y-lg-12 {
    -webkit-column-gap: var(--offset-12) !important;
    -moz-column-gap: var(--offset-12) !important;
    column-gap: var(--offset-12) !important;
  }
  .grid-gap-y-lg-13 {
    -webkit-column-gap: var(--offset-13) !important;
    -moz-column-gap: var(--offset-13) !important;
    column-gap: var(--offset-13) !important;
  }
  .grid-gap-y-lg-14 {
    -webkit-column-gap: var(--offset-14) !important;
    -moz-column-gap: var(--offset-14) !important;
    column-gap: var(--offset-14) !important;
  }
  .grid-gap-y-lg-15 {
    -webkit-column-gap: var(--offset-15) !important;
    -moz-column-gap: var(--offset-15) !important;
    column-gap: var(--offset-15) !important;
  }
  .grid-gap-y-lg-16 {
    -webkit-column-gap: var(--offset-16) !important;
    -moz-column-gap: var(--offset-16) !important;
    column-gap: var(--offset-16) !important;
  }
  .grid-gap-y-lg-17 {
    -webkit-column-gap: var(--offset-17) !important;
    -moz-column-gap: var(--offset-17) !important;
    column-gap: var(--offset-17) !important;
  }
  .grid-gap-y-lg-18 {
    -webkit-column-gap: var(--offset-18) !important;
    -moz-column-gap: var(--offset-18) !important;
    column-gap: var(--offset-18) !important;
  }
  .grid-gap-y-lg-19 {
    -webkit-column-gap: var(--offset-19) !important;
    -moz-column-gap: var(--offset-19) !important;
    column-gap: var(--offset-19) !important;
  }
  .grid-gap-y-lg-20 {
    -webkit-column-gap: var(--offset-20) !important;
    -moz-column-gap: var(--offset-20) !important;
    column-gap: var(--offset-20) !important;
  }
  .grid-gap-y-lg-21 {
    -webkit-column-gap: var(--offset-21) !important;
    -moz-column-gap: var(--offset-21) !important;
    column-gap: var(--offset-21) !important;
  }
  .grid-gap-y-lg-22 {
    -webkit-column-gap: var(--offset-22) !important;
    -moz-column-gap: var(--offset-22) !important;
    column-gap: var(--offset-22) !important;
  }
  .grid-gap-y-lg-23 {
    -webkit-column-gap: var(--offset-23) !important;
    -moz-column-gap: var(--offset-23) !important;
    column-gap: var(--offset-23) !important;
  }
  .grid-gap-y-lg-24 {
    -webkit-column-gap: var(--offset-24) !important;
    -moz-column-gap: var(--offset-24) !important;
    column-gap: var(--offset-24) !important;
  }
  .grid-gap-y-lg-25 {
    -webkit-column-gap: var(--offset-25) !important;
    -moz-column-gap: var(--offset-25) !important;
    column-gap: var(--offset-25) !important;
  }
  .grid-gap-y-lg-26 {
    -webkit-column-gap: var(--offset-26) !important;
    -moz-column-gap: var(--offset-26) !important;
    column-gap: var(--offset-26) !important;
  }
  .grid-gap-y-lg-27 {
    -webkit-column-gap: var(--offset-27) !important;
    -moz-column-gap: var(--offset-27) !important;
    column-gap: var(--offset-27) !important;
  }
  .grid-gap-y-lg-28 {
    -webkit-column-gap: var(--offset-28) !important;
    -moz-column-gap: var(--offset-28) !important;
    column-gap: var(--offset-28) !important;
  }
  .grid-gap-y-lg-29 {
    -webkit-column-gap: var(--offset-29) !important;
    -moz-column-gap: var(--offset-29) !important;
    column-gap: var(--offset-29) !important;
  }
  .grid-gap-y-lg-30 {
    -webkit-column-gap: var(--offset-30) !important;
    -moz-column-gap: var(--offset-30) !important;
    column-gap: var(--offset-30) !important;
  }
  .grid-gap-y-lg-31 {
    -webkit-column-gap: var(--offset-31) !important;
    -moz-column-gap: var(--offset-31) !important;
    column-gap: var(--offset-31) !important;
  }
  .grid-gap-y-lg-32 {
    -webkit-column-gap: var(--offset-32) !important;
    -moz-column-gap: var(--offset-32) !important;
    column-gap: var(--offset-32) !important;
  }
  .grid-gap-y-lg-33 {
    -webkit-column-gap: var(--offset-33) !important;
    -moz-column-gap: var(--offset-33) !important;
    column-gap: var(--offset-33) !important;
  }
  .grid-gap-y-lg-34 {
    -webkit-column-gap: var(--offset-34) !important;
    -moz-column-gap: var(--offset-34) !important;
    column-gap: var(--offset-34) !important;
  }
  .grid-gap-y-lg-35 {
    -webkit-column-gap: var(--offset-35) !important;
    -moz-column-gap: var(--offset-35) !important;
    column-gap: var(--offset-35) !important;
  }
  .grid-gap-y-lg-36 {
    -webkit-column-gap: var(--offset-36) !important;
    -moz-column-gap: var(--offset-36) !important;
    column-gap: var(--offset-36) !important;
  }
  .grid-gap-y-lg-37 {
    -webkit-column-gap: var(--offset-37) !important;
    -moz-column-gap: var(--offset-37) !important;
    column-gap: var(--offset-37) !important;
  }
  .grid-gap-y-lg-38 {
    -webkit-column-gap: var(--offset-38) !important;
    -moz-column-gap: var(--offset-38) !important;
    column-gap: var(--offset-38) !important;
  }
  .grid-gap-y-lg-39 {
    -webkit-column-gap: var(--offset-39) !important;
    -moz-column-gap: var(--offset-39) !important;
    column-gap: var(--offset-39) !important;
  }
  .grid-gap-y-lg-40 {
    -webkit-column-gap: var(--offset-40) !important;
    -moz-column-gap: var(--offset-40) !important;
    column-gap: var(--offset-40) !important;
  }
  .grid-gap-y-lg-41 {
    -webkit-column-gap: var(--offset-41) !important;
    -moz-column-gap: var(--offset-41) !important;
    column-gap: var(--offset-41) !important;
  }
  .grid-gap-y-lg-42 {
    -webkit-column-gap: var(--offset-42) !important;
    -moz-column-gap: var(--offset-42) !important;
    column-gap: var(--offset-42) !important;
  }
  .grid-gap-x-lg-0 {
    row-gap: var(--offset-0) !important;
  }
  .grid-gap-x-lg-1 {
    row-gap: var(--offset-1) !important;
  }
  .grid-gap-x-lg-2 {
    row-gap: var(--offset-2) !important;
  }
  .grid-gap-x-lg-3 {
    row-gap: var(--offset-3) !important;
  }
  .grid-gap-x-lg-4 {
    row-gap: var(--offset-4) !important;
  }
  .grid-gap-x-lg-5 {
    row-gap: var(--offset-5) !important;
  }
  .grid-gap-x-lg-6 {
    row-gap: var(--offset-6) !important;
  }
  .grid-gap-x-lg-7 {
    row-gap: var(--offset-7) !important;
  }
  .grid-gap-x-lg-8 {
    row-gap: var(--offset-8) !important;
  }
  .grid-gap-x-lg-9 {
    row-gap: var(--offset-9) !important;
  }
  .grid-gap-x-lg-10 {
    row-gap: var(--offset-10) !important;
  }
  .grid-gap-x-lg-11 {
    row-gap: var(--offset-11) !important;
  }
  .grid-gap-x-lg-12 {
    row-gap: var(--offset-12) !important;
  }
  .grid-gap-x-lg-13 {
    row-gap: var(--offset-13) !important;
  }
  .grid-gap-x-lg-14 {
    row-gap: var(--offset-14) !important;
  }
  .grid-gap-x-lg-15 {
    row-gap: var(--offset-15) !important;
  }
  .grid-gap-x-lg-16 {
    row-gap: var(--offset-16) !important;
  }
  .grid-gap-x-lg-17 {
    row-gap: var(--offset-17) !important;
  }
  .grid-gap-x-lg-18 {
    row-gap: var(--offset-18) !important;
  }
  .grid-gap-x-lg-19 {
    row-gap: var(--offset-19) !important;
  }
  .grid-gap-x-lg-20 {
    row-gap: var(--offset-20) !important;
  }
  .grid-gap-x-lg-21 {
    row-gap: var(--offset-21) !important;
  }
  .grid-gap-x-lg-22 {
    row-gap: var(--offset-22) !important;
  }
  .grid-gap-x-lg-23 {
    row-gap: var(--offset-23) !important;
  }
  .grid-gap-x-lg-24 {
    row-gap: var(--offset-24) !important;
  }
  .grid-gap-x-lg-25 {
    row-gap: var(--offset-25) !important;
  }
  .grid-gap-x-lg-26 {
    row-gap: var(--offset-26) !important;
  }
  .grid-gap-x-lg-27 {
    row-gap: var(--offset-27) !important;
  }
  .grid-gap-x-lg-28 {
    row-gap: var(--offset-28) !important;
  }
  .grid-gap-x-lg-29 {
    row-gap: var(--offset-29) !important;
  }
  .grid-gap-x-lg-30 {
    row-gap: var(--offset-30) !important;
  }
  .grid-gap-x-lg-31 {
    row-gap: var(--offset-31) !important;
  }
  .grid-gap-x-lg-32 {
    row-gap: var(--offset-32) !important;
  }
  .grid-gap-x-lg-33 {
    row-gap: var(--offset-33) !important;
  }
  .grid-gap-x-lg-34 {
    row-gap: var(--offset-34) !important;
  }
  .grid-gap-x-lg-35 {
    row-gap: var(--offset-35) !important;
  }
  .grid-gap-x-lg-36 {
    row-gap: var(--offset-36) !important;
  }
  .grid-gap-x-lg-37 {
    row-gap: var(--offset-37) !important;
  }
  .grid-gap-x-lg-38 {
    row-gap: var(--offset-38) !important;
  }
  .grid-gap-x-lg-39 {
    row-gap: var(--offset-39) !important;
  }
  .grid-gap-x-lg-40 {
    row-gap: var(--offset-40) !important;
  }
  .grid-gap-x-lg-41 {
    row-gap: var(--offset-41) !important;
  }
  .grid-gap-x-lg-42 {
    row-gap: var(--offset-42) !important;
  }
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: end !important;
  }
  .order-lg--6 {
    -webkit-box-ordinal-group: -5 !important;
    -ms-flex-order: -6 !important;
    order: -6 !important;
  }
  .order-lg--5 {
    -webkit-box-ordinal-group: -4 !important;
    -ms-flex-order: -5 !important;
    order: -5 !important;
  }
  .order-lg--4 {
    -webkit-box-ordinal-group: -3 !important;
    -ms-flex-order: -4 !important;
    order: -4 !important;
  }
  .order-lg--3 {
    -webkit-box-ordinal-group: -2 !important;
    -ms-flex-order: -3 !important;
    order: -3 !important;
  }
  .order-lg--2 {
    -webkit-box-ordinal-group: -1 !important;
    -ms-flex-order: -2 !important;
    order: -2 !important;
  }
  .order-lg--1 {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }
}
@media (max-width: 768px) {
  .grid-col-md-1 {
    -ms-grid-column-span: 1 !important;
    grid-column: span 1 !important;
  }
  .grid-col-md-2 {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2 !important;
  }
  .grid-col-md-3 {
    -ms-grid-column-span: 3 !important;
    grid-column: span 3 !important;
  }
  .grid-col-md-4 {
    -ms-grid-column-span: 4 !important;
    grid-column: span 4 !important;
  }
  .grid-col-md-5 {
    -ms-grid-column-span: 5 !important;
    grid-column: span 5 !important;
  }
  .grid-col-md-6 {
    -ms-grid-column-span: 6 !important;
    grid-column: span 6 !important;
  }
  .grid-col-md-7 {
    -ms-grid-column-span: 7 !important;
    grid-column: span 7 !important;
  }
  .grid-col-md-8 {
    -ms-grid-column-span: 8 !important;
    grid-column: span 8 !important;
  }
  .grid-col-md-9 {
    -ms-grid-column-span: 9 !important;
    grid-column: span 9 !important;
  }
  .grid-col-md-10 {
    -ms-grid-column-span: 10 !important;
    grid-column: span 10 !important;
  }
  .grid-col-md-11 {
    -ms-grid-column-span: 11 !important;
    grid-column: span 11 !important;
  }
  .grid-col-md-12 {
    -ms-grid-column-span: 12 !important;
    grid-column: span 12 !important;
  }
  .grid-gap-md-1 {
    gap: var(--offset-1) !important;
  }
  .grid-gap-md-2 {
    gap: var(--offset-2) !important;
  }
  .grid-gap-md-3 {
    gap: var(--offset-3) !important;
  }
  .grid-gap-md-4 {
    gap: var(--offset-4) !important;
  }
  .grid-gap-md-5 {
    gap: var(--offset-5) !important;
  }
  .grid-gap-md-6 {
    gap: var(--offset-6) !important;
  }
  .grid-gap-md-7 {
    gap: var(--offset-7) !important;
  }
  .grid-gap-md-8 {
    gap: var(--offset-8) !important;
  }
  .grid-gap-md-9 {
    gap: var(--offset-9) !important;
  }
  .grid-gap-md-10 {
    gap: var(--offset-10) !important;
  }
  .grid-gap-md-11 {
    gap: var(--offset-11) !important;
  }
  .grid-gap-md-12 {
    gap: var(--offset-12) !important;
  }
  .grid-gap-y-md-0 {
    -webkit-column-gap: var(--offset-0) !important;
    -moz-column-gap: var(--offset-0) !important;
    column-gap: var(--offset-0) !important;
  }
  .grid-gap-y-md-1 {
    -webkit-column-gap: var(--offset-1) !important;
    -moz-column-gap: var(--offset-1) !important;
    column-gap: var(--offset-1) !important;
  }
  .grid-gap-y-md-2 {
    -webkit-column-gap: var(--offset-2) !important;
    -moz-column-gap: var(--offset-2) !important;
    column-gap: var(--offset-2) !important;
  }
  .grid-gap-y-md-3 {
    -webkit-column-gap: var(--offset-3) !important;
    -moz-column-gap: var(--offset-3) !important;
    column-gap: var(--offset-3) !important;
  }
  .grid-gap-y-md-4 {
    -webkit-column-gap: var(--offset-4) !important;
    -moz-column-gap: var(--offset-4) !important;
    column-gap: var(--offset-4) !important;
  }
  .grid-gap-y-md-5 {
    -webkit-column-gap: var(--offset-5) !important;
    -moz-column-gap: var(--offset-5) !important;
    column-gap: var(--offset-5) !important;
  }
  .grid-gap-y-md-6 {
    -webkit-column-gap: var(--offset-6) !important;
    -moz-column-gap: var(--offset-6) !important;
    column-gap: var(--offset-6) !important;
  }
  .grid-gap-y-md-7 {
    -webkit-column-gap: var(--offset-7) !important;
    -moz-column-gap: var(--offset-7) !important;
    column-gap: var(--offset-7) !important;
  }
  .grid-gap-y-md-8 {
    -webkit-column-gap: var(--offset-8) !important;
    -moz-column-gap: var(--offset-8) !important;
    column-gap: var(--offset-8) !important;
  }
  .grid-gap-y-md-9 {
    -webkit-column-gap: var(--offset-9) !important;
    -moz-column-gap: var(--offset-9) !important;
    column-gap: var(--offset-9) !important;
  }
  .grid-gap-y-md-10 {
    -webkit-column-gap: var(--offset-10) !important;
    -moz-column-gap: var(--offset-10) !important;
    column-gap: var(--offset-10) !important;
  }
  .grid-gap-y-md-11 {
    -webkit-column-gap: var(--offset-11) !important;
    -moz-column-gap: var(--offset-11) !important;
    column-gap: var(--offset-11) !important;
  }
  .grid-gap-y-md-12 {
    -webkit-column-gap: var(--offset-12) !important;
    -moz-column-gap: var(--offset-12) !important;
    column-gap: var(--offset-12) !important;
  }
  .grid-gap-y-md-13 {
    -webkit-column-gap: var(--offset-13) !important;
    -moz-column-gap: var(--offset-13) !important;
    column-gap: var(--offset-13) !important;
  }
  .grid-gap-y-md-14 {
    -webkit-column-gap: var(--offset-14) !important;
    -moz-column-gap: var(--offset-14) !important;
    column-gap: var(--offset-14) !important;
  }
  .grid-gap-y-md-15 {
    -webkit-column-gap: var(--offset-15) !important;
    -moz-column-gap: var(--offset-15) !important;
    column-gap: var(--offset-15) !important;
  }
  .grid-gap-y-md-16 {
    -webkit-column-gap: var(--offset-16) !important;
    -moz-column-gap: var(--offset-16) !important;
    column-gap: var(--offset-16) !important;
  }
  .grid-gap-y-md-17 {
    -webkit-column-gap: var(--offset-17) !important;
    -moz-column-gap: var(--offset-17) !important;
    column-gap: var(--offset-17) !important;
  }
  .grid-gap-y-md-18 {
    -webkit-column-gap: var(--offset-18) !important;
    -moz-column-gap: var(--offset-18) !important;
    column-gap: var(--offset-18) !important;
  }
  .grid-gap-y-md-19 {
    -webkit-column-gap: var(--offset-19) !important;
    -moz-column-gap: var(--offset-19) !important;
    column-gap: var(--offset-19) !important;
  }
  .grid-gap-y-md-20 {
    -webkit-column-gap: var(--offset-20) !important;
    -moz-column-gap: var(--offset-20) !important;
    column-gap: var(--offset-20) !important;
  }
  .grid-gap-y-md-21 {
    -webkit-column-gap: var(--offset-21) !important;
    -moz-column-gap: var(--offset-21) !important;
    column-gap: var(--offset-21) !important;
  }
  .grid-gap-y-md-22 {
    -webkit-column-gap: var(--offset-22) !important;
    -moz-column-gap: var(--offset-22) !important;
    column-gap: var(--offset-22) !important;
  }
  .grid-gap-y-md-23 {
    -webkit-column-gap: var(--offset-23) !important;
    -moz-column-gap: var(--offset-23) !important;
    column-gap: var(--offset-23) !important;
  }
  .grid-gap-y-md-24 {
    -webkit-column-gap: var(--offset-24) !important;
    -moz-column-gap: var(--offset-24) !important;
    column-gap: var(--offset-24) !important;
  }
  .grid-gap-y-md-25 {
    -webkit-column-gap: var(--offset-25) !important;
    -moz-column-gap: var(--offset-25) !important;
    column-gap: var(--offset-25) !important;
  }
  .grid-gap-y-md-26 {
    -webkit-column-gap: var(--offset-26) !important;
    -moz-column-gap: var(--offset-26) !important;
    column-gap: var(--offset-26) !important;
  }
  .grid-gap-y-md-27 {
    -webkit-column-gap: var(--offset-27) !important;
    -moz-column-gap: var(--offset-27) !important;
    column-gap: var(--offset-27) !important;
  }
  .grid-gap-y-md-28 {
    -webkit-column-gap: var(--offset-28) !important;
    -moz-column-gap: var(--offset-28) !important;
    column-gap: var(--offset-28) !important;
  }
  .grid-gap-y-md-29 {
    -webkit-column-gap: var(--offset-29) !important;
    -moz-column-gap: var(--offset-29) !important;
    column-gap: var(--offset-29) !important;
  }
  .grid-gap-y-md-30 {
    -webkit-column-gap: var(--offset-30) !important;
    -moz-column-gap: var(--offset-30) !important;
    column-gap: var(--offset-30) !important;
  }
  .grid-gap-y-md-31 {
    -webkit-column-gap: var(--offset-31) !important;
    -moz-column-gap: var(--offset-31) !important;
    column-gap: var(--offset-31) !important;
  }
  .grid-gap-y-md-32 {
    -webkit-column-gap: var(--offset-32) !important;
    -moz-column-gap: var(--offset-32) !important;
    column-gap: var(--offset-32) !important;
  }
  .grid-gap-y-md-33 {
    -webkit-column-gap: var(--offset-33) !important;
    -moz-column-gap: var(--offset-33) !important;
    column-gap: var(--offset-33) !important;
  }
  .grid-gap-y-md-34 {
    -webkit-column-gap: var(--offset-34) !important;
    -moz-column-gap: var(--offset-34) !important;
    column-gap: var(--offset-34) !important;
  }
  .grid-gap-y-md-35 {
    -webkit-column-gap: var(--offset-35) !important;
    -moz-column-gap: var(--offset-35) !important;
    column-gap: var(--offset-35) !important;
  }
  .grid-gap-y-md-36 {
    -webkit-column-gap: var(--offset-36) !important;
    -moz-column-gap: var(--offset-36) !important;
    column-gap: var(--offset-36) !important;
  }
  .grid-gap-y-md-37 {
    -webkit-column-gap: var(--offset-37) !important;
    -moz-column-gap: var(--offset-37) !important;
    column-gap: var(--offset-37) !important;
  }
  .grid-gap-y-md-38 {
    -webkit-column-gap: var(--offset-38) !important;
    -moz-column-gap: var(--offset-38) !important;
    column-gap: var(--offset-38) !important;
  }
  .grid-gap-y-md-39 {
    -webkit-column-gap: var(--offset-39) !important;
    -moz-column-gap: var(--offset-39) !important;
    column-gap: var(--offset-39) !important;
  }
  .grid-gap-y-md-40 {
    -webkit-column-gap: var(--offset-40) !important;
    -moz-column-gap: var(--offset-40) !important;
    column-gap: var(--offset-40) !important;
  }
  .grid-gap-y-md-41 {
    -webkit-column-gap: var(--offset-41) !important;
    -moz-column-gap: var(--offset-41) !important;
    column-gap: var(--offset-41) !important;
  }
  .grid-gap-y-md-42 {
    -webkit-column-gap: var(--offset-42) !important;
    -moz-column-gap: var(--offset-42) !important;
    column-gap: var(--offset-42) !important;
  }
  .grid-gap-x-md-0 {
    row-gap: var(--offset-0) !important;
  }
  .grid-gap-x-md-1 {
    row-gap: var(--offset-1) !important;
  }
  .grid-gap-x-md-2 {
    row-gap: var(--offset-2) !important;
  }
  .grid-gap-x-md-3 {
    row-gap: var(--offset-3) !important;
  }
  .grid-gap-x-md-4 {
    row-gap: var(--offset-4) !important;
  }
  .grid-gap-x-md-5 {
    row-gap: var(--offset-5) !important;
  }
  .grid-gap-x-md-6 {
    row-gap: var(--offset-6) !important;
  }
  .grid-gap-x-md-7 {
    row-gap: var(--offset-7) !important;
  }
  .grid-gap-x-md-8 {
    row-gap: var(--offset-8) !important;
  }
  .grid-gap-x-md-9 {
    row-gap: var(--offset-9) !important;
  }
  .grid-gap-x-md-10 {
    row-gap: var(--offset-10) !important;
  }
  .grid-gap-x-md-11 {
    row-gap: var(--offset-11) !important;
  }
  .grid-gap-x-md-12 {
    row-gap: var(--offset-12) !important;
  }
  .grid-gap-x-md-13 {
    row-gap: var(--offset-13) !important;
  }
  .grid-gap-x-md-14 {
    row-gap: var(--offset-14) !important;
  }
  .grid-gap-x-md-15 {
    row-gap: var(--offset-15) !important;
  }
  .grid-gap-x-md-16 {
    row-gap: var(--offset-16) !important;
  }
  .grid-gap-x-md-17 {
    row-gap: var(--offset-17) !important;
  }
  .grid-gap-x-md-18 {
    row-gap: var(--offset-18) !important;
  }
  .grid-gap-x-md-19 {
    row-gap: var(--offset-19) !important;
  }
  .grid-gap-x-md-20 {
    row-gap: var(--offset-20) !important;
  }
  .grid-gap-x-md-21 {
    row-gap: var(--offset-21) !important;
  }
  .grid-gap-x-md-22 {
    row-gap: var(--offset-22) !important;
  }
  .grid-gap-x-md-23 {
    row-gap: var(--offset-23) !important;
  }
  .grid-gap-x-md-24 {
    row-gap: var(--offset-24) !important;
  }
  .grid-gap-x-md-25 {
    row-gap: var(--offset-25) !important;
  }
  .grid-gap-x-md-26 {
    row-gap: var(--offset-26) !important;
  }
  .grid-gap-x-md-27 {
    row-gap: var(--offset-27) !important;
  }
  .grid-gap-x-md-28 {
    row-gap: var(--offset-28) !important;
  }
  .grid-gap-x-md-29 {
    row-gap: var(--offset-29) !important;
  }
  .grid-gap-x-md-30 {
    row-gap: var(--offset-30) !important;
  }
  .grid-gap-x-md-31 {
    row-gap: var(--offset-31) !important;
  }
  .grid-gap-x-md-32 {
    row-gap: var(--offset-32) !important;
  }
  .grid-gap-x-md-33 {
    row-gap: var(--offset-33) !important;
  }
  .grid-gap-x-md-34 {
    row-gap: var(--offset-34) !important;
  }
  .grid-gap-x-md-35 {
    row-gap: var(--offset-35) !important;
  }
  .grid-gap-x-md-36 {
    row-gap: var(--offset-36) !important;
  }
  .grid-gap-x-md-37 {
    row-gap: var(--offset-37) !important;
  }
  .grid-gap-x-md-38 {
    row-gap: var(--offset-38) !important;
  }
  .grid-gap-x-md-39 {
    row-gap: var(--offset-39) !important;
  }
  .grid-gap-x-md-40 {
    row-gap: var(--offset-40) !important;
  }
  .grid-gap-x-md-41 {
    row-gap: var(--offset-41) !important;
  }
  .grid-gap-x-md-42 {
    row-gap: var(--offset-42) !important;
  }
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: end !important;
  }
  .order-md--6 {
    -webkit-box-ordinal-group: -5 !important;
    -ms-flex-order: -6 !important;
    order: -6 !important;
  }
  .order-md--5 {
    -webkit-box-ordinal-group: -4 !important;
    -ms-flex-order: -5 !important;
    order: -5 !important;
  }
  .order-md--4 {
    -webkit-box-ordinal-group: -3 !important;
    -ms-flex-order: -4 !important;
    order: -4 !important;
  }
  .order-md--3 {
    -webkit-box-ordinal-group: -2 !important;
    -ms-flex-order: -3 !important;
    order: -3 !important;
  }
  .order-md--2 {
    -webkit-box-ordinal-group: -1 !important;
    -ms-flex-order: -2 !important;
    order: -2 !important;
  }
  .order-md--1 {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }
}
@media (max-width: 576px) {
  .grid-col-sm-1 {
    -ms-grid-column-span: 1 !important;
    grid-column: span 1 !important;
  }
  .grid-col-sm-2 {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2 !important;
  }
  .grid-col-sm-3 {
    -ms-grid-column-span: 3 !important;
    grid-column: span 3 !important;
  }
  .grid-col-sm-4 {
    -ms-grid-column-span: 4 !important;
    grid-column: span 4 !important;
  }
  .grid-col-sm-5 {
    -ms-grid-column-span: 5 !important;
    grid-column: span 5 !important;
  }
  .grid-col-sm-6 {
    -ms-grid-column-span: 6 !important;
    grid-column: span 6 !important;
  }
  .grid-col-sm-7 {
    -ms-grid-column-span: 7 !important;
    grid-column: span 7 !important;
  }
  .grid-col-sm-8 {
    -ms-grid-column-span: 8 !important;
    grid-column: span 8 !important;
  }
  .grid-col-sm-9 {
    -ms-grid-column-span: 9 !important;
    grid-column: span 9 !important;
  }
  .grid-col-sm-10 {
    -ms-grid-column-span: 10 !important;
    grid-column: span 10 !important;
  }
  .grid-col-sm-11 {
    -ms-grid-column-span: 11 !important;
    grid-column: span 11 !important;
  }
  .grid-col-sm-12 {
    -ms-grid-column-span: 12 !important;
    grid-column: span 12 !important;
  }
  .grid-gap-sm-1 {
    gap: var(--offset-1) !important;
  }
  .grid-gap-sm-2 {
    gap: var(--offset-2) !important;
  }
  .grid-gap-sm-3 {
    gap: var(--offset-3) !important;
  }
  .grid-gap-sm-4 {
    gap: var(--offset-4) !important;
  }
  .grid-gap-sm-5 {
    gap: var(--offset-5) !important;
  }
  .grid-gap-sm-6 {
    gap: var(--offset-6) !important;
  }
  .grid-gap-sm-7 {
    gap: var(--offset-7) !important;
  }
  .grid-gap-sm-8 {
    gap: var(--offset-8) !important;
  }
  .grid-gap-sm-9 {
    gap: var(--offset-9) !important;
  }
  .grid-gap-sm-10 {
    gap: var(--offset-10) !important;
  }
  .grid-gap-sm-11 {
    gap: var(--offset-11) !important;
  }
  .grid-gap-sm-12 {
    gap: var(--offset-12) !important;
  }
  .grid-gap-y-sm-0 {
    -webkit-column-gap: var(--offset-0) !important;
    -moz-column-gap: var(--offset-0) !important;
    column-gap: var(--offset-0) !important;
  }
  .grid-gap-y-sm-1 {
    -webkit-column-gap: var(--offset-1) !important;
    -moz-column-gap: var(--offset-1) !important;
    column-gap: var(--offset-1) !important;
  }
  .grid-gap-y-sm-2 {
    -webkit-column-gap: var(--offset-2) !important;
    -moz-column-gap: var(--offset-2) !important;
    column-gap: var(--offset-2) !important;
  }
  .grid-gap-y-sm-3 {
    -webkit-column-gap: var(--offset-3) !important;
    -moz-column-gap: var(--offset-3) !important;
    column-gap: var(--offset-3) !important;
  }
  .grid-gap-y-sm-4 {
    -webkit-column-gap: var(--offset-4) !important;
    -moz-column-gap: var(--offset-4) !important;
    column-gap: var(--offset-4) !important;
  }
  .grid-gap-y-sm-5 {
    -webkit-column-gap: var(--offset-5) !important;
    -moz-column-gap: var(--offset-5) !important;
    column-gap: var(--offset-5) !important;
  }
  .grid-gap-y-sm-6 {
    -webkit-column-gap: var(--offset-6) !important;
    -moz-column-gap: var(--offset-6) !important;
    column-gap: var(--offset-6) !important;
  }
  .grid-gap-y-sm-7 {
    -webkit-column-gap: var(--offset-7) !important;
    -moz-column-gap: var(--offset-7) !important;
    column-gap: var(--offset-7) !important;
  }
  .grid-gap-y-sm-8 {
    -webkit-column-gap: var(--offset-8) !important;
    -moz-column-gap: var(--offset-8) !important;
    column-gap: var(--offset-8) !important;
  }
  .grid-gap-y-sm-9 {
    -webkit-column-gap: var(--offset-9) !important;
    -moz-column-gap: var(--offset-9) !important;
    column-gap: var(--offset-9) !important;
  }
  .grid-gap-y-sm-10 {
    -webkit-column-gap: var(--offset-10) !important;
    -moz-column-gap: var(--offset-10) !important;
    column-gap: var(--offset-10) !important;
  }
  .grid-gap-y-sm-11 {
    -webkit-column-gap: var(--offset-11) !important;
    -moz-column-gap: var(--offset-11) !important;
    column-gap: var(--offset-11) !important;
  }
  .grid-gap-y-sm-12 {
    -webkit-column-gap: var(--offset-12) !important;
    -moz-column-gap: var(--offset-12) !important;
    column-gap: var(--offset-12) !important;
  }
  .grid-gap-y-sm-13 {
    -webkit-column-gap: var(--offset-13) !important;
    -moz-column-gap: var(--offset-13) !important;
    column-gap: var(--offset-13) !important;
  }
  .grid-gap-y-sm-14 {
    -webkit-column-gap: var(--offset-14) !important;
    -moz-column-gap: var(--offset-14) !important;
    column-gap: var(--offset-14) !important;
  }
  .grid-gap-y-sm-15 {
    -webkit-column-gap: var(--offset-15) !important;
    -moz-column-gap: var(--offset-15) !important;
    column-gap: var(--offset-15) !important;
  }
  .grid-gap-y-sm-16 {
    -webkit-column-gap: var(--offset-16) !important;
    -moz-column-gap: var(--offset-16) !important;
    column-gap: var(--offset-16) !important;
  }
  .grid-gap-y-sm-17 {
    -webkit-column-gap: var(--offset-17) !important;
    -moz-column-gap: var(--offset-17) !important;
    column-gap: var(--offset-17) !important;
  }
  .grid-gap-y-sm-18 {
    -webkit-column-gap: var(--offset-18) !important;
    -moz-column-gap: var(--offset-18) !important;
    column-gap: var(--offset-18) !important;
  }
  .grid-gap-y-sm-19 {
    -webkit-column-gap: var(--offset-19) !important;
    -moz-column-gap: var(--offset-19) !important;
    column-gap: var(--offset-19) !important;
  }
  .grid-gap-y-sm-20 {
    -webkit-column-gap: var(--offset-20) !important;
    -moz-column-gap: var(--offset-20) !important;
    column-gap: var(--offset-20) !important;
  }
  .grid-gap-y-sm-21 {
    -webkit-column-gap: var(--offset-21) !important;
    -moz-column-gap: var(--offset-21) !important;
    column-gap: var(--offset-21) !important;
  }
  .grid-gap-y-sm-22 {
    -webkit-column-gap: var(--offset-22) !important;
    -moz-column-gap: var(--offset-22) !important;
    column-gap: var(--offset-22) !important;
  }
  .grid-gap-y-sm-23 {
    -webkit-column-gap: var(--offset-23) !important;
    -moz-column-gap: var(--offset-23) !important;
    column-gap: var(--offset-23) !important;
  }
  .grid-gap-y-sm-24 {
    -webkit-column-gap: var(--offset-24) !important;
    -moz-column-gap: var(--offset-24) !important;
    column-gap: var(--offset-24) !important;
  }
  .grid-gap-y-sm-25 {
    -webkit-column-gap: var(--offset-25) !important;
    -moz-column-gap: var(--offset-25) !important;
    column-gap: var(--offset-25) !important;
  }
  .grid-gap-y-sm-26 {
    -webkit-column-gap: var(--offset-26) !important;
    -moz-column-gap: var(--offset-26) !important;
    column-gap: var(--offset-26) !important;
  }
  .grid-gap-y-sm-27 {
    -webkit-column-gap: var(--offset-27) !important;
    -moz-column-gap: var(--offset-27) !important;
    column-gap: var(--offset-27) !important;
  }
  .grid-gap-y-sm-28 {
    -webkit-column-gap: var(--offset-28) !important;
    -moz-column-gap: var(--offset-28) !important;
    column-gap: var(--offset-28) !important;
  }
  .grid-gap-y-sm-29 {
    -webkit-column-gap: var(--offset-29) !important;
    -moz-column-gap: var(--offset-29) !important;
    column-gap: var(--offset-29) !important;
  }
  .grid-gap-y-sm-30 {
    -webkit-column-gap: var(--offset-30) !important;
    -moz-column-gap: var(--offset-30) !important;
    column-gap: var(--offset-30) !important;
  }
  .grid-gap-y-sm-31 {
    -webkit-column-gap: var(--offset-31) !important;
    -moz-column-gap: var(--offset-31) !important;
    column-gap: var(--offset-31) !important;
  }
  .grid-gap-y-sm-32 {
    -webkit-column-gap: var(--offset-32) !important;
    -moz-column-gap: var(--offset-32) !important;
    column-gap: var(--offset-32) !important;
  }
  .grid-gap-y-sm-33 {
    -webkit-column-gap: var(--offset-33) !important;
    -moz-column-gap: var(--offset-33) !important;
    column-gap: var(--offset-33) !important;
  }
  .grid-gap-y-sm-34 {
    -webkit-column-gap: var(--offset-34) !important;
    -moz-column-gap: var(--offset-34) !important;
    column-gap: var(--offset-34) !important;
  }
  .grid-gap-y-sm-35 {
    -webkit-column-gap: var(--offset-35) !important;
    -moz-column-gap: var(--offset-35) !important;
    column-gap: var(--offset-35) !important;
  }
  .grid-gap-y-sm-36 {
    -webkit-column-gap: var(--offset-36) !important;
    -moz-column-gap: var(--offset-36) !important;
    column-gap: var(--offset-36) !important;
  }
  .grid-gap-y-sm-37 {
    -webkit-column-gap: var(--offset-37) !important;
    -moz-column-gap: var(--offset-37) !important;
    column-gap: var(--offset-37) !important;
  }
  .grid-gap-y-sm-38 {
    -webkit-column-gap: var(--offset-38) !important;
    -moz-column-gap: var(--offset-38) !important;
    column-gap: var(--offset-38) !important;
  }
  .grid-gap-y-sm-39 {
    -webkit-column-gap: var(--offset-39) !important;
    -moz-column-gap: var(--offset-39) !important;
    column-gap: var(--offset-39) !important;
  }
  .grid-gap-y-sm-40 {
    -webkit-column-gap: var(--offset-40) !important;
    -moz-column-gap: var(--offset-40) !important;
    column-gap: var(--offset-40) !important;
  }
  .grid-gap-y-sm-41 {
    -webkit-column-gap: var(--offset-41) !important;
    -moz-column-gap: var(--offset-41) !important;
    column-gap: var(--offset-41) !important;
  }
  .grid-gap-y-sm-42 {
    -webkit-column-gap: var(--offset-42) !important;
    -moz-column-gap: var(--offset-42) !important;
    column-gap: var(--offset-42) !important;
  }
  .grid-gap-x-sm-0 {
    row-gap: var(--offset-0) !important;
  }
  .grid-gap-x-sm-1 {
    row-gap: var(--offset-1) !important;
  }
  .grid-gap-x-sm-2 {
    row-gap: var(--offset-2) !important;
  }
  .grid-gap-x-sm-3 {
    row-gap: var(--offset-3) !important;
  }
  .grid-gap-x-sm-4 {
    row-gap: var(--offset-4) !important;
  }
  .grid-gap-x-sm-5 {
    row-gap: var(--offset-5) !important;
  }
  .grid-gap-x-sm-6 {
    row-gap: var(--offset-6) !important;
  }
  .grid-gap-x-sm-7 {
    row-gap: var(--offset-7) !important;
  }
  .grid-gap-x-sm-8 {
    row-gap: var(--offset-8) !important;
  }
  .grid-gap-x-sm-9 {
    row-gap: var(--offset-9) !important;
  }
  .grid-gap-x-sm-10 {
    row-gap: var(--offset-10) !important;
  }
  .grid-gap-x-sm-11 {
    row-gap: var(--offset-11) !important;
  }
  .grid-gap-x-sm-12 {
    row-gap: var(--offset-12) !important;
  }
  .grid-gap-x-sm-13 {
    row-gap: var(--offset-13) !important;
  }
  .grid-gap-x-sm-14 {
    row-gap: var(--offset-14) !important;
  }
  .grid-gap-x-sm-15 {
    row-gap: var(--offset-15) !important;
  }
  .grid-gap-x-sm-16 {
    row-gap: var(--offset-16) !important;
  }
  .grid-gap-x-sm-17 {
    row-gap: var(--offset-17) !important;
  }
  .grid-gap-x-sm-18 {
    row-gap: var(--offset-18) !important;
  }
  .grid-gap-x-sm-19 {
    row-gap: var(--offset-19) !important;
  }
  .grid-gap-x-sm-20 {
    row-gap: var(--offset-20) !important;
  }
  .grid-gap-x-sm-21 {
    row-gap: var(--offset-21) !important;
  }
  .grid-gap-x-sm-22 {
    row-gap: var(--offset-22) !important;
  }
  .grid-gap-x-sm-23 {
    row-gap: var(--offset-23) !important;
  }
  .grid-gap-x-sm-24 {
    row-gap: var(--offset-24) !important;
  }
  .grid-gap-x-sm-25 {
    row-gap: var(--offset-25) !important;
  }
  .grid-gap-x-sm-26 {
    row-gap: var(--offset-26) !important;
  }
  .grid-gap-x-sm-27 {
    row-gap: var(--offset-27) !important;
  }
  .grid-gap-x-sm-28 {
    row-gap: var(--offset-28) !important;
  }
  .grid-gap-x-sm-29 {
    row-gap: var(--offset-29) !important;
  }
  .grid-gap-x-sm-30 {
    row-gap: var(--offset-30) !important;
  }
  .grid-gap-x-sm-31 {
    row-gap: var(--offset-31) !important;
  }
  .grid-gap-x-sm-32 {
    row-gap: var(--offset-32) !important;
  }
  .grid-gap-x-sm-33 {
    row-gap: var(--offset-33) !important;
  }
  .grid-gap-x-sm-34 {
    row-gap: var(--offset-34) !important;
  }
  .grid-gap-x-sm-35 {
    row-gap: var(--offset-35) !important;
  }
  .grid-gap-x-sm-36 {
    row-gap: var(--offset-36) !important;
  }
  .grid-gap-x-sm-37 {
    row-gap: var(--offset-37) !important;
  }
  .grid-gap-x-sm-38 {
    row-gap: var(--offset-38) !important;
  }
  .grid-gap-x-sm-39 {
    row-gap: var(--offset-39) !important;
  }
  .grid-gap-x-sm-40 {
    row-gap: var(--offset-40) !important;
  }
  .grid-gap-x-sm-41 {
    row-gap: var(--offset-41) !important;
  }
  .grid-gap-x-sm-42 {
    row-gap: var(--offset-42) !important;
  }
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: end !important;
  }
  .order-sm--6 {
    -webkit-box-ordinal-group: -5 !important;
    -ms-flex-order: -6 !important;
    order: -6 !important;
  }
  .order-sm--5 {
    -webkit-box-ordinal-group: -4 !important;
    -ms-flex-order: -5 !important;
    order: -5 !important;
  }
  .order-sm--4 {
    -webkit-box-ordinal-group: -3 !important;
    -ms-flex-order: -4 !important;
    order: -4 !important;
  }
  .order-sm--3 {
    -webkit-box-ordinal-group: -2 !important;
    -ms-flex-order: -3 !important;
    order: -3 !important;
  }
  .order-sm--2 {
    -webkit-box-ordinal-group: -1 !important;
    -ms-flex-order: -2 !important;
    order: -2 !important;
  }
  .order-sm--1 {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }
}
@media (max-width: 360px) {
  .grid-col-xs-1 {
    -ms-grid-column-span: 1 !important;
    grid-column: span 1 !important;
  }
  .grid-col-xs-2 {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2 !important;
  }
  .grid-col-xs-3 {
    -ms-grid-column-span: 3 !important;
    grid-column: span 3 !important;
  }
  .grid-col-xs-4 {
    -ms-grid-column-span: 4 !important;
    grid-column: span 4 !important;
  }
  .grid-col-xs-5 {
    -ms-grid-column-span: 5 !important;
    grid-column: span 5 !important;
  }
  .grid-col-xs-6 {
    -ms-grid-column-span: 6 !important;
    grid-column: span 6 !important;
  }
  .grid-col-xs-7 {
    -ms-grid-column-span: 7 !important;
    grid-column: span 7 !important;
  }
  .grid-col-xs-8 {
    -ms-grid-column-span: 8 !important;
    grid-column: span 8 !important;
  }
  .grid-col-xs-9 {
    -ms-grid-column-span: 9 !important;
    grid-column: span 9 !important;
  }
  .grid-col-xs-10 {
    -ms-grid-column-span: 10 !important;
    grid-column: span 10 !important;
  }
  .grid-col-xs-11 {
    -ms-grid-column-span: 11 !important;
    grid-column: span 11 !important;
  }
  .grid-col-xs-12 {
    -ms-grid-column-span: 12 !important;
    grid-column: span 12 !important;
  }
  .grid-gap-xs-1 {
    gap: var(--offset-1) !important;
  }
  .grid-gap-xs-2 {
    gap: var(--offset-2) !important;
  }
  .grid-gap-xs-3 {
    gap: var(--offset-3) !important;
  }
  .grid-gap-xs-4 {
    gap: var(--offset-4) !important;
  }
  .grid-gap-xs-5 {
    gap: var(--offset-5) !important;
  }
  .grid-gap-xs-6 {
    gap: var(--offset-6) !important;
  }
  .grid-gap-xs-7 {
    gap: var(--offset-7) !important;
  }
  .grid-gap-xs-8 {
    gap: var(--offset-8) !important;
  }
  .grid-gap-xs-9 {
    gap: var(--offset-9) !important;
  }
  .grid-gap-xs-10 {
    gap: var(--offset-10) !important;
  }
  .grid-gap-xs-11 {
    gap: var(--offset-11) !important;
  }
  .grid-gap-xs-12 {
    gap: var(--offset-12) !important;
  }
  .grid-gap-y-xs-0 {
    -webkit-column-gap: var(--offset-0) !important;
    -moz-column-gap: var(--offset-0) !important;
    column-gap: var(--offset-0) !important;
  }
  .grid-gap-y-xs-1 {
    -webkit-column-gap: var(--offset-1) !important;
    -moz-column-gap: var(--offset-1) !important;
    column-gap: var(--offset-1) !important;
  }
  .grid-gap-y-xs-2 {
    -webkit-column-gap: var(--offset-2) !important;
    -moz-column-gap: var(--offset-2) !important;
    column-gap: var(--offset-2) !important;
  }
  .grid-gap-y-xs-3 {
    -webkit-column-gap: var(--offset-3) !important;
    -moz-column-gap: var(--offset-3) !important;
    column-gap: var(--offset-3) !important;
  }
  .grid-gap-y-xs-4 {
    -webkit-column-gap: var(--offset-4) !important;
    -moz-column-gap: var(--offset-4) !important;
    column-gap: var(--offset-4) !important;
  }
  .grid-gap-y-xs-5 {
    -webkit-column-gap: var(--offset-5) !important;
    -moz-column-gap: var(--offset-5) !important;
    column-gap: var(--offset-5) !important;
  }
  .grid-gap-y-xs-6 {
    -webkit-column-gap: var(--offset-6) !important;
    -moz-column-gap: var(--offset-6) !important;
    column-gap: var(--offset-6) !important;
  }
  .grid-gap-y-xs-7 {
    -webkit-column-gap: var(--offset-7) !important;
    -moz-column-gap: var(--offset-7) !important;
    column-gap: var(--offset-7) !important;
  }
  .grid-gap-y-xs-8 {
    -webkit-column-gap: var(--offset-8) !important;
    -moz-column-gap: var(--offset-8) !important;
    column-gap: var(--offset-8) !important;
  }
  .grid-gap-y-xs-9 {
    -webkit-column-gap: var(--offset-9) !important;
    -moz-column-gap: var(--offset-9) !important;
    column-gap: var(--offset-9) !important;
  }
  .grid-gap-y-xs-10 {
    -webkit-column-gap: var(--offset-10) !important;
    -moz-column-gap: var(--offset-10) !important;
    column-gap: var(--offset-10) !important;
  }
  .grid-gap-y-xs-11 {
    -webkit-column-gap: var(--offset-11) !important;
    -moz-column-gap: var(--offset-11) !important;
    column-gap: var(--offset-11) !important;
  }
  .grid-gap-y-xs-12 {
    -webkit-column-gap: var(--offset-12) !important;
    -moz-column-gap: var(--offset-12) !important;
    column-gap: var(--offset-12) !important;
  }
  .grid-gap-y-xs-13 {
    -webkit-column-gap: var(--offset-13) !important;
    -moz-column-gap: var(--offset-13) !important;
    column-gap: var(--offset-13) !important;
  }
  .grid-gap-y-xs-14 {
    -webkit-column-gap: var(--offset-14) !important;
    -moz-column-gap: var(--offset-14) !important;
    column-gap: var(--offset-14) !important;
  }
  .grid-gap-y-xs-15 {
    -webkit-column-gap: var(--offset-15) !important;
    -moz-column-gap: var(--offset-15) !important;
    column-gap: var(--offset-15) !important;
  }
  .grid-gap-y-xs-16 {
    -webkit-column-gap: var(--offset-16) !important;
    -moz-column-gap: var(--offset-16) !important;
    column-gap: var(--offset-16) !important;
  }
  .grid-gap-y-xs-17 {
    -webkit-column-gap: var(--offset-17) !important;
    -moz-column-gap: var(--offset-17) !important;
    column-gap: var(--offset-17) !important;
  }
  .grid-gap-y-xs-18 {
    -webkit-column-gap: var(--offset-18) !important;
    -moz-column-gap: var(--offset-18) !important;
    column-gap: var(--offset-18) !important;
  }
  .grid-gap-y-xs-19 {
    -webkit-column-gap: var(--offset-19) !important;
    -moz-column-gap: var(--offset-19) !important;
    column-gap: var(--offset-19) !important;
  }
  .grid-gap-y-xs-20 {
    -webkit-column-gap: var(--offset-20) !important;
    -moz-column-gap: var(--offset-20) !important;
    column-gap: var(--offset-20) !important;
  }
  .grid-gap-y-xs-21 {
    -webkit-column-gap: var(--offset-21) !important;
    -moz-column-gap: var(--offset-21) !important;
    column-gap: var(--offset-21) !important;
  }
  .grid-gap-y-xs-22 {
    -webkit-column-gap: var(--offset-22) !important;
    -moz-column-gap: var(--offset-22) !important;
    column-gap: var(--offset-22) !important;
  }
  .grid-gap-y-xs-23 {
    -webkit-column-gap: var(--offset-23) !important;
    -moz-column-gap: var(--offset-23) !important;
    column-gap: var(--offset-23) !important;
  }
  .grid-gap-y-xs-24 {
    -webkit-column-gap: var(--offset-24) !important;
    -moz-column-gap: var(--offset-24) !important;
    column-gap: var(--offset-24) !important;
  }
  .grid-gap-y-xs-25 {
    -webkit-column-gap: var(--offset-25) !important;
    -moz-column-gap: var(--offset-25) !important;
    column-gap: var(--offset-25) !important;
  }
  .grid-gap-y-xs-26 {
    -webkit-column-gap: var(--offset-26) !important;
    -moz-column-gap: var(--offset-26) !important;
    column-gap: var(--offset-26) !important;
  }
  .grid-gap-y-xs-27 {
    -webkit-column-gap: var(--offset-27) !important;
    -moz-column-gap: var(--offset-27) !important;
    column-gap: var(--offset-27) !important;
  }
  .grid-gap-y-xs-28 {
    -webkit-column-gap: var(--offset-28) !important;
    -moz-column-gap: var(--offset-28) !important;
    column-gap: var(--offset-28) !important;
  }
  .grid-gap-y-xs-29 {
    -webkit-column-gap: var(--offset-29) !important;
    -moz-column-gap: var(--offset-29) !important;
    column-gap: var(--offset-29) !important;
  }
  .grid-gap-y-xs-30 {
    -webkit-column-gap: var(--offset-30) !important;
    -moz-column-gap: var(--offset-30) !important;
    column-gap: var(--offset-30) !important;
  }
  .grid-gap-y-xs-31 {
    -webkit-column-gap: var(--offset-31) !important;
    -moz-column-gap: var(--offset-31) !important;
    column-gap: var(--offset-31) !important;
  }
  .grid-gap-y-xs-32 {
    -webkit-column-gap: var(--offset-32) !important;
    -moz-column-gap: var(--offset-32) !important;
    column-gap: var(--offset-32) !important;
  }
  .grid-gap-y-xs-33 {
    -webkit-column-gap: var(--offset-33) !important;
    -moz-column-gap: var(--offset-33) !important;
    column-gap: var(--offset-33) !important;
  }
  .grid-gap-y-xs-34 {
    -webkit-column-gap: var(--offset-34) !important;
    -moz-column-gap: var(--offset-34) !important;
    column-gap: var(--offset-34) !important;
  }
  .grid-gap-y-xs-35 {
    -webkit-column-gap: var(--offset-35) !important;
    -moz-column-gap: var(--offset-35) !important;
    column-gap: var(--offset-35) !important;
  }
  .grid-gap-y-xs-36 {
    -webkit-column-gap: var(--offset-36) !important;
    -moz-column-gap: var(--offset-36) !important;
    column-gap: var(--offset-36) !important;
  }
  .grid-gap-y-xs-37 {
    -webkit-column-gap: var(--offset-37) !important;
    -moz-column-gap: var(--offset-37) !important;
    column-gap: var(--offset-37) !important;
  }
  .grid-gap-y-xs-38 {
    -webkit-column-gap: var(--offset-38) !important;
    -moz-column-gap: var(--offset-38) !important;
    column-gap: var(--offset-38) !important;
  }
  .grid-gap-y-xs-39 {
    -webkit-column-gap: var(--offset-39) !important;
    -moz-column-gap: var(--offset-39) !important;
    column-gap: var(--offset-39) !important;
  }
  .grid-gap-y-xs-40 {
    -webkit-column-gap: var(--offset-40) !important;
    -moz-column-gap: var(--offset-40) !important;
    column-gap: var(--offset-40) !important;
  }
  .grid-gap-y-xs-41 {
    -webkit-column-gap: var(--offset-41) !important;
    -moz-column-gap: var(--offset-41) !important;
    column-gap: var(--offset-41) !important;
  }
  .grid-gap-y-xs-42 {
    -webkit-column-gap: var(--offset-42) !important;
    -moz-column-gap: var(--offset-42) !important;
    column-gap: var(--offset-42) !important;
  }
  .grid-gap-x-xs-0 {
    row-gap: var(--offset-0) !important;
  }
  .grid-gap-x-xs-1 {
    row-gap: var(--offset-1) !important;
  }
  .grid-gap-x-xs-2 {
    row-gap: var(--offset-2) !important;
  }
  .grid-gap-x-xs-3 {
    row-gap: var(--offset-3) !important;
  }
  .grid-gap-x-xs-4 {
    row-gap: var(--offset-4) !important;
  }
  .grid-gap-x-xs-5 {
    row-gap: var(--offset-5) !important;
  }
  .grid-gap-x-xs-6 {
    row-gap: var(--offset-6) !important;
  }
  .grid-gap-x-xs-7 {
    row-gap: var(--offset-7) !important;
  }
  .grid-gap-x-xs-8 {
    row-gap: var(--offset-8) !important;
  }
  .grid-gap-x-xs-9 {
    row-gap: var(--offset-9) !important;
  }
  .grid-gap-x-xs-10 {
    row-gap: var(--offset-10) !important;
  }
  .grid-gap-x-xs-11 {
    row-gap: var(--offset-11) !important;
  }
  .grid-gap-x-xs-12 {
    row-gap: var(--offset-12) !important;
  }
  .grid-gap-x-xs-13 {
    row-gap: var(--offset-13) !important;
  }
  .grid-gap-x-xs-14 {
    row-gap: var(--offset-14) !important;
  }
  .grid-gap-x-xs-15 {
    row-gap: var(--offset-15) !important;
  }
  .grid-gap-x-xs-16 {
    row-gap: var(--offset-16) !important;
  }
  .grid-gap-x-xs-17 {
    row-gap: var(--offset-17) !important;
  }
  .grid-gap-x-xs-18 {
    row-gap: var(--offset-18) !important;
  }
  .grid-gap-x-xs-19 {
    row-gap: var(--offset-19) !important;
  }
  .grid-gap-x-xs-20 {
    row-gap: var(--offset-20) !important;
  }
  .grid-gap-x-xs-21 {
    row-gap: var(--offset-21) !important;
  }
  .grid-gap-x-xs-22 {
    row-gap: var(--offset-22) !important;
  }
  .grid-gap-x-xs-23 {
    row-gap: var(--offset-23) !important;
  }
  .grid-gap-x-xs-24 {
    row-gap: var(--offset-24) !important;
  }
  .grid-gap-x-xs-25 {
    row-gap: var(--offset-25) !important;
  }
  .grid-gap-x-xs-26 {
    row-gap: var(--offset-26) !important;
  }
  .grid-gap-x-xs-27 {
    row-gap: var(--offset-27) !important;
  }
  .grid-gap-x-xs-28 {
    row-gap: var(--offset-28) !important;
  }
  .grid-gap-x-xs-29 {
    row-gap: var(--offset-29) !important;
  }
  .grid-gap-x-xs-30 {
    row-gap: var(--offset-30) !important;
  }
  .grid-gap-x-xs-31 {
    row-gap: var(--offset-31) !important;
  }
  .grid-gap-x-xs-32 {
    row-gap: var(--offset-32) !important;
  }
  .grid-gap-x-xs-33 {
    row-gap: var(--offset-33) !important;
  }
  .grid-gap-x-xs-34 {
    row-gap: var(--offset-34) !important;
  }
  .grid-gap-x-xs-35 {
    row-gap: var(--offset-35) !important;
  }
  .grid-gap-x-xs-36 {
    row-gap: var(--offset-36) !important;
  }
  .grid-gap-x-xs-37 {
    row-gap: var(--offset-37) !important;
  }
  .grid-gap-x-xs-38 {
    row-gap: var(--offset-38) !important;
  }
  .grid-gap-x-xs-39 {
    row-gap: var(--offset-39) !important;
  }
  .grid-gap-x-xs-40 {
    row-gap: var(--offset-40) !important;
  }
  .grid-gap-x-xs-41 {
    row-gap: var(--offset-41) !important;
  }
  .grid-gap-x-xs-42 {
    row-gap: var(--offset-42) !important;
  }
  .flex-xs-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xs-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xs-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xs-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .justify-content-xs-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .justify-content-xs-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xs-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important;
  }
  .align-items-xs-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-items-xs-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .align-items-xs-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xs-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: end !important;
  }
  .order-xs--6 {
    -webkit-box-ordinal-group: -5 !important;
    -ms-flex-order: -6 !important;
    order: -6 !important;
  }
  .order-xs--5 {
    -webkit-box-ordinal-group: -4 !important;
    -ms-flex-order: -5 !important;
    order: -5 !important;
  }
  .order-xs--4 {
    -webkit-box-ordinal-group: -3 !important;
    -ms-flex-order: -4 !important;
    order: -4 !important;
  }
  .order-xs--3 {
    -webkit-box-ordinal-group: -2 !important;
    -ms-flex-order: -3 !important;
    order: -3 !important;
  }
  .order-xs--2 {
    -webkit-box-ordinal-group: -1 !important;
    -ms-flex-order: -2 !important;
    order: -2 !important;
  }
  .order-xs--1 {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
  }
  .order-xs-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }
  .order-xs-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }
  .order-xs-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }
  .order-xs-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }
  .order-xs-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }
  .order-xs-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }
  .order-xs-6 {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }
}
*:not(html, body) ::-webkit-scrollbar {
  width: .25rem;
  height: .25rem;
}

*:not(html, body) ::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0);
  border-radius: 1rem;
}

*:not(html, body) ::-webkit-scrollbar-thumb {
  background: var(--background-primary);
  border-radius: 1rem;
}

/* Ползунок скроллбара при наведении */
*:not(html, body) ::-webkit-scrollbar-thumb:hover {
  background: var(--background-primary-75);
}
.header {
  width: 100%;
  background-color: transparent;
  -webkit-padding-before: 3.125rem;
  padding-block-start: 3.125rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
}
.header--sticky {
  background-color: var(--background-light);
  padding-block: 1.5rem;
  -webkit-transform: initial;
  -ms-transform: initial;
  transform: initial;
  -webkit-transition: background var(--transition-duration) var(--transition-type), -webkit-transform var(--transition-duration) var(--transition-type);
  transition: background var(--transition-duration) var(--transition-type), -webkit-transform var(--transition-duration) var(--transition-type);
  transition: background var(--transition-duration) var(--transition-type), transform var(--transition-duration) var(--transition-type);
  transition: background var(--transition-duration) var(--transition-type), transform var(--transition-duration) var(--transition-type), -webkit-transform var(--transition-duration) var(--transition-type);
}
.header__logo {
  height: 1.375rem;
  display: block;
}
.header__logo .image {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}
.header__top-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.25rem;
}
.header__top-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
.header__top-list-link {
  --_font-size: 1.125rem;
}
.header__nav {
  -webkit-margin-end: auto;
  margin-inline-end: auto;
}
.header__bottom {
  -webkit-margin-before: 1.25rem;
  margin-block-start: 1.25rem;
}
.header__bottom-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid var(--primary-color);
  border-radius: var(--radius-xl);
}
.header__bottom-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5rem;
  padding: 0.85rem 1rem 0.85rem 2.5rem;
  overflow-x: auto;
}
.header__bottom-link {
  --_font-size: 1.25rem;
  position: relative;
}
.header__bottom-link::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 3px);
  width: 100%;
  height: 1px;
  display: block;
  background-color: transparent;

  transition: .3s background-color;
}
.header__bottom-link.current::before{
  background-color: var(--_color-active);
}
.header__top-list-link.current{
  color: var(--_color-active);
}
.header__search {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.header__search-btn {
  --_height: 100%;
  --_font-size: 1.125rem;
  --_background-color: var(--primary-color--50);
  --_border-radius: 0 var(--radius-xl) var(--radius-xl) 0;
  --_padding-x: 1.25rem;
  --_icon-size: 1.5rem;
  --_icon-color: var(--primary-color);
  --_border-color-active: var(--primary-color);
  --_background-color-active: var(--primary-color--50);
  --_icon-color-active: var(--primary-color);
  -webkit-border-start: 1px solid var(--primary-color);
  border-inline-start: 1px solid var(--primary-color);
  -webkit-padding-end: 3rem;
  padding-inline-end: 3rem;
}
.header__search-btn .icon {
  -webkit-transition: color var(--_transition-duration) var(--_transition-type);
  transition: color var(--_transition-duration) var(--_transition-type);
}
.header__search-form {
  width: 32rem;
  height: 3.625rem;
  background-color: var(--primary-color--50);
  border-radius: var(--radius-xl) 0 0 var(--radius-xl);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
  z-index: -1;
  -webkit-transition: opacity var(--transition-duration) var(--transition-type), visibility var(--transition-duration) var(--transition-type), right var(--transition-duration) var(--transition-type);
  transition: opacity var(--transition-duration) var(--transition-type), visibility var(--transition-duration) var(--transition-type), right var(--transition-duration) var(--transition-type);
}
.header__search-form.is-active {
  opacity: 1;
  visibility: visible;
  right: 100%;
}
.header__search-input {
  --input-background: var(--primary-color--50);
  --input-border: 1px solid var(--primary-color);
  height: 100%;
  font-size: 1.25rem;
  color: var(--dark-color);
  border-radius: var(--input-radius) 0 0 var(--input-radius);
}
.header__search-input::-webkit-input-placeholder {
  font-size: inherit;
  color: var(--dark-color);
}
.header__search-input::-moz-placeholder {
  font-size: inherit;
  color: var(--dark-color);
}
.header__search-input:-ms-input-placeholder {
  font-size: inherit;
  color: var(--dark-color);
}
.header__search-input::-ms-input-placeholder {
  font-size: inherit;
  color: var(--dark-color);
}
.header__search-input::placeholder {
  font-size: inherit;
  color: var(--dark-color);
}
.header__menu {
  display: none;
}

.burger {
  --burger-width: 1.75rem;
  --burger-height: .875rem;
  --burger-line-height: 2px;
  --burger-line-radius: var(--radius-xxl);
  position: relative;
  border: none;
  padding: 0;
  width: var(--burger-width);
  height: var(--burger-height);
  color: #000;
  background-color: transparent;
  cursor: pointer;
  display: none;
}
.burger::before, .burger::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: var(--burger-line-height);
  background-color: currentColor;
  border-radius: var(--burger-line-radius);
  -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.burger::before {
  top: 0;
}
.burger::after {
  top: calc(100% - var(--burger-line-height));
}
.burger__line {
  position: absolute;
  left: 0;
  top: 50%;
  width: 80%;
  height: var(--burger-line-height);
  background-color: currentColor;
  border-radius: var(--burger-line-radius);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.burger--active::before {
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.burger--active::after {
  top: 50%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.burger--active .burger__line {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

[data-menu-overlay] {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  position: fixed;
  inset: 0;
  z-index: -1;
  -webkit-transition: opacity var(--transition-duration) var(--transition-type), visibility var(--transition-duration) var(--transition-type);
  transition: opacity var(--transition-duration) var(--transition-type), visibility var(--transition-duration) var(--transition-type);
}

[data-menu-overlay=true] {
  opacity: 1;
  visibility: visible;
  z-index: 15;
}

.banner-main {
  background-image: var(--banner-image);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.banner-main--blob {
  background-image: initial;
}
.banner-main, .banner-main__decoration, .banner-main__inner {
  background-repeat: no-repeat;
  background-size: 120rem 36.25rem;
  background-position: center 0;
}
.banner-main__inner {
  background-image: var(--banner-inner-image);
  position: relative;
  z-index: 2;
}
.banner-main__decoration {
  width: 100%;
  height: 100%;
  background-image: var(--banner-image);
  position: absolute;
  inset: 0;
  z-index: 1;
}
.banner-main__info {
  width: 100%;
  max-width: 38.75rem;
  min-height: 36.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1rem;
  padding-block: 6rem 4rem;
}
.banner-main__info--list {
  max-width: 45.5rem;
}
.banner-main__info--v2 {
  max-width: 40rem;
  gap: 1.875rem;
}
.banner-main__title {
  margin-block: 2.5rem 0;
}
.banner-main__title > span {
  display: inline-block;
  position: relative;
}
.banner-main__title > span .banner-main__badge {
  position: absolute;
  bottom: 100%;
  left: 0;
}
.banner-main__title_primary {
  color: var(--light-color);
  -webkit-margin-end: 0.625rem;
  margin-inline-end: 0.625rem;
}
.banner-main__title_primary::after {
  content: "";
  display: block;
  width: calc(100% + 1.75rem);
  height: calc(100% + 0.5rem);
  background-color: var(--background-primary);
  border-radius: var(--radius-3xl);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.banner-main__title--v2 {
  -webkit-margin-before: 0;
  margin-block-start: 0;
}
.banner-main__text {
  max-width: 26.5rem;
  font-size: 1.5rem;
  color: var(--gray-color);
  -webkit-margin-after: 0.5rem;
  margin-block-end: 0.5rem;
}
.banner-main__text--p {
  margin-top: 0;
  margin-bottom: 0;
}
.banner-main__text--p:last-of-type {
  margin-bottom: 2rem;
}
.banner-main__text--v2 {
  max-width: 28rem;
  font-size: var(--fs);
  margin: 0;
}
.banner-main__picture {
  width: 68rem;
  display: block;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1077 616' fill='none'%3E%3Cpath d='M504.568 72.9253C673.041 -50.9728 865.294 8.03076 954.894 66.9221C962.882 72.1725 971.238 77.103 979.663 81.6202C1189.45 194.11 1012.69 453.521 892.001 389.263C768.906 323.722 698.732 378.266 716 453.266C734.983 535.716 653.5 578.678 617.5 588.266C565 602.248 455.979 617.902 412.475 615.401C368.972 612.899 322.008 581.88 310.638 531.349C303.722 500.614 322.849 469.474 340.817 449.495C349.833 439.47 356.53 422.753 344.276 417.132C297.097 395.488 137.076 524.087 59.5035 487.322C-52.8143 434.09 19.2959 270.69 69.3907 195.644C166.726 72.1775 325.979 76.3258 436.356 91.4362C460.566 94.7505 484.882 87.4024 504.568 72.9253Z' fill='%23EF7F1A'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1077 616' fill='none'%3E%3Cpath d='M504.568 72.9253C673.041 -50.9728 865.294 8.03076 954.894 66.9221C962.882 72.1725 971.238 77.103 979.663 81.6202C1189.45 194.11 1012.69 453.521 892.001 389.263C768.906 323.722 698.732 378.266 716 453.266C734.983 535.716 653.5 578.678 617.5 588.266C565 602.248 455.979 617.902 412.475 615.401C368.972 612.899 322.008 581.88 310.638 531.349C303.722 500.614 322.849 469.474 340.817 449.495C349.833 439.47 356.53 422.753 344.276 417.132C297.097 395.488 137.076 524.087 59.5035 487.322C-52.8143 434.09 19.2959 270.69 69.3907 195.644C166.726 72.1775 325.979 76.3258 436.356 91.4362C460.566 94.7505 484.882 87.4024 504.568 72.9253Z' fill='%23EF7F1A'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: calc(max(var(--container-offset) * -1, (100% - var(--content-width)) / 2) + 34rem);
  z-index: -1;
}
.banner-main__picture--v2 {
  width: 54rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 711 485' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.1416 69.4647C-44.8585 196.965 34.0953 376.532 73.6415 423.89C195.141 569.39 324.605 403.235 442.03 423.89C774.272 482.332 767.498 20.6997 588.641 166.965C476.141 258.965 429.229 143.465 518.141 143.465C591.641 143.465 558.642 -107.535 272.142 54.4647C184.854 103.821 121.959 -75.7178 33.1416 69.4647Z' fill='%23EF7F1A'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 711 485' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.1416 69.4647C-44.8585 196.965 34.0953 376.532 73.6415 423.89C195.141 569.39 324.605 403.235 442.03 423.89C774.272 482.332 767.498 20.6997 588.641 166.965C476.141 258.965 429.229 143.465 518.141 143.465C591.641 143.465 558.642 -107.535 272.142 54.4647C184.854 103.821 121.959 -75.7178 33.1416 69.4647Z' fill='%23EF7F1A'%3E%3C/path%3E%3C/svg%3E");
  top: auto;
  bottom: -5rem;
  left: calc((100% - var(--content-width)) / 2 + 42.25rem);
}
.banner-main__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;

  transform: translateX(-100px);
}
.banner-main__list {
  display: -ms-grid;
  display: grid;
  gap: 1rem;
}
.banner-main__list-icon {
  --_i-size: 3.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.banner-main__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.25rem;
}
.banner-main__list-text {
  color: var(--gray-color);
}

.section-advantages {
  -webkit-margin-after: 5rem;
  margin-block-end: 5rem;
}

.advantages__list {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2.5rem;
}
.advantages__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1.25rem;
}
.advantages__list-picture {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.advantages__list-image {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  -webkit-margin-before: -1rem;
  margin-block-start: -1rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.advantages__list-title {
  font-family: var(--font-family);
  font-size: 1.5rem;
  -webkit-margin-after: 1.25rem;
  margin-block-end: 1.25rem;
}
.advantages__list-text {
  font-size: 1.25rem;
  color: var(--gray-color);
}

.catalog-block__item, .catalog-block__card {
  background-repeat: no-repeat;
  background-size: contain;
}
.catalog-block__item {
  --_item-background: #0e5f66;
  min-height: 16.25rem;
  -ms-grid-column-span: 2;
  grid-column: span 2;
  background-color: #7bb558;
  background-position: center center;
  border-radius: var(--radius-xl);
  position: relative;
}
.catalog-block__item--mini {
  min-height: 8.75rem;
  background-color: #FFEBD4;
}
.catalog-block__item--mini .catalog-block__icon {
  --_i-size: 2rem;
  background-color: #FFC692;
  padding: 0.625rem;
}
.catalog-block__item:nth-child(-n+2) {
  background-color: #0e5f66;
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
.catalog-block__item:nth-child(-n+2) .catalog-block__name {
  color: #FFEFDC;
}
.catalog-block__item:nth-child(-n+2) .catalog-block__icon {
  background-color: #093F44;
}
.catalog-block__item:nth-child(1) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-1.svg);
}
.catalog-block__item:nth-child(2) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-2.svg);
}
.catalog-block__item:nth-child(3) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-3.svg);
}
.catalog-block__item:nth-child(4) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-4.svg);
}
.catalog-block__item:nth-child(5) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-5.svg);
}
.catalog-block__item:nth-child(6) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-12.svg);
}
.catalog-block__item:nth-child(7) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-13.svg);
}
.catalog-block__item:nth-child(8) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-14.svg);
}
.catalog-block__item:nth-child(9) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-15.svg);
}
.catalog-block__link {
  border-radius: inherit;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.catalog-block__link:is(:hover, :focus-visible, :active) ~ .catalog-block__card .catalog-block__icon {
  background-color: var(--primary-color);
}
.catalog-block__card {
  height: 100%;
  background-position: 100% 100%;
  border-radius: var(--radius-xl);
  padding: 2.5rem;
}
.catalog-block__name {
  max-width: 160px;
  font-family: var(--font-family);
  font-size: 1.25rem;
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
.catalog-block__icon {
  --_i-size: 2.875rem;
  --_i-color: var(--light-color);
  background-color: #628F47;
  border-radius: 50%;
  padding: 1rem;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  -webkit-transition: background var(--transition-duration) var(--transition-type);
  transition: background var(--transition-duration) var(--transition-type);
}

.catalog__filter-form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 0.625rem;
  -webkit-margin-after: 2.5rem;
  margin-block-end: 2.5rem;
}
.catalog__filter .wrapper-field {
  margin: 0;
}
.catalog__filter .select {
  --select-height: 2.5rem;
  --select-font-size: 1rem;
  --select-color: var(--dark-color);
  --select-padding: 0 1.75rem 0 1.25rem;
}
.catalog__filter .select ~ .select-arrow {
  --_i-color: var(--dark-color);
}
.catalog__filter .select-arrow {
  right: 0.875rem;
}
.catalog__dropdown {
  --_color: var(--primary-color);
  --_icon-size: .75rem;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.catalog__aside {
  max-height: 52rem;
  background-color: #FFEBD4;
  border-radius: var(--radius-3xl);
  padding: 1.875rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.catalog__aside-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.catalog__aside-btn {
  --_font-size: .875rem;
}
.catalog__aside-current {
  font-size: 0.75rem;
  color: var(--gray-color);
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  -webkit-transform: translateX(-0.375rem);
  -ms-transform: translateX(-0.375rem);
  transform: translateX(-0.375rem);
}
.catalog__aside-town {
  display: block;
  color: var(--gray-color);
  -webkit-margin-before: 0.625rem;
  margin-block-start: 0.625rem;
  border-bottom: var(--border-width) var(--border-type) var(--dark-color);
  -webkit-padding-after: 0.75rem;
  padding-block-end: 0.75rem;
}
.catalog__aside-accordion {
  font-size: inherit;
  background-color: transparent;
  padding: 0;
}
.catalog__aside-accordion.is-active .accordion__btn--bordered .accordion__btn-icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.catalog__aside-accordion.is-active .accordion__btn-icon {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.catalog__aside-accordion.is-active .accordion__content {
  margin-block: 1rem;
}
.catalog__aside-accordion .accordion__btn {
  --_icon-size: .75rem;
  --_icon-color: var(--gray-color);
  --_color-active: var(--primary-color);
  -webkit-margin-after: 0.75rem;
  margin-block-end: 0.75rem;
}
.catalog__aside-accordion .accordion__btn--bordered {
  --_icon-color: var(--dark-color);
  --_padding-y: .5rem;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  border-bottom: var(--border-width) var(--border-type) var(--dark-color);
}
.catalog__aside-accordion .accordion__content {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
.catalog__aside-list {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: start;
  align-content: start;
  gap: 1rem;
}
.catalog__aside-list--sm {
  gap: 0.375rem;
}
.catalog__aside-link--solo {
  -webkit-margin-after: 1rem;
  margin-block-end: 1rem;
}

.about-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2rem;
}
.about-block__header {
  -webkit-margin-after: 2rem;
  margin-block-end: 2rem;
}
.about-block__title {
  max-width: 840px;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  position: relative;
  z-index: 1;
}
.about-block__start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 2.5rem;
}
.about-block__start-picture {
  --image-size: 18.125rem;
  width: var(--image-size);
  height: var(--image-size);
  display: block;
  background-color: #0E5F66;
  border-radius: var(--radius-xl);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.about-block__start-image {
  width: calc(100% - 0.25rem);
  height: calc(100% - 1.125rem);
  display: block;
  border-radius: inherit;
  -webkit-transform: translateY(1.2rem) rotate(-10deg);
  -ms-transform: translateY(1.2rem) rotate(-10deg);
  transform: translateY(1.2rem) rotate(-10deg);
}
.about-block__start-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.about-block__start-text {
  font-size: 1.25rem;
}
.about-block__start-text:last-of-type {
  -webkit-margin-after: 1.5rem;
  margin-block-end: 1.5rem;
}
.about-block__start-btn {
  -webkit-margin-before: auto;
  margin-block-start: auto;
}
.about-block__end {
  position: relative;
}
.about-block__end::after {
  content: "";
  display: block;
  width: 5.625rem;
  height: 5.625rem;
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: -1rem;
  right: -3rem;
}
.about-block__end-image {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-margin-before: -5.5rem;
  margin-block-start: -5.5rem;
  -webkit-margin-start: 5.5rem;
  margin-inline-start: 5.5rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.company-item {
  height: 100%;
  min-height: 7.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
  background-color: var(--background-primary-25);
  border-radius: var(--radius-xl);
  padding: 1.25rem;
}
.company-item__current {
  font-size: 2rem;
  color: var(--primary-color);
}
.company-item__text {
  max-width: 28rem;
}
.company-item__message {
  max-width: 15rem;
  font-size: 0.875rem;
  color: var(--gray-color);
  background-color: var(--background-primary-50);
  margin: 0 1.25rem 0 0;
  border-radius: var(--radius-md);
  padding: 0.75rem 1.25rem;
  position: absolute;
  left: 15.625rem;
  bottom: 5rem;
  z-index: 1;
}
.company-item__message::after {
  content: "";
  display: block;
  width: 3.125rem;
  height: 3.125rem;
  background-image: url(/local/templates/redkot/img/icons/message-polygon-2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  bottom: -0.5625rem;
  left: -1.25rem;
  z-index: -1;
}
.company-item--main {
  min-height: initial;
  font-size: 1.25rem;
  color: var(--light-color);
  background-color: var(--background-secondary);
  background-repeat: no-repeat;
  background-size: 17rem 9.625rem;
  background-position: left bottom;
  -webkit-padding-after: 10rem;
  padding-block-end: 10rem;
  position: relative;
}
.company-item--main::after {
  content: "";
  display: block;
  width: 5rem;
  height: 5rem;
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-12.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: -0.75rem;
  right: -1.5rem;
  z-index: 1;
}

.tenet-item {
  min-height: 16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: var(--background-primary-25);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: var(--radius-xl);
  padding: 1.875rem;
}
.tenet-item:nth-child(1) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-16.svg);
}
.tenet-item:nth-child(2) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-17.svg);
}
.tenet-item:nth-child(3) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-18.svg);
}
.tenet-item:nth-child(4) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-19.svg);
}
.tenet-item__current {
  font-size: var(--fs);
  color: var(--primary-color);
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-margin-before: -1.25rem;
  margin-block-start: -1.25rem;
  -webkit-margin-end: -1.25rem;
  margin-inline-end: -1.25rem;
}
.tenet-item__text {
  -webkit-margin-end: -0.25rem;
  margin-inline-end: -0.25rem;
}
.tenet-item__bg {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-xl);
  background-image: url(/local/templates/redkot/css/../img/about/about-2.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.have-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1.25rem;
  font-size: 1.25rem;
}
.have-item__image {
  width: 3.5rem;
  height: 3.5rem;
  display: block;
  -webkit-margin-before: -0.625rem;
  margin-block-start: -0.625rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
}
.have-item__title {
  font-family: var(--font-family);
  font-size: 1.5rem;
  -webkit-margin-after: 1.25rem;
  margin-block-end: 1.25rem;
}
.have-item__text {
  margin: 0;
}

.history-item {
  height: 100%;
  min-height: 16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
  color: var(--gray-color);
  background-color: var(--background-primary-25);
  border-radius: var(--radius-xl);
  padding: 1.875rem;
}
.history-item__name {
  font-size: 2rem;
  color: var(--dark-color);
}
.history-item--bg, .history-item--decor {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.history-item--decor {
  position: relative;
}
.history-item--decor::after {
  content: "";
  display: block;
  width: 5rem;
  height: 5rem;
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-13.svg);
  background-size: contain;
  position: absolute;
  right: -1.5rem;
  bottom: 0;
  z-index: 1;
}
.history-item--main {
  color: var(--light-color);
  background-color: var(--background-primary);
}

.banner-about {
  color: var(--light-color);
  background-color: var(--background-secondary);
  border-radius: var(--radius-3xl);
  padding: 3.125rem;
  position: relative;
  background-image: var(--banner-bg), var(--banner-blob);
  background-size: 120rem 25rem;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.banner-about__title {
  -webkit-margin-after: 3.75rem;
  margin-block-end: 3.75rem;
}
.banner-about__content {
  max-width: 19rem;
  margin-inline: auto;
}
.banner-about__text {
  color: #d9d9d9;
}
.banner-about__picture, .banner-about__image {
  display: block;
  border-radius: var(--radius-xl);
}
.banner-about__picture {
  width: 24.375rem;
  height: 16rem;
  background-color: #FFD3D3;
  position: absolute;
  bottom: -1.5rem;
  left: 0;
}
.banner-about__image {
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-0.375rem, -1rem) rotate(3deg);
  -ms-transform: translate(-0.375rem, -1rem) rotate(3deg);
  transform: translate(-0.375rem, -1rem) rotate(3deg);
}

.section-brands::after {
  content: "";
  width: 6.25rem;
  height: 6.25rem;
  display: block;
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 3rem;
  right: max(var(--container-offset) * -1, (100% - var(--content-width)) / 2 - 2.75rem);
  z-index: -1;
}

.brands__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  gap: 1.25rem;
}
.brands__list-item {
  display: -ms-grid;
  display: grid;
  place-content: center;
  background-color: var(--background-light, #fff);
  border: 1px solid var(--primary-color);
  border-radius: var(--radius-3xl, 2rem);
  padding: 0.625rem 1rem;
}
.brands__list-item-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.brand-alphabet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
  -webkit-margin-after: 2.5rem;
  margin-block-end: 2.5rem;
}
.brand-alphabet__btn {
  --_height: 2rem;
  --_color: var(--primary-color);
  --_padding-x: .625rem;
  --_color-active: var(--light-color);
  --_background-color-active: var(--background-primary);
}

.brand-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.5rem;
  line-height: 1.375;
  background-color: var(--background-primary-25);
  border-radius: var(--radius-3xl);
  padding: 2.5rem;
}
.brand-item__image {
  width: 3.5rem;
  height: 3.5rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-xl);
  color: var(--light-color);
  background-color: #FFC692;
  border-radius: 50%;
}
.brand-item__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, auto))[6];
  grid-template-columns: repeat(6, minmax(0, auto));
  gap: 0.75rem clamp(1rem, 4vw, 3.75rem);
}

.section-recommended::after {
  content: "";
  width: 5.25rem;
  height: 5.25rem;
  display: block;
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-3.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: 1.75rem;
  right: max(var(--container-offset) * -1, (100% - var(--content-width)) / 2 - 2.75rem);
  z-index: 1;
}

.recommended {
  background-color: var(--primary-color);
  border-radius: var(--radius-3xl);
  padding: 1.875rem;
  background-image: url(/local/templates/redkot/img/background/svg/blob-recommended.svg);
  background-repeat: no-repeat;
  background-position: center calc(100% + 3.75rem);
  background-size: 82.5rem 21.875rem;
  position: relative;
  z-index: 1;
}
.recommended::after, .recommended::before {
  content: "";
  display: block;
  width: 17.5rem;
  height: 17.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.recommended::after {
  background-image: url(/local/templates/redkot/css/../img/recommended/recommended-1.png);
  right: 3rem;
}
.recommended::before {
  background-image: url(/local/templates/redkot/css/../img/recommended/recommended-2.png);
  left: 1.5rem;
}
.recommended--mobile {
  display: none;
}
.recommended .swiper-recommended {
  margin: -1.875rem -1.875rem 4.375rem;
  padding: 1.875rem 1.875rem 0;
}
.recommended__info {
  width: 100%;
  max-width: 16.6rem;
  margin-inline: auto;
}
.recommended__text {
  font-size: 1.25rem;
}
.recommended__btn {
  --_font-size: 1rem;
  width: 100%;
  -webkit-margin-before: 2rem;
  margin-block-start: 2rem;
}
.recommended__btn .icon {
  padding: 0.5rem;
}

.filter--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
}

.promotional__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.875rem;
}
.promotional__list-item {
  height: 100%;
  min-height: 10rem;
  background-color: var(--background-primary-25);
  border-radius: var(--radius-xl);
  padding: 1.875rem;
}
.promotional__list-item.background-secondary .promotional__list-text {
  color: var(--primary-color--25);
}
.promotional__list-title, .promotional__list-text {
  font-size: 1.25rem;
}
.promotional__list-title {
  font-weight: 400;
  color: var(--gray-color);
  margin-top: -0.625rem;
  margin-left: -0.625rem;
  margin-bottom: 1.875rem;
}
.promotional__list-icon {
  --_i-size: 6rem;
  margin-top: -4.5rem;
  margin-left: -1rem;
  margin-bottom: 1rem;
}

.account {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(16rem, 24rem) minmax(26rem, 1fr);
  grid-template-columns: minmax(16rem, 24rem) minmax(26rem, 1fr);
  gap: 2.5rem;
  position: relative;
}
.account--decor::after {
  content: "";
  width: 5.25rem;
  height: 5.25rem;
  display: block;
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-3.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: -1rem;
  right: -3rem;
  z-index: 1;
}
.account__back {
  --_font-size: var(--fs-xs);
  --_icon-size: 0.5rem;
  gap: 0.25rem;
  -webkit-margin-after: 0.375rem;
  margin-block-end: 0.375rem;
}
.account__header, .account__title {
  width: 100%;
  -webkit-margin-after: 2.5rem;
  margin-block-end: 2.5rem;
}
.account__header .account__title, .account__title .account__title {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
.account__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.75rem;
}
.account__header--transfer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.account__list {
  display: -ms-grid;
  display: grid;
  gap: 0.25rem;
}
.account__list-btn {
  --_font-size: 1.25rem;
  --_border-radius: var(--radius-xl);
  --_padding-y: 0.375rem;
  --_padding-x: 0.375rem;
  --_icon-size: 1.875rem;
  --_color-active: var(--dark-color);
  --_background-color-active: #fde6cc;
  width: 100%;
  max-width: 13.75rem;
  gap: 0.375rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.account__body {
  background-color: var(--background-primary);
  background-image: var(--account-image-bg), var(--account-svg-bg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
  border-radius: var(--radius-3xl);
  padding: 1.875rem;
}
.account__body-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-margin-after: 1.25rem;
  margin-block-end: 1.25rem;
}
.account__body-title {
  font-family: var(--font-family);
  font-size: 1.5rem;
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
.account__body-list {
  display: -ms-grid;
  display: grid;
  gap: 1.25rem;
}
.account__edit {
  --_height: 1.875rem;
  --_background-color: var(--primary-color--50);
  --_border-radius: var(--radius-xl);
  --_padding-x: 1rem;
  --_background-color-active: var(--primary-color--50);
  width: 100%;
  max-width: 12.5rem;
}
.account__item {
  height: 100%;
  min-height: 12.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--background-primary-50);
  border-radius: var(--radius-xl);
  padding: 1.25rem;
}
.account__item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.375rem;
  -webkit-margin-after: 1.25rem;
  margin-block-end: 1.25rem;
}
.account__item-icon {
  --_i-size: 1.875rem;
}
.account__item-title {
  font-family: var(--font-family);
  font-size: 0.875rem;
  color: var(--primary-color);
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
.account__item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  -webkit-margin-after: 1.5rem;
  margin-block-end: 1.5rem;
}
.account__item-body--empty {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.25rem;
}
.account__item-avatar {
  width: 3.75rem;
  height: 3.75rem;
}
.account__item-avatar .image {
  width: 100%;
  height: 100%;
  display: block;
}
.account__item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1.25;
}
.account__item-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-margin-before: auto;
  margin-block-start: auto;
}
.account__item-btn {
  --_height: 1.875rem;
  --_background-color: var(--background-primary-75);
  --_border-radius: var(--radius-xl);
  --_padding-x: 1rem;
  --_background-color-active: var(--background-primary-75);
  width: 100%;
  max-width: 13.75rem;
}
.account__message {
  max-width: 10rem;
  background-color: var(--background-primary-50);
  border-radius: var(--radius-xl);
  padding: 0.75rem 0.25rem 0.75rem 0.5rem;
  position: relative;
  z-index: 1;
}
.account__message::after {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url(/local/templates/redkot/img/icons/message-polygon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  bottom: -0.375rem;
  right: -0.3125rem;
  z-index: -1;
}
.account__signin {
  background-color: var(--primary-color--50);
  border-radius: var(--radius-xl);
  padding: 1.875rem;
}
.account__signin-title {
  font-family: var(--font-family);
  font-size: 1.25rem;
  -webkit-margin-after: 0.75rem;
  margin-block-end: 0.75rem;
}
.account__signin-btn {
  --_height: 2.5rem;
  --_font-size: .75rem;
  --_background-color: #ffefdc;
  --_border-radius: var(--radius-xl);
  --_padding-x: 0.375rem;
  --_color-active: var(--light-color);
  --_background-color-active: var(--background-primary);
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.25rem;
  -webkit-padding-start: 0.75rem;
  padding-inline-start: 0.75rem;
}
.account__signin-btn picture {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.account__signin-image {
  width: 1.875rem;
  height: 1.875rem;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

.reward-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem;
  background-color: var(--background-primary-50);
  border-radius: var(--radius-xl);
  padding: 1.25rem;
}
.reward-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.375rem 1rem;
}
.reward-card__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.375rem 1rem;
  color: var(--gray-color);
}
.reward-card__value {
  color: var(--dark-color);
}
.reward-card__barcode {
  display: block;
  background-color: var(--border-color);
  border-radius: var(--radius-md);
  padding: 0.125rem 0.25rem;
}
.reward-card__barcode .image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.widget {
  background-color: var(--background-primary-25);
  border-radius: 2.625rem;
  padding: 2.625rem;
}
.widget__picture {
  height: 4.125rem;
  display: block;
}
.widget__picture image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.widget__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.55fr 0.45fr;
  grid-template-columns: 0.55fr 0.45fr;
  gap: 1.875rem 1rem;
  font-size: 1.25rem;
}
.widget__text--lg {
  font-size: 1.25rem;
}
.widget__text + .widget__text {
  -webkit-margin-before: 1.25rem;
  margin-block-start: 1.25rem;
}
.widget__subtext {
  max-width: 52.5rem;
  color: var(--gray-color);
}
.widget__subtext--lg {
  font-size: 1.25rem;
}
.widget__features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}
.widget__features-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.875rem;
}
.widget__features-icon {
  --_i-size: 2.875rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-margin-before: -0.5rem;
  margin-block-start: -0.5rem;
}
.widget__features-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  color: var(--gray-color);
}
.widget__btn {
  --_color: var(--dark-color);
  width: 100%;
}
.widget--h-100 {
  height: 100%;
}

.vacancies {
  position: relative;
}
.vacancies::before {
  content: "";
  display: block;
  width: 6.25rem;
  height: 6.25rem;
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-7.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  bottom: -2.5rem;
  left: -3.75rem;
}
.vacancies__features {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3rem 1.25rem;
}
.vacancies__features-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.875rem;
}
.vacancies__features-picture {
  width: 3.5rem;
  height: 3.5rem;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.vacancies__features-picture .image {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}
.vacancies__features-title {
  font-family: var(--font-family);
  font-size: 1.25rem;
  -webkit-margin-after: 0.875rem;
  margin-block-end: 0.875rem;
}

.swiper-stores::after, .swiper-stores::before {
  content: "";
  width: 6.25rem;
  height: 6.25rem;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  z-index: -1;
}
.swiper-stores::after {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-8.svg);
  top: 0;
  right: 0.5rem;
}
.swiper-stores::before {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-9.svg);
  bottom: -3.75rem;
  left: 28%;
}
.swiper-stores .swiper {
  margin-inline: 4.375rem;
}
.swiper-stores .swiper-slide {
  height: auto;
}
.swiper-stores .swiper-button-prev, .swiper-stores .swiper-button-next {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.swiper-stores .swiper-button-prev {
  left: 0;
}

.map {
  min-height: clamp(12.5rem, 40vw, 28.75rem);
  background-color: #D9D9D9;
  border-radius: var(--radius-3xl);
  overflow: hidden;
}

.article {
  font-size: 1.25rem;
}
.article-header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.5rem;
}
.article .list-circle-sm li::before {
  top: 0.125rem;
}

.client__list-item {
  min-height: 7.5rem;
  background-color: #ffefdc;
  border-radius: var(--radius-xl);
  padding: 1.25rem 2rem 1.25rem 1.25rem;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 100%;
}
.client__list-item:nth-child(1) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-6.svg);
}
.client__list-item:nth-child(2) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-7.svg);
}
.client__list-item:nth-child(3) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-8.svg);
}
.client__list-item:nth-child(4) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-9.svg);
}
.client__list-item:nth-child(5) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-10.svg);
}
.client__list-item:nth-child(6) {
  background-image: url(/local/templates/redkot/img/background/svg/decoration-line-11.svg);
}
.client__list-current {
  color: var(--primary-color-dark);
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}
.client__list-title {
  max-width: 13.75rem;
  font-family: var(--font-family);
  font-size: 1.25rem;
  margin: 0;
}
.client__list-hint {
  --_i-size: 1.125rem;
  --_i-color: var(--gray-color);
  display: inline-block;
  -webkit-margin-after: -0.125rem;
  margin-block-end: -0.125rem;
}

.section-become {
  position: relative;
}
.section-become::after, .section-become::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
}
.section-become::after {
  width: 6.25rem;
  height: 6.25rem;
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-10.svg);
  top: 2.5rem;
  right: max(var(--container-offset) * -1, (100% - var(--content-width)) / 2 - 3rem);
  z-index: -1;
}

.become-item {
  height: 100%;
  background-color: #FFEFDC;
  border-radius: var(--radius-xl);
  padding: 1.875rem;
  position: relative;
}
.become-item:nth-child(2) {
  background-color: #E1E9B3;
}
.become-item:nth-child(3) {
  background-color: #FFD3D3;
}
.become-item__title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1rem;
  -webkit-margin-after: 0.875rem;
  margin-block-end: 0.875rem;
}
.become-item__text {
  font-weight: 300;
  color: var(--gray-color);
}
.become-item__link {
  --_color: var(--primary-color-dark);
  --_color-active: var(--dark-color);
}
.become-item--mail {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.25rem;
  font-size: 0.875rem;
  background-color: var(--background-light);
  border: var(--border-width) var(--border-type) var(--border-primary);
  border-radius: var(--radius-3xl);
  padding: 0.75rem 1.25rem;
  position: absolute;
  bottom: calc(100% + 2rem);
  left: 0;
  z-index: 1;
}

.product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.product__title {
  font-family: var(--font-family);
  font-size: 2.5rem;
  -webkit-margin-after: 0.5rem;
  margin-block-end: 0.5rem;
}
.product__brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
  -webkit-margin-after: 5rem;
  margin-block-end: 5rem;
}
.product__rating {
  gap: 0.25rem;
}
.product__rating .rating__current {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  color: var(--gray-color);
}
.product__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.25rem;
  -webkit-margin-after: 1rem;
  margin-block-end: 1rem;
}
.product__price .card__price {
  font-weight: 400;
  gap: 1.75rem;
}
.product__price .card__sale {
  font-size: 1.25rem;
}
.product__price .card__sale-value {
  font-weight: 400;
}
.product__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.product__list-btn {
  min-width: 5.625rem;
}
.product__counter .counter__input {
  color: var(--gray-color);
  background-color: var(--background-primary-50);
  border-radius: 0;
}
.product__counter .counter__minus,
.product__counter .counter__plus {
  --_color: var(--primary-color);
  --_background-color: var(--background-primary-75);
  --_border-radius: var(--radius-3xl);
  --_color-active: var(--light-color);
  --_background-color-active: var(--background-primary);
  border-radius: 0;
}
.product__counter .counter__minus {
  border-top-left-radius: var(--_border-radius);
  border-bottom-left-radius: var(--_border-radius);
}
.product__counter .counter__plus {
  border-top-right-radius: var(--_border-radius);
  border-bottom-right-radius: var(--_border-radius);
}
.product__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  -webkit-margin-after: 2rem;
  margin-block-end: 2rem;
}
.product__buttons-btn {
  --_font-size: 1.25rem;
  --_padding-x: 1.5rem;
}
.product__delivery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 0.875rem 0.5rem;
  -webkit-margin-after: 1.25rem;
  margin-block-end: 1.25rem;
}
.product__delivery-icon {
  --_i-size: 2rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.product__delivery-name {
  max-width: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: -0.5rem;
}
.product__delivery-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
  color: var(--gray-color);
}
.product__delivery-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.product__hint {
  line-height: 1.375;
}
.product__tabs {
  -webkit-margin-before: 3.75rem;
  margin-block-start: 3.75rem;
}
.product__tabs .tabs__nav {
  -webkit-margin-after: 3.75rem;
  margin-block-end: 3.75rem;
}
.product__tabs .tabs__nav-btn {
  --_background-color: #ffebd4;
  --_border: var(--border-width) var(--border-type) var(--border-primary-75);
  --_background-color-active: var(--background-primary-75);
  --_border-color-active: var(--border-primary-75);
}
.product__tabs .tabs__panel {
  font-size: 1.25rem;
}
.product__tabs .tabs__panel-text + .tabs__panel-text {
  -webkit-margin-before: 2.5rem;
  margin-block-start: 2.5rem;
}
.product__specs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 2.5rem 2rem;
}
.product__specs-name {
  max-width: 8rem;
  color: var(--gray-color);
}
.product__specs-image {
  width: 100%;
  height: 18rem;
  display: block;
  background-color: #d9d9d9;
  border-radius: var(--radius-xl);
}
.product__review-title {
  font-family: var(--font-family);
}
.product__review-btn {
  --_height: 2rem;
  --_font-size: 1rem;
  --_padding-x: 3rem;
}

.ads {
  font-size: 1.25rem;
}
.ads__image {
  display: block;
  min-height: 37.5rem;
  background-color: #D9D9D9;
  border-radius: var(--radius-3xl);
}
.ads__title {
  font-family: var(--font-family);
  -webkit-margin-after: 3.125rem;
  margin-block-end: 3.125rem;
}
.ads__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: 1.25rem 1.875rem;
}
.ads__list-name {
  max-width: 7.5rem;
  color: var(--gray-color);
}
.ads__list-value {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 0.375rem;
}

.cart-header {
  -webkit-margin-after: 2.5rem;
  margin-block-end: 2.5rem;
}
.cart__list {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: start;
  align-content: start;
  gap: 1.5rem;
}
.cart__list-header {
  background-color: #ffefdc;
  border-radius: var(--radius-3xl);
  padding: 0.625rem 0.875rem;
}
.cart__btn--all {
  --_color: var(--primary-color-dark);
  --_icon-size: 1.25rem;
  --_color-active: var(--dark-color);
}
.cart__aside {
  background-color: #ffebd4;
  border-radius: var(--radius-3xl);
  padding: 1.875rem;
}
.cart__aside-title {
  font-family: var(--font-family);
  font-size: 1.25rem;
  -webkit-margin-after: 1.25rem;
  margin-block-end: 1.25rem;
}
.cart__aside-list {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: start;
  align-content: start;
  gap: 0.375rem;
}
.cart__aside-item, .cart__aside-finally {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
}
.cart__aside-finally {
  font-size: 1.25rem;
  color: #000;
  margin-block: 0.625rem 1rem;
}
.cart__aside-btn {
  --_height: 2rem;
  --_font-size: var(--fs);
  width: 100%;
  -webkit-margin-after: 0.75rem;
  margin-block-end: 0.75rem;
}
.cart__bonus {
  font-size: 0.875rem;
}
.cart__bonus-inner {
  border: var(--border-width) var(--border-type) var(--primary-color--75);
  border-radius: var(--radius-xl);
  padding: 0.875rem;
}
.cart__bonus-title {
  font-size: 0.875rem;
  color: var(--gray-color);
  -webkit-margin-after: 0.5rem;
  margin-block-end: 0.5rem;
  border-bottom: var(--border-width) var(--border-type) var(--gray-color);
  -webkit-padding-after: 0.5rem;
  padding-block-end: 0.5rem;
}
.cart__bonus-list {
  display: -ms-grid;
  display: grid;
  gap: 0.5rem;
}
.cart__bonus-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
}
.cart__bonus-hint {
  color: var(--gray-color);
  -webkit-margin-before: 1rem;
  margin-block-start: 1rem;
}
.cart__bonus-link {
  --_color: var(--primary-color);
  --_color-active: var(--dark-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.collaboration {
  font-size: 1.25rem;
  background-color: #FFEFDC;
  border-radius: var(--radius-xl);
  padding: 2.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  position: relative;
}
.collaboration-decor, .collaboration-decor-2 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
}
.collaboration-decor {
  width: 6.25rem;
  height: 6.25rem;
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-16.svg);
  bottom: 0;
  left: -5.875rem;
}
.collaboration-decor-2 {
  width: 5.5rem;
  height: 5.5rem;
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-17.svg);
  top: -2.5rem;
  right: -1.25rem;
}
.collaboration__picture {
  width: 24.1875rem;
  height: 15.875rem;
  display: block;
  position: absolute;
  top: -1.875rem;
  right: -1.875rem;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.collaboration__image {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: var(--radius-xl);
}
.collaboration__title, .collaboration__text {
  padding-right: 22.5rem;
}
.collaboration__title {
  margin-bottom: 1.875rem;
}
.collaboration__title--invisible {
  opacity: 0;
}
.collaboration__text {
  margin-bottom: 1.25rem;
}
.collaboration__text--invisible {
  display: none;
}
.collaboration__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem 1rem;
  color: var(--gray-color);
  margin-bottom: 1.5rem;
}
.collaboration__socials-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
}
.collaboration__socials-link {
  --_icon-size: 1.875rem;
}
.collaboration__form-title {
  font-family: var(--font-family);
  font-size: inherit;
  margin-bottom: 1.25rem;
}
.collaboration__form .wrapper-field + .wrapper-field {
  -webkit-margin-before: 1rem;
  margin-block-start: 1rem;
}
.collaboration__form .input {
  font-size: 0.875rem;
}
.collaboration__form textarea.input {
  --input-height: 6rem;
}
.collaboration__form .custom-checkbox {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.375rem;
  -webkit-margin-before: 0.625rem;
  margin-block-start: 0.625rem;
}
.collaboration__form .custom-checkbox__content {
  margin-top: 0.125rem;
  font-size: var(--fs-xs);
}
.collaboration__form-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 0.625rem;
}
.collaboration__form-bottom .btn {
  --_padding-x: 4rem;
}
.collaboration--v2 .collaboration__title, .collaboration--v2 .collaboration__text {
  padding-right: 0;
}
.collaboration--v2 .collaboration__form textarea.input {
  --input-height: 9.5rem;
}
.collaboration--v3 .collaboration-decor {
  width: 5.625rem;
  height: 5.625rem;
  background-image: url(/local/templates/redkot/img/announcement/decoration-span.svg);
  left: -3.125rem;
  bottom: -1.875rem;
}
.collaboration--v3 .collaboration__form textarea.input {
  --input-height: 7.5rem;
}

.order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.625rem;
}
.order:not(:last-child) {
  margin-bottom: 1.25rem;
}
.order__title {
  font-family: var(--font-family);
  font-size: var(--fs-lg);
  margin-bottom: 0.625rem;
}
.order__client {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
  font-size: var(--fs-lg);
  background-color: #FFF8F0;
  border-radius: var(--radius-xl);
  padding: 1.25rem;
}
.order__client-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.25rem;
}
.order__client-name, .order__client-tel {
  display: block;
}
.order__client-tel {
  color: var(--gray-color);
}
.order__client-change {
  --_height: 1.875rem;
  --_color: var(--primary-color);
  --_background-color: #FFEBD4;
  --_border-radius: var(--radius-xl);
  --_padding-x: 2.5rem;
  --_color-active: var(--light-color);
  --_background-color-active: var(--primary-color);
}

.banner {
  min-height: 12.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.5rem;
  font-size: var(--fs-lg);
  background-image: url(/local/templates/redkot/img/banner/decoration.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #FFEFDC;
  border-radius: var(--radius-3xl);
  padding: 1.25rem;
  position: relative;
}
.banner-decor {
  width: 5.625rem;
  height: 5.625rem;
  display: block;
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-18.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: -1.75rem;
  right: -1rem;
}
.banner__start {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.banner__image {
  display: block;
  border-radius: var(--radius-3xl);
}
.banner__title {
  font-family: var(--font-family);
  font-size: inherit;
  margin-bottom: 1.25rem;
}
.banner__content {
  max-width: 36.25rem;
  color: var(--gray-color);
}

.cart-notify {
    display: none;
    max-width: 20rem;
    position: fixed;
    /* left: max(var(--container-offset),(100% - var(--content-width)) / 0); */
    right: max(var(--container-offset),(100% - var(--content-width)) / 15);
    bottom: 0;
    z-index: 34;
    top: max(var(--container-offset),(100% - var(--content-width)) / 2);
}

.cart-notify.is-show {
  display: block;
}

.cart-notify--error .cart-notify__content {
  background-color: #FF2400;
}

.cart-notify__content {
  font-size: .875rem;
  color: var(--light-color);
  background-color: var(--primary-color);
  border-radius: .5rem;
  padding: 1rem;
}

.cart-notify__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: 1rem;
}

.cart-notify__close {
  --_color: var(--light-color);
  --_color-active: var(--dark-color);

  --_icon-size: 1.25rem;
}

.cart-notify__title {
  font-size: 1.125rem;
}

.footer {
  background-color: var(--background-primary-25);
  -webkit-margin-before: 15.625rem;
  margin-block-start: 15.625rem;
  padding-block: 2.5rem;
}
.footer__top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 17.5rem 1fr;
  grid-template-columns: 17.5rem 1fr;
  gap: 10%;
  -webkit-margin-after: 5rem;
  margin-block-end: 5rem;
}
.footer__top-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.footer__top-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.5rem;
  -webkit-padding-before: 1rem;
  padding-block-start: 1rem;
}
.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12%;
  border-top: 1px solid #B9B9B9;
  -webkit-padding-before: 1rem;
  padding-block-start: 1rem;
}
.footer__bottom-link {
  --_color: var(--gray-color);
}
.footer__header {
  -webkit-margin-after: 1.25rem;
  margin-block-end: 1.25rem;
}
.footer__logo {
  display: inline-block;
}
.footer__logo-image {
  display: block;
  width: 100%;
  object-fit: contain;
}
.footer__copy {
  font-size: 0.75rem;
  color: var(--gray-color);
}
.footer__callback {
  -webkit-margin-before: auto;
  margin-block-start: auto;
}
.footer__callback-title {
  font-family: var(--font-family);
  font-size: 1.25rem;
}
.footer__callback-checkbox {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.footer__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-margin-after: 0.625rem;
  margin-block-end: 0.625rem;
}
.footer__field-input {
  width: 100%;
  min-height: 2.875rem;
  margin: 0;
  border: 1px solid #D7984F;
  border-right: 0;
  border-radius: var(--radius-lg) 0 0 var(--radius-lg);
  padding: 0 1rem 0 1.5rem;
  outline: none;
}
.footer__field-btn {
  --_color: var(--light-color);
  --_background-color: var(--primary-color);
  --_border-radius: var(--radius-lg);
  --_background-color-active: var(--primary-color-dark);
  --_color-active: var(--light-color);
  width: 2.875rem;
  border-radius: 0 var(--_border-radius) var(--_border-radius) 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.25rem;
}
.footer__list:nth-child(2) {
  -webkit-margin-start: 3rem;
  margin-inline-start: 3rem;
}
.footer__list-header {
  font-size: 1.5rem;
  font-weight: 500;
  -webkit-margin-after: 1.25rem;
  margin-block-end: 1.25rem;
  position: relative;
}
.footer__list-header-image {
  width: 1.875rem;
  height: 1.875rem;
  display: block;
  position: absolute;
  top: 50%;
  right: calc(100% + 0.625rem);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.footer__list-link {
  --_font-size: 1.25rem;
  --_font-weight: 500;
}
.footer__list-mail, .footer__list-tel {
  --_font-size: 1.125rem;
}
.footer__list-tel {
  text-decoration: underline;
}

.footer-wave {
  position: relative;
}
.footer-wave::after {
  content: "";
  width: 100%;
  height: 5rem;
  display: block;
  background-image: url(/local/templates/redkot/img/background/svg/wave--footer.svg);
  background-repeat: repeat-x;
  background-size: 92.5rem 5rem;
  background-position: center;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  z-index: -1;
}

.footer-decoration::after {
  content: "";
  width: 8.75rem;
  height: 8.75rem;
  display: block;
  background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-4.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: -8.75rem;
  left: max(var(--container-offset) * -1, (100% - var(--content-width)) / 2 - 4rem);
  z-index: -1;
}

@media (max-width: 1400px) {
  .section-new-card::after {
    top: initial;
    bottom: -5rem;
    right: initial;
    left: max(-1.25rem, (100% - var(--content-width)) / 2 - 4.6rem);
  }
  .section-share-card::after {
    all: initial;
  }
  .yandex-rating {
    font-size: 1.125rem;
  }
  .yandex-rating__image {
    width: 1.5rem;
    height: 1.5rem;
  }
  .yandex-rating .rating {
    --_stars-size: 0.875rem;
  }
  .social__list-link {
    --_icon-size: 1.5rem;
  }
  .banner-main, .banner-main__inner {
    background-position: 65% 0;
  }
  .section-brands::after {
    width: 5.75rem;
    height: 5.75rem;
    background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-mobile-5.svg);
    right: max(-1.75rem, (100% - var(--content-width)) / 2 - 2.75rem);
  }
  .collaboration-decor {
    top: -8rem;
    right: calc(var(--container-offset) * -1);
    left: auto;
    bottom: auto;
  }
  .collaboration--v3 .collaboration-decor {
    all: unset;
  }
  .banner-decor {
    display: none;
  }
  .footer__list-header {
    font-size: 1.25rem;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
  }
  .footer__list-header-image {
    width: 1.5rem;
    height: 1.5rem;
  }
  .footer__list-link {
    --_font-size: 1rem;
  }
}
@media (max-width: 1200px) {
  .swiper-card .swiper {
    margin-inline: calc(var(--container-offset) * -1);
    padding-inline: var(--container-offset);
  }
  .card--order .card__pictures {
    width: 10rem;
    height: 10rem;
    margin: 0.5rem;
    border-radius: calc(var(--radius-xl) - 0.5rem);
  }
  .card--order .card__info {
    max-width: 20rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .card--order .card__info-start, .card--order .card__info-end {
    -ms-flex-preferred-size: calc(50% - 0.625rem);
    flex-basis: calc(50% - 0.625rem);
  }
  .card--order .card__title {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-margin-after: 0;
    margin-block-end: 0;
  }
  .card--order .card__buttons {
    width: 100%;
  }
  .card__list {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .header__top-list {
    gap: 0.75rem;
  }
  .header__top-list-link {
    --_font-size: 1rem;
    position: relative;
  }
  
  .header__top-list-link::before{
    content: "";
    position: absolute;
    left: 0;
    top: calc(100% + 3px);
    width: 100%;
    height: 1px;
    display: block;
    background-color: transparent;

    transition: .3s background-color;
  }
  .header__top-list-link.current::before{
    background-color: var(--_color-active);
  }
  .header__bottom-list {
    gap: 1rem;
    -webkit-padding-start: 1.5rem;
    padding-inline-start: 1.5rem;
  }
  .header__bottom-link {
    --_font-size: 1.125rem;
  }
  .header__search-btn {
    -webkit-padding-end: 1.5rem;
    padding-inline-end: 1.5rem;
  }
  .advantages__list {
    gap: 1.25rem;
  }
  .advantages__list-image {
    width: 3rem;
    height: 3rem;
  }
  .about-block {
    gap: 0;
  }
  .about-block__start {
    gap: 1.5rem;
  }
  .about-block__start-picture {
    --image-size: 16rem;
  }
  .about-block__end::after {
    right: -0.5rem;
  }
  .about-block__end-image {
    -webkit-margin-before: -4rem;
    margin-block-start: -4rem;
    -webkit-margin-start: 2rem;
    margin-inline-start: 2rem;
  }
  .banner-about__picture {
    width: 25vw;
  }
  .account__body {
    background-image: initial;
  }
  .section-recommended::after {
    width: 9.5rem;
    height: 9.5rem;
    background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-2.svg);
    top: 2rem;
    right: -4.75rem;
    -webkit-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    transform: rotate(110deg);
  }
  .account::after {
    all: initial;
  }
  .section-become::after {
    all: initial;
  }
  .become-item--mail {
    position: static;
  }
  .footer__top {
    -ms-grid-columns: 15.5rem 1fr;
    grid-template-columns: 15.5rem 1fr;
    gap: 7%;
  }
  .footer__top-end {
    gap: 1rem;
  }
  .footer__bottom {
    gap: 8%;
  }
  .footer__bottom-link {
    --_font-size: 0.875rem;
  }
  .footer__copy {
    font-size: 0.625rem;
  }
  .footer__callback-title {
    font-size: 1.125rem;
  }
  .footer__callback-checkbox .custom-checkbox__content {
    font-size: 0.875rem;
  }
  .footer__list:nth-child(2) {
    -webkit-margin-start: 1rem;
    margin-inline-start: 1rem;
  }
  .footer-decoration::before {
    content: "";
    width: 6rem;
    height: 6rem;
    display: block;
    background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-3.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: -20rem;
    right: calc(var(--container-offset) * -1);
    z-index: -1;
  }
}
@media (max-width: 992px) {
  .section-main {
    -webkit-padding-before: var(--header-height, 80px);
    padding-block-start: var(--header-height, 80px);
  }
  .section-main__inner {
    -webkit-margin-before: 3.75rem;
    margin-block-start: 3.75rem;
  }
  .choices--lg .choices__inner,
  .choices--lg .choices__list[aria-expanded] {
    background-color: var(--primary-color--25);
  }
  .input-lg-primary-25 {
    --input-background: var(--primary-color--25);
  }
  .file.input-lg-primary-25 .file__btn {
    --_color: var(--primary-color);
    --_background-color: var(--background-light);
  }
  .card--order .card__info-start, .card--order .card__info-end {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .card--order .card__weight {
    -webkit-margin-after: 0.5rem;
    margin-block-end: 0.5rem;
  }
  .card--order .card__price {
    gap: 0.375rem;
  }
  .card--vacancy .card__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .card--vacancy .card__footer-end {
    margin: 0;
  }
  .card--vacancy .card__buttons-cart {
    width: 100%;
    -ms-flex-negative: initial;
    flex-shrink: initial;
  }
  .card--cart .card__pictures {
    min-width: 7.5rem;
    width: 20vw;
    height: auto;
    padding: 1rem;
  }
  .card--cart .card__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .card--cart .card__counter {
    max-width: 10.375rem;
  }
  .card--cart-v2 .card__info-end {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .review {
    padding: 1.25rem;
  }
  .review, .review__body {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
  }
  .review__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
  }
  .review__header-profile {
    gap: 0.25rem;
  }
  .review__header-time {
    font-size: 0.875rem;
  }
  .review__header-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .review__body-rating {
    display: none;
  }
  .review__body-end {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .review__body-picture--desktop {
    display: none;
  }
  .review__body-picture--mobile {
    display: block;
  }
  .review__body-image--desktop {
    display: none;
  }
  .review__body-image--mobile {
    display: block;
  }
  .review--card .review__header {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
  }
  .header {
    padding-block: 1.5rem;
  }
  .header__logo {
    width: 100%;
    margin-inline: auto;
  }
  .header__top-container {
    gap: 0;
  }
  .header__top-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .header__bottom {
    display: none;
  }
  .header__bottom-nav {
    overflow: initial;
  }
  .header__bottom-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 0.75rem;
    -webkit-margin-before: 0.75rem;
    margin-block-start: 0.75rem;
    padding: 0;
    overflow-x: initial;
  }
  .header__bottom-link {
    --_font-size: 1rem;
  }
  .header__search {
    -webkit-margin-start: 1.25rem;
    margin-inline-start: 1.25rem;
  }
  .header__search-form {
    width: 12rem;
    height: 2rem;
    border-radius: var(--radius-xl);
    right: auto;
    left: -4rem;
    -webkit-transition: opacity var(--transition-duration) var(--transition-type), visibility var(--transition-duration) var(--transition-type), left var(--transition-duration) var(--transition-type);
    transition: opacity var(--transition-duration) var(--transition-type), visibility var(--transition-duration) var(--transition-type), left var(--transition-duration) var(--transition-type);
  }
  .header__search-form.is-active {
    right: auto;
    left: calc(100% + 1.25rem);
  }
  .header__search-btn {
    --_background-color: transparent;
    --_background-color-active: transparent;
    --_icon-color-active: var(--dark-color);
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-border-start: 0;
    border-inline-start: 0;
    padding: 0;
  }
  .header__search-input {
    font-size: 0.875rem;
    border-radius: var(--input-radius);
  }
  .header__menu {
    width: 100%;
    max-width: 22.5rem;
    height: 100vh;
    height: 100dvh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: var(--background-light);
    border-radius: var(--radius-xl) 0 0 var(--radius-xl);
    padding: 1.25rem 1.5rem;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: opacity calc(var(--transition-duration) / 1.25) var(--transition-type), -webkit-transform var(--transition-duration) var(--transition-type);
    transition: opacity calc(var(--transition-duration) / 1.25) var(--transition-type), -webkit-transform var(--transition-duration) var(--transition-type);
    transition: transform var(--transition-duration) var(--transition-type), opacity calc(var(--transition-duration) / 1.25) var(--transition-type);
    transition: transform var(--transition-duration) var(--transition-type), opacity calc(var(--transition-duration) / 1.25) var(--transition-type), -webkit-transform var(--transition-duration) var(--transition-type);
  }
  .header__menu.menu--active {
    opacity: 1;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
  }
  .header__menu-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.75rem;
  }
  .header__menu-header .burger {
    --burger-height: 1.75rem;
  }
  .header__menu-header .logo {
    margin-inline: auto;
  }
  .header__menu-nav {
    padding-block: 2rem;
  }
  .header__menu-footer {
    -webkit-margin-before: auto;
    margin-block-start: auto;
  }
  .burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .banner-main__info {
    max-width: 60%;
  }
  .banner-main__info--list {
    -webkit-padding-before: 4rem;
    padding-block-start: 4rem;
  }
  .banner-main__list {
    gap: 0.75rem;
  }
  .banner-main__list-icon {
    --_i-size: 2.5rem;
  }
  .advantages__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem 2rem;
  }
  .catalog-block__item {
    min-height: 16.25rem;
    background-size: cover;
  }
  .about-block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    justify-items: flex-end;
    gap: 2.5rem;
  }
  .about-block__start-text:last-of-type {
    -webkit-margin-after: 0;
    margin-block-end: 0;
  }
  .about-block__end {
    width: 80%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .about-block__end::after {
    width: 2.75rem;
    height: 2.75rem;
    background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-mobile-1.svg);
    bottom: 0;
  }
  .about-block__end-image {
    -webkit-margin-start: 14%;
    margin-inline-start: 14%;
  }
  .company-item__message {
    bottom: 4rem;
    left: 12.5rem;
  }
  .company-item--main {
    background-size: 13.6rem 7.7rem;
  }
  .brands__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .brand-item__list {
    -ms-grid-columns: (minmax(0, auto))[4];
    grid-template-columns: repeat(4, minmax(0, auto));
  }
  .recommended--desktop {
    background-image: initial;
    background-color: var(--background-light, #fff);
    -webkit-margin-after: 1.25rem;
    margin-block-end: 1.25rem;
    padding: 0;
  }
  .recommended--desktop::after, .recommended--desktop::before {
    all: unset;
  }
  .recommended--desktop .swiper-recommended {
    margin: initial calc(var(--container-offset) * -1);
    padding: initial var(--container-offset);
  }
  .recommended--desktop .swiper-recommended .swiper {
    margin-inline: calc(var(--container-offset) * -1);
    padding-inline: var(--container-offset);
  }
  .recommended--desktop .recommended__info {
    display: none;
  }
  .recommended--mobile {
    min-height: 20rem;
    display: block;
    padding: 1.25rem;
  }
  .promotional__list {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vacancies::before {
    all: initial;
  }
  .vacancies__features {
    gap: 1.25rem;
  }
  .swiper-stores::after, .swiper-stores::before {
    all: initial;
  }
  .product__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .product__buttons-btn {
    width: 100%;
  }
  .collaboration {
    background-image: unset !important;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }
  .collaboration-decor-2 {
    display: none;
  }
  .collaboration__picture {
    height: auto;
    max-width: 100%;
    margin-block: 1.25rem;
    position: static;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }
  .collaboration__title, .collaboration__text {
    padding-right: unset;
  }
  .collaboration__title {
    margin-bottom: 1.25rem;
  }
  .collaboration__text {
    margin-bottom: 1rem;
  }
  .collaboration__socials {
    margin-bottom: 1.25rem;
  }
  .collaboration__socials-list {
    gap: 0.375rem;
  }
  .collaboration__socials-link {
    --_icon-size: 1.25rem;
  }
  .collaboration__form-title {
    margin-bottom: 1rem;
  }
  .banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    font-size: var(--fs-md);
    background-image: url(/local/templates/redkot/img/banner/decoration-mobile.svg);
    padding: 1rem 1rem 2.5rem 1rem;
    text-align: center;
  }
  .banner__title {
    margin-bottom: 1rem;
  }
  .banner__content {
    font-size: var(--fs);
  }
  .footer__top-end {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.5rem 1rem;
  }
  .footer__list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 0.5rem);
    flex: 0 0 calc(50% - 0.5rem);
  }
  .footer__list:nth-child(2) {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }
}
@media (max-width: 768px) {
  h1,
  h2,
  .h1,
  .h2 {
    font-size: 1.75rem;
  }
  h4,
  h5,
  .h4,
  .h5 {
    font-size: 1.25rem;
  }
  .btn-primary {
    --_height: 1.875rem;
    --_font-size: 0.875rem;
    --_padding-x: 0.75rem;
  }
  .btn-primary--icon {
    --_icon-size: 1.25rem;
  }
  .btn-primary--icon .icon {
    padding: 0.375rem;
  }
  .btn-primary-75 {
    --_height: 1.875rem;
    --_font-size: 0.875rem;
    --_padding-x: 0.75rem;
    -webkit-padding-end: 0.375rem;
    padding-inline-end: 0.375rem;
  }
  .btn-primary-75--icon {
    --_icon-size: 1.25rem;
  }
  .btn-primary-75--icon .icon {
    padding: 0.375rem;
  }
  .btn-outline-primary {
    --_height: 1.875rem;
    --_font-size: 0.875rem;
    --_padding-x: 0.75rem;
  }
  .btn-outline-primary-50.btn-inverse-md {
    --_color: var(--dark-color);
    --_border: var(--border-width) var(--border-type) var(--border-primary);
    --_color-active: var(--light-color);
    --_background-color-active: var(--background-primary);
    --_border-color-active: var(--border-primary);
  }
  .btn-secondary {
    --_height: 1.875rem;
    --_font-size: 0.875rem;
    --_padding-x: 0.75rem;
  }
  .btn-outline-secondary {
    --_height: 1.875rem;
    --_font-size: 0.875rem;
    --_padding-x: 0.75rem;
  }
  .btn-compare,
  .btn-favorite {
    --_icon-size: 1.125rem;
  }
  .btn-back {
    --_font-size: 1rem;
    --_icon-size: 0.875rem;
  }
  .btn-add-ads {
    width: 100%;
  }
  .choices {
    font-size: var(--fs-xs);
  }
  .choices__inner {
    padding-inline: 1rem;
  }
  .choices__list--single .choices__item {
    gap: 0.625rem;
  }
  .choices__list--single .choices__item .icon {
    --_i-size: .625rem;
  }
  .choices__list[aria-expanded] .choices__item--selectable, .choices__list--dropdown .choices__item--selectable {
    padding-right: 1rem;
  }
  [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable, [dir=rtl] .choices__list--dropdown .choices__item--selectable {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .choices__list[aria-expanded] .choices__item, .choices__list--dropdown .choices__item {
    padding-inline: 1rem;
  }
  .choices--inverse {
    color: var(--primary-color);
  }
  .choices--inverse .choices__inner {
    width: 8.75rem;
  }
  .choices--inverse .choices__inner,
  .choices--inverse .choices__list[aria-expanded] {
    background-color: var(--background-light);
    border-color: var(--primary-color);
  }
  .choices--outline .choices__inner {
    min-height: 2rem;
  }
  .choices--outline .choices__list--dropdown .choices__item, .choices--outline .choices__list[aria-expanded] .choices__item {
    padding-block: 0.5rem;
  }
  .swiper-main .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 0;
  }
  .swiper-button-next,
  .swiper-button-prev {
    --swiper-navigation-size: 2.25rem;
    --swiper-navigation-icon-size: 0.875rem;
    top: calc((var(--swiper-navigation-size) + 1.875rem) * -1);
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    right: calc(var(--swiper-navigation-size) + 0.625rem);
  }
  .swiper-card-header {
    -webkit-padding-end: 6rem;
    padding-inline-end: 6rem;
  }
  .swiper-gallery {
    height: auto;
    -ms-grid-columns: minmax(20rem, 100vw);
    grid-template-columns: minmax(20rem, 100vw);
    -ms-grid-rows: minmax(20rem, 100vw);
    grid-template-rows: minmax(20rem, 100vw);
  }
  .swiper-main .swiper-pagination {
    --swiper-pagination-bullet-inactive-color: var(--background-primary-75);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0.75rem;
  }
  .swiper-video {
    padding-inline: 0;
  }
  .swiper-video .swiper-button-prev,
  .swiper-video .swiper-button-next {
    top: calc((var(--swiper-navigation-size) + 2.25rem) * -1);
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
  }
  .swiper-video .swiper-button-prev {
    right: calc(var(--swiper-navigation-size) + 0.625rem);
    left: auto;
  }
  .custom-checkbox--radio {
    border-radius: var(--radius-lg);
    padding: 1rem;
  }
  .custom-checkbox--radio .custom-checkbox__field {
    width: 1rem;
    height: 1rem;
  }
  .custom-checkbox--radio .custom-checkbox__checked {
    width: 0.5rem;
    height: 0.5rem;
  }
  .custom-checkbox--radio .custom-checkbox__content-title {
    font-size: var(--fs-sm);
    margin-top: 0.125rem;
  }
  .custom-checkbox--radio .custom-checkbox__content-name {
    font-size: var(--fs);
    margin-bottom: 0.25rem;
    margin-top: 0.5rem;
  }
  .custom-checkbox--radio .custom-checkbox__content-address {
    font-size: var(--fs-sm);
    max-width: 17rem;
  }
  .custom-checkbox--radio .custom-checkbox__content-change {
    display: none;
  }
  .social__list {
    gap: 0.375rem;
  }
  .social__list-link {
    --_icon-size: 1.25rem;
  }
  .yandex-rating {
    font-size: 0.625rem;
    gap: 0.5rem;
    -webkit-margin-before: 0;
    margin-block-start: 0;
  }
  .yandex-rating__btn {
    gap: 0.25rem;
  }
  .yandex-rating__image {
    width: 1.25rem;
    height: 1.25rem;
  }
  .yandex-rating .rating {
    --_stars-size: 0.625rem;
  }
  .custom-checkbox {
    gap: 0.5rem;
  }
  .custom-checkbox__field {
    width: 0.625rem;
    height: 0.625rem;
  }
  .custom-checkbox__checked {
    background-size: 0.875rem 0.875rem;
  }
  .custom-checkbox__content {
    font-size: 0.5rem;
  }
  .wrapper-field__title {
    font-size: 0.875rem;
    -webkit-margin-after: 0.25rem;
    margin-block-end: 0.25rem;
  }
  .wrapper-field + .wrapper-field {
    -webkit-margin-before: 0.375rem;
    margin-block-start: 0.375rem;
  }
  .file__name {
    margin-right: 7.5rem;
  }
  .file__btn {
    --_padding-x: 1.25rem;
  }
  .input {
    --input-radius: 0.25rem;
    --input-padding-x: 0.5rem;
  }
  .input-lg {
    --input-radius: var(--radius-xl);
    --input-padding-x: 1rem;
  }
  .input-md-primary-50 {
    --input-background: var(--primary-color--50);
  }
  .graph-modal {
    --_modal-padding-y: 1.25rem;
    --_modal-padding-x: 1.25rem;
  }
  .graph-modal__container {
    max-width: 22.5rem;
  }
  .graph-modal__container--checkbox .custom-checkbox__content {
    margin-top: 0;
  }
  .graph-modal__close {
    top: 0.625rem;
    right: 0.625rem;
  }
  .graph-modal__picture {
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
  }
  .graph-modal__image {
    max-height: 9.5rem;
  }
  .graph-modal__title {
    font-size: 1.25rem;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
  }
  .graph-modal__form-buttons {
    gap: 0.375rem;
    margin-block: 0.625rem 1rem;
  }
  .graph-modal__form-btn {
    --_height: 1.875rem;
    --_font-size: 0.875rem;
    --_border-radius: 0.25rem;
  }
  .other-signin__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0.375rem;
    -webkit-margin-after: 0.625rem;
    margin-block-end: 0.625rem;
  }
  .other-signin__btn {
    --_font-size: 0.625rem;
    -webkit-padding-start: 0.625rem;
    padding-inline-start: 0.625rem;
  }
  .other-signin__image {
    width: 1.25rem;
    height: 1.25rem;
  }
  .signin-change {
    font-size: 0.75rem;
    gap: 0.125rem;
  }
  .card {
    max-width: 16.25rem;
  }
  .card--product {
    max-width: 100%;
  }
  .card__action-start {
    gap: 0.375rem;
  }
  .card--recommended {
    --card-padding-y: 1rem;
    --card-padding-x: 1rem;
    max-width: initial;
  }
  .card--recommended .card__header {
    gap: 0.625rem;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
  }
  .card--recommended .card__header-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.25rem;
  }
  .card--recommended .card__header-name {
    font-size: 0.875rem;
  }
  .card--recommended .card__header-rating {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .card--recommended .card__header-whence {
    font-size: 0.625rem;
  }
  .card--recommended .card__avatar {
    width: 3.125rem;
    height: 3.125rem;
  }
  .card--recommended .card__body {
    max-height: 5rem;
    min-height: initial;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
  }
  .card--recommended .card__text {
    font-size: 0.75rem;
  }
  .card--recommended .card__buttons-button {
    --_height: 1.25rem;
    --_background-color: #f39845;
  }
  .card--order {
    --card-padding-y: 0.625rem;
    --card-padding-x: 0.625rem;
    max-width: 100%;
  }
  .card--order .card__pictures {
    width: 100%;
    max-width: 8rem;
    min-width: initial;
    margin: 0.375rem;
  }
  .card--order .card__info-start, .card--order .card__info-end {
    max-width: 100%;
    -ms-flex-preferred-size: calc(50% - 0.625rem);
    flex-basis: calc(50% - 0.625rem);
  }
  .card--order .card-remove {
    right: 0.625rem;
  }
  .card--vacancy {
    --card-font-size: 1rem;
    --card-radius: 1.25rem;
    --card-padding-y: 1.25rem;
    --card-padding-x: 1.25rem;
    max-width: 100%;
  }
  .card--vacancy .card__title {
    font-size: 1.25rem;
    -webkit-margin-after: 1.25rem;
    margin-block-end: 1.25rem;
  }
  .card--vacancy .card__tabs .tabs__nav-btn {
    --_font-size: 0.875rem;
  }
  .card--vacancy .card__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .card--vacancy .card__footer, .card--vacancy .card__footer-end {
    gap: 1.25rem;
  }
  .card--store {
    --card-padding-y: 1.25rem;
    --card-padding-x: 1.25rem;
    --card-font-size: 0.875rem;
    max-width: 100%;
  }
  .card--store .card__title {
    font-size: 1rem;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
  }
  .card--store .card__list {
    gap: 0.5rem;
  }
  .card--news {
    --card-radius: var(--radius-xl);
    --card-padding-y: 1rem;
    --card-padding-x: 1rem;
    max-width: 100%;
  }
  .card--news .card__pictures {
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
  }
  .card--news .card__pictures-image {
    border-radius: var(--radius-xl);
  }
  .card--news .card__title {
    -webkit-margin-after: 0.625rem;
    margin-block-end: 0.625rem;
  }
  .card--news .card__text {
    font-size: 0.875rem;
  }
  .card--cart {
    --card-font-size: 0.875rem;
    --card-padding-y: 0.625rem;
    --card-padding-x: 0.625rem;
    max-width: 100%;
  }
  .card--cart .card__cashback {
    font-size: 0.75rem;
  }
  .card--cart .card__pictures {
    min-width: 6.25rem;
    padding: 0.5rem;
  }
  .card--cart .card__info,
  .card--cart .card__buttons {
    -webkit-margin-start: 0.625rem;
    margin-inline-start: 0.625rem;
  }
  .card--cart .card__counter {
    max-width: 9.625rem;
  }
  .card--cart .card__buttons {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .card--cart .card__btn {
    --_icon-size: 1.25rem;
  }
  .card--cart-v2 {
    --card-background-color: var(--background-light);
    --card-border: calc(var(--border-width) * 2) var(--border-type) #FFEBD4;
  }
  .card--friend {
    max-width: 100%;
  }
  .card--friend .card__pictures {
    height: 13.125rem;
  }
  .card__list {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pagination__list-btn {
    --_height: 2.5rem;
    --_padding-x: 0.25rem;
  }
  .review__more {
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem;
  }
  .section-main {
    -webkit-padding-before: var(--header-height, 4.375rem);
    padding-block-start: var(--header-height, 4.375rem);
  }
  .section-crossing::after {
    height: 6.4rem;
    background-size: 62.5rem 6.4rem;
    top: -2.5rem;
  }
  .section-new-card::after {
    width: 4.5rem;
    height: 4.5rem;
    left: max(-0.875rem, (100% - var(--content-width)) / 2 - 4.6rem);
    bottom: -3.25rem;
  }
  .section {
    -webkit-margin-after: 5rem;
    margin-block-end: 5rem;
  }
  .section-header {
    -webkit-margin-after: 2.5rem;
    margin-block-end: 2.5rem;
  }
  .section-header-btn {
    width: 100%;
  }
  .section-title--v2 {
    font-size: 1.75rem;
  }
  .section-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-margin-before: 2.5rem;
    margin-block-start: 2.5rem;
  }
  .user__list {
    gap: 0.625rem;
  }
  .user__list-link {
    --_icon-size: 1.25rem;
  }
  .badge {
    gap: 0.25rem;
    font-size: 0.625rem;
    padding: 0.25rem 0.625rem 0.25rem 0.25rem;
  }
  .badge__icon {
    --_i-size: 1.125rem;
  }
  .table {
    font-size: 0.875rem;
  }
  .table caption h3 {
    max-width: initial;
    font-size: 1rem;
  }
  .table tbody {
    color: var(--gray-color);
  }
  .tabs__nav-btn {
    --_height: 2rem;
    --_font-size: 1rem;
  }
  .video-play {
    --_i-size: 10vw;
  }
  /*p + p {
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem;
  }*/
  .accordion {
    font-size: 1rem;
    border-radius: var(--radius-xl);
    padding: 1.25rem;
  }
  .accordion__btn {
    --_icon-size: 1.75rem;
  }
  .accordion.is-active .accordion__content {
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem;
  }
  .header__logo {
    height: 20px;
  }
  .header__search {
    -webkit-margin-start: 0.875rem;
    margin-inline-start: 0.875rem;
  }
  .header__search-btn {
    --_icon-size: 1.25rem;
  }
  .banner-main {
    background-image: var(--banner-image--mobile);
  }
  .banner-main, .banner-main__decoration, .banner-main__inner {
    background-size: 62rem 25rem;
    background-position: center 100%;
  }
  .banner-main__decoration {
    background-image: var(--banner-image--mobile);
  }
  .banner-main__inner {
    background-image: var(--banner-inner-image--mobile);
  }
  .banner-main__info {
    max-width: 25rem;
    min-height: 33.75rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
    margin-inline: auto;
    padding-block: 4rem;
    text-align: center;
  }
  .banner-main__info--list {
    -webkit-padding-after: 18rem;
    padding-block-end: 18rem;
  }
  .banner-main__info--v2 {
    gap: 1.875rem;
    -webkit-padding-after: 18rem;
    padding-block-end: 18rem;
  }
  .banner-main__list {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 100%;
  }
  .banner-main__list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.75rem;
  }
  .banner-main__list-text {
    font-size: 0.75rem;
  }
  .banner-main__badge {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .banner-main__title {
    margin-block: 1.5rem 0;
  }
  .banner-main__title--v2 {
    font-size: 1.75rem;
  }
  .banner-main__text {
    font-size: 0.875rem;
    -webkit-margin-after: 0;
    margin-block-end: 0;
  }
  .banner-main__text--p:last-of-type {
    margin-bottom: 0.5rem;
  }
  .banner-main__picture {
    width: 37rem;
    top: unset;
    bottom: -2rem;
    left: 60%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .banner-main__picture--v2 {
    width: 28rem;
    bottom: -2.25rem;
    left: 50%;
  }
  .banner-main__image{
    transform: translateX(-50px);
  }
  .section-advantages {
    -webkit-margin-after: 3.75rem;
    margin-block-end: 3.75rem;
  }
  .advantages__list {
    gap: 1.5rem 0.5rem;
  }
  .advantages__list-item {
    gap: 1rem;
  }
  .advantages__list-image {
    width: 1.875rem;
    height: 1.875rem;
    -webkit-margin-before: -0.25rem;
    margin-block-start: -0.25rem;
  }
  .advantages__list-title {
    font-size: 1.25rem;
    -webkit-margin-after: 0.75rem;
    margin-block-end: 0.75rem;
  }
  .advantages__list-text {
    font-size: 0.875rem;
  }
  .catalog-block__card {
    padding: 1.25rem;
  }
  .catalog-block__name {
    max-width: 120px;
    font-size: 1rem;
  }
  .catalog-block__icon {
    --_i-size: 1.875rem;
    padding: 0.625rem;
    top: 0.625rem;
    right: 0.625rem;
  }
  .catalog__filter-form {
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    -webkit-margin-after: 1.25rem;
    margin-block-end: 1.25rem;
  }
  .catalog__filter .wrapper-field {
    margin: 0;
  }
  .catalog__filter-btn {
    --_height: 2rem;
    --_icon-size: 1.25rem;
    --_icon-color: var(--primary-color);
    --_icon-color-active: var(--primary-color);
  }
  .catalog__aside {
    max-height: 50vw;
    min-height: 20rem;
    display: none;
    font-size: 0.875rem;
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem;
    padding: 1.25rem;
    position: absolute;
    left: var(--container-offset);
    right: var(--container-offset);
    z-index: 3;
  }
  .catalog__aside.is-show {
    display: block;
  }
  .catalog__aside-accordion {
    font-size: inherit;
    padding: 0;
  }
  .catalog__aside-accordion .accordion__btn--bordered {
    --_padding-y: .375rem;
    --_icon-size: .625rem;
  }
  .section-about-block::after {
    content: "";
    width: 4.25rem;
    height: 4.25rem;
    display: block;
    background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 16%;
    left: -1rem;
    z-index: -1;
  }
  .about-block__title {
    font-size: 1.25rem;
  }
  .about-block__start {
    gap: 2rem;
  }
  .about-block__start-picture {
    --image-size: 30vw;
  }
  .about-block__start-image {
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-1.5rem) rotate(-8deg);
    -ms-transform: translateY(-1.5rem) rotate(-8deg);
    transform: translateY(-1.5rem) rotate(-8deg);
  }
  .about-block__start-text {
    font-size: 0.875rem;
  }
  .about-block__end::after {
    bottom: -1rem;
  }
  .company-item {
    min-height: 6rem;
    font-size: 0.875rem;
    padding: 1rem;
  }
  .company-item__current {
    font-size: 1.5rem;
  }
  .company-item__message {
    max-width: 13rem;
    font-size: 0.75rem;
    -webkit-margin-end: 1.25rem;
    margin-inline-end: 1.25rem;
    padding: 0.5rem 0.75rem;
    left: 11rem;
  }
  .company-item__message::after {
    width: 2.5rem;
    height: 2.5rem;
    bottom: -0.4625rem;
    left: -1rem;
  }
  .company-item--main {
    font-size: 1rem;
    background-size: 11.875rem 6.6875rem;
    -webkit-padding-after: 9rem;
    padding-block-end: 9rem;
  }
  .company-item--main::after {
    width: 4rem;
    height: 4rem;
    bottom: 0;
    right: -1rem;
  }
  .tenet-item {
    min-height: 14rem;
    font-size: 0.875rem;
    padding: 1.25rem;
  }
  .tenet-item__current {
    -webkit-margin-before: -0.5rem;
    margin-block-start: -0.5rem;
    -webkit-margin-end: -0.5rem;
    margin-inline-end: -0.5rem;
  }
  .have-item {
    gap: 1rem;
    font-size: 1rem;
  }
  .have-item__image {
    -webkit-margin-before: -0.25rem;
    margin-block-start: -0.25rem;
    width: 2.5rem;
    height: 2.5rem;
  }
  .have-item__title {
    font-size: 1.25rem;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
  }
  .history-item {
    min-height: initial;
    font-size: 0.875rem;
    background-color: transparent;
    padding: 0;
  }
  .history-item__name {
    font-size: 1.5rem;
  }
  .history-item__image--v2 {
    border-radius: var(--radius-xl);
    position: absolute;
    top: -2rem;
    right: 0;
  }
  .history-item--v2 {
    max-width: 50%;
    position: relative;
  }
  .history-item--v2::before{
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    left: calc(100% + 5px);
    top: calc(50% - 1px);
    border-top:2px dashed #ef7f1a;
  }
  .history-item--v2::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 50%;
    left: calc(150% + 5px);
    top: calc(50% - 1px);
    border-left:2px dashed #ef7f1a;
    background:none;
  }
  .history-item--decor{

  }
  .justify-content-end .history-item--v2::before{
    left: unset;
    right: calc(100% + 5px);
  }
  .justify-content-end .history-item--v2::after{
    left: unset;
    right: calc(150% + 5px);
  }
  .history-item--bg {
    height: 50vw;
    min-height: 11.25rem;
    margin-block: 1.25rem;
  }
  .history-item--bg-md-decor {
    position: relative;
  }
  .history-item--bg-md-decor::after {
    content: "";
    display: block;
    width: 2.5rem;
    height: 4rem;
    background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-14.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -2.25rem;
    right: 0;
    z-index: 1;
  }
  .history-item--main {
    height: auto;
    gap: 1.5rem;
    background-color: var(--background-primary);
    -webkit-margin-before: 4rem;
    margin-block-start: 4rem;
    padding: 1.25rem;
    position: relative;
  }
  .banner-about {
    font-size: 0.875rem;
    background-image: var(--banner-bg--mobile), var(--banner-blob--mobile);
    background-size: 62rem 28.25rem;
    border-radius: var(--radius-xl);
    padding: 1.25rem;
    -webkit-padding-after: 12rem;
    padding-block-end: 12rem;
  }
  .banner-about__picture, .banner-about__image {
    display: none;
  }
  .banner-about__title {
    font-size: 1.5rem;
    -webkit-margin-after: 1.25rem;
    margin-block-end: 1.25rem;
  }
  .banner-about__text + .banner-about__text {
    -webkit-margin-before: 1rem;
    margin-block-start: 1rem;
  }
  .section-brands::after {
    top: 0.5rem;
  }
  .brand-alphabet {
    gap: 0.5rem;
  }
  .brand-alphabet__btn {
    --_height: 2rem;
    --_padding-x: .65rem;
  }
  .brand-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 0.875rem;
    padding: 1.25rem;
  }
  .brand-item__image {
    width: 2.5rem;
    height: 2.5rem;
    font-size: var(--fs);
  }
  .brand-item, .brand-item__list {
    gap: 0.5rem 1.25rem;
  }
  .brand-item__list {
    -webkit-margin-before: 0.5rem;
    margin-block-start: 0.5rem;
  }
  .section-recommended::after {
    content: "";
    width: 6.25rem;
    height: 6.25rem;
    top: 1rem;
    right: -2.75rem;
  }
  .recommended--mobile {
    min-height: clamp(13.75rem, 30vw, 16rem);
    background-size: 55rem 14.5rem;
  }
  .recommended--mobile::after, .recommended--mobile::before {
    width: 30vw;
    height: 30vw;
    min-width: 6.25rem;
    min-height: 6.25rem;
  }
  .recommended--mobile::after {
    right: 2rem;
  }
  .recommended--mobile::before {
    left: 1rem;
  }
  .recommended__info {
    max-width: 11.6rem;
  }
  .recommended__text {
    font-size: 0.875rem;
  }
  .recommended__btn {
    --_background-color: var(--primary-color-dark);
    --_color-active: var(--dark-color);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0.875rem auto 0;
  }
  .filter--buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.5rem;
  }
  .filter__item--buttons {
    -ms-flex-preferred-size: calc(25% - 0.5rem);
    flex-basis: calc(25% - 0.5rem);
  }
  .filter__item--buttons-v2 {
    -ms-flex-preferred-size: initial;
    flex-basis: initial;
  }
  .filter__item--buttons-v2 .filter__item-btn--buttons {
    white-space: nowrap;
  }
  .filter__item-btn--buttons {
    width: 100%;
  }
  .promotional__list {
    gap: 1.25rem;
  }
  .promotional__list-item {
    min-height: 8.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem;
  }
  .promotional__list-title, .promotional__list-text {
    font-size: 1rem;
  }
  .promotional__list-title {
    margin-top: -0.25rem;
    margin-left: -0.25rem;
  }
  .promotional__list-text {
    margin-top: auto;
  }
  .promotional__list-icon {
    --_i-size: 4rem;
    margin-top: -2rem;
    margin-left: -1.5rem;
  }
  .account {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
  }
  .account__aside, .account__main {
    display: none;
  }
  .account__aside.is-show, .account__main.is-show {
    display: block;
  }
  .account__title {
    font-size: 1.75rem;
  }
  .account__list {
    gap: 0.625rem;
  }
  .account__list-btn {
    --_background-color: #fde6cc;
    --_border-radius: var(--radius-3xl);
    --_padding-y: 0.625rem;
    --_padding-x: 0.625rem;
    --_color-active: var(--primary-color);
    max-width: 100%;
  }
  .account__list-btn.is-active {
    --_color-active: var(--dark-color);
  }
  .account__list-btn:is(:hover, :focus-visible, :active) {
    --_color-active: var(--primary-color);
  }
  .account__body {
    background-color: initial;
    padding: initial;
  }
  .account__body-list {
    gap: 0.625rem;
  }
  .account__item {
    padding: 1rem;
  }
  .account__signin {
    background-color: var(--primary-color--75);
    padding: 1.25rem;
  }
  .account__signin-btn {
    --_height: 1.875rem;
    --_font-size: 0.625rem;
  }
  .account__signin-image {
    width: 1.25rem;
    height: 1.25rem;
  }
  .account__edit {
    --_color: var(--light-color);
    --_background-color: var(--background-primary);
  }
  .widget {
    border-radius: var(--radius-3xl);
    padding: 1.25rem;
  }
  .widget__list, .widget__text, .widget__subtext {
    font-size: 1rem;
  }
  .widget__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
  .widget__features-icon {
    --_i-size: 2rem;
    -webkit-margin-before: 0;
    margin-block-start: 0;
  }
  .widget-md-none {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }
  .vacancies {
    background-color: transparent;
  }
  .vacancies__features-item {
    gap: 0.625rem;
  }
  .vacancies__features-picture {
    width: 2.25rem;
    height: 2.25rem;
  }
  .vacancies__features-title {
    font-size: 1rem;
    -webkit-margin-after: 0.625rem;
    margin-block-end: 0.625rem;
  }
  .vacancies__features-text {
    font-size: 0.875rem;
  }
  .swiper-stores .swiper {
    margin-inline: calc(var(--container-offset) * -1);
    padding-inline: var(--container-offset);
  }
  .swiper-stores .swiper-button-prev,
  .swiper-stores .swiper-button-next {
    display: none;
  }
  .map {
    border-radius: var(--radius-xl);
  }
  .article {
    font-size: 1rem;
  }
  .article .list-circle-sm li::before {
    top: 0;
  }
  .client__list-item {
    min-height: 5.625rem;
    border-radius: var(--radius-md);
    padding: 1rem 1.5rem 1rem 1rem;
  }
  .client__list-current {
    font-size: 0.875rem;
  }
  .client__list-title {
    font-size: 1rem;
  }
  .client__list-hint {
    --_i-size: 0.875rem;
  }
  .section-become::before {
    width: 5rem;
    height: 5rem;
    background-image: url(/local/templates/redkot/img/background/svg/decoration-pattern-11.svg);
    top: 7.75rem;
    right: -1rem;
    z-index: 1;
  }
  .become-item {
    min-height: 7.5rem;
    padding: 1.25rem;
  }
  .become-item__link, .become-item__text {
    font-size: 0.875rem;
  }
  .become-item--mail {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.25rem 0.125rem;
    font-size: 0.75rem;
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem;
    padding: 0.5rem 0.875rem;
  }
  .product__title {
    font-size: 1.5rem;
  }
  .product__brand {
    line-height: 1.5;
    -webkit-margin-after: 2rem;
    margin-block-end: 2rem;
  }
  .product__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .product__buttons-btn {
    --_height: 2.5rem;
    --_font-size: 1rem;
    --_padding-x: 1.25rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .product__tabs {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem;
  }
  .product__tabs .tabs__nav {
    -webkit-margin-after: 1.25rem;
    margin-block-end: 1.25rem;
  }
  .product__tabs .tabs__nav-btn {
    --_font-size: 0.75rem;
  }
  .product__tabs .tabs__panel {
    font-size: 1rem;
  }
  .product__tabs .tabs__panel-text {
    line-height: 1.5;
  }
  .product__tabs .tabs__panel-text + .tabs__panel-text {
    -webkit-margin-before: 1.25rem;
    margin-block-start: 1.25rem;
  }
  .product__specs-image {
    height: 12rem;
  }
  .product__review-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .product__review-btn {
    --_padding-x: 2rem;
  }
  .ads {
    font-size: 1rem;
  }
  .ads__image {
    min-height: calc(100vw - var(--container-offset) * 2);
    -webkit-margin-after: 2.5rem;
    margin-block-end: 2.5rem;
  }
  .ads__title {
    font-size: 2rem;
    -webkit-margin-after: 2.5rem;
    margin-block-end: 2.5rem;
  }
  .ads__list {
    gap: 1rem 1.25rem;
  }
  .cart__list-header {
    padding: 0.375rem;
  }
  .cart__btn--all {
    --_font-size: .875rem;
    --_icon-size: 1rem;
    gap: 0.5rem;
  }
  .cart__aside {
    display: -ms-grid;
    display: grid;
    background-color: transparent;
    padding: 0;
  }
  .cart__aside-title {
    display: none;
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
  }
  .cart__bonus {
    background-color: #FFEBD4;
    -webkit-margin-after: 2.5rem;
    margin-block-end: 2.5rem;
    border-radius: var(--radius-xl);
    padding: 1.25rem;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .cart__bonus-inner {
    border: 0;
    padding: 0;
  }
  .collaboration {
    font-size: 1rem;
  }
  .collaboration-decor {
    width: 4rem;
    height: 4rem;
    top: -5rem;
  }
  .collaboration__title {
    font-size: 1.5rem;
  }
  .collaboration__title--invisible {
    display: none;
  }
  .collaboration__text--visible-md {
    display: block;
  }
  .collaboration__text--invisible-md {
    display: none;
  }
  .collaboration__form .custom-checkbox__content {
    margin-top: 0;
  }
  .order__title {
    font-size: var(--fs-md);
    margin-bottom: 0.25rem;
  }
  .order__client {
    font-size: var(--fs);
    border-radius: var(--radius-lg);
    padding: 1rem;
  }
  .order__client-change {
    display: none;
  }
  .footer {
    -webkit-margin-before: 10rem;
    margin-block-start: 10rem;
    padding-block: 4rem 1.25rem;
  }
  .footer__top {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .footer__top-end {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (auto)[2];
    grid-template-columns: repeat(2, auto);
    grid-auto-flow: dense;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
  }
  .footer__bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .footer__bottom-link {
    --_font-size: 0.5rem;
  }
  .footer__header {
    -webkit-margin-after: 0;
    margin-block-end: 0;
  }
  .footer__logo-image {
    height: 1.125rem;
  }
  .footer__copy {
    font-size: 0.5rem;
    -webkit-margin-before: 0.5rem;
    margin-block-start: 0.5rem;
  }
  .footer__list {
    -webkit-padding-start: 1.625rem;
    padding-inline-start: 1.625rem;
  }
  .footer__list-header {
    font-size: 0.75rem;
    -webkit-margin-after: 0.25rem;
    margin-block-end: 0.25rem;
  }
  .footer__list-header-image {
    width: 1.25rem;
    height: 1.25rem;
    right: calc(100% + 0.375rem);
  }
  .footer__list-link {
    --_font-size: 0.625rem;
    --_font-weight: 400;
  }
  .footer__callback-title {
    font-size: 0.625rem;
    -webkit-margin-after: 0.75rem;
    margin-block-end: 0.75rem;
  }
  .footer__callback-checkbox .custom-checkbox__content {
    font-size: 0.5rem;
    -webkit-margin-before: 0.125rem;
    margin-block-start: 0.125rem;
  }
  .footer__field-input {
    min-height: 1.375rem;
    font-size: 0.625rem;
    line-height: 1;
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
    -webkit-padding-start: 0.75rem;
    padding-inline-start: 0.75rem;
  }
  .footer__field-btn {
    --_border-radius: var(--radius-sm);
    --_icon-size: 0.5rem;
    width: 1.375rem;
  }
  .footer__col {
    display: -ms-grid;
    display: grid;
    gap: 1.5rem;
  }
  .footer-wave::after {
    height: 3.25rem;
    background-image: url(/local/templates/redkot/img/background/svg/wave-mobile--footer.svg);
    background-size: 36.5rem 3.25rem;
  }
  .footer-decoration::after {
    width: 6.25rem;
    height: 6.25rem;
    top: -7.5rem;
  }
  .footer-decoration::before {
    top: -14rem;
    right: -1rem;
  }
}
@media (max-width: 576px) {
  .section-crossing::after {
    height: 3.4375rem;
    background-image: url(/local/templates/redkot/img/background/svg/wave-mobile--main.svg);
    background-size: 33.75rem 3.4375rem;
    top: auto;
    bottom: calc(100% - 0.125rem);
  }
  .section-header--v2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .card--order .card__pictures {
    height: 11rem;
  }
  .card--order .card__title {
    -ms-flex-preferred-size: initial;
    flex-basis: initial;
  }
  .card--order .card__info {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .card--order .card__info-start, .card--order .card__info-end {
    -ms-flex-preferred-size: initial;
    flex-basis: initial;
  }
  .card__list {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }
  .header__menu {
    max-width: 100%;
    border-radius: 0;
  }
  .advantages__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .catalog-block__item {
    min-height: 10rem;
  }
  .catalog__filter-form {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: 0.5rem;
  }
  .section-brands::after {
    top: calc(4.625rem - 10%);
  }
  .brands__list {
    -ms-grid-columns: (1fr)[2];
    display: flex;
    overflow:auto;
    gap: 0.625rem;
  }
  .brands__list-item {
    border-radius: var(--radius-xxl, 1.5rem);
    width: 50vw;
    flex-shrink: 0;
  }
  .brand-item__list {
    -ms-grid-columns: (minmax(0, auto))[2];
    grid-template-columns: repeat(2, minmax(0, auto));
  }
  .promotional__list {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }
  .recommended--mobile {
    background-image: url(/local/templates/redkot/img/background/svg/blob-recommended-mobile.svg);
    background-size: calc(100% + 2rem) calc(100% + 1.25rem);
  }
  .client__list-item {
    min-height: clamp(5.625rem, 25vw, 8rem);
  }
  .product__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .product__buttons-btn {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .account__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .account__header--transfer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media (max-width: 360px) {
  .filter__item--buttons {
    -ms-flex-preferred-size: calc(33.33333% - 0.5rem);
    flex-basis: calc(33.33333% - 0.5rem);
  }
  .vacancies__features {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }
}
.wrapper-video.js-video.is-show .icon.video-play {
	display:none;
}
@media (max-width: 900px) {
	.index-mobile {
		-webkit-padding-before: 70px;
        padding-block-start: 70px;
	}
}
/* End */


/* Start:/local/templates/redkot/components/arturgolubev/search.title/header-mobile/style.min.css?172226948112020*/
.bx_smart_searche,.bx_smart_searche *,.bx-searchtitle,.bx-searchtitle *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:14px}.bx-searchtitle{margin:10px 0 0}.bx-searchtitle-history{margin-top:5px}.bx-searchtitle-history a{color:#222;text-decoration:underline}.bx-searchtitle-history a:hover{text-decoration:none}.bx-searchtitle .bx-block-title{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px;font-weight:600}.bx-searchtitle .bx-input-group{position:relative;display:table;border-collapse:separate;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-searchtitle .bx-input-group .bx-form-control{display:table-cell;position:relative;z-index:2;float:left;width:100%;margin-bottom:0;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#333;background-color:#f8fafc;border:1px solid #d5dadc;border-right:none;border-radius:1px 0 0 1px;outline:none;box-shadow:none!important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-searchtitle .bx-input-group .bx-form-control:focus{background-color:#fff}.bx-ios .bx-searchtitle .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0%,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0%,#f8fafc 100%)}.bx-searchtitle .bx-input-group-btn{position:relative;font-size:0;width:1%;white-space:nowrap;vertical-align:middle;display:table-cell;line-height:normal}.bx-searchtitle .bx-input-group-btn button{position:relative;border:none;background:url(/local/templates/redkot/components/arturgolubev/search.title/header-mobile/images/search-icon.png) center center no-repeat #95a1a8;display:inline-block;margin-bottom:0;cursor:pointer;padding:0;border-radius:0 1px 1px 0;color:#fff;font-size:16px;line-height:1.42857143;height:34px;width:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.bx-searchtitle .bx-input-group-btn button:hover{background-color:#1484CE}div.title-search-result{border:0 none!important;border-top:0 none;display:none;overflow:hidden;z-index:999;min-width:200px;margin-top:3px;background-color:#FFF;border-radius:2px;box-shadow:0 0 7px -2px #d6d6d6}div.title-search-fader{display:none;background-image:url(/local/templates/redkot/components/arturgolubev/search.title/header-mobile/images/fader.png);background-position:right top;background-repeat:repeat-y;position:absolute}p.title-search-preview{font-size:12px}div.title-search-result td.title-search-price span{font-size:26px}.bx_smart_searche{padding-top:8px;border-top:0 none;border-radius:0 0 3px 3px}.bx_smart_searche .bx_info_wrap{margin-left:85px}.bx_smart_searche .bx_img_element{float:left;padding:5px;width:75px;text-align:center}.bx_smart_searche .bx_item_block{min-height:65px;position:relative}.bx_smart_searche .bx_image{display:inline-block;max-width:100%}.bx_smart_searche .bx_image.empty_image{background-image:url(/local/templates/redkot/components/arturgolubev/search.title/header-mobile/image/noimg.png)}.bx_smart_searche .bx_item_element{padding:8px 0}.bx_smart_searche .bx_item_element_all_result{text-align:center}.bx_smart_searche .bx_item_element hr{margin:0;border:none;border-bottom:1px solid #e5e5e5}.bx_smart_searche .bx_item_element a{margin-top:5px;display:inline-block;color:#333;font-size:14px;text-decoration:none;font-weight:700}.bx_smart_searche .bx_item_element a b{font-weight:700;color:#000}.bx_smart_searche .bx_item_element a:hover,.bx_smart_searche .bx_item_element a:hover b{text-decoration:underline}.bx_smart_searche .bx_item_preview_text{font-size:13px;padding:5px 10px 5px 0}.bx_smart_searche .bx_price{font-weight:700;font-size:15px;margin-top:5px}.bx_smart_searche .bx_price .old{font-weight:400;text-decoration:line-through;color:#636363;font-size:12px;vertical-align:middle}.bx_smart_searche .bx_item_block.all_result{min-height:0}.bx_smart_searche .bx_item_block.others_result{min-height:0;line-height:12px;padding:0}.bx_smart_searche .bx_item_block.all_result .all_result_button{display:inline-block;font-size:14px;background-color:#1485CE;border:1px solid;border-color:#1485CE;color:#FFF;padding:0 22px;height:34px;text-decoration:none;border-radius:2px;margin:0 0 8px;line-height:34px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.bx_smart_searche .bx_item_block_href{display:block;text-decoration:none;margin-bottom:5px;padding:8px;line-height:14px}.bx_smart_searche .bx_item_block_href:hover{background-color:#feeed2}.bx_smart_searche .bx_item_block_hrline{border-bottom:1px solid #f5a61c;margin:0 8px 5px}.bx_item_block_item_clear{display:block;clear:both}.bx_smart_searche .bx_item_block_item_info_wrap{display:block}.bx_smart_searche .bx_item_block_item_info_wrap.wpic{padding-left:39px}.bx_smart_searche .bx_item_block_item_info{display:block}.bx_smart_searche .bx_item_block_href_category_title{color:#a2a2a2}.bx_smart_searche .bx_item_block_href_category_name{color:#f5a61c;font-weight:700;text-transform:uppercase}.bx_smart_searche .bx_item_block_item_image{width:34px;height:34px;float:left;margin-right:5px;position:relative}.bx_smart_searche .bx_item_block_item_image img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%}.bx_smart_searche .bx_item_block_item_name{color:#333;overflow:hidden;height:34px;display:block;line-height:17px;display:flex}.bx_smart_searche .bx_item_block_item_name_flex_align{margin:auto 0}.bx_smart_searche .bx_item_block_item_simple_name{color:#333;display:block;line-height:17px}.bx_smart_searche .bx_item_block_item_name b,.bx_smart_searche .bx_item_block_item_simple_name b{color:#f5a61c}.bx_smart_searche .bx_item_block_item_price{float:right;text-align:right;color:#333;line-height:17px;padding-left:5px}.bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one{line-height:34px}.bx_smart_searche .bx_item_block_item_price .bx_price_new{white-space:nowrap;font-weight:700;display:block}.bx_smart_searche .bx_item_block_item_price .bx_price_old{white-space:nowrap;text-decoration:line-through}.bx_smart_searche .bx_item_block_item_text{color:#9b9b9b;display:block;margin-top:8px;font-size:13px;line-height:15px}.bx_smart_searche .bx_item_block_item_props{color:#9b9b9b;display:block;margin-top:8px;font-size:13px;line-height:15px}.bx_item_block_item_prop_item{display:block}.bx_smart_no_result_find{padding:0 8px 8px}.bx-searchtitle .bx-searchtitle-preloader{position:absolute;top:2px;right:110%;width:30px;height:30px;z-index:5;display:none}.bx-searchtitle .bx-searchtitle-preloader.view{background:url(/local/templates/redkot/components/arturgolubev/search.title/header-mobile/images/loader_orange.gif) center center no-repeat}.bx-searchtitle.theme-blue .bx-input-group .bx-form-control{border-color:#0083d1}.bx-searchtitle.theme-blue .bx-searchtitle-preloader.view{background-image:url(/local/templates/redkot/components/arturgolubev/search.title/header-mobile/images/loader_blue.gif)}.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{background-color:#0083d1;border-color:#0083d1}.bx-searchtitle.theme-blue .bx-input-group-btn button{background-color:#0083d1;border-color:#0083d1;color:#FFF}.bx-searchtitle.theme-blue .bx-input-group-btn button:hover,.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover{background-color:#5ca6e4;border-color:#5ca6e4;text-decoration:none}.bx_smart_searche.theme-blue .bx_item_element a b{color:#5ca6e4}.bx_smart_searche.theme-blue .bx_item_block_href:hover{background-color:#b2d9f1}.bx_smart_searche.theme-blue .bx_item_block_href_category_name{color:#0083d1}.bx_smart_searche.theme-blue .bx_item_block_item_name b,.bx_smart_searche.theme-blue .bx_item_block_item_simple_name b{color:#0083d1}.bx_smart_searche.theme-blue .bx_item_block_hrline{border-color:#0083d1}.bx-searchtitle.theme-black .bx-input-group .bx-form-control{border-color:#333}.bx-searchtitle.theme-black .bx-searchtitle-preloader.view{background-image:url(/local/templates/redkot/components/arturgolubev/search.title/header-mobile/images/loader_black.gif)}.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{background-color:#333;border-color:#333}.bx-searchtitle.theme-black .bx-input-group-btn button{background-color:#333;border-color:#333;color:#FFF}.bx-searchtitle.theme-black .bx-input-group-btn button:hover,.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover{background-color:#5c5c5c;border-color:#5c5c5c;text-decoration:none}.bx_smart_searche.theme-black .bx_item_element a b{color:#5c5c5c}.bx_smart_searche.theme-black{border-top:0 none;border-radius:0 0 3px 3px}.bx_smart_searche.theme-black .bx_item_block_href:hover{background-color:#eaeaea}.bx_smart_searche.theme-black .bx_item_block_href_category_name{color:#333}.bx_smart_searche.theme-black .bx_item_block_item_name b,.bx_smart_searche.theme-black .bx_item_block_item_simple_name b{color:#333}.bx_smart_searche.theme-black .bx_item_block_hrline{border-color:#333}.bx-searchtitle.theme-green .bx-input-group .bx-form-control{border-color:#159ebb}.bx-searchtitle.theme-green .bx-searchtitle-preloader.view{background-image:url(/local/templates/redkot/components/arturgolubev/search.title/header-mobile/images/loader_green.gif)}.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{background-color:#159ebb;border-color:#159ebb}.bx-searchtitle.theme-green .bx-input-group-btn button{background-color:#159ebb;border-color:#159ebb;color:#FFF}.bx-searchtitle.theme-green .bx-input-group-btn button:hover,.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover{background-color:#44b1c9;border-color:#44b1c9;text-decoration:none}.bx_smart_searche.theme-green .bx_item_element a b{color:#44b1c9}.bx_smart_searche.theme-green .bx_item_block_href:hover{background-color:#d0ebf1}.bx_smart_searche.theme-green .bx_item_block_href_category_name{color:#159ebb}.bx_smart_searche.theme-green .bx_item_block_item_name b,.bx_smart_searche.theme-green .bx_item_block_item_simple_name b{color:#159ebb}.bx_smart_searche.theme-green .bx_item_block_hrline{border-color:#159ebb}.bx-searchtitle.theme-red .bx-input-group .bx-form-control{border-color:#E22B2B}.bx-searchtitle.theme-red .bx-searchtitle-preloader.view{background-image:url(/local/templates/redkot/components/arturgolubev/search.title/header-mobile/images/loader_red.gif)}.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{background-color:#E22B2B;border-color:#E22B2B}.bx-searchtitle.theme-red .bx-input-group-btn button{background-color:#E22B2B;border-color:#E22B2B;color:#FFF}.bx-searchtitle.theme-red .bx-input-group-btn button:hover,.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover{background-color:#e95c5c;border-color:#e95c5c;text-decoration:none}.bx_smart_searche.theme-red .bx_item_element a b{color:#e95c5c}.bx_smart_searche.theme-green .bx_item_block_href:hover{background-color:#f9d4d4}.bx_smart_searche.theme-red .bx_item_block_href_category_name{color:#E22B2B}.bx_smart_searche.theme-red .bx_item_block_item_name b,.bx_smart_searche.theme-red .bx_item_block_item_simple_name b{color:#E22B2B}.bx_smart_searche.theme-red .bx_item_block_hrline{border-color:#E22B2B}.bx-searchtitle.theme-yellow .bx-input-group .bx-form-control{border-color:#F9A91D}.bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view{background-image:url(/local/templates/redkot/components/arturgolubev/search.title/header-mobile/images/loader_yellow.gif)}.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{background-color:#F9A91D;border-color:#F9A91D}.bx-searchtitle.theme-yellow .bx-input-group-btn button{background-color:#F9A91D;border-color:#F9A91D;color:#FFF}.bx-searchtitle.theme-yellow .bx-input-group-btn button:hover,.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover{background-color:#faba4a;border-color:#faba4a;text-decoration:none}.bx_smart_searche.theme-yellow .bx_item_element a b{color:#faba4a}.bx_smart_searche.theme-yellow .bx_item_block_href_category_name{color:#F9A91D}.bx_smart_searche.theme-yellow .bx_item_block_item_name b,.bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b{color:#F9A91D}.bx_smart_searche.theme-yellow .bx_item_block_hrline{border-color:#F9A91D}
/* End */


/* Start:/local/templates/redkot/components/bitrix/menu/catalog_horizontal_header_new/style.css?17474868356598*/
li.header__bottom-item {
	display: flex;
    gap: 7px;
	align-items: center;
}
li.header__bottom-item img{
	max-width: 25px;
    height: fit-content;
}

.levels .level2 li > a#header__catalog-menu {
    width: 100%;
    min-height: calc(100% - 155px);
}

#header__catalog-menu {
    width: 100%;
    position: relative;
}

/* Контейнер Уровней */
.levels{
    display: flex;
    width: 100%;
    max-width: 1385px;

    position: absolute;
    top: 100%;
    left: 0;
    height: calc(100svh - 170px);
    background-color: var(--background-light);
    border: 1px solid var(--primary-color);
    border-radius: var(--radius-xl) 0 var(--radius-xl) var(--radius-xl);
}

.level2_wrapper{
    display: none;
}
.level2_wrapper.visible{
    display: flex;
}
.levels{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 100%;
	max-height: 700px;
}
.levels.visible{
    opacity: 1;
    visibility: visible;
}

.level3{
    display: none;
}
.level3.visible{
    display: flex;
}

@media screen and (max-width: 768px) {
    .levels{
        justify-content: start;
    }
}

.levels .level2,
.levels .level3 {
    width: calc(50%);
    padding-right: 15px;
}

.levels .level3 {
    padding-left: 20px;
}

.levels .level3:nth-child(1) {
    display: flex;
}

/* Уровень 1 */
.levels .level1{
    width: 25%;
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 20px 20px 20px 0;
    margin-left: -10px;
    max-height: calc(100vh - 160px);
    overflow: scroll;
}

.levels .level1,
.levels .level2,
.levels .level3 {
    border-right: 1px solid #f1f1f1;
}

.levels .level1::-webkit-scrollbar{
    display: none;
}
.levels .level1 li,
.levels .level2 li {
    display: flex;
    align-items: center;
    gap: 15px;
    border-radius: 12px;
    padding: 6px 0 6px 10px;
    cursor: pointer;
    /*transition: color 300ms ease-in-out, background 300ms ease-in-out;*/
}
.levels .level2 li > a {
    color: inherit;
}
.levels .level1 li > .icon,
.levels .level2 li > .icon {
    margin-left: auto;
    margin-right: .5rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}
.levels .level1 li:not(:last-child) {
    margin-bottom: 6px;
}
.levels .level1 li:is(:hover, :focus-visible, :active, .is-active),
.levels .level2 li:is(:hover, :focus-visible, :active, .is-active) {
    color: #212121;
    background-color: #f5f6f8;
}
.levels .level1 li:is(:hover, :focus-visible, :active, .is-active) .icon,
.levels .level2 li:is(:hover, :focus-visible, :active, .is-active) .icon {
    opacity: 1;
    visibility: visible;
}
.levels .level1 li h5{
    font-size: 16px;
    /*font-weight: 500;*/
    cursor: pointer;
}
.levels .level1 li img{
    width: 20px;
    height: 20px;
}

.icon {
    --i-size: 1rem;
    --i-color: #333;
    width: var(--i-size);
    height: var(--i-size);
    color: var(--i-color);
    flex-shrink: 0;
}

.icon svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

@media screen and (min-width: 1024px) {
    .levels .level1 li h5{
        font-size: 16px;
    }
}
@media screen and (max-width: 1024px) {
    .levels .level1 li h5{
        font-size: 13px;
    }
}
@media screen and (max-width: 640px) {
    .levels .level1{
        margin-right: 20px;
    }
    .levels .level1 li h5{
        font-size: 11px;
    }
    .levels .level1 li{
        gap: 10px;
    }
    .levels .level1 li img{
        width: 15px;
        height: 15px;
    }
}
@media screen and (max-width: 458px) {
    .levels .level1{
        padding: 0 2px 0 0;
    }
    .levels .level1 li h5{
        font-size: 11px;
    }
    .levels .level1::-webkit-scrollbar{
        display: none;
    }
}


/* Уровень 2 */
.levels .level2_wrapper{
    width: 75%;
    max-height: calc(100vh - 160px);
    justify-content: space-between;
    padding: 15px 0px 0px 15px;
}

.levels .level2,
.levels .level3{
    flex-direction: column;
    list-style: none;
    margin-top: -8px;
    overflow: scroll;
}

.levels .level2::-webkit-scrollbar, 
.levels .level3::-webkit-scrollbar {
    display: none;
}

.levels .level2 li,
.levels .level3 li {
    cursor: pointer;
}
.levels .level2 li span, 
.levels .level3 li span {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    margin-left: .25rem;
}
.levels .level2 li:nth-child(1), 
.levels .level3 li:nth-child(1) {
    font-weight: bolder;
}

.levels .level3 li > a {
    width: 100%;
    display: inline-block;
    border-radius: 12px;
    padding: 6px 10px;
    /*transition: color 300ms ease-in-out, background 300ms ease-in-out;*/
}

.levels .level3 li:is(:hover, :focus-visible, :active) > a {
    color: #212121;
    background-color: #f5f6f8;
}

@media screen and (max-width: 1024px) {
    .levels .level2 li,
    .levels .level3 li {
        font-size: 12px;
    }
    .levels .level2_wrapper .level2,
    .levels .level2_wrapper .level3 {
        padding: 0 0 20px 0;
    }
    .levels .level2_wrapper{
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 768px) {
    .levels .level2_wrapper{
        max-width: 60%;
        padding: 10px 0px 0px 10px ;
    }
}
@media screen and (max-width: 458px) {
    .levels .level2 li,
    .levels .level3 li {
        font-size: 10px;
    }
    .levels .level2_wrapper .level2,
    .levels .level2_wrapper .level3 {
        min-width: 140px;
    }
}


/* Изображение */
.levels .level2_wrapper .productImage{
    width: 240px;
    height: 300px;
    margin-left: 12px;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
}

.levels .level2_wrapper .productImage img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.levels .level2_wrapper .productImage2 > img,
.levels .level2_wrapper .productImage3 > img {
    background-color: #f5f6f8;
    border-radius: 20px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
}

.levels .level2_wrapper .productImage2 > img.is-show,
.levels .level2_wrapper .productImage3 > img.is-show {
    opacity: 1;
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .levels .level2_wrapper .productImage{
        width: 200px;
        height: 250px;
        margin-left: 30px;
    }
}

@media screen and (max-width: 992px) {
    .levels .level2_wrapper .productImage{
        display: none;
    }

    .levels .level1 {
        width: 33.3333%;
    }

    .levels .level2,
    .levels .level3 {
        width: 50%;
    }
}
/* End */


/* Start:/local/templates/redkot/components/arturgolubev/search.title/header-desktop/style.min.css?172226389412020*/
.bx_smart_searche,.bx_smart_searche *,.bx-searchtitle,.bx-searchtitle *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:14px}.bx-searchtitle{margin:10px 0 0}.bx-searchtitle-history{margin-top:5px}.bx-searchtitle-history a{color:#222;text-decoration:underline}.bx-searchtitle-history a:hover{text-decoration:none}.bx-searchtitle .bx-block-title{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px;font-weight:600}.bx-searchtitle .bx-input-group{position:relative;display:table;border-collapse:separate;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-searchtitle .bx-input-group .bx-form-control{display:table-cell;position:relative;z-index:2;float:left;width:100%;margin-bottom:0;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#333;background-color:#f8fafc;border:1px solid #d5dadc;border-right:none;border-radius:1px 0 0 1px;outline:none;box-shadow:none!important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-searchtitle .bx-input-group .bx-form-control:focus{background-color:#fff}.bx-ios .bx-searchtitle .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0%,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0%,#f8fafc 100%)}.bx-searchtitle .bx-input-group-btn{position:relative;font-size:0;width:1%;white-space:nowrap;vertical-align:middle;display:table-cell;line-height:normal}.bx-searchtitle .bx-input-group-btn button{position:relative;border:none;background:url(/local/templates/redkot/components/arturgolubev/search.title/header-desktop/images/search-icon.png) center center no-repeat #95a1a8;display:inline-block;margin-bottom:0;cursor:pointer;padding:0;border-radius:0 1px 1px 0;color:#fff;font-size:16px;line-height:1.42857143;height:34px;width:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.bx-searchtitle .bx-input-group-btn button:hover{background-color:#1484CE}div.title-search-result{border:0 none!important;border-top:0 none;display:none;overflow:hidden;z-index:999;min-width:200px;margin-top:3px;background-color:#FFF;border-radius:2px;box-shadow:0 0 7px -2px #d6d6d6}div.title-search-fader{display:none;background-image:url(/local/templates/redkot/components/arturgolubev/search.title/header-desktop/images/fader.png);background-position:right top;background-repeat:repeat-y;position:absolute}p.title-search-preview{font-size:12px}div.title-search-result td.title-search-price span{font-size:26px}.bx_smart_searche{padding-top:8px;border-top:0 none;border-radius:0 0 3px 3px}.bx_smart_searche .bx_info_wrap{margin-left:85px}.bx_smart_searche .bx_img_element{float:left;padding:5px;width:75px;text-align:center}.bx_smart_searche .bx_item_block{min-height:65px;position:relative}.bx_smart_searche .bx_image{display:inline-block;max-width:100%}.bx_smart_searche .bx_image.empty_image{background-image:url(/local/templates/redkot/components/arturgolubev/search.title/header-desktop/image/noimg.png)}.bx_smart_searche .bx_item_element{padding:8px 0}.bx_smart_searche .bx_item_element_all_result{text-align:center}.bx_smart_searche .bx_item_element hr{margin:0;border:none;border-bottom:1px solid #e5e5e5}.bx_smart_searche .bx_item_element a{margin-top:5px;display:inline-block;color:#333;font-size:14px;text-decoration:none;font-weight:700}.bx_smart_searche .bx_item_element a b{font-weight:700;color:#000}.bx_smart_searche .bx_item_element a:hover,.bx_smart_searche .bx_item_element a:hover b{text-decoration:underline}.bx_smart_searche .bx_item_preview_text{font-size:13px;padding:5px 10px 5px 0}.bx_smart_searche .bx_price{font-weight:700;font-size:15px;margin-top:5px}.bx_smart_searche .bx_price .old{font-weight:400;text-decoration:line-through;color:#636363;font-size:12px;vertical-align:middle}.bx_smart_searche .bx_item_block.all_result{min-height:0}.bx_smart_searche .bx_item_block.others_result{min-height:0;line-height:12px;padding:0}.bx_smart_searche .bx_item_block.all_result .all_result_button{display:inline-block;font-size:14px;background-color:#1485CE;border:1px solid;border-color:#1485CE;color:#FFF;padding:0 22px;height:34px;text-decoration:none;border-radius:2px;margin:0 0 8px;line-height:34px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.bx_smart_searche .bx_item_block_href{display:block;text-decoration:none;margin-bottom:5px;padding:8px;line-height:14px}.bx_smart_searche .bx_item_block_href:hover{background-color:#feeed2}.bx_smart_searche .bx_item_block_hrline{border-bottom:1px solid #f5a61c;margin:0 8px 5px}.bx_item_block_item_clear{display:block;clear:both}.bx_smart_searche .bx_item_block_item_info_wrap{display:block}.bx_smart_searche .bx_item_block_item_info_wrap.wpic{padding-left:39px}.bx_smart_searche .bx_item_block_item_info{display:block}.bx_smart_searche .bx_item_block_href_category_title{color:#a2a2a2}.bx_smart_searche .bx_item_block_href_category_name{color:#f5a61c;font-weight:700;text-transform:uppercase}.bx_smart_searche .bx_item_block_item_image{width:34px;height:34px;float:left;margin-right:5px;position:relative}.bx_smart_searche .bx_item_block_item_image img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%}.bx_smart_searche .bx_item_block_item_name{color:#333;overflow:hidden;height:34px;display:block;line-height:17px;display:flex}.bx_smart_searche .bx_item_block_item_name_flex_align{margin:auto 0}.bx_smart_searche .bx_item_block_item_simple_name{color:#333;display:block;line-height:17px}.bx_smart_searche .bx_item_block_item_name b,.bx_smart_searche .bx_item_block_item_simple_name b{color:#f5a61c}.bx_smart_searche .bx_item_block_item_price{float:right;text-align:right;color:#333;line-height:17px;padding-left:5px}.bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one{line-height:34px}.bx_smart_searche .bx_item_block_item_price .bx_price_new{white-space:nowrap;font-weight:700;display:block}.bx_smart_searche .bx_item_block_item_price .bx_price_old{white-space:nowrap;text-decoration:line-through}.bx_smart_searche .bx_item_block_item_text{color:#9b9b9b;display:block;margin-top:8px;font-size:13px;line-height:15px}.bx_smart_searche .bx_item_block_item_props{color:#9b9b9b;display:block;margin-top:8px;font-size:13px;line-height:15px}.bx_item_block_item_prop_item{display:block}.bx_smart_no_result_find{padding:0 8px 8px}.bx-searchtitle .bx-searchtitle-preloader{position:absolute;top:2px;right:110%;width:30px;height:30px;z-index:5;display:none}.bx-searchtitle .bx-searchtitle-preloader.view{background:url(/local/templates/redkot/components/arturgolubev/search.title/header-desktop/images/loader_orange.gif) center center no-repeat}.bx-searchtitle.theme-blue .bx-input-group .bx-form-control{border-color:#0083d1}.bx-searchtitle.theme-blue .bx-searchtitle-preloader.view{background-image:url(/local/templates/redkot/components/arturgolubev/search.title/header-desktop/images/loader_blue.gif)}.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{background-color:#0083d1;border-color:#0083d1}.bx-searchtitle.theme-blue .bx-input-group-btn button{background-color:#0083d1;border-color:#0083d1;color:#FFF}.bx-searchtitle.theme-blue .bx-input-group-btn button:hover,.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover{background-color:#5ca6e4;border-color:#5ca6e4;text-decoration:none}.bx_smart_searche.theme-blue .bx_item_element a b{color:#5ca6e4}.bx_smart_searche.theme-blue .bx_item_block_href:hover{background-color:#b2d9f1}.bx_smart_searche.theme-blue .bx_item_block_href_category_name{color:#0083d1}.bx_smart_searche.theme-blue .bx_item_block_item_name b,.bx_smart_searche.theme-blue .bx_item_block_item_simple_name b{color:#0083d1}.bx_smart_searche.theme-blue .bx_item_block_hrline{border-color:#0083d1}.bx-searchtitle.theme-black .bx-input-group .bx-form-control{border-color:#333}.bx-searchtitle.theme-black .bx-searchtitle-preloader.view{background-image:url(/local/templates/redkot/components/arturgolubev/search.title/header-desktop/images/loader_black.gif)}.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{background-color:#333;border-color:#333}.bx-searchtitle.theme-black .bx-input-group-btn button{background-color:#333;border-color:#333;color:#FFF}.bx-searchtitle.theme-black .bx-input-group-btn button:hover,.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover{background-color:#5c5c5c;border-color:#5c5c5c;text-decoration:none}.bx_smart_searche.theme-black .bx_item_element a b{color:#5c5c5c}.bx_smart_searche.theme-black{border-top:0 none;border-radius:0 0 3px 3px}.bx_smart_searche.theme-black .bx_item_block_href:hover{background-color:#eaeaea}.bx_smart_searche.theme-black .bx_item_block_href_category_name{color:#333}.bx_smart_searche.theme-black .bx_item_block_item_name b,.bx_smart_searche.theme-black .bx_item_block_item_simple_name b{color:#333}.bx_smart_searche.theme-black .bx_item_block_hrline{border-color:#333}.bx-searchtitle.theme-green .bx-input-group .bx-form-control{border-color:#159ebb}.bx-searchtitle.theme-green .bx-searchtitle-preloader.view{background-image:url(/local/templates/redkot/components/arturgolubev/search.title/header-desktop/images/loader_green.gif)}.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{background-color:#159ebb;border-color:#159ebb}.bx-searchtitle.theme-green .bx-input-group-btn button{background-color:#159ebb;border-color:#159ebb;color:#FFF}.bx-searchtitle.theme-green .bx-input-group-btn button:hover,.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover{background-color:#44b1c9;border-color:#44b1c9;text-decoration:none}.bx_smart_searche.theme-green .bx_item_element a b{color:#44b1c9}.bx_smart_searche.theme-green .bx_item_block_href:hover{background-color:#d0ebf1}.bx_smart_searche.theme-green .bx_item_block_href_category_name{color:#159ebb}.bx_smart_searche.theme-green .bx_item_block_item_name b,.bx_smart_searche.theme-green .bx_item_block_item_simple_name b{color:#159ebb}.bx_smart_searche.theme-green .bx_item_block_hrline{border-color:#159ebb}.bx-searchtitle.theme-red .bx-input-group .bx-form-control{border-color:#E22B2B}.bx-searchtitle.theme-red .bx-searchtitle-preloader.view{background-image:url(/local/templates/redkot/components/arturgolubev/search.title/header-desktop/images/loader_red.gif)}.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{background-color:#E22B2B;border-color:#E22B2B}.bx-searchtitle.theme-red .bx-input-group-btn button{background-color:#E22B2B;border-color:#E22B2B;color:#FFF}.bx-searchtitle.theme-red .bx-input-group-btn button:hover,.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover{background-color:#e95c5c;border-color:#e95c5c;text-decoration:none}.bx_smart_searche.theme-red .bx_item_element a b{color:#e95c5c}.bx_smart_searche.theme-green .bx_item_block_href:hover{background-color:#f9d4d4}.bx_smart_searche.theme-red .bx_item_block_href_category_name{color:#E22B2B}.bx_smart_searche.theme-red .bx_item_block_item_name b,.bx_smart_searche.theme-red .bx_item_block_item_simple_name b{color:#E22B2B}.bx_smart_searche.theme-red .bx_item_block_hrline{border-color:#E22B2B}.bx-searchtitle.theme-yellow .bx-input-group .bx-form-control{border-color:#F9A91D}.bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view{background-image:url(/local/templates/redkot/components/arturgolubev/search.title/header-desktop/images/loader_yellow.gif)}.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{background-color:#F9A91D;border-color:#F9A91D}.bx-searchtitle.theme-yellow .bx-input-group-btn button{background-color:#F9A91D;border-color:#F9A91D;color:#FFF}.bx-searchtitle.theme-yellow .bx-input-group-btn button:hover,.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover{background-color:#faba4a;border-color:#faba4a;text-decoration:none}.bx_smart_searche.theme-yellow .bx_item_element a b{color:#faba4a}.bx_smart_searche.theme-yellow .bx_item_block_href_category_name{color:#F9A91D}.bx_smart_searche.theme-yellow .bx_item_block_item_name b,.bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b{color:#F9A91D}.bx_smart_searche.theme-yellow .bx_item_block_hrline{border-color:#F9A91D}
/* End */


/* Start:/local/templates/redkot/components/weblend/form.result.new/callback/style.css?173089872668*/
.errors-forms {
	margin: 0px 0px 20px 0px;
    text-align: center;
}
/* End */


/* Start:/local/templates/redkot/components/weblend/form.result.new/vakcinaciya/style.css?173096872968*/
.errors-forms {
	margin: 0px 0px 20px 0px;
    text-align: center;
}
/* End */


/* Start:/local/templates/redkot/components/weblend/form.result.new/vacancy/style.css?173096818468*/
.errors-forms {
	margin: 0px 0px 20px 0px;
    text-align: center;
}
/* End */


/* Start:/local/templates/redkot/components/weblend/feedback.form.element/review/style.min.css?1730977456477*/
.custom_send_form{width:100%;max-width:400px}.send_form_field{width:100%}.send_form_field strong{display:block;margin:15px 0 5px 0}.send_form_field input,.send_form_field textarea{height:45px;width:100%;border:1px #ddd solid;padding:0 15px;border-radius:2px}.send_form_field textarea{height:100px;padding:15px}.send_form_field_d{display:none}.send_form_submit input{height:45px;width:100%;padding:0 15px;border-radius:2px;background:#0b6086;color:#fff;border:0;margin-top:35px}
/* End */


/* Start:/local/templates/redkot/components/weblend/form.result.new/question/style.css?173098195668*/
.errors-forms {
	margin: 0px 0px 20px 0px;
    text-align: center;
}
/* End */


/* Start:/local/templates/redkot/template_styles.css?17474889105607*/
.bxmaker-authuserphone-enter-auth .bxmaker-authuserphone-header.bxmaker-authuserphone-enter-auth__title, .bxmaker-authuserphone-header.bxmaker-authuserphone-enter-reg__title {
	font-size: 1.875rem;
    text-align: center;
    margin: 0 -0.625rem 1.25rem;
	font-family: var(--font-third);
    font-weight: 400;
}
.bxmaker-authuserphone-enter {
    font-size: 1.875rem;
    display: inline-block;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    width: 370px;
    /* color: #000; */
    /* background-color: #fff; */
}
.bxmaker-authuserphone-enter-auth .bxmaker-authuserphone-button__inner, .bxmaker-authuserphone-button .bxmaker-authuserphone-button__inner {
	--_height: auto;
    --_font-size: 1rem;
    --_font-weight: 400;
    --_line-height: normal;
    --_color: var(--dark-color);
    --_background-color: transparent;
    --_border: 0;
    --_border-radius: 0;
    --_padding-y: 0;
    --_padding-x: 0;
    --_icon-size: 1rem;
    --_icon-color: currentColor;
    --_transition-duration: var(--transition-duration);
    --_transition-type: var(--transition-type);
    --_color-active: var(--primary-color);
    --_background-color-active: var(--text-color);
    --_border-color-active: transparent;
    --_icon-color-active: currentColor;
    /*width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: var(--_height);*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.625rem;
    font-size: var(--_font-size);
    font-weight: var(--_font-weight);
    line-height: var(--_line-height);
    color: var(--_color);
    background-color: var(--_background-color);
    border: var(--_border);
    border-radius: var(--_border-radius);
    padding: var(--_padding-y) var(--_padding-x);
    -webkit-transition: color var(--_transition-duration) var(--_transition-type), background var(--_transition-duration) var(--_transition-type), border var(--_transition-duration) var(--_transition-type);
    transition: color var(--_transition-duration) var(--_transition-type), background var(--_transition-duration) var(--_transition-type), border var(--_transition-duration) var(--_transition-type);
    cursor: pointer;
    outline: none;
	    --_height: 2.5rem;
    --_font-size: 1.25rem;
    --_line-height: 1;
    --_color: #ffefdc;
    --_background-color: var(--primary-color);
    --_border-radius: var(--radius-xxl);
    --_padding-x: 1rem;
    --_color-active: #ffefdc;
    --_background-color-active: var(--primary-color-dark);
}
.bxmaker-authuserphone-input--focus .bxmaker-authuserphone-input__field, .bxmaker-authuserphone-input--hover .bxmaker-authuserphone-input__field, .bxmaker-authuserphone-input:hover .bxmaker-authuserphone-input__field {
	border-color: var(--primary-color);
}
.bxmaker-authuserphone-input-password--focus .bxmaker-authuserphone-input-password__field, .bxmaker-authuserphone-input-password--hover .bxmaker-authuserphone-input-password__field, .bxmaker-authuserphone-input-password:hover .bxmaker-authuserphone-input-password__field {
	border-color: var(--primary-color);
}
.bxmaker-authuserphone-enter-auth__change-confirm, .bxmaker-authuserphone-enter-auth__toregistration {
	text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
}
.bxmaker-authuserphone-enter-auth-by-password-form__back {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 0px;
}
a.bxmaker-authuserphone-link, a.bxmaker-authuserphone-link:visited {
    color: var(--primary-color);
    text-decoration: none;
}
.bxmaker-authuserphone-consent-button {
    cursor: pointer;
    margin: 0;
    font-weight: 400;
    line-height: 0;
    font-size: 11px;
}
.bxmaker-authuserphone-button--white .bxmaker-authuserphone-button__title {
    color: #fff;
}
.bxmaker-authuserphone-enter-forget-form__or {
    position: relative;
    text-align: center;
    top: -23px;
    height: 8px;
    color: #939aa1;
    font-size: 1.875rem;
}
.bxmaker-authuserphone-enter-auth__title {
	font-size: 1.875rem;
    text-align: center;
    margin: 0 -0.625rem 1.25rem;
    font-family: var(--font-third);
    font-weight: 400;
}
li.header__top-list-item {
	display: flex;
    gap: 5px;
}
.rate {
    height: 26px;
    display: inline-table;
}
.rate:not(:checked) > input {
    position: absolute;
    top: -9999px;
}
.rate:not(:checked) > label {
    float: right;
    width: 23px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 28px;
    line-height: 25px;
    color: #ccc;
}
.rate:not(:checked) > label::before {
    content: "★";
}
.rate > input:checked ~ label {
    color: #ffc700;
}
.wrapper-field .file-input {
	max-width: 150px;
	max-height: 34px;
}
.wrapper-field .file-icon {
	display: flex;
    flex-direction: row;
    align-items: center;
}
.wrapper-field .webform-field-upload-list {
	margin: 0;
	padding: 0;
}
.rating__stars {
	gap: 3px;
}
.product__rating .rating__current {
	font-size: 1rem;
}
.basket-count {
	position: absolute;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--primary-color);
    font-size: 0.8rem;
    color: #fff;
    z-index: 2;
    left: 16px;
    top: 0;
}
/* End */
/* /local/templates/redkot/css/vendor.css?172140812731774 */
/* /local/templates/redkot/css/main.css?1752221230746627 */
/* /local/templates/redkot/components/arturgolubev/search.title/header-mobile/style.min.css?172226948112020 */
/* /local/templates/redkot/components/bitrix/menu/catalog_horizontal_header_new/style.css?17474868356598 */
/* /local/templates/redkot/components/arturgolubev/search.title/header-desktop/style.min.css?172226389412020 */
/* /local/templates/redkot/components/weblend/form.result.new/callback/style.css?173089872668 */
/* /local/templates/redkot/components/weblend/form.result.new/vakcinaciya/style.css?173096872968 */
/* /local/templates/redkot/components/weblend/form.result.new/vacancy/style.css?173096818468 */
/* /local/templates/redkot/components/weblend/feedback.form.element/review/style.min.css?1730977456477 */
/* /local/templates/redkot/components/weblend/form.result.new/question/style.css?173098195668 */
/* /local/templates/redkot/template_styles.css?17474889105607 */