@charset "UTF-8";
:root {
  --color-white: #ffffff;
  --color-black: #3f3f3f;
  --color-gray: #c9c9c9;
  --color-light-gray: #e0e0e0;
  --color-lightest-gray: #f0f0f0;
  --color-dark-gray: #888888;
  --color-darkest-gray: #666666;
  --color-red: #e71313;
  --color-lightest-red: #ffdfdf;
  --color-primary: #666666;
  --color-font: var(--color-black);
  --color-form-outline: var(--color-gray);
  --googleIcon-weight: 300;
  --googleIcon-opticalSize: 20;
  --googleIcon-fill: 0;
  --googleIcon-grade: 0;
}

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

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  font-size: 16px;
  text-size-adjust: none;
}

body {
  min-height: 100svh;
  margin: 0;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.8;
}

figure,
blockquote,
dl,
dd {
  margin-block-end: 0;
}

ul[role=list],
ol[role=list] {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
label {
  line-height: 1.5;
}

/* Balance text wrapping on headings */
h1,
h2,
h3,
h4 {
  text-wrap: unset;
  font-weight: inherit;
  margin: 0;
}

p {
  margin-block-start: 1.75em;
  margin-block-end: 1.75em;
}
p:not([class]):first-child {
  margin-block-start: 0;
}
p:not([class]):last-child {
  margin-block-end: 0;
}
p:where([class]) {
  margin-block-start: 0;
  margin-block-end: 0;
}

a:where([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  color: currentColor;
  text-decoration: none;
  cursor: pointer;
}

img,
picture,
iframe {
  display: block;
  height: auto;
  max-width: 100%;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}

address {
  font-style: normal;
}

button,
[type=button],
[type=submit] {
  cursor: pointer;
  border: none;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10rem;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

/**
* #### Description ####
* 360px から 1176px（コンテンツ幅 1080px） の間で値が変わるように基本は設定。
* ※ 1176px = 1080px + 48px + 48px
*/
body {
  color: var(--color-font);
  font-family: "YakuHanJPs_Noto", "Noto Sans JP", sans-serif;
  font-size: clamp(0.875rem, 0.82rem + 0.25vw, 1rem);
  text-align: justify;
}
body > footer {
  position: sticky;
  top: 100svh;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 2em;
  margin-bottom: 1em;
  font-weight: 700;
}

h1 {
  font-size: 1.6em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.3em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1.1em;
}

ul {
  padding-left: 1.5em;
}

:where(.editor-styles-wrapper) p {
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.wp-block-image > a {
  text-decoration: none;
  display: block;
  border-bottom: none;
}

img:is([sizes=auto i], [sizes^="auto," i]) {
  contain-intrinsic-size: 3000px 1500px;
}

.l-header {
  position: relative;
  height: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 9.6);
}
.l-header__logo {
  height: 100%;
}
.l-header__logo-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.l-header__logo-link {
  display: flex;
  justify-content: center;
  border-bottom: none;
}
.l-header__logo-image {
  height: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2.5);
}

@media (min-width: 980px) {
  .l-header {
    display: flex;
    justify-content: space-between;
    height: 96px;
    width: 100%;
    padding: 0 40px;
  }
  .l-header__logo-image {
    height: 40px;
    max-width: none;
  }
}
.l-main__wrap {
  padding-left: clamp(1.25rem, 0.234rem + 4.52vw, 3rem);
  padding-right: clamp(1.25rem, 0.234rem + 4.52vw, 3rem);
  width: 100%;
}
.l-main__header {
  margin: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 4) 0;
}
.l-main__header-title {
  margin: 0;
  font-size: clamp(1.125rem, 0.575rem + 2.45vw, 2.25rem);
}

@media (min-width: 980px) {
  .l-main__wrap {
    padding-left: max(48px, 50% - 600px);
    padding-right: max(48px, 50% - 600px);
  }
  .l-main__wrap--small {
    padding-left: max(48px, 50% - 500px);
    padding-right: max(48px, 50% - 500px);
  }
  .l-main__wrap--wide {
    padding-left: max(48px, 50% - 800px);
    padding-right: max(48px, 50% - 800px);
  }
}
.l-footer {
  padding-left: clamp(1.25rem, 0.234rem + 4.52vw, 3rem);
  padding-right: clamp(1.25rem, 0.234rem + 4.52vw, 3rem);
  padding-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3);
  padding-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3);
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 6);
  background-color: #f0f0f0;
}
.l-footer__copyright-inner {
  font-size: 0.6875rem;
}

@media (min-width: 980px) {
  .l-footer {
    padding-left: max(48px, 50% - 600px);
    padding-right: max(48px, 50% - 600px);
    padding-top: 40px;
    padding-bottom: 24px;
  }
  .l-footer__copyright-inner {
    font-size: 0.75rem;
  }
}
.l-navigation__control {
  padding: 0;
  display: flex;
  align-items: center;
  border: none;
  outline: none;
  background: none;
  color: inherit;
  font: inherit;
}
.l-navigation__control > .c-googleIcon {
  font-size: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 4);
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 48;
}
.l-navigation__wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  background-color: #dddddd;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
}
.l-navigation__wrap-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 9.6);
  width: 100%;
}
.l-navigation__wrap.is-active {
  opacity: 1;
  visibility: visible;
}
.l-navigation__open {
  position: absolute;
  top: 50%;
  right: clamp(1.25rem, 0.234rem + 4.52vw, 3rem);
  transform: translateY(-50%);
}
.l-navigation__close {
  position: absolute;
  top: 50%;
  z-index: 1100;
  transform: translateY(-50%);
  right: clamp(1.25rem, 0.234rem + 4.52vw, 3rem);
  color: var(--color-font);
}
.l-navigation__logo-image {
  height: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2.5);
}
.l-navigation__inner {
  display: flex;
  align-items: center;
  height: calc(100% - 80px);
  padding-left: 40px;
  overflow: scroll;
  scrollbar-width: none;
}
.l-navigation__inner::-webkit-scrollbar {
  display: none;
}
.l-navigation__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
  margin: 0;
  font-size: 1rem;
}
.l-navigation__list a {
  border-bottom: none;
  color: var(--color-font);
}

@media (min-width: 980px) {
  .l-navigation__open, .l-navigation__close, .l-navigation__logo {
    display: none;
  }
  .l-navigation__wrap {
    position: relative;
    height: 100%;
    background-color: transparent;
    opacity: 1;
    visibility: visible;
  }
  .l-navigation__wrap-header {
    display: none;
  }
  .l-navigation__inner {
    height: 100%;
    padding-left: 0;
  }
  .l-navigation__list {
    flex-direction: row;
    gap: 40px;
  }
  .l-navigation__list a {
    color: var(--color-font);
    font-size: 1.125rem;
    font-weight: 500;
  }
}
.c-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: clamp(3rem, 2.511rem + 2.17vw, 4rem);
  background-color: var(--color-light-gray);
  transition: opacity 0.5s ease-out;
}
.c-button:hover {
  opacity: 0.7;
}
.c-button--arrow::after {
  position: absolute;
  right: 1em;
  font-size: 1.25em;
}
.c-button--arrow::after {
  content: "chevron_right";
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" var(--googleIcon-fill), "wght" var(--googleIcon-weight), "GRAD" var(--googleIcon-grade), "opsz" var(--googleIcon-opticalSize);
}

.c-contactForm {
  margin-top: 3em;
}
.c-contactForm__group + .c-contactForm__group {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3.5);
}
.c-contactForm__label {
  display: block;
  margin-bottom: 0.5em;
  font-weight: 500;
  line-height: 1.375;
}
.c-contactForm__label--required {
  display: inline-grid;
  grid-template-columns: auto 3em;
  align-items: center;
  gap: 0.5em;
}
.c-contactForm__label--required::after {
  content: "必須";
  display: inline-block;
  padding: 0 0.375em;
  background-color: var(--color-lightest-red);
  border-radius: 0.25em;
  color: var(--color-red);
  font-size: 0.875em;
  line-height: 2;
  text-align: center;
}
.c-contactForm__text {
  height: 48px;
  width: 100%;
  padding: 0 12px;
  border: 1px solid var(--color-form-outline);
  border-radius: 4px;
  font-size: 1rem;
}
.c-contactForm__textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--color-form-outline);
  border-radius: 4px;
  resize: vertical;
  font-size: 1rem;
}
.c-contactForm__radioInput {
  display: flex;
  gap: 2.5em;
  margin-top: 1.5em;
}
.c-contactForm__radio-item {
  display: none;
}
.c-contactForm__radio-item:checked + .c-contactForm__radio-text::after {
  content: "";
  position: absolute;
  left: 0.375em;
  top: 50%;
  transform: translateY(-50%);
  width: 0.75em;
  aspect-ratio: 1;
  background-color: var(--color-primary);
  border-radius: 50%;
}
.c-contactForm__radio-text {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 2.125em;
  font-size: 1.125em;
}
.c-contactForm__radio-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1.5em;
  aspect-ratio: 1;
  background-color: var(--color-lightest-gray);
  border: 1px solid var(--color-gray);
  border-radius: 50%;
}
.c-contactForm__select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  height: 48px;
  width: 100%;
  padding: 4px 12px;
  background-color: #fff;
  border: 1px solid var(--color-form-outline);
  border-radius: 4px;
  background-image: url("/wp-content/themes/suezaki-bike/assets/image/icon/arrow-drop-down.svg");
  background-position: center right 12px;
  background-repeat: no-repeat;
  background-size: 1.75em;
  font-size: 1rem;
}
.c-contactForm__files {
  display: grid;
  grid-template-columns: 100%;
  gap: 2em;
  margin-top: 1em;
}
.c-contactForm__file-label {
  display: block;
  margin-bottom: 0.5em;
}
.c-contactForm__submit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 4.5);
}
.c-contactForm__button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 100%;
  max-width: 480px;
  background-color: var(--color-primary);
  border: none;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  color: #fff;
  font-size: 1.125em;
  letter-spacing: 0.25em;
}

