body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
  transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
  transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
  transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
  transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
  transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
  transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
  transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
  transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
  transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
  transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
  transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
  transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
  transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
  transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
  transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
  transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
  transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
  transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
  transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
  transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
  transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
  transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
  transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
  transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
  transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
  transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
  transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
  transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
  transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
  transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
  transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
  transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
  transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
  transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
  transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
  transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
  transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
  transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
  transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
  transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
  transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
  transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
  transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
  transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
  transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
  transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
  transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
  transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
  transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
  transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
  transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
  transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
  transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
  transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
  transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
  transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
  transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
  transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
  transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
  transition-delay: 1000ms;
}

body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate3d(0, 0, 0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

/**
 * Swiper 6.5.4
 * 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: April 5, 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") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

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

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

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

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

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

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

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

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

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

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

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

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

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

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

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

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

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

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

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

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

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

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

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

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

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

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  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-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

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

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

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

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

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

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}

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

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

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

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

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

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

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

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

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

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

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

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

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

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

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

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

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

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

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

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

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

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

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

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

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

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-theme-color);
  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% {
    transform: rotate(360deg);
  }
}

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

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

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

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

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

.swiper-container-cube {
  overflow: visible;
}

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

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

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

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

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

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

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

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

.swiper-container-flip {
  overflow: visible;
}

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

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

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

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

/**
 * Calculate the luminance for a color.
 * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 */
/**
 * Calculate the contrast ratio between two colors.
 * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 */
/**
 * Determine whether to use dark or light text on top of given color.
 * Returns black for dark text and white for light text.
 */
/*Should not be used prefer css vars to get spacer and gutter*/
:root {
  --theme-default: default;
  --spacer-default: 32px;
  --gutter-default: 32px;
  --col-default: 12;
  --row-default: 12;
  --text-font-default: var(--font-primary);
  --headings-font-default: var(--font-primary);
  --dark-default: var(--color-primary-100);
  --light-default: var(--color-primary-contrast-100);
  --dark-reverse-default: var(--color-primary-contrast-100);
  --light-reverse-default: var(--color-primary-100);
  --max-xs: 767px;
  --min-xs: 0px;
  --spacer-xs: 26px;
  --gutter-xs: 26px;
  --mobile-xs: true;
  --orientation-xs-l: landscape;
  --breakpoint-xs-l: xs;
  --spacer-xs-l: 24px;
  --gutter-xs-l: 24px;
  --mobile-xs-l: true;
  --max-sm: 1200px;
  --min-sm: 768px;
  --spacer-sm: 28px;
  --gutter-sm: 28px;
  --mobile-sm: true;
  --orientation-sm-l: landscape;
  --breakpoint-sm-l: sm;
  --spacer-sm-l: 24px;
  --gutter-sm-l: 24px;
  --mobile-sm-l: true;
  --max-md: 1440px;
  --min-md: 1201px;
  --spacer-md: 28px;
  --gutter-md: 28px;
  --mobile-md: false;
  --max-lg: 1920px;
  --min-lg: 1441px;
  --spacer-lg: 32px;
  --gutter-lg: 32px;
  --mobile-lg: false;
  --max-xl: 10000px;
  --min-xl: 1921px;
  --spacer-xl: 36px;
  --gutter-xl: 36px;
  --mobile-xl: false;
  --font-primary: 'Open Sans', sans-serif;
  --color-primary-100: 85, 99, 115;
  --color-primary-contrast-100: 255, 255, 255;
  --color-accent-100: 153, 23, 47;
  --color-accent-contrast-100: 255, 255, 255;
}

@media (min-width: 0px) and (max-width: 767px) {
  :root {
    --max-current: 767px;
    --min-current: 0px;
    --spacer-current: 26px;
    --gutter-current: 26px;
    --mobile-current: true;
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  :root {
    --orientation-current: landscape;
    --breakpoint-current: xs;
    --spacer-current: 24px;
    --gutter-current: 24px;
    --mobile-current: true;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  :root {
    --max-current: 1200px;
    --min-current: 768px;
    --spacer-current: 28px;
    --gutter-current: 28px;
    --mobile-current: true;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  :root {
    --orientation-current: landscape;
    --breakpoint-current: sm;
    --spacer-current: 24px;
    --gutter-current: 24px;
    --mobile-current: true;
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  :root {
    --max-current: 1440px;
    --min-current: 1201px;
    --spacer-current: 28px;
    --gutter-current: 28px;
    --mobile-current: false;
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  :root {
    --max-current: 1920px;
    --min-current: 1441px;
    --spacer-current: 32px;
    --gutter-current: 32px;
    --mobile-current: false;
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  :root {
    --max-current: 10000px;
    --min-current: 1921px;
    --spacer-current: 36px;
    --gutter-current: 36px;
    --mobile-current: false;
  }
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  outline: none;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
}

*, *:after, *:before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html {
  overflow-x: hidden;
  min-height: 100%;
  font-size: 100%;
  margin: 0;
}
@media (min-width: 0px) and (max-width: 767px) {
  html {
    font-size: 100%;
    margin: 0;
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  html {
    font-size: 100%;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  html {
    font-size: 100%;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  html {
    font-size: 100%;
    margin: 0;
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  html {
    font-size: 100%;
    margin: 0;
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  html {
    font-size: 100%;
    margin: 0;
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  html {
    font-size: 100%;
    margin: 0;
  }
}

body {
  font-family: 'Open Sans', sans-serif;
  font-family: var(--text-font-default);
  line-height: 1.618;
  font-weight: 500;
  font-size: 16px;
  min-width: 320px;
  overflow-x: hidden;
  min-height: 100vh;
  -webkit-tap-highlight-color: transparent;
  color: rgba(85, 99, 115, 1);
  color: rgba(var(--dark-default), 1);
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--light-default), 1);
  /*
  &.dark{
    background-color: rgbavar(dark);
    color: rgbavar(light);
  }
  */
  font-size: 16px;
}
body.reverse {
  --dark-default: var(--dark-reverse-default);
  --light-default: var(--light-reverse-default);
}
@media (min-width: 0px) and (max-width: 767px) {
  body {
    font-size: 13px;
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  body {
    font-size: 12.8px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  body {
    font-size: 14.4px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  body {
    font-size: 13.6px;
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  body {
    font-size: 14.4px;
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  body {
    font-size: 16px;
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  body {
    font-size: 16px;
    max-width: 2560px;
    position: relative;
    margin: 0 auto;
  }
}

a {
  color: var(--text-color-default);
  text-decoration: underline;
}
p {
  margin-bottom: calc(32px * 0.75);
  margin-bottom: calc(var(--spacer-default) * 0.75);
}
@media (min-width: 0px) and (max-width: 767px) {
  p {
    margin-bottom: calc(26px * 0.75);
    margin-bottom: calc(var(--spacer-xs) * 0.75);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  p {
    margin-bottom: calc(24px * 0.75);
    margin-bottom: calc(var(--spacer-xs-l) * 0.75);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  p {
    margin-bottom: calc(28px * 0.75);
    margin-bottom: calc(var(--spacer-sm) * 0.75);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  p {
    margin-bottom: calc(24px * 0.75);
    margin-bottom: calc(var(--spacer-sm-l) * 0.75);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  p {
    margin-bottom: calc(28px * 0.75);
    margin-bottom: calc(var(--spacer-md) * 0.75);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  p {
    margin-bottom: calc(32px * 0.75);
    margin-bottom: calc(var(--spacer-lg) * 0.75);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  p {
    margin-bottom: calc(36px * 0.75);
    margin-bottom: calc(var(--spacer-xl) * 0.75);
  }
}

/*HEADINGS FONTS*/
h1, .h1, [default~=h1],
h2, .h2, [default~=h2],
h3, .h3, [default~=h3],
h4, .h4, [default~=h4],
h5, .h5, [default~=h5] {
  margin-bottom: calc(32px * 0.5);
  margin-bottom: calc(var(--spacer-default) * 0.5);
  letter-spacing: calc(32px * 0.25);
  letter-spacing: calc(var(--spacer-default) * 0.25);
  transition: font-size 0.33s ease;
  text-transform: uppercase;
  color: rgba(85, 99, 115, 1);
  color: rgba(var(--dark-default), 1);
}
.dark h1, .dark .h1, .dark [default~=h1],
.dark h2, .dark .h2, .dark [default~=h2],
.dark h3, .dark .h3, .dark [default~=h3],
.dark h4, .dark .h4, .dark [default~=h4],
.dark h5, .dark .h5, .dark [default~=h5] {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--light-default), 1);
}
h1.caption, .h1.caption, [default~=h1].caption,
h2.caption, .h2.caption, [default~=h2].caption,
h3.caption, .h3.caption, [default~=h3].caption,
h4.caption, .h4.caption, [default~=h4].caption,
h5.caption, .h5.caption, [default~=h5].caption {
  font-weight: 600;
  position: relative;
  margin-bottom: 0;
}
h1.caption:after, .h1.caption:after, [default~=h1].caption:after,
h2.caption:after, .h2.caption:after, [default~=h2].caption:after,
h3.caption:after, .h3.caption:after, [default~=h3].caption:after,
h4.caption:after, .h4.caption:after, [default~=h4].caption:after,
h5.caption:after, .h5.caption:after, [default~=h5].caption:after {
  position: absolute;
  content: "";
  height: 1px;
  top: 50%;
  background: rgba(85, 99, 115, 1);
  background: rgba(var(--dark-default), 1);
}
.dark h1.caption:after, .dark .h1.caption:after, .dark [default~=h1].caption:after,
.dark h2.caption:after, .dark .h2.caption:after, .dark [default~=h2].caption:after,
.dark h3.caption:after, .dark .h3.caption:after, .dark [default~=h3].caption:after,
.dark h4.caption:after, .dark .h4.caption:after, .dark [default~=h4].caption:after,
.dark h5.caption:after, .dark .h5.caption:after, .dark [default~=h5].caption:after {
  background: rgba(255, 255, 255, 1);
  background: rgba(var(--light-default), 1);
}
h1.caption:after, .h1.caption:after, [default~=h1].caption:after,
h2.caption:after, .h2.caption:after, [default~=h2].caption:after,
h3.caption:after, .h3.caption:after, [default~=h3].caption:after,
h4.caption:after, .h4.caption:after, [default~=h4].caption:after,
h5.caption:after, .h5.caption:after, [default~=h5].caption:after {
  width: calc(32px * 1.5);
  width: calc(var(--spacer-default) * 1.5);
  left: calc(32px * -2);
  left: calc(var(--spacer-default) * -2);
}

h1, .h1, [default~=h1] {
  font-size: 2.5rem;
  font-family: 'Open Sans', sans-serif;
  font-family: var(--headings-font-default);
  line-height: 1.4;
  font-weight: 400;
}

h2, .h2, [default~=h2] {
  font-size: 2.2rem;
  font-family: 'Open Sans', sans-serif;
  font-family: var(--headings-font-default);
  line-height: 1.4;
  font-weight: 300;
}

h3, .h3, [default~=h3] {
  font-size: 1.8rem;
  font-family: 'Open Sans', sans-serif;
  font-family: var(--headings-font-default);
  line-height: 1.4;
  font-weight: 400;
}

h4, .h4, [default~=h4] {
  font-size: 1.6rem;
  font-family: 'Open Sans', sans-serif;
  font-family: var(--headings-font-default);
  line-height: 1.4;
  font-weight: 400;
}

h5, .h5, [default~=h5] {
  font-size: 1.4rem;
  font-family: 'Open Sans', sans-serif;
  font-family: var(--headings-font-default);
  line-height: 1.4;
  font-weight: 400;
}

@media (min-width: 0px) and (max-width: 767px) {
  h1, .h1, [xs~=h1],
h2, .h2, [xs~=h2],
h3, .h3, [xs~=h3],
h4, .h4, [xs~=h4],
h5, .h5, [xs~=h5] {
    margin-bottom: calc(26px * 0.5);
    margin-bottom: calc(var(--spacer-xs) * 0.5);
    letter-spacing: calc(26px * 0.25);
    letter-spacing: calc(var(--spacer-xs) * 0.25);
  }
  h1.caption:after, .h1.caption:after, [xs~=h1].caption:after,
h2.caption:after, .h2.caption:after, [xs~=h2].caption:after,
h3.caption:after, .h3.caption:after, [xs~=h3].caption:after,
h4.caption:after, .h4.caption:after, [xs~=h4].caption:after,
h5.caption:after, .h5.caption:after, [xs~=h5].caption:after {
    width: calc(26px * 1.5);
    width: calc(var(--spacer-xs) * 1.5);
    left: calc(26px * -2);
    left: calc(var(--spacer-xs) * -2);
  }

  h1, .h1, [xs~=h1] {
    font-size: 1.5rem;
  }

  h2, .h2, [xs~=h2] {
    font-size: 1.32rem;
  }

  h3, .h3, [xs~=h3] {
    font-size: 1.08rem;
  }

  h4, .h4, [xs~=h4] {
    font-size: 0.96rem;
  }

  h5, .h5, [xs~=h5] {
    font-size: 0.84rem;
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  h1, .h1, [xs-l~=h1],
h2, .h2, [xs-l~=h2],
h3, .h3, [xs-l~=h3],
h4, .h4, [xs-l~=h4],
h5, .h5, [xs-l~=h5] {
    margin-bottom: calc(24px * 0.5);
    margin-bottom: calc(var(--spacer-xs-l) * 0.5);
    letter-spacing: calc(24px * 0.25);
    letter-spacing: calc(var(--spacer-xs-l) * 0.25);
  }
  h1.caption:after, .h1.caption:after, [xs-l~=h1].caption:after,
h2.caption:after, .h2.caption:after, [xs-l~=h2].caption:after,
h3.caption:after, .h3.caption:after, [xs-l~=h3].caption:after,
h4.caption:after, .h4.caption:after, [xs-l~=h4].caption:after,
h5.caption:after, .h5.caption:after, [xs-l~=h5].caption:after {
    width: calc(24px * 1.5);
    width: calc(var(--spacer-xs-l) * 1.5);
    left: calc(24px * -2);
    left: calc(var(--spacer-xs-l) * -2);
  }

  h1, .h1, [xs-l~=h1] {
    font-size: 1.625rem;
  }

  h2, .h2, [xs-l~=h2] {
    font-size: 1.43rem;
  }

  h3, .h3, [xs-l~=h3] {
    font-size: 1.17rem;
  }

  h4, .h4, [xs-l~=h4] {
    font-size: 1.04rem;
  }

  h5, .h5, [xs-l~=h5] {
    font-size: 0.91rem;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  h1, .h1, [sm~=h1],
h2, .h2, [sm~=h2],
h3, .h3, [sm~=h3],
h4, .h4, [sm~=h4],
h5, .h5, [sm~=h5] {
    margin-bottom: calc(28px * 0.5);
    margin-bottom: calc(var(--spacer-sm) * 0.5);
    letter-spacing: calc(28px * 0.25);
    letter-spacing: calc(var(--spacer-sm) * 0.25);
  }
  h1.caption:after, .h1.caption:after, [sm~=h1].caption:after,
h2.caption:after, .h2.caption:after, [sm~=h2].caption:after,
h3.caption:after, .h3.caption:after, [sm~=h3].caption:after,
h4.caption:after, .h4.caption:after, [sm~=h4].caption:after,
h5.caption:after, .h5.caption:after, [sm~=h5].caption:after {
    width: calc(28px * 1.5);
    width: calc(var(--spacer-sm) * 1.5);
    left: calc(28px * -2);
    left: calc(var(--spacer-sm) * -2);
  }

  h1, .h1, [sm~=h1] {
    font-size: 1.75rem;
  }

  h2, .h2, [sm~=h2] {
    font-size: 1.54rem;
  }

  h3, .h3, [sm~=h3] {
    font-size: 1.26rem;
  }

  h4, .h4, [sm~=h4] {
    font-size: 1.12rem;
  }

  h5, .h5, [sm~=h5] {
    font-size: 0.98rem;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  h1, .h1, [sm-l~=h1],
h2, .h2, [sm-l~=h2],
h3, .h3, [sm-l~=h3],
h4, .h4, [sm-l~=h4],
h5, .h5, [sm-l~=h5] {
    margin-bottom: calc(24px * 0.5);
    margin-bottom: calc(var(--spacer-sm-l) * 0.5);
    letter-spacing: calc(24px * 0.25);
    letter-spacing: calc(var(--spacer-sm-l) * 0.25);
  }
  h1.caption:after, .h1.caption:after, [sm-l~=h1].caption:after,
h2.caption:after, .h2.caption:after, [sm-l~=h2].caption:after,
h3.caption:after, .h3.caption:after, [sm-l~=h3].caption:after,
h4.caption:after, .h4.caption:after, [sm-l~=h4].caption:after,
h5.caption:after, .h5.caption:after, [sm-l~=h5].caption:after {
    width: calc(24px * 1.5);
    width: calc(var(--spacer-sm-l) * 1.5);
    left: calc(24px * -2);
    left: calc(var(--spacer-sm-l) * -2);
  }

  h1, .h1, [sm-l~=h1] {
    font-size: 1.875rem;
  }

  h2, .h2, [sm-l~=h2] {
    font-size: 1.65rem;
  }

  h3, .h3, [sm-l~=h3] {
    font-size: 1.35rem;
  }

  h4, .h4, [sm-l~=h4] {
    font-size: 1.2rem;
  }

  h5, .h5, [sm-l~=h5] {
    font-size: 1.05rem;
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  h1, .h1, [md~=h1],
h2, .h2, [md~=h2],
h3, .h3, [md~=h3],
h4, .h4, [md~=h4],
h5, .h5, [md~=h5] {
    margin-bottom: calc(28px * 0.5);
    margin-bottom: calc(var(--spacer-md) * 0.5);
    letter-spacing: calc(28px * 0.25);
    letter-spacing: calc(var(--spacer-md) * 0.25);
  }
  h1.caption:after, .h1.caption:after, [md~=h1].caption:after,
h2.caption:after, .h2.caption:after, [md~=h2].caption:after,
h3.caption:after, .h3.caption:after, [md~=h3].caption:after,
h4.caption:after, .h4.caption:after, [md~=h4].caption:after,
h5.caption:after, .h5.caption:after, [md~=h5].caption:after {
    width: calc(28px * 1.5);
    width: calc(var(--spacer-md) * 1.5);
    left: calc(28px * -2);
    left: calc(var(--spacer-md) * -2);
  }

  h1, .h1, [md~=h1] {
    font-size: 2rem;
  }

  h2, .h2, [md~=h2] {
    font-size: 1.76rem;
  }

  h3, .h3, [md~=h3] {
    font-size: 1.44rem;
  }

  h4, .h4, [md~=h4] {
    font-size: 1.28rem;
  }

  h5, .h5, [md~=h5] {
    font-size: 1.12rem;
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  h1, .h1, [lg~=h1],
h2, .h2, [lg~=h2],
h3, .h3, [lg~=h3],
h4, .h4, [lg~=h4],
h5, .h5, [lg~=h5] {
    margin-bottom: calc(32px * 0.5);
    margin-bottom: calc(var(--spacer-lg) * 0.5);
    letter-spacing: calc(32px * 0.25);
    letter-spacing: calc(var(--spacer-lg) * 0.25);
  }
  h1.caption:after, .h1.caption:after, [lg~=h1].caption:after,
h2.caption:after, .h2.caption:after, [lg~=h2].caption:after,
h3.caption:after, .h3.caption:after, [lg~=h3].caption:after,
h4.caption:after, .h4.caption:after, [lg~=h4].caption:after,
h5.caption:after, .h5.caption:after, [lg~=h5].caption:after {
    width: calc(32px * 1.5);
    width: calc(var(--spacer-lg) * 1.5);
    left: calc(32px * -2);
    left: calc(var(--spacer-lg) * -2);
  }

  h1, .h1, [lg~=h1] {
    font-size: 2.25rem;
  }

  h2, .h2, [lg~=h2] {
    font-size: 1.98rem;
  }

  h3, .h3, [lg~=h3] {
    font-size: 1.62rem;
  }

  h4, .h4, [lg~=h4] {
    font-size: 1.44rem;
  }

  h5, .h5, [lg~=h5] {
    font-size: 1.26rem;
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  h1, .h1, [xl~=h1],
h2, .h2, [xl~=h2],
h3, .h3, [xl~=h3],
h4, .h4, [xl~=h4],
h5, .h5, [xl~=h5] {
    margin-bottom: calc(36px * 0.5);
    margin-bottom: calc(var(--spacer-xl) * 0.5);
    letter-spacing: calc(36px * 0.25);
    letter-spacing: calc(var(--spacer-xl) * 0.25);
  }
  h1.caption:after, .h1.caption:after, [xl~=h1].caption:after,
h2.caption:after, .h2.caption:after, [xl~=h2].caption:after,
h3.caption:after, .h3.caption:after, [xl~=h3].caption:after,
h4.caption:after, .h4.caption:after, [xl~=h4].caption:after,
h5.caption:after, .h5.caption:after, [xl~=h5].caption:after {
    width: calc(36px * 1.5);
    width: calc(var(--spacer-xl) * 1.5);
    left: calc(36px * -2);
    left: calc(var(--spacer-xl) * -2);
  }

  h1, .h1, [xl~=h1] {
    font-size: 2.5rem;
  }

  h2, .h2, [xl~=h2] {
    font-size: 2.2rem;
  }

  h3, .h3, [xl~=h3] {
    font-size: 1.8rem;
  }

  h4, .h4, [xl~=h4] {
    font-size: 1.6rem;
  }

  h5, .h5, [xl~=h5] {
    font-size: 1.4rem;
  }
}
/* Mixins */
.small {
  font-size: 0.8rem;
}

.btn {
  position: relative;
  z-index: 1;
  text-decoration: none;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  cursor: pointer;
  outline: none;
  font-family: 'Open Sans', sans-serif;
  font-family: var(--text-font-default);
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: none;
  text-transform: uppercase;
  min-width: 240px;
  font-size: 1.2em;
  border-color: rgba(85, 99, 115, 1);
  border-color: rgba(var(--dark-default), 1);
  color: rgba(85, 99, 115, 1);
  color: rgba(var(--dark-default), 1);
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--light-default), 1);
  margin: calc(32px * 0.25) 0;
  margin: calc(var(--spacer-default) * 0.25) 0;
  padding: calc(32px * 0.333) calc(32px * 0.666);
  padding: calc(var(--spacer-default) * 0.333) calc(var(--spacer-default) * 0.666);
}
.dark .btn {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--light-default), 1);
}
.dark .btn {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--light-default), 1);
}
.dark .btn {
  background-color: rgba(85, 99, 115, 1);
  background-color: rgba(var(--dark-default), 1);
}
@media (min-width: 0px) and (max-width: 767px) {
  .btn {
    margin: calc(26px * 0.25) 0;
    margin: calc(var(--spacer-xs) * 0.25) 0;
    padding: calc(26px * 0.333) calc(26px * 0.666);
    padding: calc(var(--spacer-xs) * 0.333) calc(var(--spacer-xs) * 0.666);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .btn {
    margin: calc(24px * 0.25) 0;
    margin: calc(var(--spacer-xs-l) * 0.25) 0;
    padding: calc(24px * 0.333) calc(24px * 0.666);
    padding: calc(var(--spacer-xs-l) * 0.333) calc(var(--spacer-xs-l) * 0.666);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .btn {
    margin: calc(28px * 0.25) 0;
    margin: calc(var(--spacer-sm) * 0.25) 0;
    padding: calc(28px * 0.333) calc(28px * 0.666);
    padding: calc(var(--spacer-sm) * 0.333) calc(var(--spacer-sm) * 0.666);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .btn {
    margin: calc(24px * 0.25) 0;
    margin: calc(var(--spacer-sm-l) * 0.25) 0;
    padding: calc(24px * 0.333) calc(24px * 0.666);
    padding: calc(var(--spacer-sm-l) * 0.333) calc(var(--spacer-sm-l) * 0.666);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .btn {
    margin: calc(28px * 0.25) 0;
    margin: calc(var(--spacer-md) * 0.25) 0;
    padding: calc(28px * 0.333) calc(28px * 0.666);
    padding: calc(var(--spacer-md) * 0.333) calc(var(--spacer-md) * 0.666);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .btn {
    margin: calc(32px * 0.25) 0;
    margin: calc(var(--spacer-lg) * 0.25) 0;
    padding: calc(32px * 0.333) calc(32px * 0.666);
    padding: calc(var(--spacer-lg) * 0.333) calc(var(--spacer-lg) * 0.666);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .btn {
    margin: calc(36px * 0.25) 0;
    margin: calc(var(--spacer-xl) * 0.25) 0;
    padding: calc(36px * 0.333) calc(36px * 0.666);
    padding: calc(var(--spacer-xl) * 0.333) calc(var(--spacer-xl) * 0.666);
  }
}
.btn:hover {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--light-default), 1);
  background-color: rgba(85, 99, 115, 1);
  background-color: rgba(var(--dark-default), 1);
}
.dark .btn:hover {
  color: rgba(85, 99, 115, 1);
  color: rgba(var(--dark-default), 1);
}
.dark .btn:hover {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--light-default), 1);
}
.btn:disabled {
  pointer-events: none;
}

[class^=container] {
  margin-left: auto;
  margin-right: auto;
}
[class^=container]:not(.container-fluid) {
  max-width: 1280px;
}

.container, :root [default=container] {
  width: 87.5vw;
}

.container-small, :root [default=container-small] {
  width: 60%;
  max-width: 896px;
}

.container-xs, :root [default*=container-xs] {
  width: 60vw;
}

.container-fluid, :root [default*=container-xs] {
  width: calc(100vw - calc(32px * 2));
  width: calc(100vw - calc(var(--spacer-default) * 2));
  max-width: 1920px;
}

@media (min-width: 0px) and (max-width: 767px) {
  .container, :root [xs=container] {
    width: calc(100vw - calc(26px * 3));
    width: calc(100vw - calc(var(--spacer-xs) * 3));
  }

  .container-small, :root [xs=container-small] {
    width: 90%;
    max-width: 896px;
  }

  .container-xs, :root [xs*=container-xs] {
    width: 85vw;
  }

  .container-fluid, :root [xs*=container-xs] {
    width: calc(100vw - calc(26px * 3));
    width: calc(100vw - calc(var(--spacer-xs) * 3));
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .container, :root [xs-l=container] {
    width: calc(100vw - calc(24px * 3));
    width: calc(100vw - calc(var(--spacer-xs-l) * 3));
  }

  .container-small, :root [xs-l=container-small] {
    width: 85%;
    max-width: 896px;
  }

  .container-xs, :root [xs-l*=container-xs] {
    width: 85vw;
  }

  .container-fluid, :root [xs-l*=container-xs] {
    width: calc(100vw - calc(24px * 3));
    width: calc(100vw - calc(var(--spacer-xs-l) * 3));
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .container, :root [sm=container] {
    width: 87.5vw;
  }

  .container-small, :root [sm=container-small] {
    width: 85%;
    max-width: 896px;
  }

  .container-xs, :root [sm*=container-xs] {
    width: 85vw;
  }

  .container-fluid, :root [sm*=container-xs] {
    width: calc(100vw - calc(28px * 2));
    width: calc(100vw - calc(var(--spacer-sm) * 2));
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .container, :root [sm-l=container] {
    width: 85vw;
  }

  .container-small, :root [sm-l=container-small] {
    width: 75%;
    max-width: 896px;
  }

  .container-xs, :root [sm-l*=container-xs] {
    width: 85vw;
  }

  .container-fluid, :root [sm-l*=container-xs] {
    width: calc(100vw - calc(24px * 3));
    width: calc(100vw - calc(var(--spacer-sm-l) * 3));
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .container, :root [md=container] {
    width: 85vw;
  }

  .container-small, :root [md=container-small] {
    width: 70%;
    max-width: 896px;
  }

  .container-xs, :root [md*=container-xs] {
    width: 66vw;
  }

  .container-fluid, :root [md*=container-xs] {
    width: calc(100vw - calc(28px * 4));
    width: calc(100vw - calc(var(--spacer-md) * 4));
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .container, :root [lg=container] {
    width: 66.6vw;
  }

  .container-small, :root [lg=container-small] {
    width: 60%;
    max-width: 896px;
  }

  .container-xs, :root [lg*=container-xs] {
    width: 55vw;
  }

  .container-fluid, :root [lg*=container-xs] {
    width: calc(100vw - calc(32px * 6));
    width: calc(100vw - calc(var(--spacer-lg) * 6));
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .container, :root [xl=container] {
    width: 60vw;
  }

  .container-small, :root [xl=container-small] {
    width: 55%;
    max-width: 896px;
  }

  .container-xs, :root [xl*=container-xs] {
    width: 50vw;
  }

  .container-fluid, :root [xl*=container-xs] {
    width: calc(100vw - calc(36px * 2));
    width: calc(100vw - calc(var(--spacer-xl) * 2));
  }
}
form .row {
  flex-wrap: wrap;
}

form .h3 {
  margin-bottom: 0;
}

.js-radio-group.required {
  border: 2px solid rgba(153, 23, 47, 1);
  border: 2px solid rgba(var(--color-accent-100), 1);
}

input[type=text], input[type=email], input[type=password] {
  width: 100%;
  max-width: 100%;
  background: white;
  width: 100%;
  outline: none;
  border: 0px solid rgba(var(--color-lgray-600), 1);
  font-family: 'Open Sans', sans-serif;
  font-family: var(--font-primary);
  box-shadow: 0 0 calc(36px * 0.5) rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 calc(var(--spacer-xl) * 0.5) rgba(0, 0, 0, 0.2);
  color: rgba(var(--color-primary-500), 1);
  margin: calc(32px * 0.25) 0;
  margin: calc(var(--spacer-default) * 0.25) 0;
  padding: calc(32px * 0.1) calc(32px * 0.666);
  padding: calc(var(--spacer-default) * 0.1) calc(var(--spacer-default) * 0.666);
  line-height: calc(32px * 1.66);
  line-height: calc(var(--spacer-default) * 1.66);
  height: calc(32px * 1.66);
  height: calc(var(--spacer-default) * 1.66);
}
@media (min-width: 0px) and (max-width: 767px) {
  input[type=text], input[type=email], input[type=password] {
    margin: calc(26px * 0.25) 0;
    margin: calc(var(--spacer-xs) * 0.25) 0;
    padding: calc(26px * 0.1) calc(26px * 0.666);
    padding: calc(var(--spacer-xs) * 0.1) calc(var(--spacer-xs) * 0.666);
    line-height: calc(26px * 1.66);
    line-height: calc(var(--spacer-xs) * 1.66);
    height: calc(26px * 1.66);
    height: calc(var(--spacer-xs) * 1.66);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  input[type=text], input[type=email], input[type=password] {
    margin: calc(24px * 0.25) 0;
    margin: calc(var(--spacer-xs-l) * 0.25) 0;
    padding: calc(24px * 0.1) calc(24px * 0.666);
    padding: calc(var(--spacer-xs-l) * 0.1) calc(var(--spacer-xs-l) * 0.666);
    line-height: calc(24px * 1.66);
    line-height: calc(var(--spacer-xs-l) * 1.66);
    height: calc(24px * 1.66);
    height: calc(var(--spacer-xs-l) * 1.66);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  input[type=text], input[type=email], input[type=password] {
    margin: calc(28px * 0.25) 0;
    margin: calc(var(--spacer-sm) * 0.25) 0;
    padding: calc(28px * 0.1) calc(28px * 0.666);
    padding: calc(var(--spacer-sm) * 0.1) calc(var(--spacer-sm) * 0.666);
    line-height: calc(28px * 1.66);
    line-height: calc(var(--spacer-sm) * 1.66);
    height: calc(28px * 1.66);
    height: calc(var(--spacer-sm) * 1.66);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  input[type=text], input[type=email], input[type=password] {
    margin: calc(24px * 0.25) 0;
    margin: calc(var(--spacer-sm-l) * 0.25) 0;
    padding: calc(24px * 0.1) calc(24px * 0.666);
    padding: calc(var(--spacer-sm-l) * 0.1) calc(var(--spacer-sm-l) * 0.666);
    line-height: calc(24px * 1.66);
    line-height: calc(var(--spacer-sm-l) * 1.66);
    height: calc(24px * 1.66);
    height: calc(var(--spacer-sm-l) * 1.66);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  input[type=text], input[type=email], input[type=password] {
    margin: calc(28px * 0.25) 0;
    margin: calc(var(--spacer-md) * 0.25) 0;
    padding: calc(28px * 0.1) calc(28px * 0.666);
    padding: calc(var(--spacer-md) * 0.1) calc(var(--spacer-md) * 0.666);
    line-height: calc(28px * 1.66);
    line-height: calc(var(--spacer-md) * 1.66);
    height: calc(28px * 1.66);
    height: calc(var(--spacer-md) * 1.66);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  input[type=text], input[type=email], input[type=password] {
    margin: calc(32px * 0.25) 0;
    margin: calc(var(--spacer-lg) * 0.25) 0;
    padding: calc(32px * 0.1) calc(32px * 0.666);
    padding: calc(var(--spacer-lg) * 0.1) calc(var(--spacer-lg) * 0.666);
    line-height: calc(32px * 1.66);
    line-height: calc(var(--spacer-lg) * 1.66);
    height: calc(32px * 1.66);
    height: calc(var(--spacer-lg) * 1.66);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  input[type=text], input[type=email], input[type=password] {
    margin: calc(36px * 0.25) 0;
    margin: calc(var(--spacer-xl) * 0.25) 0;
    padding: calc(36px * 0.1) calc(36px * 0.666);
    padding: calc(var(--spacer-xl) * 0.1) calc(var(--spacer-xl) * 0.666);
    line-height: calc(36px * 1.66);
    line-height: calc(var(--spacer-xl) * 1.66);
    height: calc(36px * 1.66);
    height: calc(var(--spacer-xl) * 1.66);
  }
}
input[type=text].required, input[type=email].required, input[type=password].required {
  border: 2px solid rgba(153, 23, 47, 1);
  border: 2px solid rgba(var(--color-accent-100), 1);
}
input[type=text].required::-moz-placeholder, input[type=email].required::-moz-placeholder, input[type=password].required::-moz-placeholder {
  color: rgba(153, 23, 47, 1);
  color: rgba(var(--color-accent-100), 1);
}
input[type=text].required:-ms-input-placeholder, input[type=email].required:-ms-input-placeholder, input[type=password].required:-ms-input-placeholder {
  color: rgba(153, 23, 47, 1);
  color: rgba(var(--color-accent-100), 1);
}
input[type=text].required::placeholder, input[type=email].required::placeholder, input[type=password].required::placeholder {
  color: rgba(153, 23, 47, 1);
  color: rgba(var(--color-accent-100), 1);
}
select {
  width: 100%;
  max-width: 100%;
  color: "%23556373";
  width: 100%;
  outline: none;
  border: 0px solid rgba(var(--color-lgray-600), 1);
  font-family: 'Open Sans', sans-serif;
  font-family: var(--font-primary);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: 0 0 calc(36px * 0.5) rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 calc(var(--spacer-xl) * 0.5) rgba(0, 0, 0, 0.2);
  background-color: white;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23556373' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  line-height: calc(32px * 1.66);
  line-height: calc(var(--spacer-default) * 1.66);
  height: calc(32px * 1.66);
  height: calc(var(--spacer-default) * 1.66);
  margin: calc(32px * 0.25) 0;
  margin: calc(var(--spacer-default) * 0.25) 0;
  padding: calc(32px * 0.1) calc(32px * 0.666);
  padding: calc(var(--spacer-default) * 0.1) calc(var(--spacer-default) * 0.666);
  background-position-y: calc(32px * 0.5);
  background-position-y: calc(var(--spacer-default) * 0.5);
  background-position-x: calc(100% - calc(32px * 0.5));
  background-position-x: calc(100% - calc(var(--spacer-default) * 0.5));
}
@media (min-width: 0px) and (max-width: 767px) {
  select {
    line-height: calc(26px * 1.66);
    line-height: calc(var(--spacer-xs) * 1.66);
    height: calc(26px * 1.66);
    height: calc(var(--spacer-xs) * 1.66);
    margin: calc(26px * 0.25) 0;
    margin: calc(var(--spacer-xs) * 0.25) 0;
    padding: calc(26px * 0.1) calc(26px * 0.666);
    padding: calc(var(--spacer-xs) * 0.1) calc(var(--spacer-xs) * 0.666);
    background-position-y: calc(26px * 0.5);
    background-position-y: calc(var(--spacer-xs) * 0.5);
    background-position-x: calc(100% - calc(26px * 0.5));
    background-position-x: calc(100% - calc(var(--spacer-xs) * 0.5));
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  select {
    line-height: calc(24px * 1.66);
    line-height: calc(var(--spacer-xs-l) * 1.66);
    height: calc(24px * 1.66);
    height: calc(var(--spacer-xs-l) * 1.66);
    margin: calc(24px * 0.25) 0;
    margin: calc(var(--spacer-xs-l) * 0.25) 0;
    padding: calc(24px * 0.1) calc(24px * 0.666);
    padding: calc(var(--spacer-xs-l) * 0.1) calc(var(--spacer-xs-l) * 0.666);
    background-position-y: calc(24px * 0.5);
    background-position-y: calc(var(--spacer-xs-l) * 0.5);
    background-position-x: calc(100% - calc(24px * 0.5));
    background-position-x: calc(100% - calc(var(--spacer-xs-l) * 0.5));
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  select {
    line-height: calc(28px * 1.66);
    line-height: calc(var(--spacer-sm) * 1.66);
    height: calc(28px * 1.66);
    height: calc(var(--spacer-sm) * 1.66);
    margin: calc(28px * 0.25) 0;
    margin: calc(var(--spacer-sm) * 0.25) 0;
    padding: calc(28px * 0.1) calc(28px * 0.666);
    padding: calc(var(--spacer-sm) * 0.1) calc(var(--spacer-sm) * 0.666);
    background-position-y: calc(28px * 0.5);
    background-position-y: calc(var(--spacer-sm) * 0.5);
    background-position-x: calc(100% - calc(28px * 0.5));
    background-position-x: calc(100% - calc(var(--spacer-sm) * 0.5));
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  select {
    line-height: calc(24px * 1.66);
    line-height: calc(var(--spacer-sm-l) * 1.66);
    height: calc(24px * 1.66);
    height: calc(var(--spacer-sm-l) * 1.66);
    margin: calc(24px * 0.25) 0;
    margin: calc(var(--spacer-sm-l) * 0.25) 0;
    padding: calc(24px * 0.1) calc(24px * 0.666);
    padding: calc(var(--spacer-sm-l) * 0.1) calc(var(--spacer-sm-l) * 0.666);
    background-position-y: calc(24px * 0.5);
    background-position-y: calc(var(--spacer-sm-l) * 0.5);
    background-position-x: calc(100% - calc(24px * 0.5));
    background-position-x: calc(100% - calc(var(--spacer-sm-l) * 0.5));
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  select {
    line-height: calc(28px * 1.66);
    line-height: calc(var(--spacer-md) * 1.66);
    height: calc(28px * 1.66);
    height: calc(var(--spacer-md) * 1.66);
    margin: calc(28px * 0.25) 0;
    margin: calc(var(--spacer-md) * 0.25) 0;
    padding: calc(28px * 0.1) calc(28px * 0.666);
    padding: calc(var(--spacer-md) * 0.1) calc(var(--spacer-md) * 0.666);
    background-position-y: calc(28px * 0.5);
    background-position-y: calc(var(--spacer-md) * 0.5);
    background-position-x: calc(100% - calc(28px * 0.5));
    background-position-x: calc(100% - calc(var(--spacer-md) * 0.5));
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  select {
    line-height: calc(32px * 1.66);
    line-height: calc(var(--spacer-lg) * 1.66);
    height: calc(32px * 1.66);
    height: calc(var(--spacer-lg) * 1.66);
    margin: calc(32px * 0.25) 0;
    margin: calc(var(--spacer-lg) * 0.25) 0;
    padding: calc(32px * 0.1) calc(32px * 0.666);
    padding: calc(var(--spacer-lg) * 0.1) calc(var(--spacer-lg) * 0.666);
    background-position-y: calc(32px * 0.5);
    background-position-y: calc(var(--spacer-lg) * 0.5);
    background-position-x: calc(100% - calc(32px * 0.5));
    background-position-x: calc(100% - calc(var(--spacer-lg) * 0.5));
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  select {
    line-height: calc(36px * 1.66);
    line-height: calc(var(--spacer-xl) * 1.66);
    height: calc(36px * 1.66);
    height: calc(var(--spacer-xl) * 1.66);
    margin: calc(36px * 0.25) 0;
    margin: calc(var(--spacer-xl) * 0.25) 0;
    padding: calc(36px * 0.1) calc(36px * 0.666);
    padding: calc(var(--spacer-xl) * 0.1) calc(var(--spacer-xl) * 0.666);
    background-position-y: calc(36px * 0.5);
    background-position-y: calc(var(--spacer-xl) * 0.5);
    background-position-x: calc(100% - calc(36px * 0.5));
    background-position-x: calc(100% - calc(var(--spacer-xl) * 0.5));
  }
}
select.required {
  border: 2px solid rgba(153, 23, 47, 1);
  border: 2px solid rgba(var(--color-accent-100), 1);
}
select.required::-moz-placeholder {
  color: rgba(153, 23, 47, 1);
  color: rgba(var(--color-accent-100), 1);
}
select.required:-ms-input-placeholder {
  color: rgba(153, 23, 47, 1);
  color: rgba(var(--color-accent-100), 1);
}
select.required::placeholder {
  color: rgba(153, 23, 47, 1);
  color: rgba(var(--color-accent-100), 1);
}

textarea {
  width: 100%;
  max-width: 100%;
  color: rgba(var(--color-secondary-500), 1);
  width: 100%;
  outline: none;
  min-width: 100%;
  border: 0px solid rgba(var(--color-lgray-600), 1);
  font-family: 'Open Sans', sans-serif;
  font-family: var(--font-primary);
  box-shadow: 0 0 calc(36px * 0.5) rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 calc(var(--spacer-xl) * 0.5) rgba(0, 0, 0, 0.2);
  margin: calc(32px * 0.25) 0;
  margin: calc(var(--spacer-default) * 0.25) 0;
  padding: calc(32px * 0.666);
  padding: calc(var(--spacer-default) * 0.666);
}
@media (min-width: 0px) and (max-width: 767px) {
  textarea {
    margin: calc(26px * 0.25) 0;
    margin: calc(var(--spacer-xs) * 0.25) 0;
    padding: calc(26px * 0.666);
    padding: calc(var(--spacer-xs) * 0.666);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  textarea {
    margin: calc(24px * 0.25) 0;
    margin: calc(var(--spacer-xs-l) * 0.25) 0;
    padding: calc(24px * 0.666);
    padding: calc(var(--spacer-xs-l) * 0.666);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  textarea {
    margin: calc(28px * 0.25) 0;
    margin: calc(var(--spacer-sm) * 0.25) 0;
    padding: calc(28px * 0.666);
    padding: calc(var(--spacer-sm) * 0.666);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  textarea {
    margin: calc(24px * 0.25) 0;
    margin: calc(var(--spacer-sm-l) * 0.25) 0;
    padding: calc(24px * 0.666);
    padding: calc(var(--spacer-sm-l) * 0.666);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  textarea {
    margin: calc(28px * 0.25) 0;
    margin: calc(var(--spacer-md) * 0.25) 0;
    padding: calc(28px * 0.666);
    padding: calc(var(--spacer-md) * 0.666);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  textarea {
    margin: calc(32px * 0.25) 0;
    margin: calc(var(--spacer-lg) * 0.25) 0;
    padding: calc(32px * 0.666);
    padding: calc(var(--spacer-lg) * 0.666);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  textarea {
    margin: calc(36px * 0.25) 0;
    margin: calc(var(--spacer-xl) * 0.25) 0;
    padding: calc(36px * 0.666);
    padding: calc(var(--spacer-xl) * 0.666);
  }
}
textarea.required {
  border: 2px solid rgba(153, 23, 47, 1);
  border: 2px solid rgba(var(--color-accent-100), 1);
}
textarea.required::-moz-placeholder {
  color: rgba(153, 23, 47, 1);
  color: rgba(var(--color-accent-100), 1);
}
textarea.required:-ms-input-placeholder {
  color: rgba(153, 23, 47, 1);
  color: rgba(var(--color-accent-100), 1);
}
textarea.required::placeholder {
  color: rgba(153, 23, 47, 1);
  color: rgba(var(--color-accent-100), 1);
}

.form-group {
  margin-bottom: calc(32px * 0.5);
  margin-bottom: calc(var(--spacer-default) * 0.5);
}
@media (min-width: 0px) and (max-width: 767px) {
  .form-group {
    margin-bottom: calc(26px * 0.5);
    margin-bottom: calc(var(--spacer-xs) * 0.5);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .form-group {
    margin-bottom: calc(24px * 0.5);
    margin-bottom: calc(var(--spacer-xs-l) * 0.5);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .form-group {
    margin-bottom: calc(28px * 0.5);
    margin-bottom: calc(var(--spacer-sm) * 0.5);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .form-group {
    margin-bottom: calc(24px * 0.5);
    margin-bottom: calc(var(--spacer-sm-l) * 0.5);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .form-group {
    margin-bottom: calc(28px * 0.5);
    margin-bottom: calc(var(--spacer-md) * 0.5);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .form-group {
    margin-bottom: calc(32px * 0.5);
    margin-bottom: calc(var(--spacer-lg) * 0.5);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .form-group {
    margin-bottom: calc(36px * 0.5);
    margin-bottom: calc(var(--spacer-xl) * 0.5);
  }
}

#error-notice {
  position: absolute;
  display: block;
}
#error-notice.hidden {
  display: none;
}

.success-message {
  display: none;
  background-color: green;
  color: white;
  font-weight: bold;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: calc(32px * 0.666);
  padding: calc(var(--spacer-default) * 0.666);
}
@media (min-width: 0px) and (max-width: 767px) {
  .success-message {
    padding: calc(26px * 0.666);
    padding: calc(var(--spacer-xs) * 0.666);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .success-message {
    padding: calc(24px * 0.666);
    padding: calc(var(--spacer-xs-l) * 0.666);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .success-message {
    padding: calc(28px * 0.666);
    padding: calc(var(--spacer-sm) * 0.666);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .success-message {
    padding: calc(24px * 0.666);
    padding: calc(var(--spacer-sm-l) * 0.666);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .success-message {
    padding: calc(28px * 0.666);
    padding: calc(var(--spacer-md) * 0.666);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .success-message {
    padding: calc(32px * 0.666);
    padding: calc(var(--spacer-lg) * 0.666);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .success-message {
    padding: calc(36px * 0.666);
    padding: calc(var(--spacer-xl) * 0.666);
  }
}

body.ticket-sent .success-message {
  display: flex;
}

.bg-primary-100, .bg-hover-primary-100:hover {
  background-color: rgba(85, 99, 115, 1);
  background-color: rgba(var(--color-primary-100), 1);
}
.bg-primary-100:not([class*=color-]), .bg-hover-primary-100:hover:not([class*=color-]) {
  color: rgb(255, 255, 255);
  color: rgb(var(--color-primary-contrast-100));
}
.bg-primary-100:not([class*=color-]) *, .bg-hover-primary-100:hover:not([class*=color-]) * {
  color: rgb(255, 255, 255);
  color: rgb(var(--color-primary-contrast-100));
}

.color-primary-100,
.color-primary-100[class*=icon]:before {
  color: rgba(85, 99, 115, 1);
  color: rgba(var(--color-primary-100), 1);
}

.color-primary-contrast-100,
.color-primary-contrast-100[class*=icon]:before {
  color: rgb(255, 255, 255);
  color: rgb(var(--color-primary-contrast-100));
}

.bg-accent-100, .bg-hover-accent-100:hover {
  background-color: rgba(153, 23, 47, 1);
  background-color: rgba(var(--color-accent-100), 1);
}
.bg-accent-100:not([class*=color-]), .bg-hover-accent-100:hover:not([class*=color-]) {
  color: rgb(255, 255, 255);
  color: rgb(var(--color-accent-contrast-100));
}
.bg-accent-100:not([class*=color-]) *, .bg-hover-accent-100:hover:not([class*=color-]) * {
  color: rgb(255, 255, 255);
  color: rgb(var(--color-accent-contrast-100));
}

.color-accent-100,
.color-accent-100[class*=icon]:before {
  color: rgba(153, 23, 47, 1);
  color: rgba(var(--color-accent-100), 1);
}

.color-accent-contrast-100,
.color-accent-contrast-100[class*=icon]:before {
  color: rgb(255, 255, 255);
  color: rgb(var(--color-accent-contrast-100));
}

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

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

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

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

.font-primary {
  font-family: 'Open Sans', sans-serif;
  font-family: var(--font-primary);
}

.extra-light {
  font-weight: 200;
}

.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.bold {
  font-weight: 700;
}

.extra-bold {
  font-weight: 800;
}

.black {
  font-weight: 900;
}

@media (min-width: 0px) and (max-width: 767px) {
  [class~=m-1-1],
:root [mobile~=m-1-1],
:root [xs~=m-1-1] {
    margin: calc(26px * 1);
    margin: calc(var(--spacer-xs) * 1);
  }

  [class~=mt-1-1],
:root [mobile~=mt-1-1],
:root [xs~=mt-1-1] {
    margin-top: calc(26px * 1);
    margin-top: calc(var(--spacer-xs) * 1);
  }

  [class~=mb-1-1],
:root [mobile~=mb-1-1],
:root [xs~=mb-1-1] {
    margin-bottom: calc(26px * 1);
    margin-bottom: calc(var(--spacer-xs) * 1);
  }

  [class~=ml-1-1],
:root [mobile~=ml-1-1],
:root [xs~=ml-1-1] {
    margin-left: calc(26px * 1);
    margin-left: calc(var(--spacer-xs) * 1);
  }

  [class~=mr-1-1],
:root [mobile~=mr-1-1],
:root [xs~=mr-1-1] {
    margin-right: calc(26px * 1);
    margin-right: calc(var(--spacer-xs) * 1);
  }

  [class~=mx-1-1],
:root [mobile~=mx-1-1],
:root [xs~=mx-1-1] {
    margin-left: calc(26px * 1);
    margin-left: calc(var(--spacer-xs) * 1);
    margin-right: calc(26px * 1);
    margin-right: calc(var(--spacer-xs) * 1);
  }

  [class~=my-1-1],
:root [mobile~=my-1-1],
:root [xs~=my-1-1] {
    margin-top: calc(26px * 1);
    margin-top: calc(var(--spacer-xs) * 1);
    margin-bottom: calc(26px * 1);
    margin-bottom: calc(var(--spacer-xs) * 1);
  }

  [class~=p-1-1],
:root [mobile~=p-1-1],
:root [xs~=p-1-1] {
    padding: calc(26px * 1);
    padding: calc(var(--spacer-xs) * 1);
  }

  [class~=pt-1-1],
:root [mobile~=pt-1-1],
:root [xs~=pt-1-1] {
    padding-top: calc(26px * 1);
    padding-top: calc(var(--spacer-xs) * 1);
  }

  [class~=pb-1-1],
:root [mobile~=pb-1-1],
:root [xs~=pb-1-1] {
    padding-bottom: calc(26px * 1);
    padding-bottom: calc(var(--spacer-xs) * 1);
  }

  [class~=pl-1-1],
:root [mobile~=pl-1-1],
:root [xs~=pl-1-1] {
    padding-left: calc(26px * 1);
    padding-left: calc(var(--spacer-xs) * 1);
  }

  [class~=pr-1-1],
:root [mobile~=pr-1-1],
:root [xs~=pr-1-1] {
    padding-right: calc(26px * 1);
    padding-right: calc(var(--spacer-xs) * 1);
  }

  [class~=px-1-1],
:root [mobile~=px-1-1],
:root [xs~=px-1-1] {
    padding-left: calc(26px * 1);
    padding-left: calc(var(--spacer-xs) * 1);
    padding-right: calc(26px * 1);
    padding-right: calc(var(--spacer-xs) * 1);
  }

  [class~=py-1-1],
:root [mobile~=py-1-1],
:root [xs~=py-1-1] {
    padding-top: calc(26px * 1);
    padding-top: calc(var(--spacer-xs) * 1);
    padding-bottom: calc(26px * 1);
    padding-bottom: calc(var(--spacer-xs) * 1);
  }

  [class~=h-1-1],
:root [mobile~=h-1-1],
:root [xs~=h-1-1] {
    height: calc(26px * 1);
    height: calc(var(--spacer-xs) * 1);
  }

  [class~=w-1-1],
:root [mobile~=w-1-1],
:root [xs~=w-1-1] {
    width: calc(26px * 1);
    width: calc(var(--spacer-xs) * 1);
  }

  [class~=m-2-1],
:root [mobile~=m-2-1],
:root [xs~=m-2-1] {
    margin: calc(26px * 2);
    margin: calc(var(--spacer-xs) * 2);
  }

  [class~=mt-2-1],
:root [mobile~=mt-2-1],
:root [xs~=mt-2-1] {
    margin-top: calc(26px * 2);
    margin-top: calc(var(--spacer-xs) * 2);
  }

  [class~=mb-2-1],
:root [mobile~=mb-2-1],
:root [xs~=mb-2-1] {
    margin-bottom: calc(26px * 2);
    margin-bottom: calc(var(--spacer-xs) * 2);
  }

  [class~=ml-2-1],
:root [mobile~=ml-2-1],
:root [xs~=ml-2-1] {
    margin-left: calc(26px * 2);
    margin-left: calc(var(--spacer-xs) * 2);
  }

  [class~=mr-2-1],
:root [mobile~=mr-2-1],
:root [xs~=mr-2-1] {
    margin-right: calc(26px * 2);
    margin-right: calc(var(--spacer-xs) * 2);
  }

  [class~=mx-2-1],
:root [mobile~=mx-2-1],
:root [xs~=mx-2-1] {
    margin-left: calc(26px * 2);
    margin-left: calc(var(--spacer-xs) * 2);
    margin-right: calc(26px * 2);
    margin-right: calc(var(--spacer-xs) * 2);
  }

  [class~=my-2-1],
:root [mobile~=my-2-1],
:root [xs~=my-2-1] {
    margin-top: calc(26px * 2);
    margin-top: calc(var(--spacer-xs) * 2);
    margin-bottom: calc(26px * 2);
    margin-bottom: calc(var(--spacer-xs) * 2);
  }

  [class~=p-2-1],
:root [mobile~=p-2-1],
:root [xs~=p-2-1] {
    padding: calc(26px * 2);
    padding: calc(var(--spacer-xs) * 2);
  }

  [class~=pt-2-1],
:root [mobile~=pt-2-1],
:root [xs~=pt-2-1] {
    padding-top: calc(26px * 2);
    padding-top: calc(var(--spacer-xs) * 2);
  }

  [class~=pb-2-1],
:root [mobile~=pb-2-1],
:root [xs~=pb-2-1] {
    padding-bottom: calc(26px * 2);
    padding-bottom: calc(var(--spacer-xs) * 2);
  }

  [class~=pl-2-1],
:root [mobile~=pl-2-1],
:root [xs~=pl-2-1] {
    padding-left: calc(26px * 2);
    padding-left: calc(var(--spacer-xs) * 2);
  }

  [class~=pr-2-1],
:root [mobile~=pr-2-1],
:root [xs~=pr-2-1] {
    padding-right: calc(26px * 2);
    padding-right: calc(var(--spacer-xs) * 2);
  }

  [class~=px-2-1],
:root [mobile~=px-2-1],
:root [xs~=px-2-1] {
    padding-left: calc(26px * 2);
    padding-left: calc(var(--spacer-xs) * 2);
    padding-right: calc(26px * 2);
    padding-right: calc(var(--spacer-xs) * 2);
  }

  [class~=py-2-1],
:root [mobile~=py-2-1],
:root [xs~=py-2-1] {
    padding-top: calc(26px * 2);
    padding-top: calc(var(--spacer-xs) * 2);
    padding-bottom: calc(26px * 2);
    padding-bottom: calc(var(--spacer-xs) * 2);
  }

  [class~=h-2-1],
:root [mobile~=h-2-1],
:root [xs~=h-2-1] {
    height: calc(26px * 2);
    height: calc(var(--spacer-xs) * 2);
  }

  [class~=w-2-1],
:root [mobile~=w-2-1],
:root [xs~=w-2-1] {
    width: calc(26px * 2);
    width: calc(var(--spacer-xs) * 2);
  }

  [class~=m-3-1],
:root [mobile~=m-3-1],
:root [xs~=m-3-1] {
    margin: calc(26px * 3);
    margin: calc(var(--spacer-xs) * 3);
  }

  [class~=mt-3-1],
:root [mobile~=mt-3-1],
:root [xs~=mt-3-1] {
    margin-top: calc(26px * 3);
    margin-top: calc(var(--spacer-xs) * 3);
  }

  [class~=mb-3-1],
:root [mobile~=mb-3-1],
:root [xs~=mb-3-1] {
    margin-bottom: calc(26px * 3);
    margin-bottom: calc(var(--spacer-xs) * 3);
  }

  [class~=ml-3-1],
:root [mobile~=ml-3-1],
:root [xs~=ml-3-1] {
    margin-left: calc(26px * 3);
    margin-left: calc(var(--spacer-xs) * 3);
  }

  [class~=mr-3-1],
:root [mobile~=mr-3-1],
:root [xs~=mr-3-1] {
    margin-right: calc(26px * 3);
    margin-right: calc(var(--spacer-xs) * 3);
  }

  [class~=mx-3-1],
:root [mobile~=mx-3-1],
:root [xs~=mx-3-1] {
    margin-left: calc(26px * 3);
    margin-left: calc(var(--spacer-xs) * 3);
    margin-right: calc(26px * 3);
    margin-right: calc(var(--spacer-xs) * 3);
  }

  [class~=my-3-1],
:root [mobile~=my-3-1],
:root [xs~=my-3-1] {
    margin-top: calc(26px * 3);
    margin-top: calc(var(--spacer-xs) * 3);
    margin-bottom: calc(26px * 3);
    margin-bottom: calc(var(--spacer-xs) * 3);
  }

  [class~=p-3-1],
:root [mobile~=p-3-1],
:root [xs~=p-3-1] {
    padding: calc(26px * 3);
    padding: calc(var(--spacer-xs) * 3);
  }

  [class~=pt-3-1],
:root [mobile~=pt-3-1],
:root [xs~=pt-3-1] {
    padding-top: calc(26px * 3);
    padding-top: calc(var(--spacer-xs) * 3);
  }

  [class~=pb-3-1],
:root [mobile~=pb-3-1],
:root [xs~=pb-3-1] {
    padding-bottom: calc(26px * 3);
    padding-bottom: calc(var(--spacer-xs) * 3);
  }

  [class~=pl-3-1],
:root [mobile~=pl-3-1],
:root [xs~=pl-3-1] {
    padding-left: calc(26px * 3);
    padding-left: calc(var(--spacer-xs) * 3);
  }

  [class~=pr-3-1],
:root [mobile~=pr-3-1],
:root [xs~=pr-3-1] {
    padding-right: calc(26px * 3);
    padding-right: calc(var(--spacer-xs) * 3);
  }

  [class~=px-3-1],
:root [mobile~=px-3-1],
:root [xs~=px-3-1] {
    padding-left: calc(26px * 3);
    padding-left: calc(var(--spacer-xs) * 3);
    padding-right: calc(26px * 3);
    padding-right: calc(var(--spacer-xs) * 3);
  }

  [class~=py-3-1],
:root [mobile~=py-3-1],
:root [xs~=py-3-1] {
    padding-top: calc(26px * 3);
    padding-top: calc(var(--spacer-xs) * 3);
    padding-bottom: calc(26px * 3);
    padding-bottom: calc(var(--spacer-xs) * 3);
  }

  [class~=h-3-1],
:root [mobile~=h-3-1],
:root [xs~=h-3-1] {
    height: calc(26px * 3);
    height: calc(var(--spacer-xs) * 3);
  }

  [class~=w-3-1],
:root [mobile~=w-3-1],
:root [xs~=w-3-1] {
    width: calc(26px * 3);
    width: calc(var(--spacer-xs) * 3);
  }

  [class~=m-4-1],
:root [mobile~=m-4-1],
:root [xs~=m-4-1] {
    margin: calc(26px * 4);
    margin: calc(var(--spacer-xs) * 4);
  }

  [class~=mt-4-1],
:root [mobile~=mt-4-1],
:root [xs~=mt-4-1] {
    margin-top: calc(26px * 4);
    margin-top: calc(var(--spacer-xs) * 4);
  }

  [class~=mb-4-1],
:root [mobile~=mb-4-1],
:root [xs~=mb-4-1] {
    margin-bottom: calc(26px * 4);
    margin-bottom: calc(var(--spacer-xs) * 4);
  }

  [class~=ml-4-1],
:root [mobile~=ml-4-1],
:root [xs~=ml-4-1] {
    margin-left: calc(26px * 4);
    margin-left: calc(var(--spacer-xs) * 4);
  }

  [class~=mr-4-1],
:root [mobile~=mr-4-1],
:root [xs~=mr-4-1] {
    margin-right: calc(26px * 4);
    margin-right: calc(var(--spacer-xs) * 4);
  }

  [class~=mx-4-1],
:root [mobile~=mx-4-1],
:root [xs~=mx-4-1] {
    margin-left: calc(26px * 4);
    margin-left: calc(var(--spacer-xs) * 4);
    margin-right: calc(26px * 4);
    margin-right: calc(var(--spacer-xs) * 4);
  }

  [class~=my-4-1],
:root [mobile~=my-4-1],
:root [xs~=my-4-1] {
    margin-top: calc(26px * 4);
    margin-top: calc(var(--spacer-xs) * 4);
    margin-bottom: calc(26px * 4);
    margin-bottom: calc(var(--spacer-xs) * 4);
  }

  [class~=p-4-1],
:root [mobile~=p-4-1],
:root [xs~=p-4-1] {
    padding: calc(26px * 4);
    padding: calc(var(--spacer-xs) * 4);
  }

  [class~=pt-4-1],
:root [mobile~=pt-4-1],
:root [xs~=pt-4-1] {
    padding-top: calc(26px * 4);
    padding-top: calc(var(--spacer-xs) * 4);
  }

  [class~=pb-4-1],
:root [mobile~=pb-4-1],
:root [xs~=pb-4-1] {
    padding-bottom: calc(26px * 4);
    padding-bottom: calc(var(--spacer-xs) * 4);
  }

  [class~=pl-4-1],
:root [mobile~=pl-4-1],
:root [xs~=pl-4-1] {
    padding-left: calc(26px * 4);
    padding-left: calc(var(--spacer-xs) * 4);
  }

  [class~=pr-4-1],
:root [mobile~=pr-4-1],
:root [xs~=pr-4-1] {
    padding-right: calc(26px * 4);
    padding-right: calc(var(--spacer-xs) * 4);
  }

  [class~=px-4-1],
:root [mobile~=px-4-1],
:root [xs~=px-4-1] {
    padding-left: calc(26px * 4);
    padding-left: calc(var(--spacer-xs) * 4);
    padding-right: calc(26px * 4);
    padding-right: calc(var(--spacer-xs) * 4);
  }

  [class~=py-4-1],
:root [mobile~=py-4-1],
:root [xs~=py-4-1] {
    padding-top: calc(26px * 4);
    padding-top: calc(var(--spacer-xs) * 4);
    padding-bottom: calc(26px * 4);
    padding-bottom: calc(var(--spacer-xs) * 4);
  }

  [class~=h-4-1],
:root [mobile~=h-4-1],
:root [xs~=h-4-1] {
    height: calc(26px * 4);
    height: calc(var(--spacer-xs) * 4);
  }

  [class~=w-4-1],
:root [mobile~=w-4-1],
:root [xs~=w-4-1] {
    width: calc(26px * 4);
    width: calc(var(--spacer-xs) * 4);
  }

  [class~=m-5-1],
:root [mobile~=m-5-1],
:root [xs~=m-5-1] {
    margin: calc(26px * 5);
    margin: calc(var(--spacer-xs) * 5);
  }

  [class~=mt-5-1],
:root [mobile~=mt-5-1],
:root [xs~=mt-5-1] {
    margin-top: calc(26px * 5);
    margin-top: calc(var(--spacer-xs) * 5);
  }

  [class~=mb-5-1],
:root [mobile~=mb-5-1],
:root [xs~=mb-5-1] {
    margin-bottom: calc(26px * 5);
    margin-bottom: calc(var(--spacer-xs) * 5);
  }

  [class~=ml-5-1],
:root [mobile~=ml-5-1],
:root [xs~=ml-5-1] {
    margin-left: calc(26px * 5);
    margin-left: calc(var(--spacer-xs) * 5);
  }

  [class~=mr-5-1],
:root [mobile~=mr-5-1],
:root [xs~=mr-5-1] {
    margin-right: calc(26px * 5);
    margin-right: calc(var(--spacer-xs) * 5);
  }

  [class~=mx-5-1],
:root [mobile~=mx-5-1],
:root [xs~=mx-5-1] {
    margin-left: calc(26px * 5);
    margin-left: calc(var(--spacer-xs) * 5);
    margin-right: calc(26px * 5);
    margin-right: calc(var(--spacer-xs) * 5);
  }

  [class~=my-5-1],
:root [mobile~=my-5-1],
:root [xs~=my-5-1] {
    margin-top: calc(26px * 5);
    margin-top: calc(var(--spacer-xs) * 5);
    margin-bottom: calc(26px * 5);
    margin-bottom: calc(var(--spacer-xs) * 5);
  }

  [class~=p-5-1],
:root [mobile~=p-5-1],
:root [xs~=p-5-1] {
    padding: calc(26px * 5);
    padding: calc(var(--spacer-xs) * 5);
  }

  [class~=pt-5-1],
:root [mobile~=pt-5-1],
:root [xs~=pt-5-1] {
    padding-top: calc(26px * 5);
    padding-top: calc(var(--spacer-xs) * 5);
  }

  [class~=pb-5-1],
:root [mobile~=pb-5-1],
:root [xs~=pb-5-1] {
    padding-bottom: calc(26px * 5);
    padding-bottom: calc(var(--spacer-xs) * 5);
  }

  [class~=pl-5-1],
:root [mobile~=pl-5-1],
:root [xs~=pl-5-1] {
    padding-left: calc(26px * 5);
    padding-left: calc(var(--spacer-xs) * 5);
  }

  [class~=pr-5-1],
:root [mobile~=pr-5-1],
:root [xs~=pr-5-1] {
    padding-right: calc(26px * 5);
    padding-right: calc(var(--spacer-xs) * 5);
  }

  [class~=px-5-1],
:root [mobile~=px-5-1],
:root [xs~=px-5-1] {
    padding-left: calc(26px * 5);
    padding-left: calc(var(--spacer-xs) * 5);
    padding-right: calc(26px * 5);
    padding-right: calc(var(--spacer-xs) * 5);
  }

  [class~=py-5-1],
:root [mobile~=py-5-1],
:root [xs~=py-5-1] {
    padding-top: calc(26px * 5);
    padding-top: calc(var(--spacer-xs) * 5);
    padding-bottom: calc(26px * 5);
    padding-bottom: calc(var(--spacer-xs) * 5);
  }

  [class~=h-5-1],
:root [mobile~=h-5-1],
:root [xs~=h-5-1] {
    height: calc(26px * 5);
    height: calc(var(--spacer-xs) * 5);
  }

  [class~=w-5-1],
:root [mobile~=w-5-1],
:root [xs~=w-5-1] {
    width: calc(26px * 5);
    width: calc(var(--spacer-xs) * 5);
  }

  [class~=m-6-1],
:root [mobile~=m-6-1],
:root [xs~=m-6-1] {
    margin: calc(26px * 6);
    margin: calc(var(--spacer-xs) * 6);
  }

  [class~=mt-6-1],
:root [mobile~=mt-6-1],
:root [xs~=mt-6-1] {
    margin-top: calc(26px * 6);
    margin-top: calc(var(--spacer-xs) * 6);
  }

  [class~=mb-6-1],
:root [mobile~=mb-6-1],
:root [xs~=mb-6-1] {
    margin-bottom: calc(26px * 6);
    margin-bottom: calc(var(--spacer-xs) * 6);
  }

  [class~=ml-6-1],
:root [mobile~=ml-6-1],
:root [xs~=ml-6-1] {
    margin-left: calc(26px * 6);
    margin-left: calc(var(--spacer-xs) * 6);
  }

  [class~=mr-6-1],
:root [mobile~=mr-6-1],
:root [xs~=mr-6-1] {
    margin-right: calc(26px * 6);
    margin-right: calc(var(--spacer-xs) * 6);
  }

  [class~=mx-6-1],
:root [mobile~=mx-6-1],
:root [xs~=mx-6-1] {
    margin-left: calc(26px * 6);
    margin-left: calc(var(--spacer-xs) * 6);
    margin-right: calc(26px * 6);
    margin-right: calc(var(--spacer-xs) * 6);
  }

  [class~=my-6-1],
:root [mobile~=my-6-1],
:root [xs~=my-6-1] {
    margin-top: calc(26px * 6);
    margin-top: calc(var(--spacer-xs) * 6);
    margin-bottom: calc(26px * 6);
    margin-bottom: calc(var(--spacer-xs) * 6);
  }

  [class~=p-6-1],
:root [mobile~=p-6-1],
:root [xs~=p-6-1] {
    padding: calc(26px * 6);
    padding: calc(var(--spacer-xs) * 6);
  }

  [class~=pt-6-1],
:root [mobile~=pt-6-1],
:root [xs~=pt-6-1] {
    padding-top: calc(26px * 6);
    padding-top: calc(var(--spacer-xs) * 6);
  }

  [class~=pb-6-1],
:root [mobile~=pb-6-1],
:root [xs~=pb-6-1] {
    padding-bottom: calc(26px * 6);
    padding-bottom: calc(var(--spacer-xs) * 6);
  }

  [class~=pl-6-1],
:root [mobile~=pl-6-1],
:root [xs~=pl-6-1] {
    padding-left: calc(26px * 6);
    padding-left: calc(var(--spacer-xs) * 6);
  }

  [class~=pr-6-1],
:root [mobile~=pr-6-1],
:root [xs~=pr-6-1] {
    padding-right: calc(26px * 6);
    padding-right: calc(var(--spacer-xs) * 6);
  }

  [class~=px-6-1],
:root [mobile~=px-6-1],
:root [xs~=px-6-1] {
    padding-left: calc(26px * 6);
    padding-left: calc(var(--spacer-xs) * 6);
    padding-right: calc(26px * 6);
    padding-right: calc(var(--spacer-xs) * 6);
  }

  [class~=py-6-1],
:root [mobile~=py-6-1],
:root [xs~=py-6-1] {
    padding-top: calc(26px * 6);
    padding-top: calc(var(--spacer-xs) * 6);
    padding-bottom: calc(26px * 6);
    padding-bottom: calc(var(--spacer-xs) * 6);
  }

  [class~=h-6-1],
:root [mobile~=h-6-1],
:root [xs~=h-6-1] {
    height: calc(26px * 6);
    height: calc(var(--spacer-xs) * 6);
  }

  [class~=w-6-1],
:root [mobile~=w-6-1],
:root [xs~=w-6-1] {
    width: calc(26px * 6);
    width: calc(var(--spacer-xs) * 6);
  }

  [class~=m-1-2],
:root [mobile~=m-1-2],
:root [xs~=m-1-2] {
    margin: calc(26px / 2);
    margin: calc(var(--spacer-xs) / 2);
  }

  [class~=mt-1-2],
:root [mobile~=mt-1-2],
:root [xs~=mt-1-2] {
    margin-top: calc(26px / 2);
    margin-top: calc(var(--spacer-xs) / 2);
  }

  [class~=mb-1-2],
:root [mobile~=mb-1-2],
:root [xs~=mb-1-2] {
    margin-bottom: calc(26px / 2);
    margin-bottom: calc(var(--spacer-xs) / 2);
  }

  [class~=ml-1-2],
:root [mobile~=ml-1-2],
:root [xs~=ml-1-2] {
    margin-left: calc(26px / 2);
    margin-left: calc(var(--spacer-xs) / 2);
  }

  [class~=mr-1-2],
:root [mobile~=mr-1-2],
:root [xs~=mr-1-2] {
    margin-right: calc(26px / 2);
    margin-right: calc(var(--spacer-xs) / 2);
  }

  [class~=mx-1-2],
:root [mobile~=mx-1-2],
:root [xs~=mx-1-2] {
    margin-left: calc(26px / 2);
    margin-left: calc(var(--spacer-xs) / 2);
    margin-right: calc(26px / 2);
    margin-right: calc(var(--spacer-xs) / 2);
  }

  [class~=my-1-2],
:root [mobile~=my-1-2],
:root [xs~=my-1-2] {
    margin-top: calc(26px / 2);
    margin-top: calc(var(--spacer-xs) / 2);
    margin-bottom: calc(26px / 2);
    margin-bottom: calc(var(--spacer-xs) / 2);
  }

  [class~=p-1-2],
:root [mobile~=p-1-2],
:root [xs~=p-1-2] {
    padding: calc(26px / 2);
    padding: calc(var(--spacer-xs) / 2);
  }

  [class~=pt-1-2],
:root [mobile~=pt-1-2],
:root [xs~=pt-1-2] {
    padding-top: calc(26px / 2);
    padding-top: calc(var(--spacer-xs) / 2);
  }

  [class~=pb-1-2],
:root [mobile~=pb-1-2],
:root [xs~=pb-1-2] {
    padding-bottom: calc(26px / 2);
    padding-bottom: calc(var(--spacer-xs) / 2);
  }

  [class~=pl-1-2],
:root [mobile~=pl-1-2],
:root [xs~=pl-1-2] {
    padding-left: calc(26px / 2);
    padding-left: calc(var(--spacer-xs) / 2);
  }

  [class~=pr-1-2],
:root [mobile~=pr-1-2],
:root [xs~=pr-1-2] {
    padding-right: calc(26px / 2);
    padding-right: calc(var(--spacer-xs) / 2);
  }

  [class~=px-1-2],
:root [mobile~=px-1-2],
:root [xs~=px-1-2] {
    padding-left: calc(26px / 2);
    padding-left: calc(var(--spacer-xs) / 2);
    padding-right: calc(26px / 2);
    padding-right: calc(var(--spacer-xs) / 2);
  }

  [class~=py-1-2],
:root [mobile~=py-1-2],
:root [xs~=py-1-2] {
    padding-top: calc(26px / 2);
    padding-top: calc(var(--spacer-xs) / 2);
    padding-bottom: calc(26px / 2);
    padding-bottom: calc(var(--spacer-xs) / 2);
  }

  [class~=h-1-2],
:root [mobile~=h-1-2],
:root [xs~=h-1-2] {
    height: calc(26px / 2);
    height: calc(var(--spacer-xs) / 2);
  }

  [class~=w-1-2],
:root [mobile~=w-1-2],
:root [xs~=w-1-2] {
    width: calc(26px / 2);
    width: calc(var(--spacer-xs) / 2);
  }

  [class~=m-1-3],
:root [mobile~=m-1-3],
:root [xs~=m-1-3] {
    margin: calc(26px / 3);
    margin: calc(var(--spacer-xs) / 3);
  }

  [class~=mt-1-3],
:root [mobile~=mt-1-3],
:root [xs~=mt-1-3] {
    margin-top: calc(26px / 3);
    margin-top: calc(var(--spacer-xs) / 3);
  }

  [class~=mb-1-3],
:root [mobile~=mb-1-3],
:root [xs~=mb-1-3] {
    margin-bottom: calc(26px / 3);
    margin-bottom: calc(var(--spacer-xs) / 3);
  }

  [class~=ml-1-3],
:root [mobile~=ml-1-3],
:root [xs~=ml-1-3] {
    margin-left: calc(26px / 3);
    margin-left: calc(var(--spacer-xs) / 3);
  }

  [class~=mr-1-3],
:root [mobile~=mr-1-3],
:root [xs~=mr-1-3] {
    margin-right: calc(26px / 3);
    margin-right: calc(var(--spacer-xs) / 3);
  }

  [class~=mx-1-3],
:root [mobile~=mx-1-3],
:root [xs~=mx-1-3] {
    margin-left: calc(26px / 3);
    margin-left: calc(var(--spacer-xs) / 3);
    margin-right: calc(26px / 3);
    margin-right: calc(var(--spacer-xs) / 3);
  }

  [class~=my-1-3],
:root [mobile~=my-1-3],
:root [xs~=my-1-3] {
    margin-top: calc(26px / 3);
    margin-top: calc(var(--spacer-xs) / 3);
    margin-bottom: calc(26px / 3);
    margin-bottom: calc(var(--spacer-xs) / 3);
  }

  [class~=p-1-3],
:root [mobile~=p-1-3],
:root [xs~=p-1-3] {
    padding: calc(26px / 3);
    padding: calc(var(--spacer-xs) / 3);
  }

  [class~=pt-1-3],
:root [mobile~=pt-1-3],
:root [xs~=pt-1-3] {
    padding-top: calc(26px / 3);
    padding-top: calc(var(--spacer-xs) / 3);
  }

  [class~=pb-1-3],
:root [mobile~=pb-1-3],
:root [xs~=pb-1-3] {
    padding-bottom: calc(26px / 3);
    padding-bottom: calc(var(--spacer-xs) / 3);
  }

  [class~=pl-1-3],
:root [mobile~=pl-1-3],
:root [xs~=pl-1-3] {
    padding-left: calc(26px / 3);
    padding-left: calc(var(--spacer-xs) / 3);
  }

  [class~=pr-1-3],
:root [mobile~=pr-1-3],
:root [xs~=pr-1-3] {
    padding-right: calc(26px / 3);
    padding-right: calc(var(--spacer-xs) / 3);
  }

  [class~=px-1-3],
:root [mobile~=px-1-3],
:root [xs~=px-1-3] {
    padding-left: calc(26px / 3);
    padding-left: calc(var(--spacer-xs) / 3);
    padding-right: calc(26px / 3);
    padding-right: calc(var(--spacer-xs) / 3);
  }

  [class~=py-1-3],
:root [mobile~=py-1-3],
:root [xs~=py-1-3] {
    padding-top: calc(26px / 3);
    padding-top: calc(var(--spacer-xs) / 3);
    padding-bottom: calc(26px / 3);
    padding-bottom: calc(var(--spacer-xs) / 3);
  }

  [class~=h-1-3],
:root [mobile~=h-1-3],
:root [xs~=h-1-3] {
    height: calc(26px / 3);
    height: calc(var(--spacer-xs) / 3);
  }

  [class~=w-1-3],
:root [mobile~=w-1-3],
:root [xs~=w-1-3] {
    width: calc(26px / 3);
    width: calc(var(--spacer-xs) / 3);
  }

  [class~=m-1-4],
:root [mobile~=m-1-4],
:root [xs~=m-1-4] {
    margin: calc(26px / 4);
    margin: calc(var(--spacer-xs) / 4);
  }

  [class~=mt-1-4],
:root [mobile~=mt-1-4],
:root [xs~=mt-1-4] {
    margin-top: calc(26px / 4);
    margin-top: calc(var(--spacer-xs) / 4);
  }

  [class~=mb-1-4],
:root [mobile~=mb-1-4],
:root [xs~=mb-1-4] {
    margin-bottom: calc(26px / 4);
    margin-bottom: calc(var(--spacer-xs) / 4);
  }

  [class~=ml-1-4],
:root [mobile~=ml-1-4],
:root [xs~=ml-1-4] {
    margin-left: calc(26px / 4);
    margin-left: calc(var(--spacer-xs) / 4);
  }

  [class~=mr-1-4],
:root [mobile~=mr-1-4],
:root [xs~=mr-1-4] {
    margin-right: calc(26px / 4);
    margin-right: calc(var(--spacer-xs) / 4);
  }

  [class~=mx-1-4],
:root [mobile~=mx-1-4],
:root [xs~=mx-1-4] {
    margin-left: calc(26px / 4);
    margin-left: calc(var(--spacer-xs) / 4);
    margin-right: calc(26px / 4);
    margin-right: calc(var(--spacer-xs) / 4);
  }

  [class~=my-1-4],
:root [mobile~=my-1-4],
:root [xs~=my-1-4] {
    margin-top: calc(26px / 4);
    margin-top: calc(var(--spacer-xs) / 4);
    margin-bottom: calc(26px / 4);
    margin-bottom: calc(var(--spacer-xs) / 4);
  }

  [class~=p-1-4],
:root [mobile~=p-1-4],
:root [xs~=p-1-4] {
    padding: calc(26px / 4);
    padding: calc(var(--spacer-xs) / 4);
  }

  [class~=pt-1-4],
:root [mobile~=pt-1-4],
:root [xs~=pt-1-4] {
    padding-top: calc(26px / 4);
    padding-top: calc(var(--spacer-xs) / 4);
  }

  [class~=pb-1-4],
:root [mobile~=pb-1-4],
:root [xs~=pb-1-4] {
    padding-bottom: calc(26px / 4);
    padding-bottom: calc(var(--spacer-xs) / 4);
  }

  [class~=pl-1-4],
:root [mobile~=pl-1-4],
:root [xs~=pl-1-4] {
    padding-left: calc(26px / 4);
    padding-left: calc(var(--spacer-xs) / 4);
  }

  [class~=pr-1-4],
:root [mobile~=pr-1-4],
:root [xs~=pr-1-4] {
    padding-right: calc(26px / 4);
    padding-right: calc(var(--spacer-xs) / 4);
  }

  [class~=px-1-4],
:root [mobile~=px-1-4],
:root [xs~=px-1-4] {
    padding-left: calc(26px / 4);
    padding-left: calc(var(--spacer-xs) / 4);
    padding-right: calc(26px / 4);
    padding-right: calc(var(--spacer-xs) / 4);
  }

  [class~=py-1-4],
:root [mobile~=py-1-4],
:root [xs~=py-1-4] {
    padding-top: calc(26px / 4);
    padding-top: calc(var(--spacer-xs) / 4);
    padding-bottom: calc(26px / 4);
    padding-bottom: calc(var(--spacer-xs) / 4);
  }

  [class~=h-1-4],
:root [mobile~=h-1-4],
:root [xs~=h-1-4] {
    height: calc(26px / 4);
    height: calc(var(--spacer-xs) / 4);
  }

  [class~=w-1-4],
:root [mobile~=w-1-4],
:root [xs~=w-1-4] {
    width: calc(26px / 4);
    width: calc(var(--spacer-xs) / 4);
  }

  [class~=m-0],
:root [mobile~=m-0],
:root [xs~=m-0] {
    margin: 0;
  }

  [class~=mt-0],
:root [mobile~=mt-0],
:root [xs~=mt-0] {
    margin-top: 0;
  }

  [class~=mb-0],
:root [mobile~=mb-0],
:root [xs~=mb-0] {
    margin-bottom: 0;
  }

  [class~=ml-0],
:root [mobile~=ml-0],
:root [xs~=ml-0] {
    margin-left: 0;
  }

  [class~=mr-0],
:root [mobile~=mr-0],
:root [xs~=mr-0] {
    margin-right: 0;
  }

  [class~=mx-0],
:root [mobile~=mx-0],
:root [xs~=mx-0] {
    margin-left: 0;
    margin-right: 0;
  }

  [class~=my-0],
:root [mobile~=my-0],
:root [xs~=my-0] {
    margin-top: 0;
    margin-bottom: 0;
  }

  [class~=p-0],
:root [mobile~=p-0],
:root [xs~=p-0] {
    padding: 0;
  }

  [class~=pt-0],
:root [mobile~=pt-0],
:root [xs~=pt-0] {
    padding-top: 0;
  }

  [class~=pb-0],
:root [mobile~=pb-0],
:root [xs~=pb-0] {
    padding-bottom: 0;
  }

  [class~=pl-0],
:root [mobile~=pl-0],
:root [xs~=pl-0] {
    padding-left: 0;
  }

  [class~=pr-0],
:root [mobile~=pr-0],
:root [xs~=pr-0] {
    padding-right: 0;
  }

  [class~=px-0],
:root [mobile~=px-0],
:root [xs~=px-0] {
    padding-left: 0;
    padding-right: 0;
  }

  [class~=py-0],
:root [mobile~=py-0],
:root [xs~=py-0] {
    padding-top: 0;
    padding-bottom: 0;
  }

  [class~=h-0],
:root [mobile~=h-0],
:root [xs~=h-0] {
    height: 0;
  }

  [class~=w-0],
:root [mobile~=w-0],
:root [xs~=w-0] {
    width: 0;
  }

  [class~=gutter],
:root [mobile~=gutter],
:root [xs~=gutter] {
    margin-left: calc(26px * -1);
    margin-left: calc(var(--gutter-xs) * -1);
    margin-right: calc(26px * -1);
    margin-right: calc(var(--gutter-xs) * -1);
  }
  [class~=gutter] > *,
:root [mobile~=gutter] > *,
:root [xs~=gutter] > * {
    padding-left: calc(26px * 1);
    padding-left: calc(var(--gutter-xs) * 1);
    padding-right: calc(26px * 1);
    padding-right: calc(var(--gutter-xs) * 1);
  }

  [class~=gutter-1-2],
:root [mobile~=gutter-1-2],
:root [xs~=gutter-1-2] {
    margin-left: calc(26px * -0.5);
    margin-left: calc(var(--gutter-xs) * -0.5);
    margin-right: calc(26px * -0.5);
    margin-right: calc(var(--gutter-xs) * -0.5);
  }
  [class~=gutter-1-2] > *,
:root [mobile~=gutter-1-2] > *,
:root [xs~=gutter-1-2] > * {
    padding-left: calc(26px * 0.5);
    padding-left: calc(var(--gutter-xs) * 0.5);
    padding-right: calc(26px * 0.5);
    padding-right: calc(var(--gutter-xs) * 0.5);
  }

  [class~=gutter-1-3],
:root [mobile~=gutter-1-3],
:root [xs~=gutter-1-3] {
    margin-left: calc(26px * -0.333);
    margin-left: calc(var(--gutter-xs) * -0.333);
    margin-right: calc(26px * -0.333);
    margin-right: calc(var(--gutter-xs) * -0.333);
  }
  [class~=gutter-1-3] > *,
:root [mobile~=gutter-1-3] > *,
:root [xs~=gutter-1-3] > * {
    padding-left: calc(26px * 0.333);
    padding-left: calc(var(--gutter-xs) * 0.333);
    padding-right: calc(26px * 0.333);
    padding-right: calc(var(--gutter-xs) * 0.333);
  }

  [class~=gutter-2-1],
:root [mobile~=gutter-2-1],
:root [xs~=gutter-2-1] {
    margin-left: calc(26px * -2);
    margin-left: calc(var(--gutter-xs) * -2);
    margin-right: calc(26px * -2);
    margin-right: calc(var(--gutter-xs) * -2);
  }
  [class~=gutter-2-1] > *,
:root [mobile~=gutter-2-1] > *,
:root [xs~=gutter-2-1] > * {
    padding-left: calc(26px * 2);
    padding-left: calc(var(--gutter-xs) * 2);
    padding-right: calc(26px * 2);
    padding-right: calc(var(--gutter-xs) * 2);
  }

  [class~=row-12],
:root [mobile~=row-12],
:root [xs~=row-12] {
    min-height: 100vh;
  }

  [class~=row-11],
:root [mobile~=row-11],
:root [xs~=row-11] {
    min-height: 91.6666666667vh;
  }

  [class~=row-10],
:root [mobile~=row-10],
:root [xs~=row-10] {
    min-height: 83.3333333333vh;
  }

  [class~=row-9],
:root [mobile~=row-9],
:root [xs~=row-9] {
    min-height: 75vh;
  }

  [class~=row-8],
:root [mobile~=row-8],
:root [xs~=row-8] {
    min-height: 66.6666666667vh;
  }

  [class~=row-7],
:root [mobile~=row-7],
:root [xs~=row-7] {
    min-height: 58.3333333333vh;
  }

  [class~=row-6],
:root [mobile~=row-6],
:root [xs~=row-6] {
    min-height: 50vh;
  }

  [class~=row-5],
:root [mobile~=row-5],
:root [xs~=row-5] {
    min-height: 41.6666666667vh;
  }

  [class~=row-4],
:root [mobile~=row-4],
:root [xs~=row-4] {
    min-height: 33.3333333333vh;
  }

  [class~=row-3],
:root [mobile~=row-3],
:root [xs~=row-3] {
    min-height: 25vh;
  }

  [class~=row-2],
:root [mobile~=row-2],
:root [xs~=row-2] {
    min-height: 16.6666666667vh;
  }

  [class~=row-1],
:root [mobile~=row-1],
:root [xs~=row-1] {
    min-height: 8.3333333333vh;
  }

  [class~=col-12],
:root [mobile~=col-12],
:root [xs~=col-12] {
    width: 100%;
  }

  [class~=col-11],
:root [mobile~=col-11],
:root [xs~=col-11] {
    width: 91.6666666667%;
  }

  [class~=col-10],
:root [mobile~=col-10],
:root [xs~=col-10] {
    width: 83.3333333333%;
  }

  [class~=col-9],
:root [mobile~=col-9],
:root [xs~=col-9] {
    width: 75%;
  }

  [class~=col-8],
:root [mobile~=col-8],
:root [xs~=col-8] {
    width: 66.6666666667%;
  }

  [class~=col-7],
:root [mobile~=col-7],
:root [xs~=col-7] {
    width: 58.3333333333%;
  }

  [class~=col-6],
:root [mobile~=col-6],
:root [xs~=col-6] {
    width: 50%;
  }

  [class~=col-5],
:root [mobile~=col-5],
:root [xs~=col-5] {
    width: 41.6666666667%;
  }

  [class~=col-4],
:root [mobile~=col-4],
:root [xs~=col-4] {
    width: 33.3333333333%;
  }

  [class~=col-3],
:root [mobile~=col-3],
:root [xs~=col-3] {
    width: 25%;
  }

  [class~=col-2],
:root [mobile~=col-2],
:root [xs~=col-2] {
    width: 16.6666666667%;
  }

  [class~=col-1],
:root [mobile~=col-1],
:root [xs~=col-1] {
    width: 8.3333333333%;
  }

  [class~=row],
[class~=column],
:root [mobile~=row],
:root [mobile~=column],
:root [xs~=row],
:root [xs~=column] {
    display: flex;
  }
  [class~=row] > *,
[class~=column] > *,
:root [mobile~=row] > *,
:root [mobile~=column] > *,
:root [xs~=row] > *,
:root [xs~=column] > * {
    flex-grow: 0;
  }

  [class~=column],
:root [mobile~=column],
:root [xs~=column] {
    flex-direction: column;
  }

  [class~=row],
:root [mobile~=row],
:root [xs~=row] {
    flex-direction: row;
  }

  [class~=column-reverse],
:root [mobile~=column-reverse],
:root [xs~=column-reverse] {
    flex-direction: column-reverse;
  }

  [class~=row-reverse],
:root [mobile~=row-reverse],
:root [xs~=row-reverse] {
    flex-direction: row-reverse;
  }

  [class~=row][class~=v-center], [class~=column][class~=h-center],
:root [mobile~=row][mobile~=v-center], :root [mobile~=column][mobile~=h-center],
:root [xs~=row][xs~=v-center], :root [xs~=column][xs~=h-center] {
    align-items: center;
  }

  [class~=row][class~=v-start], [class~=column][class~=h-start],
:root [mobile~=row][mobile~=v-start], :root [mobile~=column][mobile~=h-start],
:root [xs~=row][xs~=v-start], :root [xs~=column][xs~=h-start] {
    align-items: flex-start;
  }

  [class~=row][class~=v-end], [class~=column][class~=h-end],
:root [mobile~=row][mobile~=v-end], :root [mobile~=column][mobile~=h-end],
:root [xs~=row][xs~=v-end], :root [xs~=column][xs~=h-end] {
    align-items: flex-end;
  }

  [class~=row][class~=v-stretch], [class~=column][class~=h-stretch],
:root [mobile~=row][mobile~=v-stretch], :root [mobile~=column][mobile~=h-stretch],
:root [xs~=row][xs~=v-stretch], :root [xs~=column][xs~=h-stretch] {
    align-items: stretch;
  }

  [class~=row][class~=h-center], [class~=column][class~=v-center],
:root [mobile~=row][mobile~=h-center], :root [mobile~=column][mobile~=v-center],
:root [xs~=row][xs~=h-center], :root [xs~=column][xs~=v-center] {
    justify-content: center;
  }

  [class~=row][class~=h-start], [class~=column][class~=v-start],
:root [mobile~=row][mobile~=h-start], :root [mobile~=column][mobile~=v-start],
:root [xs~=row][xs~=h-start], :root [xs~=column][xs~=v-start] {
    justify-content: flex-start;
  }

  [class~=row][class~=h-end], [class~=column][class~=v-end],
:root [mobile~=row][mobile~=h-end], :root [mobile~=column][mobile~=v-end],
:root [xs~=row][xs~=h-end], :root [xs~=column][xs~=v-end] {
    justify-content: flex-end;
  }

  [class~=row][class~=h-spacein], [class~=column][class~=v-spacein],
:root [mobile~=row][mobile~=h-spacein], :root [mobile~=column][mobile~=v-spacein],
:root [xs~=row][xs~=h-spacein], :root [xs~=column][xs~=v-spacein] {
    justify-content: space-between;
  }

  [class~=row][class~=h-spaceout], [class~=column][class~=v-spaceout],
:root [mobile~=row][mobile~=h-spaceout], :root [mobile~=column][mobile~=v-spaceout],
:root [xs~=row][xs~=h-spaceout], :root [xs~=column][xs~=v-spaceout] {
    justify-content: space-around;
  }

  [class~=row] > [class~=v-self-center], [class~=column] > [class~=h-self-center],
:root [mobile~=row] > [mobile~=v-self-center], :root [mobile~=column] > [mobile~=h-self-center],
:root [xs~=row] > [xs~=v-self-center], :root [xs~=column] > [xs~=h-self-center] {
    align-self: center;
  }

  [class~=row] > [class~=v-self-start], [class~=column] > [class~=h-self-start],
:root [mobile~=row] > [mobile~=v-self-start], :root [mobile~=column] > [mobile~=h-self-start],
:root [xs~=row] > [xs~=v-self-start], :root [xs~=column] > [xs~=h-self-start] {
    align-self: flex-start;
  }

  [class~=row] > [class~=v-self-end], [class~=column] > [class~=h-self-end],
:root [mobile~=row] > [mobile~=v-self-end], :root [mobile~=column] > [mobile~=h-self-end],
:root [xs~=row] > [xs~=v-self-end], :root [xs~=column] > [xs~=h-self-end] {
    align-self: flex-end;
  }

  [class~=row] > [class~=v-self-stretch], [class~=column] > [class~=h-self-stretch],
:root [mobile~=row] > [mobile~=v-self-stretch], :root [mobile~=column] > [mobile~=h-self-stretch],
:root [xs~=row] > [xs~=v-self-stretch], :root [xs~=column] > [xs~=h-self-stretch] {
    align-self: stretch;
  }

  [class~=row] > [class~=v-self-selfstart], [class~=column] > [class~=h-self-selfstart],
:root [mobile~=row] > [mobile~=v-self-selfstart], :root [mobile~=column] > [mobile~=h-self-selfstart],
:root [xs~=row] > [xs~=v-self-selfstart], :root [xs~=column] > [xs~=h-self-selfstart] {
    align-self: self-start;
  }

  [class~=row] > [class~=v-self-selfend], [class~=column] > [class~=h-self-selfend],
:root [mobile~=row] > [mobile~=v-self-selfend], :root [mobile~=column] > [mobile~=h-self-selfend],
:root [xs~=row] > [xs~=v-self-selfend], :root [xs~=column] > [xs~=h-self-selfend] {
    align-self: self-end;
  }

  [class~=row] > [class~=h-self-center], [class~=column] > [class~=v-self-center],
:root [mobile~=row] > [mobile~=h-self-center], :root [mobile~=column] > [mobile~=v-self-center],
:root [xs~=row] > [xs~=h-self-center], :root [xs~=column] > [xs~=v-self-center] {
    justify-self: center;
  }

  [class~=row] > [class~=h-self-start], [class~=column] > [class~=v-self-start],
:root [mobile~=row] > [mobile~=h-self-start], :root [mobile~=column] > [mobile~=v-self-start],
:root [xs~=row] > [xs~=h-self-start], :root [xs~=column] > [xs~=v-self-start] {
    justify-self: flex-start;
  }

  [class~=row] > [class~=h-self-end], [class~=column] > [class~=v-self-end],
:root [mobile~=row] > [mobile~=h-self-end], :root [mobile~=column] > [mobile~=v-self-end],
:root [xs~=row] > [xs~=h-self-end], :root [xs~=column] > [xs~=v-self-end] {
    justify-self: flex-end;
  }

  [class~=row] > [class~=h-self-stretch], [class~=column] > [class~=v-self-stretch],
:root [mobile~=row] > [mobile~=h-self-stretch], :root [mobile~=column] > [mobile~=v-self-stretch],
:root [xs~=row] > [xs~=h-self-stretch], :root [xs~=column] > [xs~=v-self-stretch] {
    justify-self: stretch;
  }

  [class~=row] > [class~=h-self-selfstart], [class~=column] > [class~=v-self-selfstart],
:root [mobile~=row] > [mobile~=h-self-selfstart], :root [mobile~=column] > [mobile~=v-self-selfstart],
:root [xs~=row] > [xs~=h-self-selfstart], :root [xs~=column] > [xs~=v-self-selfstart] {
    justify-self: self-start;
  }

  [class~=row] > [class~=h-self-selfend], [class~=column] > [class~=v-self-selfend],
:root [mobile~=row] > [mobile~=h-self-selfend], :root [mobile~=column] > [mobile~=v-self-selfend],
:root [xs~=row] > [xs~=h-self-selfend], :root [xs~=column] > [xs~=v-self-selfend] {
    justify-self: self-end;
  }

  [class~=row] > [class~=h-self-left], [class~=column] > [class~=v-self-left],
:root [mobile~=row] > [mobile~=h-self-left], :root [mobile~=column] > [mobile~=v-self-left],
:root [xs~=row] > [xs~=h-self-left], :root [xs~=column] > [xs~=v-self-left] {
    justify-self: left;
  }

  [class~=row] > [class~=h-self-right], [class~=column] > [class~=v-self-right],
:root [mobile~=row] > [mobile~=h-self-right], :root [mobile~=column] > [mobile~=v-self-right],
:root [xs~=row] > [xs~=h-self-right], :root [xs~=column] > [xs~=v-self-right] {
    justify-self: right;
  }

  .flex-grow-xs-1 {
    flex-grow: 1;
  }

  .flex-grow-xs-2 {
    flex-grow: 2;
  }

  .flex-grow-xs-3 {
    flex-grow: 3;
  }

  .flex-grow-xs-4 {
    flex-grow: 4;
  }

  .flex-grow-xs-5 {
    flex-grow: 5;
  }

  .flex-grow-xs-6 {
    flex-grow: 6;
  }

  .flex-grow-xs-7 {
    flex-grow: 7;
  }

  .flex-grow-xs-8 {
    flex-grow: 8;
  }

  .flex-grow-xs-9 {
    flex-grow: 9;
  }

  .flex-grow-xs-10 {
    flex-grow: 10;
  }

  [class*=d-flex],
:root [mobile*=d-flex],
:root [xs*=d-flex] {
    display: flex;
  }

  [class*=d-inline],
:root [mobile*=d-inline],
:root [xs*=d-inline] {
    display: inline;
  }

  [class*=d-inline-block],
:root [mobile*=d-inline-block],
:root [xs*=d-inline-block] {
    display: inline-block;
  }

  [class*=d-block],
:root [mobile*=d-block],
:root [xs*=d-block] {
    display: block;
  }

  [class*=absolute],
:root [mobile*=absolute],
:root [xs*=absolute] {
    position: absolute;
  }

  [class*=fixed],
:root [mobile*=fixed],
:root [xs*=fixed] {
    position: fixed;
  }

  [class*=inherit],
:root [mobile*=inherit],
:root [xs*=inherit] {
    position: inherit;
  }

  [class*=relative],
:root [mobile*=relative],
:root [xs*=relative] {
    position: relative;
  }

  [class*=sticky],
:root [mobile*=sticky],
:root [xs*=sticky] {
    position: -webkit-sticky;
    position: sticky;
  }

  [class*=top-0],
:root [mobile*=top-0],
:root [xs*=top-0] {
    top: 0;
  }

  [class*=top-inherit],
:root [xs*=top-inherit] {
    top: inherit;
  }

  [class*=left-0],
:root [mobile*=left-0],
:root [xs*=left-0] {
    left: 0;
  }

  [class*=left-inherit],
:root [xs*=left-inherit] {
    left: inherit;
  }

  [class*=right-0],
:root [mobile*=right-0],
:root [xs*=right-0] {
    right: 0;
  }

  [class*=right-inherit],
:root [xs*=right-inherit] {
    right: inherit;
  }

  [class*=bottom-0],
:root [mobile*=bottom-0],
:root [xs*=bottom-0] {
    bottom: 0;
  }

  [class*=bottom-inherit],
:root [xs*=bottom-inherit] {
    bottom: inherit;
  }

  [mobile*=text-center],
[xs*=text-center] {
    text-align: center;
  }

  [mobile*=text-left],
[xs*=text-left] {
    text-align: left;
  }

  [mobile*=text-right],
[xs*=text-right] {
    text-align: right;
  }

  [mobile*=text-justify],
[xs*=text-justify] {
    text-align: justify;
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  [class~=m-1-1],
:root [mobile~=m-1-1],
:root [xs-l~=m-1-1] {
    margin: calc(24px * 1);
    margin: calc(var(--spacer-xs-l) * 1);
  }

  [class~=mt-1-1],
:root [mobile~=mt-1-1],
:root [xs-l~=mt-1-1] {
    margin-top: calc(24px * 1);
    margin-top: calc(var(--spacer-xs-l) * 1);
  }

  [class~=mb-1-1],
:root [mobile~=mb-1-1],
:root [xs-l~=mb-1-1] {
    margin-bottom: calc(24px * 1);
    margin-bottom: calc(var(--spacer-xs-l) * 1);
  }

  [class~=ml-1-1],
:root [mobile~=ml-1-1],
:root [xs-l~=ml-1-1] {
    margin-left: calc(24px * 1);
    margin-left: calc(var(--spacer-xs-l) * 1);
  }

  [class~=mr-1-1],
:root [mobile~=mr-1-1],
:root [xs-l~=mr-1-1] {
    margin-right: calc(24px * 1);
    margin-right: calc(var(--spacer-xs-l) * 1);
  }

  [class~=mx-1-1],
:root [mobile~=mx-1-1],
:root [xs-l~=mx-1-1] {
    margin-left: calc(24px * 1);
    margin-left: calc(var(--spacer-xs-l) * 1);
    margin-right: calc(24px * 1);
    margin-right: calc(var(--spacer-xs-l) * 1);
  }

  [class~=my-1-1],
:root [mobile~=my-1-1],
:root [xs-l~=my-1-1] {
    margin-top: calc(24px * 1);
    margin-top: calc(var(--spacer-xs-l) * 1);
    margin-bottom: calc(24px * 1);
    margin-bottom: calc(var(--spacer-xs-l) * 1);
  }

  [class~=p-1-1],
:root [mobile~=p-1-1],
:root [xs-l~=p-1-1] {
    padding: calc(24px * 1);
    padding: calc(var(--spacer-xs-l) * 1);
  }

  [class~=pt-1-1],
:root [mobile~=pt-1-1],
:root [xs-l~=pt-1-1] {
    padding-top: calc(24px * 1);
    padding-top: calc(var(--spacer-xs-l) * 1);
  }

  [class~=pb-1-1],
:root [mobile~=pb-1-1],
:root [xs-l~=pb-1-1] {
    padding-bottom: calc(24px * 1);
    padding-bottom: calc(var(--spacer-xs-l) * 1);
  }

  [class~=pl-1-1],
:root [mobile~=pl-1-1],
:root [xs-l~=pl-1-1] {
    padding-left: calc(24px * 1);
    padding-left: calc(var(--spacer-xs-l) * 1);
  }

  [class~=pr-1-1],
:root [mobile~=pr-1-1],
:root [xs-l~=pr-1-1] {
    padding-right: calc(24px * 1);
    padding-right: calc(var(--spacer-xs-l) * 1);
  }

  [class~=px-1-1],
:root [mobile~=px-1-1],
:root [xs-l~=px-1-1] {
    padding-left: calc(24px * 1);
    padding-left: calc(var(--spacer-xs-l) * 1);
    padding-right: calc(24px * 1);
    padding-right: calc(var(--spacer-xs-l) * 1);
  }

  [class~=py-1-1],
:root [mobile~=py-1-1],
:root [xs-l~=py-1-1] {
    padding-top: calc(24px * 1);
    padding-top: calc(var(--spacer-xs-l) * 1);
    padding-bottom: calc(24px * 1);
    padding-bottom: calc(var(--spacer-xs-l) * 1);
  }

  [class~=h-1-1],
:root [mobile~=h-1-1],
:root [xs-l~=h-1-1] {
    height: calc(24px * 1);
    height: calc(var(--spacer-xs-l) * 1);
  }

  [class~=w-1-1],
:root [mobile~=w-1-1],
:root [xs-l~=w-1-1] {
    width: calc(24px * 1);
    width: calc(var(--spacer-xs-l) * 1);
  }

  [class~=m-2-1],
:root [mobile~=m-2-1],
:root [xs-l~=m-2-1] {
    margin: calc(24px * 2);
    margin: calc(var(--spacer-xs-l) * 2);
  }

  [class~=mt-2-1],
:root [mobile~=mt-2-1],
:root [xs-l~=mt-2-1] {
    margin-top: calc(24px * 2);
    margin-top: calc(var(--spacer-xs-l) * 2);
  }

  [class~=mb-2-1],
:root [mobile~=mb-2-1],
:root [xs-l~=mb-2-1] {
    margin-bottom: calc(24px * 2);
    margin-bottom: calc(var(--spacer-xs-l) * 2);
  }

  [class~=ml-2-1],
:root [mobile~=ml-2-1],
:root [xs-l~=ml-2-1] {
    margin-left: calc(24px * 2);
    margin-left: calc(var(--spacer-xs-l) * 2);
  }

  [class~=mr-2-1],
:root [mobile~=mr-2-1],
:root [xs-l~=mr-2-1] {
    margin-right: calc(24px * 2);
    margin-right: calc(var(--spacer-xs-l) * 2);
  }

  [class~=mx-2-1],
:root [mobile~=mx-2-1],
:root [xs-l~=mx-2-1] {
    margin-left: calc(24px * 2);
    margin-left: calc(var(--spacer-xs-l) * 2);
    margin-right: calc(24px * 2);
    margin-right: calc(var(--spacer-xs-l) * 2);
  }

  [class~=my-2-1],
:root [mobile~=my-2-1],
:root [xs-l~=my-2-1] {
    margin-top: calc(24px * 2);
    margin-top: calc(var(--spacer-xs-l) * 2);
    margin-bottom: calc(24px * 2);
    margin-bottom: calc(var(--spacer-xs-l) * 2);
  }

  [class~=p-2-1],
:root [mobile~=p-2-1],
:root [xs-l~=p-2-1] {
    padding: calc(24px * 2);
    padding: calc(var(--spacer-xs-l) * 2);
  }

  [class~=pt-2-1],
:root [mobile~=pt-2-1],
:root [xs-l~=pt-2-1] {
    padding-top: calc(24px * 2);
    padding-top: calc(var(--spacer-xs-l) * 2);
  }

  [class~=pb-2-1],
:root [mobile~=pb-2-1],
:root [xs-l~=pb-2-1] {
    padding-bottom: calc(24px * 2);
    padding-bottom: calc(var(--spacer-xs-l) * 2);
  }

  [class~=pl-2-1],
:root [mobile~=pl-2-1],
:root [xs-l~=pl-2-1] {
    padding-left: calc(24px * 2);
    padding-left: calc(var(--spacer-xs-l) * 2);
  }

  [class~=pr-2-1],
:root [mobile~=pr-2-1],
:root [xs-l~=pr-2-1] {
    padding-right: calc(24px * 2);
    padding-right: calc(var(--spacer-xs-l) * 2);
  }

  [class~=px-2-1],
:root [mobile~=px-2-1],
:root [xs-l~=px-2-1] {
    padding-left: calc(24px * 2);
    padding-left: calc(var(--spacer-xs-l) * 2);
    padding-right: calc(24px * 2);
    padding-right: calc(var(--spacer-xs-l) * 2);
  }

  [class~=py-2-1],
:root [mobile~=py-2-1],
:root [xs-l~=py-2-1] {
    padding-top: calc(24px * 2);
    padding-top: calc(var(--spacer-xs-l) * 2);
    padding-bottom: calc(24px * 2);
    padding-bottom: calc(var(--spacer-xs-l) * 2);
  }

  [class~=h-2-1],
:root [mobile~=h-2-1],
:root [xs-l~=h-2-1] {
    height: calc(24px * 2);
    height: calc(var(--spacer-xs-l) * 2);
  }

  [class~=w-2-1],
:root [mobile~=w-2-1],
:root [xs-l~=w-2-1] {
    width: calc(24px * 2);
    width: calc(var(--spacer-xs-l) * 2);
  }

  [class~=m-3-1],
:root [mobile~=m-3-1],
:root [xs-l~=m-3-1] {
    margin: calc(24px * 3);
    margin: calc(var(--spacer-xs-l) * 3);
  }

  [class~=mt-3-1],
:root [mobile~=mt-3-1],
:root [xs-l~=mt-3-1] {
    margin-top: calc(24px * 3);
    margin-top: calc(var(--spacer-xs-l) * 3);
  }

  [class~=mb-3-1],
:root [mobile~=mb-3-1],
:root [xs-l~=mb-3-1] {
    margin-bottom: calc(24px * 3);
    margin-bottom: calc(var(--spacer-xs-l) * 3);
  }

  [class~=ml-3-1],
:root [mobile~=ml-3-1],
:root [xs-l~=ml-3-1] {
    margin-left: calc(24px * 3);
    margin-left: calc(var(--spacer-xs-l) * 3);
  }

  [class~=mr-3-1],
:root [mobile~=mr-3-1],
:root [xs-l~=mr-3-1] {
    margin-right: calc(24px * 3);
    margin-right: calc(var(--spacer-xs-l) * 3);
  }

  [class~=mx-3-1],
:root [mobile~=mx-3-1],
:root [xs-l~=mx-3-1] {
    margin-left: calc(24px * 3);
    margin-left: calc(var(--spacer-xs-l) * 3);
    margin-right: calc(24px * 3);
    margin-right: calc(var(--spacer-xs-l) * 3);
  }

  [class~=my-3-1],
:root [mobile~=my-3-1],
:root [xs-l~=my-3-1] {
    margin-top: calc(24px * 3);
    margin-top: calc(var(--spacer-xs-l) * 3);
    margin-bottom: calc(24px * 3);
    margin-bottom: calc(var(--spacer-xs-l) * 3);
  }

  [class~=p-3-1],
:root [mobile~=p-3-1],
:root [xs-l~=p-3-1] {
    padding: calc(24px * 3);
    padding: calc(var(--spacer-xs-l) * 3);
  }

  [class~=pt-3-1],
:root [mobile~=pt-3-1],
:root [xs-l~=pt-3-1] {
    padding-top: calc(24px * 3);
    padding-top: calc(var(--spacer-xs-l) * 3);
  }

  [class~=pb-3-1],
:root [mobile~=pb-3-1],
:root [xs-l~=pb-3-1] {
    padding-bottom: calc(24px * 3);
    padding-bottom: calc(var(--spacer-xs-l) * 3);
  }

  [class~=pl-3-1],
:root [mobile~=pl-3-1],
:root [xs-l~=pl-3-1] {
    padding-left: calc(24px * 3);
    padding-left: calc(var(--spacer-xs-l) * 3);
  }

  [class~=pr-3-1],
:root [mobile~=pr-3-1],
:root [xs-l~=pr-3-1] {
    padding-right: calc(24px * 3);
    padding-right: calc(var(--spacer-xs-l) * 3);
  }

  [class~=px-3-1],
:root [mobile~=px-3-1],
:root [xs-l~=px-3-1] {
    padding-left: calc(24px * 3);
    padding-left: calc(var(--spacer-xs-l) * 3);
    padding-right: calc(24px * 3);
    padding-right: calc(var(--spacer-xs-l) * 3);
  }

  [class~=py-3-1],
:root [mobile~=py-3-1],
:root [xs-l~=py-3-1] {
    padding-top: calc(24px * 3);
    padding-top: calc(var(--spacer-xs-l) * 3);
    padding-bottom: calc(24px * 3);
    padding-bottom: calc(var(--spacer-xs-l) * 3);
  }

  [class~=h-3-1],
:root [mobile~=h-3-1],
:root [xs-l~=h-3-1] {
    height: calc(24px * 3);
    height: calc(var(--spacer-xs-l) * 3);
  }

  [class~=w-3-1],
:root [mobile~=w-3-1],
:root [xs-l~=w-3-1] {
    width: calc(24px * 3);
    width: calc(var(--spacer-xs-l) * 3);
  }

  [class~=m-4-1],
:root [mobile~=m-4-1],
:root [xs-l~=m-4-1] {
    margin: calc(24px * 4);
    margin: calc(var(--spacer-xs-l) * 4);
  }

  [class~=mt-4-1],
:root [mobile~=mt-4-1],
:root [xs-l~=mt-4-1] {
    margin-top: calc(24px * 4);
    margin-top: calc(var(--spacer-xs-l) * 4);
  }

  [class~=mb-4-1],
:root [mobile~=mb-4-1],
:root [xs-l~=mb-4-1] {
    margin-bottom: calc(24px * 4);
    margin-bottom: calc(var(--spacer-xs-l) * 4);
  }

  [class~=ml-4-1],
:root [mobile~=ml-4-1],
:root [xs-l~=ml-4-1] {
    margin-left: calc(24px * 4);
    margin-left: calc(var(--spacer-xs-l) * 4);
  }

  [class~=mr-4-1],
:root [mobile~=mr-4-1],
:root [xs-l~=mr-4-1] {
    margin-right: calc(24px * 4);
    margin-right: calc(var(--spacer-xs-l) * 4);
  }

  [class~=mx-4-1],
:root [mobile~=mx-4-1],
:root [xs-l~=mx-4-1] {
    margin-left: calc(24px * 4);
    margin-left: calc(var(--spacer-xs-l) * 4);
    margin-right: calc(24px * 4);
    margin-right: calc(var(--spacer-xs-l) * 4);
  }

  [class~=my-4-1],
:root [mobile~=my-4-1],
:root [xs-l~=my-4-1] {
    margin-top: calc(24px * 4);
    margin-top: calc(var(--spacer-xs-l) * 4);
    margin-bottom: calc(24px * 4);
    margin-bottom: calc(var(--spacer-xs-l) * 4);
  }

  [class~=p-4-1],
:root [mobile~=p-4-1],
:root [xs-l~=p-4-1] {
    padding: calc(24px * 4);
    padding: calc(var(--spacer-xs-l) * 4);
  }

  [class~=pt-4-1],
:root [mobile~=pt-4-1],
:root [xs-l~=pt-4-1] {
    padding-top: calc(24px * 4);
    padding-top: calc(var(--spacer-xs-l) * 4);
  }

  [class~=pb-4-1],
:root [mobile~=pb-4-1],
:root [xs-l~=pb-4-1] {
    padding-bottom: calc(24px * 4);
    padding-bottom: calc(var(--spacer-xs-l) * 4);
  }

  [class~=pl-4-1],
:root [mobile~=pl-4-1],
:root [xs-l~=pl-4-1] {
    padding-left: calc(24px * 4);
    padding-left: calc(var(--spacer-xs-l) * 4);
  }

  [class~=pr-4-1],
:root [mobile~=pr-4-1],
:root [xs-l~=pr-4-1] {
    padding-right: calc(24px * 4);
    padding-right: calc(var(--spacer-xs-l) * 4);
  }

  [class~=px-4-1],
:root [mobile~=px-4-1],
:root [xs-l~=px-4-1] {
    padding-left: calc(24px * 4);
    padding-left: calc(var(--spacer-xs-l) * 4);
    padding-right: calc(24px * 4);
    padding-right: calc(var(--spacer-xs-l) * 4);
  }

  [class~=py-4-1],
:root [mobile~=py-4-1],
:root [xs-l~=py-4-1] {
    padding-top: calc(24px * 4);
    padding-top: calc(var(--spacer-xs-l) * 4);
    padding-bottom: calc(24px * 4);
    padding-bottom: calc(var(--spacer-xs-l) * 4);
  }

  [class~=h-4-1],
:root [mobile~=h-4-1],
:root [xs-l~=h-4-1] {
    height: calc(24px * 4);
    height: calc(var(--spacer-xs-l) * 4);
  }

  [class~=w-4-1],
:root [mobile~=w-4-1],
:root [xs-l~=w-4-1] {
    width: calc(24px * 4);
    width: calc(var(--spacer-xs-l) * 4);
  }

  [class~=m-5-1],
:root [mobile~=m-5-1],
:root [xs-l~=m-5-1] {
    margin: calc(24px * 5);
    margin: calc(var(--spacer-xs-l) * 5);
  }

  [class~=mt-5-1],
:root [mobile~=mt-5-1],
:root [xs-l~=mt-5-1] {
    margin-top: calc(24px * 5);
    margin-top: calc(var(--spacer-xs-l) * 5);
  }

  [class~=mb-5-1],
:root [mobile~=mb-5-1],
:root [xs-l~=mb-5-1] {
    margin-bottom: calc(24px * 5);
    margin-bottom: calc(var(--spacer-xs-l) * 5);
  }

  [class~=ml-5-1],
:root [mobile~=ml-5-1],
:root [xs-l~=ml-5-1] {
    margin-left: calc(24px * 5);
    margin-left: calc(var(--spacer-xs-l) * 5);
  }

  [class~=mr-5-1],
:root [mobile~=mr-5-1],
:root [xs-l~=mr-5-1] {
    margin-right: calc(24px * 5);
    margin-right: calc(var(--spacer-xs-l) * 5);
  }

  [class~=mx-5-1],
:root [mobile~=mx-5-1],
:root [xs-l~=mx-5-1] {
    margin-left: calc(24px * 5);
    margin-left: calc(var(--spacer-xs-l) * 5);
    margin-right: calc(24px * 5);
    margin-right: calc(var(--spacer-xs-l) * 5);
  }

  [class~=my-5-1],
:root [mobile~=my-5-1],
:root [xs-l~=my-5-1] {
    margin-top: calc(24px * 5);
    margin-top: calc(var(--spacer-xs-l) * 5);
    margin-bottom: calc(24px * 5);
    margin-bottom: calc(var(--spacer-xs-l) * 5);
  }

  [class~=p-5-1],
:root [mobile~=p-5-1],
:root [xs-l~=p-5-1] {
    padding: calc(24px * 5);
    padding: calc(var(--spacer-xs-l) * 5);
  }

  [class~=pt-5-1],
:root [mobile~=pt-5-1],
:root [xs-l~=pt-5-1] {
    padding-top: calc(24px * 5);
    padding-top: calc(var(--spacer-xs-l) * 5);
  }

  [class~=pb-5-1],
:root [mobile~=pb-5-1],
:root [xs-l~=pb-5-1] {
    padding-bottom: calc(24px * 5);
    padding-bottom: calc(var(--spacer-xs-l) * 5);
  }

  [class~=pl-5-1],
:root [mobile~=pl-5-1],
:root [xs-l~=pl-5-1] {
    padding-left: calc(24px * 5);
    padding-left: calc(var(--spacer-xs-l) * 5);
  }

  [class~=pr-5-1],
:root [mobile~=pr-5-1],
:root [xs-l~=pr-5-1] {
    padding-right: calc(24px * 5);
    padding-right: calc(var(--spacer-xs-l) * 5);
  }

  [class~=px-5-1],
:root [mobile~=px-5-1],
:root [xs-l~=px-5-1] {
    padding-left: calc(24px * 5);
    padding-left: calc(var(--spacer-xs-l) * 5);
    padding-right: calc(24px * 5);
    padding-right: calc(var(--spacer-xs-l) * 5);
  }

  [class~=py-5-1],
:root [mobile~=py-5-1],
:root [xs-l~=py-5-1] {
    padding-top: calc(24px * 5);
    padding-top: calc(var(--spacer-xs-l) * 5);
    padding-bottom: calc(24px * 5);
    padding-bottom: calc(var(--spacer-xs-l) * 5);
  }

  [class~=h-5-1],
:root [mobile~=h-5-1],
:root [xs-l~=h-5-1] {
    height: calc(24px * 5);
    height: calc(var(--spacer-xs-l) * 5);
  }

  [class~=w-5-1],
:root [mobile~=w-5-1],
:root [xs-l~=w-5-1] {
    width: calc(24px * 5);
    width: calc(var(--spacer-xs-l) * 5);
  }

  [class~=m-6-1],
:root [mobile~=m-6-1],
:root [xs-l~=m-6-1] {
    margin: calc(24px * 6);
    margin: calc(var(--spacer-xs-l) * 6);
  }

  [class~=mt-6-1],
:root [mobile~=mt-6-1],
:root [xs-l~=mt-6-1] {
    margin-top: calc(24px * 6);
    margin-top: calc(var(--spacer-xs-l) * 6);
  }

  [class~=mb-6-1],
:root [mobile~=mb-6-1],
:root [xs-l~=mb-6-1] {
    margin-bottom: calc(24px * 6);
    margin-bottom: calc(var(--spacer-xs-l) * 6);
  }

  [class~=ml-6-1],
:root [mobile~=ml-6-1],
:root [xs-l~=ml-6-1] {
    margin-left: calc(24px * 6);
    margin-left: calc(var(--spacer-xs-l) * 6);
  }

  [class~=mr-6-1],
:root [mobile~=mr-6-1],
:root [xs-l~=mr-6-1] {
    margin-right: calc(24px * 6);
    margin-right: calc(var(--spacer-xs-l) * 6);
  }

  [class~=mx-6-1],
:root [mobile~=mx-6-1],
:root [xs-l~=mx-6-1] {
    margin-left: calc(24px * 6);
    margin-left: calc(var(--spacer-xs-l) * 6);
    margin-right: calc(24px * 6);
    margin-right: calc(var(--spacer-xs-l) * 6);
  }

  [class~=my-6-1],
:root [mobile~=my-6-1],
:root [xs-l~=my-6-1] {
    margin-top: calc(24px * 6);
    margin-top: calc(var(--spacer-xs-l) * 6);
    margin-bottom: calc(24px * 6);
    margin-bottom: calc(var(--spacer-xs-l) * 6);
  }

  [class~=p-6-1],
:root [mobile~=p-6-1],
:root [xs-l~=p-6-1] {
    padding: calc(24px * 6);
    padding: calc(var(--spacer-xs-l) * 6);
  }

  [class~=pt-6-1],
:root [mobile~=pt-6-1],
:root [xs-l~=pt-6-1] {
    padding-top: calc(24px * 6);
    padding-top: calc(var(--spacer-xs-l) * 6);
  }

  [class~=pb-6-1],
:root [mobile~=pb-6-1],
:root [xs-l~=pb-6-1] {
    padding-bottom: calc(24px * 6);
    padding-bottom: calc(var(--spacer-xs-l) * 6);
  }

  [class~=pl-6-1],
:root [mobile~=pl-6-1],
:root [xs-l~=pl-6-1] {
    padding-left: calc(24px * 6);
    padding-left: calc(var(--spacer-xs-l) * 6);
  }

  [class~=pr-6-1],
:root [mobile~=pr-6-1],
:root [xs-l~=pr-6-1] {
    padding-right: calc(24px * 6);
    padding-right: calc(var(--spacer-xs-l) * 6);
  }

  [class~=px-6-1],
:root [mobile~=px-6-1],
:root [xs-l~=px-6-1] {
    padding-left: calc(24px * 6);
    padding-left: calc(var(--spacer-xs-l) * 6);
    padding-right: calc(24px * 6);
    padding-right: calc(var(--spacer-xs-l) * 6);
  }

  [class~=py-6-1],
:root [mobile~=py-6-1],
:root [xs-l~=py-6-1] {
    padding-top: calc(24px * 6);
    padding-top: calc(var(--spacer-xs-l) * 6);
    padding-bottom: calc(24px * 6);
    padding-bottom: calc(var(--spacer-xs-l) * 6);
  }

  [class~=h-6-1],
:root [mobile~=h-6-1],
:root [xs-l~=h-6-1] {
    height: calc(24px * 6);
    height: calc(var(--spacer-xs-l) * 6);
  }

  [class~=w-6-1],
:root [mobile~=w-6-1],
:root [xs-l~=w-6-1] {
    width: calc(24px * 6);
    width: calc(var(--spacer-xs-l) * 6);
  }

  [class~=m-1-2],
:root [mobile~=m-1-2],
:root [xs-l~=m-1-2] {
    margin: calc(24px / 2);
    margin: calc(var(--spacer-xs-l) / 2);
  }

  [class~=mt-1-2],
:root [mobile~=mt-1-2],
:root [xs-l~=mt-1-2] {
    margin-top: calc(24px / 2);
    margin-top: calc(var(--spacer-xs-l) / 2);
  }

  [class~=mb-1-2],
:root [mobile~=mb-1-2],
:root [xs-l~=mb-1-2] {
    margin-bottom: calc(24px / 2);
    margin-bottom: calc(var(--spacer-xs-l) / 2);
  }

  [class~=ml-1-2],
:root [mobile~=ml-1-2],
:root [xs-l~=ml-1-2] {
    margin-left: calc(24px / 2);
    margin-left: calc(var(--spacer-xs-l) / 2);
  }

  [class~=mr-1-2],
:root [mobile~=mr-1-2],
:root [xs-l~=mr-1-2] {
    margin-right: calc(24px / 2);
    margin-right: calc(var(--spacer-xs-l) / 2);
  }

  [class~=mx-1-2],
:root [mobile~=mx-1-2],
:root [xs-l~=mx-1-2] {
    margin-left: calc(24px / 2);
    margin-left: calc(var(--spacer-xs-l) / 2);
    margin-right: calc(24px / 2);
    margin-right: calc(var(--spacer-xs-l) / 2);
  }

  [class~=my-1-2],
:root [mobile~=my-1-2],
:root [xs-l~=my-1-2] {
    margin-top: calc(24px / 2);
    margin-top: calc(var(--spacer-xs-l) / 2);
    margin-bottom: calc(24px / 2);
    margin-bottom: calc(var(--spacer-xs-l) / 2);
  }

  [class~=p-1-2],
:root [mobile~=p-1-2],
:root [xs-l~=p-1-2] {
    padding: calc(24px / 2);
    padding: calc(var(--spacer-xs-l) / 2);
  }

  [class~=pt-1-2],
:root [mobile~=pt-1-2],
:root [xs-l~=pt-1-2] {
    padding-top: calc(24px / 2);
    padding-top: calc(var(--spacer-xs-l) / 2);
  }

  [class~=pb-1-2],
:root [mobile~=pb-1-2],
:root [xs-l~=pb-1-2] {
    padding-bottom: calc(24px / 2);
    padding-bottom: calc(var(--spacer-xs-l) / 2);
  }

  [class~=pl-1-2],
:root [mobile~=pl-1-2],
:root [xs-l~=pl-1-2] {
    padding-left: calc(24px / 2);
    padding-left: calc(var(--spacer-xs-l) / 2);
  }

  [class~=pr-1-2],
:root [mobile~=pr-1-2],
:root [xs-l~=pr-1-2] {
    padding-right: calc(24px / 2);
    padding-right: calc(var(--spacer-xs-l) / 2);
  }

  [class~=px-1-2],
:root [mobile~=px-1-2],
:root [xs-l~=px-1-2] {
    padding-left: calc(24px / 2);
    padding-left: calc(var(--spacer-xs-l) / 2);
    padding-right: calc(24px / 2);
    padding-right: calc(var(--spacer-xs-l) / 2);
  }

  [class~=py-1-2],
:root [mobile~=py-1-2],
:root [xs-l~=py-1-2] {
    padding-top: calc(24px / 2);
    padding-top: calc(var(--spacer-xs-l) / 2);
    padding-bottom: calc(24px / 2);
    padding-bottom: calc(var(--spacer-xs-l) / 2);
  }

  [class~=h-1-2],
:root [mobile~=h-1-2],
:root [xs-l~=h-1-2] {
    height: calc(24px / 2);
    height: calc(var(--spacer-xs-l) / 2);
  }

  [class~=w-1-2],
:root [mobile~=w-1-2],
:root [xs-l~=w-1-2] {
    width: calc(24px / 2);
    width: calc(var(--spacer-xs-l) / 2);
  }

  [class~=m-1-3],
:root [mobile~=m-1-3],
:root [xs-l~=m-1-3] {
    margin: calc(24px / 3);
    margin: calc(var(--spacer-xs-l) / 3);
  }

  [class~=mt-1-3],
:root [mobile~=mt-1-3],
:root [xs-l~=mt-1-3] {
    margin-top: calc(24px / 3);
    margin-top: calc(var(--spacer-xs-l) / 3);
  }

  [class~=mb-1-3],
:root [mobile~=mb-1-3],
:root [xs-l~=mb-1-3] {
    margin-bottom: calc(24px / 3);
    margin-bottom: calc(var(--spacer-xs-l) / 3);
  }

  [class~=ml-1-3],
:root [mobile~=ml-1-3],
:root [xs-l~=ml-1-3] {
    margin-left: calc(24px / 3);
    margin-left: calc(var(--spacer-xs-l) / 3);
  }

  [class~=mr-1-3],
:root [mobile~=mr-1-3],
:root [xs-l~=mr-1-3] {
    margin-right: calc(24px / 3);
    margin-right: calc(var(--spacer-xs-l) / 3);
  }

  [class~=mx-1-3],
:root [mobile~=mx-1-3],
:root [xs-l~=mx-1-3] {
    margin-left: calc(24px / 3);
    margin-left: calc(var(--spacer-xs-l) / 3);
    margin-right: calc(24px / 3);
    margin-right: calc(var(--spacer-xs-l) / 3);
  }

  [class~=my-1-3],
:root [mobile~=my-1-3],
:root [xs-l~=my-1-3] {
    margin-top: calc(24px / 3);
    margin-top: calc(var(--spacer-xs-l) / 3);
    margin-bottom: calc(24px / 3);
    margin-bottom: calc(var(--spacer-xs-l) / 3);
  }

  [class~=p-1-3],
:root [mobile~=p-1-3],
:root [xs-l~=p-1-3] {
    padding: calc(24px / 3);
    padding: calc(var(--spacer-xs-l) / 3);
  }

  [class~=pt-1-3],
:root [mobile~=pt-1-3],
:root [xs-l~=pt-1-3] {
    padding-top: calc(24px / 3);
    padding-top: calc(var(--spacer-xs-l) / 3);
  }

  [class~=pb-1-3],
:root [mobile~=pb-1-3],
:root [xs-l~=pb-1-3] {
    padding-bottom: calc(24px / 3);
    padding-bottom: calc(var(--spacer-xs-l) / 3);
  }

  [class~=pl-1-3],
:root [mobile~=pl-1-3],
:root [xs-l~=pl-1-3] {
    padding-left: calc(24px / 3);
    padding-left: calc(var(--spacer-xs-l) / 3);
  }

  [class~=pr-1-3],
:root [mobile~=pr-1-3],
:root [xs-l~=pr-1-3] {
    padding-right: calc(24px / 3);
    padding-right: calc(var(--spacer-xs-l) / 3);
  }

  [class~=px-1-3],
:root [mobile~=px-1-3],
:root [xs-l~=px-1-3] {
    padding-left: calc(24px / 3);
    padding-left: calc(var(--spacer-xs-l) / 3);
    padding-right: calc(24px / 3);
    padding-right: calc(var(--spacer-xs-l) / 3);
  }

  [class~=py-1-3],
:root [mobile~=py-1-3],
:root [xs-l~=py-1-3] {
    padding-top: calc(24px / 3);
    padding-top: calc(var(--spacer-xs-l) / 3);
    padding-bottom: calc(24px / 3);
    padding-bottom: calc(var(--spacer-xs-l) / 3);
  }

  [class~=h-1-3],
:root [mobile~=h-1-3],
:root [xs-l~=h-1-3] {
    height: calc(24px / 3);
    height: calc(var(--spacer-xs-l) / 3);
  }

  [class~=w-1-3],
:root [mobile~=w-1-3],
:root [xs-l~=w-1-3] {
    width: calc(24px / 3);
    width: calc(var(--spacer-xs-l) / 3);
  }

  [class~=m-1-4],
:root [mobile~=m-1-4],
:root [xs-l~=m-1-4] {
    margin: calc(24px / 4);
    margin: calc(var(--spacer-xs-l) / 4);
  }

  [class~=mt-1-4],
:root [mobile~=mt-1-4],
:root [xs-l~=mt-1-4] {
    margin-top: calc(24px / 4);
    margin-top: calc(var(--spacer-xs-l) / 4);
  }

  [class~=mb-1-4],
:root [mobile~=mb-1-4],
:root [xs-l~=mb-1-4] {
    margin-bottom: calc(24px / 4);
    margin-bottom: calc(var(--spacer-xs-l) / 4);
  }

  [class~=ml-1-4],
:root [mobile~=ml-1-4],
:root [xs-l~=ml-1-4] {
    margin-left: calc(24px / 4);
    margin-left: calc(var(--spacer-xs-l) / 4);
  }

  [class~=mr-1-4],
:root [mobile~=mr-1-4],
:root [xs-l~=mr-1-4] {
    margin-right: calc(24px / 4);
    margin-right: calc(var(--spacer-xs-l) / 4);
  }

  [class~=mx-1-4],
:root [mobile~=mx-1-4],
:root [xs-l~=mx-1-4] {
    margin-left: calc(24px / 4);
    margin-left: calc(var(--spacer-xs-l) / 4);
    margin-right: calc(24px / 4);
    margin-right: calc(var(--spacer-xs-l) / 4);
  }

  [class~=my-1-4],
:root [mobile~=my-1-4],
:root [xs-l~=my-1-4] {
    margin-top: calc(24px / 4);
    margin-top: calc(var(--spacer-xs-l) / 4);
    margin-bottom: calc(24px / 4);
    margin-bottom: calc(var(--spacer-xs-l) / 4);
  }

  [class~=p-1-4],
:root [mobile~=p-1-4],
:root [xs-l~=p-1-4] {
    padding: calc(24px / 4);
    padding: calc(var(--spacer-xs-l) / 4);
  }

  [class~=pt-1-4],
:root [mobile~=pt-1-4],
:root [xs-l~=pt-1-4] {
    padding-top: calc(24px / 4);
    padding-top: calc(var(--spacer-xs-l) / 4);
  }

  [class~=pb-1-4],
:root [mobile~=pb-1-4],
:root [xs-l~=pb-1-4] {
    padding-bottom: calc(24px / 4);
    padding-bottom: calc(var(--spacer-xs-l) / 4);
  }

  [class~=pl-1-4],
:root [mobile~=pl-1-4],
:root [xs-l~=pl-1-4] {
    padding-left: calc(24px / 4);
    padding-left: calc(var(--spacer-xs-l) / 4);
  }

  [class~=pr-1-4],
:root [mobile~=pr-1-4],
:root [xs-l~=pr-1-4] {
    padding-right: calc(24px / 4);
    padding-right: calc(var(--spacer-xs-l) / 4);
  }

  [class~=px-1-4],
:root [mobile~=px-1-4],
:root [xs-l~=px-1-4] {
    padding-left: calc(24px / 4);
    padding-left: calc(var(--spacer-xs-l) / 4);
    padding-right: calc(24px / 4);
    padding-right: calc(var(--spacer-xs-l) / 4);
  }

  [class~=py-1-4],
:root [mobile~=py-1-4],
:root [xs-l~=py-1-4] {
    padding-top: calc(24px / 4);
    padding-top: calc(var(--spacer-xs-l) / 4);
    padding-bottom: calc(24px / 4);
    padding-bottom: calc(var(--spacer-xs-l) / 4);
  }

  [class~=h-1-4],
:root [mobile~=h-1-4],
:root [xs-l~=h-1-4] {
    height: calc(24px / 4);
    height: calc(var(--spacer-xs-l) / 4);
  }

  [class~=w-1-4],
:root [mobile~=w-1-4],
:root [xs-l~=w-1-4] {
    width: calc(24px / 4);
    width: calc(var(--spacer-xs-l) / 4);
  }

  [class~=m-0],
:root [mobile~=m-0],
:root [xs-l~=m-0] {
    margin: 0;
  }

  [class~=mt-0],
:root [mobile~=mt-0],
:root [xs-l~=mt-0] {
    margin-top: 0;
  }

  [class~=mb-0],
:root [mobile~=mb-0],
:root [xs-l~=mb-0] {
    margin-bottom: 0;
  }

  [class~=ml-0],
:root [mobile~=ml-0],
:root [xs-l~=ml-0] {
    margin-left: 0;
  }

  [class~=mr-0],
:root [mobile~=mr-0],
:root [xs-l~=mr-0] {
    margin-right: 0;
  }

  [class~=mx-0],
:root [mobile~=mx-0],
:root [xs-l~=mx-0] {
    margin-left: 0;
    margin-right: 0;
  }

  [class~=my-0],
:root [mobile~=my-0],
:root [xs-l~=my-0] {
    margin-top: 0;
    margin-bottom: 0;
  }

  [class~=p-0],
:root [mobile~=p-0],
:root [xs-l~=p-0] {
    padding: 0;
  }

  [class~=pt-0],
:root [mobile~=pt-0],
:root [xs-l~=pt-0] {
    padding-top: 0;
  }

  [class~=pb-0],
:root [mobile~=pb-0],
:root [xs-l~=pb-0] {
    padding-bottom: 0;
  }

  [class~=pl-0],
:root [mobile~=pl-0],
:root [xs-l~=pl-0] {
    padding-left: 0;
  }

  [class~=pr-0],
:root [mobile~=pr-0],
:root [xs-l~=pr-0] {
    padding-right: 0;
  }

  [class~=px-0],
:root [mobile~=px-0],
:root [xs-l~=px-0] {
    padding-left: 0;
    padding-right: 0;
  }

  [class~=py-0],
:root [mobile~=py-0],
:root [xs-l~=py-0] {
    padding-top: 0;
    padding-bottom: 0;
  }

  [class~=h-0],
:root [mobile~=h-0],
:root [xs-l~=h-0] {
    height: 0;
  }

  [class~=w-0],
:root [mobile~=w-0],
:root [xs-l~=w-0] {
    width: 0;
  }

  [class~=gutter],
:root [mobile~=gutter],
:root [xs-l~=gutter] {
    margin-left: calc(24px * -1);
    margin-left: calc(var(--gutter-xs-l) * -1);
    margin-right: calc(24px * -1);
    margin-right: calc(var(--gutter-xs-l) * -1);
  }
  [class~=gutter] > *,
:root [mobile~=gutter] > *,
:root [xs-l~=gutter] > * {
    padding-left: calc(24px * 1);
    padding-left: calc(var(--gutter-xs-l) * 1);
    padding-right: calc(24px * 1);
    padding-right: calc(var(--gutter-xs-l) * 1);
  }

  [class~=gutter-1-2],
:root [mobile~=gutter-1-2],
:root [xs-l~=gutter-1-2] {
    margin-left: calc(24px * -0.5);
    margin-left: calc(var(--gutter-xs-l) * -0.5);
    margin-right: calc(24px * -0.5);
    margin-right: calc(var(--gutter-xs-l) * -0.5);
  }
  [class~=gutter-1-2] > *,
:root [mobile~=gutter-1-2] > *,
:root [xs-l~=gutter-1-2] > * {
    padding-left: calc(24px * 0.5);
    padding-left: calc(var(--gutter-xs-l) * 0.5);
    padding-right: calc(24px * 0.5);
    padding-right: calc(var(--gutter-xs-l) * 0.5);
  }

  [class~=gutter-1-3],
:root [mobile~=gutter-1-3],
:root [xs-l~=gutter-1-3] {
    margin-left: calc(24px * -0.333);
    margin-left: calc(var(--gutter-xs-l) * -0.333);
    margin-right: calc(24px * -0.333);
    margin-right: calc(var(--gutter-xs-l) * -0.333);
  }
  [class~=gutter-1-3] > *,
:root [mobile~=gutter-1-3] > *,
:root [xs-l~=gutter-1-3] > * {
    padding-left: calc(24px * 0.333);
    padding-left: calc(var(--gutter-xs-l) * 0.333);
    padding-right: calc(24px * 0.333);
    padding-right: calc(var(--gutter-xs-l) * 0.333);
  }

  [class~=gutter-2-1],
:root [mobile~=gutter-2-1],
:root [xs-l~=gutter-2-1] {
    margin-left: calc(24px * -2);
    margin-left: calc(var(--gutter-xs-l) * -2);
    margin-right: calc(24px * -2);
    margin-right: calc(var(--gutter-xs-l) * -2);
  }
  [class~=gutter-2-1] > *,
:root [mobile~=gutter-2-1] > *,
:root [xs-l~=gutter-2-1] > * {
    padding-left: calc(24px * 2);
    padding-left: calc(var(--gutter-xs-l) * 2);
    padding-right: calc(24px * 2);
    padding-right: calc(var(--gutter-xs-l) * 2);
  }

  [class~=row-12],
:root [mobile~=row-12],
:root [xs-l~=row-12] {
    min-height: 100vh;
  }

  [class~=row-11],
:root [mobile~=row-11],
:root [xs-l~=row-11] {
    min-height: 91.6666666667vh;
  }

  [class~=row-10],
:root [mobile~=row-10],
:root [xs-l~=row-10] {
    min-height: 83.3333333333vh;
  }

  [class~=row-9],
:root [mobile~=row-9],
:root [xs-l~=row-9] {
    min-height: 75vh;
  }

  [class~=row-8],
:root [mobile~=row-8],
:root [xs-l~=row-8] {
    min-height: 66.6666666667vh;
  }

  [class~=row-7],
:root [mobile~=row-7],
:root [xs-l~=row-7] {
    min-height: 58.3333333333vh;
  }

  [class~=row-6],
:root [mobile~=row-6],
:root [xs-l~=row-6] {
    min-height: 50vh;
  }

  [class~=row-5],
:root [mobile~=row-5],
:root [xs-l~=row-5] {
    min-height: 41.6666666667vh;
  }

  [class~=row-4],
:root [mobile~=row-4],
:root [xs-l~=row-4] {
    min-height: 33.3333333333vh;
  }

  [class~=row-3],
:root [mobile~=row-3],
:root [xs-l~=row-3] {
    min-height: 25vh;
  }

  [class~=row-2],
:root [mobile~=row-2],
:root [xs-l~=row-2] {
    min-height: 16.6666666667vh;
  }

  [class~=row-1],
:root [mobile~=row-1],
:root [xs-l~=row-1] {
    min-height: 8.3333333333vh;
  }

  [class~=col-12],
:root [mobile~=col-12],
:root [xs-l~=col-12] {
    width: 100%;
  }

  [class~=col-11],
:root [mobile~=col-11],
:root [xs-l~=col-11] {
    width: 91.6666666667%;
  }

  [class~=col-10],
:root [mobile~=col-10],
:root [xs-l~=col-10] {
    width: 83.3333333333%;
  }

  [class~=col-9],
:root [mobile~=col-9],
:root [xs-l~=col-9] {
    width: 75%;
  }

  [class~=col-8],
:root [mobile~=col-8],
:root [xs-l~=col-8] {
    width: 66.6666666667%;
  }

  [class~=col-7],
:root [mobile~=col-7],
:root [xs-l~=col-7] {
    width: 58.3333333333%;
  }

  [class~=col-6],
:root [mobile~=col-6],
:root [xs-l~=col-6] {
    width: 50%;
  }

  [class~=col-5],
:root [mobile~=col-5],
:root [xs-l~=col-5] {
    width: 41.6666666667%;
  }

  [class~=col-4],
:root [mobile~=col-4],
:root [xs-l~=col-4] {
    width: 33.3333333333%;
  }

  [class~=col-3],
:root [mobile~=col-3],
:root [xs-l~=col-3] {
    width: 25%;
  }

  [class~=col-2],
:root [mobile~=col-2],
:root [xs-l~=col-2] {
    width: 16.6666666667%;
  }

  [class~=col-1],
:root [mobile~=col-1],
:root [xs-l~=col-1] {
    width: 8.3333333333%;
  }

  [class~=row],
[class~=column],
:root [mobile~=row],
:root [mobile~=column],
:root [xs-l~=row],
:root [xs-l~=column] {
    display: flex;
  }
  [class~=row] > *,
[class~=column] > *,
:root [mobile~=row] > *,
:root [mobile~=column] > *,
:root [xs-l~=row] > *,
:root [xs-l~=column] > * {
    flex-grow: 0;
  }

  [class~=column],
:root [mobile~=column],
:root [xs-l~=column] {
    flex-direction: column;
  }

  [class~=row],
:root [mobile~=row],
:root [xs-l~=row] {
    flex-direction: row;
  }

  [class~=column-reverse],
:root [mobile~=column-reverse],
:root [xs-l~=column-reverse] {
    flex-direction: column-reverse;
  }

  [class~=row-reverse],
:root [mobile~=row-reverse],
:root [xs-l~=row-reverse] {
    flex-direction: row-reverse;
  }

  [class~=row][class~=v-center], [class~=column][class~=h-center],
:root [mobile~=row][mobile~=v-center], :root [mobile~=column][mobile~=h-center],
:root [xs-l~=row][xs-l~=v-center], :root [xs-l~=column][xs-l~=h-center] {
    align-items: center;
  }

  [class~=row][class~=v-start], [class~=column][class~=h-start],
:root [mobile~=row][mobile~=v-start], :root [mobile~=column][mobile~=h-start],
:root [xs-l~=row][xs-l~=v-start], :root [xs-l~=column][xs-l~=h-start] {
    align-items: flex-start;
  }

  [class~=row][class~=v-end], [class~=column][class~=h-end],
:root [mobile~=row][mobile~=v-end], :root [mobile~=column][mobile~=h-end],
:root [xs-l~=row][xs-l~=v-end], :root [xs-l~=column][xs-l~=h-end] {
    align-items: flex-end;
  }

  [class~=row][class~=v-stretch], [class~=column][class~=h-stretch],
:root [mobile~=row][mobile~=v-stretch], :root [mobile~=column][mobile~=h-stretch],
:root [xs-l~=row][xs-l~=v-stretch], :root [xs-l~=column][xs-l~=h-stretch] {
    align-items: stretch;
  }

  [class~=row][class~=h-center], [class~=column][class~=v-center],
:root [mobile~=row][mobile~=h-center], :root [mobile~=column][mobile~=v-center],
:root [xs-l~=row][xs-l~=h-center], :root [xs-l~=column][xs-l~=v-center] {
    justify-content: center;
  }

  [class~=row][class~=h-start], [class~=column][class~=v-start],
:root [mobile~=row][mobile~=h-start], :root [mobile~=column][mobile~=v-start],
:root [xs-l~=row][xs-l~=h-start], :root [xs-l~=column][xs-l~=v-start] {
    justify-content: flex-start;
  }

  [class~=row][class~=h-end], [class~=column][class~=v-end],
:root [mobile~=row][mobile~=h-end], :root [mobile~=column][mobile~=v-end],
:root [xs-l~=row][xs-l~=h-end], :root [xs-l~=column][xs-l~=v-end] {
    justify-content: flex-end;
  }

  [class~=row][class~=h-spacein], [class~=column][class~=v-spacein],
:root [mobile~=row][mobile~=h-spacein], :root [mobile~=column][mobile~=v-spacein],
:root [xs-l~=row][xs-l~=h-spacein], :root [xs-l~=column][xs-l~=v-spacein] {
    justify-content: space-between;
  }

  [class~=row][class~=h-spaceout], [class~=column][class~=v-spaceout],
:root [mobile~=row][mobile~=h-spaceout], :root [mobile~=column][mobile~=v-spaceout],
:root [xs-l~=row][xs-l~=h-spaceout], :root [xs-l~=column][xs-l~=v-spaceout] {
    justify-content: space-around;
  }

  [class~=row] > [class~=v-self-center], [class~=column] > [class~=h-self-center],
:root [mobile~=row] > [mobile~=v-self-center], :root [mobile~=column] > [mobile~=h-self-center],
:root [xs-l~=row] > [xs-l~=v-self-center], :root [xs-l~=column] > [xs-l~=h-self-center] {
    align-self: center;
  }

  [class~=row] > [class~=v-self-start], [class~=column] > [class~=h-self-start],
:root [mobile~=row] > [mobile~=v-self-start], :root [mobile~=column] > [mobile~=h-self-start],
:root [xs-l~=row] > [xs-l~=v-self-start], :root [xs-l~=column] > [xs-l~=h-self-start] {
    align-self: flex-start;
  }

  [class~=row] > [class~=v-self-end], [class~=column] > [class~=h-self-end],
:root [mobile~=row] > [mobile~=v-self-end], :root [mobile~=column] > [mobile~=h-self-end],
:root [xs-l~=row] > [xs-l~=v-self-end], :root [xs-l~=column] > [xs-l~=h-self-end] {
    align-self: flex-end;
  }

  [class~=row] > [class~=v-self-stretch], [class~=column] > [class~=h-self-stretch],
:root [mobile~=row] > [mobile~=v-self-stretch], :root [mobile~=column] > [mobile~=h-self-stretch],
:root [xs-l~=row] > [xs-l~=v-self-stretch], :root [xs-l~=column] > [xs-l~=h-self-stretch] {
    align-self: stretch;
  }

  [class~=row] > [class~=v-self-selfstart], [class~=column] > [class~=h-self-selfstart],
:root [mobile~=row] > [mobile~=v-self-selfstart], :root [mobile~=column] > [mobile~=h-self-selfstart],
:root [xs-l~=row] > [xs-l~=v-self-selfstart], :root [xs-l~=column] > [xs-l~=h-self-selfstart] {
    align-self: self-start;
  }

  [class~=row] > [class~=v-self-selfend], [class~=column] > [class~=h-self-selfend],
:root [mobile~=row] > [mobile~=v-self-selfend], :root [mobile~=column] > [mobile~=h-self-selfend],
:root [xs-l~=row] > [xs-l~=v-self-selfend], :root [xs-l~=column] > [xs-l~=h-self-selfend] {
    align-self: self-end;
  }

  [class~=row] > [class~=h-self-center], [class~=column] > [class~=v-self-center],
:root [mobile~=row] > [mobile~=h-self-center], :root [mobile~=column] > [mobile~=v-self-center],
:root [xs-l~=row] > [xs-l~=h-self-center], :root [xs-l~=column] > [xs-l~=v-self-center] {
    justify-self: center;
  }

  [class~=row] > [class~=h-self-start], [class~=column] > [class~=v-self-start],
:root [mobile~=row] > [mobile~=h-self-start], :root [mobile~=column] > [mobile~=v-self-start],
:root [xs-l~=row] > [xs-l~=h-self-start], :root [xs-l~=column] > [xs-l~=v-self-start] {
    justify-self: flex-start;
  }

  [class~=row] > [class~=h-self-end], [class~=column] > [class~=v-self-end],
:root [mobile~=row] > [mobile~=h-self-end], :root [mobile~=column] > [mobile~=v-self-end],
:root [xs-l~=row] > [xs-l~=h-self-end], :root [xs-l~=column] > [xs-l~=v-self-end] {
    justify-self: flex-end;
  }

  [class~=row] > [class~=h-self-stretch], [class~=column] > [class~=v-self-stretch],
:root [mobile~=row] > [mobile~=h-self-stretch], :root [mobile~=column] > [mobile~=v-self-stretch],
:root [xs-l~=row] > [xs-l~=h-self-stretch], :root [xs-l~=column] > [xs-l~=v-self-stretch] {
    justify-self: stretch;
  }

  [class~=row] > [class~=h-self-selfstart], [class~=column] > [class~=v-self-selfstart],
:root [mobile~=row] > [mobile~=h-self-selfstart], :root [mobile~=column] > [mobile~=v-self-selfstart],
:root [xs-l~=row] > [xs-l~=h-self-selfstart], :root [xs-l~=column] > [xs-l~=v-self-selfstart] {
    justify-self: self-start;
  }

  [class~=row] > [class~=h-self-selfend], [class~=column] > [class~=v-self-selfend],
:root [mobile~=row] > [mobile~=h-self-selfend], :root [mobile~=column] > [mobile~=v-self-selfend],
:root [xs-l~=row] > [xs-l~=h-self-selfend], :root [xs-l~=column] > [xs-l~=v-self-selfend] {
    justify-self: self-end;
  }

  [class~=row] > [class~=h-self-left], [class~=column] > [class~=v-self-left],
:root [mobile~=row] > [mobile~=h-self-left], :root [mobile~=column] > [mobile~=v-self-left],
:root [xs-l~=row] > [xs-l~=h-self-left], :root [xs-l~=column] > [xs-l~=v-self-left] {
    justify-self: left;
  }

  [class~=row] > [class~=h-self-right], [class~=column] > [class~=v-self-right],
:root [mobile~=row] > [mobile~=h-self-right], :root [mobile~=column] > [mobile~=v-self-right],
:root [xs-l~=row] > [xs-l~=h-self-right], :root [xs-l~=column] > [xs-l~=v-self-right] {
    justify-self: right;
  }

  .flex-grow-xs-l-1 {
    flex-grow: 1;
  }

  .flex-grow-xs-l-2 {
    flex-grow: 2;
  }

  .flex-grow-xs-l-3 {
    flex-grow: 3;
  }

  .flex-grow-xs-l-4 {
    flex-grow: 4;
  }

  .flex-grow-xs-l-5 {
    flex-grow: 5;
  }

  .flex-grow-xs-l-6 {
    flex-grow: 6;
  }

  .flex-grow-xs-l-7 {
    flex-grow: 7;
  }

  .flex-grow-xs-l-8 {
    flex-grow: 8;
  }

  .flex-grow-xs-l-9 {
    flex-grow: 9;
  }

  .flex-grow-xs-l-10 {
    flex-grow: 10;
  }

  [class*=d-flex],
:root [mobile*=d-flex],
:root [xs-l*=d-flex] {
    display: flex;
  }

  [class*=d-inline],
:root [mobile*=d-inline],
:root [xs-l*=d-inline] {
    display: inline;
  }

  [class*=d-inline-block],
:root [mobile*=d-inline-block],
:root [xs-l*=d-inline-block] {
    display: inline-block;
  }

  [class*=d-block],
:root [mobile*=d-block],
:root [xs-l*=d-block] {
    display: block;
  }

  [class*=absolute],
:root [mobile*=absolute],
:root [xs-l*=absolute] {
    position: absolute;
  }

  [class*=fixed],
:root [mobile*=fixed],
:root [xs-l*=fixed] {
    position: fixed;
  }

  [class*=inherit],
:root [mobile*=inherit],
:root [xs-l*=inherit] {
    position: inherit;
  }

  [class*=relative],
:root [mobile*=relative],
:root [xs-l*=relative] {
    position: relative;
  }

  [class*=sticky],
:root [mobile*=sticky],
:root [xs-l*=sticky] {
    position: -webkit-sticky;
    position: sticky;
  }

  [class*=top-0],
:root [mobile*=top-0],
:root [xs-l*=top-0] {
    top: 0;
  }

  [class*=top-inherit],
:root [xs-l*=top-inherit] {
    top: inherit;
  }

  [class*=left-0],
:root [mobile*=left-0],
:root [xs-l*=left-0] {
    left: 0;
  }

  [class*=left-inherit],
:root [xs-l*=left-inherit] {
    left: inherit;
  }

  [class*=right-0],
:root [mobile*=right-0],
:root [xs-l*=right-0] {
    right: 0;
  }

  [class*=right-inherit],
:root [xs-l*=right-inherit] {
    right: inherit;
  }

  [class*=bottom-0],
:root [mobile*=bottom-0],
:root [xs-l*=bottom-0] {
    bottom: 0;
  }

  [class*=bottom-inherit],
:root [xs-l*=bottom-inherit] {
    bottom: inherit;
  }

  [mobile*=text-center],
[xs-l*=text-center] {
    text-align: center;
  }

  [mobile*=text-left],
[xs-l*=text-left] {
    text-align: left;
  }

  [mobile*=text-right],
[xs-l*=text-right] {
    text-align: right;
  }

  [mobile*=text-justify],
[xs-l*=text-justify] {
    text-align: justify;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  [class~=m-1-1],
:root [mobile~=m-1-1],
:root [sm~=m-1-1] {
    margin: calc(28px * 1);
    margin: calc(var(--spacer-sm) * 1);
  }

  [class~=mt-1-1],
:root [mobile~=mt-1-1],
:root [sm~=mt-1-1] {
    margin-top: calc(28px * 1);
    margin-top: calc(var(--spacer-sm) * 1);
  }

  [class~=mb-1-1],
:root [mobile~=mb-1-1],
:root [sm~=mb-1-1] {
    margin-bottom: calc(28px * 1);
    margin-bottom: calc(var(--spacer-sm) * 1);
  }

  [class~=ml-1-1],
:root [mobile~=ml-1-1],
:root [sm~=ml-1-1] {
    margin-left: calc(28px * 1);
    margin-left: calc(var(--spacer-sm) * 1);
  }

  [class~=mr-1-1],
:root [mobile~=mr-1-1],
:root [sm~=mr-1-1] {
    margin-right: calc(28px * 1);
    margin-right: calc(var(--spacer-sm) * 1);
  }

  [class~=mx-1-1],
:root [mobile~=mx-1-1],
:root [sm~=mx-1-1] {
    margin-left: calc(28px * 1);
    margin-left: calc(var(--spacer-sm) * 1);
    margin-right: calc(28px * 1);
    margin-right: calc(var(--spacer-sm) * 1);
  }

  [class~=my-1-1],
:root [mobile~=my-1-1],
:root [sm~=my-1-1] {
    margin-top: calc(28px * 1);
    margin-top: calc(var(--spacer-sm) * 1);
    margin-bottom: calc(28px * 1);
    margin-bottom: calc(var(--spacer-sm) * 1);
  }

  [class~=p-1-1],
:root [mobile~=p-1-1],
:root [sm~=p-1-1] {
    padding: calc(28px * 1);
    padding: calc(var(--spacer-sm) * 1);
  }

  [class~=pt-1-1],
:root [mobile~=pt-1-1],
:root [sm~=pt-1-1] {
    padding-top: calc(28px * 1);
    padding-top: calc(var(--spacer-sm) * 1);
  }

  [class~=pb-1-1],
:root [mobile~=pb-1-1],
:root [sm~=pb-1-1] {
    padding-bottom: calc(28px * 1);
    padding-bottom: calc(var(--spacer-sm) * 1);
  }

  [class~=pl-1-1],
:root [mobile~=pl-1-1],
:root [sm~=pl-1-1] {
    padding-left: calc(28px * 1);
    padding-left: calc(var(--spacer-sm) * 1);
  }

  [class~=pr-1-1],
:root [mobile~=pr-1-1],
:root [sm~=pr-1-1] {
    padding-right: calc(28px * 1);
    padding-right: calc(var(--spacer-sm) * 1);
  }

  [class~=px-1-1],
:root [mobile~=px-1-1],
:root [sm~=px-1-1] {
    padding-left: calc(28px * 1);
    padding-left: calc(var(--spacer-sm) * 1);
    padding-right: calc(28px * 1);
    padding-right: calc(var(--spacer-sm) * 1);
  }

  [class~=py-1-1],
:root [mobile~=py-1-1],
:root [sm~=py-1-1] {
    padding-top: calc(28px * 1);
    padding-top: calc(var(--spacer-sm) * 1);
    padding-bottom: calc(28px * 1);
    padding-bottom: calc(var(--spacer-sm) * 1);
  }

  [class~=h-1-1],
:root [mobile~=h-1-1],
:root [sm~=h-1-1] {
    height: calc(28px * 1);
    height: calc(var(--spacer-sm) * 1);
  }

  [class~=w-1-1],
:root [mobile~=w-1-1],
:root [sm~=w-1-1] {
    width: calc(28px * 1);
    width: calc(var(--spacer-sm) * 1);
  }

  [class~=m-2-1],
:root [mobile~=m-2-1],
:root [sm~=m-2-1] {
    margin: calc(28px * 2);
    margin: calc(var(--spacer-sm) * 2);
  }

  [class~=mt-2-1],
:root [mobile~=mt-2-1],
:root [sm~=mt-2-1] {
    margin-top: calc(28px * 2);
    margin-top: calc(var(--spacer-sm) * 2);
  }

  [class~=mb-2-1],
:root [mobile~=mb-2-1],
:root [sm~=mb-2-1] {
    margin-bottom: calc(28px * 2);
    margin-bottom: calc(var(--spacer-sm) * 2);
  }

  [class~=ml-2-1],
:root [mobile~=ml-2-1],
:root [sm~=ml-2-1] {
    margin-left: calc(28px * 2);
    margin-left: calc(var(--spacer-sm) * 2);
  }

  [class~=mr-2-1],
:root [mobile~=mr-2-1],
:root [sm~=mr-2-1] {
    margin-right: calc(28px * 2);
    margin-right: calc(var(--spacer-sm) * 2);
  }

  [class~=mx-2-1],
:root [mobile~=mx-2-1],
:root [sm~=mx-2-1] {
    margin-left: calc(28px * 2);
    margin-left: calc(var(--spacer-sm) * 2);
    margin-right: calc(28px * 2);
    margin-right: calc(var(--spacer-sm) * 2);
  }

  [class~=my-2-1],
:root [mobile~=my-2-1],
:root [sm~=my-2-1] {
    margin-top: calc(28px * 2);
    margin-top: calc(var(--spacer-sm) * 2);
    margin-bottom: calc(28px * 2);
    margin-bottom: calc(var(--spacer-sm) * 2);
  }

  [class~=p-2-1],
:root [mobile~=p-2-1],
:root [sm~=p-2-1] {
    padding: calc(28px * 2);
    padding: calc(var(--spacer-sm) * 2);
  }

  [class~=pt-2-1],
:root [mobile~=pt-2-1],
:root [sm~=pt-2-1] {
    padding-top: calc(28px * 2);
    padding-top: calc(var(--spacer-sm) * 2);
  }

  [class~=pb-2-1],
:root [mobile~=pb-2-1],
:root [sm~=pb-2-1] {
    padding-bottom: calc(28px * 2);
    padding-bottom: calc(var(--spacer-sm) * 2);
  }

  [class~=pl-2-1],
:root [mobile~=pl-2-1],
:root [sm~=pl-2-1] {
    padding-left: calc(28px * 2);
    padding-left: calc(var(--spacer-sm) * 2);
  }

  [class~=pr-2-1],
:root [mobile~=pr-2-1],
:root [sm~=pr-2-1] {
    padding-right: calc(28px * 2);
    padding-right: calc(var(--spacer-sm) * 2);
  }

  [class~=px-2-1],
:root [mobile~=px-2-1],
:root [sm~=px-2-1] {
    padding-left: calc(28px * 2);
    padding-left: calc(var(--spacer-sm) * 2);
    padding-right: calc(28px * 2);
    padding-right: calc(var(--spacer-sm) * 2);
  }

  [class~=py-2-1],
:root [mobile~=py-2-1],
:root [sm~=py-2-1] {
    padding-top: calc(28px * 2);
    padding-top: calc(var(--spacer-sm) * 2);
    padding-bottom: calc(28px * 2);
    padding-bottom: calc(var(--spacer-sm) * 2);
  }

  [class~=h-2-1],
:root [mobile~=h-2-1],
:root [sm~=h-2-1] {
    height: calc(28px * 2);
    height: calc(var(--spacer-sm) * 2);
  }

  [class~=w-2-1],
:root [mobile~=w-2-1],
:root [sm~=w-2-1] {
    width: calc(28px * 2);
    width: calc(var(--spacer-sm) * 2);
  }

  [class~=m-3-1],
:root [mobile~=m-3-1],
:root [sm~=m-3-1] {
    margin: calc(28px * 3);
    margin: calc(var(--spacer-sm) * 3);
  }

  [class~=mt-3-1],
:root [mobile~=mt-3-1],
:root [sm~=mt-3-1] {
    margin-top: calc(28px * 3);
    margin-top: calc(var(--spacer-sm) * 3);
  }

  [class~=mb-3-1],
:root [mobile~=mb-3-1],
:root [sm~=mb-3-1] {
    margin-bottom: calc(28px * 3);
    margin-bottom: calc(var(--spacer-sm) * 3);
  }

  [class~=ml-3-1],
:root [mobile~=ml-3-1],
:root [sm~=ml-3-1] {
    margin-left: calc(28px * 3);
    margin-left: calc(var(--spacer-sm) * 3);
  }

  [class~=mr-3-1],
:root [mobile~=mr-3-1],
:root [sm~=mr-3-1] {
    margin-right: calc(28px * 3);
    margin-right: calc(var(--spacer-sm) * 3);
  }

  [class~=mx-3-1],
:root [mobile~=mx-3-1],
:root [sm~=mx-3-1] {
    margin-left: calc(28px * 3);
    margin-left: calc(var(--spacer-sm) * 3);
    margin-right: calc(28px * 3);
    margin-right: calc(var(--spacer-sm) * 3);
  }

  [class~=my-3-1],
:root [mobile~=my-3-1],
:root [sm~=my-3-1] {
    margin-top: calc(28px * 3);
    margin-top: calc(var(--spacer-sm) * 3);
    margin-bottom: calc(28px * 3);
    margin-bottom: calc(var(--spacer-sm) * 3);
  }

  [class~=p-3-1],
:root [mobile~=p-3-1],
:root [sm~=p-3-1] {
    padding: calc(28px * 3);
    padding: calc(var(--spacer-sm) * 3);
  }

  [class~=pt-3-1],
:root [mobile~=pt-3-1],
:root [sm~=pt-3-1] {
    padding-top: calc(28px * 3);
    padding-top: calc(var(--spacer-sm) * 3);
  }

  [class~=pb-3-1],
:root [mobile~=pb-3-1],
:root [sm~=pb-3-1] {
    padding-bottom: calc(28px * 3);
    padding-bottom: calc(var(--spacer-sm) * 3);
  }

  [class~=pl-3-1],
:root [mobile~=pl-3-1],
:root [sm~=pl-3-1] {
    padding-left: calc(28px * 3);
    padding-left: calc(var(--spacer-sm) * 3);
  }

  [class~=pr-3-1],
:root [mobile~=pr-3-1],
:root [sm~=pr-3-1] {
    padding-right: calc(28px * 3);
    padding-right: calc(var(--spacer-sm) * 3);
  }

  [class~=px-3-1],
:root [mobile~=px-3-1],
:root [sm~=px-3-1] {
    padding-left: calc(28px * 3);
    padding-left: calc(var(--spacer-sm) * 3);
    padding-right: calc(28px * 3);
    padding-right: calc(var(--spacer-sm) * 3);
  }

  [class~=py-3-1],
:root [mobile~=py-3-1],
:root [sm~=py-3-1] {
    padding-top: calc(28px * 3);
    padding-top: calc(var(--spacer-sm) * 3);
    padding-bottom: calc(28px * 3);
    padding-bottom: calc(var(--spacer-sm) * 3);
  }

  [class~=h-3-1],
:root [mobile~=h-3-1],
:root [sm~=h-3-1] {
    height: calc(28px * 3);
    height: calc(var(--spacer-sm) * 3);
  }

  [class~=w-3-1],
:root [mobile~=w-3-1],
:root [sm~=w-3-1] {
    width: calc(28px * 3);
    width: calc(var(--spacer-sm) * 3);
  }

  [class~=m-4-1],
:root [mobile~=m-4-1],
:root [sm~=m-4-1] {
    margin: calc(28px * 4);
    margin: calc(var(--spacer-sm) * 4);
  }

  [class~=mt-4-1],
:root [mobile~=mt-4-1],
:root [sm~=mt-4-1] {
    margin-top: calc(28px * 4);
    margin-top: calc(var(--spacer-sm) * 4);
  }

  [class~=mb-4-1],
:root [mobile~=mb-4-1],
:root [sm~=mb-4-1] {
    margin-bottom: calc(28px * 4);
    margin-bottom: calc(var(--spacer-sm) * 4);
  }

  [class~=ml-4-1],
:root [mobile~=ml-4-1],
:root [sm~=ml-4-1] {
    margin-left: calc(28px * 4);
    margin-left: calc(var(--spacer-sm) * 4);
  }

  [class~=mr-4-1],
:root [mobile~=mr-4-1],
:root [sm~=mr-4-1] {
    margin-right: calc(28px * 4);
    margin-right: calc(var(--spacer-sm) * 4);
  }

  [class~=mx-4-1],
:root [mobile~=mx-4-1],
:root [sm~=mx-4-1] {
    margin-left: calc(28px * 4);
    margin-left: calc(var(--spacer-sm) * 4);
    margin-right: calc(28px * 4);
    margin-right: calc(var(--spacer-sm) * 4);
  }

  [class~=my-4-1],
:root [mobile~=my-4-1],
:root [sm~=my-4-1] {
    margin-top: calc(28px * 4);
    margin-top: calc(var(--spacer-sm) * 4);
    margin-bottom: calc(28px * 4);
    margin-bottom: calc(var(--spacer-sm) * 4);
  }

  [class~=p-4-1],
:root [mobile~=p-4-1],
:root [sm~=p-4-1] {
    padding: calc(28px * 4);
    padding: calc(var(--spacer-sm) * 4);
  }

  [class~=pt-4-1],
:root [mobile~=pt-4-1],
:root [sm~=pt-4-1] {
    padding-top: calc(28px * 4);
    padding-top: calc(var(--spacer-sm) * 4);
  }

  [class~=pb-4-1],
:root [mobile~=pb-4-1],
:root [sm~=pb-4-1] {
    padding-bottom: calc(28px * 4);
    padding-bottom: calc(var(--spacer-sm) * 4);
  }

  [class~=pl-4-1],
:root [mobile~=pl-4-1],
:root [sm~=pl-4-1] {
    padding-left: calc(28px * 4);
    padding-left: calc(var(--spacer-sm) * 4);
  }

  [class~=pr-4-1],
:root [mobile~=pr-4-1],
:root [sm~=pr-4-1] {
    padding-right: calc(28px * 4);
    padding-right: calc(var(--spacer-sm) * 4);
  }

  [class~=px-4-1],
:root [mobile~=px-4-1],
:root [sm~=px-4-1] {
    padding-left: calc(28px * 4);
    padding-left: calc(var(--spacer-sm) * 4);
    padding-right: calc(28px * 4);
    padding-right: calc(var(--spacer-sm) * 4);
  }

  [class~=py-4-1],
:root [mobile~=py-4-1],
:root [sm~=py-4-1] {
    padding-top: calc(28px * 4);
    padding-top: calc(var(--spacer-sm) * 4);
    padding-bottom: calc(28px * 4);
    padding-bottom: calc(var(--spacer-sm) * 4);
  }

  [class~=h-4-1],
:root [mobile~=h-4-1],
:root [sm~=h-4-1] {
    height: calc(28px * 4);
    height: calc(var(--spacer-sm) * 4);
  }

  [class~=w-4-1],
:root [mobile~=w-4-1],
:root [sm~=w-4-1] {
    width: calc(28px * 4);
    width: calc(var(--spacer-sm) * 4);
  }

  [class~=m-5-1],
:root [mobile~=m-5-1],
:root [sm~=m-5-1] {
    margin: calc(28px * 5);
    margin: calc(var(--spacer-sm) * 5);
  }

  [class~=mt-5-1],
:root [mobile~=mt-5-1],
:root [sm~=mt-5-1] {
    margin-top: calc(28px * 5);
    margin-top: calc(var(--spacer-sm) * 5);
  }

  [class~=mb-5-1],
:root [mobile~=mb-5-1],
:root [sm~=mb-5-1] {
    margin-bottom: calc(28px * 5);
    margin-bottom: calc(var(--spacer-sm) * 5);
  }

  [class~=ml-5-1],
:root [mobile~=ml-5-1],
:root [sm~=ml-5-1] {
    margin-left: calc(28px * 5);
    margin-left: calc(var(--spacer-sm) * 5);
  }

  [class~=mr-5-1],
:root [mobile~=mr-5-1],
:root [sm~=mr-5-1] {
    margin-right: calc(28px * 5);
    margin-right: calc(var(--spacer-sm) * 5);
  }

  [class~=mx-5-1],
:root [mobile~=mx-5-1],
:root [sm~=mx-5-1] {
    margin-left: calc(28px * 5);
    margin-left: calc(var(--spacer-sm) * 5);
    margin-right: calc(28px * 5);
    margin-right: calc(var(--spacer-sm) * 5);
  }

  [class~=my-5-1],
:root [mobile~=my-5-1],
:root [sm~=my-5-1] {
    margin-top: calc(28px * 5);
    margin-top: calc(var(--spacer-sm) * 5);
    margin-bottom: calc(28px * 5);
    margin-bottom: calc(var(--spacer-sm) * 5);
  }

  [class~=p-5-1],
:root [mobile~=p-5-1],
:root [sm~=p-5-1] {
    padding: calc(28px * 5);
    padding: calc(var(--spacer-sm) * 5);
  }

  [class~=pt-5-1],
:root [mobile~=pt-5-1],
:root [sm~=pt-5-1] {
    padding-top: calc(28px * 5);
    padding-top: calc(var(--spacer-sm) * 5);
  }

  [class~=pb-5-1],
:root [mobile~=pb-5-1],
:root [sm~=pb-5-1] {
    padding-bottom: calc(28px * 5);
    padding-bottom: calc(var(--spacer-sm) * 5);
  }

  [class~=pl-5-1],
:root [mobile~=pl-5-1],
:root [sm~=pl-5-1] {
    padding-left: calc(28px * 5);
    padding-left: calc(var(--spacer-sm) * 5);
  }

  [class~=pr-5-1],
:root [mobile~=pr-5-1],
:root [sm~=pr-5-1] {
    padding-right: calc(28px * 5);
    padding-right: calc(var(--spacer-sm) * 5);
  }

  [class~=px-5-1],
:root [mobile~=px-5-1],
:root [sm~=px-5-1] {
    padding-left: calc(28px * 5);
    padding-left: calc(var(--spacer-sm) * 5);
    padding-right: calc(28px * 5);
    padding-right: calc(var(--spacer-sm) * 5);
  }

  [class~=py-5-1],
:root [mobile~=py-5-1],
:root [sm~=py-5-1] {
    padding-top: calc(28px * 5);
    padding-top: calc(var(--spacer-sm) * 5);
    padding-bottom: calc(28px * 5);
    padding-bottom: calc(var(--spacer-sm) * 5);
  }

  [class~=h-5-1],
:root [mobile~=h-5-1],
:root [sm~=h-5-1] {
    height: calc(28px * 5);
    height: calc(var(--spacer-sm) * 5);
  }

  [class~=w-5-1],
:root [mobile~=w-5-1],
:root [sm~=w-5-1] {
    width: calc(28px * 5);
    width: calc(var(--spacer-sm) * 5);
  }

  [class~=m-6-1],
:root [mobile~=m-6-1],
:root [sm~=m-6-1] {
    margin: calc(28px * 6);
    margin: calc(var(--spacer-sm) * 6);
  }

  [class~=mt-6-1],
:root [mobile~=mt-6-1],
:root [sm~=mt-6-1] {
    margin-top: calc(28px * 6);
    margin-top: calc(var(--spacer-sm) * 6);
  }

  [class~=mb-6-1],
:root [mobile~=mb-6-1],
:root [sm~=mb-6-1] {
    margin-bottom: calc(28px * 6);
    margin-bottom: calc(var(--spacer-sm) * 6);
  }

  [class~=ml-6-1],
:root [mobile~=ml-6-1],
:root [sm~=ml-6-1] {
    margin-left: calc(28px * 6);
    margin-left: calc(var(--spacer-sm) * 6);
  }

  [class~=mr-6-1],
:root [mobile~=mr-6-1],
:root [sm~=mr-6-1] {
    margin-right: calc(28px * 6);
    margin-right: calc(var(--spacer-sm) * 6);
  }

  [class~=mx-6-1],
:root [mobile~=mx-6-1],
:root [sm~=mx-6-1] {
    margin-left: calc(28px * 6);
    margin-left: calc(var(--spacer-sm) * 6);
    margin-right: calc(28px * 6);
    margin-right: calc(var(--spacer-sm) * 6);
  }

  [class~=my-6-1],
:root [mobile~=my-6-1],
:root [sm~=my-6-1] {
    margin-top: calc(28px * 6);
    margin-top: calc(var(--spacer-sm) * 6);
    margin-bottom: calc(28px * 6);
    margin-bottom: calc(var(--spacer-sm) * 6);
  }

  [class~=p-6-1],
:root [mobile~=p-6-1],
:root [sm~=p-6-1] {
    padding: calc(28px * 6);
    padding: calc(var(--spacer-sm) * 6);
  }

  [class~=pt-6-1],
:root [mobile~=pt-6-1],
:root [sm~=pt-6-1] {
    padding-top: calc(28px * 6);
    padding-top: calc(var(--spacer-sm) * 6);
  }

  [class~=pb-6-1],
:root [mobile~=pb-6-1],
:root [sm~=pb-6-1] {
    padding-bottom: calc(28px * 6);
    padding-bottom: calc(var(--spacer-sm) * 6);
  }

  [class~=pl-6-1],
:root [mobile~=pl-6-1],
:root [sm~=pl-6-1] {
    padding-left: calc(28px * 6);
    padding-left: calc(var(--spacer-sm) * 6);
  }

  [class~=pr-6-1],
:root [mobile~=pr-6-1],
:root [sm~=pr-6-1] {
    padding-right: calc(28px * 6);
    padding-right: calc(var(--spacer-sm) * 6);
  }

  [class~=px-6-1],
:root [mobile~=px-6-1],
:root [sm~=px-6-1] {
    padding-left: calc(28px * 6);
    padding-left: calc(var(--spacer-sm) * 6);
    padding-right: calc(28px * 6);
    padding-right: calc(var(--spacer-sm) * 6);
  }

  [class~=py-6-1],
:root [mobile~=py-6-1],
:root [sm~=py-6-1] {
    padding-top: calc(28px * 6);
    padding-top: calc(var(--spacer-sm) * 6);
    padding-bottom: calc(28px * 6);
    padding-bottom: calc(var(--spacer-sm) * 6);
  }

  [class~=h-6-1],
:root [mobile~=h-6-1],
:root [sm~=h-6-1] {
    height: calc(28px * 6);
    height: calc(var(--spacer-sm) * 6);
  }

  [class~=w-6-1],
:root [mobile~=w-6-1],
:root [sm~=w-6-1] {
    width: calc(28px * 6);
    width: calc(var(--spacer-sm) * 6);
  }

  [class~=m-1-2],
:root [mobile~=m-1-2],
:root [sm~=m-1-2] {
    margin: calc(28px / 2);
    margin: calc(var(--spacer-sm) / 2);
  }

  [class~=mt-1-2],
:root [mobile~=mt-1-2],
:root [sm~=mt-1-2] {
    margin-top: calc(28px / 2);
    margin-top: calc(var(--spacer-sm) / 2);
  }

  [class~=mb-1-2],
:root [mobile~=mb-1-2],
:root [sm~=mb-1-2] {
    margin-bottom: calc(28px / 2);
    margin-bottom: calc(var(--spacer-sm) / 2);
  }

  [class~=ml-1-2],
:root [mobile~=ml-1-2],
:root [sm~=ml-1-2] {
    margin-left: calc(28px / 2);
    margin-left: calc(var(--spacer-sm) / 2);
  }

  [class~=mr-1-2],
:root [mobile~=mr-1-2],
:root [sm~=mr-1-2] {
    margin-right: calc(28px / 2);
    margin-right: calc(var(--spacer-sm) / 2);
  }

  [class~=mx-1-2],
:root [mobile~=mx-1-2],
:root [sm~=mx-1-2] {
    margin-left: calc(28px / 2);
    margin-left: calc(var(--spacer-sm) / 2);
    margin-right: calc(28px / 2);
    margin-right: calc(var(--spacer-sm) / 2);
  }

  [class~=my-1-2],
:root [mobile~=my-1-2],
:root [sm~=my-1-2] {
    margin-top: calc(28px / 2);
    margin-top: calc(var(--spacer-sm) / 2);
    margin-bottom: calc(28px / 2);
    margin-bottom: calc(var(--spacer-sm) / 2);
  }

  [class~=p-1-2],
:root [mobile~=p-1-2],
:root [sm~=p-1-2] {
    padding: calc(28px / 2);
    padding: calc(var(--spacer-sm) / 2);
  }

  [class~=pt-1-2],
:root [mobile~=pt-1-2],
:root [sm~=pt-1-2] {
    padding-top: calc(28px / 2);
    padding-top: calc(var(--spacer-sm) / 2);
  }

  [class~=pb-1-2],
:root [mobile~=pb-1-2],
:root [sm~=pb-1-2] {
    padding-bottom: calc(28px / 2);
    padding-bottom: calc(var(--spacer-sm) / 2);
  }

  [class~=pl-1-2],
:root [mobile~=pl-1-2],
:root [sm~=pl-1-2] {
    padding-left: calc(28px / 2);
    padding-left: calc(var(--spacer-sm) / 2);
  }

  [class~=pr-1-2],
:root [mobile~=pr-1-2],
:root [sm~=pr-1-2] {
    padding-right: calc(28px / 2);
    padding-right: calc(var(--spacer-sm) / 2);
  }

  [class~=px-1-2],
:root [mobile~=px-1-2],
:root [sm~=px-1-2] {
    padding-left: calc(28px / 2);
    padding-left: calc(var(--spacer-sm) / 2);
    padding-right: calc(28px / 2);
    padding-right: calc(var(--spacer-sm) / 2);
  }

  [class~=py-1-2],
:root [mobile~=py-1-2],
:root [sm~=py-1-2] {
    padding-top: calc(28px / 2);
    padding-top: calc(var(--spacer-sm) / 2);
    padding-bottom: calc(28px / 2);
    padding-bottom: calc(var(--spacer-sm) / 2);
  }

  [class~=h-1-2],
:root [mobile~=h-1-2],
:root [sm~=h-1-2] {
    height: calc(28px / 2);
    height: calc(var(--spacer-sm) / 2);
  }

  [class~=w-1-2],
:root [mobile~=w-1-2],
:root [sm~=w-1-2] {
    width: calc(28px / 2);
    width: calc(var(--spacer-sm) / 2);
  }

  [class~=m-1-3],
:root [mobile~=m-1-3],
:root [sm~=m-1-3] {
    margin: calc(28px / 3);
    margin: calc(var(--spacer-sm) / 3);
  }

  [class~=mt-1-3],
:root [mobile~=mt-1-3],
:root [sm~=mt-1-3] {
    margin-top: calc(28px / 3);
    margin-top: calc(var(--spacer-sm) / 3);
  }

  [class~=mb-1-3],
:root [mobile~=mb-1-3],
:root [sm~=mb-1-3] {
    margin-bottom: calc(28px / 3);
    margin-bottom: calc(var(--spacer-sm) / 3);
  }

  [class~=ml-1-3],
:root [mobile~=ml-1-3],
:root [sm~=ml-1-3] {
    margin-left: calc(28px / 3);
    margin-left: calc(var(--spacer-sm) / 3);
  }

  [class~=mr-1-3],
:root [mobile~=mr-1-3],
:root [sm~=mr-1-3] {
    margin-right: calc(28px / 3);
    margin-right: calc(var(--spacer-sm) / 3);
  }

  [class~=mx-1-3],
:root [mobile~=mx-1-3],
:root [sm~=mx-1-3] {
    margin-left: calc(28px / 3);
    margin-left: calc(var(--spacer-sm) / 3);
    margin-right: calc(28px / 3);
    margin-right: calc(var(--spacer-sm) / 3);
  }

  [class~=my-1-3],
:root [mobile~=my-1-3],
:root [sm~=my-1-3] {
    margin-top: calc(28px / 3);
    margin-top: calc(var(--spacer-sm) / 3);
    margin-bottom: calc(28px / 3);
    margin-bottom: calc(var(--spacer-sm) / 3);
  }

  [class~=p-1-3],
:root [mobile~=p-1-3],
:root [sm~=p-1-3] {
    padding: calc(28px / 3);
    padding: calc(var(--spacer-sm) / 3);
  }

  [class~=pt-1-3],
:root [mobile~=pt-1-3],
:root [sm~=pt-1-3] {
    padding-top: calc(28px / 3);
    padding-top: calc(var(--spacer-sm) / 3);
  }

  [class~=pb-1-3],
:root [mobile~=pb-1-3],
:root [sm~=pb-1-3] {
    padding-bottom: calc(28px / 3);
    padding-bottom: calc(var(--spacer-sm) / 3);
  }

  [class~=pl-1-3],
:root [mobile~=pl-1-3],
:root [sm~=pl-1-3] {
    padding-left: calc(28px / 3);
    padding-left: calc(var(--spacer-sm) / 3);
  }

  [class~=pr-1-3],
:root [mobile~=pr-1-3],
:root [sm~=pr-1-3] {
    padding-right: calc(28px / 3);
    padding-right: calc(var(--spacer-sm) / 3);
  }

  [class~=px-1-3],
:root [mobile~=px-1-3],
:root [sm~=px-1-3] {
    padding-left: calc(28px / 3);
    padding-left: calc(var(--spacer-sm) / 3);
    padding-right: calc(28px / 3);
    padding-right: calc(var(--spacer-sm) / 3);
  }

  [class~=py-1-3],
:root [mobile~=py-1-3],
:root [sm~=py-1-3] {
    padding-top: calc(28px / 3);
    padding-top: calc(var(--spacer-sm) / 3);
    padding-bottom: calc(28px / 3);
    padding-bottom: calc(var(--spacer-sm) / 3);
  }

  [class~=h-1-3],
:root [mobile~=h-1-3],
:root [sm~=h-1-3] {
    height: calc(28px / 3);
    height: calc(var(--spacer-sm) / 3);
  }

  [class~=w-1-3],
:root [mobile~=w-1-3],
:root [sm~=w-1-3] {
    width: calc(28px / 3);
    width: calc(var(--spacer-sm) / 3);
  }

  [class~=m-1-4],
:root [mobile~=m-1-4],
:root [sm~=m-1-4] {
    margin: calc(28px / 4);
    margin: calc(var(--spacer-sm) / 4);
  }

  [class~=mt-1-4],
:root [mobile~=mt-1-4],
:root [sm~=mt-1-4] {
    margin-top: calc(28px / 4);
    margin-top: calc(var(--spacer-sm) / 4);
  }

  [class~=mb-1-4],
:root [mobile~=mb-1-4],
:root [sm~=mb-1-4] {
    margin-bottom: calc(28px / 4);
    margin-bottom: calc(var(--spacer-sm) / 4);
  }

  [class~=ml-1-4],
:root [mobile~=ml-1-4],
:root [sm~=ml-1-4] {
    margin-left: calc(28px / 4);
    margin-left: calc(var(--spacer-sm) / 4);
  }

  [class~=mr-1-4],
:root [mobile~=mr-1-4],
:root [sm~=mr-1-4] {
    margin-right: calc(28px / 4);
    margin-right: calc(var(--spacer-sm) / 4);
  }

  [class~=mx-1-4],
:root [mobile~=mx-1-4],
:root [sm~=mx-1-4] {
    margin-left: calc(28px / 4);
    margin-left: calc(var(--spacer-sm) / 4);
    margin-right: calc(28px / 4);
    margin-right: calc(var(--spacer-sm) / 4);
  }

  [class~=my-1-4],
:root [mobile~=my-1-4],
:root [sm~=my-1-4] {
    margin-top: calc(28px / 4);
    margin-top: calc(var(--spacer-sm) / 4);
    margin-bottom: calc(28px / 4);
    margin-bottom: calc(var(--spacer-sm) / 4);
  }

  [class~=p-1-4],
:root [mobile~=p-1-4],
:root [sm~=p-1-4] {
    padding: calc(28px / 4);
    padding: calc(var(--spacer-sm) / 4);
  }

  [class~=pt-1-4],
:root [mobile~=pt-1-4],
:root [sm~=pt-1-4] {
    padding-top: calc(28px / 4);
    padding-top: calc(var(--spacer-sm) / 4);
  }

  [class~=pb-1-4],
:root [mobile~=pb-1-4],
:root [sm~=pb-1-4] {
    padding-bottom: calc(28px / 4);
    padding-bottom: calc(var(--spacer-sm) / 4);
  }

  [class~=pl-1-4],
:root [mobile~=pl-1-4],
:root [sm~=pl-1-4] {
    padding-left: calc(28px / 4);
    padding-left: calc(var(--spacer-sm) / 4);
  }

  [class~=pr-1-4],
:root [mobile~=pr-1-4],
:root [sm~=pr-1-4] {
    padding-right: calc(28px / 4);
    padding-right: calc(var(--spacer-sm) / 4);
  }

  [class~=px-1-4],
:root [mobile~=px-1-4],
:root [sm~=px-1-4] {
    padding-left: calc(28px / 4);
    padding-left: calc(var(--spacer-sm) / 4);
    padding-right: calc(28px / 4);
    padding-right: calc(var(--spacer-sm) / 4);
  }

  [class~=py-1-4],
:root [mobile~=py-1-4],
:root [sm~=py-1-4] {
    padding-top: calc(28px / 4);
    padding-top: calc(var(--spacer-sm) / 4);
    padding-bottom: calc(28px / 4);
    padding-bottom: calc(var(--spacer-sm) / 4);
  }

  [class~=h-1-4],
:root [mobile~=h-1-4],
:root [sm~=h-1-4] {
    height: calc(28px / 4);
    height: calc(var(--spacer-sm) / 4);
  }

  [class~=w-1-4],
:root [mobile~=w-1-4],
:root [sm~=w-1-4] {
    width: calc(28px / 4);
    width: calc(var(--spacer-sm) / 4);
  }

  [class~=m-0],
:root [mobile~=m-0],
:root [sm~=m-0] {
    margin: 0;
  }

  [class~=mt-0],
:root [mobile~=mt-0],
:root [sm~=mt-0] {
    margin-top: 0;
  }

  [class~=mb-0],
:root [mobile~=mb-0],
:root [sm~=mb-0] {
    margin-bottom: 0;
  }

  [class~=ml-0],
:root [mobile~=ml-0],
:root [sm~=ml-0] {
    margin-left: 0;
  }

  [class~=mr-0],
:root [mobile~=mr-0],
:root [sm~=mr-0] {
    margin-right: 0;
  }

  [class~=mx-0],
:root [mobile~=mx-0],
:root [sm~=mx-0] {
    margin-left: 0;
    margin-right: 0;
  }

  [class~=my-0],
:root [mobile~=my-0],
:root [sm~=my-0] {
    margin-top: 0;
    margin-bottom: 0;
  }

  [class~=p-0],
:root [mobile~=p-0],
:root [sm~=p-0] {
    padding: 0;
  }

  [class~=pt-0],
:root [mobile~=pt-0],
:root [sm~=pt-0] {
    padding-top: 0;
  }

  [class~=pb-0],
:root [mobile~=pb-0],
:root [sm~=pb-0] {
    padding-bottom: 0;
  }

  [class~=pl-0],
:root [mobile~=pl-0],
:root [sm~=pl-0] {
    padding-left: 0;
  }

  [class~=pr-0],
:root [mobile~=pr-0],
:root [sm~=pr-0] {
    padding-right: 0;
  }

  [class~=px-0],
:root [mobile~=px-0],
:root [sm~=px-0] {
    padding-left: 0;
    padding-right: 0;
  }

  [class~=py-0],
:root [mobile~=py-0],
:root [sm~=py-0] {
    padding-top: 0;
    padding-bottom: 0;
  }

  [class~=h-0],
:root [mobile~=h-0],
:root [sm~=h-0] {
    height: 0;
  }

  [class~=w-0],
:root [mobile~=w-0],
:root [sm~=w-0] {
    width: 0;
  }

  [class~=gutter],
:root [mobile~=gutter],
:root [sm~=gutter] {
    margin-left: calc(28px * -1);
    margin-left: calc(var(--gutter-sm) * -1);
    margin-right: calc(28px * -1);
    margin-right: calc(var(--gutter-sm) * -1);
  }
  [class~=gutter] > *,
:root [mobile~=gutter] > *,
:root [sm~=gutter] > * {
    padding-left: calc(28px * 1);
    padding-left: calc(var(--gutter-sm) * 1);
    padding-right: calc(28px * 1);
    padding-right: calc(var(--gutter-sm) * 1);
  }

  [class~=gutter-1-2],
:root [mobile~=gutter-1-2],
:root [sm~=gutter-1-2] {
    margin-left: calc(28px * -0.5);
    margin-left: calc(var(--gutter-sm) * -0.5);
    margin-right: calc(28px * -0.5);
    margin-right: calc(var(--gutter-sm) * -0.5);
  }
  [class~=gutter-1-2] > *,
:root [mobile~=gutter-1-2] > *,
:root [sm~=gutter-1-2] > * {
    padding-left: calc(28px * 0.5);
    padding-left: calc(var(--gutter-sm) * 0.5);
    padding-right: calc(28px * 0.5);
    padding-right: calc(var(--gutter-sm) * 0.5);
  }

  [class~=gutter-1-3],
:root [mobile~=gutter-1-3],
:root [sm~=gutter-1-3] {
    margin-left: calc(28px * -0.333);
    margin-left: calc(var(--gutter-sm) * -0.333);
    margin-right: calc(28px * -0.333);
    margin-right: calc(var(--gutter-sm) * -0.333);
  }
  [class~=gutter-1-3] > *,
:root [mobile~=gutter-1-3] > *,
:root [sm~=gutter-1-3] > * {
    padding-left: calc(28px * 0.333);
    padding-left: calc(var(--gutter-sm) * 0.333);
    padding-right: calc(28px * 0.333);
    padding-right: calc(var(--gutter-sm) * 0.333);
  }

  [class~=gutter-2-1],
:root [mobile~=gutter-2-1],
:root [sm~=gutter-2-1] {
    margin-left: calc(28px * -2);
    margin-left: calc(var(--gutter-sm) * -2);
    margin-right: calc(28px * -2);
    margin-right: calc(var(--gutter-sm) * -2);
  }
  [class~=gutter-2-1] > *,
:root [mobile~=gutter-2-1] > *,
:root [sm~=gutter-2-1] > * {
    padding-left: calc(28px * 2);
    padding-left: calc(var(--gutter-sm) * 2);
    padding-right: calc(28px * 2);
    padding-right: calc(var(--gutter-sm) * 2);
  }

  [class~=row-12],
:root [mobile~=row-12],
:root [sm~=row-12] {
    min-height: 100vh;
  }

  [class~=row-11],
:root [mobile~=row-11],
:root [sm~=row-11] {
    min-height: 91.6666666667vh;
  }

  [class~=row-10],
:root [mobile~=row-10],
:root [sm~=row-10] {
    min-height: 83.3333333333vh;
  }

  [class~=row-9],
:root [mobile~=row-9],
:root [sm~=row-9] {
    min-height: 75vh;
  }

  [class~=row-8],
:root [mobile~=row-8],
:root [sm~=row-8] {
    min-height: 66.6666666667vh;
  }

  [class~=row-7],
:root [mobile~=row-7],
:root [sm~=row-7] {
    min-height: 58.3333333333vh;
  }

  [class~=row-6],
:root [mobile~=row-6],
:root [sm~=row-6] {
    min-height: 50vh;
  }

  [class~=row-5],
:root [mobile~=row-5],
:root [sm~=row-5] {
    min-height: 41.6666666667vh;
  }

  [class~=row-4],
:root [mobile~=row-4],
:root [sm~=row-4] {
    min-height: 33.3333333333vh;
  }

  [class~=row-3],
:root [mobile~=row-3],
:root [sm~=row-3] {
    min-height: 25vh;
  }

  [class~=row-2],
:root [mobile~=row-2],
:root [sm~=row-2] {
    min-height: 16.6666666667vh;
  }

  [class~=row-1],
:root [mobile~=row-1],
:root [sm~=row-1] {
    min-height: 8.3333333333vh;
  }

  [class~=col-12],
:root [mobile~=col-12],
:root [sm~=col-12] {
    width: 100%;
  }

  [class~=col-11],
:root [mobile~=col-11],
:root [sm~=col-11] {
    width: 91.6666666667%;
  }

  [class~=col-10],
:root [mobile~=col-10],
:root [sm~=col-10] {
    width: 83.3333333333%;
  }

  [class~=col-9],
:root [mobile~=col-9],
:root [sm~=col-9] {
    width: 75%;
  }

  [class~=col-8],
:root [mobile~=col-8],
:root [sm~=col-8] {
    width: 66.6666666667%;
  }

  [class~=col-7],
:root [mobile~=col-7],
:root [sm~=col-7] {
    width: 58.3333333333%;
  }

  [class~=col-6],
:root [mobile~=col-6],
:root [sm~=col-6] {
    width: 50%;
  }

  [class~=col-5],
:root [mobile~=col-5],
:root [sm~=col-5] {
    width: 41.6666666667%;
  }

  [class~=col-4],
:root [mobile~=col-4],
:root [sm~=col-4] {
    width: 33.3333333333%;
  }

  [class~=col-3],
:root [mobile~=col-3],
:root [sm~=col-3] {
    width: 25%;
  }

  [class~=col-2],
:root [mobile~=col-2],
:root [sm~=col-2] {
    width: 16.6666666667%;
  }

  [class~=col-1],
:root [mobile~=col-1],
:root [sm~=col-1] {
    width: 8.3333333333%;
  }

  [class~=row],
[class~=column],
:root [mobile~=row],
:root [mobile~=column],
:root [sm~=row],
:root [sm~=column] {
    display: flex;
  }
  [class~=row] > *,
[class~=column] > *,
:root [mobile~=row] > *,
:root [mobile~=column] > *,
:root [sm~=row] > *,
:root [sm~=column] > * {
    flex-grow: 0;
  }

  [class~=column],
:root [mobile~=column],
:root [sm~=column] {
    flex-direction: column;
  }

  [class~=row],
:root [mobile~=row],
:root [sm~=row] {
    flex-direction: row;
  }

  [class~=column-reverse],
:root [mobile~=column-reverse],
:root [sm~=column-reverse] {
    flex-direction: column-reverse;
  }

  [class~=row-reverse],
:root [mobile~=row-reverse],
:root [sm~=row-reverse] {
    flex-direction: row-reverse;
  }

  [class~=row][class~=v-center], [class~=column][class~=h-center],
:root [mobile~=row][mobile~=v-center], :root [mobile~=column][mobile~=h-center],
:root [sm~=row][sm~=v-center], :root [sm~=column][sm~=h-center] {
    align-items: center;
  }

  [class~=row][class~=v-start], [class~=column][class~=h-start],
:root [mobile~=row][mobile~=v-start], :root [mobile~=column][mobile~=h-start],
:root [sm~=row][sm~=v-start], :root [sm~=column][sm~=h-start] {
    align-items: flex-start;
  }

  [class~=row][class~=v-end], [class~=column][class~=h-end],
:root [mobile~=row][mobile~=v-end], :root [mobile~=column][mobile~=h-end],
:root [sm~=row][sm~=v-end], :root [sm~=column][sm~=h-end] {
    align-items: flex-end;
  }

  [class~=row][class~=v-stretch], [class~=column][class~=h-stretch],
:root [mobile~=row][mobile~=v-stretch], :root [mobile~=column][mobile~=h-stretch],
:root [sm~=row][sm~=v-stretch], :root [sm~=column][sm~=h-stretch] {
    align-items: stretch;
  }

  [class~=row][class~=h-center], [class~=column][class~=v-center],
:root [mobile~=row][mobile~=h-center], :root [mobile~=column][mobile~=v-center],
:root [sm~=row][sm~=h-center], :root [sm~=column][sm~=v-center] {
    justify-content: center;
  }

  [class~=row][class~=h-start], [class~=column][class~=v-start],
:root [mobile~=row][mobile~=h-start], :root [mobile~=column][mobile~=v-start],
:root [sm~=row][sm~=h-start], :root [sm~=column][sm~=v-start] {
    justify-content: flex-start;
  }

  [class~=row][class~=h-end], [class~=column][class~=v-end],
:root [mobile~=row][mobile~=h-end], :root [mobile~=column][mobile~=v-end],
:root [sm~=row][sm~=h-end], :root [sm~=column][sm~=v-end] {
    justify-content: flex-end;
  }

  [class~=row][class~=h-spacein], [class~=column][class~=v-spacein],
:root [mobile~=row][mobile~=h-spacein], :root [mobile~=column][mobile~=v-spacein],
:root [sm~=row][sm~=h-spacein], :root [sm~=column][sm~=v-spacein] {
    justify-content: space-between;
  }

  [class~=row][class~=h-spaceout], [class~=column][class~=v-spaceout],
:root [mobile~=row][mobile~=h-spaceout], :root [mobile~=column][mobile~=v-spaceout],
:root [sm~=row][sm~=h-spaceout], :root [sm~=column][sm~=v-spaceout] {
    justify-content: space-around;
  }

  [class~=row] > [class~=v-self-center], [class~=column] > [class~=h-self-center],
:root [mobile~=row] > [mobile~=v-self-center], :root [mobile~=column] > [mobile~=h-self-center],
:root [sm~=row] > [sm~=v-self-center], :root [sm~=column] > [sm~=h-self-center] {
    align-self: center;
  }

  [class~=row] > [class~=v-self-start], [class~=column] > [class~=h-self-start],
:root [mobile~=row] > [mobile~=v-self-start], :root [mobile~=column] > [mobile~=h-self-start],
:root [sm~=row] > [sm~=v-self-start], :root [sm~=column] > [sm~=h-self-start] {
    align-self: flex-start;
  }

  [class~=row] > [class~=v-self-end], [class~=column] > [class~=h-self-end],
:root [mobile~=row] > [mobile~=v-self-end], :root [mobile~=column] > [mobile~=h-self-end],
:root [sm~=row] > [sm~=v-self-end], :root [sm~=column] > [sm~=h-self-end] {
    align-self: flex-end;
  }

  [class~=row] > [class~=v-self-stretch], [class~=column] > [class~=h-self-stretch],
:root [mobile~=row] > [mobile~=v-self-stretch], :root [mobile~=column] > [mobile~=h-self-stretch],
:root [sm~=row] > [sm~=v-self-stretch], :root [sm~=column] > [sm~=h-self-stretch] {
    align-self: stretch;
  }

  [class~=row] > [class~=v-self-selfstart], [class~=column] > [class~=h-self-selfstart],
:root [mobile~=row] > [mobile~=v-self-selfstart], :root [mobile~=column] > [mobile~=h-self-selfstart],
:root [sm~=row] > [sm~=v-self-selfstart], :root [sm~=column] > [sm~=h-self-selfstart] {
    align-self: self-start;
  }

  [class~=row] > [class~=v-self-selfend], [class~=column] > [class~=h-self-selfend],
:root [mobile~=row] > [mobile~=v-self-selfend], :root [mobile~=column] > [mobile~=h-self-selfend],
:root [sm~=row] > [sm~=v-self-selfend], :root [sm~=column] > [sm~=h-self-selfend] {
    align-self: self-end;
  }

  [class~=row] > [class~=h-self-center], [class~=column] > [class~=v-self-center],
:root [mobile~=row] > [mobile~=h-self-center], :root [mobile~=column] > [mobile~=v-self-center],
:root [sm~=row] > [sm~=h-self-center], :root [sm~=column] > [sm~=v-self-center] {
    justify-self: center;
  }

  [class~=row] > [class~=h-self-start], [class~=column] > [class~=v-self-start],
:root [mobile~=row] > [mobile~=h-self-start], :root [mobile~=column] > [mobile~=v-self-start],
:root [sm~=row] > [sm~=h-self-start], :root [sm~=column] > [sm~=v-self-start] {
    justify-self: flex-start;
  }

  [class~=row] > [class~=h-self-end], [class~=column] > [class~=v-self-end],
:root [mobile~=row] > [mobile~=h-self-end], :root [mobile~=column] > [mobile~=v-self-end],
:root [sm~=row] > [sm~=h-self-end], :root [sm~=column] > [sm~=v-self-end] {
    justify-self: flex-end;
  }

  [class~=row] > [class~=h-self-stretch], [class~=column] > [class~=v-self-stretch],
:root [mobile~=row] > [mobile~=h-self-stretch], :root [mobile~=column] > [mobile~=v-self-stretch],
:root [sm~=row] > [sm~=h-self-stretch], :root [sm~=column] > [sm~=v-self-stretch] {
    justify-self: stretch;
  }

  [class~=row] > [class~=h-self-selfstart], [class~=column] > [class~=v-self-selfstart],
:root [mobile~=row] > [mobile~=h-self-selfstart], :root [mobile~=column] > [mobile~=v-self-selfstart],
:root [sm~=row] > [sm~=h-self-selfstart], :root [sm~=column] > [sm~=v-self-selfstart] {
    justify-self: self-start;
  }

  [class~=row] > [class~=h-self-selfend], [class~=column] > [class~=v-self-selfend],
:root [mobile~=row] > [mobile~=h-self-selfend], :root [mobile~=column] > [mobile~=v-self-selfend],
:root [sm~=row] > [sm~=h-self-selfend], :root [sm~=column] > [sm~=v-self-selfend] {
    justify-self: self-end;
  }

  [class~=row] > [class~=h-self-left], [class~=column] > [class~=v-self-left],
:root [mobile~=row] > [mobile~=h-self-left], :root [mobile~=column] > [mobile~=v-self-left],
:root [sm~=row] > [sm~=h-self-left], :root [sm~=column] > [sm~=v-self-left] {
    justify-self: left;
  }

  [class~=row] > [class~=h-self-right], [class~=column] > [class~=v-self-right],
:root [mobile~=row] > [mobile~=h-self-right], :root [mobile~=column] > [mobile~=v-self-right],
:root [sm~=row] > [sm~=h-self-right], :root [sm~=column] > [sm~=v-self-right] {
    justify-self: right;
  }

  .flex-grow-sm-1 {
    flex-grow: 1;
  }

  .flex-grow-sm-2 {
    flex-grow: 2;
  }

  .flex-grow-sm-3 {
    flex-grow: 3;
  }

  .flex-grow-sm-4 {
    flex-grow: 4;
  }

  .flex-grow-sm-5 {
    flex-grow: 5;
  }

  .flex-grow-sm-6 {
    flex-grow: 6;
  }

  .flex-grow-sm-7 {
    flex-grow: 7;
  }

  .flex-grow-sm-8 {
    flex-grow: 8;
  }

  .flex-grow-sm-9 {
    flex-grow: 9;
  }

  .flex-grow-sm-10 {
    flex-grow: 10;
  }

  [class*=d-flex],
:root [mobile*=d-flex],
:root [sm*=d-flex] {
    display: flex;
  }

  [class*=d-inline],
:root [mobile*=d-inline],
:root [sm*=d-inline] {
    display: inline;
  }

  [class*=d-inline-block],
:root [mobile*=d-inline-block],
:root [sm*=d-inline-block] {
    display: inline-block;
  }

  [class*=d-block],
:root [mobile*=d-block],
:root [sm*=d-block] {
    display: block;
  }

  [class*=absolute],
:root [mobile*=absolute],
:root [sm*=absolute] {
    position: absolute;
  }

  [class*=fixed],
:root [mobile*=fixed],
:root [sm*=fixed] {
    position: fixed;
  }

  [class*=inherit],
:root [mobile*=inherit],
:root [sm*=inherit] {
    position: inherit;
  }

  [class*=relative],
:root [mobile*=relative],
:root [sm*=relative] {
    position: relative;
  }

  [class*=sticky],
:root [mobile*=sticky],
:root [sm*=sticky] {
    position: -webkit-sticky;
    position: sticky;
  }

  [class*=top-0],
:root [mobile*=top-0],
:root [sm*=top-0] {
    top: 0;
  }

  [class*=top-inherit],
:root [sm*=top-inherit] {
    top: inherit;
  }

  [class*=left-0],
:root [mobile*=left-0],
:root [sm*=left-0] {
    left: 0;
  }

  [class*=left-inherit],
:root [sm*=left-inherit] {
    left: inherit;
  }

  [class*=right-0],
:root [mobile*=right-0],
:root [sm*=right-0] {
    right: 0;
  }

  [class*=right-inherit],
:root [sm*=right-inherit] {
    right: inherit;
  }

  [class*=bottom-0],
:root [mobile*=bottom-0],
:root [sm*=bottom-0] {
    bottom: 0;
  }

  [class*=bottom-inherit],
:root [sm*=bottom-inherit] {
    bottom: inherit;
  }

  [mobile*=text-center],
[sm*=text-center] {
    text-align: center;
  }

  [mobile*=text-left],
[sm*=text-left] {
    text-align: left;
  }

  [mobile*=text-right],
[sm*=text-right] {
    text-align: right;
  }

  [mobile*=text-justify],
[sm*=text-justify] {
    text-align: justify;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  [class~=m-1-1],
:root [mobile~=m-1-1],
:root [sm-l~=m-1-1] {
    margin: calc(24px * 1);
    margin: calc(var(--spacer-sm-l) * 1);
  }

  [class~=mt-1-1],
:root [mobile~=mt-1-1],
:root [sm-l~=mt-1-1] {
    margin-top: calc(24px * 1);
    margin-top: calc(var(--spacer-sm-l) * 1);
  }

  [class~=mb-1-1],
:root [mobile~=mb-1-1],
:root [sm-l~=mb-1-1] {
    margin-bottom: calc(24px * 1);
    margin-bottom: calc(var(--spacer-sm-l) * 1);
  }

  [class~=ml-1-1],
:root [mobile~=ml-1-1],
:root [sm-l~=ml-1-1] {
    margin-left: calc(24px * 1);
    margin-left: calc(var(--spacer-sm-l) * 1);
  }

  [class~=mr-1-1],
:root [mobile~=mr-1-1],
:root [sm-l~=mr-1-1] {
    margin-right: calc(24px * 1);
    margin-right: calc(var(--spacer-sm-l) * 1);
  }

  [class~=mx-1-1],
:root [mobile~=mx-1-1],
:root [sm-l~=mx-1-1] {
    margin-left: calc(24px * 1);
    margin-left: calc(var(--spacer-sm-l) * 1);
    margin-right: calc(24px * 1);
    margin-right: calc(var(--spacer-sm-l) * 1);
  }

  [class~=my-1-1],
:root [mobile~=my-1-1],
:root [sm-l~=my-1-1] {
    margin-top: calc(24px * 1);
    margin-top: calc(var(--spacer-sm-l) * 1);
    margin-bottom: calc(24px * 1);
    margin-bottom: calc(var(--spacer-sm-l) * 1);
  }

  [class~=p-1-1],
:root [mobile~=p-1-1],
:root [sm-l~=p-1-1] {
    padding: calc(24px * 1);
    padding: calc(var(--spacer-sm-l) * 1);
  }

  [class~=pt-1-1],
:root [mobile~=pt-1-1],
:root [sm-l~=pt-1-1] {
    padding-top: calc(24px * 1);
    padding-top: calc(var(--spacer-sm-l) * 1);
  }

  [class~=pb-1-1],
:root [mobile~=pb-1-1],
:root [sm-l~=pb-1-1] {
    padding-bottom: calc(24px * 1);
    padding-bottom: calc(var(--spacer-sm-l) * 1);
  }

  [class~=pl-1-1],
:root [mobile~=pl-1-1],
:root [sm-l~=pl-1-1] {
    padding-left: calc(24px * 1);
    padding-left: calc(var(--spacer-sm-l) * 1);
  }

  [class~=pr-1-1],
:root [mobile~=pr-1-1],
:root [sm-l~=pr-1-1] {
    padding-right: calc(24px * 1);
    padding-right: calc(var(--spacer-sm-l) * 1);
  }

  [class~=px-1-1],
:root [mobile~=px-1-1],
:root [sm-l~=px-1-1] {
    padding-left: calc(24px * 1);
    padding-left: calc(var(--spacer-sm-l) * 1);
    padding-right: calc(24px * 1);
    padding-right: calc(var(--spacer-sm-l) * 1);
  }

  [class~=py-1-1],
:root [mobile~=py-1-1],
:root [sm-l~=py-1-1] {
    padding-top: calc(24px * 1);
    padding-top: calc(var(--spacer-sm-l) * 1);
    padding-bottom: calc(24px * 1);
    padding-bottom: calc(var(--spacer-sm-l) * 1);
  }

  [class~=h-1-1],
:root [mobile~=h-1-1],
:root [sm-l~=h-1-1] {
    height: calc(24px * 1);
    height: calc(var(--spacer-sm-l) * 1);
  }

  [class~=w-1-1],
:root [mobile~=w-1-1],
:root [sm-l~=w-1-1] {
    width: calc(24px * 1);
    width: calc(var(--spacer-sm-l) * 1);
  }

  [class~=m-2-1],
:root [mobile~=m-2-1],
:root [sm-l~=m-2-1] {
    margin: calc(24px * 2);
    margin: calc(var(--spacer-sm-l) * 2);
  }

  [class~=mt-2-1],
:root [mobile~=mt-2-1],
:root [sm-l~=mt-2-1] {
    margin-top: calc(24px * 2);
    margin-top: calc(var(--spacer-sm-l) * 2);
  }

  [class~=mb-2-1],
:root [mobile~=mb-2-1],
:root [sm-l~=mb-2-1] {
    margin-bottom: calc(24px * 2);
    margin-bottom: calc(var(--spacer-sm-l) * 2);
  }

  [class~=ml-2-1],
:root [mobile~=ml-2-1],
:root [sm-l~=ml-2-1] {
    margin-left: calc(24px * 2);
    margin-left: calc(var(--spacer-sm-l) * 2);
  }

  [class~=mr-2-1],
:root [mobile~=mr-2-1],
:root [sm-l~=mr-2-1] {
    margin-right: calc(24px * 2);
    margin-right: calc(var(--spacer-sm-l) * 2);
  }

  [class~=mx-2-1],
:root [mobile~=mx-2-1],
:root [sm-l~=mx-2-1] {
    margin-left: calc(24px * 2);
    margin-left: calc(var(--spacer-sm-l) * 2);
    margin-right: calc(24px * 2);
    margin-right: calc(var(--spacer-sm-l) * 2);
  }

  [class~=my-2-1],
:root [mobile~=my-2-1],
:root [sm-l~=my-2-1] {
    margin-top: calc(24px * 2);
    margin-top: calc(var(--spacer-sm-l) * 2);
    margin-bottom: calc(24px * 2);
    margin-bottom: calc(var(--spacer-sm-l) * 2);
  }

  [class~=p-2-1],
:root [mobile~=p-2-1],
:root [sm-l~=p-2-1] {
    padding: calc(24px * 2);
    padding: calc(var(--spacer-sm-l) * 2);
  }

  [class~=pt-2-1],
:root [mobile~=pt-2-1],
:root [sm-l~=pt-2-1] {
    padding-top: calc(24px * 2);
    padding-top: calc(var(--spacer-sm-l) * 2);
  }

  [class~=pb-2-1],
:root [mobile~=pb-2-1],
:root [sm-l~=pb-2-1] {
    padding-bottom: calc(24px * 2);
    padding-bottom: calc(var(--spacer-sm-l) * 2);
  }

  [class~=pl-2-1],
:root [mobile~=pl-2-1],
:root [sm-l~=pl-2-1] {
    padding-left: calc(24px * 2);
    padding-left: calc(var(--spacer-sm-l) * 2);
  }

  [class~=pr-2-1],
:root [mobile~=pr-2-1],
:root [sm-l~=pr-2-1] {
    padding-right: calc(24px * 2);
    padding-right: calc(var(--spacer-sm-l) * 2);
  }

  [class~=px-2-1],
:root [mobile~=px-2-1],
:root [sm-l~=px-2-1] {
    padding-left: calc(24px * 2);
    padding-left: calc(var(--spacer-sm-l) * 2);
    padding-right: calc(24px * 2);
    padding-right: calc(var(--spacer-sm-l) * 2);
  }

  [class~=py-2-1],
:root [mobile~=py-2-1],
:root [sm-l~=py-2-1] {
    padding-top: calc(24px * 2);
    padding-top: calc(var(--spacer-sm-l) * 2);
    padding-bottom: calc(24px * 2);
    padding-bottom: calc(var(--spacer-sm-l) * 2);
  }

  [class~=h-2-1],
:root [mobile~=h-2-1],
:root [sm-l~=h-2-1] {
    height: calc(24px * 2);
    height: calc(var(--spacer-sm-l) * 2);
  }

  [class~=w-2-1],
:root [mobile~=w-2-1],
:root [sm-l~=w-2-1] {
    width: calc(24px * 2);
    width: calc(var(--spacer-sm-l) * 2);
  }

  [class~=m-3-1],
:root [mobile~=m-3-1],
:root [sm-l~=m-3-1] {
    margin: calc(24px * 3);
    margin: calc(var(--spacer-sm-l) * 3);
  }

  [class~=mt-3-1],
:root [mobile~=mt-3-1],
:root [sm-l~=mt-3-1] {
    margin-top: calc(24px * 3);
    margin-top: calc(var(--spacer-sm-l) * 3);
  }

  [class~=mb-3-1],
:root [mobile~=mb-3-1],
:root [sm-l~=mb-3-1] {
    margin-bottom: calc(24px * 3);
    margin-bottom: calc(var(--spacer-sm-l) * 3);
  }

  [class~=ml-3-1],
:root [mobile~=ml-3-1],
:root [sm-l~=ml-3-1] {
    margin-left: calc(24px * 3);
    margin-left: calc(var(--spacer-sm-l) * 3);
  }

  [class~=mr-3-1],
:root [mobile~=mr-3-1],
:root [sm-l~=mr-3-1] {
    margin-right: calc(24px * 3);
    margin-right: calc(var(--spacer-sm-l) * 3);
  }

  [class~=mx-3-1],
:root [mobile~=mx-3-1],
:root [sm-l~=mx-3-1] {
    margin-left: calc(24px * 3);
    margin-left: calc(var(--spacer-sm-l) * 3);
    margin-right: calc(24px * 3);
    margin-right: calc(var(--spacer-sm-l) * 3);
  }

  [class~=my-3-1],
:root [mobile~=my-3-1],
:root [sm-l~=my-3-1] {
    margin-top: calc(24px * 3);
    margin-top: calc(var(--spacer-sm-l) * 3);
    margin-bottom: calc(24px * 3);
    margin-bottom: calc(var(--spacer-sm-l) * 3);
  }

  [class~=p-3-1],
:root [mobile~=p-3-1],
:root [sm-l~=p-3-1] {
    padding: calc(24px * 3);
    padding: calc(var(--spacer-sm-l) * 3);
  }

  [class~=pt-3-1],
:root [mobile~=pt-3-1],
:root [sm-l~=pt-3-1] {
    padding-top: calc(24px * 3);
    padding-top: calc(var(--spacer-sm-l) * 3);
  }

  [class~=pb-3-1],
:root [mobile~=pb-3-1],
:root [sm-l~=pb-3-1] {
    padding-bottom: calc(24px * 3);
    padding-bottom: calc(var(--spacer-sm-l) * 3);
  }

  [class~=pl-3-1],
:root [mobile~=pl-3-1],
:root [sm-l~=pl-3-1] {
    padding-left: calc(24px * 3);
    padding-left: calc(var(--spacer-sm-l) * 3);
  }

  [class~=pr-3-1],
:root [mobile~=pr-3-1],
:root [sm-l~=pr-3-1] {
    padding-right: calc(24px * 3);
    padding-right: calc(var(--spacer-sm-l) * 3);
  }

  [class~=px-3-1],
:root [mobile~=px-3-1],
:root [sm-l~=px-3-1] {
    padding-left: calc(24px * 3);
    padding-left: calc(var(--spacer-sm-l) * 3);
    padding-right: calc(24px * 3);
    padding-right: calc(var(--spacer-sm-l) * 3);
  }

  [class~=py-3-1],
:root [mobile~=py-3-1],
:root [sm-l~=py-3-1] {
    padding-top: calc(24px * 3);
    padding-top: calc(var(--spacer-sm-l) * 3);
    padding-bottom: calc(24px * 3);
    padding-bottom: calc(var(--spacer-sm-l) * 3);
  }

  [class~=h-3-1],
:root [mobile~=h-3-1],
:root [sm-l~=h-3-1] {
    height: calc(24px * 3);
    height: calc(var(--spacer-sm-l) * 3);
  }

  [class~=w-3-1],
:root [mobile~=w-3-1],
:root [sm-l~=w-3-1] {
    width: calc(24px * 3);
    width: calc(var(--spacer-sm-l) * 3);
  }

  [class~=m-4-1],
:root [mobile~=m-4-1],
:root [sm-l~=m-4-1] {
    margin: calc(24px * 4);
    margin: calc(var(--spacer-sm-l) * 4);
  }

  [class~=mt-4-1],
:root [mobile~=mt-4-1],
:root [sm-l~=mt-4-1] {
    margin-top: calc(24px * 4);
    margin-top: calc(var(--spacer-sm-l) * 4);
  }

  [class~=mb-4-1],
:root [mobile~=mb-4-1],
:root [sm-l~=mb-4-1] {
    margin-bottom: calc(24px * 4);
    margin-bottom: calc(var(--spacer-sm-l) * 4);
  }

  [class~=ml-4-1],
:root [mobile~=ml-4-1],
:root [sm-l~=ml-4-1] {
    margin-left: calc(24px * 4);
    margin-left: calc(var(--spacer-sm-l) * 4);
  }

  [class~=mr-4-1],
:root [mobile~=mr-4-1],
:root [sm-l~=mr-4-1] {
    margin-right: calc(24px * 4);
    margin-right: calc(var(--spacer-sm-l) * 4);
  }

  [class~=mx-4-1],
:root [mobile~=mx-4-1],
:root [sm-l~=mx-4-1] {
    margin-left: calc(24px * 4);
    margin-left: calc(var(--spacer-sm-l) * 4);
    margin-right: calc(24px * 4);
    margin-right: calc(var(--spacer-sm-l) * 4);
  }

  [class~=my-4-1],
:root [mobile~=my-4-1],
:root [sm-l~=my-4-1] {
    margin-top: calc(24px * 4);
    margin-top: calc(var(--spacer-sm-l) * 4);
    margin-bottom: calc(24px * 4);
    margin-bottom: calc(var(--spacer-sm-l) * 4);
  }

  [class~=p-4-1],
:root [mobile~=p-4-1],
:root [sm-l~=p-4-1] {
    padding: calc(24px * 4);
    padding: calc(var(--spacer-sm-l) * 4);
  }

  [class~=pt-4-1],
:root [mobile~=pt-4-1],
:root [sm-l~=pt-4-1] {
    padding-top: calc(24px * 4);
    padding-top: calc(var(--spacer-sm-l) * 4);
  }

  [class~=pb-4-1],
:root [mobile~=pb-4-1],
:root [sm-l~=pb-4-1] {
    padding-bottom: calc(24px * 4);
    padding-bottom: calc(var(--spacer-sm-l) * 4);
  }

  [class~=pl-4-1],
:root [mobile~=pl-4-1],
:root [sm-l~=pl-4-1] {
    padding-left: calc(24px * 4);
    padding-left: calc(var(--spacer-sm-l) * 4);
  }

  [class~=pr-4-1],
:root [mobile~=pr-4-1],
:root [sm-l~=pr-4-1] {
    padding-right: calc(24px * 4);
    padding-right: calc(var(--spacer-sm-l) * 4);
  }

  [class~=px-4-1],
:root [mobile~=px-4-1],
:root [sm-l~=px-4-1] {
    padding-left: calc(24px * 4);
    padding-left: calc(var(--spacer-sm-l) * 4);
    padding-right: calc(24px * 4);
    padding-right: calc(var(--spacer-sm-l) * 4);
  }

  [class~=py-4-1],
:root [mobile~=py-4-1],
:root [sm-l~=py-4-1] {
    padding-top: calc(24px * 4);
    padding-top: calc(var(--spacer-sm-l) * 4);
    padding-bottom: calc(24px * 4);
    padding-bottom: calc(var(--spacer-sm-l) * 4);
  }

  [class~=h-4-1],
:root [mobile~=h-4-1],
:root [sm-l~=h-4-1] {
    height: calc(24px * 4);
    height: calc(var(--spacer-sm-l) * 4);
  }

  [class~=w-4-1],
:root [mobile~=w-4-1],
:root [sm-l~=w-4-1] {
    width: calc(24px * 4);
    width: calc(var(--spacer-sm-l) * 4);
  }

  [class~=m-5-1],
:root [mobile~=m-5-1],
:root [sm-l~=m-5-1] {
    margin: calc(24px * 5);
    margin: calc(var(--spacer-sm-l) * 5);
  }

  [class~=mt-5-1],
:root [mobile~=mt-5-1],
:root [sm-l~=mt-5-1] {
    margin-top: calc(24px * 5);
    margin-top: calc(var(--spacer-sm-l) * 5);
  }

  [class~=mb-5-1],
:root [mobile~=mb-5-1],
:root [sm-l~=mb-5-1] {
    margin-bottom: calc(24px * 5);
    margin-bottom: calc(var(--spacer-sm-l) * 5);
  }

  [class~=ml-5-1],
:root [mobile~=ml-5-1],
:root [sm-l~=ml-5-1] {
    margin-left: calc(24px * 5);
    margin-left: calc(var(--spacer-sm-l) * 5);
  }

  [class~=mr-5-1],
:root [mobile~=mr-5-1],
:root [sm-l~=mr-5-1] {
    margin-right: calc(24px * 5);
    margin-right: calc(var(--spacer-sm-l) * 5);
  }

  [class~=mx-5-1],
:root [mobile~=mx-5-1],
:root [sm-l~=mx-5-1] {
    margin-left: calc(24px * 5);
    margin-left: calc(var(--spacer-sm-l) * 5);
    margin-right: calc(24px * 5);
    margin-right: calc(var(--spacer-sm-l) * 5);
  }

  [class~=my-5-1],
:root [mobile~=my-5-1],
:root [sm-l~=my-5-1] {
    margin-top: calc(24px * 5);
    margin-top: calc(var(--spacer-sm-l) * 5);
    margin-bottom: calc(24px * 5);
    margin-bottom: calc(var(--spacer-sm-l) * 5);
  }

  [class~=p-5-1],
:root [mobile~=p-5-1],
:root [sm-l~=p-5-1] {
    padding: calc(24px * 5);
    padding: calc(var(--spacer-sm-l) * 5);
  }

  [class~=pt-5-1],
:root [mobile~=pt-5-1],
:root [sm-l~=pt-5-1] {
    padding-top: calc(24px * 5);
    padding-top: calc(var(--spacer-sm-l) * 5);
  }

  [class~=pb-5-1],
:root [mobile~=pb-5-1],
:root [sm-l~=pb-5-1] {
    padding-bottom: calc(24px * 5);
    padding-bottom: calc(var(--spacer-sm-l) * 5);
  }

  [class~=pl-5-1],
:root [mobile~=pl-5-1],
:root [sm-l~=pl-5-1] {
    padding-left: calc(24px * 5);
    padding-left: calc(var(--spacer-sm-l) * 5);
  }

  [class~=pr-5-1],
:root [mobile~=pr-5-1],
:root [sm-l~=pr-5-1] {
    padding-right: calc(24px * 5);
    padding-right: calc(var(--spacer-sm-l) * 5);
  }

  [class~=px-5-1],
:root [mobile~=px-5-1],
:root [sm-l~=px-5-1] {
    padding-left: calc(24px * 5);
    padding-left: calc(var(--spacer-sm-l) * 5);
    padding-right: calc(24px * 5);
    padding-right: calc(var(--spacer-sm-l) * 5);
  }

  [class~=py-5-1],
:root [mobile~=py-5-1],
:root [sm-l~=py-5-1] {
    padding-top: calc(24px * 5);
    padding-top: calc(var(--spacer-sm-l) * 5);
    padding-bottom: calc(24px * 5);
    padding-bottom: calc(var(--spacer-sm-l) * 5);
  }

  [class~=h-5-1],
:root [mobile~=h-5-1],
:root [sm-l~=h-5-1] {
    height: calc(24px * 5);
    height: calc(var(--spacer-sm-l) * 5);
  }

  [class~=w-5-1],
:root [mobile~=w-5-1],
:root [sm-l~=w-5-1] {
    width: calc(24px * 5);
    width: calc(var(--spacer-sm-l) * 5);
  }

  [class~=m-6-1],
:root [mobile~=m-6-1],
:root [sm-l~=m-6-1] {
    margin: calc(24px * 6);
    margin: calc(var(--spacer-sm-l) * 6);
  }

  [class~=mt-6-1],
:root [mobile~=mt-6-1],
:root [sm-l~=mt-6-1] {
    margin-top: calc(24px * 6);
    margin-top: calc(var(--spacer-sm-l) * 6);
  }

  [class~=mb-6-1],
:root [mobile~=mb-6-1],
:root [sm-l~=mb-6-1] {
    margin-bottom: calc(24px * 6);
    margin-bottom: calc(var(--spacer-sm-l) * 6);
  }

  [class~=ml-6-1],
:root [mobile~=ml-6-1],
:root [sm-l~=ml-6-1] {
    margin-left: calc(24px * 6);
    margin-left: calc(var(--spacer-sm-l) * 6);
  }

  [class~=mr-6-1],
:root [mobile~=mr-6-1],
:root [sm-l~=mr-6-1] {
    margin-right: calc(24px * 6);
    margin-right: calc(var(--spacer-sm-l) * 6);
  }

  [class~=mx-6-1],
:root [mobile~=mx-6-1],
:root [sm-l~=mx-6-1] {
    margin-left: calc(24px * 6);
    margin-left: calc(var(--spacer-sm-l) * 6);
    margin-right: calc(24px * 6);
    margin-right: calc(var(--spacer-sm-l) * 6);
  }

  [class~=my-6-1],
:root [mobile~=my-6-1],
:root [sm-l~=my-6-1] {
    margin-top: calc(24px * 6);
    margin-top: calc(var(--spacer-sm-l) * 6);
    margin-bottom: calc(24px * 6);
    margin-bottom: calc(var(--spacer-sm-l) * 6);
  }

  [class~=p-6-1],
:root [mobile~=p-6-1],
:root [sm-l~=p-6-1] {
    padding: calc(24px * 6);
    padding: calc(var(--spacer-sm-l) * 6);
  }

  [class~=pt-6-1],
:root [mobile~=pt-6-1],
:root [sm-l~=pt-6-1] {
    padding-top: calc(24px * 6);
    padding-top: calc(var(--spacer-sm-l) * 6);
  }

  [class~=pb-6-1],
:root [mobile~=pb-6-1],
:root [sm-l~=pb-6-1] {
    padding-bottom: calc(24px * 6);
    padding-bottom: calc(var(--spacer-sm-l) * 6);
  }

  [class~=pl-6-1],
:root [mobile~=pl-6-1],
:root [sm-l~=pl-6-1] {
    padding-left: calc(24px * 6);
    padding-left: calc(var(--spacer-sm-l) * 6);
  }

  [class~=pr-6-1],
:root [mobile~=pr-6-1],
:root [sm-l~=pr-6-1] {
    padding-right: calc(24px * 6);
    padding-right: calc(var(--spacer-sm-l) * 6);
  }

  [class~=px-6-1],
:root [mobile~=px-6-1],
:root [sm-l~=px-6-1] {
    padding-left: calc(24px * 6);
    padding-left: calc(var(--spacer-sm-l) * 6);
    padding-right: calc(24px * 6);
    padding-right: calc(var(--spacer-sm-l) * 6);
  }

  [class~=py-6-1],
:root [mobile~=py-6-1],
:root [sm-l~=py-6-1] {
    padding-top: calc(24px * 6);
    padding-top: calc(var(--spacer-sm-l) * 6);
    padding-bottom: calc(24px * 6);
    padding-bottom: calc(var(--spacer-sm-l) * 6);
  }

  [class~=h-6-1],
:root [mobile~=h-6-1],
:root [sm-l~=h-6-1] {
    height: calc(24px * 6);
    height: calc(var(--spacer-sm-l) * 6);
  }

  [class~=w-6-1],
:root [mobile~=w-6-1],
:root [sm-l~=w-6-1] {
    width: calc(24px * 6);
    width: calc(var(--spacer-sm-l) * 6);
  }

  [class~=m-1-2],
:root [mobile~=m-1-2],
:root [sm-l~=m-1-2] {
    margin: calc(24px / 2);
    margin: calc(var(--spacer-sm-l) / 2);
  }

  [class~=mt-1-2],
:root [mobile~=mt-1-2],
:root [sm-l~=mt-1-2] {
    margin-top: calc(24px / 2);
    margin-top: calc(var(--spacer-sm-l) / 2);
  }

  [class~=mb-1-2],
:root [mobile~=mb-1-2],
:root [sm-l~=mb-1-2] {
    margin-bottom: calc(24px / 2);
    margin-bottom: calc(var(--spacer-sm-l) / 2);
  }

  [class~=ml-1-2],
:root [mobile~=ml-1-2],
:root [sm-l~=ml-1-2] {
    margin-left: calc(24px / 2);
    margin-left: calc(var(--spacer-sm-l) / 2);
  }

  [class~=mr-1-2],
:root [mobile~=mr-1-2],
:root [sm-l~=mr-1-2] {
    margin-right: calc(24px / 2);
    margin-right: calc(var(--spacer-sm-l) / 2);
  }

  [class~=mx-1-2],
:root [mobile~=mx-1-2],
:root [sm-l~=mx-1-2] {
    margin-left: calc(24px / 2);
    margin-left: calc(var(--spacer-sm-l) / 2);
    margin-right: calc(24px / 2);
    margin-right: calc(var(--spacer-sm-l) / 2);
  }

  [class~=my-1-2],
:root [mobile~=my-1-2],
:root [sm-l~=my-1-2] {
    margin-top: calc(24px / 2);
    margin-top: calc(var(--spacer-sm-l) / 2);
    margin-bottom: calc(24px / 2);
    margin-bottom: calc(var(--spacer-sm-l) / 2);
  }

  [class~=p-1-2],
:root [mobile~=p-1-2],
:root [sm-l~=p-1-2] {
    padding: calc(24px / 2);
    padding: calc(var(--spacer-sm-l) / 2);
  }

  [class~=pt-1-2],
:root [mobile~=pt-1-2],
:root [sm-l~=pt-1-2] {
    padding-top: calc(24px / 2);
    padding-top: calc(var(--spacer-sm-l) / 2);
  }

  [class~=pb-1-2],
:root [mobile~=pb-1-2],
:root [sm-l~=pb-1-2] {
    padding-bottom: calc(24px / 2);
    padding-bottom: calc(var(--spacer-sm-l) / 2);
  }

  [class~=pl-1-2],
:root [mobile~=pl-1-2],
:root [sm-l~=pl-1-2] {
    padding-left: calc(24px / 2);
    padding-left: calc(var(--spacer-sm-l) / 2);
  }

  [class~=pr-1-2],
:root [mobile~=pr-1-2],
:root [sm-l~=pr-1-2] {
    padding-right: calc(24px / 2);
    padding-right: calc(var(--spacer-sm-l) / 2);
  }

  [class~=px-1-2],
:root [mobile~=px-1-2],
:root [sm-l~=px-1-2] {
    padding-left: calc(24px / 2);
    padding-left: calc(var(--spacer-sm-l) / 2);
    padding-right: calc(24px / 2);
    padding-right: calc(var(--spacer-sm-l) / 2);
  }

  [class~=py-1-2],
:root [mobile~=py-1-2],
:root [sm-l~=py-1-2] {
    padding-top: calc(24px / 2);
    padding-top: calc(var(--spacer-sm-l) / 2);
    padding-bottom: calc(24px / 2);
    padding-bottom: calc(var(--spacer-sm-l) / 2);
  }

  [class~=h-1-2],
:root [mobile~=h-1-2],
:root [sm-l~=h-1-2] {
    height: calc(24px / 2);
    height: calc(var(--spacer-sm-l) / 2);
  }

  [class~=w-1-2],
:root [mobile~=w-1-2],
:root [sm-l~=w-1-2] {
    width: calc(24px / 2);
    width: calc(var(--spacer-sm-l) / 2);
  }

  [class~=m-1-3],
:root [mobile~=m-1-3],
:root [sm-l~=m-1-3] {
    margin: calc(24px / 3);
    margin: calc(var(--spacer-sm-l) / 3);
  }

  [class~=mt-1-3],
:root [mobile~=mt-1-3],
:root [sm-l~=mt-1-3] {
    margin-top: calc(24px / 3);
    margin-top: calc(var(--spacer-sm-l) / 3);
  }

  [class~=mb-1-3],
:root [mobile~=mb-1-3],
:root [sm-l~=mb-1-3] {
    margin-bottom: calc(24px / 3);
    margin-bottom: calc(var(--spacer-sm-l) / 3);
  }

  [class~=ml-1-3],
:root [mobile~=ml-1-3],
:root [sm-l~=ml-1-3] {
    margin-left: calc(24px / 3);
    margin-left: calc(var(--spacer-sm-l) / 3);
  }

  [class~=mr-1-3],
:root [mobile~=mr-1-3],
:root [sm-l~=mr-1-3] {
    margin-right: calc(24px / 3);
    margin-right: calc(var(--spacer-sm-l) / 3);
  }

  [class~=mx-1-3],
:root [mobile~=mx-1-3],
:root [sm-l~=mx-1-3] {
    margin-left: calc(24px / 3);
    margin-left: calc(var(--spacer-sm-l) / 3);
    margin-right: calc(24px / 3);
    margin-right: calc(var(--spacer-sm-l) / 3);
  }

  [class~=my-1-3],
:root [mobile~=my-1-3],
:root [sm-l~=my-1-3] {
    margin-top: calc(24px / 3);
    margin-top: calc(var(--spacer-sm-l) / 3);
    margin-bottom: calc(24px / 3);
    margin-bottom: calc(var(--spacer-sm-l) / 3);
  }

  [class~=p-1-3],
:root [mobile~=p-1-3],
:root [sm-l~=p-1-3] {
    padding: calc(24px / 3);
    padding: calc(var(--spacer-sm-l) / 3);
  }

  [class~=pt-1-3],
:root [mobile~=pt-1-3],
:root [sm-l~=pt-1-3] {
    padding-top: calc(24px / 3);
    padding-top: calc(var(--spacer-sm-l) / 3);
  }

  [class~=pb-1-3],
:root [mobile~=pb-1-3],
:root [sm-l~=pb-1-3] {
    padding-bottom: calc(24px / 3);
    padding-bottom: calc(var(--spacer-sm-l) / 3);
  }

  [class~=pl-1-3],
:root [mobile~=pl-1-3],
:root [sm-l~=pl-1-3] {
    padding-left: calc(24px / 3);
    padding-left: calc(var(--spacer-sm-l) / 3);
  }

  [class~=pr-1-3],
:root [mobile~=pr-1-3],
:root [sm-l~=pr-1-3] {
    padding-right: calc(24px / 3);
    padding-right: calc(var(--spacer-sm-l) / 3);
  }

  [class~=px-1-3],
:root [mobile~=px-1-3],
:root [sm-l~=px-1-3] {
    padding-left: calc(24px / 3);
    padding-left: calc(var(--spacer-sm-l) / 3);
    padding-right: calc(24px / 3);
    padding-right: calc(var(--spacer-sm-l) / 3);
  }

  [class~=py-1-3],
:root [mobile~=py-1-3],
:root [sm-l~=py-1-3] {
    padding-top: calc(24px / 3);
    padding-top: calc(var(--spacer-sm-l) / 3);
    padding-bottom: calc(24px / 3);
    padding-bottom: calc(var(--spacer-sm-l) / 3);
  }

  [class~=h-1-3],
:root [mobile~=h-1-3],
:root [sm-l~=h-1-3] {
    height: calc(24px / 3);
    height: calc(var(--spacer-sm-l) / 3);
  }

  [class~=w-1-3],
:root [mobile~=w-1-3],
:root [sm-l~=w-1-3] {
    width: calc(24px / 3);
    width: calc(var(--spacer-sm-l) / 3);
  }

  [class~=m-1-4],
:root [mobile~=m-1-4],
:root [sm-l~=m-1-4] {
    margin: calc(24px / 4);
    margin: calc(var(--spacer-sm-l) / 4);
  }

  [class~=mt-1-4],
:root [mobile~=mt-1-4],
:root [sm-l~=mt-1-4] {
    margin-top: calc(24px / 4);
    margin-top: calc(var(--spacer-sm-l) / 4);
  }

  [class~=mb-1-4],
:root [mobile~=mb-1-4],
:root [sm-l~=mb-1-4] {
    margin-bottom: calc(24px / 4);
    margin-bottom: calc(var(--spacer-sm-l) / 4);
  }

  [class~=ml-1-4],
:root [mobile~=ml-1-4],
:root [sm-l~=ml-1-4] {
    margin-left: calc(24px / 4);
    margin-left: calc(var(--spacer-sm-l) / 4);
  }

  [class~=mr-1-4],
:root [mobile~=mr-1-4],
:root [sm-l~=mr-1-4] {
    margin-right: calc(24px / 4);
    margin-right: calc(var(--spacer-sm-l) / 4);
  }

  [class~=mx-1-4],
:root [mobile~=mx-1-4],
:root [sm-l~=mx-1-4] {
    margin-left: calc(24px / 4);
    margin-left: calc(var(--spacer-sm-l) / 4);
    margin-right: calc(24px / 4);
    margin-right: calc(var(--spacer-sm-l) / 4);
  }

  [class~=my-1-4],
:root [mobile~=my-1-4],
:root [sm-l~=my-1-4] {
    margin-top: calc(24px / 4);
    margin-top: calc(var(--spacer-sm-l) / 4);
    margin-bottom: calc(24px / 4);
    margin-bottom: calc(var(--spacer-sm-l) / 4);
  }

  [class~=p-1-4],
:root [mobile~=p-1-4],
:root [sm-l~=p-1-4] {
    padding: calc(24px / 4);
    padding: calc(var(--spacer-sm-l) / 4);
  }

  [class~=pt-1-4],
:root [mobile~=pt-1-4],
:root [sm-l~=pt-1-4] {
    padding-top: calc(24px / 4);
    padding-top: calc(var(--spacer-sm-l) / 4);
  }

  [class~=pb-1-4],
:root [mobile~=pb-1-4],
:root [sm-l~=pb-1-4] {
    padding-bottom: calc(24px / 4);
    padding-bottom: calc(var(--spacer-sm-l) / 4);
  }

  [class~=pl-1-4],
:root [mobile~=pl-1-4],
:root [sm-l~=pl-1-4] {
    padding-left: calc(24px / 4);
    padding-left: calc(var(--spacer-sm-l) / 4);
  }

  [class~=pr-1-4],
:root [mobile~=pr-1-4],
:root [sm-l~=pr-1-4] {
    padding-right: calc(24px / 4);
    padding-right: calc(var(--spacer-sm-l) / 4);
  }

  [class~=px-1-4],
:root [mobile~=px-1-4],
:root [sm-l~=px-1-4] {
    padding-left: calc(24px / 4);
    padding-left: calc(var(--spacer-sm-l) / 4);
    padding-right: calc(24px / 4);
    padding-right: calc(var(--spacer-sm-l) / 4);
  }

  [class~=py-1-4],
:root [mobile~=py-1-4],
:root [sm-l~=py-1-4] {
    padding-top: calc(24px / 4);
    padding-top: calc(var(--spacer-sm-l) / 4);
    padding-bottom: calc(24px / 4);
    padding-bottom: calc(var(--spacer-sm-l) / 4);
  }

  [class~=h-1-4],
:root [mobile~=h-1-4],
:root [sm-l~=h-1-4] {
    height: calc(24px / 4);
    height: calc(var(--spacer-sm-l) / 4);
  }

  [class~=w-1-4],
:root [mobile~=w-1-4],
:root [sm-l~=w-1-4] {
    width: calc(24px / 4);
    width: calc(var(--spacer-sm-l) / 4);
  }

  [class~=m-0],
:root [mobile~=m-0],
:root [sm-l~=m-0] {
    margin: 0;
  }

  [class~=mt-0],
:root [mobile~=mt-0],
:root [sm-l~=mt-0] {
    margin-top: 0;
  }

  [class~=mb-0],
:root [mobile~=mb-0],
:root [sm-l~=mb-0] {
    margin-bottom: 0;
  }

  [class~=ml-0],
:root [mobile~=ml-0],
:root [sm-l~=ml-0] {
    margin-left: 0;
  }

  [class~=mr-0],
:root [mobile~=mr-0],
:root [sm-l~=mr-0] {
    margin-right: 0;
  }

  [class~=mx-0],
:root [mobile~=mx-0],
:root [sm-l~=mx-0] {
    margin-left: 0;
    margin-right: 0;
  }

  [class~=my-0],
:root [mobile~=my-0],
:root [sm-l~=my-0] {
    margin-top: 0;
    margin-bottom: 0;
  }

  [class~=p-0],
:root [mobile~=p-0],
:root [sm-l~=p-0] {
    padding: 0;
  }

  [class~=pt-0],
:root [mobile~=pt-0],
:root [sm-l~=pt-0] {
    padding-top: 0;
  }

  [class~=pb-0],
:root [mobile~=pb-0],
:root [sm-l~=pb-0] {
    padding-bottom: 0;
  }

  [class~=pl-0],
:root [mobile~=pl-0],
:root [sm-l~=pl-0] {
    padding-left: 0;
  }

  [class~=pr-0],
:root [mobile~=pr-0],
:root [sm-l~=pr-0] {
    padding-right: 0;
  }

  [class~=px-0],
:root [mobile~=px-0],
:root [sm-l~=px-0] {
    padding-left: 0;
    padding-right: 0;
  }

  [class~=py-0],
:root [mobile~=py-0],
:root [sm-l~=py-0] {
    padding-top: 0;
    padding-bottom: 0;
  }

  [class~=h-0],
:root [mobile~=h-0],
:root [sm-l~=h-0] {
    height: 0;
  }

  [class~=w-0],
:root [mobile~=w-0],
:root [sm-l~=w-0] {
    width: 0;
  }

  [class~=gutter],
:root [mobile~=gutter],
:root [sm-l~=gutter] {
    margin-left: calc(24px * -1);
    margin-left: calc(var(--gutter-sm-l) * -1);
    margin-right: calc(24px * -1);
    margin-right: calc(var(--gutter-sm-l) * -1);
  }
  [class~=gutter] > *,
:root [mobile~=gutter] > *,
:root [sm-l~=gutter] > * {
    padding-left: calc(24px * 1);
    padding-left: calc(var(--gutter-sm-l) * 1);
    padding-right: calc(24px * 1);
    padding-right: calc(var(--gutter-sm-l) * 1);
  }

  [class~=gutter-1-2],
:root [mobile~=gutter-1-2],
:root [sm-l~=gutter-1-2] {
    margin-left: calc(24px * -0.5);
    margin-left: calc(var(--gutter-sm-l) * -0.5);
    margin-right: calc(24px * -0.5);
    margin-right: calc(var(--gutter-sm-l) * -0.5);
  }
  [class~=gutter-1-2] > *,
:root [mobile~=gutter-1-2] > *,
:root [sm-l~=gutter-1-2] > * {
    padding-left: calc(24px * 0.5);
    padding-left: calc(var(--gutter-sm-l) * 0.5);
    padding-right: calc(24px * 0.5);
    padding-right: calc(var(--gutter-sm-l) * 0.5);
  }

  [class~=gutter-1-3],
:root [mobile~=gutter-1-3],
:root [sm-l~=gutter-1-3] {
    margin-left: calc(24px * -0.333);
    margin-left: calc(var(--gutter-sm-l) * -0.333);
    margin-right: calc(24px * -0.333);
    margin-right: calc(var(--gutter-sm-l) * -0.333);
  }
  [class~=gutter-1-3] > *,
:root [mobile~=gutter-1-3] > *,
:root [sm-l~=gutter-1-3] > * {
    padding-left: calc(24px * 0.333);
    padding-left: calc(var(--gutter-sm-l) * 0.333);
    padding-right: calc(24px * 0.333);
    padding-right: calc(var(--gutter-sm-l) * 0.333);
  }

  [class~=gutter-2-1],
:root [mobile~=gutter-2-1],
:root [sm-l~=gutter-2-1] {
    margin-left: calc(24px * -2);
    margin-left: calc(var(--gutter-sm-l) * -2);
    margin-right: calc(24px * -2);
    margin-right: calc(var(--gutter-sm-l) * -2);
  }
  [class~=gutter-2-1] > *,
:root [mobile~=gutter-2-1] > *,
:root [sm-l~=gutter-2-1] > * {
    padding-left: calc(24px * 2);
    padding-left: calc(var(--gutter-sm-l) * 2);
    padding-right: calc(24px * 2);
    padding-right: calc(var(--gutter-sm-l) * 2);
  }

  [class~=row-12],
:root [mobile~=row-12],
:root [sm-l~=row-12] {
    min-height: 100vh;
  }

  [class~=row-11],
:root [mobile~=row-11],
:root [sm-l~=row-11] {
    min-height: 91.6666666667vh;
  }

  [class~=row-10],
:root [mobile~=row-10],
:root [sm-l~=row-10] {
    min-height: 83.3333333333vh;
  }

  [class~=row-9],
:root [mobile~=row-9],
:root [sm-l~=row-9] {
    min-height: 75vh;
  }

  [class~=row-8],
:root [mobile~=row-8],
:root [sm-l~=row-8] {
    min-height: 66.6666666667vh;
  }

  [class~=row-7],
:root [mobile~=row-7],
:root [sm-l~=row-7] {
    min-height: 58.3333333333vh;
  }

  [class~=row-6],
:root [mobile~=row-6],
:root [sm-l~=row-6] {
    min-height: 50vh;
  }

  [class~=row-5],
:root [mobile~=row-5],
:root [sm-l~=row-5] {
    min-height: 41.6666666667vh;
  }

  [class~=row-4],
:root [mobile~=row-4],
:root [sm-l~=row-4] {
    min-height: 33.3333333333vh;
  }

  [class~=row-3],
:root [mobile~=row-3],
:root [sm-l~=row-3] {
    min-height: 25vh;
  }

  [class~=row-2],
:root [mobile~=row-2],
:root [sm-l~=row-2] {
    min-height: 16.6666666667vh;
  }

  [class~=row-1],
:root [mobile~=row-1],
:root [sm-l~=row-1] {
    min-height: 8.3333333333vh;
  }

  [class~=col-12],
:root [mobile~=col-12],
:root [sm-l~=col-12] {
    width: 100%;
  }

  [class~=col-11],
:root [mobile~=col-11],
:root [sm-l~=col-11] {
    width: 91.6666666667%;
  }

  [class~=col-10],
:root [mobile~=col-10],
:root [sm-l~=col-10] {
    width: 83.3333333333%;
  }

  [class~=col-9],
:root [mobile~=col-9],
:root [sm-l~=col-9] {
    width: 75%;
  }

  [class~=col-8],
:root [mobile~=col-8],
:root [sm-l~=col-8] {
    width: 66.6666666667%;
  }

  [class~=col-7],
:root [mobile~=col-7],
:root [sm-l~=col-7] {
    width: 58.3333333333%;
  }

  [class~=col-6],
:root [mobile~=col-6],
:root [sm-l~=col-6] {
    width: 50%;
  }

  [class~=col-5],
:root [mobile~=col-5],
:root [sm-l~=col-5] {
    width: 41.6666666667%;
  }

  [class~=col-4],
:root [mobile~=col-4],
:root [sm-l~=col-4] {
    width: 33.3333333333%;
  }

  [class~=col-3],
:root [mobile~=col-3],
:root [sm-l~=col-3] {
    width: 25%;
  }

  [class~=col-2],
:root [mobile~=col-2],
:root [sm-l~=col-2] {
    width: 16.6666666667%;
  }

  [class~=col-1],
:root [mobile~=col-1],
:root [sm-l~=col-1] {
    width: 8.3333333333%;
  }

  [class~=row],
[class~=column],
:root [mobile~=row],
:root [mobile~=column],
:root [sm-l~=row],
:root [sm-l~=column] {
    display: flex;
  }
  [class~=row] > *,
[class~=column] > *,
:root [mobile~=row] > *,
:root [mobile~=column] > *,
:root [sm-l~=row] > *,
:root [sm-l~=column] > * {
    flex-grow: 0;
  }

  [class~=column],
:root [mobile~=column],
:root [sm-l~=column] {
    flex-direction: column;
  }

  [class~=row],
:root [mobile~=row],
:root [sm-l~=row] {
    flex-direction: row;
  }

  [class~=column-reverse],
:root [mobile~=column-reverse],
:root [sm-l~=column-reverse] {
    flex-direction: column-reverse;
  }

  [class~=row-reverse],
:root [mobile~=row-reverse],
:root [sm-l~=row-reverse] {
    flex-direction: row-reverse;
  }

  [class~=row][class~=v-center], [class~=column][class~=h-center],
:root [mobile~=row][mobile~=v-center], :root [mobile~=column][mobile~=h-center],
:root [sm-l~=row][sm-l~=v-center], :root [sm-l~=column][sm-l~=h-center] {
    align-items: center;
  }

  [class~=row][class~=v-start], [class~=column][class~=h-start],
:root [mobile~=row][mobile~=v-start], :root [mobile~=column][mobile~=h-start],
:root [sm-l~=row][sm-l~=v-start], :root [sm-l~=column][sm-l~=h-start] {
    align-items: flex-start;
  }

  [class~=row][class~=v-end], [class~=column][class~=h-end],
:root [mobile~=row][mobile~=v-end], :root [mobile~=column][mobile~=h-end],
:root [sm-l~=row][sm-l~=v-end], :root [sm-l~=column][sm-l~=h-end] {
    align-items: flex-end;
  }

  [class~=row][class~=v-stretch], [class~=column][class~=h-stretch],
:root [mobile~=row][mobile~=v-stretch], :root [mobile~=column][mobile~=h-stretch],
:root [sm-l~=row][sm-l~=v-stretch], :root [sm-l~=column][sm-l~=h-stretch] {
    align-items: stretch;
  }

  [class~=row][class~=h-center], [class~=column][class~=v-center],
:root [mobile~=row][mobile~=h-center], :root [mobile~=column][mobile~=v-center],
:root [sm-l~=row][sm-l~=h-center], :root [sm-l~=column][sm-l~=v-center] {
    justify-content: center;
  }

  [class~=row][class~=h-start], [class~=column][class~=v-start],
:root [mobile~=row][mobile~=h-start], :root [mobile~=column][mobile~=v-start],
:root [sm-l~=row][sm-l~=h-start], :root [sm-l~=column][sm-l~=v-start] {
    justify-content: flex-start;
  }

  [class~=row][class~=h-end], [class~=column][class~=v-end],
:root [mobile~=row][mobile~=h-end], :root [mobile~=column][mobile~=v-end],
:root [sm-l~=row][sm-l~=h-end], :root [sm-l~=column][sm-l~=v-end] {
    justify-content: flex-end;
  }

  [class~=row][class~=h-spacein], [class~=column][class~=v-spacein],
:root [mobile~=row][mobile~=h-spacein], :root [mobile~=column][mobile~=v-spacein],
:root [sm-l~=row][sm-l~=h-spacein], :root [sm-l~=column][sm-l~=v-spacein] {
    justify-content: space-between;
  }

  [class~=row][class~=h-spaceout], [class~=column][class~=v-spaceout],
:root [mobile~=row][mobile~=h-spaceout], :root [mobile~=column][mobile~=v-spaceout],
:root [sm-l~=row][sm-l~=h-spaceout], :root [sm-l~=column][sm-l~=v-spaceout] {
    justify-content: space-around;
  }

  [class~=row] > [class~=v-self-center], [class~=column] > [class~=h-self-center],
:root [mobile~=row] > [mobile~=v-self-center], :root [mobile~=column] > [mobile~=h-self-center],
:root [sm-l~=row] > [sm-l~=v-self-center], :root [sm-l~=column] > [sm-l~=h-self-center] {
    align-self: center;
  }

  [class~=row] > [class~=v-self-start], [class~=column] > [class~=h-self-start],
:root [mobile~=row] > [mobile~=v-self-start], :root [mobile~=column] > [mobile~=h-self-start],
:root [sm-l~=row] > [sm-l~=v-self-start], :root [sm-l~=column] > [sm-l~=h-self-start] {
    align-self: flex-start;
  }

  [class~=row] > [class~=v-self-end], [class~=column] > [class~=h-self-end],
:root [mobile~=row] > [mobile~=v-self-end], :root [mobile~=column] > [mobile~=h-self-end],
:root [sm-l~=row] > [sm-l~=v-self-end], :root [sm-l~=column] > [sm-l~=h-self-end] {
    align-self: flex-end;
  }

  [class~=row] > [class~=v-self-stretch], [class~=column] > [class~=h-self-stretch],
:root [mobile~=row] > [mobile~=v-self-stretch], :root [mobile~=column] > [mobile~=h-self-stretch],
:root [sm-l~=row] > [sm-l~=v-self-stretch], :root [sm-l~=column] > [sm-l~=h-self-stretch] {
    align-self: stretch;
  }

  [class~=row] > [class~=v-self-selfstart], [class~=column] > [class~=h-self-selfstart],
:root [mobile~=row] > [mobile~=v-self-selfstart], :root [mobile~=column] > [mobile~=h-self-selfstart],
:root [sm-l~=row] > [sm-l~=v-self-selfstart], :root [sm-l~=column] > [sm-l~=h-self-selfstart] {
    align-self: self-start;
  }

  [class~=row] > [class~=v-self-selfend], [class~=column] > [class~=h-self-selfend],
:root [mobile~=row] > [mobile~=v-self-selfend], :root [mobile~=column] > [mobile~=h-self-selfend],
:root [sm-l~=row] > [sm-l~=v-self-selfend], :root [sm-l~=column] > [sm-l~=h-self-selfend] {
    align-self: self-end;
  }

  [class~=row] > [class~=h-self-center], [class~=column] > [class~=v-self-center],
:root [mobile~=row] > [mobile~=h-self-center], :root [mobile~=column] > [mobile~=v-self-center],
:root [sm-l~=row] > [sm-l~=h-self-center], :root [sm-l~=column] > [sm-l~=v-self-center] {
    justify-self: center;
  }

  [class~=row] > [class~=h-self-start], [class~=column] > [class~=v-self-start],
:root [mobile~=row] > [mobile~=h-self-start], :root [mobile~=column] > [mobile~=v-self-start],
:root [sm-l~=row] > [sm-l~=h-self-start], :root [sm-l~=column] > [sm-l~=v-self-start] {
    justify-self: flex-start;
  }

  [class~=row] > [class~=h-self-end], [class~=column] > [class~=v-self-end],
:root [mobile~=row] > [mobile~=h-self-end], :root [mobile~=column] > [mobile~=v-self-end],
:root [sm-l~=row] > [sm-l~=h-self-end], :root [sm-l~=column] > [sm-l~=v-self-end] {
    justify-self: flex-end;
  }

  [class~=row] > [class~=h-self-stretch], [class~=column] > [class~=v-self-stretch],
:root [mobile~=row] > [mobile~=h-self-stretch], :root [mobile~=column] > [mobile~=v-self-stretch],
:root [sm-l~=row] > [sm-l~=h-self-stretch], :root [sm-l~=column] > [sm-l~=v-self-stretch] {
    justify-self: stretch;
  }

  [class~=row] > [class~=h-self-selfstart], [class~=column] > [class~=v-self-selfstart],
:root [mobile~=row] > [mobile~=h-self-selfstart], :root [mobile~=column] > [mobile~=v-self-selfstart],
:root [sm-l~=row] > [sm-l~=h-self-selfstart], :root [sm-l~=column] > [sm-l~=v-self-selfstart] {
    justify-self: self-start;
  }

  [class~=row] > [class~=h-self-selfend], [class~=column] > [class~=v-self-selfend],
:root [mobile~=row] > [mobile~=h-self-selfend], :root [mobile~=column] > [mobile~=v-self-selfend],
:root [sm-l~=row] > [sm-l~=h-self-selfend], :root [sm-l~=column] > [sm-l~=v-self-selfend] {
    justify-self: self-end;
  }

  [class~=row] > [class~=h-self-left], [class~=column] > [class~=v-self-left],
:root [mobile~=row] > [mobile~=h-self-left], :root [mobile~=column] > [mobile~=v-self-left],
:root [sm-l~=row] > [sm-l~=h-self-left], :root [sm-l~=column] > [sm-l~=v-self-left] {
    justify-self: left;
  }

  [class~=row] > [class~=h-self-right], [class~=column] > [class~=v-self-right],
:root [mobile~=row] > [mobile~=h-self-right], :root [mobile~=column] > [mobile~=v-self-right],
:root [sm-l~=row] > [sm-l~=h-self-right], :root [sm-l~=column] > [sm-l~=v-self-right] {
    justify-self: right;
  }

  .flex-grow-sm-l-1 {
    flex-grow: 1;
  }

  .flex-grow-sm-l-2 {
    flex-grow: 2;
  }

  .flex-grow-sm-l-3 {
    flex-grow: 3;
  }

  .flex-grow-sm-l-4 {
    flex-grow: 4;
  }

  .flex-grow-sm-l-5 {
    flex-grow: 5;
  }

  .flex-grow-sm-l-6 {
    flex-grow: 6;
  }

  .flex-grow-sm-l-7 {
    flex-grow: 7;
  }

  .flex-grow-sm-l-8 {
    flex-grow: 8;
  }

  .flex-grow-sm-l-9 {
    flex-grow: 9;
  }

  .flex-grow-sm-l-10 {
    flex-grow: 10;
  }

  [class*=d-flex],
:root [mobile*=d-flex],
:root [sm-l*=d-flex] {
    display: flex;
  }

  [class*=d-inline],
:root [mobile*=d-inline],
:root [sm-l*=d-inline] {
    display: inline;
  }

  [class*=d-inline-block],
:root [mobile*=d-inline-block],
:root [sm-l*=d-inline-block] {
    display: inline-block;
  }

  [class*=d-block],
:root [mobile*=d-block],
:root [sm-l*=d-block] {
    display: block;
  }

  [class*=absolute],
:root [mobile*=absolute],
:root [sm-l*=absolute] {
    position: absolute;
  }

  [class*=fixed],
:root [mobile*=fixed],
:root [sm-l*=fixed] {
    position: fixed;
  }

  [class*=inherit],
:root [mobile*=inherit],
:root [sm-l*=inherit] {
    position: inherit;
  }

  [class*=relative],
:root [mobile*=relative],
:root [sm-l*=relative] {
    position: relative;
  }

  [class*=sticky],
:root [mobile*=sticky],
:root [sm-l*=sticky] {
    position: -webkit-sticky;
    position: sticky;
  }

  [class*=top-0],
:root [mobile*=top-0],
:root [sm-l*=top-0] {
    top: 0;
  }

  [class*=top-inherit],
:root [sm-l*=top-inherit] {
    top: inherit;
  }

  [class*=left-0],
:root [mobile*=left-0],
:root [sm-l*=left-0] {
    left: 0;
  }

  [class*=left-inherit],
:root [sm-l*=left-inherit] {
    left: inherit;
  }

  [class*=right-0],
:root [mobile*=right-0],
:root [sm-l*=right-0] {
    right: 0;
  }

  [class*=right-inherit],
:root [sm-l*=right-inherit] {
    right: inherit;
  }

  [class*=bottom-0],
:root [mobile*=bottom-0],
:root [sm-l*=bottom-0] {
    bottom: 0;
  }

  [class*=bottom-inherit],
:root [sm-l*=bottom-inherit] {
    bottom: inherit;
  }

  [mobile*=text-center],
[sm-l*=text-center] {
    text-align: center;
  }

  [mobile*=text-left],
[sm-l*=text-left] {
    text-align: left;
  }

  [mobile*=text-right],
[sm-l*=text-right] {
    text-align: right;
  }

  [mobile*=text-justify],
[sm-l*=text-justify] {
    text-align: justify;
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  [class~=m-1-1],
:root [desktop~=m-1-1],
:root [md~=m-1-1] {
    margin: calc(28px * 1);
    margin: calc(var(--spacer-md) * 1);
  }

  [class~=mt-1-1],
:root [desktop~=mt-1-1],
:root [md~=mt-1-1] {
    margin-top: calc(28px * 1);
    margin-top: calc(var(--spacer-md) * 1);
  }

  [class~=mb-1-1],
:root [desktop~=mb-1-1],
:root [md~=mb-1-1] {
    margin-bottom: calc(28px * 1);
    margin-bottom: calc(var(--spacer-md) * 1);
  }

  [class~=ml-1-1],
:root [desktop~=ml-1-1],
:root [md~=ml-1-1] {
    margin-left: calc(28px * 1);
    margin-left: calc(var(--spacer-md) * 1);
  }

  [class~=mr-1-1],
:root [desktop~=mr-1-1],
:root [md~=mr-1-1] {
    margin-right: calc(28px * 1);
    margin-right: calc(var(--spacer-md) * 1);
  }

  [class~=mx-1-1],
:root [desktop~=mx-1-1],
:root [md~=mx-1-1] {
    margin-left: calc(28px * 1);
    margin-left: calc(var(--spacer-md) * 1);
    margin-right: calc(28px * 1);
    margin-right: calc(var(--spacer-md) * 1);
  }

  [class~=my-1-1],
:root [desktop~=my-1-1],
:root [md~=my-1-1] {
    margin-top: calc(28px * 1);
    margin-top: calc(var(--spacer-md) * 1);
    margin-bottom: calc(28px * 1);
    margin-bottom: calc(var(--spacer-md) * 1);
  }

  [class~=p-1-1],
:root [desktop~=p-1-1],
:root [md~=p-1-1] {
    padding: calc(28px * 1);
    padding: calc(var(--spacer-md) * 1);
  }

  [class~=pt-1-1],
:root [desktop~=pt-1-1],
:root [md~=pt-1-1] {
    padding-top: calc(28px * 1);
    padding-top: calc(var(--spacer-md) * 1);
  }

  [class~=pb-1-1],
:root [desktop~=pb-1-1],
:root [md~=pb-1-1] {
    padding-bottom: calc(28px * 1);
    padding-bottom: calc(var(--spacer-md) * 1);
  }

  [class~=pl-1-1],
:root [desktop~=pl-1-1],
:root [md~=pl-1-1] {
    padding-left: calc(28px * 1);
    padding-left: calc(var(--spacer-md) * 1);
  }

  [class~=pr-1-1],
:root [desktop~=pr-1-1],
:root [md~=pr-1-1] {
    padding-right: calc(28px * 1);
    padding-right: calc(var(--spacer-md) * 1);
  }

  [class~=px-1-1],
:root [desktop~=px-1-1],
:root [md~=px-1-1] {
    padding-left: calc(28px * 1);
    padding-left: calc(var(--spacer-md) * 1);
    padding-right: calc(28px * 1);
    padding-right: calc(var(--spacer-md) * 1);
  }

  [class~=py-1-1],
:root [desktop~=py-1-1],
:root [md~=py-1-1] {
    padding-top: calc(28px * 1);
    padding-top: calc(var(--spacer-md) * 1);
    padding-bottom: calc(28px * 1);
    padding-bottom: calc(var(--spacer-md) * 1);
  }

  [class~=h-1-1],
:root [desktop~=h-1-1],
:root [md~=h-1-1] {
    height: calc(28px * 1);
    height: calc(var(--spacer-md) * 1);
  }

  [class~=w-1-1],
:root [desktop~=w-1-1],
:root [md~=w-1-1] {
    width: calc(28px * 1);
    width: calc(var(--spacer-md) * 1);
  }

  [class~=m-2-1],
:root [desktop~=m-2-1],
:root [md~=m-2-1] {
    margin: calc(28px * 2);
    margin: calc(var(--spacer-md) * 2);
  }

  [class~=mt-2-1],
:root [desktop~=mt-2-1],
:root [md~=mt-2-1] {
    margin-top: calc(28px * 2);
    margin-top: calc(var(--spacer-md) * 2);
  }

  [class~=mb-2-1],
:root [desktop~=mb-2-1],
:root [md~=mb-2-1] {
    margin-bottom: calc(28px * 2);
    margin-bottom: calc(var(--spacer-md) * 2);
  }

  [class~=ml-2-1],
:root [desktop~=ml-2-1],
:root [md~=ml-2-1] {
    margin-left: calc(28px * 2);
    margin-left: calc(var(--spacer-md) * 2);
  }

  [class~=mr-2-1],
:root [desktop~=mr-2-1],
:root [md~=mr-2-1] {
    margin-right: calc(28px * 2);
    margin-right: calc(var(--spacer-md) * 2);
  }

  [class~=mx-2-1],
:root [desktop~=mx-2-1],
:root [md~=mx-2-1] {
    margin-left: calc(28px * 2);
    margin-left: calc(var(--spacer-md) * 2);
    margin-right: calc(28px * 2);
    margin-right: calc(var(--spacer-md) * 2);
  }

  [class~=my-2-1],
:root [desktop~=my-2-1],
:root [md~=my-2-1] {
    margin-top: calc(28px * 2);
    margin-top: calc(var(--spacer-md) * 2);
    margin-bottom: calc(28px * 2);
    margin-bottom: calc(var(--spacer-md) * 2);
  }

  [class~=p-2-1],
:root [desktop~=p-2-1],
:root [md~=p-2-1] {
    padding: calc(28px * 2);
    padding: calc(var(--spacer-md) * 2);
  }

  [class~=pt-2-1],
:root [desktop~=pt-2-1],
:root [md~=pt-2-1] {
    padding-top: calc(28px * 2);
    padding-top: calc(var(--spacer-md) * 2);
  }

  [class~=pb-2-1],
:root [desktop~=pb-2-1],
:root [md~=pb-2-1] {
    padding-bottom: calc(28px * 2);
    padding-bottom: calc(var(--spacer-md) * 2);
  }

  [class~=pl-2-1],
:root [desktop~=pl-2-1],
:root [md~=pl-2-1] {
    padding-left: calc(28px * 2);
    padding-left: calc(var(--spacer-md) * 2);
  }

  [class~=pr-2-1],
:root [desktop~=pr-2-1],
:root [md~=pr-2-1] {
    padding-right: calc(28px * 2);
    padding-right: calc(var(--spacer-md) * 2);
  }

  [class~=px-2-1],
:root [desktop~=px-2-1],
:root [md~=px-2-1] {
    padding-left: calc(28px * 2);
    padding-left: calc(var(--spacer-md) * 2);
    padding-right: calc(28px * 2);
    padding-right: calc(var(--spacer-md) * 2);
  }

  [class~=py-2-1],
:root [desktop~=py-2-1],
:root [md~=py-2-1] {
    padding-top: calc(28px * 2);
    padding-top: calc(var(--spacer-md) * 2);
    padding-bottom: calc(28px * 2);
    padding-bottom: calc(var(--spacer-md) * 2);
  }

  [class~=h-2-1],
:root [desktop~=h-2-1],
:root [md~=h-2-1] {
    height: calc(28px * 2);
    height: calc(var(--spacer-md) * 2);
  }

  [class~=w-2-1],
:root [desktop~=w-2-1],
:root [md~=w-2-1] {
    width: calc(28px * 2);
    width: calc(var(--spacer-md) * 2);
  }

  [class~=m-3-1],
:root [desktop~=m-3-1],
:root [md~=m-3-1] {
    margin: calc(28px * 3);
    margin: calc(var(--spacer-md) * 3);
  }

  [class~=mt-3-1],
:root [desktop~=mt-3-1],
:root [md~=mt-3-1] {
    margin-top: calc(28px * 3);
    margin-top: calc(var(--spacer-md) * 3);
  }

  [class~=mb-3-1],
:root [desktop~=mb-3-1],
:root [md~=mb-3-1] {
    margin-bottom: calc(28px * 3);
    margin-bottom: calc(var(--spacer-md) * 3);
  }

  [class~=ml-3-1],
:root [desktop~=ml-3-1],
:root [md~=ml-3-1] {
    margin-left: calc(28px * 3);
    margin-left: calc(var(--spacer-md) * 3);
  }

  [class~=mr-3-1],
:root [desktop~=mr-3-1],
:root [md~=mr-3-1] {
    margin-right: calc(28px * 3);
    margin-right: calc(var(--spacer-md) * 3);
  }

  [class~=mx-3-1],
:root [desktop~=mx-3-1],
:root [md~=mx-3-1] {
    margin-left: calc(28px * 3);
    margin-left: calc(var(--spacer-md) * 3);
    margin-right: calc(28px * 3);
    margin-right: calc(var(--spacer-md) * 3);
  }

  [class~=my-3-1],
:root [desktop~=my-3-1],
:root [md~=my-3-1] {
    margin-top: calc(28px * 3);
    margin-top: calc(var(--spacer-md) * 3);
    margin-bottom: calc(28px * 3);
    margin-bottom: calc(var(--spacer-md) * 3);
  }

  [class~=p-3-1],
:root [desktop~=p-3-1],
:root [md~=p-3-1] {
    padding: calc(28px * 3);
    padding: calc(var(--spacer-md) * 3);
  }

  [class~=pt-3-1],
:root [desktop~=pt-3-1],
:root [md~=pt-3-1] {
    padding-top: calc(28px * 3);
    padding-top: calc(var(--spacer-md) * 3);
  }

  [class~=pb-3-1],
:root [desktop~=pb-3-1],
:root [md~=pb-3-1] {
    padding-bottom: calc(28px * 3);
    padding-bottom: calc(var(--spacer-md) * 3);
  }

  [class~=pl-3-1],
:root [desktop~=pl-3-1],
:root [md~=pl-3-1] {
    padding-left: calc(28px * 3);
    padding-left: calc(var(--spacer-md) * 3);
  }

  [class~=pr-3-1],
:root [desktop~=pr-3-1],
:root [md~=pr-3-1] {
    padding-right: calc(28px * 3);
    padding-right: calc(var(--spacer-md) * 3);
  }

  [class~=px-3-1],
:root [desktop~=px-3-1],
:root [md~=px-3-1] {
    padding-left: calc(28px * 3);
    padding-left: calc(var(--spacer-md) * 3);
    padding-right: calc(28px * 3);
    padding-right: calc(var(--spacer-md) * 3);
  }

  [class~=py-3-1],
:root [desktop~=py-3-1],
:root [md~=py-3-1] {
    padding-top: calc(28px * 3);
    padding-top: calc(var(--spacer-md) * 3);
    padding-bottom: calc(28px * 3);
    padding-bottom: calc(var(--spacer-md) * 3);
  }

  [class~=h-3-1],
:root [desktop~=h-3-1],
:root [md~=h-3-1] {
    height: calc(28px * 3);
    height: calc(var(--spacer-md) * 3);
  }

  [class~=w-3-1],
:root [desktop~=w-3-1],
:root [md~=w-3-1] {
    width: calc(28px * 3);
    width: calc(var(--spacer-md) * 3);
  }

  [class~=m-4-1],
:root [desktop~=m-4-1],
:root [md~=m-4-1] {
    margin: calc(28px * 4);
    margin: calc(var(--spacer-md) * 4);
  }

  [class~=mt-4-1],
:root [desktop~=mt-4-1],
:root [md~=mt-4-1] {
    margin-top: calc(28px * 4);
    margin-top: calc(var(--spacer-md) * 4);
  }

  [class~=mb-4-1],
:root [desktop~=mb-4-1],
:root [md~=mb-4-1] {
    margin-bottom: calc(28px * 4);
    margin-bottom: calc(var(--spacer-md) * 4);
  }

  [class~=ml-4-1],
:root [desktop~=ml-4-1],
:root [md~=ml-4-1] {
    margin-left: calc(28px * 4);
    margin-left: calc(var(--spacer-md) * 4);
  }

  [class~=mr-4-1],
:root [desktop~=mr-4-1],
:root [md~=mr-4-1] {
    margin-right: calc(28px * 4);
    margin-right: calc(var(--spacer-md) * 4);
  }

  [class~=mx-4-1],
:root [desktop~=mx-4-1],
:root [md~=mx-4-1] {
    margin-left: calc(28px * 4);
    margin-left: calc(var(--spacer-md) * 4);
    margin-right: calc(28px * 4);
    margin-right: calc(var(--spacer-md) * 4);
  }

  [class~=my-4-1],
:root [desktop~=my-4-1],
:root [md~=my-4-1] {
    margin-top: calc(28px * 4);
    margin-top: calc(var(--spacer-md) * 4);
    margin-bottom: calc(28px * 4);
    margin-bottom: calc(var(--spacer-md) * 4);
  }

  [class~=p-4-1],
:root [desktop~=p-4-1],
:root [md~=p-4-1] {
    padding: calc(28px * 4);
    padding: calc(var(--spacer-md) * 4);
  }

  [class~=pt-4-1],
:root [desktop~=pt-4-1],
:root [md~=pt-4-1] {
    padding-top: calc(28px * 4);
    padding-top: calc(var(--spacer-md) * 4);
  }

  [class~=pb-4-1],
:root [desktop~=pb-4-1],
:root [md~=pb-4-1] {
    padding-bottom: calc(28px * 4);
    padding-bottom: calc(var(--spacer-md) * 4);
  }

  [class~=pl-4-1],
:root [desktop~=pl-4-1],
:root [md~=pl-4-1] {
    padding-left: calc(28px * 4);
    padding-left: calc(var(--spacer-md) * 4);
  }

  [class~=pr-4-1],
:root [desktop~=pr-4-1],
:root [md~=pr-4-1] {
    padding-right: calc(28px * 4);
    padding-right: calc(var(--spacer-md) * 4);
  }

  [class~=px-4-1],
:root [desktop~=px-4-1],
:root [md~=px-4-1] {
    padding-left: calc(28px * 4);
    padding-left: calc(var(--spacer-md) * 4);
    padding-right: calc(28px * 4);
    padding-right: calc(var(--spacer-md) * 4);
  }

  [class~=py-4-1],
:root [desktop~=py-4-1],
:root [md~=py-4-1] {
    padding-top: calc(28px * 4);
    padding-top: calc(var(--spacer-md) * 4);
    padding-bottom: calc(28px * 4);
    padding-bottom: calc(var(--spacer-md) * 4);
  }

  [class~=h-4-1],
:root [desktop~=h-4-1],
:root [md~=h-4-1] {
    height: calc(28px * 4);
    height: calc(var(--spacer-md) * 4);
  }

  [class~=w-4-1],
:root [desktop~=w-4-1],
:root [md~=w-4-1] {
    width: calc(28px * 4);
    width: calc(var(--spacer-md) * 4);
  }

  [class~=m-5-1],
:root [desktop~=m-5-1],
:root [md~=m-5-1] {
    margin: calc(28px * 5);
    margin: calc(var(--spacer-md) * 5);
  }

  [class~=mt-5-1],
:root [desktop~=mt-5-1],
:root [md~=mt-5-1] {
    margin-top: calc(28px * 5);
    margin-top: calc(var(--spacer-md) * 5);
  }

  [class~=mb-5-1],
:root [desktop~=mb-5-1],
:root [md~=mb-5-1] {
    margin-bottom: calc(28px * 5);
    margin-bottom: calc(var(--spacer-md) * 5);
  }

  [class~=ml-5-1],
:root [desktop~=ml-5-1],
:root [md~=ml-5-1] {
    margin-left: calc(28px * 5);
    margin-left: calc(var(--spacer-md) * 5);
  }

  [class~=mr-5-1],
:root [desktop~=mr-5-1],
:root [md~=mr-5-1] {
    margin-right: calc(28px * 5);
    margin-right: calc(var(--spacer-md) * 5);
  }

  [class~=mx-5-1],
:root [desktop~=mx-5-1],
:root [md~=mx-5-1] {
    margin-left: calc(28px * 5);
    margin-left: calc(var(--spacer-md) * 5);
    margin-right: calc(28px * 5);
    margin-right: calc(var(--spacer-md) * 5);
  }

  [class~=my-5-1],
:root [desktop~=my-5-1],
:root [md~=my-5-1] {
    margin-top: calc(28px * 5);
    margin-top: calc(var(--spacer-md) * 5);
    margin-bottom: calc(28px * 5);
    margin-bottom: calc(var(--spacer-md) * 5);
  }

  [class~=p-5-1],
:root [desktop~=p-5-1],
:root [md~=p-5-1] {
    padding: calc(28px * 5);
    padding: calc(var(--spacer-md) * 5);
  }

  [class~=pt-5-1],
:root [desktop~=pt-5-1],
:root [md~=pt-5-1] {
    padding-top: calc(28px * 5);
    padding-top: calc(var(--spacer-md) * 5);
  }

  [class~=pb-5-1],
:root [desktop~=pb-5-1],
:root [md~=pb-5-1] {
    padding-bottom: calc(28px * 5);
    padding-bottom: calc(var(--spacer-md) * 5);
  }

  [class~=pl-5-1],
:root [desktop~=pl-5-1],
:root [md~=pl-5-1] {
    padding-left: calc(28px * 5);
    padding-left: calc(var(--spacer-md) * 5);
  }

  [class~=pr-5-1],
:root [desktop~=pr-5-1],
:root [md~=pr-5-1] {
    padding-right: calc(28px * 5);
    padding-right: calc(var(--spacer-md) * 5);
  }

  [class~=px-5-1],
:root [desktop~=px-5-1],
:root [md~=px-5-1] {
    padding-left: calc(28px * 5);
    padding-left: calc(var(--spacer-md) * 5);
    padding-right: calc(28px * 5);
    padding-right: calc(var(--spacer-md) * 5);
  }

  [class~=py-5-1],
:root [desktop~=py-5-1],
:root [md~=py-5-1] {
    padding-top: calc(28px * 5);
    padding-top: calc(var(--spacer-md) * 5);
    padding-bottom: calc(28px * 5);
    padding-bottom: calc(var(--spacer-md) * 5);
  }

  [class~=h-5-1],
:root [desktop~=h-5-1],
:root [md~=h-5-1] {
    height: calc(28px * 5);
    height: calc(var(--spacer-md) * 5);
  }

  [class~=w-5-1],
:root [desktop~=w-5-1],
:root [md~=w-5-1] {
    width: calc(28px * 5);
    width: calc(var(--spacer-md) * 5);
  }

  [class~=m-6-1],
:root [desktop~=m-6-1],
:root [md~=m-6-1] {
    margin: calc(28px * 6);
    margin: calc(var(--spacer-md) * 6);
  }

  [class~=mt-6-1],
:root [desktop~=mt-6-1],
:root [md~=mt-6-1] {
    margin-top: calc(28px * 6);
    margin-top: calc(var(--spacer-md) * 6);
  }

  [class~=mb-6-1],
:root [desktop~=mb-6-1],
:root [md~=mb-6-1] {
    margin-bottom: calc(28px * 6);
    margin-bottom: calc(var(--spacer-md) * 6);
  }

  [class~=ml-6-1],
:root [desktop~=ml-6-1],
:root [md~=ml-6-1] {
    margin-left: calc(28px * 6);
    margin-left: calc(var(--spacer-md) * 6);
  }

  [class~=mr-6-1],
:root [desktop~=mr-6-1],
:root [md~=mr-6-1] {
    margin-right: calc(28px * 6);
    margin-right: calc(var(--spacer-md) * 6);
  }

  [class~=mx-6-1],
:root [desktop~=mx-6-1],
:root [md~=mx-6-1] {
    margin-left: calc(28px * 6);
    margin-left: calc(var(--spacer-md) * 6);
    margin-right: calc(28px * 6);
    margin-right: calc(var(--spacer-md) * 6);
  }

  [class~=my-6-1],
:root [desktop~=my-6-1],
:root [md~=my-6-1] {
    margin-top: calc(28px * 6);
    margin-top: calc(var(--spacer-md) * 6);
    margin-bottom: calc(28px * 6);
    margin-bottom: calc(var(--spacer-md) * 6);
  }

  [class~=p-6-1],
:root [desktop~=p-6-1],
:root [md~=p-6-1] {
    padding: calc(28px * 6);
    padding: calc(var(--spacer-md) * 6);
  }

  [class~=pt-6-1],
:root [desktop~=pt-6-1],
:root [md~=pt-6-1] {
    padding-top: calc(28px * 6);
    padding-top: calc(var(--spacer-md) * 6);
  }

  [class~=pb-6-1],
:root [desktop~=pb-6-1],
:root [md~=pb-6-1] {
    padding-bottom: calc(28px * 6);
    padding-bottom: calc(var(--spacer-md) * 6);
  }

  [class~=pl-6-1],
:root [desktop~=pl-6-1],
:root [md~=pl-6-1] {
    padding-left: calc(28px * 6);
    padding-left: calc(var(--spacer-md) * 6);
  }

  [class~=pr-6-1],
:root [desktop~=pr-6-1],
:root [md~=pr-6-1] {
    padding-right: calc(28px * 6);
    padding-right: calc(var(--spacer-md) * 6);
  }

  [class~=px-6-1],
:root [desktop~=px-6-1],
:root [md~=px-6-1] {
    padding-left: calc(28px * 6);
    padding-left: calc(var(--spacer-md) * 6);
    padding-right: calc(28px * 6);
    padding-right: calc(var(--spacer-md) * 6);
  }

  [class~=py-6-1],
:root [desktop~=py-6-1],
:root [md~=py-6-1] {
    padding-top: calc(28px * 6);
    padding-top: calc(var(--spacer-md) * 6);
    padding-bottom: calc(28px * 6);
    padding-bottom: calc(var(--spacer-md) * 6);
  }

  [class~=h-6-1],
:root [desktop~=h-6-1],
:root [md~=h-6-1] {
    height: calc(28px * 6);
    height: calc(var(--spacer-md) * 6);
  }

  [class~=w-6-1],
:root [desktop~=w-6-1],
:root [md~=w-6-1] {
    width: calc(28px * 6);
    width: calc(var(--spacer-md) * 6);
  }

  [class~=m-1-2],
:root [desktop~=m-1-2],
:root [md~=m-1-2] {
    margin: calc(28px / 2);
    margin: calc(var(--spacer-md) / 2);
  }

  [class~=mt-1-2],
:root [desktop~=mt-1-2],
:root [md~=mt-1-2] {
    margin-top: calc(28px / 2);
    margin-top: calc(var(--spacer-md) / 2);
  }

  [class~=mb-1-2],
:root [desktop~=mb-1-2],
:root [md~=mb-1-2] {
    margin-bottom: calc(28px / 2);
    margin-bottom: calc(var(--spacer-md) / 2);
  }

  [class~=ml-1-2],
:root [desktop~=ml-1-2],
:root [md~=ml-1-2] {
    margin-left: calc(28px / 2);
    margin-left: calc(var(--spacer-md) / 2);
  }

  [class~=mr-1-2],
:root [desktop~=mr-1-2],
:root [md~=mr-1-2] {
    margin-right: calc(28px / 2);
    margin-right: calc(var(--spacer-md) / 2);
  }

  [class~=mx-1-2],
:root [desktop~=mx-1-2],
:root [md~=mx-1-2] {
    margin-left: calc(28px / 2);
    margin-left: calc(var(--spacer-md) / 2);
    margin-right: calc(28px / 2);
    margin-right: calc(var(--spacer-md) / 2);
  }

  [class~=my-1-2],
:root [desktop~=my-1-2],
:root [md~=my-1-2] {
    margin-top: calc(28px / 2);
    margin-top: calc(var(--spacer-md) / 2);
    margin-bottom: calc(28px / 2);
    margin-bottom: calc(var(--spacer-md) / 2);
  }

  [class~=p-1-2],
:root [desktop~=p-1-2],
:root [md~=p-1-2] {
    padding: calc(28px / 2);
    padding: calc(var(--spacer-md) / 2);
  }

  [class~=pt-1-2],
:root [desktop~=pt-1-2],
:root [md~=pt-1-2] {
    padding-top: calc(28px / 2);
    padding-top: calc(var(--spacer-md) / 2);
  }

  [class~=pb-1-2],
:root [desktop~=pb-1-2],
:root [md~=pb-1-2] {
    padding-bottom: calc(28px / 2);
    padding-bottom: calc(var(--spacer-md) / 2);
  }

  [class~=pl-1-2],
:root [desktop~=pl-1-2],
:root [md~=pl-1-2] {
    padding-left: calc(28px / 2);
    padding-left: calc(var(--spacer-md) / 2);
  }

  [class~=pr-1-2],
:root [desktop~=pr-1-2],
:root [md~=pr-1-2] {
    padding-right: calc(28px / 2);
    padding-right: calc(var(--spacer-md) / 2);
  }

  [class~=px-1-2],
:root [desktop~=px-1-2],
:root [md~=px-1-2] {
    padding-left: calc(28px / 2);
    padding-left: calc(var(--spacer-md) / 2);
    padding-right: calc(28px / 2);
    padding-right: calc(var(--spacer-md) / 2);
  }

  [class~=py-1-2],
:root [desktop~=py-1-2],
:root [md~=py-1-2] {
    padding-top: calc(28px / 2);
    padding-top: calc(var(--spacer-md) / 2);
    padding-bottom: calc(28px / 2);
    padding-bottom: calc(var(--spacer-md) / 2);
  }

  [class~=h-1-2],
:root [desktop~=h-1-2],
:root [md~=h-1-2] {
    height: calc(28px / 2);
    height: calc(var(--spacer-md) / 2);
  }

  [class~=w-1-2],
:root [desktop~=w-1-2],
:root [md~=w-1-2] {
    width: calc(28px / 2);
    width: calc(var(--spacer-md) / 2);
  }

  [class~=m-1-3],
:root [desktop~=m-1-3],
:root [md~=m-1-3] {
    margin: calc(28px / 3);
    margin: calc(var(--spacer-md) / 3);
  }

  [class~=mt-1-3],
:root [desktop~=mt-1-3],
:root [md~=mt-1-3] {
    margin-top: calc(28px / 3);
    margin-top: calc(var(--spacer-md) / 3);
  }

  [class~=mb-1-3],
:root [desktop~=mb-1-3],
:root [md~=mb-1-3] {
    margin-bottom: calc(28px / 3);
    margin-bottom: calc(var(--spacer-md) / 3);
  }

  [class~=ml-1-3],
:root [desktop~=ml-1-3],
:root [md~=ml-1-3] {
    margin-left: calc(28px / 3);
    margin-left: calc(var(--spacer-md) / 3);
  }

  [class~=mr-1-3],
:root [desktop~=mr-1-3],
:root [md~=mr-1-3] {
    margin-right: calc(28px / 3);
    margin-right: calc(var(--spacer-md) / 3);
  }

  [class~=mx-1-3],
:root [desktop~=mx-1-3],
:root [md~=mx-1-3] {
    margin-left: calc(28px / 3);
    margin-left: calc(var(--spacer-md) / 3);
    margin-right: calc(28px / 3);
    margin-right: calc(var(--spacer-md) / 3);
  }

  [class~=my-1-3],
:root [desktop~=my-1-3],
:root [md~=my-1-3] {
    margin-top: calc(28px / 3);
    margin-top: calc(var(--spacer-md) / 3);
    margin-bottom: calc(28px / 3);
    margin-bottom: calc(var(--spacer-md) / 3);
  }

  [class~=p-1-3],
:root [desktop~=p-1-3],
:root [md~=p-1-3] {
    padding: calc(28px / 3);
    padding: calc(var(--spacer-md) / 3);
  }

  [class~=pt-1-3],
:root [desktop~=pt-1-3],
:root [md~=pt-1-3] {
    padding-top: calc(28px / 3);
    padding-top: calc(var(--spacer-md) / 3);
  }

  [class~=pb-1-3],
:root [desktop~=pb-1-3],
:root [md~=pb-1-3] {
    padding-bottom: calc(28px / 3);
    padding-bottom: calc(var(--spacer-md) / 3);
  }

  [class~=pl-1-3],
:root [desktop~=pl-1-3],
:root [md~=pl-1-3] {
    padding-left: calc(28px / 3);
    padding-left: calc(var(--spacer-md) / 3);
  }

  [class~=pr-1-3],
:root [desktop~=pr-1-3],
:root [md~=pr-1-3] {
    padding-right: calc(28px / 3);
    padding-right: calc(var(--spacer-md) / 3);
  }

  [class~=px-1-3],
:root [desktop~=px-1-3],
:root [md~=px-1-3] {
    padding-left: calc(28px / 3);
    padding-left: calc(var(--spacer-md) / 3);
    padding-right: calc(28px / 3);
    padding-right: calc(var(--spacer-md) / 3);
  }

  [class~=py-1-3],
:root [desktop~=py-1-3],
:root [md~=py-1-3] {
    padding-top: calc(28px / 3);
    padding-top: calc(var(--spacer-md) / 3);
    padding-bottom: calc(28px / 3);
    padding-bottom: calc(var(--spacer-md) / 3);
  }

  [class~=h-1-3],
:root [desktop~=h-1-3],
:root [md~=h-1-3] {
    height: calc(28px / 3);
    height: calc(var(--spacer-md) / 3);
  }

  [class~=w-1-3],
:root [desktop~=w-1-3],
:root [md~=w-1-3] {
    width: calc(28px / 3);
    width: calc(var(--spacer-md) / 3);
  }

  [class~=m-1-4],
:root [desktop~=m-1-4],
:root [md~=m-1-4] {
    margin: calc(28px / 4);
    margin: calc(var(--spacer-md) / 4);
  }

  [class~=mt-1-4],
:root [desktop~=mt-1-4],
:root [md~=mt-1-4] {
    margin-top: calc(28px / 4);
    margin-top: calc(var(--spacer-md) / 4);
  }

  [class~=mb-1-4],
:root [desktop~=mb-1-4],
:root [md~=mb-1-4] {
    margin-bottom: calc(28px / 4);
    margin-bottom: calc(var(--spacer-md) / 4);
  }

  [class~=ml-1-4],
:root [desktop~=ml-1-4],
:root [md~=ml-1-4] {
    margin-left: calc(28px / 4);
    margin-left: calc(var(--spacer-md) / 4);
  }

  [class~=mr-1-4],
:root [desktop~=mr-1-4],
:root [md~=mr-1-4] {
    margin-right: calc(28px / 4);
    margin-right: calc(var(--spacer-md) / 4);
  }

  [class~=mx-1-4],
:root [desktop~=mx-1-4],
:root [md~=mx-1-4] {
    margin-left: calc(28px / 4);
    margin-left: calc(var(--spacer-md) / 4);
    margin-right: calc(28px / 4);
    margin-right: calc(var(--spacer-md) / 4);
  }

  [class~=my-1-4],
:root [desktop~=my-1-4],
:root [md~=my-1-4] {
    margin-top: calc(28px / 4);
    margin-top: calc(var(--spacer-md) / 4);
    margin-bottom: calc(28px / 4);
    margin-bottom: calc(var(--spacer-md) / 4);
  }

  [class~=p-1-4],
:root [desktop~=p-1-4],
:root [md~=p-1-4] {
    padding: calc(28px / 4);
    padding: calc(var(--spacer-md) / 4);
  }

  [class~=pt-1-4],
:root [desktop~=pt-1-4],
:root [md~=pt-1-4] {
    padding-top: calc(28px / 4);
    padding-top: calc(var(--spacer-md) / 4);
  }

  [class~=pb-1-4],
:root [desktop~=pb-1-4],
:root [md~=pb-1-4] {
    padding-bottom: calc(28px / 4);
    padding-bottom: calc(var(--spacer-md) / 4);
  }

  [class~=pl-1-4],
:root [desktop~=pl-1-4],
:root [md~=pl-1-4] {
    padding-left: calc(28px / 4);
    padding-left: calc(var(--spacer-md) / 4);
  }

  [class~=pr-1-4],
:root [desktop~=pr-1-4],
:root [md~=pr-1-4] {
    padding-right: calc(28px / 4);
    padding-right: calc(var(--spacer-md) / 4);
  }

  [class~=px-1-4],
:root [desktop~=px-1-4],
:root [md~=px-1-4] {
    padding-left: calc(28px / 4);
    padding-left: calc(var(--spacer-md) / 4);
    padding-right: calc(28px / 4);
    padding-right: calc(var(--spacer-md) / 4);
  }

  [class~=py-1-4],
:root [desktop~=py-1-4],
:root [md~=py-1-4] {
    padding-top: calc(28px / 4);
    padding-top: calc(var(--spacer-md) / 4);
    padding-bottom: calc(28px / 4);
    padding-bottom: calc(var(--spacer-md) / 4);
  }

  [class~=h-1-4],
:root [desktop~=h-1-4],
:root [md~=h-1-4] {
    height: calc(28px / 4);
    height: calc(var(--spacer-md) / 4);
  }

  [class~=w-1-4],
:root [desktop~=w-1-4],
:root [md~=w-1-4] {
    width: calc(28px / 4);
    width: calc(var(--spacer-md) / 4);
  }

  [class~=m-0],
:root [desktop~=m-0],
:root [md~=m-0] {
    margin: 0;
  }

  [class~=mt-0],
:root [desktop~=mt-0],
:root [md~=mt-0] {
    margin-top: 0;
  }

  [class~=mb-0],
:root [desktop~=mb-0],
:root [md~=mb-0] {
    margin-bottom: 0;
  }

  [class~=ml-0],
:root [desktop~=ml-0],
:root [md~=ml-0] {
    margin-left: 0;
  }

  [class~=mr-0],
:root [desktop~=mr-0],
:root [md~=mr-0] {
    margin-right: 0;
  }

  [class~=mx-0],
:root [desktop~=mx-0],
:root [md~=mx-0] {
    margin-left: 0;
    margin-right: 0;
  }

  [class~=my-0],
:root [desktop~=my-0],
:root [md~=my-0] {
    margin-top: 0;
    margin-bottom: 0;
  }

  [class~=p-0],
:root [desktop~=p-0],
:root [md~=p-0] {
    padding: 0;
  }

  [class~=pt-0],
:root [desktop~=pt-0],
:root [md~=pt-0] {
    padding-top: 0;
  }

  [class~=pb-0],
:root [desktop~=pb-0],
:root [md~=pb-0] {
    padding-bottom: 0;
  }

  [class~=pl-0],
:root [desktop~=pl-0],
:root [md~=pl-0] {
    padding-left: 0;
  }

  [class~=pr-0],
:root [desktop~=pr-0],
:root [md~=pr-0] {
    padding-right: 0;
  }

  [class~=px-0],
:root [desktop~=px-0],
:root [md~=px-0] {
    padding-left: 0;
    padding-right: 0;
  }

  [class~=py-0],
:root [desktop~=py-0],
:root [md~=py-0] {
    padding-top: 0;
    padding-bottom: 0;
  }

  [class~=h-0],
:root [desktop~=h-0],
:root [md~=h-0] {
    height: 0;
  }

  [class~=w-0],
:root [desktop~=w-0],
:root [md~=w-0] {
    width: 0;
  }

  [class~=gutter],
:root [desktop~=gutter],
:root [md~=gutter] {
    margin-left: calc(28px * -1);
    margin-left: calc(var(--gutter-md) * -1);
    margin-right: calc(28px * -1);
    margin-right: calc(var(--gutter-md) * -1);
  }
  [class~=gutter] > *,
:root [desktop~=gutter] > *,
:root [md~=gutter] > * {
    padding-left: calc(28px * 1);
    padding-left: calc(var(--gutter-md) * 1);
    padding-right: calc(28px * 1);
    padding-right: calc(var(--gutter-md) * 1);
  }

  [class~=gutter-1-2],
:root [desktop~=gutter-1-2],
:root [md~=gutter-1-2] {
    margin-left: calc(28px * -0.5);
    margin-left: calc(var(--gutter-md) * -0.5);
    margin-right: calc(28px * -0.5);
    margin-right: calc(var(--gutter-md) * -0.5);
  }
  [class~=gutter-1-2] > *,
:root [desktop~=gutter-1-2] > *,
:root [md~=gutter-1-2] > * {
    padding-left: calc(28px * 0.5);
    padding-left: calc(var(--gutter-md) * 0.5);
    padding-right: calc(28px * 0.5);
    padding-right: calc(var(--gutter-md) * 0.5);
  }

  [class~=gutter-1-3],
:root [desktop~=gutter-1-3],
:root [md~=gutter-1-3] {
    margin-left: calc(28px * -0.333);
    margin-left: calc(var(--gutter-md) * -0.333);
    margin-right: calc(28px * -0.333);
    margin-right: calc(var(--gutter-md) * -0.333);
  }
  [class~=gutter-1-3] > *,
:root [desktop~=gutter-1-3] > *,
:root [md~=gutter-1-3] > * {
    padding-left: calc(28px * 0.333);
    padding-left: calc(var(--gutter-md) * 0.333);
    padding-right: calc(28px * 0.333);
    padding-right: calc(var(--gutter-md) * 0.333);
  }

  [class~=gutter-2-1],
:root [desktop~=gutter-2-1],
:root [md~=gutter-2-1] {
    margin-left: calc(28px * -2);
    margin-left: calc(var(--gutter-md) * -2);
    margin-right: calc(28px * -2);
    margin-right: calc(var(--gutter-md) * -2);
  }
  [class~=gutter-2-1] > *,
:root [desktop~=gutter-2-1] > *,
:root [md~=gutter-2-1] > * {
    padding-left: calc(28px * 2);
    padding-left: calc(var(--gutter-md) * 2);
    padding-right: calc(28px * 2);
    padding-right: calc(var(--gutter-md) * 2);
  }

  [class~=row-12],
:root [desktop~=row-12],
:root [md~=row-12] {
    min-height: 100vh;
  }

  [class~=row-11],
:root [desktop~=row-11],
:root [md~=row-11] {
    min-height: 91.6666666667vh;
  }

  [class~=row-10],
:root [desktop~=row-10],
:root [md~=row-10] {
    min-height: 83.3333333333vh;
  }

  [class~=row-9],
:root [desktop~=row-9],
:root [md~=row-9] {
    min-height: 75vh;
  }

  [class~=row-8],
:root [desktop~=row-8],
:root [md~=row-8] {
    min-height: 66.6666666667vh;
  }

  [class~=row-7],
:root [desktop~=row-7],
:root [md~=row-7] {
    min-height: 58.3333333333vh;
  }

  [class~=row-6],
:root [desktop~=row-6],
:root [md~=row-6] {
    min-height: 50vh;
  }

  [class~=row-5],
:root [desktop~=row-5],
:root [md~=row-5] {
    min-height: 41.6666666667vh;
  }

  [class~=row-4],
:root [desktop~=row-4],
:root [md~=row-4] {
    min-height: 33.3333333333vh;
  }

  [class~=row-3],
:root [desktop~=row-3],
:root [md~=row-3] {
    min-height: 25vh;
  }

  [class~=row-2],
:root [desktop~=row-2],
:root [md~=row-2] {
    min-height: 16.6666666667vh;
  }

  [class~=row-1],
:root [desktop~=row-1],
:root [md~=row-1] {
    min-height: 8.3333333333vh;
  }

  [class~=col-12],
:root [desktop~=col-12],
:root [md~=col-12] {
    width: 100%;
  }

  [class~=col-11],
:root [desktop~=col-11],
:root [md~=col-11] {
    width: 91.6666666667%;
  }

  [class~=col-10],
:root [desktop~=col-10],
:root [md~=col-10] {
    width: 83.3333333333%;
  }

  [class~=col-9],
:root [desktop~=col-9],
:root [md~=col-9] {
    width: 75%;
  }

  [class~=col-8],
:root [desktop~=col-8],
:root [md~=col-8] {
    width: 66.6666666667%;
  }

  [class~=col-7],
:root [desktop~=col-7],
:root [md~=col-7] {
    width: 58.3333333333%;
  }

  [class~=col-6],
:root [desktop~=col-6],
:root [md~=col-6] {
    width: 50%;
  }

  [class~=col-5],
:root [desktop~=col-5],
:root [md~=col-5] {
    width: 41.6666666667%;
  }

  [class~=col-4],
:root [desktop~=col-4],
:root [md~=col-4] {
    width: 33.3333333333%;
  }

  [class~=col-3],
:root [desktop~=col-3],
:root [md~=col-3] {
    width: 25%;
  }

  [class~=col-2],
:root [desktop~=col-2],
:root [md~=col-2] {
    width: 16.6666666667%;
  }

  [class~=col-1],
:root [desktop~=col-1],
:root [md~=col-1] {
    width: 8.3333333333%;
  }

  [class~=row],
[class~=column],
:root [desktop~=row],
:root [desktop~=column],
:root [md~=row],
:root [md~=column] {
    display: flex;
  }
  [class~=row] > *,
[class~=column] > *,
:root [desktop~=row] > *,
:root [desktop~=column] > *,
:root [md~=row] > *,
:root [md~=column] > * {
    flex-grow: 0;
  }

  [class~=column],
:root [desktop~=column],
:root [md~=column] {
    flex-direction: column;
  }

  [class~=row],
:root [desktop~=row],
:root [md~=row] {
    flex-direction: row;
  }

  [class~=column-reverse],
:root [desktop~=column-reverse],
:root [md~=column-reverse] {
    flex-direction: column-reverse;
  }

  [class~=row-reverse],
:root [desktop~=row-reverse],
:root [md~=row-reverse] {
    flex-direction: row-reverse;
  }

  [class~=row][class~=v-center], [class~=column][class~=h-center],
:root [desktop~=row][desktop~=v-center], :root [desktop~=column][desktop~=h-center],
:root [md~=row][md~=v-center], :root [md~=column][md~=h-center] {
    align-items: center;
  }

  [class~=row][class~=v-start], [class~=column][class~=h-start],
:root [desktop~=row][desktop~=v-start], :root [desktop~=column][desktop~=h-start],
:root [md~=row][md~=v-start], :root [md~=column][md~=h-start] {
    align-items: flex-start;
  }

  [class~=row][class~=v-end], [class~=column][class~=h-end],
:root [desktop~=row][desktop~=v-end], :root [desktop~=column][desktop~=h-end],
:root [md~=row][md~=v-end], :root [md~=column][md~=h-end] {
    align-items: flex-end;
  }

  [class~=row][class~=v-stretch], [class~=column][class~=h-stretch],
:root [desktop~=row][desktop~=v-stretch], :root [desktop~=column][desktop~=h-stretch],
:root [md~=row][md~=v-stretch], :root [md~=column][md~=h-stretch] {
    align-items: stretch;
  }

  [class~=row][class~=h-center], [class~=column][class~=v-center],
:root [desktop~=row][desktop~=h-center], :root [desktop~=column][desktop~=v-center],
:root [md~=row][md~=h-center], :root [md~=column][md~=v-center] {
    justify-content: center;
  }

  [class~=row][class~=h-start], [class~=column][class~=v-start],
:root [desktop~=row][desktop~=h-start], :root [desktop~=column][desktop~=v-start],
:root [md~=row][md~=h-start], :root [md~=column][md~=v-start] {
    justify-content: flex-start;
  }

  [class~=row][class~=h-end], [class~=column][class~=v-end],
:root [desktop~=row][desktop~=h-end], :root [desktop~=column][desktop~=v-end],
:root [md~=row][md~=h-end], :root [md~=column][md~=v-end] {
    justify-content: flex-end;
  }

  [class~=row][class~=h-spacein], [class~=column][class~=v-spacein],
:root [desktop~=row][desktop~=h-spacein], :root [desktop~=column][desktop~=v-spacein],
:root [md~=row][md~=h-spacein], :root [md~=column][md~=v-spacein] {
    justify-content: space-between;
  }

  [class~=row][class~=h-spaceout], [class~=column][class~=v-spaceout],
:root [desktop~=row][desktop~=h-spaceout], :root [desktop~=column][desktop~=v-spaceout],
:root [md~=row][md~=h-spaceout], :root [md~=column][md~=v-spaceout] {
    justify-content: space-around;
  }

  [class~=row] > [class~=v-self-center], [class~=column] > [class~=h-self-center],
:root [desktop~=row] > [desktop~=v-self-center], :root [desktop~=column] > [desktop~=h-self-center],
:root [md~=row] > [md~=v-self-center], :root [md~=column] > [md~=h-self-center] {
    align-self: center;
  }

  [class~=row] > [class~=v-self-start], [class~=column] > [class~=h-self-start],
:root [desktop~=row] > [desktop~=v-self-start], :root [desktop~=column] > [desktop~=h-self-start],
:root [md~=row] > [md~=v-self-start], :root [md~=column] > [md~=h-self-start] {
    align-self: flex-start;
  }

  [class~=row] > [class~=v-self-end], [class~=column] > [class~=h-self-end],
:root [desktop~=row] > [desktop~=v-self-end], :root [desktop~=column] > [desktop~=h-self-end],
:root [md~=row] > [md~=v-self-end], :root [md~=column] > [md~=h-self-end] {
    align-self: flex-end;
  }

  [class~=row] > [class~=v-self-stretch], [class~=column] > [class~=h-self-stretch],
:root [desktop~=row] > [desktop~=v-self-stretch], :root [desktop~=column] > [desktop~=h-self-stretch],
:root [md~=row] > [md~=v-self-stretch], :root [md~=column] > [md~=h-self-stretch] {
    align-self: stretch;
  }

  [class~=row] > [class~=v-self-selfstart], [class~=column] > [class~=h-self-selfstart],
:root [desktop~=row] > [desktop~=v-self-selfstart], :root [desktop~=column] > [desktop~=h-self-selfstart],
:root [md~=row] > [md~=v-self-selfstart], :root [md~=column] > [md~=h-self-selfstart] {
    align-self: self-start;
  }

  [class~=row] > [class~=v-self-selfend], [class~=column] > [class~=h-self-selfend],
:root [desktop~=row] > [desktop~=v-self-selfend], :root [desktop~=column] > [desktop~=h-self-selfend],
:root [md~=row] > [md~=v-self-selfend], :root [md~=column] > [md~=h-self-selfend] {
    align-self: self-end;
  }

  [class~=row] > [class~=h-self-center], [class~=column] > [class~=v-self-center],
:root [desktop~=row] > [desktop~=h-self-center], :root [desktop~=column] > [desktop~=v-self-center],
:root [md~=row] > [md~=h-self-center], :root [md~=column] > [md~=v-self-center] {
    justify-self: center;
  }

  [class~=row] > [class~=h-self-start], [class~=column] > [class~=v-self-start],
:root [desktop~=row] > [desktop~=h-self-start], :root [desktop~=column] > [desktop~=v-self-start],
:root [md~=row] > [md~=h-self-start], :root [md~=column] > [md~=v-self-start] {
    justify-self: flex-start;
  }

  [class~=row] > [class~=h-self-end], [class~=column] > [class~=v-self-end],
:root [desktop~=row] > [desktop~=h-self-end], :root [desktop~=column] > [desktop~=v-self-end],
:root [md~=row] > [md~=h-self-end], :root [md~=column] > [md~=v-self-end] {
    justify-self: flex-end;
  }

  [class~=row] > [class~=h-self-stretch], [class~=column] > [class~=v-self-stretch],
:root [desktop~=row] > [desktop~=h-self-stretch], :root [desktop~=column] > [desktop~=v-self-stretch],
:root [md~=row] > [md~=h-self-stretch], :root [md~=column] > [md~=v-self-stretch] {
    justify-self: stretch;
  }

  [class~=row] > [class~=h-self-selfstart], [class~=column] > [class~=v-self-selfstart],
:root [desktop~=row] > [desktop~=h-self-selfstart], :root [desktop~=column] > [desktop~=v-self-selfstart],
:root [md~=row] > [md~=h-self-selfstart], :root [md~=column] > [md~=v-self-selfstart] {
    justify-self: self-start;
  }

  [class~=row] > [class~=h-self-selfend], [class~=column] > [class~=v-self-selfend],
:root [desktop~=row] > [desktop~=h-self-selfend], :root [desktop~=column] > [desktop~=v-self-selfend],
:root [md~=row] > [md~=h-self-selfend], :root [md~=column] > [md~=v-self-selfend] {
    justify-self: self-end;
  }

  [class~=row] > [class~=h-self-left], [class~=column] > [class~=v-self-left],
:root [desktop~=row] > [desktop~=h-self-left], :root [desktop~=column] > [desktop~=v-self-left],
:root [md~=row] > [md~=h-self-left], :root [md~=column] > [md~=v-self-left] {
    justify-self: left;
  }

  [class~=row] > [class~=h-self-right], [class~=column] > [class~=v-self-right],
:root [desktop~=row] > [desktop~=h-self-right], :root [desktop~=column] > [desktop~=v-self-right],
:root [md~=row] > [md~=h-self-right], :root [md~=column] > [md~=v-self-right] {
    justify-self: right;
  }

  .flex-grow-md-1 {
    flex-grow: 1;
  }

  .flex-grow-md-2 {
    flex-grow: 2;
  }

  .flex-grow-md-3 {
    flex-grow: 3;
  }

  .flex-grow-md-4 {
    flex-grow: 4;
  }

  .flex-grow-md-5 {
    flex-grow: 5;
  }

  .flex-grow-md-6 {
    flex-grow: 6;
  }

  .flex-grow-md-7 {
    flex-grow: 7;
  }

  .flex-grow-md-8 {
    flex-grow: 8;
  }

  .flex-grow-md-9 {
    flex-grow: 9;
  }

  .flex-grow-md-10 {
    flex-grow: 10;
  }

  [class*=d-flex],
:root [desktop*=d-flex],
:root [md*=d-flex] {
    display: flex;
  }

  [class*=d-inline],
:root [desktop*=d-inline],
:root [md*=d-inline] {
    display: inline;
  }

  [class*=d-inline-block],
:root [desktop*=d-inline-block],
:root [md*=d-inline-block] {
    display: inline-block;
  }

  [class*=d-block],
:root [desktop*=d-block],
:root [md*=d-block] {
    display: block;
  }

  [class*=absolute],
:root [desktop*=absolute],
:root [md*=absolute] {
    position: absolute;
  }

  [class*=fixed],
:root [desktop*=fixed],
:root [md*=fixed] {
    position: fixed;
  }

  [class*=inherit],
:root [desktop*=inherit],
:root [md*=inherit] {
    position: inherit;
  }

  [class*=relative],
:root [desktop*=relative],
:root [md*=relative] {
    position: relative;
  }

  [class*=sticky],
:root [desktop*=sticky],
:root [md*=sticky] {
    position: -webkit-sticky;
    position: sticky;
  }

  [class*=top-0],
:root [desktop*=top-0],
:root [md*=top-0] {
    top: 0;
  }

  [class*=top-inherit],
:root [md*=top-inherit] {
    top: inherit;
  }

  [class*=left-0],
:root [desktop*=left-0],
:root [md*=left-0] {
    left: 0;
  }

  [class*=left-inherit],
:root [md*=left-inherit] {
    left: inherit;
  }

  [class*=right-0],
:root [desktop*=right-0],
:root [md*=right-0] {
    right: 0;
  }

  [class*=right-inherit],
:root [md*=right-inherit] {
    right: inherit;
  }

  [class*=bottom-0],
:root [desktop*=bottom-0],
:root [md*=bottom-0] {
    bottom: 0;
  }

  [class*=bottom-inherit],
:root [md*=bottom-inherit] {
    bottom: inherit;
  }

  [desktop*=text-center],
[md*=text-center] {
    text-align: center;
  }

  [desktop*=text-left],
[md*=text-left] {
    text-align: left;
  }

  [desktop*=text-right],
[md*=text-right] {
    text-align: right;
  }

  [desktop*=text-justify],
[md*=text-justify] {
    text-align: justify;
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  [class~=m-1-1],
:root [desktop~=m-1-1],
:root [lg~=m-1-1] {
    margin: calc(32px * 1);
    margin: calc(var(--spacer-lg) * 1);
  }

  [class~=mt-1-1],
:root [desktop~=mt-1-1],
:root [lg~=mt-1-1] {
    margin-top: calc(32px * 1);
    margin-top: calc(var(--spacer-lg) * 1);
  }

  [class~=mb-1-1],
:root [desktop~=mb-1-1],
:root [lg~=mb-1-1] {
    margin-bottom: calc(32px * 1);
    margin-bottom: calc(var(--spacer-lg) * 1);
  }

  [class~=ml-1-1],
:root [desktop~=ml-1-1],
:root [lg~=ml-1-1] {
    margin-left: calc(32px * 1);
    margin-left: calc(var(--spacer-lg) * 1);
  }

  [class~=mr-1-1],
:root [desktop~=mr-1-1],
:root [lg~=mr-1-1] {
    margin-right: calc(32px * 1);
    margin-right: calc(var(--spacer-lg) * 1);
  }

  [class~=mx-1-1],
:root [desktop~=mx-1-1],
:root [lg~=mx-1-1] {
    margin-left: calc(32px * 1);
    margin-left: calc(var(--spacer-lg) * 1);
    margin-right: calc(32px * 1);
    margin-right: calc(var(--spacer-lg) * 1);
  }

  [class~=my-1-1],
:root [desktop~=my-1-1],
:root [lg~=my-1-1] {
    margin-top: calc(32px * 1);
    margin-top: calc(var(--spacer-lg) * 1);
    margin-bottom: calc(32px * 1);
    margin-bottom: calc(var(--spacer-lg) * 1);
  }

  [class~=p-1-1],
:root [desktop~=p-1-1],
:root [lg~=p-1-1] {
    padding: calc(32px * 1);
    padding: calc(var(--spacer-lg) * 1);
  }

  [class~=pt-1-1],
:root [desktop~=pt-1-1],
:root [lg~=pt-1-1] {
    padding-top: calc(32px * 1);
    padding-top: calc(var(--spacer-lg) * 1);
  }

  [class~=pb-1-1],
:root [desktop~=pb-1-1],
:root [lg~=pb-1-1] {
    padding-bottom: calc(32px * 1);
    padding-bottom: calc(var(--spacer-lg) * 1);
  }

  [class~=pl-1-1],
:root [desktop~=pl-1-1],
:root [lg~=pl-1-1] {
    padding-left: calc(32px * 1);
    padding-left: calc(var(--spacer-lg) * 1);
  }

  [class~=pr-1-1],
:root [desktop~=pr-1-1],
:root [lg~=pr-1-1] {
    padding-right: calc(32px * 1);
    padding-right: calc(var(--spacer-lg) * 1);
  }

  [class~=px-1-1],
:root [desktop~=px-1-1],
:root [lg~=px-1-1] {
    padding-left: calc(32px * 1);
    padding-left: calc(var(--spacer-lg) * 1);
    padding-right: calc(32px * 1);
    padding-right: calc(var(--spacer-lg) * 1);
  }

  [class~=py-1-1],
:root [desktop~=py-1-1],
:root [lg~=py-1-1] {
    padding-top: calc(32px * 1);
    padding-top: calc(var(--spacer-lg) * 1);
    padding-bottom: calc(32px * 1);
    padding-bottom: calc(var(--spacer-lg) * 1);
  }

  [class~=h-1-1],
:root [desktop~=h-1-1],
:root [lg~=h-1-1] {
    height: calc(32px * 1);
    height: calc(var(--spacer-lg) * 1);
  }

  [class~=w-1-1],
:root [desktop~=w-1-1],
:root [lg~=w-1-1] {
    width: calc(32px * 1);
    width: calc(var(--spacer-lg) * 1);
  }

  [class~=m-2-1],
:root [desktop~=m-2-1],
:root [lg~=m-2-1] {
    margin: calc(32px * 2);
    margin: calc(var(--spacer-lg) * 2);
  }

  [class~=mt-2-1],
:root [desktop~=mt-2-1],
:root [lg~=mt-2-1] {
    margin-top: calc(32px * 2);
    margin-top: calc(var(--spacer-lg) * 2);
  }

  [class~=mb-2-1],
:root [desktop~=mb-2-1],
:root [lg~=mb-2-1] {
    margin-bottom: calc(32px * 2);
    margin-bottom: calc(var(--spacer-lg) * 2);
  }

  [class~=ml-2-1],
:root [desktop~=ml-2-1],
:root [lg~=ml-2-1] {
    margin-left: calc(32px * 2);
    margin-left: calc(var(--spacer-lg) * 2);
  }

  [class~=mr-2-1],
:root [desktop~=mr-2-1],
:root [lg~=mr-2-1] {
    margin-right: calc(32px * 2);
    margin-right: calc(var(--spacer-lg) * 2);
  }

  [class~=mx-2-1],
:root [desktop~=mx-2-1],
:root [lg~=mx-2-1] {
    margin-left: calc(32px * 2);
    margin-left: calc(var(--spacer-lg) * 2);
    margin-right: calc(32px * 2);
    margin-right: calc(var(--spacer-lg) * 2);
  }

  [class~=my-2-1],
:root [desktop~=my-2-1],
:root [lg~=my-2-1] {
    margin-top: calc(32px * 2);
    margin-top: calc(var(--spacer-lg) * 2);
    margin-bottom: calc(32px * 2);
    margin-bottom: calc(var(--spacer-lg) * 2);
  }

  [class~=p-2-1],
:root [desktop~=p-2-1],
:root [lg~=p-2-1] {
    padding: calc(32px * 2);
    padding: calc(var(--spacer-lg) * 2);
  }

  [class~=pt-2-1],
:root [desktop~=pt-2-1],
:root [lg~=pt-2-1] {
    padding-top: calc(32px * 2);
    padding-top: calc(var(--spacer-lg) * 2);
  }

  [class~=pb-2-1],
:root [desktop~=pb-2-1],
:root [lg~=pb-2-1] {
    padding-bottom: calc(32px * 2);
    padding-bottom: calc(var(--spacer-lg) * 2);
  }

  [class~=pl-2-1],
:root [desktop~=pl-2-1],
:root [lg~=pl-2-1] {
    padding-left: calc(32px * 2);
    padding-left: calc(var(--spacer-lg) * 2);
  }

  [class~=pr-2-1],
:root [desktop~=pr-2-1],
:root [lg~=pr-2-1] {
    padding-right: calc(32px * 2);
    padding-right: calc(var(--spacer-lg) * 2);
  }

  [class~=px-2-1],
:root [desktop~=px-2-1],
:root [lg~=px-2-1] {
    padding-left: calc(32px * 2);
    padding-left: calc(var(--spacer-lg) * 2);
    padding-right: calc(32px * 2);
    padding-right: calc(var(--spacer-lg) * 2);
  }

  [class~=py-2-1],
:root [desktop~=py-2-1],
:root [lg~=py-2-1] {
    padding-top: calc(32px * 2);
    padding-top: calc(var(--spacer-lg) * 2);
    padding-bottom: calc(32px * 2);
    padding-bottom: calc(var(--spacer-lg) * 2);
  }

  [class~=h-2-1],
:root [desktop~=h-2-1],
:root [lg~=h-2-1] {
    height: calc(32px * 2);
    height: calc(var(--spacer-lg) * 2);
  }

  [class~=w-2-1],
:root [desktop~=w-2-1],
:root [lg~=w-2-1] {
    width: calc(32px * 2);
    width: calc(var(--spacer-lg) * 2);
  }

  [class~=m-3-1],
:root [desktop~=m-3-1],
:root [lg~=m-3-1] {
    margin: calc(32px * 3);
    margin: calc(var(--spacer-lg) * 3);
  }

  [class~=mt-3-1],
:root [desktop~=mt-3-1],
:root [lg~=mt-3-1] {
    margin-top: calc(32px * 3);
    margin-top: calc(var(--spacer-lg) * 3);
  }

  [class~=mb-3-1],
:root [desktop~=mb-3-1],
:root [lg~=mb-3-1] {
    margin-bottom: calc(32px * 3);
    margin-bottom: calc(var(--spacer-lg) * 3);
  }

  [class~=ml-3-1],
:root [desktop~=ml-3-1],
:root [lg~=ml-3-1] {
    margin-left: calc(32px * 3);
    margin-left: calc(var(--spacer-lg) * 3);
  }

  [class~=mr-3-1],
:root [desktop~=mr-3-1],
:root [lg~=mr-3-1] {
    margin-right: calc(32px * 3);
    margin-right: calc(var(--spacer-lg) * 3);
  }

  [class~=mx-3-1],
:root [desktop~=mx-3-1],
:root [lg~=mx-3-1] {
    margin-left: calc(32px * 3);
    margin-left: calc(var(--spacer-lg) * 3);
    margin-right: calc(32px * 3);
    margin-right: calc(var(--spacer-lg) * 3);
  }

  [class~=my-3-1],
:root [desktop~=my-3-1],
:root [lg~=my-3-1] {
    margin-top: calc(32px * 3);
    margin-top: calc(var(--spacer-lg) * 3);
    margin-bottom: calc(32px * 3);
    margin-bottom: calc(var(--spacer-lg) * 3);
  }

  [class~=p-3-1],
:root [desktop~=p-3-1],
:root [lg~=p-3-1] {
    padding: calc(32px * 3);
    padding: calc(var(--spacer-lg) * 3);
  }

  [class~=pt-3-1],
:root [desktop~=pt-3-1],
:root [lg~=pt-3-1] {
    padding-top: calc(32px * 3);
    padding-top: calc(var(--spacer-lg) * 3);
  }

  [class~=pb-3-1],
:root [desktop~=pb-3-1],
:root [lg~=pb-3-1] {
    padding-bottom: calc(32px * 3);
    padding-bottom: calc(var(--spacer-lg) * 3);
  }

  [class~=pl-3-1],
:root [desktop~=pl-3-1],
:root [lg~=pl-3-1] {
    padding-left: calc(32px * 3);
    padding-left: calc(var(--spacer-lg) * 3);
  }

  [class~=pr-3-1],
:root [desktop~=pr-3-1],
:root [lg~=pr-3-1] {
    padding-right: calc(32px * 3);
    padding-right: calc(var(--spacer-lg) * 3);
  }

  [class~=px-3-1],
:root [desktop~=px-3-1],
:root [lg~=px-3-1] {
    padding-left: calc(32px * 3);
    padding-left: calc(var(--spacer-lg) * 3);
    padding-right: calc(32px * 3);
    padding-right: calc(var(--spacer-lg) * 3);
  }

  [class~=py-3-1],
:root [desktop~=py-3-1],
:root [lg~=py-3-1] {
    padding-top: calc(32px * 3);
    padding-top: calc(var(--spacer-lg) * 3);
    padding-bottom: calc(32px * 3);
    padding-bottom: calc(var(--spacer-lg) * 3);
  }

  [class~=h-3-1],
:root [desktop~=h-3-1],
:root [lg~=h-3-1] {
    height: calc(32px * 3);
    height: calc(var(--spacer-lg) * 3);
  }

  [class~=w-3-1],
:root [desktop~=w-3-1],
:root [lg~=w-3-1] {
    width: calc(32px * 3);
    width: calc(var(--spacer-lg) * 3);
  }

  [class~=m-4-1],
:root [desktop~=m-4-1],
:root [lg~=m-4-1] {
    margin: calc(32px * 4);
    margin: calc(var(--spacer-lg) * 4);
  }

  [class~=mt-4-1],
:root [desktop~=mt-4-1],
:root [lg~=mt-4-1] {
    margin-top: calc(32px * 4);
    margin-top: calc(var(--spacer-lg) * 4);
  }

  [class~=mb-4-1],
:root [desktop~=mb-4-1],
:root [lg~=mb-4-1] {
    margin-bottom: calc(32px * 4);
    margin-bottom: calc(var(--spacer-lg) * 4);
  }

  [class~=ml-4-1],
:root [desktop~=ml-4-1],
:root [lg~=ml-4-1] {
    margin-left: calc(32px * 4);
    margin-left: calc(var(--spacer-lg) * 4);
  }

  [class~=mr-4-1],
:root [desktop~=mr-4-1],
:root [lg~=mr-4-1] {
    margin-right: calc(32px * 4);
    margin-right: calc(var(--spacer-lg) * 4);
  }

  [class~=mx-4-1],
:root [desktop~=mx-4-1],
:root [lg~=mx-4-1] {
    margin-left: calc(32px * 4);
    margin-left: calc(var(--spacer-lg) * 4);
    margin-right: calc(32px * 4);
    margin-right: calc(var(--spacer-lg) * 4);
  }

  [class~=my-4-1],
:root [desktop~=my-4-1],
:root [lg~=my-4-1] {
    margin-top: calc(32px * 4);
    margin-top: calc(var(--spacer-lg) * 4);
    margin-bottom: calc(32px * 4);
    margin-bottom: calc(var(--spacer-lg) * 4);
  }

  [class~=p-4-1],
:root [desktop~=p-4-1],
:root [lg~=p-4-1] {
    padding: calc(32px * 4);
    padding: calc(var(--spacer-lg) * 4);
  }

  [class~=pt-4-1],
:root [desktop~=pt-4-1],
:root [lg~=pt-4-1] {
    padding-top: calc(32px * 4);
    padding-top: calc(var(--spacer-lg) * 4);
  }

  [class~=pb-4-1],
:root [desktop~=pb-4-1],
:root [lg~=pb-4-1] {
    padding-bottom: calc(32px * 4);
    padding-bottom: calc(var(--spacer-lg) * 4);
  }

  [class~=pl-4-1],
:root [desktop~=pl-4-1],
:root [lg~=pl-4-1] {
    padding-left: calc(32px * 4);
    padding-left: calc(var(--spacer-lg) * 4);
  }

  [class~=pr-4-1],
:root [desktop~=pr-4-1],
:root [lg~=pr-4-1] {
    padding-right: calc(32px * 4);
    padding-right: calc(var(--spacer-lg) * 4);
  }

  [class~=px-4-1],
:root [desktop~=px-4-1],
:root [lg~=px-4-1] {
    padding-left: calc(32px * 4);
    padding-left: calc(var(--spacer-lg) * 4);
    padding-right: calc(32px * 4);
    padding-right: calc(var(--spacer-lg) * 4);
  }

  [class~=py-4-1],
:root [desktop~=py-4-1],
:root [lg~=py-4-1] {
    padding-top: calc(32px * 4);
    padding-top: calc(var(--spacer-lg) * 4);
    padding-bottom: calc(32px * 4);
    padding-bottom: calc(var(--spacer-lg) * 4);
  }

  [class~=h-4-1],
:root [desktop~=h-4-1],
:root [lg~=h-4-1] {
    height: calc(32px * 4);
    height: calc(var(--spacer-lg) * 4);
  }

  [class~=w-4-1],
:root [desktop~=w-4-1],
:root [lg~=w-4-1] {
    width: calc(32px * 4);
    width: calc(var(--spacer-lg) * 4);
  }

  [class~=m-5-1],
:root [desktop~=m-5-1],
:root [lg~=m-5-1] {
    margin: calc(32px * 5);
    margin: calc(var(--spacer-lg) * 5);
  }

  [class~=mt-5-1],
:root [desktop~=mt-5-1],
:root [lg~=mt-5-1] {
    margin-top: calc(32px * 5);
    margin-top: calc(var(--spacer-lg) * 5);
  }

  [class~=mb-5-1],
:root [desktop~=mb-5-1],
:root [lg~=mb-5-1] {
    margin-bottom: calc(32px * 5);
    margin-bottom: calc(var(--spacer-lg) * 5);
  }

  [class~=ml-5-1],
:root [desktop~=ml-5-1],
:root [lg~=ml-5-1] {
    margin-left: calc(32px * 5);
    margin-left: calc(var(--spacer-lg) * 5);
  }

  [class~=mr-5-1],
:root [desktop~=mr-5-1],
:root [lg~=mr-5-1] {
    margin-right: calc(32px * 5);
    margin-right: calc(var(--spacer-lg) * 5);
  }

  [class~=mx-5-1],
:root [desktop~=mx-5-1],
:root [lg~=mx-5-1] {
    margin-left: calc(32px * 5);
    margin-left: calc(var(--spacer-lg) * 5);
    margin-right: calc(32px * 5);
    margin-right: calc(var(--spacer-lg) * 5);
  }

  [class~=my-5-1],
:root [desktop~=my-5-1],
:root [lg~=my-5-1] {
    margin-top: calc(32px * 5);
    margin-top: calc(var(--spacer-lg) * 5);
    margin-bottom: calc(32px * 5);
    margin-bottom: calc(var(--spacer-lg) * 5);
  }

  [class~=p-5-1],
:root [desktop~=p-5-1],
:root [lg~=p-5-1] {
    padding: calc(32px * 5);
    padding: calc(var(--spacer-lg) * 5);
  }

  [class~=pt-5-1],
:root [desktop~=pt-5-1],
:root [lg~=pt-5-1] {
    padding-top: calc(32px * 5);
    padding-top: calc(var(--spacer-lg) * 5);
  }

  [class~=pb-5-1],
:root [desktop~=pb-5-1],
:root [lg~=pb-5-1] {
    padding-bottom: calc(32px * 5);
    padding-bottom: calc(var(--spacer-lg) * 5);
  }

  [class~=pl-5-1],
:root [desktop~=pl-5-1],
:root [lg~=pl-5-1] {
    padding-left: calc(32px * 5);
    padding-left: calc(var(--spacer-lg) * 5);
  }

  [class~=pr-5-1],
:root [desktop~=pr-5-1],
:root [lg~=pr-5-1] {
    padding-right: calc(32px * 5);
    padding-right: calc(var(--spacer-lg) * 5);
  }

  [class~=px-5-1],
:root [desktop~=px-5-1],
:root [lg~=px-5-1] {
    padding-left: calc(32px * 5);
    padding-left: calc(var(--spacer-lg) * 5);
    padding-right: calc(32px * 5);
    padding-right: calc(var(--spacer-lg) * 5);
  }

  [class~=py-5-1],
:root [desktop~=py-5-1],
:root [lg~=py-5-1] {
    padding-top: calc(32px * 5);
    padding-top: calc(var(--spacer-lg) * 5);
    padding-bottom: calc(32px * 5);
    padding-bottom: calc(var(--spacer-lg) * 5);
  }

  [class~=h-5-1],
:root [desktop~=h-5-1],
:root [lg~=h-5-1] {
    height: calc(32px * 5);
    height: calc(var(--spacer-lg) * 5);
  }

  [class~=w-5-1],
:root [desktop~=w-5-1],
:root [lg~=w-5-1] {
    width: calc(32px * 5);
    width: calc(var(--spacer-lg) * 5);
  }

  [class~=m-6-1],
:root [desktop~=m-6-1],
:root [lg~=m-6-1] {
    margin: calc(32px * 6);
    margin: calc(var(--spacer-lg) * 6);
  }

  [class~=mt-6-1],
:root [desktop~=mt-6-1],
:root [lg~=mt-6-1] {
    margin-top: calc(32px * 6);
    margin-top: calc(var(--spacer-lg) * 6);
  }

  [class~=mb-6-1],
:root [desktop~=mb-6-1],
:root [lg~=mb-6-1] {
    margin-bottom: calc(32px * 6);
    margin-bottom: calc(var(--spacer-lg) * 6);
  }

  [class~=ml-6-1],
:root [desktop~=ml-6-1],
:root [lg~=ml-6-1] {
    margin-left: calc(32px * 6);
    margin-left: calc(var(--spacer-lg) * 6);
  }

  [class~=mr-6-1],
:root [desktop~=mr-6-1],
:root [lg~=mr-6-1] {
    margin-right: calc(32px * 6);
    margin-right: calc(var(--spacer-lg) * 6);
  }

  [class~=mx-6-1],
:root [desktop~=mx-6-1],
:root [lg~=mx-6-1] {
    margin-left: calc(32px * 6);
    margin-left: calc(var(--spacer-lg) * 6);
    margin-right: calc(32px * 6);
    margin-right: calc(var(--spacer-lg) * 6);
  }

  [class~=my-6-1],
:root [desktop~=my-6-1],
:root [lg~=my-6-1] {
    margin-top: calc(32px * 6);
    margin-top: calc(var(--spacer-lg) * 6);
    margin-bottom: calc(32px * 6);
    margin-bottom: calc(var(--spacer-lg) * 6);
  }

  [class~=p-6-1],
:root [desktop~=p-6-1],
:root [lg~=p-6-1] {
    padding: calc(32px * 6);
    padding: calc(var(--spacer-lg) * 6);
  }

  [class~=pt-6-1],
:root [desktop~=pt-6-1],
:root [lg~=pt-6-1] {
    padding-top: calc(32px * 6);
    padding-top: calc(var(--spacer-lg) * 6);
  }

  [class~=pb-6-1],
:root [desktop~=pb-6-1],
:root [lg~=pb-6-1] {
    padding-bottom: calc(32px * 6);
    padding-bottom: calc(var(--spacer-lg) * 6);
  }

  [class~=pl-6-1],
:root [desktop~=pl-6-1],
:root [lg~=pl-6-1] {
    padding-left: calc(32px * 6);
    padding-left: calc(var(--spacer-lg) * 6);
  }

  [class~=pr-6-1],
:root [desktop~=pr-6-1],
:root [lg~=pr-6-1] {
    padding-right: calc(32px * 6);
    padding-right: calc(var(--spacer-lg) * 6);
  }

  [class~=px-6-1],
:root [desktop~=px-6-1],
:root [lg~=px-6-1] {
    padding-left: calc(32px * 6);
    padding-left: calc(var(--spacer-lg) * 6);
    padding-right: calc(32px * 6);
    padding-right: calc(var(--spacer-lg) * 6);
  }

  [class~=py-6-1],
:root [desktop~=py-6-1],
:root [lg~=py-6-1] {
    padding-top: calc(32px * 6);
    padding-top: calc(var(--spacer-lg) * 6);
    padding-bottom: calc(32px * 6);
    padding-bottom: calc(var(--spacer-lg) * 6);
  }

  [class~=h-6-1],
:root [desktop~=h-6-1],
:root [lg~=h-6-1] {
    height: calc(32px * 6);
    height: calc(var(--spacer-lg) * 6);
  }

  [class~=w-6-1],
:root [desktop~=w-6-1],
:root [lg~=w-6-1] {
    width: calc(32px * 6);
    width: calc(var(--spacer-lg) * 6);
  }

  [class~=m-1-2],
:root [desktop~=m-1-2],
:root [lg~=m-1-2] {
    margin: calc(32px / 2);
    margin: calc(var(--spacer-lg) / 2);
  }

  [class~=mt-1-2],
:root [desktop~=mt-1-2],
:root [lg~=mt-1-2] {
    margin-top: calc(32px / 2);
    margin-top: calc(var(--spacer-lg) / 2);
  }

  [class~=mb-1-2],
:root [desktop~=mb-1-2],
:root [lg~=mb-1-2] {
    margin-bottom: calc(32px / 2);
    margin-bottom: calc(var(--spacer-lg) / 2);
  }

  [class~=ml-1-2],
:root [desktop~=ml-1-2],
:root [lg~=ml-1-2] {
    margin-left: calc(32px / 2);
    margin-left: calc(var(--spacer-lg) / 2);
  }

  [class~=mr-1-2],
:root [desktop~=mr-1-2],
:root [lg~=mr-1-2] {
    margin-right: calc(32px / 2);
    margin-right: calc(var(--spacer-lg) / 2);
  }

  [class~=mx-1-2],
:root [desktop~=mx-1-2],
:root [lg~=mx-1-2] {
    margin-left: calc(32px / 2);
    margin-left: calc(var(--spacer-lg) / 2);
    margin-right: calc(32px / 2);
    margin-right: calc(var(--spacer-lg) / 2);
  }

  [class~=my-1-2],
:root [desktop~=my-1-2],
:root [lg~=my-1-2] {
    margin-top: calc(32px / 2);
    margin-top: calc(var(--spacer-lg) / 2);
    margin-bottom: calc(32px / 2);
    margin-bottom: calc(var(--spacer-lg) / 2);
  }

  [class~=p-1-2],
:root [desktop~=p-1-2],
:root [lg~=p-1-2] {
    padding: calc(32px / 2);
    padding: calc(var(--spacer-lg) / 2);
  }

  [class~=pt-1-2],
:root [desktop~=pt-1-2],
:root [lg~=pt-1-2] {
    padding-top: calc(32px / 2);
    padding-top: calc(var(--spacer-lg) / 2);
  }

  [class~=pb-1-2],
:root [desktop~=pb-1-2],
:root [lg~=pb-1-2] {
    padding-bottom: calc(32px / 2);
    padding-bottom: calc(var(--spacer-lg) / 2);
  }

  [class~=pl-1-2],
:root [desktop~=pl-1-2],
:root [lg~=pl-1-2] {
    padding-left: calc(32px / 2);
    padding-left: calc(var(--spacer-lg) / 2);
  }

  [class~=pr-1-2],
:root [desktop~=pr-1-2],
:root [lg~=pr-1-2] {
    padding-right: calc(32px / 2);
    padding-right: calc(var(--spacer-lg) / 2);
  }

  [class~=px-1-2],
:root [desktop~=px-1-2],
:root [lg~=px-1-2] {
    padding-left: calc(32px / 2);
    padding-left: calc(var(--spacer-lg) / 2);
    padding-right: calc(32px / 2);
    padding-right: calc(var(--spacer-lg) / 2);
  }

  [class~=py-1-2],
:root [desktop~=py-1-2],
:root [lg~=py-1-2] {
    padding-top: calc(32px / 2);
    padding-top: calc(var(--spacer-lg) / 2);
    padding-bottom: calc(32px / 2);
    padding-bottom: calc(var(--spacer-lg) / 2);
  }

  [class~=h-1-2],
:root [desktop~=h-1-2],
:root [lg~=h-1-2] {
    height: calc(32px / 2);
    height: calc(var(--spacer-lg) / 2);
  }

  [class~=w-1-2],
:root [desktop~=w-1-2],
:root [lg~=w-1-2] {
    width: calc(32px / 2);
    width: calc(var(--spacer-lg) / 2);
  }

  [class~=m-1-3],
:root [desktop~=m-1-3],
:root [lg~=m-1-3] {
    margin: calc(32px / 3);
    margin: calc(var(--spacer-lg) / 3);
  }

  [class~=mt-1-3],
:root [desktop~=mt-1-3],
:root [lg~=mt-1-3] {
    margin-top: calc(32px / 3);
    margin-top: calc(var(--spacer-lg) / 3);
  }

  [class~=mb-1-3],
:root [desktop~=mb-1-3],
:root [lg~=mb-1-3] {
    margin-bottom: calc(32px / 3);
    margin-bottom: calc(var(--spacer-lg) / 3);
  }

  [class~=ml-1-3],
:root [desktop~=ml-1-3],
:root [lg~=ml-1-3] {
    margin-left: calc(32px / 3);
    margin-left: calc(var(--spacer-lg) / 3);
  }

  [class~=mr-1-3],
:root [desktop~=mr-1-3],
:root [lg~=mr-1-3] {
    margin-right: calc(32px / 3);
    margin-right: calc(var(--spacer-lg) / 3);
  }

  [class~=mx-1-3],
:root [desktop~=mx-1-3],
:root [lg~=mx-1-3] {
    margin-left: calc(32px / 3);
    margin-left: calc(var(--spacer-lg) / 3);
    margin-right: calc(32px / 3);
    margin-right: calc(var(--spacer-lg) / 3);
  }

  [class~=my-1-3],
:root [desktop~=my-1-3],
:root [lg~=my-1-3] {
    margin-top: calc(32px / 3);
    margin-top: calc(var(--spacer-lg) / 3);
    margin-bottom: calc(32px / 3);
    margin-bottom: calc(var(--spacer-lg) / 3);
  }

  [class~=p-1-3],
:root [desktop~=p-1-3],
:root [lg~=p-1-3] {
    padding: calc(32px / 3);
    padding: calc(var(--spacer-lg) / 3);
  }

  [class~=pt-1-3],
:root [desktop~=pt-1-3],
:root [lg~=pt-1-3] {
    padding-top: calc(32px / 3);
    padding-top: calc(var(--spacer-lg) / 3);
  }

  [class~=pb-1-3],
:root [desktop~=pb-1-3],
:root [lg~=pb-1-3] {
    padding-bottom: calc(32px / 3);
    padding-bottom: calc(var(--spacer-lg) / 3);
  }

  [class~=pl-1-3],
:root [desktop~=pl-1-3],
:root [lg~=pl-1-3] {
    padding-left: calc(32px / 3);
    padding-left: calc(var(--spacer-lg) / 3);
  }

  [class~=pr-1-3],
:root [desktop~=pr-1-3],
:root [lg~=pr-1-3] {
    padding-right: calc(32px / 3);
    padding-right: calc(var(--spacer-lg) / 3);
  }

  [class~=px-1-3],
:root [desktop~=px-1-3],
:root [lg~=px-1-3] {
    padding-left: calc(32px / 3);
    padding-left: calc(var(--spacer-lg) / 3);
    padding-right: calc(32px / 3);
    padding-right: calc(var(--spacer-lg) / 3);
  }

  [class~=py-1-3],
:root [desktop~=py-1-3],
:root [lg~=py-1-3] {
    padding-top: calc(32px / 3);
    padding-top: calc(var(--spacer-lg) / 3);
    padding-bottom: calc(32px / 3);
    padding-bottom: calc(var(--spacer-lg) / 3);
  }

  [class~=h-1-3],
:root [desktop~=h-1-3],
:root [lg~=h-1-3] {
    height: calc(32px / 3);
    height: calc(var(--spacer-lg) / 3);
  }

  [class~=w-1-3],
:root [desktop~=w-1-3],
:root [lg~=w-1-3] {
    width: calc(32px / 3);
    width: calc(var(--spacer-lg) / 3);
  }

  [class~=m-1-4],
:root [desktop~=m-1-4],
:root [lg~=m-1-4] {
    margin: calc(32px / 4);
    margin: calc(var(--spacer-lg) / 4);
  }

  [class~=mt-1-4],
:root [desktop~=mt-1-4],
:root [lg~=mt-1-4] {
    margin-top: calc(32px / 4);
    margin-top: calc(var(--spacer-lg) / 4);
  }

  [class~=mb-1-4],
:root [desktop~=mb-1-4],
:root [lg~=mb-1-4] {
    margin-bottom: calc(32px / 4);
    margin-bottom: calc(var(--spacer-lg) / 4);
  }

  [class~=ml-1-4],
:root [desktop~=ml-1-4],
:root [lg~=ml-1-4] {
    margin-left: calc(32px / 4);
    margin-left: calc(var(--spacer-lg) / 4);
  }

  [class~=mr-1-4],
:root [desktop~=mr-1-4],
:root [lg~=mr-1-4] {
    margin-right: calc(32px / 4);
    margin-right: calc(var(--spacer-lg) / 4);
  }

  [class~=mx-1-4],
:root [desktop~=mx-1-4],
:root [lg~=mx-1-4] {
    margin-left: calc(32px / 4);
    margin-left: calc(var(--spacer-lg) / 4);
    margin-right: calc(32px / 4);
    margin-right: calc(var(--spacer-lg) / 4);
  }

  [class~=my-1-4],
:root [desktop~=my-1-4],
:root [lg~=my-1-4] {
    margin-top: calc(32px / 4);
    margin-top: calc(var(--spacer-lg) / 4);
    margin-bottom: calc(32px / 4);
    margin-bottom: calc(var(--spacer-lg) / 4);
  }

  [class~=p-1-4],
:root [desktop~=p-1-4],
:root [lg~=p-1-4] {
    padding: calc(32px / 4);
    padding: calc(var(--spacer-lg) / 4);
  }

  [class~=pt-1-4],
:root [desktop~=pt-1-4],
:root [lg~=pt-1-4] {
    padding-top: calc(32px / 4);
    padding-top: calc(var(--spacer-lg) / 4);
  }

  [class~=pb-1-4],
:root [desktop~=pb-1-4],
:root [lg~=pb-1-4] {
    padding-bottom: calc(32px / 4);
    padding-bottom: calc(var(--spacer-lg) / 4);
  }

  [class~=pl-1-4],
:root [desktop~=pl-1-4],
:root [lg~=pl-1-4] {
    padding-left: calc(32px / 4);
    padding-left: calc(var(--spacer-lg) / 4);
  }

  [class~=pr-1-4],
:root [desktop~=pr-1-4],
:root [lg~=pr-1-4] {
    padding-right: calc(32px / 4);
    padding-right: calc(var(--spacer-lg) / 4);
  }

  [class~=px-1-4],
:root [desktop~=px-1-4],
:root [lg~=px-1-4] {
    padding-left: calc(32px / 4);
    padding-left: calc(var(--spacer-lg) / 4);
    padding-right: calc(32px / 4);
    padding-right: calc(var(--spacer-lg) / 4);
  }

  [class~=py-1-4],
:root [desktop~=py-1-4],
:root [lg~=py-1-4] {
    padding-top: calc(32px / 4);
    padding-top: calc(var(--spacer-lg) / 4);
    padding-bottom: calc(32px / 4);
    padding-bottom: calc(var(--spacer-lg) / 4);
  }

  [class~=h-1-4],
:root [desktop~=h-1-4],
:root [lg~=h-1-4] {
    height: calc(32px / 4);
    height: calc(var(--spacer-lg) / 4);
  }

  [class~=w-1-4],
:root [desktop~=w-1-4],
:root [lg~=w-1-4] {
    width: calc(32px / 4);
    width: calc(var(--spacer-lg) / 4);
  }

  [class~=m-0],
:root [desktop~=m-0],
:root [lg~=m-0] {
    margin: 0;
  }

  [class~=mt-0],
:root [desktop~=mt-0],
:root [lg~=mt-0] {
    margin-top: 0;
  }

  [class~=mb-0],
:root [desktop~=mb-0],
:root [lg~=mb-0] {
    margin-bottom: 0;
  }

  [class~=ml-0],
:root [desktop~=ml-0],
:root [lg~=ml-0] {
    margin-left: 0;
  }

  [class~=mr-0],
:root [desktop~=mr-0],
:root [lg~=mr-0] {
    margin-right: 0;
  }

  [class~=mx-0],
:root [desktop~=mx-0],
:root [lg~=mx-0] {
    margin-left: 0;
    margin-right: 0;
  }

  [class~=my-0],
:root [desktop~=my-0],
:root [lg~=my-0] {
    margin-top: 0;
    margin-bottom: 0;
  }

  [class~=p-0],
:root [desktop~=p-0],
:root [lg~=p-0] {
    padding: 0;
  }

  [class~=pt-0],
:root [desktop~=pt-0],
:root [lg~=pt-0] {
    padding-top: 0;
  }

  [class~=pb-0],
:root [desktop~=pb-0],
:root [lg~=pb-0] {
    padding-bottom: 0;
  }

  [class~=pl-0],
:root [desktop~=pl-0],
:root [lg~=pl-0] {
    padding-left: 0;
  }

  [class~=pr-0],
:root [desktop~=pr-0],
:root [lg~=pr-0] {
    padding-right: 0;
  }

  [class~=px-0],
:root [desktop~=px-0],
:root [lg~=px-0] {
    padding-left: 0;
    padding-right: 0;
  }

  [class~=py-0],
:root [desktop~=py-0],
:root [lg~=py-0] {
    padding-top: 0;
    padding-bottom: 0;
  }

  [class~=h-0],
:root [desktop~=h-0],
:root [lg~=h-0] {
    height: 0;
  }

  [class~=w-0],
:root [desktop~=w-0],
:root [lg~=w-0] {
    width: 0;
  }

  [class~=gutter],
:root [desktop~=gutter],
:root [lg~=gutter] {
    margin-left: calc(32px * -1);
    margin-left: calc(var(--gutter-lg) * -1);
    margin-right: calc(32px * -1);
    margin-right: calc(var(--gutter-lg) * -1);
  }
  [class~=gutter] > *,
:root [desktop~=gutter] > *,
:root [lg~=gutter] > * {
    padding-left: calc(32px * 1);
    padding-left: calc(var(--gutter-lg) * 1);
    padding-right: calc(32px * 1);
    padding-right: calc(var(--gutter-lg) * 1);
  }

  [class~=gutter-1-2],
:root [desktop~=gutter-1-2],
:root [lg~=gutter-1-2] {
    margin-left: calc(32px * -0.5);
    margin-left: calc(var(--gutter-lg) * -0.5);
    margin-right: calc(32px * -0.5);
    margin-right: calc(var(--gutter-lg) * -0.5);
  }
  [class~=gutter-1-2] > *,
:root [desktop~=gutter-1-2] > *,
:root [lg~=gutter-1-2] > * {
    padding-left: calc(32px * 0.5);
    padding-left: calc(var(--gutter-lg) * 0.5);
    padding-right: calc(32px * 0.5);
    padding-right: calc(var(--gutter-lg) * 0.5);
  }

  [class~=gutter-1-3],
:root [desktop~=gutter-1-3],
:root [lg~=gutter-1-3] {
    margin-left: calc(32px * -0.333);
    margin-left: calc(var(--gutter-lg) * -0.333);
    margin-right: calc(32px * -0.333);
    margin-right: calc(var(--gutter-lg) * -0.333);
  }
  [class~=gutter-1-3] > *,
:root [desktop~=gutter-1-3] > *,
:root [lg~=gutter-1-3] > * {
    padding-left: calc(32px * 0.333);
    padding-left: calc(var(--gutter-lg) * 0.333);
    padding-right: calc(32px * 0.333);
    padding-right: calc(var(--gutter-lg) * 0.333);
  }

  [class~=gutter-2-1],
:root [desktop~=gutter-2-1],
:root [lg~=gutter-2-1] {
    margin-left: calc(32px * -2);
    margin-left: calc(var(--gutter-lg) * -2);
    margin-right: calc(32px * -2);
    margin-right: calc(var(--gutter-lg) * -2);
  }
  [class~=gutter-2-1] > *,
:root [desktop~=gutter-2-1] > *,
:root [lg~=gutter-2-1] > * {
    padding-left: calc(32px * 2);
    padding-left: calc(var(--gutter-lg) * 2);
    padding-right: calc(32px * 2);
    padding-right: calc(var(--gutter-lg) * 2);
  }

  [class~=row-12],
:root [desktop~=row-12],
:root [lg~=row-12] {
    min-height: 100vh;
  }

  [class~=row-11],
:root [desktop~=row-11],
:root [lg~=row-11] {
    min-height: 91.6666666667vh;
  }

  [class~=row-10],
:root [desktop~=row-10],
:root [lg~=row-10] {
    min-height: 83.3333333333vh;
  }

  [class~=row-9],
:root [desktop~=row-9],
:root [lg~=row-9] {
    min-height: 75vh;
  }

  [class~=row-8],
:root [desktop~=row-8],
:root [lg~=row-8] {
    min-height: 66.6666666667vh;
  }

  [class~=row-7],
:root [desktop~=row-7],
:root [lg~=row-7] {
    min-height: 58.3333333333vh;
  }

  [class~=row-6],
:root [desktop~=row-6],
:root [lg~=row-6] {
    min-height: 50vh;
  }

  [class~=row-5],
:root [desktop~=row-5],
:root [lg~=row-5] {
    min-height: 41.6666666667vh;
  }

  [class~=row-4],
:root [desktop~=row-4],
:root [lg~=row-4] {
    min-height: 33.3333333333vh;
  }

  [class~=row-3],
:root [desktop~=row-3],
:root [lg~=row-3] {
    min-height: 25vh;
  }

  [class~=row-2],
:root [desktop~=row-2],
:root [lg~=row-2] {
    min-height: 16.6666666667vh;
  }

  [class~=row-1],
:root [desktop~=row-1],
:root [lg~=row-1] {
    min-height: 8.3333333333vh;
  }

  [class~=col-12],
:root [desktop~=col-12],
:root [lg~=col-12] {
    width: 100%;
  }

  [class~=col-11],
:root [desktop~=col-11],
:root [lg~=col-11] {
    width: 91.6666666667%;
  }

  [class~=col-10],
:root [desktop~=col-10],
:root [lg~=col-10] {
    width: 83.3333333333%;
  }

  [class~=col-9],
:root [desktop~=col-9],
:root [lg~=col-9] {
    width: 75%;
  }

  [class~=col-8],
:root [desktop~=col-8],
:root [lg~=col-8] {
    width: 66.6666666667%;
  }

  [class~=col-7],
:root [desktop~=col-7],
:root [lg~=col-7] {
    width: 58.3333333333%;
  }

  [class~=col-6],
:root [desktop~=col-6],
:root [lg~=col-6] {
    width: 50%;
  }

  [class~=col-5],
:root [desktop~=col-5],
:root [lg~=col-5] {
    width: 41.6666666667%;
  }

  [class~=col-4],
:root [desktop~=col-4],
:root [lg~=col-4] {
    width: 33.3333333333%;
  }

  [class~=col-3],
:root [desktop~=col-3],
:root [lg~=col-3] {
    width: 25%;
  }

  [class~=col-2],
:root [desktop~=col-2],
:root [lg~=col-2] {
    width: 16.6666666667%;
  }

  [class~=col-1],
:root [desktop~=col-1],
:root [lg~=col-1] {
    width: 8.3333333333%;
  }

  [class~=row],
[class~=column],
:root [desktop~=row],
:root [desktop~=column],
:root [lg~=row],
:root [lg~=column] {
    display: flex;
  }
  [class~=row] > *,
[class~=column] > *,
:root [desktop~=row] > *,
:root [desktop~=column] > *,
:root [lg~=row] > *,
:root [lg~=column] > * {
    flex-grow: 0;
  }

  [class~=column],
:root [desktop~=column],
:root [lg~=column] {
    flex-direction: column;
  }

  [class~=row],
:root [desktop~=row],
:root [lg~=row] {
    flex-direction: row;
  }

  [class~=column-reverse],
:root [desktop~=column-reverse],
:root [lg~=column-reverse] {
    flex-direction: column-reverse;
  }

  [class~=row-reverse],
:root [desktop~=row-reverse],
:root [lg~=row-reverse] {
    flex-direction: row-reverse;
  }

  [class~=row][class~=v-center], [class~=column][class~=h-center],
:root [desktop~=row][desktop~=v-center], :root [desktop~=column][desktop~=h-center],
:root [lg~=row][lg~=v-center], :root [lg~=column][lg~=h-center] {
    align-items: center;
  }

  [class~=row][class~=v-start], [class~=column][class~=h-start],
:root [desktop~=row][desktop~=v-start], :root [desktop~=column][desktop~=h-start],
:root [lg~=row][lg~=v-start], :root [lg~=column][lg~=h-start] {
    align-items: flex-start;
  }

  [class~=row][class~=v-end], [class~=column][class~=h-end],
:root [desktop~=row][desktop~=v-end], :root [desktop~=column][desktop~=h-end],
:root [lg~=row][lg~=v-end], :root [lg~=column][lg~=h-end] {
    align-items: flex-end;
  }

  [class~=row][class~=v-stretch], [class~=column][class~=h-stretch],
:root [desktop~=row][desktop~=v-stretch], :root [desktop~=column][desktop~=h-stretch],
:root [lg~=row][lg~=v-stretch], :root [lg~=column][lg~=h-stretch] {
    align-items: stretch;
  }

  [class~=row][class~=h-center], [class~=column][class~=v-center],
:root [desktop~=row][desktop~=h-center], :root [desktop~=column][desktop~=v-center],
:root [lg~=row][lg~=h-center], :root [lg~=column][lg~=v-center] {
    justify-content: center;
  }

  [class~=row][class~=h-start], [class~=column][class~=v-start],
:root [desktop~=row][desktop~=h-start], :root [desktop~=column][desktop~=v-start],
:root [lg~=row][lg~=h-start], :root [lg~=column][lg~=v-start] {
    justify-content: flex-start;
  }

  [class~=row][class~=h-end], [class~=column][class~=v-end],
:root [desktop~=row][desktop~=h-end], :root [desktop~=column][desktop~=v-end],
:root [lg~=row][lg~=h-end], :root [lg~=column][lg~=v-end] {
    justify-content: flex-end;
  }

  [class~=row][class~=h-spacein], [class~=column][class~=v-spacein],
:root [desktop~=row][desktop~=h-spacein], :root [desktop~=column][desktop~=v-spacein],
:root [lg~=row][lg~=h-spacein], :root [lg~=column][lg~=v-spacein] {
    justify-content: space-between;
  }

  [class~=row][class~=h-spaceout], [class~=column][class~=v-spaceout],
:root [desktop~=row][desktop~=h-spaceout], :root [desktop~=column][desktop~=v-spaceout],
:root [lg~=row][lg~=h-spaceout], :root [lg~=column][lg~=v-spaceout] {
    justify-content: space-around;
  }

  [class~=row] > [class~=v-self-center], [class~=column] > [class~=h-self-center],
:root [desktop~=row] > [desktop~=v-self-center], :root [desktop~=column] > [desktop~=h-self-center],
:root [lg~=row] > [lg~=v-self-center], :root [lg~=column] > [lg~=h-self-center] {
    align-self: center;
  }

  [class~=row] > [class~=v-self-start], [class~=column] > [class~=h-self-start],
:root [desktop~=row] > [desktop~=v-self-start], :root [desktop~=column] > [desktop~=h-self-start],
:root [lg~=row] > [lg~=v-self-start], :root [lg~=column] > [lg~=h-self-start] {
    align-self: flex-start;
  }

  [class~=row] > [class~=v-self-end], [class~=column] > [class~=h-self-end],
:root [desktop~=row] > [desktop~=v-self-end], :root [desktop~=column] > [desktop~=h-self-end],
:root [lg~=row] > [lg~=v-self-end], :root [lg~=column] > [lg~=h-self-end] {
    align-self: flex-end;
  }

  [class~=row] > [class~=v-self-stretch], [class~=column] > [class~=h-self-stretch],
:root [desktop~=row] > [desktop~=v-self-stretch], :root [desktop~=column] > [desktop~=h-self-stretch],
:root [lg~=row] > [lg~=v-self-stretch], :root [lg~=column] > [lg~=h-self-stretch] {
    align-self: stretch;
  }

  [class~=row] > [class~=v-self-selfstart], [class~=column] > [class~=h-self-selfstart],
:root [desktop~=row] > [desktop~=v-self-selfstart], :root [desktop~=column] > [desktop~=h-self-selfstart],
:root [lg~=row] > [lg~=v-self-selfstart], :root [lg~=column] > [lg~=h-self-selfstart] {
    align-self: self-start;
  }

  [class~=row] > [class~=v-self-selfend], [class~=column] > [class~=h-self-selfend],
:root [desktop~=row] > [desktop~=v-self-selfend], :root [desktop~=column] > [desktop~=h-self-selfend],
:root [lg~=row] > [lg~=v-self-selfend], :root [lg~=column] > [lg~=h-self-selfend] {
    align-self: self-end;
  }

  [class~=row] > [class~=h-self-center], [class~=column] > [class~=v-self-center],
:root [desktop~=row] > [desktop~=h-self-center], :root [desktop~=column] > [desktop~=v-self-center],
:root [lg~=row] > [lg~=h-self-center], :root [lg~=column] > [lg~=v-self-center] {
    justify-self: center;
  }

  [class~=row] > [class~=h-self-start], [class~=column] > [class~=v-self-start],
:root [desktop~=row] > [desktop~=h-self-start], :root [desktop~=column] > [desktop~=v-self-start],
:root [lg~=row] > [lg~=h-self-start], :root [lg~=column] > [lg~=v-self-start] {
    justify-self: flex-start;
  }

  [class~=row] > [class~=h-self-end], [class~=column] > [class~=v-self-end],
:root [desktop~=row] > [desktop~=h-self-end], :root [desktop~=column] > [desktop~=v-self-end],
:root [lg~=row] > [lg~=h-self-end], :root [lg~=column] > [lg~=v-self-end] {
    justify-self: flex-end;
  }

  [class~=row] > [class~=h-self-stretch], [class~=column] > [class~=v-self-stretch],
:root [desktop~=row] > [desktop~=h-self-stretch], :root [desktop~=column] > [desktop~=v-self-stretch],
:root [lg~=row] > [lg~=h-self-stretch], :root [lg~=column] > [lg~=v-self-stretch] {
    justify-self: stretch;
  }

  [class~=row] > [class~=h-self-selfstart], [class~=column] > [class~=v-self-selfstart],
:root [desktop~=row] > [desktop~=h-self-selfstart], :root [desktop~=column] > [desktop~=v-self-selfstart],
:root [lg~=row] > [lg~=h-self-selfstart], :root [lg~=column] > [lg~=v-self-selfstart] {
    justify-self: self-start;
  }

  [class~=row] > [class~=h-self-selfend], [class~=column] > [class~=v-self-selfend],
:root [desktop~=row] > [desktop~=h-self-selfend], :root [desktop~=column] > [desktop~=v-self-selfend],
:root [lg~=row] > [lg~=h-self-selfend], :root [lg~=column] > [lg~=v-self-selfend] {
    justify-self: self-end;
  }

  [class~=row] > [class~=h-self-left], [class~=column] > [class~=v-self-left],
:root [desktop~=row] > [desktop~=h-self-left], :root [desktop~=column] > [desktop~=v-self-left],
:root [lg~=row] > [lg~=h-self-left], :root [lg~=column] > [lg~=v-self-left] {
    justify-self: left;
  }

  [class~=row] > [class~=h-self-right], [class~=column] > [class~=v-self-right],
:root [desktop~=row] > [desktop~=h-self-right], :root [desktop~=column] > [desktop~=v-self-right],
:root [lg~=row] > [lg~=h-self-right], :root [lg~=column] > [lg~=v-self-right] {
    justify-self: right;
  }

  .flex-grow-lg-1 {
    flex-grow: 1;
  }

  .flex-grow-lg-2 {
    flex-grow: 2;
  }

  .flex-grow-lg-3 {
    flex-grow: 3;
  }

  .flex-grow-lg-4 {
    flex-grow: 4;
  }

  .flex-grow-lg-5 {
    flex-grow: 5;
  }

  .flex-grow-lg-6 {
    flex-grow: 6;
  }

  .flex-grow-lg-7 {
    flex-grow: 7;
  }

  .flex-grow-lg-8 {
    flex-grow: 8;
  }

  .flex-grow-lg-9 {
    flex-grow: 9;
  }

  .flex-grow-lg-10 {
    flex-grow: 10;
  }

  [class*=d-flex],
:root [desktop*=d-flex],
:root [lg*=d-flex] {
    display: flex;
  }

  [class*=d-inline],
:root [desktop*=d-inline],
:root [lg*=d-inline] {
    display: inline;
  }

  [class*=d-inline-block],
:root [desktop*=d-inline-block],
:root [lg*=d-inline-block] {
    display: inline-block;
  }

  [class*=d-block],
:root [desktop*=d-block],
:root [lg*=d-block] {
    display: block;
  }

  [class*=absolute],
:root [desktop*=absolute],
:root [lg*=absolute] {
    position: absolute;
  }

  [class*=fixed],
:root [desktop*=fixed],
:root [lg*=fixed] {
    position: fixed;
  }

  [class*=inherit],
:root [desktop*=inherit],
:root [lg*=inherit] {
    position: inherit;
  }

  [class*=relative],
:root [desktop*=relative],
:root [lg*=relative] {
    position: relative;
  }

  [class*=sticky],
:root [desktop*=sticky],
:root [lg*=sticky] {
    position: -webkit-sticky;
    position: sticky;
  }

  [class*=top-0],
:root [desktop*=top-0],
:root [lg*=top-0] {
    top: 0;
  }

  [class*=top-inherit],
:root [lg*=top-inherit] {
    top: inherit;
  }

  [class*=left-0],
:root [desktop*=left-0],
:root [lg*=left-0] {
    left: 0;
  }

  [class*=left-inherit],
:root [lg*=left-inherit] {
    left: inherit;
  }

  [class*=right-0],
:root [desktop*=right-0],
:root [lg*=right-0] {
    right: 0;
  }

  [class*=right-inherit],
:root [lg*=right-inherit] {
    right: inherit;
  }

  [class*=bottom-0],
:root [desktop*=bottom-0],
:root [lg*=bottom-0] {
    bottom: 0;
  }

  [class*=bottom-inherit],
:root [lg*=bottom-inherit] {
    bottom: inherit;
  }

  [desktop*=text-center],
[lg*=text-center] {
    text-align: center;
  }

  [desktop*=text-left],
[lg*=text-left] {
    text-align: left;
  }

  [desktop*=text-right],
[lg*=text-right] {
    text-align: right;
  }

  [desktop*=text-justify],
[lg*=text-justify] {
    text-align: justify;
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  [class~=m-1-1],
:root [desktop~=m-1-1],
:root [xl~=m-1-1] {
    margin: calc(36px * 1);
    margin: calc(var(--spacer-xl) * 1);
  }

  [class~=mt-1-1],
:root [desktop~=mt-1-1],
:root [xl~=mt-1-1] {
    margin-top: calc(36px * 1);
    margin-top: calc(var(--spacer-xl) * 1);
  }

  [class~=mb-1-1],
:root [desktop~=mb-1-1],
:root [xl~=mb-1-1] {
    margin-bottom: calc(36px * 1);
    margin-bottom: calc(var(--spacer-xl) * 1);
  }

  [class~=ml-1-1],
:root [desktop~=ml-1-1],
:root [xl~=ml-1-1] {
    margin-left: calc(36px * 1);
    margin-left: calc(var(--spacer-xl) * 1);
  }

  [class~=mr-1-1],
:root [desktop~=mr-1-1],
:root [xl~=mr-1-1] {
    margin-right: calc(36px * 1);
    margin-right: calc(var(--spacer-xl) * 1);
  }

  [class~=mx-1-1],
:root [desktop~=mx-1-1],
:root [xl~=mx-1-1] {
    margin-left: calc(36px * 1);
    margin-left: calc(var(--spacer-xl) * 1);
    margin-right: calc(36px * 1);
    margin-right: calc(var(--spacer-xl) * 1);
  }

  [class~=my-1-1],
:root [desktop~=my-1-1],
:root [xl~=my-1-1] {
    margin-top: calc(36px * 1);
    margin-top: calc(var(--spacer-xl) * 1);
    margin-bottom: calc(36px * 1);
    margin-bottom: calc(var(--spacer-xl) * 1);
  }

  [class~=p-1-1],
:root [desktop~=p-1-1],
:root [xl~=p-1-1] {
    padding: calc(36px * 1);
    padding: calc(var(--spacer-xl) * 1);
  }

  [class~=pt-1-1],
:root [desktop~=pt-1-1],
:root [xl~=pt-1-1] {
    padding-top: calc(36px * 1);
    padding-top: calc(var(--spacer-xl) * 1);
  }

  [class~=pb-1-1],
:root [desktop~=pb-1-1],
:root [xl~=pb-1-1] {
    padding-bottom: calc(36px * 1);
    padding-bottom: calc(var(--spacer-xl) * 1);
  }

  [class~=pl-1-1],
:root [desktop~=pl-1-1],
:root [xl~=pl-1-1] {
    padding-left: calc(36px * 1);
    padding-left: calc(var(--spacer-xl) * 1);
  }

  [class~=pr-1-1],
:root [desktop~=pr-1-1],
:root [xl~=pr-1-1] {
    padding-right: calc(36px * 1);
    padding-right: calc(var(--spacer-xl) * 1);
  }

  [class~=px-1-1],
:root [desktop~=px-1-1],
:root [xl~=px-1-1] {
    padding-left: calc(36px * 1);
    padding-left: calc(var(--spacer-xl) * 1);
    padding-right: calc(36px * 1);
    padding-right: calc(var(--spacer-xl) * 1);
  }

  [class~=py-1-1],
:root [desktop~=py-1-1],
:root [xl~=py-1-1] {
    padding-top: calc(36px * 1);
    padding-top: calc(var(--spacer-xl) * 1);
    padding-bottom: calc(36px * 1);
    padding-bottom: calc(var(--spacer-xl) * 1);
  }

  [class~=h-1-1],
:root [desktop~=h-1-1],
:root [xl~=h-1-1] {
    height: calc(36px * 1);
    height: calc(var(--spacer-xl) * 1);
  }

  [class~=w-1-1],
:root [desktop~=w-1-1],
:root [xl~=w-1-1] {
    width: calc(36px * 1);
    width: calc(var(--spacer-xl) * 1);
  }

  [class~=m-2-1],
:root [desktop~=m-2-1],
:root [xl~=m-2-1] {
    margin: calc(36px * 2);
    margin: calc(var(--spacer-xl) * 2);
  }

  [class~=mt-2-1],
:root [desktop~=mt-2-1],
:root [xl~=mt-2-1] {
    margin-top: calc(36px * 2);
    margin-top: calc(var(--spacer-xl) * 2);
  }

  [class~=mb-2-1],
:root [desktop~=mb-2-1],
:root [xl~=mb-2-1] {
    margin-bottom: calc(36px * 2);
    margin-bottom: calc(var(--spacer-xl) * 2);
  }

  [class~=ml-2-1],
:root [desktop~=ml-2-1],
:root [xl~=ml-2-1] {
    margin-left: calc(36px * 2);
    margin-left: calc(var(--spacer-xl) * 2);
  }

  [class~=mr-2-1],
:root [desktop~=mr-2-1],
:root [xl~=mr-2-1] {
    margin-right: calc(36px * 2);
    margin-right: calc(var(--spacer-xl) * 2);
  }

  [class~=mx-2-1],
:root [desktop~=mx-2-1],
:root [xl~=mx-2-1] {
    margin-left: calc(36px * 2);
    margin-left: calc(var(--spacer-xl) * 2);
    margin-right: calc(36px * 2);
    margin-right: calc(var(--spacer-xl) * 2);
  }

  [class~=my-2-1],
:root [desktop~=my-2-1],
:root [xl~=my-2-1] {
    margin-top: calc(36px * 2);
    margin-top: calc(var(--spacer-xl) * 2);
    margin-bottom: calc(36px * 2);
    margin-bottom: calc(var(--spacer-xl) * 2);
  }

  [class~=p-2-1],
:root [desktop~=p-2-1],
:root [xl~=p-2-1] {
    padding: calc(36px * 2);
    padding: calc(var(--spacer-xl) * 2);
  }

  [class~=pt-2-1],
:root [desktop~=pt-2-1],
:root [xl~=pt-2-1] {
    padding-top: calc(36px * 2);
    padding-top: calc(var(--spacer-xl) * 2);
  }

  [class~=pb-2-1],
:root [desktop~=pb-2-1],
:root [xl~=pb-2-1] {
    padding-bottom: calc(36px * 2);
    padding-bottom: calc(var(--spacer-xl) * 2);
  }

  [class~=pl-2-1],
:root [desktop~=pl-2-1],
:root [xl~=pl-2-1] {
    padding-left: calc(36px * 2);
    padding-left: calc(var(--spacer-xl) * 2);
  }

  [class~=pr-2-1],
:root [desktop~=pr-2-1],
:root [xl~=pr-2-1] {
    padding-right: calc(36px * 2);
    padding-right: calc(var(--spacer-xl) * 2);
  }

  [class~=px-2-1],
:root [desktop~=px-2-1],
:root [xl~=px-2-1] {
    padding-left: calc(36px * 2);
    padding-left: calc(var(--spacer-xl) * 2);
    padding-right: calc(36px * 2);
    padding-right: calc(var(--spacer-xl) * 2);
  }

  [class~=py-2-1],
:root [desktop~=py-2-1],
:root [xl~=py-2-1] {
    padding-top: calc(36px * 2);
    padding-top: calc(var(--spacer-xl) * 2);
    padding-bottom: calc(36px * 2);
    padding-bottom: calc(var(--spacer-xl) * 2);
  }

  [class~=h-2-1],
:root [desktop~=h-2-1],
:root [xl~=h-2-1] {
    height: calc(36px * 2);
    height: calc(var(--spacer-xl) * 2);
  }

  [class~=w-2-1],
:root [desktop~=w-2-1],
:root [xl~=w-2-1] {
    width: calc(36px * 2);
    width: calc(var(--spacer-xl) * 2);
  }

  [class~=m-3-1],
:root [desktop~=m-3-1],
:root [xl~=m-3-1] {
    margin: calc(36px * 3);
    margin: calc(var(--spacer-xl) * 3);
  }

  [class~=mt-3-1],
:root [desktop~=mt-3-1],
:root [xl~=mt-3-1] {
    margin-top: calc(36px * 3);
    margin-top: calc(var(--spacer-xl) * 3);
  }

  [class~=mb-3-1],
:root [desktop~=mb-3-1],
:root [xl~=mb-3-1] {
    margin-bottom: calc(36px * 3);
    margin-bottom: calc(var(--spacer-xl) * 3);
  }

  [class~=ml-3-1],
:root [desktop~=ml-3-1],
:root [xl~=ml-3-1] {
    margin-left: calc(36px * 3);
    margin-left: calc(var(--spacer-xl) * 3);
  }

  [class~=mr-3-1],
:root [desktop~=mr-3-1],
:root [xl~=mr-3-1] {
    margin-right: calc(36px * 3);
    margin-right: calc(var(--spacer-xl) * 3);
  }

  [class~=mx-3-1],
:root [desktop~=mx-3-1],
:root [xl~=mx-3-1] {
    margin-left: calc(36px * 3);
    margin-left: calc(var(--spacer-xl) * 3);
    margin-right: calc(36px * 3);
    margin-right: calc(var(--spacer-xl) * 3);
  }

  [class~=my-3-1],
:root [desktop~=my-3-1],
:root [xl~=my-3-1] {
    margin-top: calc(36px * 3);
    margin-top: calc(var(--spacer-xl) * 3);
    margin-bottom: calc(36px * 3);
    margin-bottom: calc(var(--spacer-xl) * 3);
  }

  [class~=p-3-1],
:root [desktop~=p-3-1],
:root [xl~=p-3-1] {
    padding: calc(36px * 3);
    padding: calc(var(--spacer-xl) * 3);
  }

  [class~=pt-3-1],
:root [desktop~=pt-3-1],
:root [xl~=pt-3-1] {
    padding-top: calc(36px * 3);
    padding-top: calc(var(--spacer-xl) * 3);
  }

  [class~=pb-3-1],
:root [desktop~=pb-3-1],
:root [xl~=pb-3-1] {
    padding-bottom: calc(36px * 3);
    padding-bottom: calc(var(--spacer-xl) * 3);
  }

  [class~=pl-3-1],
:root [desktop~=pl-3-1],
:root [xl~=pl-3-1] {
    padding-left: calc(36px * 3);
    padding-left: calc(var(--spacer-xl) * 3);
  }

  [class~=pr-3-1],
:root [desktop~=pr-3-1],
:root [xl~=pr-3-1] {
    padding-right: calc(36px * 3);
    padding-right: calc(var(--spacer-xl) * 3);
  }

  [class~=px-3-1],
:root [desktop~=px-3-1],
:root [xl~=px-3-1] {
    padding-left: calc(36px * 3);
    padding-left: calc(var(--spacer-xl) * 3);
    padding-right: calc(36px * 3);
    padding-right: calc(var(--spacer-xl) * 3);
  }

  [class~=py-3-1],
:root [desktop~=py-3-1],
:root [xl~=py-3-1] {
    padding-top: calc(36px * 3);
    padding-top: calc(var(--spacer-xl) * 3);
    padding-bottom: calc(36px * 3);
    padding-bottom: calc(var(--spacer-xl) * 3);
  }

  [class~=h-3-1],
:root [desktop~=h-3-1],
:root [xl~=h-3-1] {
    height: calc(36px * 3);
    height: calc(var(--spacer-xl) * 3);
  }

  [class~=w-3-1],
:root [desktop~=w-3-1],
:root [xl~=w-3-1] {
    width: calc(36px * 3);
    width: calc(var(--spacer-xl) * 3);
  }

  [class~=m-4-1],
:root [desktop~=m-4-1],
:root [xl~=m-4-1] {
    margin: calc(36px * 4);
    margin: calc(var(--spacer-xl) * 4);
  }

  [class~=mt-4-1],
:root [desktop~=mt-4-1],
:root [xl~=mt-4-1] {
    margin-top: calc(36px * 4);
    margin-top: calc(var(--spacer-xl) * 4);
  }

  [class~=mb-4-1],
:root [desktop~=mb-4-1],
:root [xl~=mb-4-1] {
    margin-bottom: calc(36px * 4);
    margin-bottom: calc(var(--spacer-xl) * 4);
  }

  [class~=ml-4-1],
:root [desktop~=ml-4-1],
:root [xl~=ml-4-1] {
    margin-left: calc(36px * 4);
    margin-left: calc(var(--spacer-xl) * 4);
  }

  [class~=mr-4-1],
:root [desktop~=mr-4-1],
:root [xl~=mr-4-1] {
    margin-right: calc(36px * 4);
    margin-right: calc(var(--spacer-xl) * 4);
  }

  [class~=mx-4-1],
:root [desktop~=mx-4-1],
:root [xl~=mx-4-1] {
    margin-left: calc(36px * 4);
    margin-left: calc(var(--spacer-xl) * 4);
    margin-right: calc(36px * 4);
    margin-right: calc(var(--spacer-xl) * 4);
  }

  [class~=my-4-1],
:root [desktop~=my-4-1],
:root [xl~=my-4-1] {
    margin-top: calc(36px * 4);
    margin-top: calc(var(--spacer-xl) * 4);
    margin-bottom: calc(36px * 4);
    margin-bottom: calc(var(--spacer-xl) * 4);
  }

  [class~=p-4-1],
:root [desktop~=p-4-1],
:root [xl~=p-4-1] {
    padding: calc(36px * 4);
    padding: calc(var(--spacer-xl) * 4);
  }

  [class~=pt-4-1],
:root [desktop~=pt-4-1],
:root [xl~=pt-4-1] {
    padding-top: calc(36px * 4);
    padding-top: calc(var(--spacer-xl) * 4);
  }

  [class~=pb-4-1],
:root [desktop~=pb-4-1],
:root [xl~=pb-4-1] {
    padding-bottom: calc(36px * 4);
    padding-bottom: calc(var(--spacer-xl) * 4);
  }

  [class~=pl-4-1],
:root [desktop~=pl-4-1],
:root [xl~=pl-4-1] {
    padding-left: calc(36px * 4);
    padding-left: calc(var(--spacer-xl) * 4);
  }

  [class~=pr-4-1],
:root [desktop~=pr-4-1],
:root [xl~=pr-4-1] {
    padding-right: calc(36px * 4);
    padding-right: calc(var(--spacer-xl) * 4);
  }

  [class~=px-4-1],
:root [desktop~=px-4-1],
:root [xl~=px-4-1] {
    padding-left: calc(36px * 4);
    padding-left: calc(var(--spacer-xl) * 4);
    padding-right: calc(36px * 4);
    padding-right: calc(var(--spacer-xl) * 4);
  }

  [class~=py-4-1],
:root [desktop~=py-4-1],
:root [xl~=py-4-1] {
    padding-top: calc(36px * 4);
    padding-top: calc(var(--spacer-xl) * 4);
    padding-bottom: calc(36px * 4);
    padding-bottom: calc(var(--spacer-xl) * 4);
  }

  [class~=h-4-1],
:root [desktop~=h-4-1],
:root [xl~=h-4-1] {
    height: calc(36px * 4);
    height: calc(var(--spacer-xl) * 4);
  }

  [class~=w-4-1],
:root [desktop~=w-4-1],
:root [xl~=w-4-1] {
    width: calc(36px * 4);
    width: calc(var(--spacer-xl) * 4);
  }

  [class~=m-5-1],
:root [desktop~=m-5-1],
:root [xl~=m-5-1] {
    margin: calc(36px * 5);
    margin: calc(var(--spacer-xl) * 5);
  }

  [class~=mt-5-1],
:root [desktop~=mt-5-1],
:root [xl~=mt-5-1] {
    margin-top: calc(36px * 5);
    margin-top: calc(var(--spacer-xl) * 5);
  }

  [class~=mb-5-1],
:root [desktop~=mb-5-1],
:root [xl~=mb-5-1] {
    margin-bottom: calc(36px * 5);
    margin-bottom: calc(var(--spacer-xl) * 5);
  }

  [class~=ml-5-1],
:root [desktop~=ml-5-1],
:root [xl~=ml-5-1] {
    margin-left: calc(36px * 5);
    margin-left: calc(var(--spacer-xl) * 5);
  }

  [class~=mr-5-1],
:root [desktop~=mr-5-1],
:root [xl~=mr-5-1] {
    margin-right: calc(36px * 5);
    margin-right: calc(var(--spacer-xl) * 5);
  }

  [class~=mx-5-1],
:root [desktop~=mx-5-1],
:root [xl~=mx-5-1] {
    margin-left: calc(36px * 5);
    margin-left: calc(var(--spacer-xl) * 5);
    margin-right: calc(36px * 5);
    margin-right: calc(var(--spacer-xl) * 5);
  }

  [class~=my-5-1],
:root [desktop~=my-5-1],
:root [xl~=my-5-1] {
    margin-top: calc(36px * 5);
    margin-top: calc(var(--spacer-xl) * 5);
    margin-bottom: calc(36px * 5);
    margin-bottom: calc(var(--spacer-xl) * 5);
  }

  [class~=p-5-1],
:root [desktop~=p-5-1],
:root [xl~=p-5-1] {
    padding: calc(36px * 5);
    padding: calc(var(--spacer-xl) * 5);
  }

  [class~=pt-5-1],
:root [desktop~=pt-5-1],
:root [xl~=pt-5-1] {
    padding-top: calc(36px * 5);
    padding-top: calc(var(--spacer-xl) * 5);
  }

  [class~=pb-5-1],
:root [desktop~=pb-5-1],
:root [xl~=pb-5-1] {
    padding-bottom: calc(36px * 5);
    padding-bottom: calc(var(--spacer-xl) * 5);
  }

  [class~=pl-5-1],
:root [desktop~=pl-5-1],
:root [xl~=pl-5-1] {
    padding-left: calc(36px * 5);
    padding-left: calc(var(--spacer-xl) * 5);
  }

  [class~=pr-5-1],
:root [desktop~=pr-5-1],
:root [xl~=pr-5-1] {
    padding-right: calc(36px * 5);
    padding-right: calc(var(--spacer-xl) * 5);
  }

  [class~=px-5-1],
:root [desktop~=px-5-1],
:root [xl~=px-5-1] {
    padding-left: calc(36px * 5);
    padding-left: calc(var(--spacer-xl) * 5);
    padding-right: calc(36px * 5);
    padding-right: calc(var(--spacer-xl) * 5);
  }

  [class~=py-5-1],
:root [desktop~=py-5-1],
:root [xl~=py-5-1] {
    padding-top: calc(36px * 5);
    padding-top: calc(var(--spacer-xl) * 5);
    padding-bottom: calc(36px * 5);
    padding-bottom: calc(var(--spacer-xl) * 5);
  }

  [class~=h-5-1],
:root [desktop~=h-5-1],
:root [xl~=h-5-1] {
    height: calc(36px * 5);
    height: calc(var(--spacer-xl) * 5);
  }

  [class~=w-5-1],
:root [desktop~=w-5-1],
:root [xl~=w-5-1] {
    width: calc(36px * 5);
    width: calc(var(--spacer-xl) * 5);
  }

  [class~=m-6-1],
:root [desktop~=m-6-1],
:root [xl~=m-6-1] {
    margin: calc(36px * 6);
    margin: calc(var(--spacer-xl) * 6);
  }

  [class~=mt-6-1],
:root [desktop~=mt-6-1],
:root [xl~=mt-6-1] {
    margin-top: calc(36px * 6);
    margin-top: calc(var(--spacer-xl) * 6);
  }

  [class~=mb-6-1],
:root [desktop~=mb-6-1],
:root [xl~=mb-6-1] {
    margin-bottom: calc(36px * 6);
    margin-bottom: calc(var(--spacer-xl) * 6);
  }

  [class~=ml-6-1],
:root [desktop~=ml-6-1],
:root [xl~=ml-6-1] {
    margin-left: calc(36px * 6);
    margin-left: calc(var(--spacer-xl) * 6);
  }

  [class~=mr-6-1],
:root [desktop~=mr-6-1],
:root [xl~=mr-6-1] {
    margin-right: calc(36px * 6);
    margin-right: calc(var(--spacer-xl) * 6);
  }

  [class~=mx-6-1],
:root [desktop~=mx-6-1],
:root [xl~=mx-6-1] {
    margin-left: calc(36px * 6);
    margin-left: calc(var(--spacer-xl) * 6);
    margin-right: calc(36px * 6);
    margin-right: calc(var(--spacer-xl) * 6);
  }

  [class~=my-6-1],
:root [desktop~=my-6-1],
:root [xl~=my-6-1] {
    margin-top: calc(36px * 6);
    margin-top: calc(var(--spacer-xl) * 6);
    margin-bottom: calc(36px * 6);
    margin-bottom: calc(var(--spacer-xl) * 6);
  }

  [class~=p-6-1],
:root [desktop~=p-6-1],
:root [xl~=p-6-1] {
    padding: calc(36px * 6);
    padding: calc(var(--spacer-xl) * 6);
  }

  [class~=pt-6-1],
:root [desktop~=pt-6-1],
:root [xl~=pt-6-1] {
    padding-top: calc(36px * 6);
    padding-top: calc(var(--spacer-xl) * 6);
  }

  [class~=pb-6-1],
:root [desktop~=pb-6-1],
:root [xl~=pb-6-1] {
    padding-bottom: calc(36px * 6);
    padding-bottom: calc(var(--spacer-xl) * 6);
  }

  [class~=pl-6-1],
:root [desktop~=pl-6-1],
:root [xl~=pl-6-1] {
    padding-left: calc(36px * 6);
    padding-left: calc(var(--spacer-xl) * 6);
  }

  [class~=pr-6-1],
:root [desktop~=pr-6-1],
:root [xl~=pr-6-1] {
    padding-right: calc(36px * 6);
    padding-right: calc(var(--spacer-xl) * 6);
  }

  [class~=px-6-1],
:root [desktop~=px-6-1],
:root [xl~=px-6-1] {
    padding-left: calc(36px * 6);
    padding-left: calc(var(--spacer-xl) * 6);
    padding-right: calc(36px * 6);
    padding-right: calc(var(--spacer-xl) * 6);
  }

  [class~=py-6-1],
:root [desktop~=py-6-1],
:root [xl~=py-6-1] {
    padding-top: calc(36px * 6);
    padding-top: calc(var(--spacer-xl) * 6);
    padding-bottom: calc(36px * 6);
    padding-bottom: calc(var(--spacer-xl) * 6);
  }

  [class~=h-6-1],
:root [desktop~=h-6-1],
:root [xl~=h-6-1] {
    height: calc(36px * 6);
    height: calc(var(--spacer-xl) * 6);
  }

  [class~=w-6-1],
:root [desktop~=w-6-1],
:root [xl~=w-6-1] {
    width: calc(36px * 6);
    width: calc(var(--spacer-xl) * 6);
  }

  [class~=m-1-2],
:root [desktop~=m-1-2],
:root [xl~=m-1-2] {
    margin: calc(36px / 2);
    margin: calc(var(--spacer-xl) / 2);
  }

  [class~=mt-1-2],
:root [desktop~=mt-1-2],
:root [xl~=mt-1-2] {
    margin-top: calc(36px / 2);
    margin-top: calc(var(--spacer-xl) / 2);
  }

  [class~=mb-1-2],
:root [desktop~=mb-1-2],
:root [xl~=mb-1-2] {
    margin-bottom: calc(36px / 2);
    margin-bottom: calc(var(--spacer-xl) / 2);
  }

  [class~=ml-1-2],
:root [desktop~=ml-1-2],
:root [xl~=ml-1-2] {
    margin-left: calc(36px / 2);
    margin-left: calc(var(--spacer-xl) / 2);
  }

  [class~=mr-1-2],
:root [desktop~=mr-1-2],
:root [xl~=mr-1-2] {
    margin-right: calc(36px / 2);
    margin-right: calc(var(--spacer-xl) / 2);
  }

  [class~=mx-1-2],
:root [desktop~=mx-1-2],
:root [xl~=mx-1-2] {
    margin-left: calc(36px / 2);
    margin-left: calc(var(--spacer-xl) / 2);
    margin-right: calc(36px / 2);
    margin-right: calc(var(--spacer-xl) / 2);
  }

  [class~=my-1-2],
:root [desktop~=my-1-2],
:root [xl~=my-1-2] {
    margin-top: calc(36px / 2);
    margin-top: calc(var(--spacer-xl) / 2);
    margin-bottom: calc(36px / 2);
    margin-bottom: calc(var(--spacer-xl) / 2);
  }

  [class~=p-1-2],
:root [desktop~=p-1-2],
:root [xl~=p-1-2] {
    padding: calc(36px / 2);
    padding: calc(var(--spacer-xl) / 2);
  }

  [class~=pt-1-2],
:root [desktop~=pt-1-2],
:root [xl~=pt-1-2] {
    padding-top: calc(36px / 2);
    padding-top: calc(var(--spacer-xl) / 2);
  }

  [class~=pb-1-2],
:root [desktop~=pb-1-2],
:root [xl~=pb-1-2] {
    padding-bottom: calc(36px / 2);
    padding-bottom: calc(var(--spacer-xl) / 2);
  }

  [class~=pl-1-2],
:root [desktop~=pl-1-2],
:root [xl~=pl-1-2] {
    padding-left: calc(36px / 2);
    padding-left: calc(var(--spacer-xl) / 2);
  }

  [class~=pr-1-2],
:root [desktop~=pr-1-2],
:root [xl~=pr-1-2] {
    padding-right: calc(36px / 2);
    padding-right: calc(var(--spacer-xl) / 2);
  }

  [class~=px-1-2],
:root [desktop~=px-1-2],
:root [xl~=px-1-2] {
    padding-left: calc(36px / 2);
    padding-left: calc(var(--spacer-xl) / 2);
    padding-right: calc(36px / 2);
    padding-right: calc(var(--spacer-xl) / 2);
  }

  [class~=py-1-2],
:root [desktop~=py-1-2],
:root [xl~=py-1-2] {
    padding-top: calc(36px / 2);
    padding-top: calc(var(--spacer-xl) / 2);
    padding-bottom: calc(36px / 2);
    padding-bottom: calc(var(--spacer-xl) / 2);
  }

  [class~=h-1-2],
:root [desktop~=h-1-2],
:root [xl~=h-1-2] {
    height: calc(36px / 2);
    height: calc(var(--spacer-xl) / 2);
  }

  [class~=w-1-2],
:root [desktop~=w-1-2],
:root [xl~=w-1-2] {
    width: calc(36px / 2);
    width: calc(var(--spacer-xl) / 2);
  }

  [class~=m-1-3],
:root [desktop~=m-1-3],
:root [xl~=m-1-3] {
    margin: calc(36px / 3);
    margin: calc(var(--spacer-xl) / 3);
  }

  [class~=mt-1-3],
:root [desktop~=mt-1-3],
:root [xl~=mt-1-3] {
    margin-top: calc(36px / 3);
    margin-top: calc(var(--spacer-xl) / 3);
  }

  [class~=mb-1-3],
:root [desktop~=mb-1-3],
:root [xl~=mb-1-3] {
    margin-bottom: calc(36px / 3);
    margin-bottom: calc(var(--spacer-xl) / 3);
  }

  [class~=ml-1-3],
:root [desktop~=ml-1-3],
:root [xl~=ml-1-3] {
    margin-left: calc(36px / 3);
    margin-left: calc(var(--spacer-xl) / 3);
  }

  [class~=mr-1-3],
:root [desktop~=mr-1-3],
:root [xl~=mr-1-3] {
    margin-right: calc(36px / 3);
    margin-right: calc(var(--spacer-xl) / 3);
  }

  [class~=mx-1-3],
:root [desktop~=mx-1-3],
:root [xl~=mx-1-3] {
    margin-left: calc(36px / 3);
    margin-left: calc(var(--spacer-xl) / 3);
    margin-right: calc(36px / 3);
    margin-right: calc(var(--spacer-xl) / 3);
  }

  [class~=my-1-3],
:root [desktop~=my-1-3],
:root [xl~=my-1-3] {
    margin-top: calc(36px / 3);
    margin-top: calc(var(--spacer-xl) / 3);
    margin-bottom: calc(36px / 3);
    margin-bottom: calc(var(--spacer-xl) / 3);
  }

  [class~=p-1-3],
:root [desktop~=p-1-3],
:root [xl~=p-1-3] {
    padding: calc(36px / 3);
    padding: calc(var(--spacer-xl) / 3);
  }

  [class~=pt-1-3],
:root [desktop~=pt-1-3],
:root [xl~=pt-1-3] {
    padding-top: calc(36px / 3);
    padding-top: calc(var(--spacer-xl) / 3);
  }

  [class~=pb-1-3],
:root [desktop~=pb-1-3],
:root [xl~=pb-1-3] {
    padding-bottom: calc(36px / 3);
    padding-bottom: calc(var(--spacer-xl) / 3);
  }

  [class~=pl-1-3],
:root [desktop~=pl-1-3],
:root [xl~=pl-1-3] {
    padding-left: calc(36px / 3);
    padding-left: calc(var(--spacer-xl) / 3);
  }

  [class~=pr-1-3],
:root [desktop~=pr-1-3],
:root [xl~=pr-1-3] {
    padding-right: calc(36px / 3);
    padding-right: calc(var(--spacer-xl) / 3);
  }

  [class~=px-1-3],
:root [desktop~=px-1-3],
:root [xl~=px-1-3] {
    padding-left: calc(36px / 3);
    padding-left: calc(var(--spacer-xl) / 3);
    padding-right: calc(36px / 3);
    padding-right: calc(var(--spacer-xl) / 3);
  }

  [class~=py-1-3],
:root [desktop~=py-1-3],
:root [xl~=py-1-3] {
    padding-top: calc(36px / 3);
    padding-top: calc(var(--spacer-xl) / 3);
    padding-bottom: calc(36px / 3);
    padding-bottom: calc(var(--spacer-xl) / 3);
  }

  [class~=h-1-3],
:root [desktop~=h-1-3],
:root [xl~=h-1-3] {
    height: calc(36px / 3);
    height: calc(var(--spacer-xl) / 3);
  }

  [class~=w-1-3],
:root [desktop~=w-1-3],
:root [xl~=w-1-3] {
    width: calc(36px / 3);
    width: calc(var(--spacer-xl) / 3);
  }

  [class~=m-1-4],
:root [desktop~=m-1-4],
:root [xl~=m-1-4] {
    margin: calc(36px / 4);
    margin: calc(var(--spacer-xl) / 4);
  }

  [class~=mt-1-4],
:root [desktop~=mt-1-4],
:root [xl~=mt-1-4] {
    margin-top: calc(36px / 4);
    margin-top: calc(var(--spacer-xl) / 4);
  }

  [class~=mb-1-4],
:root [desktop~=mb-1-4],
:root [xl~=mb-1-4] {
    margin-bottom: calc(36px / 4);
    margin-bottom: calc(var(--spacer-xl) / 4);
  }

  [class~=ml-1-4],
:root [desktop~=ml-1-4],
:root [xl~=ml-1-4] {
    margin-left: calc(36px / 4);
    margin-left: calc(var(--spacer-xl) / 4);
  }

  [class~=mr-1-4],
:root [desktop~=mr-1-4],
:root [xl~=mr-1-4] {
    margin-right: calc(36px / 4);
    margin-right: calc(var(--spacer-xl) / 4);
  }

  [class~=mx-1-4],
:root [desktop~=mx-1-4],
:root [xl~=mx-1-4] {
    margin-left: calc(36px / 4);
    margin-left: calc(var(--spacer-xl) / 4);
    margin-right: calc(36px / 4);
    margin-right: calc(var(--spacer-xl) / 4);
  }

  [class~=my-1-4],
:root [desktop~=my-1-4],
:root [xl~=my-1-4] {
    margin-top: calc(36px / 4);
    margin-top: calc(var(--spacer-xl) / 4);
    margin-bottom: calc(36px / 4);
    margin-bottom: calc(var(--spacer-xl) / 4);
  }

  [class~=p-1-4],
:root [desktop~=p-1-4],
:root [xl~=p-1-4] {
    padding: calc(36px / 4);
    padding: calc(var(--spacer-xl) / 4);
  }

  [class~=pt-1-4],
:root [desktop~=pt-1-4],
:root [xl~=pt-1-4] {
    padding-top: calc(36px / 4);
    padding-top: calc(var(--spacer-xl) / 4);
  }

  [class~=pb-1-4],
:root [desktop~=pb-1-4],
:root [xl~=pb-1-4] {
    padding-bottom: calc(36px / 4);
    padding-bottom: calc(var(--spacer-xl) / 4);
  }

  [class~=pl-1-4],
:root [desktop~=pl-1-4],
:root [xl~=pl-1-4] {
    padding-left: calc(36px / 4);
    padding-left: calc(var(--spacer-xl) / 4);
  }

  [class~=pr-1-4],
:root [desktop~=pr-1-4],
:root [xl~=pr-1-4] {
    padding-right: calc(36px / 4);
    padding-right: calc(var(--spacer-xl) / 4);
  }

  [class~=px-1-4],
:root [desktop~=px-1-4],
:root [xl~=px-1-4] {
    padding-left: calc(36px / 4);
    padding-left: calc(var(--spacer-xl) / 4);
    padding-right: calc(36px / 4);
    padding-right: calc(var(--spacer-xl) / 4);
  }

  [class~=py-1-4],
:root [desktop~=py-1-4],
:root [xl~=py-1-4] {
    padding-top: calc(36px / 4);
    padding-top: calc(var(--spacer-xl) / 4);
    padding-bottom: calc(36px / 4);
    padding-bottom: calc(var(--spacer-xl) / 4);
  }

  [class~=h-1-4],
:root [desktop~=h-1-4],
:root [xl~=h-1-4] {
    height: calc(36px / 4);
    height: calc(var(--spacer-xl) / 4);
  }

  [class~=w-1-4],
:root [desktop~=w-1-4],
:root [xl~=w-1-4] {
    width: calc(36px / 4);
    width: calc(var(--spacer-xl) / 4);
  }

  [class~=m-0],
:root [desktop~=m-0],
:root [xl~=m-0] {
    margin: 0;
  }

  [class~=mt-0],
:root [desktop~=mt-0],
:root [xl~=mt-0] {
    margin-top: 0;
  }

  [class~=mb-0],
:root [desktop~=mb-0],
:root [xl~=mb-0] {
    margin-bottom: 0;
  }

  [class~=ml-0],
:root [desktop~=ml-0],
:root [xl~=ml-0] {
    margin-left: 0;
  }

  [class~=mr-0],
:root [desktop~=mr-0],
:root [xl~=mr-0] {
    margin-right: 0;
  }

  [class~=mx-0],
:root [desktop~=mx-0],
:root [xl~=mx-0] {
    margin-left: 0;
    margin-right: 0;
  }

  [class~=my-0],
:root [desktop~=my-0],
:root [xl~=my-0] {
    margin-top: 0;
    margin-bottom: 0;
  }

  [class~=p-0],
:root [desktop~=p-0],
:root [xl~=p-0] {
    padding: 0;
  }

  [class~=pt-0],
:root [desktop~=pt-0],
:root [xl~=pt-0] {
    padding-top: 0;
  }

  [class~=pb-0],
:root [desktop~=pb-0],
:root [xl~=pb-0] {
    padding-bottom: 0;
  }

  [class~=pl-0],
:root [desktop~=pl-0],
:root [xl~=pl-0] {
    padding-left: 0;
  }

  [class~=pr-0],
:root [desktop~=pr-0],
:root [xl~=pr-0] {
    padding-right: 0;
  }

  [class~=px-0],
:root [desktop~=px-0],
:root [xl~=px-0] {
    padding-left: 0;
    padding-right: 0;
  }

  [class~=py-0],
:root [desktop~=py-0],
:root [xl~=py-0] {
    padding-top: 0;
    padding-bottom: 0;
  }

  [class~=h-0],
:root [desktop~=h-0],
:root [xl~=h-0] {
    height: 0;
  }

  [class~=w-0],
:root [desktop~=w-0],
:root [xl~=w-0] {
    width: 0;
  }

  [class~=gutter],
:root [desktop~=gutter],
:root [xl~=gutter] {
    margin-left: calc(36px * -1);
    margin-left: calc(var(--gutter-xl) * -1);
    margin-right: calc(36px * -1);
    margin-right: calc(var(--gutter-xl) * -1);
  }
  [class~=gutter] > *,
:root [desktop~=gutter] > *,
:root [xl~=gutter] > * {
    padding-left: calc(36px * 1);
    padding-left: calc(var(--gutter-xl) * 1);
    padding-right: calc(36px * 1);
    padding-right: calc(var(--gutter-xl) * 1);
  }

  [class~=gutter-1-2],
:root [desktop~=gutter-1-2],
:root [xl~=gutter-1-2] {
    margin-left: calc(36px * -0.5);
    margin-left: calc(var(--gutter-xl) * -0.5);
    margin-right: calc(36px * -0.5);
    margin-right: calc(var(--gutter-xl) * -0.5);
  }
  [class~=gutter-1-2] > *,
:root [desktop~=gutter-1-2] > *,
:root [xl~=gutter-1-2] > * {
    padding-left: calc(36px * 0.5);
    padding-left: calc(var(--gutter-xl) * 0.5);
    padding-right: calc(36px * 0.5);
    padding-right: calc(var(--gutter-xl) * 0.5);
  }

  [class~=gutter-1-3],
:root [desktop~=gutter-1-3],
:root [xl~=gutter-1-3] {
    margin-left: calc(36px * -0.333);
    margin-left: calc(var(--gutter-xl) * -0.333);
    margin-right: calc(36px * -0.333);
    margin-right: calc(var(--gutter-xl) * -0.333);
  }
  [class~=gutter-1-3] > *,
:root [desktop~=gutter-1-3] > *,
:root [xl~=gutter-1-3] > * {
    padding-left: calc(36px * 0.333);
    padding-left: calc(var(--gutter-xl) * 0.333);
    padding-right: calc(36px * 0.333);
    padding-right: calc(var(--gutter-xl) * 0.333);
  }

  [class~=gutter-2-1],
:root [desktop~=gutter-2-1],
:root [xl~=gutter-2-1] {
    margin-left: calc(36px * -2);
    margin-left: calc(var(--gutter-xl) * -2);
    margin-right: calc(36px * -2);
    margin-right: calc(var(--gutter-xl) * -2);
  }
  [class~=gutter-2-1] > *,
:root [desktop~=gutter-2-1] > *,
:root [xl~=gutter-2-1] > * {
    padding-left: calc(36px * 2);
    padding-left: calc(var(--gutter-xl) * 2);
    padding-right: calc(36px * 2);
    padding-right: calc(var(--gutter-xl) * 2);
  }

  [class~=row-12],
:root [desktop~=row-12],
:root [xl~=row-12] {
    min-height: 100vh;
  }

  [class~=row-11],
:root [desktop~=row-11],
:root [xl~=row-11] {
    min-height: 91.6666666667vh;
  }

  [class~=row-10],
:root [desktop~=row-10],
:root [xl~=row-10] {
    min-height: 83.3333333333vh;
  }

  [class~=row-9],
:root [desktop~=row-9],
:root [xl~=row-9] {
    min-height: 75vh;
  }

  [class~=row-8],
:root [desktop~=row-8],
:root [xl~=row-8] {
    min-height: 66.6666666667vh;
  }

  [class~=row-7],
:root [desktop~=row-7],
:root [xl~=row-7] {
    min-height: 58.3333333333vh;
  }

  [class~=row-6],
:root [desktop~=row-6],
:root [xl~=row-6] {
    min-height: 50vh;
  }

  [class~=row-5],
:root [desktop~=row-5],
:root [xl~=row-5] {
    min-height: 41.6666666667vh;
  }

  [class~=row-4],
:root [desktop~=row-4],
:root [xl~=row-4] {
    min-height: 33.3333333333vh;
  }

  [class~=row-3],
:root [desktop~=row-3],
:root [xl~=row-3] {
    min-height: 25vh;
  }

  [class~=row-2],
:root [desktop~=row-2],
:root [xl~=row-2] {
    min-height: 16.6666666667vh;
  }

  [class~=row-1],
:root [desktop~=row-1],
:root [xl~=row-1] {
    min-height: 8.3333333333vh;
  }

  [class~=col-12],
:root [desktop~=col-12],
:root [xl~=col-12] {
    width: 100%;
  }

  [class~=col-11],
:root [desktop~=col-11],
:root [xl~=col-11] {
    width: 91.6666666667%;
  }

  [class~=col-10],
:root [desktop~=col-10],
:root [xl~=col-10] {
    width: 83.3333333333%;
  }

  [class~=col-9],
:root [desktop~=col-9],
:root [xl~=col-9] {
    width: 75%;
  }

  [class~=col-8],
:root [desktop~=col-8],
:root [xl~=col-8] {
    width: 66.6666666667%;
  }

  [class~=col-7],
:root [desktop~=col-7],
:root [xl~=col-7] {
    width: 58.3333333333%;
  }

  [class~=col-6],
:root [desktop~=col-6],
:root [xl~=col-6] {
    width: 50%;
  }

  [class~=col-5],
:root [desktop~=col-5],
:root [xl~=col-5] {
    width: 41.6666666667%;
  }

  [class~=col-4],
:root [desktop~=col-4],
:root [xl~=col-4] {
    width: 33.3333333333%;
  }

  [class~=col-3],
:root [desktop~=col-3],
:root [xl~=col-3] {
    width: 25%;
  }

  [class~=col-2],
:root [desktop~=col-2],
:root [xl~=col-2] {
    width: 16.6666666667%;
  }

  [class~=col-1],
:root [desktop~=col-1],
:root [xl~=col-1] {
    width: 8.3333333333%;
  }

  [class~=row],
[class~=column],
:root [desktop~=row],
:root [desktop~=column],
:root [xl~=row],
:root [xl~=column] {
    display: flex;
  }
  [class~=row] > *,
[class~=column] > *,
:root [desktop~=row] > *,
:root [desktop~=column] > *,
:root [xl~=row] > *,
:root [xl~=column] > * {
    flex-grow: 0;
  }

  [class~=column],
:root [desktop~=column],
:root [xl~=column] {
    flex-direction: column;
  }

  [class~=row],
:root [desktop~=row],
:root [xl~=row] {
    flex-direction: row;
  }

  [class~=column-reverse],
:root [desktop~=column-reverse],
:root [xl~=column-reverse] {
    flex-direction: column-reverse;
  }

  [class~=row-reverse],
:root [desktop~=row-reverse],
:root [xl~=row-reverse] {
    flex-direction: row-reverse;
  }

  [class~=row][class~=v-center], [class~=column][class~=h-center],
:root [desktop~=row][desktop~=v-center], :root [desktop~=column][desktop~=h-center],
:root [xl~=row][xl~=v-center], :root [xl~=column][xl~=h-center] {
    align-items: center;
  }

  [class~=row][class~=v-start], [class~=column][class~=h-start],
:root [desktop~=row][desktop~=v-start], :root [desktop~=column][desktop~=h-start],
:root [xl~=row][xl~=v-start], :root [xl~=column][xl~=h-start] {
    align-items: flex-start;
  }

  [class~=row][class~=v-end], [class~=column][class~=h-end],
:root [desktop~=row][desktop~=v-end], :root [desktop~=column][desktop~=h-end],
:root [xl~=row][xl~=v-end], :root [xl~=column][xl~=h-end] {
    align-items: flex-end;
  }

  [class~=row][class~=v-stretch], [class~=column][class~=h-stretch],
:root [desktop~=row][desktop~=v-stretch], :root [desktop~=column][desktop~=h-stretch],
:root [xl~=row][xl~=v-stretch], :root [xl~=column][xl~=h-stretch] {
    align-items: stretch;
  }

  [class~=row][class~=h-center], [class~=column][class~=v-center],
:root [desktop~=row][desktop~=h-center], :root [desktop~=column][desktop~=v-center],
:root [xl~=row][xl~=h-center], :root [xl~=column][xl~=v-center] {
    justify-content: center;
  }

  [class~=row][class~=h-start], [class~=column][class~=v-start],
:root [desktop~=row][desktop~=h-start], :root [desktop~=column][desktop~=v-start],
:root [xl~=row][xl~=h-start], :root [xl~=column][xl~=v-start] {
    justify-content: flex-start;
  }

  [class~=row][class~=h-end], [class~=column][class~=v-end],
:root [desktop~=row][desktop~=h-end], :root [desktop~=column][desktop~=v-end],
:root [xl~=row][xl~=h-end], :root [xl~=column][xl~=v-end] {
    justify-content: flex-end;
  }

  [class~=row][class~=h-spacein], [class~=column][class~=v-spacein],
:root [desktop~=row][desktop~=h-spacein], :root [desktop~=column][desktop~=v-spacein],
:root [xl~=row][xl~=h-spacein], :root [xl~=column][xl~=v-spacein] {
    justify-content: space-between;
  }

  [class~=row][class~=h-spaceout], [class~=column][class~=v-spaceout],
:root [desktop~=row][desktop~=h-spaceout], :root [desktop~=column][desktop~=v-spaceout],
:root [xl~=row][xl~=h-spaceout], :root [xl~=column][xl~=v-spaceout] {
    justify-content: space-around;
  }

  [class~=row] > [class~=v-self-center], [class~=column] > [class~=h-self-center],
:root [desktop~=row] > [desktop~=v-self-center], :root [desktop~=column] > [desktop~=h-self-center],
:root [xl~=row] > [xl~=v-self-center], :root [xl~=column] > [xl~=h-self-center] {
    align-self: center;
  }

  [class~=row] > [class~=v-self-start], [class~=column] > [class~=h-self-start],
:root [desktop~=row] > [desktop~=v-self-start], :root [desktop~=column] > [desktop~=h-self-start],
:root [xl~=row] > [xl~=v-self-start], :root [xl~=column] > [xl~=h-self-start] {
    align-self: flex-start;
  }

  [class~=row] > [class~=v-self-end], [class~=column] > [class~=h-self-end],
:root [desktop~=row] > [desktop~=v-self-end], :root [desktop~=column] > [desktop~=h-self-end],
:root [xl~=row] > [xl~=v-self-end], :root [xl~=column] > [xl~=h-self-end] {
    align-self: flex-end;
  }

  [class~=row] > [class~=v-self-stretch], [class~=column] > [class~=h-self-stretch],
:root [desktop~=row] > [desktop~=v-self-stretch], :root [desktop~=column] > [desktop~=h-self-stretch],
:root [xl~=row] > [xl~=v-self-stretch], :root [xl~=column] > [xl~=h-self-stretch] {
    align-self: stretch;
  }

  [class~=row] > [class~=v-self-selfstart], [class~=column] > [class~=h-self-selfstart],
:root [desktop~=row] > [desktop~=v-self-selfstart], :root [desktop~=column] > [desktop~=h-self-selfstart],
:root [xl~=row] > [xl~=v-self-selfstart], :root [xl~=column] > [xl~=h-self-selfstart] {
    align-self: self-start;
  }

  [class~=row] > [class~=v-self-selfend], [class~=column] > [class~=h-self-selfend],
:root [desktop~=row] > [desktop~=v-self-selfend], :root [desktop~=column] > [desktop~=h-self-selfend],
:root [xl~=row] > [xl~=v-self-selfend], :root [xl~=column] > [xl~=h-self-selfend] {
    align-self: self-end;
  }

  [class~=row] > [class~=h-self-center], [class~=column] > [class~=v-self-center],
:root [desktop~=row] > [desktop~=h-self-center], :root [desktop~=column] > [desktop~=v-self-center],
:root [xl~=row] > [xl~=h-self-center], :root [xl~=column] > [xl~=v-self-center] {
    justify-self: center;
  }

  [class~=row] > [class~=h-self-start], [class~=column] > [class~=v-self-start],
:root [desktop~=row] > [desktop~=h-self-start], :root [desktop~=column] > [desktop~=v-self-start],
:root [xl~=row] > [xl~=h-self-start], :root [xl~=column] > [xl~=v-self-start] {
    justify-self: flex-start;
  }

  [class~=row] > [class~=h-self-end], [class~=column] > [class~=v-self-end],
:root [desktop~=row] > [desktop~=h-self-end], :root [desktop~=column] > [desktop~=v-self-end],
:root [xl~=row] > [xl~=h-self-end], :root [xl~=column] > [xl~=v-self-end] {
    justify-self: flex-end;
  }

  [class~=row] > [class~=h-self-stretch], [class~=column] > [class~=v-self-stretch],
:root [desktop~=row] > [desktop~=h-self-stretch], :root [desktop~=column] > [desktop~=v-self-stretch],
:root [xl~=row] > [xl~=h-self-stretch], :root [xl~=column] > [xl~=v-self-stretch] {
    justify-self: stretch;
  }

  [class~=row] > [class~=h-self-selfstart], [class~=column] > [class~=v-self-selfstart],
:root [desktop~=row] > [desktop~=h-self-selfstart], :root [desktop~=column] > [desktop~=v-self-selfstart],
:root [xl~=row] > [xl~=h-self-selfstart], :root [xl~=column] > [xl~=v-self-selfstart] {
    justify-self: self-start;
  }

  [class~=row] > [class~=h-self-selfend], [class~=column] > [class~=v-self-selfend],
:root [desktop~=row] > [desktop~=h-self-selfend], :root [desktop~=column] > [desktop~=v-self-selfend],
:root [xl~=row] > [xl~=h-self-selfend], :root [xl~=column] > [xl~=v-self-selfend] {
    justify-self: self-end;
  }

  [class~=row] > [class~=h-self-left], [class~=column] > [class~=v-self-left],
:root [desktop~=row] > [desktop~=h-self-left], :root [desktop~=column] > [desktop~=v-self-left],
:root [xl~=row] > [xl~=h-self-left], :root [xl~=column] > [xl~=v-self-left] {
    justify-self: left;
  }

  [class~=row] > [class~=h-self-right], [class~=column] > [class~=v-self-right],
:root [desktop~=row] > [desktop~=h-self-right], :root [desktop~=column] > [desktop~=v-self-right],
:root [xl~=row] > [xl~=h-self-right], :root [xl~=column] > [xl~=v-self-right] {
    justify-self: right;
  }

  .flex-grow-xl-1 {
    flex-grow: 1;
  }

  .flex-grow-xl-2 {
    flex-grow: 2;
  }

  .flex-grow-xl-3 {
    flex-grow: 3;
  }

  .flex-grow-xl-4 {
    flex-grow: 4;
  }

  .flex-grow-xl-5 {
    flex-grow: 5;
  }

  .flex-grow-xl-6 {
    flex-grow: 6;
  }

  .flex-grow-xl-7 {
    flex-grow: 7;
  }

  .flex-grow-xl-8 {
    flex-grow: 8;
  }

  .flex-grow-xl-9 {
    flex-grow: 9;
  }

  .flex-grow-xl-10 {
    flex-grow: 10;
  }

  [class*=d-flex],
:root [desktop*=d-flex],
:root [xl*=d-flex] {
    display: flex;
  }

  [class*=d-inline],
:root [desktop*=d-inline],
:root [xl*=d-inline] {
    display: inline;
  }

  [class*=d-inline-block],
:root [desktop*=d-inline-block],
:root [xl*=d-inline-block] {
    display: inline-block;
  }

  [class*=d-block],
:root [desktop*=d-block],
:root [xl*=d-block] {
    display: block;
  }

  [class*=absolute],
:root [desktop*=absolute],
:root [xl*=absolute] {
    position: absolute;
  }

  [class*=fixed],
:root [desktop*=fixed],
:root [xl*=fixed] {
    position: fixed;
  }

  [class*=inherit],
:root [desktop*=inherit],
:root [xl*=inherit] {
    position: inherit;
  }

  [class*=relative],
:root [desktop*=relative],
:root [xl*=relative] {
    position: relative;
  }

  [class*=sticky],
:root [desktop*=sticky],
:root [xl*=sticky] {
    position: -webkit-sticky;
    position: sticky;
  }

  [class*=top-0],
:root [desktop*=top-0],
:root [xl*=top-0] {
    top: 0;
  }

  [class*=top-inherit],
:root [xl*=top-inherit] {
    top: inherit;
  }

  [class*=left-0],
:root [desktop*=left-0],
:root [xl*=left-0] {
    left: 0;
  }

  [class*=left-inherit],
:root [xl*=left-inherit] {
    left: inherit;
  }

  [class*=right-0],
:root [desktop*=right-0],
:root [xl*=right-0] {
    right: 0;
  }

  [class*=right-inherit],
:root [xl*=right-inherit] {
    right: inherit;
  }

  [class*=bottom-0],
:root [desktop*=bottom-0],
:root [xl*=bottom-0] {
    bottom: 0;
  }

  [class*=bottom-inherit],
:root [xl*=bottom-inherit] {
    bottom: inherit;
  }

  [desktop*=text-center],
[xl*=text-center] {
    text-align: center;
  }

  [desktop*=text-left],
[xl*=text-left] {
    text-align: left;
  }

  [desktop*=text-right],
[xl*=text-right] {
    text-align: right;
  }

  [desktop*=text-justify],
[xl*=text-justify] {
    text-align: justify;
  }
}
.modal {
  display: none;
  position: fixed;
  z-index: 2000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(var(--color-primary-500), 0.9);
  background: linear-gradient(-35deg, rgba(var(--color-secondary-400), 1) 0%, rgba(var(--color-primary-500), 1) 100%);
}
.modal .modal-content {
  background: rgba(var(--color-default-white), 1);
  position: relative;
  max-height: 88vh;
  min-height: 320px;
  max-width: 100vw;
  transition: all 0.5s ease;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: calc(32px * 2);
  padding: calc(var(--spacer-default) * 2);
}
@media (min-width: 0px) and (max-width: 767px) {
  .modal .modal-content {
    padding: calc(26px * 2);
    padding: calc(var(--spacer-xs) * 2);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-height: 100vh;
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .modal .modal-content {
    padding: calc(24px * 2);
    padding: calc(var(--spacer-xs-l) * 2);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-height: 100vh;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .modal .modal-content {
    padding: calc(28px * 2);
    padding: calc(var(--spacer-sm) * 2);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-height: 100vh;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .modal .modal-content {
    padding: calc(24px * 2);
    padding: calc(var(--spacer-sm-l) * 2);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-height: 100vh;
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .modal .modal-content {
    padding: calc(28px * 2);
    padding: calc(var(--spacer-md) * 2);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .modal .modal-content {
    padding: calc(32px * 2);
    padding: calc(var(--spacer-lg) * 2);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .modal .modal-content {
    padding: calc(36px * 2);
    padding: calc(var(--spacer-xl) * 2);
  }
}
.modal .modal-content > .circle-button {
  position: absolute;
  top: 0;
  right: 0;
}

.modal-video {
  background: black;
}
.modal-video.active {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
.modal-video.active video {
  width: 100%;
  height: auto;
}
.modal-video .video-close {
  position: absolute;
  z-index: 1;
  color: rgb(var(--color-primary-contrast-500));
  cursor: pointer;
  line-height: 1;
  transition: all 0.666s ease 0s;
  font-size: 1.8rem;
  top: calc(32px * 2);
  top: calc(var(--spacer-default) * 2);
  right: calc(32px * 2);
  right: calc(var(--spacer-default) * 2);
}
@media (min-width: 0px) and (max-width: 767px) {
  .modal-video .video-close {
    font-size: 1.08rem;
    top: calc(26px * 2);
    top: calc(var(--spacer-xs) * 2);
    right: calc(26px * 2);
    right: calc(var(--spacer-xs) * 2);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .modal-video .video-close {
    font-size: 1.17rem;
    top: calc(24px * 2);
    top: calc(var(--spacer-xs-l) * 2);
    right: calc(24px * 2);
    right: calc(var(--spacer-xs-l) * 2);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .modal-video .video-close {
    font-size: 1.26rem;
    top: calc(28px * 2);
    top: calc(var(--spacer-sm) * 2);
    right: calc(28px * 2);
    right: calc(var(--spacer-sm) * 2);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .modal-video .video-close {
    font-size: 1.35rem;
    top: calc(24px * 2);
    top: calc(var(--spacer-sm-l) * 2);
    right: calc(24px * 2);
    right: calc(var(--spacer-sm-l) * 2);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .modal-video .video-close {
    font-size: 1.44rem;
    top: calc(28px * 2);
    top: calc(var(--spacer-md) * 2);
    right: calc(28px * 2);
    right: calc(var(--spacer-md) * 2);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .modal-video .video-close {
    font-size: 1.62rem;
    top: calc(32px * 2);
    top: calc(var(--spacer-lg) * 2);
    right: calc(32px * 2);
    right: calc(var(--spacer-lg) * 2);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .modal-video .video-close {
    font-size: 1.8rem;
    top: calc(36px * 2);
    top: calc(var(--spacer-xl) * 2);
    right: calc(36px * 2);
    right: calc(var(--spacer-xl) * 2);
  }
}
.modal-video .video-close:hover {
  transform: scale(1.5);
  transition: all 0.666s ease 0s;
}
body.modal-header-video-active .modal-video {
  -webkit-animation: fadeIn 1.66s 0s ease forwards 1;
          animation: fadeIn 1.66s 0s ease forwards 1;
}

body.modal-header-video-active #main-header {
  opacity: 0;
  pointer-events: none;
  transition: all 0.66s ease;
}

::-moz-selection {
  background: rgba(85, 99, 115, 1);
  background: rgba(var(--dark-default), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--light-default), 1);
}

::selection {
  background: rgba(85, 99, 115, 1);
  background: rgba(var(--dark-default), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--light-default), 1);
}

header, footer, nav, button, svg, img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/*Scrollbar*/
::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--light-default), 1);
}

::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--light-default), 1);
}

::-webkit-scrollbar-thumb {
  border: 2px solid rgba(85, 99, 115, 1);
  border: 2px solid rgba(var(--dark-default), 1);
  border-radius: 0px;
  background-color: rgba(85, 99, 115, 1);
  background-color: rgba(var(--dark-default), 1);
}

/*Common for sections*/
.section {
  min-height: 25vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: calc(32px * 3);
  padding-top: calc(var(--spacer-default) * 3);
  padding-bottom: calc(32px * 3);
  padding-bottom: calc(var(--spacer-default) * 3);
}
@media (min-width: 0px) and (max-width: 767px) {
  .section {
    padding-top: calc(26px * 3);
    padding-top: calc(var(--spacer-xs) * 3);
    padding-bottom: calc(26px * 3);
    padding-bottom: calc(var(--spacer-xs) * 3);
    padding-top: calc(26px * 2);
    padding-top: calc(var(--spacer-xs) * 2);
    padding-bottom: calc(26px * 2);
    padding-bottom: calc(var(--spacer-xs) * 2);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .section {
    padding-top: calc(24px * 3);
    padding-top: calc(var(--spacer-xs-l) * 3);
    padding-bottom: calc(24px * 3);
    padding-bottom: calc(var(--spacer-xs-l) * 3);
    padding-top: calc(24px * 2);
    padding-top: calc(var(--spacer-xs-l) * 2);
    padding-bottom: calc(24px * 2);
    padding-bottom: calc(var(--spacer-xs-l) * 2);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .section {
    padding-top: calc(28px * 3);
    padding-top: calc(var(--spacer-sm) * 3);
    padding-bottom: calc(28px * 3);
    padding-bottom: calc(var(--spacer-sm) * 3);
    padding-top: calc(28px * 2);
    padding-top: calc(var(--spacer-sm) * 2);
    padding-bottom: calc(28px * 2);
    padding-bottom: calc(var(--spacer-sm) * 2);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .section {
    padding-top: calc(24px * 3);
    padding-top: calc(var(--spacer-sm-l) * 3);
    padding-bottom: calc(24px * 3);
    padding-bottom: calc(var(--spacer-sm-l) * 3);
    padding-top: calc(24px * 2);
    padding-top: calc(var(--spacer-sm-l) * 2);
    padding-bottom: calc(24px * 2);
    padding-bottom: calc(var(--spacer-sm-l) * 2);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .section {
    padding-top: calc(28px * 3);
    padding-top: calc(var(--spacer-md) * 3);
    padding-bottom: calc(28px * 3);
    padding-bottom: calc(var(--spacer-md) * 3);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .section {
    padding-top: calc(32px * 3);
    padding-top: calc(var(--spacer-lg) * 3);
    padding-bottom: calc(32px * 3);
    padding-bottom: calc(var(--spacer-lg) * 3);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .section {
    padding-top: calc(36px * 3);
    padding-top: calc(var(--spacer-xl) * 3);
    padding-bottom: calc(36px * 3);
    padding-bottom: calc(var(--spacer-xl) * 3);
  }
}
.section > div {
  min-height: 0;
}

.section-header {
  padding-top: calc(32px * 8);
  padding-top: calc(var(--spacer-default) * 8);
  padding-bottom: calc(32px * 3);
  padding-bottom: calc(var(--spacer-default) * 3);
  min-height: 80vh;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 0px) and (max-width: 767px) {
  .section-header {
    padding-top: calc(26px * 8);
    padding-top: calc(var(--spacer-xs) * 8);
    padding-bottom: calc(26px * 3);
    padding-bottom: calc(var(--spacer-xs) * 3);
    min-height: 80vh;
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .section-header {
    padding-top: calc(24px * 8);
    padding-top: calc(var(--spacer-xs-l) * 8);
    padding-bottom: calc(24px * 3);
    padding-bottom: calc(var(--spacer-xs-l) * 3);
    min-height: 80vh;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .section-header {
    padding-top: calc(28px * 8);
    padding-top: calc(var(--spacer-sm) * 8);
    padding-bottom: calc(28px * 3);
    padding-bottom: calc(var(--spacer-sm) * 3);
    min-height: 80vh;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .section-header {
    padding-top: calc(24px * 8);
    padding-top: calc(var(--spacer-sm-l) * 8);
    padding-bottom: calc(24px * 3);
    padding-bottom: calc(var(--spacer-sm-l) * 3);
    min-height: 80vh;
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .section-header {
    padding-top: calc(28px * 8);
    padding-top: calc(var(--spacer-md) * 8);
    padding-bottom: calc(28px * 3);
    padding-bottom: calc(var(--spacer-md) * 3);
    min-height: 80vh;
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .section-header {
    padding-top: calc(32px * 8);
    padding-top: calc(var(--spacer-lg) * 8);
    padding-bottom: calc(32px * 3);
    padding-bottom: calc(var(--spacer-lg) * 3);
    min-height: 80vh;
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .section-header {
    padding-top: calc(36px * 8);
    padding-top: calc(var(--spacer-xl) * 8);
    padding-bottom: calc(36px * 3);
    padding-bottom: calc(var(--spacer-xl) * 3);
    min-height: 80vh;
  }
}
.section-header > .container {
  min-height: 100%;
}

.section-title {
  margin-bottom: calc(32px * 2);
  margin-bottom: calc(var(--spacer-default) * 2);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) and (max-width: 767px) {
  .section-title {
    margin-bottom: calc(26px * 2);
    margin-bottom: calc(var(--spacer-xs) * 2);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(26px * 1);
    margin-bottom: calc(var(--spacer-xs) * 1);
    max-width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .section-title {
    margin-bottom: calc(24px * 2);
    margin-bottom: calc(var(--spacer-xs-l) * 2);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(24px * 1);
    margin-bottom: calc(var(--spacer-xs-l) * 1);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .section-title {
    margin-bottom: calc(28px * 2);
    margin-bottom: calc(var(--spacer-sm) * 2);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(28px * 1);
    margin-bottom: calc(var(--spacer-sm) * 1);
    max-width: 80%;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .section-title {
    margin-bottom: calc(24px * 2);
    margin-bottom: calc(var(--spacer-sm-l) * 2);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(24px * 1);
    margin-bottom: calc(var(--spacer-sm-l) * 1);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .section-title {
    margin-bottom: calc(28px * 2);
    margin-bottom: calc(var(--spacer-md) * 2);
    margin-left: auto;
    margin-right: auto;
    max-width: 640px;
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .section-title {
    margin-bottom: calc(32px * 2);
    margin-bottom: calc(var(--spacer-lg) * 2);
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .section-title {
    margin-bottom: calc(36px * 2);
    margin-bottom: calc(var(--spacer-xl) * 2);
    margin-left: auto;
    margin-right: auto;
  }
}

.dark-section h2 {
  color: rgb(var(--color-primary-contrast-500));
}
.dark-section .h3 {
  color: rgba(var(--color-accent-500), 1);
  margin-bottom: calc(32px * 0.25);
  margin-bottom: calc(var(--spacer-default) * 0.25);
}
@media (min-width: 0px) and (max-width: 767px) {
  .dark-section .h3 {
    margin-bottom: calc(26px * 0.25);
    margin-bottom: calc(var(--spacer-xs) * 0.25);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .dark-section .h3 {
    margin-bottom: calc(24px * 0.25);
    margin-bottom: calc(var(--spacer-xs-l) * 0.25);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .dark-section .h3 {
    margin-bottom: calc(28px * 0.25);
    margin-bottom: calc(var(--spacer-sm) * 0.25);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .dark-section .h3 {
    margin-bottom: calc(24px * 0.25);
    margin-bottom: calc(var(--spacer-sm-l) * 0.25);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .dark-section .h3 {
    margin-bottom: calc(28px * 0.25);
    margin-bottom: calc(var(--spacer-md) * 0.25);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .dark-section .h3 {
    margin-bottom: calc(32px * 0.25);
    margin-bottom: calc(var(--spacer-lg) * 0.25);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .dark-section .h3 {
    margin-bottom: calc(36px * 0.25);
    margin-bottom: calc(var(--spacer-xl) * 0.25);
  }
}
.dark-section .h4 {
  color: rgb(var(--color-primary-contrast-500));
}

/*img*/
img {
  width: 100%;
  height: auto;
  display: flex;
}

.heightauto {
  width: 100%;
  height: auto;
}

.widthauto {
  height: 100%;
  width: auto;
}

.img-fit-cover {
  height: 100%;
}
.img-fit-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.background-image {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}

/*Cards*/
.card header {
  border-radius: calc(32px * 0.5) calc(32px * 0.5) 0 0;
  border-radius: calc(var(--spacer-default) * 0.5) calc(var(--spacer-default) * 0.5) 0 0;
}
@media (min-width: 0px) and (max-width: 767px) {
  .card header {
    border-radius: calc(26px * 0.5) calc(26px * 0.5) 0 0;
    border-radius: calc(var(--spacer-xs) * 0.5) calc(var(--spacer-xs) * 0.5) 0 0;
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .card header {
    border-radius: calc(24px * 0.5) calc(24px * 0.5) 0 0;
    border-radius: calc(var(--spacer-xs-l) * 0.5) calc(var(--spacer-xs-l) * 0.5) 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .card header {
    border-radius: calc(28px * 0.5) calc(28px * 0.5) 0 0;
    border-radius: calc(var(--spacer-sm) * 0.5) calc(var(--spacer-sm) * 0.5) 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .card header {
    border-radius: calc(24px * 0.5) calc(24px * 0.5) 0 0;
    border-radius: calc(var(--spacer-sm-l) * 0.5) calc(var(--spacer-sm-l) * 0.5) 0 0;
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .card header {
    border-radius: calc(28px * 0.5) calc(28px * 0.5) 0 0;
    border-radius: calc(var(--spacer-md) * 0.5) calc(var(--spacer-md) * 0.5) 0 0;
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .card header {
    border-radius: calc(32px * 0.5) calc(32px * 0.5) 0 0;
    border-radius: calc(var(--spacer-lg) * 0.5) calc(var(--spacer-lg) * 0.5) 0 0;
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .card header {
    border-radius: calc(36px * 0.5) calc(36px * 0.5) 0 0;
    border-radius: calc(var(--spacer-xl) * 0.5) calc(var(--spacer-xl) * 0.5) 0 0;
  }
}
.card header a {
  display: block;
  height: 100%;
}
.card header a img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card > article {
  height: 100%;
  background: rgb(var(--color-primary-contrast-500));
  text-align: center;
  transition: transform 0.2s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: calc(32px * 0.5);
  border-radius: calc(var(--spacer-default) * 0.5);
}
@media (min-width: 0px) and (max-width: 767px) {
  .card > article {
    border-radius: calc(26px * 0.5);
    border-radius: calc(var(--spacer-xs) * 0.5);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .card > article {
    border-radius: calc(24px * 0.5);
    border-radius: calc(var(--spacer-xs-l) * 0.5);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .card > article {
    border-radius: calc(28px * 0.5);
    border-radius: calc(var(--spacer-sm) * 0.5);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .card > article {
    border-radius: calc(24px * 0.5);
    border-radius: calc(var(--spacer-sm-l) * 0.5);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .card > article {
    border-radius: calc(28px * 0.5);
    border-radius: calc(var(--spacer-md) * 0.5);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .card > article {
    border-radius: calc(32px * 0.5);
    border-radius: calc(var(--spacer-lg) * 0.5);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .card > article {
    border-radius: calc(36px * 0.5);
    border-radius: calc(var(--spacer-xl) * 0.5);
  }
}
.card > article > a {
  display: block;
}
.card > article h2 a {
  color: rgba(var(--color-primary-500), 1);
}
.card > article > section {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card.card-image-header header {
  padding-top: 75%;
  overflow: hidden;
  position: relative;
}
.card.card-image-header header img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.card.card-shadow > article {
  box-shadow: 0 0 calc(36px * 0.5) rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 calc(var(--spacer-xl) * 0.5) rgba(0, 0, 0, 0.2);
}
.card[class*=card-icon] header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.card[class*=card-icon] header img {
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.2s ease;
  width: calc(32px * 2);
  width: calc(var(--spacer-default) * 2);
  height: calc(32px * 2);
  height: calc(var(--spacer-default) * 2);
  margin-bottom: calc(32px * 1);
  margin-bottom: calc(var(--spacer-default) * 1);
}
@media (min-width: 0px) and (max-width: 767px) {
  .card[class*=card-icon] header img {
    width: calc(26px * 2);
    width: calc(var(--spacer-xs) * 2);
    height: calc(26px * 2);
    height: calc(var(--spacer-xs) * 2);
    margin-bottom: calc(26px * 1);
    margin-bottom: calc(var(--spacer-xs) * 1);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .card[class*=card-icon] header img {
    width: calc(24px * 2);
    width: calc(var(--spacer-xs-l) * 2);
    height: calc(24px * 2);
    height: calc(var(--spacer-xs-l) * 2);
    margin-bottom: calc(24px * 1);
    margin-bottom: calc(var(--spacer-xs-l) * 1);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .card[class*=card-icon] header img {
    width: calc(28px * 2);
    width: calc(var(--spacer-sm) * 2);
    height: calc(28px * 2);
    height: calc(var(--spacer-sm) * 2);
    margin-bottom: calc(28px * 1);
    margin-bottom: calc(var(--spacer-sm) * 1);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .card[class*=card-icon] header img {
    width: calc(24px * 2);
    width: calc(var(--spacer-sm-l) * 2);
    height: calc(24px * 2);
    height: calc(var(--spacer-sm-l) * 2);
    margin-bottom: calc(24px * 1);
    margin-bottom: calc(var(--spacer-sm-l) * 1);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .card[class*=card-icon] header img {
    width: calc(28px * 2);
    width: calc(var(--spacer-md) * 2);
    height: calc(28px * 2);
    height: calc(var(--spacer-md) * 2);
    margin-bottom: calc(28px * 1);
    margin-bottom: calc(var(--spacer-md) * 1);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .card[class*=card-icon] header img {
    width: calc(32px * 2);
    width: calc(var(--spacer-lg) * 2);
    height: calc(32px * 2);
    height: calc(var(--spacer-lg) * 2);
    margin-bottom: calc(32px * 1);
    margin-bottom: calc(var(--spacer-lg) * 1);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .card[class*=card-icon] header img {
    width: calc(36px * 2);
    width: calc(var(--spacer-xl) * 2);
    height: calc(36px * 2);
    height: calc(var(--spacer-xl) * 2);
    margin-bottom: calc(36px * 1);
    margin-bottom: calc(var(--spacer-xl) * 1);
  }
}
.card[class*=card-icon] .h5 {
  margin-bottom: 0 !important;
}
.card.card-icon-big header img {
  width: calc(32px * 3.33);
  width: calc(var(--spacer-default) * 3.33);
  height: calc(32px * 3.33);
  height: calc(var(--spacer-default) * 3.33);
}
@media (min-width: 0px) and (max-width: 767px) {
  .card.card-icon-big header img {
    width: calc(26px * 3.33);
    width: calc(var(--spacer-xs) * 3.33);
    height: calc(26px * 3.33);
    height: calc(var(--spacer-xs) * 3.33);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .card.card-icon-big header img {
    width: calc(24px * 3.33);
    width: calc(var(--spacer-xs-l) * 3.33);
    height: calc(24px * 3.33);
    height: calc(var(--spacer-xs-l) * 3.33);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .card.card-icon-big header img {
    width: calc(28px * 3.33);
    width: calc(var(--spacer-sm) * 3.33);
    height: calc(28px * 3.33);
    height: calc(var(--spacer-sm) * 3.33);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .card.card-icon-big header img {
    width: calc(24px * 3.33);
    width: calc(var(--spacer-sm-l) * 3.33);
    height: calc(24px * 3.33);
    height: calc(var(--spacer-sm-l) * 3.33);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .card.card-icon-big header img {
    width: calc(28px * 3.33);
    width: calc(var(--spacer-md) * 3.33);
    height: calc(28px * 3.33);
    height: calc(var(--spacer-md) * 3.33);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .card.card-icon-big header img {
    width: calc(32px * 3.33);
    width: calc(var(--spacer-lg) * 3.33);
    height: calc(32px * 3.33);
    height: calc(var(--spacer-lg) * 3.33);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .card.card-icon-big header img {
    width: calc(36px * 3.33);
    width: calc(var(--spacer-xl) * 3.33);
    height: calc(36px * 3.33);
    height: calc(var(--spacer-xl) * 3.33);
  }
}
.card.card-active:not(.active) > article {
  background-color: rgba(var(--color-lgray-600), 0.5);
  box-shadow: none;
}
.card.card-hover-animation:hover header img, .card.card-hover-animation.card-active.active header img {
  transform: scale(1.33);
  transition: transform 0.3s ease-out;
}
.card.card-hover-animation:hover > article, .card.card-hover-animation.card-active.active > article {
  transform: scale(1.05);
  transition: transform 0.2s ease;
}
.card.card-hover-animation:hover > article h2, .card.card-hover-animation.card-active.active > article h2 {
  transform: scale(1.05);
  color: rgba(var(--color-primary-500), 1);
  transition: all 0.2s ease;
}
.card.card-hover-animation-2:hover header {
  overflow: hidden;
}
.card.card-hover-animation-2:hover header img {
  transform: scale(1.1);
  transition: transform 0.4s ease-out;
}
.card.card-hover-animation-2:hover > article {
  transform: scale(1.05);
  transition: transform 0.2s ease;
}
.card.card-hover-animation-2:hover > article h2 {
  transform: scale(1.05);
  color: rgba(var(--color-primary-500), 1);
  transition: all 0.2s ease;
}
.card.big {
  margin-bottom: calc(32px * 2);
  margin-bottom: calc(var(--spacer-default) * 2);
}
@media (min-width: 0px) and (max-width: 767px) {
  .card.big {
    margin-bottom: calc(26px * 2);
    margin-bottom: calc(var(--spacer-xs) * 2);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .card.big {
    margin-bottom: calc(24px * 2);
    margin-bottom: calc(var(--spacer-xs-l) * 2);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .card.big {
    margin-bottom: calc(28px * 2);
    margin-bottom: calc(var(--spacer-sm) * 2);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .card.big {
    margin-bottom: calc(24px * 2);
    margin-bottom: calc(var(--spacer-sm-l) * 2);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .card.big {
    margin-bottom: calc(28px * 2);
    margin-bottom: calc(var(--spacer-md) * 2);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .card.big {
    margin-bottom: calc(32px * 2);
    margin-bottom: calc(var(--spacer-lg) * 2);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .card.big {
    margin-bottom: calc(36px * 2);
    margin-bottom: calc(var(--spacer-xl) * 2);
  }
}
.card.big section {
  padding: calc(32px * 2);
  padding: calc(var(--spacer-default) * 2);
}
@media (min-width: 0px) and (max-width: 767px) {
  .card.big section {
    padding: calc(26px * 2);
    padding: calc(var(--spacer-xs) * 2);
    padding: calc(26px * 1);
    padding: calc(var(--spacer-xs) * 1);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .card.big section {
    padding: calc(24px * 2);
    padding: calc(var(--spacer-xs-l) * 2);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .card.big section {
    padding: calc(28px * 2);
    padding: calc(var(--spacer-sm) * 2);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .card.big section {
    padding: calc(24px * 2);
    padding: calc(var(--spacer-sm-l) * 2);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .card.big section {
    padding: calc(28px * 2);
    padding: calc(var(--spacer-md) * 2);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .card.big section {
    padding: calc(32px * 2);
    padding: calc(var(--spacer-lg) * 2);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .card.big section {
    padding: calc(36px * 2);
    padding: calc(var(--spacer-xl) * 2);
  }
}

.video-16-9,
.js-video-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background-color: rgba(85, 99, 115, 1);
  background-color: rgba(var(--dark-default), 1);
  /*get-color(third, 500);*/
  overflow: hidden;
}
.dark .video-16-9,
.dark .js-video-container {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--light-default), 1);
}
@media (min-width: 0px) and (max-width: 767px) {
  .video-16-9,
.js-video-container {
    overflow: hidden;
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .video-16-9,
.js-video-container {
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .video-16-9,
.js-video-container {
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .video-16-9,
.js-video-container {
    overflow: hidden;
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .video-16-9,
.js-video-container {
    overflow: hidden;
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .video-16-9,
.js-video-container {
    overflow: hidden;
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .video-16-9,
.js-video-container {
    overflow: hidden;
  }
}

[class*=video-] video,
.js-video-button-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.js-video-button-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.js-video-button-container button {
  pointer-events: all;
  background-color: rgba(85, 99, 115, 1);
  background-color: rgba(var(--dark-default), 1);
  border-radius: 50%;
  background-clip: content-box;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5);
  border-color: rgba(var(--light-default), 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: calc(32px * 2.666);
  width: calc(var(--spacer-default) * 2.666);
  height: calc(32px * 2.666);
  height: calc(var(--spacer-default) * 2.666);
  margin-top: calc(32px * -0.85);
  margin-top: calc(var(--spacer-default) * -0.85);
  padding: calc(32px * 0.333);
  padding: calc(var(--spacer-default) * 0.333);
}
.dark .js-video-button-container button {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--light-default), 1);
}
.dark .js-video-button-container button {
  border-color: rgba(85, 99, 115, 0.5);
  border-color: rgba(var(--dark-default), 0.5);
}
@media (min-width: 0px) and (max-width: 767px) {
  .js-video-button-container button {
    width: calc(26px * 2.666);
    width: calc(var(--spacer-xs) * 2.666);
    height: calc(26px * 2.666);
    height: calc(var(--spacer-xs) * 2.666);
    margin-top: calc(26px * -0.85);
    margin-top: calc(var(--spacer-xs) * -0.85);
    padding: calc(26px * 0.333);
    padding: calc(var(--spacer-xs) * 0.333);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .js-video-button-container button {
    width: calc(24px * 2.666);
    width: calc(var(--spacer-xs-l) * 2.666);
    height: calc(24px * 2.666);
    height: calc(var(--spacer-xs-l) * 2.666);
    margin-top: calc(24px * -0.85);
    margin-top: calc(var(--spacer-xs-l) * -0.85);
    padding: calc(24px * 0.333);
    padding: calc(var(--spacer-xs-l) * 0.333);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .js-video-button-container button {
    width: calc(28px * 2.666);
    width: calc(var(--spacer-sm) * 2.666);
    height: calc(28px * 2.666);
    height: calc(var(--spacer-sm) * 2.666);
    margin-top: calc(28px * -0.85);
    margin-top: calc(var(--spacer-sm) * -0.85);
    padding: calc(28px * 0.333);
    padding: calc(var(--spacer-sm) * 0.333);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .js-video-button-container button {
    width: calc(24px * 2.666);
    width: calc(var(--spacer-sm-l) * 2.666);
    height: calc(24px * 2.666);
    height: calc(var(--spacer-sm-l) * 2.666);
    margin-top: calc(24px * -0.85);
    margin-top: calc(var(--spacer-sm-l) * -0.85);
    padding: calc(24px * 0.333);
    padding: calc(var(--spacer-sm-l) * 0.333);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .js-video-button-container button {
    width: calc(28px * 2.666);
    width: calc(var(--spacer-md) * 2.666);
    height: calc(28px * 2.666);
    height: calc(var(--spacer-md) * 2.666);
    margin-top: calc(28px * -0.85);
    margin-top: calc(var(--spacer-md) * -0.85);
    padding: calc(28px * 0.333);
    padding: calc(var(--spacer-md) * 0.333);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .js-video-button-container button {
    width: calc(32px * 2.666);
    width: calc(var(--spacer-lg) * 2.666);
    height: calc(32px * 2.666);
    height: calc(var(--spacer-lg) * 2.666);
    margin-top: calc(32px * -0.85);
    margin-top: calc(var(--spacer-lg) * -0.85);
    padding: calc(32px * 0.333);
    padding: calc(var(--spacer-lg) * 0.333);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .js-video-button-container button {
    width: calc(36px * 2.666);
    width: calc(var(--spacer-xl) * 2.666);
    height: calc(36px * 2.666);
    height: calc(var(--spacer-xl) * 2.666);
    margin-top: calc(36px * -0.85);
    margin-top: calc(var(--spacer-xl) * -0.85);
    padding: calc(36px * 0.333);
    padding: calc(var(--spacer-xl) * 0.333);
  }
}
.js-video-button-container button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  border-color: rgba(var(--light-default), 0.25);
  border-radius: 50%;
  top: calc(32px * -0.333);
  top: calc(var(--spacer-default) * -0.333);
  left: calc(32px * -0.333);
  left: calc(var(--spacer-default) * -0.333);
  bottom: calc(32px * -0.333);
  bottom: calc(var(--spacer-default) * -0.333);
  right: calc(32px * -0.333);
  right: calc(var(--spacer-default) * -0.333);
}
.dark .js-video-button-container button:after {
  border-color: rgba(85, 99, 115, 0.25);
  border-color: rgba(var(--dark-default), 0.25);
}
@media (min-width: 0px) and (max-width: 767px) {
  .js-video-button-container button:after {
    top: calc(26px * -0.333);
    top: calc(var(--spacer-xs) * -0.333);
    left: calc(26px * -0.333);
    left: calc(var(--spacer-xs) * -0.333);
    bottom: calc(26px * -0.333);
    bottom: calc(var(--spacer-xs) * -0.333);
    right: calc(26px * -0.333);
    right: calc(var(--spacer-xs) * -0.333);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .js-video-button-container button:after {
    top: calc(24px * -0.333);
    top: calc(var(--spacer-xs-l) * -0.333);
    left: calc(24px * -0.333);
    left: calc(var(--spacer-xs-l) * -0.333);
    bottom: calc(24px * -0.333);
    bottom: calc(var(--spacer-xs-l) * -0.333);
    right: calc(24px * -0.333);
    right: calc(var(--spacer-xs-l) * -0.333);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .js-video-button-container button:after {
    top: calc(28px * -0.333);
    top: calc(var(--spacer-sm) * -0.333);
    left: calc(28px * -0.333);
    left: calc(var(--spacer-sm) * -0.333);
    bottom: calc(28px * -0.333);
    bottom: calc(var(--spacer-sm) * -0.333);
    right: calc(28px * -0.333);
    right: calc(var(--spacer-sm) * -0.333);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .js-video-button-container button:after {
    top: calc(24px * -0.333);
    top: calc(var(--spacer-sm-l) * -0.333);
    left: calc(24px * -0.333);
    left: calc(var(--spacer-sm-l) * -0.333);
    bottom: calc(24px * -0.333);
    bottom: calc(var(--spacer-sm-l) * -0.333);
    right: calc(24px * -0.333);
    right: calc(var(--spacer-sm-l) * -0.333);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .js-video-button-container button:after {
    top: calc(28px * -0.333);
    top: calc(var(--spacer-md) * -0.333);
    left: calc(28px * -0.333);
    left: calc(var(--spacer-md) * -0.333);
    bottom: calc(28px * -0.333);
    bottom: calc(var(--spacer-md) * -0.333);
    right: calc(28px * -0.333);
    right: calc(var(--spacer-md) * -0.333);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .js-video-button-container button:after {
    top: calc(32px * -0.333);
    top: calc(var(--spacer-lg) * -0.333);
    left: calc(32px * -0.333);
    left: calc(var(--spacer-lg) * -0.333);
    bottom: calc(32px * -0.333);
    bottom: calc(var(--spacer-lg) * -0.333);
    right: calc(32px * -0.333);
    right: calc(var(--spacer-lg) * -0.333);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .js-video-button-container button:after {
    top: calc(36px * -0.333);
    top: calc(var(--spacer-xl) * -0.333);
    left: calc(36px * -0.333);
    left: calc(var(--spacer-xl) * -0.333);
    bottom: calc(36px * -0.333);
    bottom: calc(var(--spacer-xl) * -0.333);
    right: calc(36px * -0.333);
    right: calc(var(--spacer-xl) * -0.333);
  }
}
.js-video-button-container button.icon-pause, .js-video-button-container button.icon-pause + button {
  opacity: 0;
  pointer-events: none;
}
.js-video-button-container button.js-play svg {
  margin-right: -3px;
}
.js-video-button-container button.js-play svg path {
  fill: rgba(255, 255, 255, 1);
  fill: rgba(var(--light-default), 1);
}
.dark .js-video-button-container button.js-play svg path {
  fill: rgba(85, 99, 115, 1);
  fill: rgba(var(--dark-default), 1);
}

small {
  font-size: 0.75em;
}

strong, b {
  font-weight: 800;
}

h2 strong {
  font-weight: 800;
}

.h5.label {
  color: rgba(var(--color-accent-500), 1)!important;
  text-transform: uppercase;
}

small.h5.label {
  font-size: 0.75em;
}

.bg-white {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--light-default), 1);
}

hr {
  border: 0px none;
  margin: 32px/8 auto;
  margin: var(--spacer-default)/8 auto;
}

.italic {
  font-style: italic;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.h-desktop-100, .h-default-100 {
  height: 100%;
}

.w-desktop-100, .w-default-100 {
  width: 100%;
}

.hidden-desktop, [desktop~=hidden], .hidden-default, [default~=hidden] {
  display: none !important;
}

.visible-desktop, .visible-default {
  display: block;
}

time {
  font-size: 1.1rem;
}

@media (min-width: 0px) and (max-width: 767px) {
  .h-mobile-100, .h-xs-100 {
    height: 100%;
  }

  .w-mobile-100, .w-xs-100 {
    width: 100%;
  }

  .hidden-mobile, [mobile~=hidden], .hidden-xs, [xs~=hidden] {
    display: none !important;
  }

  .visible-mobile, .visible-xs {
    display: block;
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  .h-mobile-100, .h-xs-l-100 {
    height: 100%;
  }

  .w-mobile-100, .w-xs-l-100 {
    width: 100%;
  }

  .hidden-mobile, [mobile~=hidden], .hidden-xs-l, [xs-l~=hidden] {
    display: none !important;
  }

  .visible-mobile, .visible-xs-l {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .h-mobile-100, .h-sm-100 {
    height: 100%;
  }

  .w-mobile-100, .w-sm-100 {
    width: 100%;
  }

  .hidden-mobile, [mobile~=hidden], .hidden-sm, [sm~=hidden] {
    display: none !important;
  }

  .visible-mobile, .visible-sm {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  .h-mobile-100, .h-sm-l-100 {
    height: 100%;
  }

  .w-mobile-100, .w-sm-l-100 {
    width: 100%;
  }

  .hidden-mobile, [mobile~=hidden], .hidden-sm-l, [sm-l~=hidden] {
    display: none !important;
  }

  .visible-mobile, .visible-sm-l {
    display: block;
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .h-desktop-100, .h-md-100 {
    height: 100%;
  }

  .w-desktop-100, .w-md-100 {
    width: 100%;
  }

  .hidden-desktop, [desktop~=hidden], .hidden-md, [md~=hidden] {
    display: none !important;
  }

  .visible-desktop, .visible-md {
    display: block;
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .h-desktop-100, .h-lg-100 {
    height: 100%;
  }

  .w-desktop-100, .w-lg-100 {
    width: 100%;
  }

  .hidden-desktop, [desktop~=hidden], .hidden-lg, [lg~=hidden] {
    display: none !important;
  }

  .visible-desktop, .visible-lg {
    display: block;
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  .h-desktop-100, .h-xl-100 {
    height: 100%;
  }

  .w-desktop-100, .w-xl-100 {
    width: 100%;
  }

  .hidden-desktop, [desktop~=hidden], .hidden-xl, [xl~=hidden] {
    display: none !important;
  }

  .visible-desktop, .visible-xl {
    display: block;
  }
}
nav.nav-primary a {
  text-decoration: none;
}
nav.nav-primary .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(32px * 3);
  height: calc(var(--spacer-default) * 3);
}
@media (min-width: 0px) and (max-width: 767px) {
  nav.nav-primary .container {
    height: calc(26px * 3);
    height: calc(var(--spacer-xs) * 3);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  nav.nav-primary .container {
    height: calc(24px * 3);
    height: calc(var(--spacer-xs-l) * 3);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  nav.nav-primary .container {
    height: calc(28px * 3);
    height: calc(var(--spacer-sm) * 3);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  nav.nav-primary .container {
    height: calc(24px * 3);
    height: calc(var(--spacer-sm-l) * 3);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  nav.nav-primary .container {
    height: calc(28px * 3);
    height: calc(var(--spacer-md) * 3);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  nav.nav-primary .container {
    height: calc(32px * 3);
    height: calc(var(--spacer-lg) * 3);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  nav.nav-primary .container {
    height: calc(36px * 3);
    height: calc(var(--spacer-xl) * 3);
  }
}
nav.nav-primary a.logo img {
  height: calc(32px * 1.25);
  height: calc(var(--spacer-default) * 1.25);
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 0px) and (max-width: 767px) {
  nav.nav-primary a.logo img {
    height: calc(26px * 1.25);
    height: calc(var(--spacer-xs) * 1.25);
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  nav.nav-primary a.logo img {
    height: calc(24px * 1.25);
    height: calc(var(--spacer-xs-l) * 1.25);
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  nav.nav-primary a.logo img {
    height: calc(28px * 1.25);
    height: calc(var(--spacer-sm) * 1.25);
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  nav.nav-primary a.logo img {
    height: calc(24px * 1.25);
    height: calc(var(--spacer-sm-l) * 1.25);
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  nav.nav-primary a.logo img {
    height: calc(28px * 1.25);
    height: calc(var(--spacer-md) * 1.25);
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  nav.nav-primary a.logo img {
    height: calc(32px * 1.25);
    height: calc(var(--spacer-lg) * 1.25);
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  nav.nav-primary a.logo img {
    height: calc(36px * 1.25);
    height: calc(var(--spacer-xl) * 1.25);
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
nav.nav-primary .nav-right {
  display: flex;
}
nav.nav-primary .nav-right ul {
  display: flex;
}
nav.nav-primary .nav-right ul li {
  margin-right: calc(32px * 1);
  margin-right: calc(var(--spacer-default) * 1);
}
@media (min-width: 0px) and (max-width: 767px) {
  nav.nav-primary .nav-right ul li {
    margin-right: calc(26px * 1);
    margin-right: calc(var(--spacer-xs) * 1);
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  nav.nav-primary .nav-right ul li {
    margin-right: calc(24px * 1);
    margin-right: calc(var(--spacer-xs-l) * 1);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  nav.nav-primary .nav-right ul li {
    margin-right: calc(28px * 1);
    margin-right: calc(var(--spacer-sm) * 1);
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  nav.nav-primary .nav-right ul li {
    margin-right: calc(24px * 1);
    margin-right: calc(var(--spacer-sm-l) * 1);
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  nav.nav-primary .nav-right ul li {
    margin-right: calc(28px * 1);
    margin-right: calc(var(--spacer-md) * 1);
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  nav.nav-primary .nav-right ul li {
    margin-right: calc(32px * 1);
    margin-right: calc(var(--spacer-lg) * 1);
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  nav.nav-primary .nav-right ul li {
    margin-right: calc(36px * 1);
    margin-right: calc(var(--spacer-xl) * 1);
  }
}
nav.nav-primary .nav-right ul li a {
  font-size: 0.9em;
}
nav.nav-primary .nav-right ul li a.active {
  font-weight: bold;
}
nav.nav-primary .nav-right ul.lang-switcher li:last-child {
  margin-right: 0;
}

hr {
  border-bottom: 1px solid rgba(85, 99, 115, 0.1);
  border-bottom: 1px solid rgba(var(--dark-default), 0.1);
  width: 100%;
  display: flex;
  margin: calc(32px * 1) 0;
  margin: calc(var(--spacer-default) * 1) 0;
}
@media (min-width: 0px) and (max-width: 767px) {
  hr {
    margin: calc(26px * 1) 0;
    margin: calc(var(--spacer-xs) * 1) 0;
  }
}
@media (min-width: 0px) and (max-width: 767px) and (orientation:landscape) {
  hr {
    margin: calc(24px * 1) 0;
    margin: calc(var(--spacer-xs-l) * 1) 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  hr {
    margin: calc(28px * 1) 0;
    margin: calc(var(--spacer-sm) * 1) 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (orientation:landscape) {
  hr {
    margin: calc(24px * 1) 0;
    margin: calc(var(--spacer-sm-l) * 1) 0;
  }
}
@media (min-width: 1201px) and (max-width: 1440px) {
  hr {
    margin: calc(28px * 1) 0;
    margin: calc(var(--spacer-md) * 1) 0;
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  hr {
    margin: calc(32px * 1) 0;
    margin: calc(var(--spacer-lg) * 1) 0;
  }
}
@media (min-width: 1921px) and (max-width: 10000px) {
  hr {
    margin: calc(36px * 1) 0;
    margin: calc(var(--spacer-xl) * 1) 0;
  }
}

.hidden {
  display: none;
}
/*# sourceMappingURL=style.css.map */