@media (min-width: 980px) {
  .c-contactForm__group {
    display: grid;
    grid-template-columns: 30% 1fr;
    gap: 2em;
    align-items: center;
  }
  .c-contactForm__label {
    margin-bottom: 0;
  }
  .c-contactForm__label--required {
    justify-self: flex-start;
  }
  .c-contactForm__label--required::after {
    font-size: 0.75em;
  }
  .c-contactForm__radioInput {
    margin-top: 0;
  }
  .c-contactForm__radio-text {
    font-size: 1em;
  }
  .c-contactForm__submit {
    margin-top: 88px;
  }
  .c-contactForm__button {
    height: 64px;
    width: 400px;
    margin: 0 auto;
  }
}
.c-googleIcon {
  font-family: "Material Symbols Outlined";
  line-height: 1;
  font-variation-settings: "FILL" var(--googleIcon-fill), "wght" var(--googleIcon-weight), "GRAD" var(--googleIcon-grade), "opsz" var(--googleIcon-opticalSize);
}

.c-listMarker {
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 0.5em;
  padding-left: 0;
}
.c-listMarker__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.375em;
  align-items: flex-start;
  line-height: 1.4;
}
.c-listMarker__item::before {
  content: attr(data-marker);
  line-height: 1.4;
}
.c-listMarker__subList {
  list-style: none;
  display: grid;
  grid-template-columns: 100%;
  row-gap: 0.5em;
  padding-left: 1em;
  margin: 1em 0;
}

.c-pagination {
  display: flex;
  justify-content: center;
  width: 100%;
}
.c-pagination__links {
  display: flex;
  gap: 2.5em;
}
.c-pagination__link > a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: var(--color-font);
  border-bottom: none;
}
.c-pagination__link--prev > a {
  text-decoration: none;
}
.c-pagination__link--prev > a::before {
  content: "chevron_left";
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" var(--googleIcon-fill), "wght" var(--googleIcon-weight), "GRAD" var(--googleIcon-grade), "opsz" var(--googleIcon-opticalSize);
  font-size: 1.125em;
}
.c-pagination__link--next > a {
  text-decoration: none;
}
.c-pagination__link--next > a::after {
  content: "chevron_right";
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" var(--googleIcon-fill), "wght" var(--googleIcon-weight), "GRAD" var(--googleIcon-grade), "opsz" var(--googleIcon-opticalSize);
  font-size: 1.125em;
}

.wpcf7 .wpcf7-spinner {
  display: none;
}
.wpcf7 form.wpcf7-form.submitting .wpcf7-spinner {
  display: inline-block;
}
.wpcf7 form.wpcf7-form .wpcf7-response-output {
  padding: 0.75em 1em;
  margin: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3) 0 0;
  line-height: 1.5;
}

.b-twoColumnTable {
  margin: 0;
}
.b-twoColumnTable__left {
  padding: 16px;
  background-color: var(--color-lightest-gray);
  border: 1px solid var(--color-light-gray);
}
.b-twoColumnTable__left:nth-of-type(n + 2) {
  border-top: none;
}
.b-twoColumnTable__right {
  padding: 16px;
  margin: 0;
  border: 1px solid var(--color-light-gray);
  border-top: none;
}

@media (min-width: 980px) {
  .b-twoColumnTable {
    display: grid;
    grid-template-columns: auto 1fr;
  }
  .b-twoColumnTable--10 {
    grid-template-columns: 10% 1fr;
  }
  .b-twoColumnTable--20 {
    grid-template-columns: 20% 1fr;
  }
  .b-twoColumnTable--30 {
    grid-template-columns: 30% 1fr;
  }
  .b-twoColumnTable--40 {
    grid-template-columns: 40% 1fr;
  }
  .b-twoColumnTable--50 {
    grid-template-columns: 50% 1fr;
  }
  .b-twoColumnTable__right {
    border-top: 1px solid var(--color-light-gray);
    border-left: none;
  }
  .b-twoColumnTable__right:nth-of-type(n + 2) {
    border-top: none;
  }
}
.p-notFound__link {
  max-width: 400px;
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 4);
}

.p-index__side {
  padding-left: clamp(1.25rem, 0.234rem + 4.52vw, 3rem);
  padding-right: clamp(1.25rem, 0.234rem + 4.52vw, 3rem);
}
.p-index__fontSize--16 {
  font-size: 16px;
}
.p-index__fontSize--15 {
  font-size: 15px;
}
.p-index__fontSize--14 {
  font-size: 14px;
}
.p-index__fontSize--13 {
  font-size: 13px;
}
.p-index__fontSize--12 {
  font-size: 12px;
}
.p-index__fontSize--11 {
  font-size: 11px;
}

@media (min-width: 980px) {
  .p-index__side {
    padding-left: max(48px, 50% - 600px);
    padding-right: max(48px, 50% - 600px);
  }
}
.u-color--white {
  color: var(--color-white);
}
.u-color--red {
  color: var(--color-red);
}
.u-color--gray {
  color: var(--color-gray);
}
.u-color--darkGray {
  color: var(--color-dark-gray);
}

.u-display--none {
  display: none;
}
.u-display--inline {
  display: inline;
}
.u-display--inlineBlock {
  display: inline-block;
}
.u-display--block {
  display: block;
}
.u-display--flex {
  display: flex;
}
.u-display--inlineFlex {
  display: inline-flex;
}
.u-display--grid {
  display: grid;
}

@media (width < 768px) {
  .u-display-s--none {
    display: none;
  }
  .u-display-s--inline {
    display: inline;
  }
  .u-display-s--inlineBlock {
    display: inline-block;
  }
  .u-display-s--block {
    display: block;
  }
  .u-display-s--flex {
    display: flex;
  }
  .u-display-s--inlineFlex {
    display: inline-flex;
  }
  .u-display-s--grid {
    display: grid;
  }
}
@media (768px <= width < 980px) {
  .u-display-m--none {
    display: none;
  }
  .u-display-m--inline {
    display: inline;
  }
  .u-display-m--inlineBlock {
    display: inline-block;
  }
  .u-display-m--block {
    display: block;
  }
  .u-display-m--flex {
    display: flex;
  }
  .u-display-m--inlineFlex {
    display: inline-flex;
  }
  .u-display-m--grid {
    display: grid;
  }
}
@media (980px <= width < 1200px) {
  .u-display-l--none {
    display: none;
  }
  .u-display-l--inline {
    display: inline;
  }
  .u-display-l--inlineBlock {
    display: inline-block;
  }
  .u-display-l--block {
    display: block;
  }
  .u-display-l--flex {
    display: flex;
  }
  .u-display-l--inlineFlex {
    display: inline-flex;
  }
  .u-display-l--grid {
    display: grid;
  }
}
@media (1200px <= width) {
  .u-display-xl--none {
    display: none;
  }
  .u-display-xl--inline {
    display: inline;
  }
  .u-display-xl--inlineBlock {
    display: inline-block;
  }
  .u-display-xl--block {
    display: block;
  }
  .u-display-xl--flex {
    display: flex;
  }
  .u-display-xl--inlineFlex {
    display: inline-flex;
  }
  .u-display-xl--grid {
    display: grid;
  }
}
.u-fontSize--exSmall {
  font-size: 0.75em;
}
.u-fontSize--small {
  font-size: 0.875em;
}
.u-fontSize--large {
  font-size: 1.125em;
}
.u-fontSize--exLarge {
  font-size: 1.25em;
}
.u-fontWeight--normal {
  font-weight: 400;
}
.u-fontWeight--medium {
  font-weight: 500;
}
.u-fontWeight--bold {
  font-weight: 700;
}

.u-lineHeight--small {
  line-height: 1.4;
}
.u-lineHeight--thin {
  line-height: 1.2;
}
.u-lineHeight--large {
  line-height: 1.9;
}

.u-margin--0 {
  margin: 0px;
}
.u-marginTop--0 {
  margin-top: 0px;
}
.u-marginBottom--0 {
  margin-bottom: 0px;
}
.u-marginRight--0 {
  margin-right: 0px;
}
.u-marginLeft--0 {
  margin-left: 0px;
}
.u-marginX--0 {
  margin-right: 0px;
  margin-left: 0px;
}
.u-marginY--0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.u-margin--4 {
  margin: 4px;
}
.u-marginTop--4 {
  margin-top: 4px;
}
.u-marginBottom--4 {
  margin-bottom: 4px;
}
.u-marginRight--4 {
  margin-right: 4px;
}
.u-marginLeft--4 {
  margin-left: 4px;
}
.u-marginX--4 {
  margin-right: 4px;
  margin-left: 4px;
}
.u-marginY--4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.u-margin--8 {
  margin: 8px;
}
.u-marginTop--8 {
  margin-top: 8px;
}
.u-marginBottom--8 {
  margin-bottom: 8px;
}
.u-marginRight--8 {
  margin-right: 8px;
}
.u-marginLeft--8 {
  margin-left: 8px;
}
.u-marginX--8 {
  margin-right: 8px;
  margin-left: 8px;
}
.u-marginY--8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.u-margin--12 {
  margin: 12px;
}
.u-marginTop--12 {
  margin-top: 12px;
}
.u-marginBottom--12 {
  margin-bottom: 12px;
}
.u-marginRight--12 {
  margin-right: 12px;
}
.u-marginLeft--12 {
  margin-left: 12px;
}
.u-marginX--12 {
  margin-right: 12px;
  margin-left: 12px;
}
.u-marginY--12 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.u-margin--16 {
  margin: 16px;
}
.u-marginTop--16 {
  margin-top: 16px;
}
.u-marginBottom--16 {
  margin-bottom: 16px;
}
.u-marginRight--16 {
  margin-right: 16px;
}
.u-marginLeft--16 {
  margin-left: 16px;
}
.u-marginX--16 {
  margin-right: 16px;
  margin-left: 16px;
}
.u-marginY--16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.u-margin--20 {
  margin: 20px;
}
.u-marginTop--20 {
  margin-top: 20px;
}
.u-marginBottom--20 {
  margin-bottom: 20px;
}
.u-marginRight--20 {
  margin-right: 20px;
}
.u-marginLeft--20 {
  margin-left: 20px;
}
.u-marginX--20 {
  margin-right: 20px;
  margin-left: 20px;
}
.u-marginY--20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.u-margin--24 {
  margin: 24px;
}
.u-marginTop--24 {
  margin-top: 24px;
}
.u-marginBottom--24 {
  margin-bottom: 24px;
}
.u-marginRight--24 {
  margin-right: 24px;
}
.u-marginLeft--24 {
  margin-left: 24px;
}
.u-marginX--24 {
  margin-right: 24px;
  margin-left: 24px;
}
.u-marginY--24 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.u-margin--32 {
  margin: 32px;
}
.u-marginTop--32 {
  margin-top: 32px;
}
.u-marginBottom--32 {
  margin-bottom: 32px;
}
.u-marginRight--32 {
  margin-right: 32px;
}
.u-marginLeft--32 {
  margin-left: 32px;
}
.u-marginX--32 {
  margin-right: 32px;
  margin-left: 32px;
}
.u-marginY--32 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.u-margin--40 {
  margin: 40px;
}
.u-marginTop--40 {
  margin-top: 40px;
}
.u-marginBottom--40 {
  margin-bottom: 40px;
}
.u-marginRight--40 {
  margin-right: 40px;
}
.u-marginLeft--40 {
  margin-left: 40px;
}
.u-marginX--40 {
  margin-right: 40px;
  margin-left: 40px;
}
.u-marginY--40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.u-margin-em--xs {
  margin: 0.5em;
}
.u-marginTop-em--xs {
  margin-top: 0.5em;
}
.u-marginBottom-em--xs {
  margin-bottom: 0.5em;
}
.u-marginRight-em--xs {
  margin-right: 0.5em;
}
.u-marginLeft-em--xs {
  margin-left: 0.5em;
}
.u-marginX-em--xs {
  margin-right: 0.5em;
  margin-left: 0.5em;
}
.u-marginY-em--xs {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.u-margin-em--s {
  margin: 0.75em;
}
.u-marginTop-em--s {
  margin-top: 0.75em;
}
.u-marginBottom-em--s {
  margin-bottom: 0.75em;
}
.u-marginRight-em--s {
  margin-right: 0.75em;
}
.u-marginLeft-em--s {
  margin-left: 0.75em;
}
.u-marginX-em--s {
  margin-right: 0.75em;
  margin-left: 0.75em;
}
.u-marginY-em--s {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.u-margin-em--normal {
  margin: 1em;
}
.u-marginTop-em--normal {
  margin-top: 1em;
}
.u-marginBottom-em--normal {
  margin-bottom: 1em;
}
.u-marginRight-em--normal {
  margin-right: 1em;
}
.u-marginLeft-em--normal {
  margin-left: 1em;
}
.u-marginX-em--normal {
  margin-right: 1em;
  margin-left: 1em;
}
.u-marginY-em--normal {
  margin-top: 1em;
  margin-bottom: 1em;
}
.u-margin-em--m {
  margin: 1.25em;
}
.u-marginTop-em--m {
  margin-top: 1.25em;
}
.u-marginBottom-em--m {
  margin-bottom: 1.25em;
}
.u-marginRight-em--m {
  margin-right: 1.25em;
}
.u-marginLeft-em--m {
  margin-left: 1.25em;
}
.u-marginX-em--m {
  margin-right: 1.25em;
  margin-left: 1.25em;
}
.u-marginY-em--m {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.u-margin-em--l {
  margin: 1.5em;
}
.u-marginTop-em--l {
  margin-top: 1.5em;
}
.u-marginBottom-em--l {
  margin-bottom: 1.5em;
}
.u-marginRight-em--l {
  margin-right: 1.5em;
}
.u-marginLeft-em--l {
  margin-left: 1.5em;
}
.u-marginX-em--l {
  margin-right: 1.5em;
  margin-left: 1.5em;
}
.u-marginY-em--l {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.u-margin-em--xl {
  margin: 1.75em;
}
.u-marginTop-em--xl {
  margin-top: 1.75em;
}
.u-marginBottom-em--xl {
  margin-bottom: 1.75em;
}
.u-marginRight-em--xl {
  margin-right: 1.75em;
}
.u-marginLeft-em--xl {
  margin-left: 1.75em;
}
.u-marginX-em--xl {
  margin-right: 1.75em;
  margin-left: 1.75em;
}
.u-marginY-em--xl {
  margin-top: 1.75em;
  margin-bottom: 1.75em;
}
.u-margin-em--x2 {
  margin: 2em;
}
.u-marginTop-em--x2 {
  margin-top: 2em;
}
.u-marginBottom-em--x2 {
  margin-bottom: 2em;
}
.u-marginRight-em--x2 {
  margin-right: 2em;
}
.u-marginLeft-em--x2 {
  margin-left: 2em;
}
.u-marginX-em--x2 {
  margin-right: 2em;
  margin-left: 2em;
}
.u-marginY-em--x2 {
  margin-top: 2em;
  margin-bottom: 2em;
}
.u-margin-em--x3 {
  margin: 3em;
}
.u-marginTop-em--x3 {
  margin-top: 3em;
}
.u-marginBottom-em--x3 {
  margin-bottom: 3em;
}
.u-marginRight-em--x3 {
  margin-right: 3em;
}
.u-marginLeft-em--x3 {
  margin-left: 3em;
}
.u-marginX-em--x3 {
  margin-right: 3em;
  margin-left: 3em;
}
.u-marginY-em--x3 {
  margin-top: 3em;
  margin-bottom: 3em;
}
.u-margin-fluid--xxs {
  margin: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 0.5);
}
.u-marginTop-fluid--xxs {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 0.5);
}
.u-marginBottom-fluid--xxs {
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 0.5);
}
.u-marginRight-fluid--xxs {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 0.5);
}
.u-marginLeft-fluid--xxs {
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 0.5);
}
.u-marginX-fluid--xxs {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 0.5);
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 0.5);
}
.u-marginY-fluid--xxs {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 0.5);
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 0.5);
}
.u-margin-fluid--xs {
  margin: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1);
}
.u-marginTop-fluid--xs {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1);
}
.u-marginBottom-fluid--xs {
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1);
}
.u-marginRight-fluid--xs {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1);
}
.u-marginLeft-fluid--xs {
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1);
}
.u-marginX-fluid--xs {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1);
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1);
}
.u-marginY-fluid--xs {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1);
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1);
}
.u-margin-fluid--s {
  margin: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1.5);
}
.u-marginTop-fluid--s {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1.5);
}
.u-marginBottom-fluid--s {
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1.5);
}
.u-marginRight-fluid--s {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1.5);
}
.u-marginLeft-fluid--s {
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1.5);
}
.u-marginX-fluid--s {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1.5);
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1.5);
}
.u-marginY-fluid--s {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1.5);
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 1.5);
}
.u-margin-fluid--m {
  margin: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2);
}
.u-marginTop-fluid--m {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2);
}
.u-marginBottom-fluid--m {
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2);
}
.u-marginRight-fluid--m {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2);
}
.u-marginLeft-fluid--m {
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2);
}
.u-marginX-fluid--m {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2);
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2);
}
.u-marginY-fluid--m {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2);
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2);
}
.u-margin-fluid--l {
  margin: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2.5);
}
.u-marginTop-fluid--l {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2.5);
}
.u-marginBottom-fluid--l {
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2.5);
}
.u-marginRight-fluid--l {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2.5);
}
.u-marginLeft-fluid--l {
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2.5);
}
.u-marginX-fluid--l {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2.5);
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2.5);
}
.u-marginY-fluid--l {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2.5);
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 2.5);
}
.u-margin-fluid--ll {
  margin: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3);
}
.u-marginTop-fluid--ll {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3);
}
.u-marginBottom-fluid--ll {
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3);
}
.u-marginRight-fluid--ll {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3);
}
.u-marginLeft-fluid--ll {
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3);
}
.u-marginX-fluid--ll {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3);
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3);
}
.u-marginY-fluid--ll {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3);
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3);
}
.u-margin-fluid--3l {
  margin: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3.5);
}
.u-marginTop-fluid--3l {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3.5);
}
.u-marginBottom-fluid--3l {
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3.5);
}
.u-marginRight-fluid--3l {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3.5);
}
.u-marginLeft-fluid--3l {
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3.5);
}
.u-marginX-fluid--3l {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3.5);
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3.5);
}
.u-marginY-fluid--3l {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3.5);
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 3.5);
}
.u-margin-fluid--4l {
  margin: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 4);
}
.u-marginTop-fluid--4l {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 4);
}
.u-marginBottom-fluid--4l {
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 4);
}
.u-marginRight-fluid--4l {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 4);
}
.u-marginLeft-fluid--4l {
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 4);
}
.u-marginX-fluid--4l {
  margin-right: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 4);
  margin-left: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 4);
}
.u-marginY-fluid--4l {
  margin-top: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 4);
  margin-bottom: calc(clamp(0.5rem, 0.169rem + 1.47vw, 1.25rem) * 4);
}

@media (width < 768px) {
  .u-margin-s--0 {
    margin: 0px;
  }
  .u-marginTop-s--0 {
    margin-top: 0px;
  }
  .u-marginBottom-s--0 {
    margin-bottom: 0px;
  }
  .u-marginRight-s--0 {
    margin-right: 0px;
  }
  .u-marginLeft-s--0 {
    margin-left: 0px;
  }
  .u-marginX-s--0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .u-marginY-s--0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .u-margin-s--4 {
    margin: 4px;
  }
  .u-marginTop-s--4 {
    margin-top: 4px;
  }
  .u-marginBottom-s--4 {
    margin-bottom: 4px;
  }
  .u-marginRight-s--4 {
    margin-right: 4px;
  }
  .u-marginLeft-s--4 {
    margin-left: 4px;
  }
  .u-marginX-s--4 {
    margin-right: 4px;
    margin-left: 4px;
  }
  .u-marginY-s--4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .u-margin-s--8 {
    margin: 8px;
  }
  .u-marginTop-s--8 {
    margin-top: 8px;
  }
  .u-marginBottom-s--8 {
    margin-bottom: 8px;
  }
  .u-marginRight-s--8 {
    margin-right: 8px;
  }
  .u-marginLeft-s--8 {
    margin-left: 8px;
  }
  .u-marginX-s--8 {
    margin-right: 8px;
    margin-left: 8px;
  }
  .u-marginY-s--8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .u-margin-s--12 {
    margin: 12px;
  }
  .u-marginTop-s--12 {
    margin-top: 12px;
  }
  .u-marginBottom-s--12 {
    margin-bottom: 12px;
  }
  .u-marginRight-s--12 {
    margin-right: 12px;
  }
  .u-marginLeft-s--12 {
    margin-left: 12px;
  }
  .u-marginX-s--12 {
    margin-right: 12px;
    margin-left: 12px;
  }
  .u-marginY-s--12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .u-margin-s--16 {
    margin: 16px;
  }
  .u-marginTop-s--16 {
    margin-top: 16px;
  }
  .u-marginBottom-s--16 {
    margin-bottom: 16px;
  }
  .u-marginRight-s--16 {
    margin-right: 16px;
  }
  .u-marginLeft-s--16 {
    margin-left: 16px;
  }
  .u-marginX-s--16 {
    margin-right: 16px;
    margin-left: 16px;
  }
  .u-marginY-s--16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .u-margin-s--20 {
    margin: 20px;
  }
  .u-marginTop-s--20 {
    margin-top: 20px;
  }
  .u-marginBottom-s--20 {
    margin-bottom: 20px;
  }
  .u-marginRight-s--20 {
    margin-right: 20px;
  }
  .u-marginLeft-s--20 {
    margin-left: 20px;
  }
  .u-marginX-s--20 {
    margin-right: 20px;
    margin-left: 20px;
  }
  .u-marginY-s--20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .u-margin-s--24 {
    margin: 24px;
  }
  .u-marginTop-s--24 {
    margin-top: 24px;
  }
  .u-marginBottom-s--24 {
    margin-bottom: 24px;
  }
  .u-marginRight-s--24 {
    margin-right: 24px;
  }
  .u-marginLeft-s--24 {
    margin-left: 24px;
  }
  .u-marginX-s--24 {
    margin-right: 24px;
    margin-left: 24px;
  }
  .u-marginY-s--24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .u-margin-s--32 {
    margin: 32px;
  }
  .u-marginTop-s--32 {
    margin-top: 32px;
  }
  .u-marginBottom-s--32 {
    margin-bottom: 32px;
  }
  .u-marginRight-s--32 {
    margin-right: 32px;
  }
  .u-marginLeft-s--32 {
    margin-left: 32px;
  }
  .u-marginX-s--32 {
    margin-right: 32px;
    margin-left: 32px;
  }
  .u-marginY-s--32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .u-margin-s--40 {
    margin: 40px;
  }
  .u-marginTop-s--40 {
    margin-top: 40px;
  }
  .u-marginBottom-s--40 {
    margin-bottom: 40px;
  }
  .u-marginRight-s--40 {
    margin-right: 40px;
  }
  .u-marginLeft-s--40 {
    margin-left: 40px;
  }
  .u-marginX-s--40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .u-marginY-s--40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (768px <= width < 980px) {
  .u-margin-m--0 {
    margin: 0px;
  }
  .u-marginTop-m--0 {
    margin-top: 0px;
  }
  .u-marginBottom-m--0 {
    margin-bottom: 0px;
  }
  .u-marginRight-m--0 {
    margin-right: 0px;
  }
  .u-marginLeft-m--0 {
    margin-left: 0px;
  }
  .u-marginX-m--0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .u-marginY-m--0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .u-margin-m--4 {
    margin: 4px;
  }
  .u-marginTop-m--4 {
    margin-top: 4px;
  }
  .u-marginBottom-m--4 {
    margin-bottom: 4px;
  }
  .u-marginRight-m--4 {
    margin-right: 4px;
  }
  .u-marginLeft-m--4 {
    margin-left: 4px;
  }
  .u-marginX-m--4 {
    margin-right: 4px;
    margin-left: 4px;
  }
  .u-marginY-m--4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .u-margin-m--8 {
    margin: 8px;
  }
  .u-marginTop-m--8 {
    margin-top: 8px;
  }
  .u-marginBottom-m--8 {
    margin-bottom: 8px;
  }
  .u-marginRight-m--8 {
    margin-right: 8px;
  }
  .u-marginLeft-m--8 {
    margin-left: 8px;
  }
  .u-marginX-m--8 {
    margin-right: 8px;
    margin-left: 8px;
  }
  .u-marginY-m--8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .u-margin-m--12 {
    margin: 12px;
  }
  .u-marginTop-m--12 {
    margin-top: 12px;
  }
  .u-marginBottom-m--12 {
    margin-bottom: 12px;
  }
  .u-marginRight-m--12 {
    margin-right: 12px;
  }
  .u-marginLeft-m--12 {
    margin-left: 12px;
  }
  .u-marginX-m--12 {
    margin-right: 12px;
    margin-left: 12px;
  }
  .u-marginY-m--12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .u-margin-m--16 {
    margin: 16px;
  }
  .u-marginTop-m--16 {
    margin-top: 16px;
  }
  .u-marginBottom-m--16 {
    margin-bottom: 16px;
  }
  .u-marginRight-m--16 {
    margin-right: 16px;
  }
  .u-marginLeft-m--16 {
    margin-left: 16px;
  }
  .u-marginX-m--16 {
    margin-right: 16px;
    margin-left: 16px;
  }
  .u-marginY-m--16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .u-margin-m--20 {
    margin: 20px;
  }
  .u-marginTop-m--20 {
    margin-top: 20px;
  }
  .u-marginBottom-m--20 {
    margin-bottom: 20px;
  }
  .u-marginRight-m--20 {
    margin-right: 20px;
  }
  .u-marginLeft-m--20 {
    margin-left: 20px;
  }
  .u-marginX-m--20 {
    margin-right: 20px;
    margin-left: 20px;
  }
  .u-marginY-m--20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .u-margin-m--24 {
    margin: 24px;
  }
  .u-marginTop-m--24 {
    margin-top: 24px;
  }
  .u-marginBottom-m--24 {
    margin-bottom: 24px;
  }
  .u-marginRight-m--24 {
    margin-right: 24px;
  }
  .u-marginLeft-m--24 {
    margin-left: 24px;
  }
  .u-marginX-m--24 {
    margin-right: 24px;
    margin-left: 24px;
  }
  .u-marginY-m--24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .u-margin-m--32 {
    margin: 32px;
  }
  .u-marginTop-m--32 {
    margin-top: 32px;
  }
  .u-marginBottom-m--32 {
    margin-bottom: 32px;
  }
  .u-marginRight-m--32 {
    margin-right: 32px;
  }
  .u-marginLeft-m--32 {
    margin-left: 32px;
  }
  .u-marginX-m--32 {
    margin-right: 32px;
    margin-left: 32px;
  }
  .u-marginY-m--32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .u-margin-m--40 {
    margin: 40px;
  }
  .u-marginTop-m--40 {
    margin-top: 40px;
  }
  .u-marginBottom-m--40 {
    margin-bottom: 40px;
  }
  .u-marginRight-m--40 {
    margin-right: 40px;
  }
  .u-marginLeft-m--40 {
    margin-left: 40px;
  }
  .u-marginX-m--40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .u-marginY-m--40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (980px <= width < 1200px) {
  .u-margin-l--0 {
    margin: 0px;
  }
  .u-marginTop-l--0 {
    margin-top: 0px;
  }
  .u-marginBottom-l--0 {
    margin-bottom: 0px;
  }
  .u-marginRight-l--0 {
    margin-right: 0px;
  }
  .u-marginLeft-l--0 {
    margin-left: 0px;
  }
  .u-marginX-l--0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .u-marginY-l--0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .u-margin-l--4 {
    margin: 4px;
  }
  .u-marginTop-l--4 {
    margin-top: 4px;
  }
  .u-marginBottom-l--4 {
    margin-bottom: 4px;
  }
  .u-marginRight-l--4 {
    margin-right: 4px;
  }
  .u-marginLeft-l--4 {
    margin-left: 4px;
  }
  .u-marginX-l--4 {
    margin-right: 4px;
    margin-left: 4px;
  }
  .u-marginY-l--4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .u-margin-l--8 {
    margin: 8px;
  }
  .u-marginTop-l--8 {
    margin-top: 8px;
  }
  .u-marginBottom-l--8 {
    margin-bottom: 8px;
  }
  .u-marginRight-l--8 {
    margin-right: 8px;
  }
  .u-marginLeft-l--8 {
    margin-left: 8px;
  }
  .u-marginX-l--8 {
    margin-right: 8px;
    margin-left: 8px;
  }
  .u-marginY-l--8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .u-margin-l--12 {
    margin: 12px;
  }
  .u-marginTop-l--12 {
    margin-top: 12px;
  }
  .u-marginBottom-l--12 {
    margin-bottom: 12px;
  }
  .u-marginRight-l--12 {
    margin-right: 12px;
  }
  .u-marginLeft-l--12 {
    margin-left: 12px;
  }
  .u-marginX-l--12 {
    margin-right: 12px;
    margin-left: 12px;
  }
  .u-marginY-l--12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .u-margin-l--16 {
    margin: 16px;
  }
  .u-marginTop-l--16 {
    margin-top: 16px;
  }
  .u-marginBottom-l--16 {
    margin-bottom: 16px;
  }
  .u-marginRight-l--16 {
    margin-right: 16px;
  }
  .u-marginLeft-l--16 {
    margin-left: 16px;
  }
  .u-marginX-l--16 {
    margin-right: 16px;
    margin-left: 16px;
  }
  .u-marginY-l--16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .u-margin-l--20 {
    margin: 20px;
  }
  .u-marginTop-l--20 {
    margin-top: 20px;
  }
  .u-marginBottom-l--20 {
    margin-bottom: 20px;
  }
  .u-marginRight-l--20 {
    margin-right: 20px;
  }
  .u-marginLeft-l--20 {
    margin-left: 20px;
  }
  .u-marginX-l--20 {
    margin-right: 20px;
    margin-left: 20px;
  }
  .u-marginY-l--20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .u-margin-l--24 {
    margin: 24px;
  }
  .u-marginTop-l--24 {
    margin-top: 24px;
  }
  .u-marginBottom-l--24 {
    margin-bottom: 24px;
  }
  .u-marginRight-l--24 {
    margin-right: 24px;
  }
  .u-marginLeft-l--24 {
    margin-left: 24px;
  }
  .u-marginX-l--24 {
    margin-right: 24px;
    margin-left: 24px;
  }
  .u-marginY-l--24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .u-margin-l--32 {
    margin: 32px;
  }
  .u-marginTop-l--32 {
    margin-top: 32px;
  }
  .u-marginBottom-l--32 {
    margin-bottom: 32px;
  }
  .u-marginRight-l--32 {
    margin-right: 32px;
  }
  .u-marginLeft-l--32 {
    margin-left: 32px;
  }
  .u-marginX-l--32 {
    margin-right: 32px;
    margin-left: 32px;
  }
  .u-marginY-l--32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .u-margin-l--40 {
    margin: 40px;
  }
  .u-marginTop-l--40 {
    margin-top: 40px;
  }
  .u-marginBottom-l--40 {
    margin-bottom: 40px;
  }
  .u-marginRight-l--40 {
    margin-right: 40px;
  }
  .u-marginLeft-l--40 {
    margin-left: 40px;
  }
  .u-marginX-l--40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .u-marginY-l--40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (1200px <= width) {
  .u-margin-xl--0 {
    margin: 0px;
  }
  .u-marginTop-xl--0 {
    margin-top: 0px;
  }
  .u-marginBottom-xl--0 {
    margin-bottom: 0px;
  }
  .u-marginRight-xl--0 {
    margin-right: 0px;
  }
  .u-marginLeft-xl--0 {
    margin-left: 0px;
  }
  .u-marginX-xl--0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .u-marginY-xl--0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .u-margin-xl--4 {
    margin: 4px;
  }
  .u-marginTop-xl--4 {
    margin-top: 4px;
  }
  .u-marginBottom-xl--4 {
    margin-bottom: 4px;
  }
  .u-marginRight-xl--4 {
    margin-right: 4px;
  }
  .u-marginLeft-xl--4 {
    margin-left: 4px;
  }
  .u-marginX-xl--4 {
    margin-right: 4px;
    margin-left: 4px;
  }
  .u-marginY-xl--4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .u-margin-xl--8 {
    margin: 8px;
  }
  .u-marginTop-xl--8 {
    margin-top: 8px;
  }
  .u-marginBottom-xl--8 {
    margin-bottom: 8px;
  }
  .u-marginRight-xl--8 {
    margin-right: 8px;
  }
  .u-marginLeft-xl--8 {
    margin-left: 8px;
  }
  .u-marginX-xl--8 {
    margin-right: 8px;
    margin-left: 8px;
  }
  .u-marginY-xl--8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .u-margin-xl--12 {
    margin: 12px;
  }
  .u-marginTop-xl--12 {
    margin-top: 12px;
  }
  .u-marginBottom-xl--12 {
    margin-bottom: 12px;
  }
  .u-marginRight-xl--12 {
    margin-right: 12px;
  }
  .u-marginLeft-xl--12 {
    margin-left: 12px;
  }
  .u-marginX-xl--12 {
    margin-right: 12px;
    margin-left: 12px;
  }
  .u-marginY-xl--12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .u-margin-xl--16 {
    margin: 16px;
  }
  .u-marginTop-xl--16 {
    margin-top: 16px;
  }
  .u-marginBottom-xl--16 {
    margin-bottom: 16px;
  }
  .u-marginRight-xl--16 {
    margin-right: 16px;
  }
  .u-marginLeft-xl--16 {
    margin-left: 16px;
  }
  .u-marginX-xl--16 {
    margin-right: 16px;
    margin-left: 16px;
  }
  .u-marginY-xl--16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .u-margin-xl--20 {
    margin: 20px;
  }
  .u-marginTop-xl--20 {
    margin-top: 20px;
  }
  .u-marginBottom-xl--20 {
    margin-bottom: 20px;
  }
  .u-marginRight-xl--20 {
    margin-right: 20px;
  }
  .u-marginLeft-xl--20 {
    margin-left: 20px;
  }
  .u-marginX-xl--20 {
    margin-right: 20px;
    margin-left: 20px;
  }
  .u-marginY-xl--20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .u-margin-xl--24 {
    margin: 24px;
  }
  .u-marginTop-xl--24 {
    margin-top: 24px;
  }
  .u-marginBottom-xl--24 {
    margin-bottom: 24px;
  }
  .u-marginRight-xl--24 {
    margin-right: 24px;
  }
  .u-marginLeft-xl--24 {
    margin-left: 24px;
  }
  .u-marginX-xl--24 {
    margin-right: 24px;
    margin-left: 24px;
  }
  .u-marginY-xl--24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .u-margin-xl--32 {
    margin: 32px;
  }
  .u-marginTop-xl--32 {
    margin-top: 32px;
  }
  .u-marginBottom-xl--32 {
    margin-bottom: 32px;
  }
  .u-marginRight-xl--32 {
    margin-right: 32px;
  }
  .u-marginLeft-xl--32 {
    margin-left: 32px;
  }
  .u-marginX-xl--32 {
    margin-right: 32px;
    margin-left: 32px;
  }
  .u-marginY-xl--32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .u-margin-xl--40 {
    margin: 40px;
  }
  .u-marginTop-xl--40 {
    margin-top: 40px;
  }
  .u-marginBottom-xl--40 {
    margin-bottom: 40px;
  }
  .u-marginRight-xl--40 {
    margin-right: 40px;
  }
  .u-marginLeft-xl--40 {
    margin-left: 40px;
  }
  .u-marginX-xl--40 {
    margin-right: 40px;
    margin-left: 40px;
  }
  .u-marginY-xl--40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.u-padding--0 {
  padding: 0px;
}
.u-paddingTop--0 {
  padding-top: 0px;
}
.u-paddingBottom--0 {
  padding-bottom: 0px;
}
.u-paddingRight--0 {
  padding-right: 0px;
}
.u-paddingLeft--0 {
  padding-left: 0px;
}
.u-paddingX--0 {
  padding-right: 0px;
  padding-left: 0px;
}
.u-paddingY--0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.u-padding--4 {
  padding: 4px;
}
.u-paddingTop--4 {
  padding-top: 4px;
}
.u-paddingBottom--4 {
  padding-bottom: 4px;
}
.u-paddingRight--4 {
  padding-right: 4px;
}
.u-paddingLeft--4 {
  padding-left: 4px;
}
.u-paddingX--4 {
  padding-right: 4px;
  padding-left: 4px;
}
.u-paddingY--4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.u-padding--8 {
  padding: 8px;
}
.u-paddingTop--8 {
  padding-top: 8px;
}
.u-paddingBottom--8 {
  padding-bottom: 8px;
}
.u-paddingRight--8 {
  padding-right: 8px;
}
.u-paddingLeft--8 {
  padding-left: 8px;
}
.u-paddingX--8 {
  padding-right: 8px;
  padding-left: 8px;
}
.u-paddingY--8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.u-padding--12 {
  padding: 12px;
}
.u-paddingTop--12 {
  padding-top: 12px;
}
.u-paddingBottom--12 {
  padding-bottom: 12px;
}
.u-paddingRight--12 {
  padding-right: 12px;
}
.u-paddingLeft--12 {
  padding-left: 12px;
}
.u-paddingX--12 {
  padding-right: 12px;
  padding-left: 12px;
}
.u-paddingY--12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.u-padding--16 {
  padding: 16px;
}
.u-paddingTop--16 {
  padding-top: 16px;
}
.u-paddingBottom--16 {
  padding-bottom: 16px;
}
.u-paddingRight--16 {
  padding-right: 16px;
}
.u-paddingLeft--16 {
  padding-left: 16px;
}
.u-paddingX--16 {
  padding-right: 16px;
  padding-left: 16px;
}
.u-paddingY--16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.u-padding--20 {
  padding: 20px;
}
.u-paddingTop--20 {
  padding-top: 20px;
}
.u-paddingBottom--20 {
  padding-bottom: 20px;
}
.u-paddingRight--20 {
  padding-right: 20px;
}
.u-paddingLeft--20 {
  padding-left: 20px;
}
.u-paddingX--20 {
  padding-right: 20px;
  padding-left: 20px;
}
.u-paddingY--20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.u-padding--24 {
  padding: 24px;
}
.u-paddingTop--24 {
  padding-top: 24px;
}
.u-paddingBottom--24 {
  padding-bottom: 24px;
}
.u-paddingRight--24 {
  padding-right: 24px;
}
.u-paddingLeft--24 {
  padding-left: 24px;
}
.u-paddingX--24 {
  padding-right: 24px;
  padding-left: 24px;
}
.u-paddingY--24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.u-padding--32 {
  padding: 32px;
}
.u-paddingTop--32 {
  padding-top: 32px;
}
.u-paddingBottom--32 {
  padding-bottom: 32px;
}
.u-paddingRight--32 {
  padding-right: 32px;
}
.u-paddingLeft--32 {
  padding-left: 32px;
}
.u-paddingX--32 {
  padding-right: 32px;
  padding-left: 32px;
}
.u-paddingY--32 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.u-padding--40 {
  padding: 40px;
}
.u-paddingTop--40 {
  padding-top: 40px;
}
.u-paddingBottom--40 {
  padding-bottom: 40px;
}
.u-paddingRight--40 {
  padding-right: 40px;
}
.u-paddingLeft--40 {
  padding-left: 40px;
}
.u-paddingX--40 {
  padding-right: 40px;
  padding-left: 40px;
}
.u-paddingY--40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.u-padding-em--xs {
  padding: 0.5em;
}
.u-paddingTop-em--xs {
  padding-top: 0.5em;
}
.u-paddingBottom-em--xs {
  padding-bottom: 0.5em;
}
.u-paddingRight-em--xs {
  padding-right: 0.5em;
}
.u-paddingLeft-em--xs {
  padding-left: 0.5em;
}
.u-paddingX-em--xs {
  padding-right: 0.5em;
  padding-left: 0.5em;
}
.u-paddingY-em--xs {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.u-padding-em--s {
  padding: 0.75em;
}
.u-paddingTop-em--s {
  padding-top: 0.75em;
}
.u-paddingBottom-em--s {
  padding-bottom: 0.75em;
}
.u-paddingRight-em--s {
  padding-right: 0.75em;
}
.u-paddingLeft-em--s {
  padding-left: 0.75em;
}
.u-paddingX-em--s {
  padding-right: 0.75em;
  padding-left: 0.75em;
}
.u-paddingY-em--s {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}
.u-padding-em--normal {
  padding: 1em;
}
.u-paddingTop-em--normal {
  padding-top: 1em;
}
.u-paddingBottom-em--normal {
  padding-bottom: 1em;
}
.u-paddingRight-em--normal {
  padding-right: 1em;
}
.u-paddingLeft-em--normal {
  padding-left: 1em;
}
.u-paddingX-em--normal {
  padding-right: 1em;
  padding-left: 1em;
}
.u-paddingY-em--normal {
  padding-top: 1em;
  padding-bottom: 1em;
}
.u-padding-em--m {
  padding: 1.25em;
}
.u-paddingTop-em--m {
  padding-top: 1.25em;
}
.u-paddingBottom-em--m {
  padding-bottom: 1.25em;
}
.u-paddingRight-em--m {
  padding-right: 1.25em;
}
.u-paddingLeft-em--m {
  padding-left: 1.25em;
}
.u-paddingX-em--m {
  padding-right: 1.25em;
  padding-left: 1.25em;
}
.u-paddingY-em--m {
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}
.u-padding-em--l {
  padding: 1.5em;
}
.u-paddingTop-em--l {
  padding-top: 1.5em;
}
.u-paddingBottom-em--l {
  padding-bottom: 1.5em;
}
.u-paddingRight-em--l {
  padding-right: 1.5em;
}
.u-paddingLeft-em--l {
  padding-left: 1.5em;
}
.u-paddingX-em--l {
  padding-right: 1.5em;
  padding-left: 1.5em;
}
.u-paddingY-em--l {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.u-padding-em--xl {
  padding: 1.75em;
}
.u-paddingTop-em--xl {
  padding-top: 1.75em;
}
.u-paddingBottom-em--xl {
  padding-bottom: 1.75em;
}
.u-paddingRight-em--xl {
  padding-right: 1.75em;
}
.u-paddingLeft-em--xl {
  padding-left: 1.75em;
}
.u-paddingX-em--xl {
  padding-right: 1.75em;
  padding-left: 1.75em;
}
.u-paddingY-em--xl {
  padding-top: 1.75em;
  padding-bottom: 1.75em;
}
.u-padding-em--x2 {
  padding: 2em;
}
.u-paddingTop-em--x2 {
  padding-top: 2em;
}
.u-paddingBottom-em--x2 {
  padding-bottom: 2em;
}
.u-paddingRight-em--x2 {
  padding-right: 2em;
}
.u-paddingLeft-em--x2 {
  padding-left: 2em;
}
.u-paddingX-em--x2 {
  padding-right: 2em;
  padding-left: 2em;
}
.u-paddingY-em--x2 {
  padding-top: 2em;
  padding-bottom: 2em;
}
.u-padding-em--x3 {
  padding: 3em;
}
.u-paddingTop-em--x3 {
  padding-top: 3em;
}
.u-paddingBottom-em--x3 {
  padding-bottom: 3em;
}
.u-paddingRight-em--x3 {
  padding-right: 3em;
}
.u-paddingLeft-em--x3 {
  padding-left: 3em;
}
.u-paddingX-em--x3 {
  padding-right: 3em;
  padding-left: 3em;
}
.u-paddingY-em--x3 {
  padding-top: 3em;
  padding-bottom: 3em;
}

@media (width < 768px) {
  .u-padding-s--0 {
    padding: 0px;
  }
  .u-paddingTop-s--0 {
    padding-top: 0px;
  }
  .u-paddingBottom-s--0 {
    padding-bottom: 0px;
  }
  .u-paddingRight-s--0 {
    padding-right: 0px;
  }
  .u-paddingLeft-s--0 {
    padding-left: 0px;
  }
  .u-paddingX-s--0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .u-paddingY-s--0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .u-padding-s--4 {
    padding: 4px;
  }
  .u-paddingTop-s--4 {
    padding-top: 4px;
  }
  .u-paddingBottom-s--4 {
    padding-bottom: 4px;
  }
  .u-paddingRight-s--4 {
    padding-right: 4px;
  }
  .u-paddingLeft-s--4 {
    padding-left: 4px;
  }
  .u-paddingX-s--4 {
    padding-right: 4px;
    padding-left: 4px;
  }
  .u-paddingY-s--4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .u-padding-s--8 {
    padding: 8px;
  }
  .u-paddingTop-s--8 {
    padding-top: 8px;
  }
  .u-paddingBottom-s--8 {
    padding-bottom: 8px;
  }
  .u-paddingRight-s--8 {
    padding-right: 8px;
  }
  .u-paddingLeft-s--8 {
    padding-left: 8px;
  }
  .u-paddingX-s--8 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .u-paddingY-s--8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .u-padding-s--12 {
    padding: 12px;
  }
  .u-paddingTop-s--12 {
    padding-top: 12px;
  }
  .u-paddingBottom-s--12 {
    padding-bottom: 12px;
  }
  .u-paddingRight-s--12 {
    padding-right: 12px;
  }
  .u-paddingLeft-s--12 {
    padding-left: 12px;
  }
  .u-paddingX-s--12 {
    padding-right: 12px;
    padding-left: 12px;
  }
  .u-paddingY-s--12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .u-padding-s--16 {
    padding: 16px;
  }
  .u-paddingTop-s--16 {
    padding-top: 16px;
  }
  .u-paddingBottom-s--16 {
    padding-bottom: 16px;
  }
  .u-paddingRight-s--16 {
    padding-right: 16px;
  }
  .u-paddingLeft-s--16 {
    padding-left: 16px;
  }
  .u-paddingX-s--16 {
    padding-right: 16px;
    padding-left: 16px;
  }
  .u-paddingY-s--16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .u-padding-s--20 {
    padding: 20px;
  }
  .u-paddingTop-s--20 {
    padding-top: 20px;
  }
  .u-paddingBottom-s--20 {
    padding-bottom: 20px;
  }
  .u-paddingRight-s--20 {
    padding-right: 20px;
  }
  .u-paddingLeft-s--20 {
    padding-left: 20px;
  }
  .u-paddingX-s--20 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .u-paddingY-s--20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .u-padding-s--24 {
    padding: 24px;
  }
  .u-paddingTop-s--24 {
    padding-top: 24px;
  }
  .u-paddingBottom-s--24 {
    padding-bottom: 24px;
  }
  .u-paddingRight-s--24 {
    padding-right: 24px;
  }
  .u-paddingLeft-s--24 {
    padding-left: 24px;
  }
  .u-paddingX-s--24 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .u-paddingY-s--24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .u-padding-s--32 {
    padding: 32px;
  }
  .u-paddingTop-s--32 {
    padding-top: 32px;
  }
  .u-paddingBottom-s--32 {
    padding-bottom: 32px;
  }
  .u-paddingRight-s--32 {
    padding-right: 32px;
  }
  .u-paddingLeft-s--32 {
    padding-left: 32px;
  }
  .u-paddingX-s--32 {
    padding-right: 32px;
    padding-left: 32px;
  }
  .u-paddingY-s--32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .u-padding-s--40 {
    padding: 40px;
  }
  .u-paddingTop-s--40 {
    padding-top: 40px;
  }
  .u-paddingBottom-s--40 {
    padding-bottom: 40px;
  }
  .u-paddingRight-s--40 {
    padding-right: 40px;
  }
  .u-paddingLeft-s--40 {
    padding-left: 40px;
  }
  .u-paddingX-s--40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .u-paddingY-s--40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (768px <= width < 980px) {
  .u-padding-m--0 {
    padding: 0px;
  }
  .u-paddingTop-m--0 {
    padding-top: 0px;
  }
  .u-paddingBottom-m--0 {
    padding-bottom: 0px;
  }
  .u-paddingRight-m--0 {
    padding-right: 0px;
  }
  .u-paddingLeft-m--0 {
    padding-left: 0px;
  }
  .u-paddingX-m--0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .u-paddingY-m--0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .u-padding-m--4 {
    padding: 4px;
  }
  .u-paddingTop-m--4 {
    padding-top: 4px;
  }
  .u-paddingBottom-m--4 {
    padding-bottom: 4px;
  }
  .u-paddingRight-m--4 {
    padding-right: 4px;
  }
  .u-paddingLeft-m--4 {
    padding-left: 4px;
  }
  .u-paddingX-m--4 {
    padding-right: 4px;
    padding-left: 4px;
  }
  .u-paddingY-m--4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .u-padding-m--8 {
    padding: 8px;
  }
  .u-paddingTop-m--8 {
    padding-top: 8px;
  }
  .u-paddingBottom-m--8 {
    padding-bottom: 8px;
  }
  .u-paddingRight-m--8 {
    padding-right: 8px;
  }
  .u-paddingLeft-m--8 {
    padding-left: 8px;
  }
  .u-paddingX-m--8 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .u-paddingY-m--8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .u-padding-m--12 {
    padding: 12px;
  }
  .u-paddingTop-m--12 {
    padding-top: 12px;
  }
  .u-paddingBottom-m--12 {
    padding-bottom: 12px;
  }
  .u-paddingRight-m--12 {
    padding-right: 12px;
  }
  .u-paddingLeft-m--12 {
    padding-left: 12px;
  }
  .u-paddingX-m--12 {
    padding-right: 12px;
    padding-left: 12px;
  }
  .u-paddingY-m--12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .u-padding-m--16 {
    padding: 16px;
  }
  .u-paddingTop-m--16 {
    padding-top: 16px;
  }
  .u-paddingBottom-m--16 {
    padding-bottom: 16px;
  }
  .u-paddingRight-m--16 {
    padding-right: 16px;
  }
  .u-paddingLeft-m--16 {
    padding-left: 16px;
  }
  .u-paddingX-m--16 {
    padding-right: 16px;
    padding-left: 16px;
  }
  .u-paddingY-m--16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .u-padding-m--20 {
    padding: 20px;
  }
  .u-paddingTop-m--20 {
    padding-top: 20px;
  }
  .u-paddingBottom-m--20 {
    padding-bottom: 20px;
  }
  .u-paddingRight-m--20 {
    padding-right: 20px;
  }
  .u-paddingLeft-m--20 {
    padding-left: 20px;
  }
  .u-paddingX-m--20 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .u-paddingY-m--20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .u-padding-m--24 {
    padding: 24px;
  }
  .u-paddingTop-m--24 {
    padding-top: 24px;
  }
  .u-paddingBottom-m--24 {
    padding-bottom: 24px;
  }
  .u-paddingRight-m--24 {
    padding-right: 24px;
  }
  .u-paddingLeft-m--24 {
    padding-left: 24px;
  }
  .u-paddingX-m--24 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .u-paddingY-m--24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .u-padding-m--32 {
    padding: 32px;
  }
  .u-paddingTop-m--32 {
    padding-top: 32px;
  }
  .u-paddingBottom-m--32 {
    padding-bottom: 32px;
  }
  .u-paddingRight-m--32 {
    padding-right: 32px;
  }
  .u-paddingLeft-m--32 {
    padding-left: 32px;
  }
  .u-paddingX-m--32 {
    padding-right: 32px;
    padding-left: 32px;
  }
  .u-paddingY-m--32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .u-padding-m--40 {
    padding: 40px;
  }
  .u-paddingTop-m--40 {
    padding-top: 40px;
  }
  .u-paddingBottom-m--40 {
    padding-bottom: 40px;
  }
  .u-paddingRight-m--40 {
    padding-right: 40px;
  }
  .u-paddingLeft-m--40 {
    padding-left: 40px;
  }
  .u-paddingX-m--40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .u-paddingY-m--40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (980px <= width < 1200px) {
  .u-padding-l--0 {
    padding: 0px;
  }
  .u-paddingTop-l--0 {
    padding-top: 0px;
  }
  .u-paddingBottom-l--0 {
    padding-bottom: 0px;
  }
  .u-paddingRight-l--0 {
    padding-right: 0px;
  }
  .u-paddingLeft-l--0 {
    padding-left: 0px;
  }
  .u-paddingX-l--0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .u-paddingY-l--0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .u-padding-l--4 {
    padding: 4px;
  }
  .u-paddingTop-l--4 {
    padding-top: 4px;
  }
  .u-paddingBottom-l--4 {
    padding-bottom: 4px;
  }
  .u-paddingRight-l--4 {
    padding-right: 4px;
  }
  .u-paddingLeft-l--4 {
    padding-left: 4px;
  }
  .u-paddingX-l--4 {
    padding-right: 4px;
    padding-left: 4px;
  }
  .u-paddingY-l--4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .u-padding-l--8 {
    padding: 8px;
  }
  .u-paddingTop-l--8 {
    padding-top: 8px;
  }
  .u-paddingBottom-l--8 {
    padding-bottom: 8px;
  }
  .u-paddingRight-l--8 {
    padding-right: 8px;
  }
  .u-paddingLeft-l--8 {
    padding-left: 8px;
  }
  .u-paddingX-l--8 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .u-paddingY-l--8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .u-padding-l--12 {
    padding: 12px;
  }
  .u-paddingTop-l--12 {
    padding-top: 12px;
  }
  .u-paddingBottom-l--12 {
    padding-bottom: 12px;
  }
  .u-paddingRight-l--12 {
    padding-right: 12px;
  }
  .u-paddingLeft-l--12 {
    padding-left: 12px;
  }
  .u-paddingX-l--12 {
    padding-right: 12px;
    padding-left: 12px;
  }
  .u-paddingY-l--12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .u-padding-l--16 {
    padding: 16px;
  }
  .u-paddingTop-l--16 {
    padding-top: 16px;
  }
  .u-paddingBottom-l--16 {
    padding-bottom: 16px;
  }
  .u-paddingRight-l--16 {
    padding-right: 16px;
  }
  .u-paddingLeft-l--16 {
    padding-left: 16px;
  }
  .u-paddingX-l--16 {
    padding-right: 16px;
    padding-left: 16px;
  }
  .u-paddingY-l--16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .u-padding-l--20 {
    padding: 20px;
  }
  .u-paddingTop-l--20 {
    padding-top: 20px;
  }
  .u-paddingBottom-l--20 {
    padding-bottom: 20px;
  }
  .u-paddingRight-l--20 {
    padding-right: 20px;
  }
  .u-paddingLeft-l--20 {
    padding-left: 20px;
  }
  .u-paddingX-l--20 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .u-paddingY-l--20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .u-padding-l--24 {
    padding: 24px;
  }
  .u-paddingTop-l--24 {
    padding-top: 24px;
  }
  .u-paddingBottom-l--24 {
    padding-bottom: 24px;
  }
  .u-paddingRight-l--24 {
    padding-right: 24px;
  }
  .u-paddingLeft-l--24 {
    padding-left: 24px;
  }
  .u-paddingX-l--24 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .u-paddingY-l--24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .u-padding-l--32 {
    padding: 32px;
  }
  .u-paddingTop-l--32 {
    padding-top: 32px;
  }
  .u-paddingBottom-l--32 {
    padding-bottom: 32px;
  }
  .u-paddingRight-l--32 {
    padding-right: 32px;
  }
  .u-paddingLeft-l--32 {
    padding-left: 32px;
  }
  .u-paddingX-l--32 {
    padding-right: 32px;
    padding-left: 32px;
  }
  .u-paddingY-l--32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .u-padding-l--40 {
    padding: 40px;
  }
  .u-paddingTop-l--40 {
    padding-top: 40px;
  }
  .u-paddingBottom-l--40 {
    padding-bottom: 40px;
  }
  .u-paddingRight-l--40 {
    padding-right: 40px;
  }
  .u-paddingLeft-l--40 {
    padding-left: 40px;
  }
  .u-paddingX-l--40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .u-paddingY-l--40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (1200px <= width) {
  .u-padding-xl--0 {
    padding: 0px;
  }
  .u-paddingTop-xl--0 {
    padding-top: 0px;
  }
  .u-paddingBottom-xl--0 {
    padding-bottom: 0px;
  }
  .u-paddingRight-xl--0 {
    padding-right: 0px;
  }
  .u-paddingLeft-xl--0 {
    padding-left: 0px;
  }
  .u-paddingX-xl--0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .u-paddingY-xl--0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .u-padding-xl--4 {
    padding: 4px;
  }
  .u-paddingTop-xl--4 {
    padding-top: 4px;
  }
  .u-paddingBottom-xl--4 {
    padding-bottom: 4px;
  }
  .u-paddingRight-xl--4 {
    padding-right: 4px;
  }
  .u-paddingLeft-xl--4 {
    padding-left: 4px;
  }
  .u-paddingX-xl--4 {
    padding-right: 4px;
    padding-left: 4px;
  }
  .u-paddingY-xl--4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .u-padding-xl--8 {
    padding: 8px;
  }
  .u-paddingTop-xl--8 {
    padding-top: 8px;
  }
  .u-paddingBottom-xl--8 {
    padding-bottom: 8px;
  }
  .u-paddingRight-xl--8 {
    padding-right: 8px;
  }
  .u-paddingLeft-xl--8 {
    padding-left: 8px;
  }
  .u-paddingX-xl--8 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .u-paddingY-xl--8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .u-padding-xl--12 {
    padding: 12px;
  }
  .u-paddingTop-xl--12 {
    padding-top: 12px;
  }
  .u-paddingBottom-xl--12 {
    padding-bottom: 12px;
  }
  .u-paddingRight-xl--12 {
    padding-right: 12px;
  }
  .u-paddingLeft-xl--12 {
    padding-left: 12px;
  }
  .u-paddingX-xl--12 {
    padding-right: 12px;
    padding-left: 12px;
  }
  .u-paddingY-xl--12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .u-padding-xl--16 {
    padding: 16px;
  }
  .u-paddingTop-xl--16 {
    padding-top: 16px;
  }
  .u-paddingBottom-xl--16 {
    padding-bottom: 16px;
  }
  .u-paddingRight-xl--16 {
    padding-right: 16px;
  }
  .u-paddingLeft-xl--16 {
    padding-left: 16px;
  }
  .u-paddingX-xl--16 {
    padding-right: 16px;
    padding-left: 16px;
  }
  .u-paddingY-xl--16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .u-padding-xl--20 {
    padding: 20px;
  }
  .u-paddingTop-xl--20 {
    padding-top: 20px;
  }
  .u-paddingBottom-xl--20 {
    padding-bottom: 20px;
  }
  .u-paddingRight-xl--20 {
    padding-right: 20px;
  }
  .u-paddingLeft-xl--20 {
    padding-left: 20px;
  }
  .u-paddingX-xl--20 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .u-paddingY-xl--20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .u-padding-xl--24 {
    padding: 24px;
  }
  .u-paddingTop-xl--24 {
    padding-top: 24px;
  }
  .u-paddingBottom-xl--24 {
    padding-bottom: 24px;
  }
  .u-paddingRight-xl--24 {
    padding-right: 24px;
  }
  .u-paddingLeft-xl--24 {
    padding-left: 24px;
  }
  .u-paddingX-xl--24 {
    padding-right: 24px;
    padding-left: 24px;
  }
  .u-paddingY-xl--24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .u-padding-xl--32 {
    padding: 32px;
  }
  .u-paddingTop-xl--32 {
    padding-top: 32px;
  }
  .u-paddingBottom-xl--32 {
    padding-bottom: 32px;
  }
  .u-paddingRight-xl--32 {
    padding-right: 32px;
  }
  .u-paddingLeft-xl--32 {
    padding-left: 32px;
  }
  .u-paddingX-xl--32 {
    padding-right: 32px;
    padding-left: 32px;
  }
  .u-paddingY-xl--32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .u-padding-xl--40 {
    padding: 40px;
  }
  .u-paddingTop-xl--40 {
    padding-top: 40px;
  }
  .u-paddingBottom-xl--40 {
    padding-bottom: 40px;
  }
  .u-paddingRight-xl--40 {
    padding-right: 40px;
  }
  .u-paddingLeft-xl--40 {
    padding-left: 40px;
  }
  .u-paddingX-xl--40 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .u-paddingY-xl--40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.u-textAlign--left {
  text-align: left;
}
.u-textAlign--center {
  text-align: center;
}
.u-textAlign--right {
  text-align: right;
}
.u-textAlign--justify {
  text-align: justify;
}

.u-wordBreak--breakAll {
  word-break: break-all;
}/*# sourceMappingURL=style.css.map */