/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
    Esse mixin foi criado para não precisar escrever o valor em pixels de cada breakpoint toda vez que for necessário
    criar um media query. Se em algum momento for necessário alterar o valor de um breakpoint, basta alterar o valor nos
    tokens e o mixin irá se encarregar de atualizar todos os media queries que utilizam aquele breakpoint.

    Exemplo de uso:



*/
/*
How to use
@import '~matcha-ds/assets/scss/components/matcha-typography.scss';
@include base-typography-theme($theme);
*/
.par-xs,
.p-tiny {
  font-size: 12px !important;
}

.par-sm,
.par-p,
.p-small {
  font-size: 14px !important;
}

.par-md,
.par-m,
.p-medium {
  font-size: 16px !important;
}

.par-lg,
.p-large {
  font-size: 20px !important;
}

.par-xl,
.p-huge {
  font-size: 24px !important;
}

.text-medium,
.text-semibold {
  font-weight: 500;
}

.text-regular,
.text-book {
  font-weight: 400;
}

.text-bold {
  font-weight: 700;
}

.text-black {
  font-weight: 900;
}

.matcha-message-box,
.matcha-msg-box,
.message-box {
  padding: 16px;
  border-left: 6px solid;
}

.matcha-message-box.error, .matcha-message-box.warning, .matcha-message-box.success, .matcha-message-box.info, .matcha-message-box--error, .matcha-message-box--warning, .matcha-message-box--success, .matcha-message-box--info,
.matcha-msg-box.error,
.matcha-msg-box.warning,
.matcha-msg-box.success,
.matcha-msg-box.info,
.matcha-msg-box--error,
.matcha-msg-box--warning,
.matcha-msg-box--success,
.matcha-msg-box--info,
.message-box.error,
.message-box.warning,
.message-box.success,
.message-box.info,
.message-box--error,
.message-box--warning,
.message-box--success,
.message-box--info {
  padding: 16px;
  border-left: 6px solid;
}

.title {
  line-height: 24px;
  margin: 0 0 16px 0;
  display: flex;
  align-items: center;
}

.title .title-bullet {
  margin: 0px 8px 0 0;
  display: inline-block;
  position: relative;
  border-radius: 10px;
}

.title .title-content {
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
}

.title-sm {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.matcha-container {
  width: 100%;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
}

.combo-image-text,
.combo-checkbox-text,
.combo-icon-text,
.combo-double-line {
  display: flex;
  align-items: center;
}

.combo-image-text .side-text,
.combo-checkbox-text .side-text,
.combo-icon-text .side-text,
.combo-double-line .side-text {
  display: inline-block;
  width: calc(100% - 48px);
  line-height: 20px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.combo-image-text .avatar,
.combo-checkbox-text .avatar,
.combo-icon-text .avatar,
.combo-double-line .avatar {
  border-radius: 50px;
  min-width: 24px;
  min-height: 24px;
}

.one-line-text {
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}

.two-lines-text {
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.three-lines-text {
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}

.four-lines-text {
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
}

.five-lines-text {
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
}

.one-line-text,
.two-lines-text,
.three-lines-text,
.four-lines-text,
.five-lines-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.word-break {
  word-break: break-word;
}

.word-break-all {
  word-break: break-all;
}

.overflow-wrap-anywhere {
  overflow-wrap: anywhere;
}

.font-inherit {
  font-family: inherit;
}

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

.tabular-nums {
  font-variant-numeric: tabular-nums;
}

.user-select-none {
  -webkit-user-select: none;
  user-select: none;
}

.scrollbar-none {
  scrollbar-width: none;
}

.scrollbar-none::-webkit-scrollbar {
  display: none;
}

.letter-spacing-condensed {
  letter-spacing: -0.08em !important;
}

.letter-spacing-normal {
  letter-spacing: normal !important;
}

.letter-spacing-relaxed {
  letter-spacing: 0.08em !important;
}

.pointer-events-all {
  pointer-events: all;
}

.pointer-events-none {
  pointer-events: none;
}

.flatten,
.no-shadow,
.shadow-none {
  box-shadow: none !important;
}

.disabled {
  transition: opacity 100ms linear;
  opacity: 0.5;
  pointer-events: none;
}

.enabled {
  transition: opacity 100ms linear;
  opacity: 1;
}

.on-hover-show:hover {
  opacity: 1;
}

.on-hover-hide:hover {
  opacity: 0;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.left {
  float: left;
}

.right {
  float: right;
}

.list,
.list-style-none {
  list-style: none;
}

.list-style-disc,
.list-style-dot {
  list-style: disc;
}

.audio .matcha-audio-player .audio-player a {
  display: none;
}

.audio .matcha-audio-player .audio-player audio {
  display: inline-block;
}

matcha-autocomplete {
  display: block;
  width: 100%;
}

.matcha-autocomplete-container {
  position: relative;
}

.matcha-form-field:has(.matcha-clear-button--visible) .matcha-autocomplete-chevron {
  display: none !important;
}

.matcha-autocomplete-disabled {
  pointer-events: none;
  opacity: 0.5;
}

@media (prefers-reduced-motion: reduce) {
  .matcha-autocomplete-panel {
    transition: none;
  }
  .matcha-autocomplete-option::before {
    transition: none;
  }
}
.matcha-option {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--matcha-space-200, 16px);
  padding: var(--matcha-space-150, 12px) var(--matcha-space-200, 16px);
  min-height: var(--matcha-option-height, 48px);
  box-sizing: border-box;
  cursor: pointer;
  border-radius: var(--matcha-radius-md, 4px);
  margin: var(--matcha-space-025, 2px) var(--matcha-space-050, 4px);
  transition: background-color var(--matcha-duration-instant, 80ms) ease, box-shadow var(--matcha-duration-instant, 80ms) ease;
  touch-action: manipulation;
}

.matcha-option[aria-disabled=true], .matcha-option[disabled], .matcha-option.matcha-option-disabled {
  pointer-events: none;
  cursor: default;
}

@media (prefers-reduced-motion: reduce) {
  .matcha-option {
    transition: none;
  }
}
@media (forced-colors: active) {
  matcha-option {
    color: CanvasText !important;
  }
  matcha-option:hover:not(.is-disabled):not([disabled]) {
    background: SelectedItem !important;
    color: SelectedItemText !important;
  }
  matcha-option.is-active, matcha-option[active], matcha-option[aria-selected=true] {
    background: Highlight !important;
    color: HighlightText !important;
  }
  matcha-option:focus-visible {
    outline: 2px solid CanvasText !important;
    outline-offset: -2px;
  }
  matcha-option.is-disabled, matcha-option[disabled] {
    color: GrayText !important;
  }
}
@media print {
  matcha-option {
    display: none !important;
  }
}
.matcha-panel-overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: var(--matcha-z-popover-floating, 10001);
  pointer-events: none !important;
  display: block;
}

.matcha-panel-overlay[hidden] {
  overflow: hidden;
}

.matcha-panel-pane {
  position: absolute;
  display: block;
  max-height: 100%;
  pointer-events: auto;
  box-sizing: border-box;
}

.matcha-panel {
  border-radius: var(--matcha-radius-xl, 16px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  max-height: var(--matcha-panel-max-height, 280px);
  width: 100%;
  padding: var(--matcha-space-100, 8px) 0;
  opacity: 0;
  transform: scale(0.96) translateY(calc(-1 * var(--matcha-space-050, 4px)));
  transition: opacity var(--matcha-duration-fast, 200ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--matcha-duration-fast, 200ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));
  position: relative;
  z-index: auto;
}

.matcha-panel.matcha-panel-open {
  opacity: 1;
  transform: scale(1) translateY(0);
}

.matcha-panel.matcha-panel-top {
  transform-origin: bottom center;
}

.matcha-panel.matcha-panel-bottom {
  transform-origin: top center;
}

@media (prefers-reduced-motion: reduce) {
  .matcha-panel {
    transition: none;
  }
}
.matcha-panel-content {
  overflow-y: auto;
  flex: 1;
}

.matcha-panel:has(> .matcha-menu-content),
.matcha-panel:has(.matcha-select-options) {
  overflow-x: hidden;
}

.matcha-panel:has(> .matcha-calendar),
.matcha-panel:has(> matcha-time-panel),
.matcha-panel:has(> .matcha-time-panel) {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

@media (max-width: 639px) {
  .matcha-panel-overlay:not([hidden]):has(> .matcha-panel-pane > .matcha-panel > .matcha-calendar) {
    pointer-events: auto !important;
    background: var(--matcha-scrim-drawer, rgba(0, 0, 0, 0.3));
    backdrop-filter: blur(var(--matcha-scrim-drawer-blur, 4px));
    animation: matcha-panel-backdrop-fade var(--matcha-duration-fast, 200ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));
  }
  .matcha-panel-overlay:not([hidden]) .matcha-panel-pane:has(> .matcha-panel > .matcha-calendar) {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
    max-height: 90vh;
    animation: matcha-panel-sheet-up var(--matcha-duration-normal, 220ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));
  }
  .matcha-panel:has(> .matcha-calendar) > .matcha-calendar {
    width: 100%;
    min-width: 0;
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0;
    padding: var(--matcha-space-250, 20px);
  }
  .matcha-panel:has(> .matcha-calendar) > .matcha-calendar.is-dual {
    min-width: 0;
  }
  .matcha-panel:has(> .matcha-calendar) > .matcha-calendar.is-dual .matcha-calendar-months {
    flex-direction: column;
  }
}
@keyframes matcha-panel-sheet-up {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes matcha-panel-backdrop-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (forced-colors: active) {
  .matcha-panel {
    background: Canvas !important;
    border: 1px solid CanvasText !important;
    box-shadow: none !important;
  }
}
@media print {
  .matcha-panel {
    display: none !important;
  }
}
.matcha-select-trigger {
  position: relative;
  overflow: hidden;
}

.matcha-select-trigger::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  opacity: 0;
  border-radius: inherit;
  pointer-events: none;
  transition: opacity var(--matcha-duration-instant, 80ms) linear;
}

.matcha-select-trigger:hover:not([disabled])::before {
  opacity: var(--matcha-state-hover, 0.08);
}

.matcha-select-trigger:active:not([disabled])::before {
  opacity: var(--matcha-state-active, 0.12);
}

.matcha-select-trigger[disabled] {
  pointer-events: none;
  cursor: default;
}

@media (prefers-reduced-motion: reduce) {
  .matcha-select-trigger::before {
    transition: none;
  }
}
.matcha-form-field .matcha-select-trigger::before {
  display: none;
}

button[matcha-button],
a[matcha-button],
button[matcha-icon-button],
a[matcha-icon-button],
button[matcha-link],
a[matcha-link] {
  overflow: hidden;
  position: relative;
  font-size: var(--matcha-text-md, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  font-family: inherit;
  height: 2.5rem;
  min-width: 2.5rem;
  appearance: auto;
  text-rendering: auto;
  letter-spacing: var(--matcha-letter-spacing-button, 0.2px);
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  text-align: center;
  text-wrap: nowrap;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  border: none;
  border-radius: var(--matcha-radius-lg, 8px);
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

button[matcha-button] *,
a[matcha-button] *,
button[matcha-icon-button] *,
a[matcha-icon-button] *,
button[matcha-link] *,
a[matcha-link] * {
  pointer-events: none;
}

button[matcha-button] matcha-icon,
button[matcha-button] [class^=i-matcha-],
button[matcha-button] [class*=" i-matcha-"],
a[matcha-button] matcha-icon,
a[matcha-button] [class^=i-matcha-],
a[matcha-button] [class*=" i-matcha-"],
button[matcha-icon-button] matcha-icon,
button[matcha-icon-button] [class^=i-matcha-],
button[matcha-icon-button] [class*=" i-matcha-"],
a[matcha-icon-button] matcha-icon,
a[matcha-icon-button] [class^=i-matcha-],
a[matcha-icon-button] [class*=" i-matcha-"],
button[matcha-link] matcha-icon,
button[matcha-link] [class^=i-matcha-],
button[matcha-link] [class*=" i-matcha-"],
a[matcha-link] matcha-icon,
a[matcha-link] [class^=i-matcha-],
a[matcha-link] [class*=" i-matcha-"] {
  color: inherit !important;
}

button[matcha-button][size=xs], button[matcha-button][size=tiny],
a[matcha-button][size=xs],
a[matcha-button][size=tiny],
button[matcha-icon-button][size=xs],
button[matcha-icon-button][size=tiny],
a[matcha-icon-button][size=xs],
a[matcha-icon-button][size=tiny],
button[matcha-link][size=xs],
button[matcha-link][size=tiny],
a[matcha-link][size=xs],
a[matcha-link][size=tiny] {
  padding: 0 var(--matcha-space-100, 8px);
  font-size: var(--matcha-text-p-tiny, 11px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-p-tiny, 14px);
  letter-spacing: var(--matcha-letter-spacing-caption, 0.3px);
  height: 28px;
  min-width: 28px;
  gap: var(--matcha-space-025, 2px);
}

button[matcha-button][size=sm], button[matcha-button][size=small],
a[matcha-button][size=sm],
a[matcha-button][size=small],
button[matcha-icon-button][size=sm],
button[matcha-icon-button][size=small],
a[matcha-icon-button][size=sm],
a[matcha-icon-button][size=small],
button[matcha-link][size=sm],
button[matcha-link][size=small],
a[matcha-link][size=sm],
a[matcha-link][size=small] {
  padding: 0 var(--matcha-space-100, 8px);
  font-size: var(--matcha-text-label-sm, 13px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-label-sm, 19px);
  height: 32px;
  min-width: 32px;
  gap: var(--matcha-space-050, 4px);
}

button[matcha-button][size=md], button[matcha-button][size=medium],
a[matcha-button][size=md],
a[matcha-button][size=medium],
button[matcha-icon-button][size=md],
button[matcha-icon-button][size=medium],
a[matcha-icon-button][size=md],
a[matcha-icon-button][size=medium],
button[matcha-link][size=md],
button[matcha-link][size=medium],
a[matcha-link][size=md],
a[matcha-link][size=medium] {
  padding: 0 var(--matcha-space-200, 16px);
  font-size: var(--matcha-text-md, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-md, 20px);
  height: 40px;
  min-width: 40px;
  gap: var(--matcha-space-100, 8px);
}

button[matcha-button][size=lg], button[matcha-button][size=large],
a[matcha-button][size=lg],
a[matcha-button][size=large],
button[matcha-icon-button][size=lg],
button[matcha-icon-button][size=large],
a[matcha-icon-button][size=lg],
a[matcha-icon-button][size=large],
button[matcha-link][size=lg],
button[matcha-link][size=large],
a[matcha-link][size=lg],
a[matcha-link][size=large] {
  padding: 0 var(--matcha-space-300, 24px);
  font-size: var(--matcha-text-lg, 16px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-label-lg, 22px);
  height: 48px;
  min-width: 48px;
  gap: var(--matcha-space-100, 8px);
}

button[matcha-button][size=xl], button[matcha-button][size=huge],
a[matcha-button][size=xl],
a[matcha-button][size=huge],
button[matcha-icon-button][size=xl],
button[matcha-icon-button][size=huge],
a[matcha-icon-button][size=xl],
a[matcha-icon-button][size=huge],
button[matcha-link][size=xl],
button[matcha-link][size=huge],
a[matcha-link][size=xl],
a[matcha-link][size=huge] {
  padding: 0 var(--matcha-space-400, 32px);
  font-size: var(--matcha-text-lg, 16px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-label-lg, 22px);
  height: 56px;
  min-width: 56px;
  gap: var(--matcha-space-100, 8px);
}

@media screen and (max-width: 479px) {
  button[matcha-button][size-xs=xs], button[matcha-button][size-xs=tiny],
  a[matcha-button][size-xs=xs],
  a[matcha-button][size-xs=tiny],
  button[matcha-icon-button][size-xs=xs],
  button[matcha-icon-button][size-xs=tiny],
  a[matcha-icon-button][size-xs=xs],
  a[matcha-icon-button][size-xs=tiny],
  button[matcha-link][size-xs=xs],
  button[matcha-link][size-xs=tiny],
  a[matcha-link][size-xs=xs],
  a[matcha-link][size-xs=tiny] {
    padding: 0 var(--matcha-space-100, 8px);
    font-size: var(--matcha-text-p-tiny, 11px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-p-tiny, 14px);
    letter-spacing: var(--matcha-letter-spacing-caption, 0.3px);
    height: 28px;
    min-width: 28px;
    gap: var(--matcha-space-025, 2px);
  }
  button[matcha-button][size-xs=sm], button[matcha-button][size-xs=small],
  a[matcha-button][size-xs=sm],
  a[matcha-button][size-xs=small],
  button[matcha-icon-button][size-xs=sm],
  button[matcha-icon-button][size-xs=small],
  a[matcha-icon-button][size-xs=sm],
  a[matcha-icon-button][size-xs=small],
  button[matcha-link][size-xs=sm],
  button[matcha-link][size-xs=small],
  a[matcha-link][size-xs=sm],
  a[matcha-link][size-xs=small] {
    padding: 0 var(--matcha-space-100, 8px);
    font-size: var(--matcha-text-label-sm, 13px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-sm, 19px);
    height: 32px;
    min-width: 32px;
    gap: var(--matcha-space-050, 4px);
  }
  button[matcha-button][size-xs=md], button[matcha-button][size-xs=medium],
  a[matcha-button][size-xs=md],
  a[matcha-button][size-xs=medium],
  button[matcha-icon-button][size-xs=md],
  button[matcha-icon-button][size-xs=medium],
  a[matcha-icon-button][size-xs=md],
  a[matcha-icon-button][size-xs=medium],
  button[matcha-link][size-xs=md],
  button[matcha-link][size-xs=medium],
  a[matcha-link][size-xs=md],
  a[matcha-link][size-xs=medium] {
    padding: 0 var(--matcha-space-200, 16px);
    font-size: var(--matcha-text-md, 14px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-md, 20px);
    height: 40px;
    min-width: 40px;
    gap: var(--matcha-space-100, 8px);
  }
  button[matcha-button][size-xs=lg], button[matcha-button][size-xs=large],
  a[matcha-button][size-xs=lg],
  a[matcha-button][size-xs=large],
  button[matcha-icon-button][size-xs=lg],
  button[matcha-icon-button][size-xs=large],
  a[matcha-icon-button][size-xs=lg],
  a[matcha-icon-button][size-xs=large],
  button[matcha-link][size-xs=lg],
  button[matcha-link][size-xs=large],
  a[matcha-link][size-xs=lg],
  a[matcha-link][size-xs=large] {
    padding: 0 var(--matcha-space-300, 24px);
    font-size: var(--matcha-text-lg, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-label-lg, 22px);
    height: 48px;
    min-width: 48px;
    gap: var(--matcha-space-100, 8px);
  }
  button[matcha-button][size-xs=xl], button[matcha-button][size-xs=huge],
  a[matcha-button][size-xs=xl],
  a[matcha-button][size-xs=huge],
  button[matcha-icon-button][size-xs=xl],
  button[matcha-icon-button][size-xs=huge],
  a[matcha-icon-button][size-xs=xl],
  a[matcha-icon-button][size-xs=huge],
  button[matcha-link][size-xs=xl],
  button[matcha-link][size-xs=huge],
  a[matcha-link][size-xs=xl],
  a[matcha-link][size-xs=huge] {
    padding: 0 var(--matcha-space-400, 32px);
    font-size: var(--matcha-text-lg, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-label-lg, 22px);
    height: 56px;
    min-width: 56px;
    gap: var(--matcha-space-100, 8px);
  }
}
@media screen and (min-width: 480px) {
  button[matcha-button][size-sm=xs], button[matcha-button][size-sm=tiny],
  a[matcha-button][size-sm=xs],
  a[matcha-button][size-sm=tiny],
  button[matcha-icon-button][size-sm=xs],
  button[matcha-icon-button][size-sm=tiny],
  a[matcha-icon-button][size-sm=xs],
  a[matcha-icon-button][size-sm=tiny],
  button[matcha-link][size-sm=xs],
  button[matcha-link][size-sm=tiny],
  a[matcha-link][size-sm=xs],
  a[matcha-link][size-sm=tiny] {
    padding: 0 var(--matcha-space-100, 8px);
    font-size: var(--matcha-text-p-tiny, 11px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-p-tiny, 14px);
    letter-spacing: var(--matcha-letter-spacing-caption, 0.3px);
    height: 28px;
    min-width: 28px;
    gap: var(--matcha-space-025, 2px);
  }
  button[matcha-button][size-sm=sm], button[matcha-button][size-sm=small],
  a[matcha-button][size-sm=sm],
  a[matcha-button][size-sm=small],
  button[matcha-icon-button][size-sm=sm],
  button[matcha-icon-button][size-sm=small],
  a[matcha-icon-button][size-sm=sm],
  a[matcha-icon-button][size-sm=small],
  button[matcha-link][size-sm=sm],
  button[matcha-link][size-sm=small],
  a[matcha-link][size-sm=sm],
  a[matcha-link][size-sm=small] {
    padding: 0 var(--matcha-space-100, 8px);
    font-size: var(--matcha-text-label-sm, 13px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-sm, 19px);
    height: 32px;
    min-width: 32px;
    gap: var(--matcha-space-050, 4px);
  }
  button[matcha-button][size-sm=md], button[matcha-button][size-sm=medium],
  a[matcha-button][size-sm=md],
  a[matcha-button][size-sm=medium],
  button[matcha-icon-button][size-sm=md],
  button[matcha-icon-button][size-sm=medium],
  a[matcha-icon-button][size-sm=md],
  a[matcha-icon-button][size-sm=medium],
  button[matcha-link][size-sm=md],
  button[matcha-link][size-sm=medium],
  a[matcha-link][size-sm=md],
  a[matcha-link][size-sm=medium] {
    padding: 0 var(--matcha-space-200, 16px);
    font-size: var(--matcha-text-md, 14px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-md, 20px);
    height: 40px;
    min-width: 40px;
    gap: var(--matcha-space-100, 8px);
  }
  button[matcha-button][size-sm=lg], button[matcha-button][size-sm=large],
  a[matcha-button][size-sm=lg],
  a[matcha-button][size-sm=large],
  button[matcha-icon-button][size-sm=lg],
  button[matcha-icon-button][size-sm=large],
  a[matcha-icon-button][size-sm=lg],
  a[matcha-icon-button][size-sm=large],
  button[matcha-link][size-sm=lg],
  button[matcha-link][size-sm=large],
  a[matcha-link][size-sm=lg],
  a[matcha-link][size-sm=large] {
    padding: 0 var(--matcha-space-300, 24px);
    font-size: var(--matcha-text-lg, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-label-lg, 22px);
    height: 48px;
    min-width: 48px;
    gap: var(--matcha-space-100, 8px);
  }
  button[matcha-button][size-sm=xl], button[matcha-button][size-sm=huge],
  a[matcha-button][size-sm=xl],
  a[matcha-button][size-sm=huge],
  button[matcha-icon-button][size-sm=xl],
  button[matcha-icon-button][size-sm=huge],
  a[matcha-icon-button][size-sm=xl],
  a[matcha-icon-button][size-sm=huge],
  button[matcha-link][size-sm=xl],
  button[matcha-link][size-sm=huge],
  a[matcha-link][size-sm=xl],
  a[matcha-link][size-sm=huge] {
    padding: 0 var(--matcha-space-400, 32px);
    font-size: var(--matcha-text-lg, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-label-lg, 22px);
    height: 56px;
    min-width: 56px;
    gap: var(--matcha-space-100, 8px);
  }
}
@media screen and (min-width: 640px) {
  button[matcha-button][size-md=xs], button[matcha-button][size-md=tiny],
  a[matcha-button][size-md=xs],
  a[matcha-button][size-md=tiny],
  button[matcha-icon-button][size-md=xs],
  button[matcha-icon-button][size-md=tiny],
  a[matcha-icon-button][size-md=xs],
  a[matcha-icon-button][size-md=tiny],
  button[matcha-link][size-md=xs],
  button[matcha-link][size-md=tiny],
  a[matcha-link][size-md=xs],
  a[matcha-link][size-md=tiny] {
    padding: 0 var(--matcha-space-100, 8px);
    font-size: var(--matcha-text-p-tiny, 11px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-p-tiny, 14px);
    letter-spacing: var(--matcha-letter-spacing-caption, 0.3px);
    height: 28px;
    min-width: 28px;
    gap: var(--matcha-space-025, 2px);
  }
  button[matcha-button][size-md=sm], button[matcha-button][size-md=small],
  a[matcha-button][size-md=sm],
  a[matcha-button][size-md=small],
  button[matcha-icon-button][size-md=sm],
  button[matcha-icon-button][size-md=small],
  a[matcha-icon-button][size-md=sm],
  a[matcha-icon-button][size-md=small],
  button[matcha-link][size-md=sm],
  button[matcha-link][size-md=small],
  a[matcha-link][size-md=sm],
  a[matcha-link][size-md=small] {
    padding: 0 var(--matcha-space-100, 8px);
    font-size: var(--matcha-text-label-sm, 13px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-sm, 19px);
    height: 32px;
    min-width: 32px;
    gap: var(--matcha-space-050, 4px);
  }
  button[matcha-button][size-md=md], button[matcha-button][size-md=medium],
  a[matcha-button][size-md=md],
  a[matcha-button][size-md=medium],
  button[matcha-icon-button][size-md=md],
  button[matcha-icon-button][size-md=medium],
  a[matcha-icon-button][size-md=md],
  a[matcha-icon-button][size-md=medium],
  button[matcha-link][size-md=md],
  button[matcha-link][size-md=medium],
  a[matcha-link][size-md=md],
  a[matcha-link][size-md=medium] {
    padding: 0 var(--matcha-space-200, 16px);
    font-size: var(--matcha-text-md, 14px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-md, 20px);
    height: 40px;
    min-width: 40px;
    gap: var(--matcha-space-100, 8px);
  }
  button[matcha-button][size-md=lg], button[matcha-button][size-md=large],
  a[matcha-button][size-md=lg],
  a[matcha-button][size-md=large],
  button[matcha-icon-button][size-md=lg],
  button[matcha-icon-button][size-md=large],
  a[matcha-icon-button][size-md=lg],
  a[matcha-icon-button][size-md=large],
  button[matcha-link][size-md=lg],
  button[matcha-link][size-md=large],
  a[matcha-link][size-md=lg],
  a[matcha-link][size-md=large] {
    padding: 0 var(--matcha-space-300, 24px);
    font-size: var(--matcha-text-lg, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-label-lg, 22px);
    height: 48px;
    min-width: 48px;
    gap: var(--matcha-space-100, 8px);
  }
  button[matcha-button][size-md=xl], button[matcha-button][size-md=huge],
  a[matcha-button][size-md=xl],
  a[matcha-button][size-md=huge],
  button[matcha-icon-button][size-md=xl],
  button[matcha-icon-button][size-md=huge],
  a[matcha-icon-button][size-md=xl],
  a[matcha-icon-button][size-md=huge],
  button[matcha-link][size-md=xl],
  button[matcha-link][size-md=huge],
  a[matcha-link][size-md=xl],
  a[matcha-link][size-md=huge] {
    padding: 0 var(--matcha-space-400, 32px);
    font-size: var(--matcha-text-lg, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-label-lg, 22px);
    height: 56px;
    min-width: 56px;
    gap: var(--matcha-space-100, 8px);
  }
}
@media screen and (min-width: 768px) {
  button[matcha-button][size-lg=xs], button[matcha-button][size-lg=tiny],
  a[matcha-button][size-lg=xs],
  a[matcha-button][size-lg=tiny],
  button[matcha-icon-button][size-lg=xs],
  button[matcha-icon-button][size-lg=tiny],
  a[matcha-icon-button][size-lg=xs],
  a[matcha-icon-button][size-lg=tiny],
  button[matcha-link][size-lg=xs],
  button[matcha-link][size-lg=tiny],
  a[matcha-link][size-lg=xs],
  a[matcha-link][size-lg=tiny] {
    padding: 0 var(--matcha-space-100, 8px);
    font-size: var(--matcha-text-p-tiny, 11px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-p-tiny, 14px);
    letter-spacing: var(--matcha-letter-spacing-caption, 0.3px);
    height: 28px;
    min-width: 28px;
    gap: var(--matcha-space-025, 2px);
  }
  button[matcha-button][size-lg=sm], button[matcha-button][size-lg=small],
  a[matcha-button][size-lg=sm],
  a[matcha-button][size-lg=small],
  button[matcha-icon-button][size-lg=sm],
  button[matcha-icon-button][size-lg=small],
  a[matcha-icon-button][size-lg=sm],
  a[matcha-icon-button][size-lg=small],
  button[matcha-link][size-lg=sm],
  button[matcha-link][size-lg=small],
  a[matcha-link][size-lg=sm],
  a[matcha-link][size-lg=small] {
    padding: 0 var(--matcha-space-100, 8px);
    font-size: var(--matcha-text-label-sm, 13px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-sm, 19px);
    height: 32px;
    min-width: 32px;
    gap: var(--matcha-space-050, 4px);
  }
  button[matcha-button][size-lg=md], button[matcha-button][size-lg=medium],
  a[matcha-button][size-lg=md],
  a[matcha-button][size-lg=medium],
  button[matcha-icon-button][size-lg=md],
  button[matcha-icon-button][size-lg=medium],
  a[matcha-icon-button][size-lg=md],
  a[matcha-icon-button][size-lg=medium],
  button[matcha-link][size-lg=md],
  button[matcha-link][size-lg=medium],
  a[matcha-link][size-lg=md],
  a[matcha-link][size-lg=medium] {
    padding: 0 var(--matcha-space-200, 16px);
    font-size: var(--matcha-text-md, 14px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-md, 20px);
    height: 40px;
    min-width: 40px;
    gap: var(--matcha-space-100, 8px);
  }
  button[matcha-button][size-lg=lg], button[matcha-button][size-lg=large],
  a[matcha-button][size-lg=lg],
  a[matcha-button][size-lg=large],
  button[matcha-icon-button][size-lg=lg],
  button[matcha-icon-button][size-lg=large],
  a[matcha-icon-button][size-lg=lg],
  a[matcha-icon-button][size-lg=large],
  button[matcha-link][size-lg=lg],
  button[matcha-link][size-lg=large],
  a[matcha-link][size-lg=lg],
  a[matcha-link][size-lg=large] {
    padding: 0 var(--matcha-space-300, 24px);
    font-size: var(--matcha-text-lg, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-label-lg, 22px);
    height: 48px;
    min-width: 48px;
    gap: var(--matcha-space-100, 8px);
  }
  button[matcha-button][size-lg=xl], button[matcha-button][size-lg=huge],
  a[matcha-button][size-lg=xl],
  a[matcha-button][size-lg=huge],
  button[matcha-icon-button][size-lg=xl],
  button[matcha-icon-button][size-lg=huge],
  a[matcha-icon-button][size-lg=xl],
  a[matcha-icon-button][size-lg=huge],
  button[matcha-link][size-lg=xl],
  button[matcha-link][size-lg=huge],
  a[matcha-link][size-lg=xl],
  a[matcha-link][size-lg=huge] {
    padding: 0 var(--matcha-space-400, 32px);
    font-size: var(--matcha-text-lg, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-label-lg, 22px);
    height: 56px;
    min-width: 56px;
    gap: var(--matcha-space-100, 8px);
  }
}
@media screen and (min-width: 1024px) {
  button[matcha-button][size-xl=xs], button[matcha-button][size-xl=tiny],
  a[matcha-button][size-xl=xs],
  a[matcha-button][size-xl=tiny],
  button[matcha-icon-button][size-xl=xs],
  button[matcha-icon-button][size-xl=tiny],
  a[matcha-icon-button][size-xl=xs],
  a[matcha-icon-button][size-xl=tiny],
  button[matcha-link][size-xl=xs],
  button[matcha-link][size-xl=tiny],
  a[matcha-link][size-xl=xs],
  a[matcha-link][size-xl=tiny] {
    padding: 0 var(--matcha-space-100, 8px);
    font-size: var(--matcha-text-p-tiny, 11px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-p-tiny, 14px);
    letter-spacing: var(--matcha-letter-spacing-caption, 0.3px);
    height: 28px;
    min-width: 28px;
    gap: var(--matcha-space-025, 2px);
  }
  button[matcha-button][size-xl=sm], button[matcha-button][size-xl=small],
  a[matcha-button][size-xl=sm],
  a[matcha-button][size-xl=small],
  button[matcha-icon-button][size-xl=sm],
  button[matcha-icon-button][size-xl=small],
  a[matcha-icon-button][size-xl=sm],
  a[matcha-icon-button][size-xl=small],
  button[matcha-link][size-xl=sm],
  button[matcha-link][size-xl=small],
  a[matcha-link][size-xl=sm],
  a[matcha-link][size-xl=small] {
    padding: 0 var(--matcha-space-100, 8px);
    font-size: var(--matcha-text-label-sm, 13px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-sm, 19px);
    height: 32px;
    min-width: 32px;
    gap: var(--matcha-space-050, 4px);
  }
  button[matcha-button][size-xl=md], button[matcha-button][size-xl=medium],
  a[matcha-button][size-xl=md],
  a[matcha-button][size-xl=medium],
  button[matcha-icon-button][size-xl=md],
  button[matcha-icon-button][size-xl=medium],
  a[matcha-icon-button][size-xl=md],
  a[matcha-icon-button][size-xl=medium],
  button[matcha-link][size-xl=md],
  button[matcha-link][size-xl=medium],
  a[matcha-link][size-xl=md],
  a[matcha-link][size-xl=medium] {
    padding: 0 var(--matcha-space-200, 16px);
    font-size: var(--matcha-text-md, 14px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-md, 20px);
    height: 40px;
    min-width: 40px;
    gap: var(--matcha-space-100, 8px);
  }
  button[matcha-button][size-xl=lg], button[matcha-button][size-xl=large],
  a[matcha-button][size-xl=lg],
  a[matcha-button][size-xl=large],
  button[matcha-icon-button][size-xl=lg],
  button[matcha-icon-button][size-xl=large],
  a[matcha-icon-button][size-xl=lg],
  a[matcha-icon-button][size-xl=large],
  button[matcha-link][size-xl=lg],
  button[matcha-link][size-xl=large],
  a[matcha-link][size-xl=lg],
  a[matcha-link][size-xl=large] {
    padding: 0 var(--matcha-space-300, 24px);
    font-size: var(--matcha-text-lg, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-label-lg, 22px);
    height: 48px;
    min-width: 48px;
    gap: var(--matcha-space-100, 8px);
  }
  button[matcha-button][size-xl=xl], button[matcha-button][size-xl=huge],
  a[matcha-button][size-xl=xl],
  a[matcha-button][size-xl=huge],
  button[matcha-icon-button][size-xl=xl],
  button[matcha-icon-button][size-xl=huge],
  a[matcha-icon-button][size-xl=xl],
  a[matcha-icon-button][size-xl=huge],
  button[matcha-link][size-xl=xl],
  button[matcha-link][size-xl=huge],
  a[matcha-link][size-xl=xl],
  a[matcha-link][size-xl=huge] {
    padding: 0 var(--matcha-space-400, 32px);
    font-size: var(--matcha-text-lg, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-label-lg, 22px);
    height: 56px;
    min-width: 56px;
    gap: var(--matcha-space-100, 8px);
  }
}
button[matcha-button]::before,
a[matcha-button]::before,
button[matcha-icon-button]::before,
a[matcha-icon-button]::before,
button[matcha-link]::before,
a[matcha-link]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--matcha-color-state-layer-fg, currentColor);
  opacity: 0;
  border-radius: inherit;
  pointer-events: none;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

button[matcha-button]:hover:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link])::before, button[matcha-button].is-state-hover:not([outline]):not([basic]):not([ghost]):not([alpha])::before,
a[matcha-button]:hover:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link])::before,
a[matcha-button].is-state-hover:not([outline]):not([basic]):not([ghost]):not([alpha])::before,
button[matcha-icon-button]:hover:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link])::before,
button[matcha-icon-button].is-state-hover:not([outline]):not([basic]):not([ghost]):not([alpha])::before,
a[matcha-icon-button]:hover:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link])::before,
a[matcha-icon-button].is-state-hover:not([outline]):not([basic]):not([ghost]):not([alpha])::before,
button[matcha-link]:hover:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link])::before,
button[matcha-link].is-state-hover:not([outline]):not([basic]):not([ghost]):not([alpha])::before,
a[matcha-link]:hover:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link])::before,
a[matcha-link].is-state-hover:not([outline]):not([basic]):not([ghost]):not([alpha])::before {
  opacity: 0.15;
}

button[matcha-button]:active:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link])::before, button[matcha-button].is-state-active:not([outline]):not([basic]):not([ghost]):not([alpha])::before,
a[matcha-button]:active:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link])::before,
a[matcha-button].is-state-active:not([outline]):not([basic]):not([ghost]):not([alpha])::before,
button[matcha-icon-button]:active:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link])::before,
button[matcha-icon-button].is-state-active:not([outline]):not([basic]):not([ghost]):not([alpha])::before,
a[matcha-icon-button]:active:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link])::before,
a[matcha-icon-button].is-state-active:not([outline]):not([basic]):not([ghost]):not([alpha])::before,
button[matcha-link]:active:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link])::before,
button[matcha-link].is-state-active:not([outline]):not([basic]):not([ghost]):not([alpha])::before,
a[matcha-link]:active:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link])::before,
a[matcha-link].is-state-active:not([outline]):not([basic]):not([ghost]):not([alpha])::before {
  opacity: 0.3;
}

button[matcha-button][outline]:hover:not([disabled]):not([disabled=true])::before, button[matcha-button][basic]:hover:not([disabled]):not([disabled=true])::before, button[matcha-button][ghost]:hover:not([disabled]):not([disabled=true])::before, button[matcha-button][outline].is-state-hover::before, button[matcha-button][basic].is-state-hover::before, button[matcha-button][ghost].is-state-hover::before,
a[matcha-button][outline]:hover:not([disabled]):not([disabled=true])::before,
a[matcha-button][basic]:hover:not([disabled]):not([disabled=true])::before,
a[matcha-button][ghost]:hover:not([disabled]):not([disabled=true])::before,
a[matcha-button][outline].is-state-hover::before,
a[matcha-button][basic].is-state-hover::before,
a[matcha-button][ghost].is-state-hover::before,
button[matcha-icon-button][outline]:hover:not([disabled]):not([disabled=true])::before,
button[matcha-icon-button][basic]:hover:not([disabled]):not([disabled=true])::before,
button[matcha-icon-button][ghost]:hover:not([disabled]):not([disabled=true])::before,
button[matcha-icon-button][outline].is-state-hover::before,
button[matcha-icon-button][basic].is-state-hover::before,
button[matcha-icon-button][ghost].is-state-hover::before,
a[matcha-icon-button][outline]:hover:not([disabled]):not([disabled=true])::before,
a[matcha-icon-button][basic]:hover:not([disabled]):not([disabled=true])::before,
a[matcha-icon-button][ghost]:hover:not([disabled]):not([disabled=true])::before,
a[matcha-icon-button][outline].is-state-hover::before,
a[matcha-icon-button][basic].is-state-hover::before,
a[matcha-icon-button][ghost].is-state-hover::before,
button[matcha-link][outline]:hover:not([disabled]):not([disabled=true])::before,
button[matcha-link][basic]:hover:not([disabled]):not([disabled=true])::before,
button[matcha-link][ghost]:hover:not([disabled]):not([disabled=true])::before,
button[matcha-link][outline].is-state-hover::before,
button[matcha-link][basic].is-state-hover::before,
button[matcha-link][ghost].is-state-hover::before,
a[matcha-link][outline]:hover:not([disabled]):not([disabled=true])::before,
a[matcha-link][basic]:hover:not([disabled]):not([disabled=true])::before,
a[matcha-link][ghost]:hover:not([disabled]):not([disabled=true])::before,
a[matcha-link][outline].is-state-hover::before,
a[matcha-link][basic].is-state-hover::before,
a[matcha-link][ghost].is-state-hover::before {
  opacity: 0.1;
}

button[matcha-button][outline]:active:not([disabled]):not([disabled=true])::before, button[matcha-button][basic]:active:not([disabled]):not([disabled=true])::before, button[matcha-button][ghost]:active:not([disabled]):not([disabled=true])::before, button[matcha-button][outline].is-state-active::before, button[matcha-button][basic].is-state-active::before, button[matcha-button][ghost].is-state-active::before,
a[matcha-button][outline]:active:not([disabled]):not([disabled=true])::before,
a[matcha-button][basic]:active:not([disabled]):not([disabled=true])::before,
a[matcha-button][ghost]:active:not([disabled]):not([disabled=true])::before,
a[matcha-button][outline].is-state-active::before,
a[matcha-button][basic].is-state-active::before,
a[matcha-button][ghost].is-state-active::before,
button[matcha-icon-button][outline]:active:not([disabled]):not([disabled=true])::before,
button[matcha-icon-button][basic]:active:not([disabled]):not([disabled=true])::before,
button[matcha-icon-button][ghost]:active:not([disabled]):not([disabled=true])::before,
button[matcha-icon-button][outline].is-state-active::before,
button[matcha-icon-button][basic].is-state-active::before,
button[matcha-icon-button][ghost].is-state-active::before,
a[matcha-icon-button][outline]:active:not([disabled]):not([disabled=true])::before,
a[matcha-icon-button][basic]:active:not([disabled]):not([disabled=true])::before,
a[matcha-icon-button][ghost]:active:not([disabled]):not([disabled=true])::before,
a[matcha-icon-button][outline].is-state-active::before,
a[matcha-icon-button][basic].is-state-active::before,
a[matcha-icon-button][ghost].is-state-active::before,
button[matcha-link][outline]:active:not([disabled]):not([disabled=true])::before,
button[matcha-link][basic]:active:not([disabled]):not([disabled=true])::before,
button[matcha-link][ghost]:active:not([disabled]):not([disabled=true])::before,
button[matcha-link][outline].is-state-active::before,
button[matcha-link][basic].is-state-active::before,
button[matcha-link][ghost].is-state-active::before,
a[matcha-link][outline]:active:not([disabled]):not([disabled=true])::before,
a[matcha-link][basic]:active:not([disabled]):not([disabled=true])::before,
a[matcha-link][ghost]:active:not([disabled]):not([disabled=true])::before,
a[matcha-link][outline].is-state-active::before,
a[matcha-link][basic].is-state-active::before,
a[matcha-link][ghost].is-state-active::before {
  opacity: 0.2;
}

button[matcha-button][disabled],
a[matcha-button][disabled],
button[matcha-icon-button][disabled],
a[matcha-icon-button][disabled],
button[matcha-link][disabled],
a[matcha-link][disabled] {
  pointer-events: none;
  cursor: default;
}

button[matcha-button][basic]:not([basic=false]), button[matcha-button][ghost]:not([ghost=false]),
a[matcha-button][basic]:not([basic=false]),
a[matcha-button][ghost]:not([ghost=false]),
button[matcha-icon-button][basic]:not([basic=false]),
button[matcha-icon-button][ghost]:not([ghost=false]),
a[matcha-icon-button][basic]:not([basic=false]),
a[matcha-icon-button][ghost]:not([ghost=false]),
button[matcha-link][basic]:not([basic=false]),
button[matcha-link][ghost]:not([ghost=false]),
a[matcha-link][basic]:not([basic=false]),
a[matcha-link][ghost]:not([ghost=false]) {
  background: transparent;
}

button[matcha-button][outline]:not([outline=false]),
a[matcha-button][outline]:not([outline=false]),
button[matcha-icon-button][outline]:not([outline=false]),
a[matcha-icon-button][outline]:not([outline=false]),
button[matcha-link][outline]:not([outline=false]),
a[matcha-link][outline]:not([outline=false]) {
  background: transparent;
}

button[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=xs], button[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=tiny],
a[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=xs],
a[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=tiny],
button[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=xs],
button[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=tiny],
a[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=xs],
a[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=tiny],
button[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=xs],
button[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=tiny],
a[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=xs],
a[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=tiny] {
  padding: 0 var(--matcha-space-100, 8px);
  gap: var(--matcha-space-050, 4px);
}

button[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=sm], button[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=small],
a[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=sm],
a[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=small],
button[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=sm],
button[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=small],
a[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=sm],
a[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=small],
button[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=sm],
button[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=small],
a[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=sm],
a[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=small] {
  padding: 0 var(--matcha-space-100, 8px);
  gap: var(--matcha-space-050, 4px);
}

button[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=md], button[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=medium],
a[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=md],
a[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=medium],
button[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=md],
button[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=medium],
a[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=md],
a[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=medium],
button[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=md],
button[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=medium],
a[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=md],
a[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=medium] {
  padding: 0 var(--matcha-space-150, 12px);
  gap: var(--matcha-space-100, 8px);
}

button[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=lg], button[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=large],
a[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=lg],
a[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=large],
button[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=lg],
button[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=large],
a[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=lg],
a[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=large],
button[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=lg],
button[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=large],
a[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=lg],
a[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=large] {
  padding: 0 var(--matcha-space-200, 16px);
  gap: var(--matcha-space-150, 12px);
}

button[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=xl], button[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=huge],
a[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=xl],
a[matcha-button][outline]:not([outline=false])[link]:not([link=false])[size=huge],
button[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=xl],
button[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=huge],
a[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=xl],
a[matcha-icon-button][outline]:not([outline=false])[link]:not([link=false])[size=huge],
button[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=xl],
button[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=huge],
a[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=xl],
a[matcha-link][outline]:not([outline=false])[link]:not([link=false])[size=huge] {
  padding: 0 var(--matcha-space-200, 16px);
  gap: var(--matcha-space-150, 12px);
}

button[matcha-button][pill]:not([pill=false]),
a[matcha-button][pill]:not([pill=false]),
button[matcha-icon-button][pill]:not([pill=false]),
a[matcha-icon-button][pill]:not([pill=false]),
button[matcha-link][pill]:not([pill=false]),
a[matcha-link][pill]:not([pill=false]) {
  border-radius: var(--matcha-radius-pill, 9999px);
}

button[matcha-button][link]:not([link=false]),
a[matcha-button][link]:not([link=false]),
button[matcha-icon-button][link]:not([link=false]),
a[matcha-icon-button][link]:not([link=false]),
button[matcha-link][link]:not([link=false]),
a[matcha-link][link]:not([link=false]) {
  text-transform: initial;
  letter-spacing: 0;
  text-decoration: none;
  padding: 0;
  background: transparent;
}

button[matcha-button][link]:not([link=false]):not([outline]),
a[matcha-button][link]:not([link=false]):not([outline]),
button[matcha-icon-button][link]:not([link=false]):not([outline]),
a[matcha-icon-button][link]:not([link=false]):not([outline]),
button[matcha-link][link]:not([link=false]):not([outline]),
a[matcha-link][link]:not([link=false]):not([outline]) {
  min-width: 0;
}

button[matcha-button][matcha-link],
a[matcha-button][matcha-link],
button[matcha-icon-button][matcha-link],
a[matcha-icon-button][matcha-link],
button[matcha-link][matcha-link],
a[matcha-link][matcha-link] {
  height: auto;
  min-height: 0;
  max-height: none;
  min-width: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  text-decoration: none;
  transition: none;
}

button[matcha-button][matcha-link][size=sm], button[matcha-button][matcha-link][size=tiny],
a[matcha-button][matcha-link][size=sm],
a[matcha-button][matcha-link][size=tiny],
button[matcha-icon-button][matcha-link][size=sm],
button[matcha-icon-button][matcha-link][size=tiny],
a[matcha-icon-button][matcha-link][size=sm],
a[matcha-icon-button][matcha-link][size=tiny],
button[matcha-link][matcha-link][size=sm],
button[matcha-link][matcha-link][size=tiny],
a[matcha-link][matcha-link][size=sm],
a[matcha-link][matcha-link][size=tiny] {
  font-size: var(--matcha-text-p-tiny, 11px);
  line-height: var(--matcha-leading-p-tiny, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  letter-spacing: var(--matcha-letter-spacing-caption, 0.3px);
  height: auto;
  max-height: none;
}

button[matcha-button][matcha-link][size=md], button[matcha-button][matcha-link][size=small],
a[matcha-button][matcha-link][size=md],
a[matcha-button][matcha-link][size=small],
button[matcha-icon-button][matcha-link][size=md],
button[matcha-icon-button][matcha-link][size=small],
a[matcha-icon-button][matcha-link][size=md],
a[matcha-icon-button][matcha-link][size=small],
button[matcha-link][matcha-link][size=md],
button[matcha-link][matcha-link][size=small],
a[matcha-link][matcha-link][size=md],
a[matcha-link][matcha-link][size=small] {
  font-size: var(--matcha-text-md, 14px);
  line-height: var(--matcha-leading-md, 20px);
  font-weight: var(--matcha-weight-medium, 500);
  letter-spacing: var(--matcha-letter-spacing-button, 0.2px);
  height: auto;
  max-height: none;
}

button[matcha-button][matcha-link][size=lg], button[matcha-button][matcha-link][size=medium],
a[matcha-button][matcha-link][size=lg],
a[matcha-button][matcha-link][size=medium],
button[matcha-icon-button][matcha-link][size=lg],
button[matcha-icon-button][matcha-link][size=medium],
a[matcha-icon-button][matcha-link][size=lg],
a[matcha-icon-button][matcha-link][size=medium],
button[matcha-link][matcha-link][size=lg],
button[matcha-link][matcha-link][size=medium],
a[matcha-link][matcha-link][size=lg],
a[matcha-link][matcha-link][size=medium] {
  font-size: var(--matcha-text-lg, 16px);
  line-height: var(--matcha-leading-label-lg, 22px);
  font-weight: var(--matcha-weight-semibold, 600);
  letter-spacing: var(--matcha-letter-spacing-button, 0.2px);
  height: auto;
  max-height: none;
}

button[matcha-button][matcha-link]::before,
a[matcha-button][matcha-link]::before,
button[matcha-icon-button][matcha-link]::before,
a[matcha-icon-button][matcha-link]::before,
button[matcha-link][matcha-link]::before,
a[matcha-link][matcha-link]::before {
  display: none;
}

button[matcha-button][matcha-link]:active:not([disabled]):not([disabled=true]),
a[matcha-button][matcha-link]:active:not([disabled]):not([disabled=true]),
button[matcha-icon-button][matcha-link]:active:not([disabled]):not([disabled=true]),
a[matcha-icon-button][matcha-link]:active:not([disabled]):not([disabled=true]),
button[matcha-link][matcha-link]:active:not([disabled]):not([disabled=true]),
a[matcha-link][matcha-link]:active:not([disabled]):not([disabled=true]) {
  transform: none;
}

button[matcha-button][matcha-link]:hover:not([disabled]):not([disabled=true]), button[matcha-button][matcha-link]:active:not([disabled]):not([disabled=true]),
a[matcha-button][matcha-link]:hover:not([disabled]):not([disabled=true]),
a[matcha-button][matcha-link]:active:not([disabled]):not([disabled=true]),
button[matcha-icon-button][matcha-link]:hover:not([disabled]):not([disabled=true]),
button[matcha-icon-button][matcha-link]:active:not([disabled]):not([disabled=true]),
a[matcha-icon-button][matcha-link]:hover:not([disabled]):not([disabled=true]),
a[matcha-icon-button][matcha-link]:active:not([disabled]):not([disabled=true]),
button[matcha-link][matcha-link]:hover:not([disabled]):not([disabled=true]),
button[matcha-link][matcha-link]:active:not([disabled]):not([disabled=true]),
a[matcha-link][matcha-link]:hover:not([disabled]):not([disabled=true]),
a[matcha-link][matcha-link]:active:not([disabled]):not([disabled=true]) {
  text-decoration: underline;
}

button[matcha-button][matcha-link].matcha-link--underline,
a[matcha-button][matcha-link].matcha-link--underline,
button[matcha-icon-button][matcha-link].matcha-link--underline,
a[matcha-icon-button][matcha-link].matcha-link--underline,
button[matcha-link][matcha-link].matcha-link--underline,
a[matcha-link][matcha-link].matcha-link--underline {
  text-decoration: underline;
}

button[matcha-button][matcha-link][size=tiny], button[matcha-button][matcha-link][size=small],
a[matcha-button][matcha-link][size=tiny],
a[matcha-button][matcha-link][size=small],
button[matcha-icon-button][matcha-link][size=tiny],
button[matcha-icon-button][matcha-link][size=small],
a[matcha-icon-button][matcha-link][size=tiny],
a[matcha-icon-button][matcha-link][size=small],
button[matcha-link][matcha-link][size=tiny],
button[matcha-link][matcha-link][size=small],
a[matcha-link][matcha-link][size=tiny],
a[matcha-link][matcha-link][size=small] {
  font-size: var(--matcha-text-p-tiny, 11px);
  line-height: var(--matcha-leading-p-tiny, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  letter-spacing: var(--matcha-letter-spacing-caption, 0.3px);
  height: auto;
  max-height: none;
}

button[matcha-button][matcha-link][size=medium],
a[matcha-button][matcha-link][size=medium],
button[matcha-icon-button][matcha-link][size=medium],
a[matcha-icon-button][matcha-link][size=medium],
button[matcha-link][matcha-link][size=medium],
a[matcha-link][matcha-link][size=medium] {
  font-size: var(--matcha-text-md, 14px);
  line-height: var(--matcha-leading-md, 20px);
  font-weight: var(--matcha-weight-medium, 500);
  letter-spacing: var(--matcha-letter-spacing-button, 0.2px);
  height: auto;
  max-height: none;
}

button[matcha-button][matcha-link][size=large], button[matcha-button][matcha-link][size=huge],
a[matcha-button][matcha-link][size=large],
a[matcha-button][matcha-link][size=huge],
button[matcha-icon-button][matcha-link][size=large],
button[matcha-icon-button][matcha-link][size=huge],
a[matcha-icon-button][matcha-link][size=large],
a[matcha-icon-button][matcha-link][size=huge],
button[matcha-link][matcha-link][size=large],
button[matcha-link][matcha-link][size=huge],
a[matcha-link][matcha-link][size=large],
a[matcha-link][matcha-link][size=huge] {
  font-size: var(--matcha-text-lg, 16px);
  line-height: var(--matcha-leading-label-lg, 22px);
  font-weight: var(--matcha-weight-semibold, 600);
  letter-spacing: var(--matcha-letter-spacing-button, 0.2px);
  height: auto;
  max-height: none;
}

button[matcha-button][icon]:not([icon=false]),
a[matcha-button][icon]:not([icon=false]),
button[matcha-icon-button][icon]:not([icon=false]),
a[matcha-icon-button][icon]:not([icon=false]),
button[matcha-link][icon]:not([icon=false]),
a[matcha-link][icon]:not([icon=false]) {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

button[matcha-button][icon]:not([icon=false])[size=xs], button[matcha-button][icon]:not([icon=false])[size=tiny],
a[matcha-button][icon]:not([icon=false])[size=xs],
a[matcha-button][icon]:not([icon=false])[size=tiny],
button[matcha-icon-button][icon]:not([icon=false])[size=xs],
button[matcha-icon-button][icon]:not([icon=false])[size=tiny],
a[matcha-icon-button][icon]:not([icon=false])[size=xs],
a[matcha-icon-button][icon]:not([icon=false])[size=tiny],
button[matcha-link][icon]:not([icon=false])[size=xs],
button[matcha-link][icon]:not([icon=false])[size=tiny],
a[matcha-link][icon]:not([icon=false])[size=xs],
a[matcha-link][icon]:not([icon=false])[size=tiny] {
  padding: var(--matcha-space-075, 6px) !important;
}

button[matcha-button][icon]:not([icon=false])[size=sm], button[matcha-button][icon]:not([icon=false])[size=small],
a[matcha-button][icon]:not([icon=false])[size=sm],
a[matcha-button][icon]:not([icon=false])[size=small],
button[matcha-icon-button][icon]:not([icon=false])[size=sm],
button[matcha-icon-button][icon]:not([icon=false])[size=small],
a[matcha-icon-button][icon]:not([icon=false])[size=sm],
a[matcha-icon-button][icon]:not([icon=false])[size=small],
button[matcha-link][icon]:not([icon=false])[size=sm],
button[matcha-link][icon]:not([icon=false])[size=small],
a[matcha-link][icon]:not([icon=false])[size=sm],
a[matcha-link][icon]:not([icon=false])[size=small] {
  padding: var(--matcha-space-075, 6px) !important;
}

button[matcha-button][icon]:not([icon=false])[size=md], button[matcha-button][icon]:not([icon=false])[size=medium],
a[matcha-button][icon]:not([icon=false])[size=md],
a[matcha-button][icon]:not([icon=false])[size=medium],
button[matcha-icon-button][icon]:not([icon=false])[size=md],
button[matcha-icon-button][icon]:not([icon=false])[size=medium],
a[matcha-icon-button][icon]:not([icon=false])[size=md],
a[matcha-icon-button][icon]:not([icon=false])[size=medium],
button[matcha-link][icon]:not([icon=false])[size=md],
button[matcha-link][icon]:not([icon=false])[size=medium],
a[matcha-link][icon]:not([icon=false])[size=md],
a[matcha-link][icon]:not([icon=false])[size=medium] {
  padding: var(--matcha-space-100, 8px) !important;
}

button[matcha-button][icon]:not([icon=false])[size=lg], button[matcha-button][icon]:not([icon=false])[size=large],
a[matcha-button][icon]:not([icon=false])[size=lg],
a[matcha-button][icon]:not([icon=false])[size=large],
button[matcha-icon-button][icon]:not([icon=false])[size=lg],
button[matcha-icon-button][icon]:not([icon=false])[size=large],
a[matcha-icon-button][icon]:not([icon=false])[size=lg],
a[matcha-icon-button][icon]:not([icon=false])[size=large],
button[matcha-link][icon]:not([icon=false])[size=lg],
button[matcha-link][icon]:not([icon=false])[size=large],
a[matcha-link][icon]:not([icon=false])[size=lg],
a[matcha-link][icon]:not([icon=false])[size=large] {
  padding: var(--matcha-space-150, 12px) !important;
}

button[matcha-button][icon]:not([icon=false])[size=xl], button[matcha-button][icon]:not([icon=false])[size=huge],
a[matcha-button][icon]:not([icon=false])[size=xl],
a[matcha-button][icon]:not([icon=false])[size=huge],
button[matcha-icon-button][icon]:not([icon=false])[size=xl],
button[matcha-icon-button][icon]:not([icon=false])[size=huge],
a[matcha-icon-button][icon]:not([icon=false])[size=xl],
a[matcha-icon-button][icon]:not([icon=false])[size=huge],
button[matcha-link][icon]:not([icon=false])[size=xl],
button[matcha-link][icon]:not([icon=false])[size=huge],
a[matcha-link][icon]:not([icon=false])[size=xl],
a[matcha-link][icon]:not([icon=false])[size=huge] {
  padding: var(--matcha-space-200, 16px) !important;
}

button[matcha-button][icon]:not([icon=false])[size=xs] [class^=i-matcha-], button[matcha-button][icon]:not([icon=false])[size=xs] [class*=" i-matcha-"], button[matcha-button][icon]:not([icon=false])[size=tiny] [class^=i-matcha-], button[matcha-button][icon]:not([icon=false])[size=tiny] [class*=" i-matcha-"],
a[matcha-button][icon]:not([icon=false])[size=xs] [class^=i-matcha-],
a[matcha-button][icon]:not([icon=false])[size=xs] [class*=" i-matcha-"],
a[matcha-button][icon]:not([icon=false])[size=tiny] [class^=i-matcha-],
a[matcha-button][icon]:not([icon=false])[size=tiny] [class*=" i-matcha-"],
button[matcha-icon-button][icon]:not([icon=false])[size=xs] [class^=i-matcha-],
button[matcha-icon-button][icon]:not([icon=false])[size=xs] [class*=" i-matcha-"],
button[matcha-icon-button][icon]:not([icon=false])[size=tiny] [class^=i-matcha-],
button[matcha-icon-button][icon]:not([icon=false])[size=tiny] [class*=" i-matcha-"],
a[matcha-icon-button][icon]:not([icon=false])[size=xs] [class^=i-matcha-],
a[matcha-icon-button][icon]:not([icon=false])[size=xs] [class*=" i-matcha-"],
a[matcha-icon-button][icon]:not([icon=false])[size=tiny] [class^=i-matcha-],
a[matcha-icon-button][icon]:not([icon=false])[size=tiny] [class*=" i-matcha-"],
button[matcha-link][icon]:not([icon=false])[size=xs] [class^=i-matcha-],
button[matcha-link][icon]:not([icon=false])[size=xs] [class*=" i-matcha-"],
button[matcha-link][icon]:not([icon=false])[size=tiny] [class^=i-matcha-],
button[matcha-link][icon]:not([icon=false])[size=tiny] [class*=" i-matcha-"],
a[matcha-link][icon]:not([icon=false])[size=xs] [class^=i-matcha-],
a[matcha-link][icon]:not([icon=false])[size=xs] [class*=" i-matcha-"],
a[matcha-link][icon]:not([icon=false])[size=tiny] [class^=i-matcha-],
a[matcha-link][icon]:not([icon=false])[size=tiny] [class*=" i-matcha-"] {
  font-size: var(--matcha-icon-size-sm, 16px);
  width: var(--matcha-icon-size-sm, 16px);
  height: var(--matcha-icon-size-sm, 16px);
  line-height: var(--matcha-icon-size-sm, 16px);
}

button[matcha-button][icon]:not([icon=false])[size=sm] [class^=i-matcha-], button[matcha-button][icon]:not([icon=false])[size=sm] [class*=" i-matcha-"], button[matcha-button][icon]:not([icon=false])[size=small] [class^=i-matcha-], button[matcha-button][icon]:not([icon=false])[size=small] [class*=" i-matcha-"],
a[matcha-button][icon]:not([icon=false])[size=sm] [class^=i-matcha-],
a[matcha-button][icon]:not([icon=false])[size=sm] [class*=" i-matcha-"],
a[matcha-button][icon]:not([icon=false])[size=small] [class^=i-matcha-],
a[matcha-button][icon]:not([icon=false])[size=small] [class*=" i-matcha-"],
button[matcha-icon-button][icon]:not([icon=false])[size=sm] [class^=i-matcha-],
button[matcha-icon-button][icon]:not([icon=false])[size=sm] [class*=" i-matcha-"],
button[matcha-icon-button][icon]:not([icon=false])[size=small] [class^=i-matcha-],
button[matcha-icon-button][icon]:not([icon=false])[size=small] [class*=" i-matcha-"],
a[matcha-icon-button][icon]:not([icon=false])[size=sm] [class^=i-matcha-],
a[matcha-icon-button][icon]:not([icon=false])[size=sm] [class*=" i-matcha-"],
a[matcha-icon-button][icon]:not([icon=false])[size=small] [class^=i-matcha-],
a[matcha-icon-button][icon]:not([icon=false])[size=small] [class*=" i-matcha-"],
button[matcha-link][icon]:not([icon=false])[size=sm] [class^=i-matcha-],
button[matcha-link][icon]:not([icon=false])[size=sm] [class*=" i-matcha-"],
button[matcha-link][icon]:not([icon=false])[size=small] [class^=i-matcha-],
button[matcha-link][icon]:not([icon=false])[size=small] [class*=" i-matcha-"],
a[matcha-link][icon]:not([icon=false])[size=sm] [class^=i-matcha-],
a[matcha-link][icon]:not([icon=false])[size=sm] [class*=" i-matcha-"],
a[matcha-link][icon]:not([icon=false])[size=small] [class^=i-matcha-],
a[matcha-link][icon]:not([icon=false])[size=small] [class*=" i-matcha-"] {
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

button[matcha-button][icon]:not([icon=false])[size=md] [class^=i-matcha-], button[matcha-button][icon]:not([icon=false])[size=md] [class*=" i-matcha-"], button[matcha-button][icon]:not([icon=false])[size=medium] [class^=i-matcha-], button[matcha-button][icon]:not([icon=false])[size=medium] [class*=" i-matcha-"], button[matcha-button][icon]:not([icon=false])[size=lg] [class^=i-matcha-], button[matcha-button][icon]:not([icon=false])[size=lg] [class*=" i-matcha-"], button[matcha-button][icon]:not([icon=false])[size=large] [class^=i-matcha-], button[matcha-button][icon]:not([icon=false])[size=large] [class*=" i-matcha-"], button[matcha-button][icon]:not([icon=false])[size=xl] [class^=i-matcha-], button[matcha-button][icon]:not([icon=false])[size=xl] [class*=" i-matcha-"], button[matcha-button][icon]:not([icon=false])[size=huge] [class^=i-matcha-], button[matcha-button][icon]:not([icon=false])[size=huge] [class*=" i-matcha-"],
a[matcha-button][icon]:not([icon=false])[size=md] [class^=i-matcha-],
a[matcha-button][icon]:not([icon=false])[size=md] [class*=" i-matcha-"],
a[matcha-button][icon]:not([icon=false])[size=medium] [class^=i-matcha-],
a[matcha-button][icon]:not([icon=false])[size=medium] [class*=" i-matcha-"],
a[matcha-button][icon]:not([icon=false])[size=lg] [class^=i-matcha-],
a[matcha-button][icon]:not([icon=false])[size=lg] [class*=" i-matcha-"],
a[matcha-button][icon]:not([icon=false])[size=large] [class^=i-matcha-],
a[matcha-button][icon]:not([icon=false])[size=large] [class*=" i-matcha-"],
a[matcha-button][icon]:not([icon=false])[size=xl] [class^=i-matcha-],
a[matcha-button][icon]:not([icon=false])[size=xl] [class*=" i-matcha-"],
a[matcha-button][icon]:not([icon=false])[size=huge] [class^=i-matcha-],
a[matcha-button][icon]:not([icon=false])[size=huge] [class*=" i-matcha-"],
button[matcha-icon-button][icon]:not([icon=false])[size=md] [class^=i-matcha-],
button[matcha-icon-button][icon]:not([icon=false])[size=md] [class*=" i-matcha-"],
button[matcha-icon-button][icon]:not([icon=false])[size=medium] [class^=i-matcha-],
button[matcha-icon-button][icon]:not([icon=false])[size=medium] [class*=" i-matcha-"],
button[matcha-icon-button][icon]:not([icon=false])[size=lg] [class^=i-matcha-],
button[matcha-icon-button][icon]:not([icon=false])[size=lg] [class*=" i-matcha-"],
button[matcha-icon-button][icon]:not([icon=false])[size=large] [class^=i-matcha-],
button[matcha-icon-button][icon]:not([icon=false])[size=large] [class*=" i-matcha-"],
button[matcha-icon-button][icon]:not([icon=false])[size=xl] [class^=i-matcha-],
button[matcha-icon-button][icon]:not([icon=false])[size=xl] [class*=" i-matcha-"],
button[matcha-icon-button][icon]:not([icon=false])[size=huge] [class^=i-matcha-],
button[matcha-icon-button][icon]:not([icon=false])[size=huge] [class*=" i-matcha-"],
a[matcha-icon-button][icon]:not([icon=false])[size=md] [class^=i-matcha-],
a[matcha-icon-button][icon]:not([icon=false])[size=md] [class*=" i-matcha-"],
a[matcha-icon-button][icon]:not([icon=false])[size=medium] [class^=i-matcha-],
a[matcha-icon-button][icon]:not([icon=false])[size=medium] [class*=" i-matcha-"],
a[matcha-icon-button][icon]:not([icon=false])[size=lg] [class^=i-matcha-],
a[matcha-icon-button][icon]:not([icon=false])[size=lg] [class*=" i-matcha-"],
a[matcha-icon-button][icon]:not([icon=false])[size=large] [class^=i-matcha-],
a[matcha-icon-button][icon]:not([icon=false])[size=large] [class*=" i-matcha-"],
a[matcha-icon-button][icon]:not([icon=false])[size=xl] [class^=i-matcha-],
a[matcha-icon-button][icon]:not([icon=false])[size=xl] [class*=" i-matcha-"],
a[matcha-icon-button][icon]:not([icon=false])[size=huge] [class^=i-matcha-],
a[matcha-icon-button][icon]:not([icon=false])[size=huge] [class*=" i-matcha-"],
button[matcha-link][icon]:not([icon=false])[size=md] [class^=i-matcha-],
button[matcha-link][icon]:not([icon=false])[size=md] [class*=" i-matcha-"],
button[matcha-link][icon]:not([icon=false])[size=medium] [class^=i-matcha-],
button[matcha-link][icon]:not([icon=false])[size=medium] [class*=" i-matcha-"],
button[matcha-link][icon]:not([icon=false])[size=lg] [class^=i-matcha-],
button[matcha-link][icon]:not([icon=false])[size=lg] [class*=" i-matcha-"],
button[matcha-link][icon]:not([icon=false])[size=large] [class^=i-matcha-],
button[matcha-link][icon]:not([icon=false])[size=large] [class*=" i-matcha-"],
button[matcha-link][icon]:not([icon=false])[size=xl] [class^=i-matcha-],
button[matcha-link][icon]:not([icon=false])[size=xl] [class*=" i-matcha-"],
button[matcha-link][icon]:not([icon=false])[size=huge] [class^=i-matcha-],
button[matcha-link][icon]:not([icon=false])[size=huge] [class*=" i-matcha-"],
a[matcha-link][icon]:not([icon=false])[size=md] [class^=i-matcha-],
a[matcha-link][icon]:not([icon=false])[size=md] [class*=" i-matcha-"],
a[matcha-link][icon]:not([icon=false])[size=medium] [class^=i-matcha-],
a[matcha-link][icon]:not([icon=false])[size=medium] [class*=" i-matcha-"],
a[matcha-link][icon]:not([icon=false])[size=lg] [class^=i-matcha-],
a[matcha-link][icon]:not([icon=false])[size=lg] [class*=" i-matcha-"],
a[matcha-link][icon]:not([icon=false])[size=large] [class^=i-matcha-],
a[matcha-link][icon]:not([icon=false])[size=large] [class*=" i-matcha-"],
a[matcha-link][icon]:not([icon=false])[size=xl] [class^=i-matcha-],
a[matcha-link][icon]:not([icon=false])[size=xl] [class*=" i-matcha-"],
a[matcha-link][icon]:not([icon=false])[size=huge] [class^=i-matcha-],
a[matcha-link][icon]:not([icon=false])[size=huge] [class*=" i-matcha-"] {
  font-size: var(--matcha-icon-size-md, 24px);
  width: var(--matcha-icon-size-md, 24px);
  height: var(--matcha-icon-size-md, 24px);
  line-height: var(--matcha-icon-size-md, 24px);
}

button[matcha-button][badge]:not([badge=false]),
a[matcha-button][badge]:not([badge=false]),
button[matcha-icon-button][badge]:not([badge=false]),
a[matcha-icon-button][badge]:not([badge=false]),
button[matcha-link][badge]:not([badge=false]),
a[matcha-link][badge]:not([badge=false]) {
  overflow: visible;
  position: relative;
}

button[matcha-button][badge]:not([badge=false])::after,
a[matcha-button][badge]:not([badge=false])::after,
button[matcha-icon-button][badge]:not([badge=false])::after,
a[matcha-icon-button][badge]:not([badge=false])::after,
button[matcha-link][badge]:not([badge=false])::after,
a[matcha-link][badge]:not([badge=false])::after {
  content: "";
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  width: 1.32rem;
  height: 1.32rem;
  border-radius: var(--matcha-radius-pill, 9999px);
  z-index: 2;
}

button[matcha-button][badge]:not([badge=false])[size=sm]::after, button[matcha-button][badge]:not([badge=false])[size=small]::after,
a[matcha-button][badge]:not([badge=false])[size=sm]::after,
a[matcha-button][badge]:not([badge=false])[size=small]::after,
button[matcha-icon-button][badge]:not([badge=false])[size=sm]::after,
button[matcha-icon-button][badge]:not([badge=false])[size=small]::after,
a[matcha-icon-button][badge]:not([badge=false])[size=sm]::after,
a[matcha-icon-button][badge]:not([badge=false])[size=small]::after,
button[matcha-link][badge]:not([badge=false])[size=sm]::after,
button[matcha-link][badge]:not([badge=false])[size=small]::after,
a[matcha-link][badge]:not([badge=false])[size=sm]::after,
a[matcha-link][badge]:not([badge=false])[size=small]::after {
  width: 0.75rem;
  height: 0.75rem;
  top: -0.15rem;
  right: -0.15rem;
}

button[matcha-button][badge]:not([badge=false])[size=md]::after, button[matcha-button][badge]:not([badge=false])[size=medium]::after,
a[matcha-button][badge]:not([badge=false])[size=md]::after,
a[matcha-button][badge]:not([badge=false])[size=medium]::after,
button[matcha-icon-button][badge]:not([badge=false])[size=md]::after,
button[matcha-icon-button][badge]:not([badge=false])[size=medium]::after,
a[matcha-icon-button][badge]:not([badge=false])[size=md]::after,
a[matcha-icon-button][badge]:not([badge=false])[size=medium]::after,
button[matcha-link][badge]:not([badge=false])[size=md]::after,
button[matcha-link][badge]:not([badge=false])[size=medium]::after,
a[matcha-link][badge]:not([badge=false])[size=md]::after,
a[matcha-link][badge]:not([badge=false])[size=medium]::after {
  width: 1rem;
  height: 1rem;
  top: -0.2rem;
  right: -0.2rem;
}

button[matcha-button][badge]:not([badge=false])[size=xl]::after, button[matcha-button][badge]:not([badge=false])[size=huge]::after,
a[matcha-button][badge]:not([badge=false])[size=xl]::after,
a[matcha-button][badge]:not([badge=false])[size=huge]::after,
button[matcha-icon-button][badge]:not([badge=false])[size=xl]::after,
button[matcha-icon-button][badge]:not([badge=false])[size=huge]::after,
a[matcha-icon-button][badge]:not([badge=false])[size=xl]::after,
a[matcha-icon-button][badge]:not([badge=false])[size=huge]::after,
button[matcha-link][badge]:not([badge=false])[size=xl]::after,
button[matcha-link][badge]:not([badge=false])[size=huge]::after,
a[matcha-link][badge]:not([badge=false])[size=xl]::after,
a[matcha-link][badge]:not([badge=false])[size=huge]::after {
  width: 1.5rem;
  height: 1.5rem;
  top: -0.3rem;
  right: -0.3rem;
}

button[matcha-button]:focus-visible:not([disabled]),
a[matcha-button]:focus-visible:not([disabled]),
button[matcha-icon-button]:focus-visible:not([disabled]),
a[matcha-icon-button]:focus-visible:not([disabled]),
button[matcha-link]:focus-visible:not([disabled]),
a[matcha-link]:focus-visible:not([disabled]) {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent, #6200ee);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}

@media (prefers-reduced-motion: reduce) {
  button[matcha-button]::before,
  a[matcha-button]::before,
  button[matcha-icon-button]::before,
  a[matcha-icon-button]::before,
  button[matcha-link]::before,
  a[matcha-link]::before {
    transition: none;
  }
  button[matcha-button], button[matcha-button]:active:not([disabled]):not([disabled=true]),
  a[matcha-button],
  a[matcha-button]:active:not([disabled]):not([disabled=true]),
  button[matcha-icon-button],
  button[matcha-icon-button]:active:not([disabled]):not([disabled=true]),
  a[matcha-icon-button],
  a[matcha-icon-button]:active:not([disabled]):not([disabled=true]),
  button[matcha-link],
  button[matcha-link]:active:not([disabled]):not([disabled=true]),
  a[matcha-link],
  a[matcha-link]:active:not([disabled]):not([disabled=true]) {
    transition: none;
    transform: none;
  }
}
button[matcha-button].matcha-button--loading,
a[matcha-button].matcha-button--loading,
button[matcha-icon-button].matcha-button--loading,
a[matcha-icon-button].matcha-button--loading,
button[matcha-link].matcha-button--loading,
a[matcha-link].matcha-button--loading {
  pointer-events: none;
  cursor: progress;
}

button[matcha-button].matcha-button--loading > :not(.matcha-button__spinner),
a[matcha-button].matcha-button--loading > :not(.matcha-button__spinner),
button[matcha-icon-button].matcha-button--loading > :not(.matcha-button__spinner),
a[matcha-icon-button].matcha-button--loading > :not(.matcha-button__spinner),
button[matcha-link].matcha-button--loading > :not(.matcha-button__spinner),
a[matcha-link].matcha-button--loading > :not(.matcha-button__spinner) {
  opacity: 0.6;
}

button[matcha-button] .matcha-button__spinner,
a[matcha-button] .matcha-button__spinner,
button[matcha-icon-button] .matcha-button__spinner,
a[matcha-icon-button] .matcha-button__spinner,
button[matcha-link] .matcha-button__spinner,
a[matcha-link] .matcha-button__spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: var(--matcha-space-100, 8px);
  flex: none;
  line-height: 0;
}

button[matcha-button] .matcha-button__spinner svg,
a[matcha-button] .matcha-button__spinner svg,
button[matcha-icon-button] .matcha-button__spinner svg,
a[matcha-icon-button] .matcha-button__spinner svg,
button[matcha-link] .matcha-button__spinner svg,
a[matcha-link] .matcha-button__spinner svg {
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  button[matcha-button] .matcha-button__spinner svg circle animateTransform,
  a[matcha-button] .matcha-button__spinner svg circle animateTransform,
  button[matcha-icon-button] .matcha-button__spinner svg circle animateTransform,
  a[matcha-icon-button] .matcha-button__spinner svg circle animateTransform,
  button[matcha-link] .matcha-button__spinner svg circle animateTransform,
  a[matcha-link] .matcha-button__spinner svg circle animateTransform {
    dur: 2s !important;
  }
}
button[matcha-button] .matcha-button__sr-only,
a[matcha-button] .matcha-button__sr-only,
button[matcha-icon-button] .matcha-button__sr-only,
a[matcha-icon-button] .matcha-button__sr-only,
button[matcha-link] .matcha-button__sr-only,
a[matcha-link] .matcha-button__sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (pointer: coarse) {
  button[matcha-button][size=xs]::after, button[matcha-button][size=sm]::after, button[matcha-button][size=tiny]::after, button[matcha-button][size=md]::after, button[matcha-button][size=small]::after,
  a[matcha-button][size=xs]::after,
  a[matcha-button][size=sm]::after,
  a[matcha-button][size=tiny]::after,
  a[matcha-button][size=md]::after,
  a[matcha-button][size=small]::after,
  button[matcha-icon-button][size=xs]::after,
  button[matcha-icon-button][size=sm]::after,
  button[matcha-icon-button][size=tiny]::after,
  button[matcha-icon-button][size=md]::after,
  button[matcha-icon-button][size=small]::after,
  a[matcha-icon-button][size=xs]::after,
  a[matcha-icon-button][size=sm]::after,
  a[matcha-icon-button][size=tiny]::after,
  a[matcha-icon-button][size=md]::after,
  a[matcha-icon-button][size=small]::after,
  button[matcha-link][size=xs]::after,
  button[matcha-link][size=sm]::after,
  button[matcha-link][size=tiny]::after,
  button[matcha-link][size=md]::after,
  button[matcha-link][size=small]::after,
  a[matcha-link][size=xs]::after,
  a[matcha-link][size=sm]::after,
  a[matcha-link][size=tiny]::after,
  a[matcha-link][size=md]::after,
  a[matcha-link][size=small]::after {
    content: "";
    position: absolute;
    inset: -8px;
    z-index: 0;
    pointer-events: auto;
  }
}
button[matcha-icon-button],
a[matcha-icon-button] {
  aspect-ratio: 1;
}

button[matcha-icon-button] matcha-icon,
a[matcha-icon-button] matcha-icon {
  flex: none;
}

button[matcha-icon-button][size=xs] matcha-icon, button[matcha-icon-button][size=tiny] matcha-icon,
a[matcha-icon-button][size=xs] matcha-icon,
a[matcha-icon-button][size=tiny] matcha-icon {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
}

button[matcha-icon-button][size=sm] matcha-icon, button[matcha-icon-button][size=small] matcha-icon,
a[matcha-icon-button][size=sm] matcha-icon,
a[matcha-icon-button][size=small] matcha-icon {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
}

button[matcha-icon-button][size=md] matcha-icon, button[matcha-icon-button][size=medium] matcha-icon, button[matcha-icon-button][size=lg] matcha-icon, button[matcha-icon-button][size=large] matcha-icon, button[matcha-icon-button][size=xl] matcha-icon, button[matcha-icon-button][size=huge] matcha-icon,
a[matcha-icon-button][size=md] matcha-icon,
a[matcha-icon-button][size=medium] matcha-icon,
a[matcha-icon-button][size=lg] matcha-icon,
a[matcha-icon-button][size=large] matcha-icon,
a[matcha-icon-button][size=xl] matcha-icon,
a[matcha-icon-button][size=huge] matcha-icon {
  font-size: 24px !important;
  width: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
}

button[matcha-button]:not([matcha-icon-button]):not([icon])[size=xs] matcha-icon:not([size]), button[matcha-button]:not([matcha-icon-button]):not([icon])[size=tiny] matcha-icon:not([size]),
a[matcha-button]:not([matcha-icon-button]):not([icon])[size=xs] matcha-icon:not([size]),
a[matcha-button]:not([matcha-icon-button]):not([icon])[size=tiny] matcha-icon:not([size]) {
  font-size: var(--matcha-icon-size-sm, 16px);
  width: var(--matcha-icon-size-sm, 16px);
  height: var(--matcha-icon-size-sm, 16px);
  line-height: var(--matcha-icon-size-sm, 16px);
}

button[matcha-button]:not([matcha-icon-button]):not([icon])[size=sm] matcha-icon:not([size]), button[matcha-button]:not([matcha-icon-button]):not([icon])[size=small] matcha-icon:not([size]),
a[matcha-button]:not([matcha-icon-button]):not([icon])[size=sm] matcha-icon:not([size]),
a[matcha-button]:not([matcha-icon-button]):not([icon])[size=small] matcha-icon:not([size]) {
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

@media (forced-colors: active) {
  button[matcha-button],
  a[matcha-button],
  button[matcha-icon-button],
  a[matcha-icon-button] {
    background: ButtonFace !important;
    color: ButtonText !important;
    border: 1px solid ButtonText !important;
    box-shadow: none !important;
  }
  button[matcha-button][outline], button[matcha-button][basic], button[matcha-button][alpha], button[matcha-button][link],
  a[matcha-button][outline],
  a[matcha-button][basic],
  a[matcha-button][alpha],
  a[matcha-button][link],
  button[matcha-icon-button][outline],
  button[matcha-icon-button][basic],
  button[matcha-icon-button][alpha],
  button[matcha-icon-button][link],
  a[matcha-icon-button][outline],
  a[matcha-icon-button][basic],
  a[matcha-icon-button][alpha],
  a[matcha-icon-button][link] {
    background: transparent !important;
    border-color: CanvasText !important;
    color: CanvasText !important;
  }
  button[matcha-button][disabled], button[matcha-button].is-disabled,
  a[matcha-button][disabled],
  a[matcha-button].is-disabled,
  button[matcha-icon-button][disabled],
  button[matcha-icon-button].is-disabled,
  a[matcha-icon-button][disabled],
  a[matcha-icon-button].is-disabled {
    color: GrayText !important;
    border-color: GrayText !important;
  }
  button[matcha-button]:focus-visible,
  a[matcha-button]:focus-visible,
  button[matcha-icon-button]:focus-visible,
  a[matcha-icon-button]:focus-visible {
    outline: 2px solid CanvasText !important;
    outline-offset: 2px;
  }
}
@media print {
  button[matcha-button],
  a[matcha-button],
  button[matcha-icon-button],
  a[matcha-icon-button] {
    display: none !important;
  }
}
@media (forced-colors: active) {
  matcha-button-toggle .button-group button[matcha-button],
  matcha-button-toggle .button-group a[matcha-button] {
    border: 1px solid CanvasText;
  }
  matcha-button-toggle .button-group button[matcha-button][active],
  matcha-button-toggle .button-group a[matcha-button][active] {
    background: SelectedItem !important;
    color: SelectedItemText !important;
    border-color: SelectedItem;
  }
  matcha-button-toggle .button-group button[matcha-button]:focus-visible,
  matcha-button-toggle .button-group a[matcha-button]:focus-visible {
    outline: 2px solid CanvasText !important;
    outline-offset: -4px;
  }
}
@media (prefers-reduced-motion: reduce) {
  matcha-button-toggle .button-group button[matcha-button],
  matcha-button-toggle .button-group a[matcha-button] {
    transition: none !important;
    animation: none !important;
  }
}
@media print {
  matcha-button-toggle {
    display: none !important;
  }
}
matcha-button-toggle {
  display: inline-flex;
  max-width: 100%;
}

matcha-button-toggle:has(> matcha-label) {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--matcha-space-075, 6px);
}

matcha-button-toggle .button-group {
  display: flex;
  align-items: stretch;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--matcha-color-text-placeholder) transparent;
}

matcha-button-toggle .button-group::-webkit-scrollbar {
  height: 6px;
}

matcha-button-toggle .button-group::-webkit-scrollbar-track {
  background: transparent;
}

matcha-button-toggle .button-group::-webkit-scrollbar-thumb {
  background: var(--matcha-color-text-placeholder);
  border-radius: 3px;
}

matcha-button-toggle .button-group::-webkit-scrollbar-thumb:hover {
  background: var(--matcha-color-text-secondary);
}

matcha-button-toggle .button-group > button[matcha-button],
matcha-button-toggle .button-group > a[matcha-button] {
  flex: 0 0 auto;
  white-space: nowrap;
}

matcha-button-toggle[stretched]:not([stretched=false]) {
  display: flex;
  width: 100%;
}

matcha-button-toggle[stretched]:not([stretched=false]) .button-group {
  width: 100%;
}

matcha-button-toggle[stretched]:not([stretched=false]) .button-group > button[matcha-button],
matcha-button-toggle[stretched]:not([stretched=false]) .button-group > a[matcha-button] {
  flex: 1 1 0;
}

matcha-button-toggle .button-group.gap-0 {
  gap: 0 !important;
}

matcha-button-toggle .button-group.gap-0 button[matcha-button],
matcha-button-toggle .button-group.gap-0 a[matcha-button] {
  position: relative;
  border-radius: 0;
}

matcha-button-toggle .button-group.gap-0 button[matcha-button]:first-child,
matcha-button-toggle .button-group.gap-0 a[matcha-button]:first-child {
  border-top-left-radius: var(--matcha-radius-lg, 8px);
  border-bottom-left-radius: var(--matcha-radius-lg, 8px);
}

matcha-button-toggle .button-group.gap-0 button[matcha-button]:last-child,
matcha-button-toggle .button-group.gap-0 a[matcha-button]:last-child {
  border-top-right-radius: var(--matcha-radius-lg, 8px);
  border-bottom-right-radius: var(--matcha-radius-lg, 8px);
}

matcha-button-toggle .button-group.gap-0 button[matcha-button]:not(:first-child),
matcha-button-toggle .button-group.gap-0 a[matcha-button]:not(:first-child) {
  margin-left: calc(-1 * var(--matcha-border-thin, 2px));
}

matcha-button-toggle .button-group.gap-0 button[matcha-button][active]:not([active=false]), matcha-button-toggle .button-group.gap-0 button[matcha-button]:not([outline]):not([basic]):not([ghost])[color],
matcha-button-toggle .button-group.gap-0 a[matcha-button][active]:not([active=false]),
matcha-button-toggle .button-group.gap-0 a[matcha-button]:not([outline]):not([basic]):not([ghost])[color] {
  z-index: 1;
}

matcha-button-toggle[readonly] .button-group button[matcha-button],
matcha-button-toggle[readonly] .button-group a[matcha-button] {
  cursor: default;
}

matcha-card,
.matcha-card,
.matcha-card-flat {
  padding: var(--matcha-space-200, 16px);
  border-radius: var(--matcha-radius-xl, 16px);
  display: flex;
  flex-direction: column;
}

matcha-card.matcha-card--horizontal,
.matcha-card.matcha-card--horizontal,
.matcha-card-flat.matcha-card--horizontal {
  flex-direction: row;
}

matcha-card-border, matcha-card-border-left,
.matcha-card-border,
.matcha-card-border-left,
.matcha-card-flat-border,
.matcha-card-flat-border-left {
  border-left: var(--matcha-border-thick, 8px) solid;
}

matcha-card-border-right,
.matcha-card-border-right,
.matcha-card-flat-border-right {
  border-right: var(--matcha-border-thick, 8px) solid;
}

matcha-card.disabled,
.matcha-card.disabled,
.matcha-card-flat.disabled {
  opacity: var(--matcha-opacity-disabled, 0.38);
  pointer-events: none;
  transition: opacity 100ms linear;
}

matcha-card.enabled,
.matcha-card.enabled,
.matcha-card-flat.enabled {
  opacity: 1;
  transition: opacity 100ms linear;
}

matcha-card.variable-width,
.matcha-card.variable-width,
.matcha-card-flat.variable-width {
  min-width: 0;
}

matcha-card.auto-width,
.matcha-card.auto-width,
.matcha-card-flat.auto-width {
  min-width: 0;
  max-width: none;
}

matcha-card.fixed-width,
.matcha-card.fixed-width,
.matcha-card-flat.fixed-width {
  min-width: 264px;
  max-width: 264px;
  width: 264px;
}

matcha-card .card-divider,
.matcha-card .card-divider,
.matcha-card-flat .card-divider {
  margin: var(--matcha-space-200, 16px);
}

matcha-card .card-divider.full-width,
.matcha-card .card-divider.full-width,
.matcha-card-flat .card-divider.full-width {
  margin: 0;
}

matcha-card .card-expand-area,
.matcha-card .card-expand-area,
.matcha-card-flat .card-expand-area {
  overflow: hidden;
}

matcha-card .card-expand-area .card-expanded-content,
.matcha-card .card-expand-area .card-expanded-content,
.matcha-card-flat .card-expand-area .card-expanded-content {
  padding: var(--matcha-space-100, 8px) var(--matcha-space-200, 16px) var(--matcha-space-200, 16px);
  line-height: 1.75;
}

@media (prefers-reduced-motion: reduce) {
  matcha-card.disabled, matcha-card.enabled,
  .matcha-card.disabled,
  .matcha-card.enabled,
  .matcha-card-flat.disabled,
  .matcha-card-flat.enabled {
    transition: none;
  }
}
@media (forced-colors: active) {
  matcha-card,
  .matcha-card,
  .matcha-card-flat {
    border: 1px solid CanvasText !important;
    background: Canvas !important;
    box-shadow: none !important;
  }
}
@media print {
  matcha-card,
  .matcha-card,
  .matcha-card-flat {
    box-shadow: none !important;
    break-inside: avoid;
  }
}
.matcha-color-pick .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-label-content {
  width: 100%;
}

.matcha-color-pick .is-selected {
  border-radius: var(--matcha-radius-lg, 8px);
}

@keyframes drop-zone-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 32px 0, 32px 0, 32px 0;
  }
}
@keyframes pulse-reject {
  0% {
    opacity: 0.5;
    transform: scaleY(1);
  }
  100% {
    opacity: 1;
    transform: scaleY(1.5);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  75% {
    transform: translateX(2px);
  }
}
@keyframes drag-glow {
  0% {
    opacity: 0.1;
  }
  100% {
    opacity: 0.3;
  }
}
matcha-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  block-size: var(--matcha-header-height, 56px);
  padding-block: var(--matcha-space-100, 8px);
  padding-inline-start: var(--matcha-space-200, 16px);
  padding-inline-end: var(--matcha-space-300, 24px);
  gap: var(--matcha-space-200, 16px);
  border-end-start-radius: var(--matcha-radius-lg, 8px);
  border-end-end-radius: var(--matcha-radius-lg, 8px);
  box-shadow: var(--matcha-shadow-1);
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-label-sm, 13px);
  line-height: var(--matcha-leading-label-sm, 19px);
}

matcha-header .matcha-header__slot {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-200, 16px);
  min-width: 0;
}

matcha-header .matcha-header__slot:not(:has(*)) {
  display: none;
}

matcha-header .matcha-header__slot--left {
  flex: 1 1 auto;
  justify-content: flex-start;
}

matcha-header .matcha-header__slot--right {
  flex: 0 0 auto;
  justify-content: flex-end;
}

matcha-header .matcha-header__menu-trigger {
  flex-shrink: 0;
}

@media (forced-colors: active) {
  matcha-header {
    border-bottom: 1px solid CanvasText;
  }
}
@media (prefers-reduced-motion: reduce) {
  matcha-header {
    transition: none !important;
    animation: none !important;
  }
}
@media print {
  matcha-header {
    display: none;
  }
}
@media (min-width: 1024px) {
  matcha-header .matcha-header__menu-trigger {
    display: none !important;
  }
}
@media screen and (max-width: 479px) {
  matcha-header {
    block-size: var(--matcha-grid-header-height-mobile, 48px);
    padding-inline-start: var(--matcha-space-200, 16px);
    padding-inline-end: var(--matcha-space-200, 16px);
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }
}
.matcha-header__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: var(--matcha-space-600, 48px);
  padding: var(--matcha-space-100, 8px) var(--matcha-space-300, 24px) var(--matcha-space-100, 8px) var(--matcha-space-200, 16px);
  gap: var(--matcha-space-200, 16px);
}

.matcha-header .matcha-header-left {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-200, 16px);
  flex: 1;
  min-width: 0;
}

.matcha-header .matcha-header-right {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-200, 16px);
}

.matcha-header .matcha-header-user {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  cursor: pointer;
}

.matcha-header .matcha-header-church-id {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-p-tiny, 11px);
  line-height: var(--matcha-leading-p-tiny, 14px);
  letter-spacing: var(--matcha-letter-spacing-caption, 0.3px);
  white-space: nowrap;
}

.matcha-header .matcha-header-user-name {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-label-sm, 13px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-label-sm, 19px);
  letter-spacing: var(--matcha-letter-spacing-button, 0.2px);
  white-space: nowrap;
}

.matcha-header-profile {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-200, 16px);
  padding: var(--matcha-space-300, 24px);
  border-radius: var(--matcha-radius-lg, 8px);
  width: 100%;
}

.matcha-header-profile .profile-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--matcha-space-100, 8px);
}

.matcha-header-profile .profile-back {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
}

.matcha-header-profile .profile-dates {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-200, 16px);
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  line-height: var(--matcha-leading-body-md, 20px);
}

.matcha-header-profile .profile-row {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-200, 16px);
  width: 100%;
}

.matcha-header-profile .profile-info {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-050, 4px);
  flex: 1;
  min-width: 0;
}

.matcha-header-profile .profile-name {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-display, 32px);
  font-weight: var(--matcha-weight-bold, 700);
  line-height: var(--matcha-leading-display, 40px);
}

.matcha-header-profile .profile-meta {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  flex-wrap: wrap;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-sm, 12px);
  line-height: var(--matcha-leading-body-sm, 16px);
}

.matcha-header-profile .profile-actions {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
}

.matcha-header-profile .profile-church {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--matcha-space-100, 8px);
  width: 100%;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-title-sm, 16px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-title-sm, 22px);
}

.matcha-header-profile .profile-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--matcha-space-200, 16px);
  width: 100%;
}

.matcha-header-profile .profile-functions {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-050, 4px);
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  line-height: var(--matcha-leading-body-md, 20px);
}

.matcha-header-profile .profile-enrollment {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  line-height: var(--matcha-leading-body-md, 20px);
}

@media screen and (max-width: 479px) {
  .matcha-header__content {
    height: var(--matcha-space-600, 48px);
    padding: var(--matcha-space-100, 8px) var(--matcha-space-200, 16px);
  }
  .matcha-header .matcha-header-user-name {
    display: none;
  }
  .matcha-header-profile .profile-nav {
    flex-direction: column;
    align-items: flex-start;
  }
  .matcha-header-profile .profile-dates {
    flex-wrap: wrap;
  }
  .matcha-header-profile .profile-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .matcha-header-profile .profile-name {
    font-size: var(--matcha-text-title-md, 18px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-md, 24px);
  }
  .matcha-header-profile .profile-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--matcha-space-100, 8px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .matcha-header-profile .profile-edit,
  .matcha-header-profile .profile-back {
    transition: none;
  }
}
.svg-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

.svg-line line {
  stroke-width: var(--matcha-border-medium, 4px);
}

.child {
  display: flex;
  position: relative;
  pointer-events: none;
}

.child div {
  pointer-events: all;
}

.child .the-line-connect-first {
  width: 56px;
  height: var(--matcha-border-medium, 4px);
  margin: 56px -16px 56px -40px;
  display: flex;
  position: absolute;
  z-index: 0;
  background: transparent;
}

.child .the-line-connect {
  width: 56px;
  height: 92px;
  margin: -34px -16px 56px -40px;
  display: flex;
  position: absolute;
  z-index: 0;
  background: transparent;
  border-radius: 0 0 0 40px;
}

.child .the-line-connect-last {
  width: 56px;
  height: 136px;
  margin: -80px -16px 56px -40px;
  display: flex;
  position: absolute;
  z-index: 0;
  border-radius: 0 0 0 40px;
  background: transparent;
}

.child .the-line-connect-first-modal {
  width: 56px;
  height: var(--matcha-border-medium, 4px);
  margin: 56px -16px 56px -40px;
  display: flex;
  position: absolute;
  z-index: 0;
  background: transparent;
}

.child .the-line-connect-second-modal {
  width: 56px;
  border-radius: 0 0 0 40px;
  z-index: 1;
  margin: -16px -16px 56px -40px;
  height: 72px;
  display: flex;
  position: absolute;
  background: transparent;
}

.child .the-line-connect-last-modal {
  width: 56px;
  height: 150px;
  margin: -90px -16px 56px -40px;
  display: flex;
  position: absolute;
  border-radius: 0 0 0 40px;
  z-index: 1;
  background: transparent;
}

.child .the-line-connect-middle {
  height: 92px;
  margin: -34px -16px 56px -40px;
  width: 56px;
  border-radius: 0 0 0 40px;
  z-index: 0;
  display: flex;
  position: absolute;
  background: transparent;
}

.tree-node {
  min-width: 264px;
  max-width: 264px;
  width: 264px;
  height: 80px;
  z-index: 1;
}

.tree-node-content-profile-name {
  width: calc(100% - 48px);
  display: block;
  line-height: var(--matcha-leading-body-md, 20px);
  font-size: var(--matcha-text-title-sm, 16px);
  margin: 0 0 0 var(--matcha-space-100, 8px);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
}

.tree-first-node {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 264px;
  max-width: 264px;
  width: 264px;
  height: 80px;
  margin: var(--matcha-space-200, 16px) var(--matcha-space-200, 16px) -10px var(--matcha-space-200, 16px);
  border-radius: var(--matcha-radius-lg, 8px);
  position: relative;
  z-index: 1;
}

.tree-first-node-begin {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-title-sm, 16px);
  font-weight: var(--matcha-weight-bold, 700);
  line-height: var(--matcha-leading-body-sm, 16px);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
}

.tree-first-node-begin-btn-add-node {
  width: var(--matcha-icon-size-md, 24px);
  height: var(--matcha-icon-size-md, 24px);
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.tree-first-node-begin-btn-add-node-i {
  line-height: var(--matcha-leading-body-sm, 16px);
  border-radius: var(--matcha-radius-pill, 9999px);
}

.matcha-horizontal-tree {
  overflow: auto;
  user-select: none;
  -webkit-user-select: none;
}

matcha-menu,
matcha-menu > matcha-panel {
  display: contents;
}

.matcha-menu-content button,
.matcha-menu-content [matcha-button] {
  position: relative;
  overflow: hidden;
}

.matcha-menu-content button::before,
.matcha-menu-content [matcha-button]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  opacity: 0;
  border-radius: inherit;
  pointer-events: none;
  transition: opacity var(--matcha-duration-instant, 80ms) linear;
}

.matcha-menu-content button:hover:not([disabled])::before,
.matcha-menu-content [matcha-button]:hover:not([disabled])::before {
  opacity: var(--matcha-state-hover, 0.08);
}

.matcha-menu-content button:active:not([disabled])::before,
.matcha-menu-content [matcha-button]:active:not([disabled])::before {
  opacity: var(--matcha-state-active, 0.12);
}

@media (prefers-reduced-motion: reduce) {
  .matcha-menu-content button::before,
  .matcha-menu-content [matcha-button]::before {
    transition: none;
  }
}
.matcha-menu-content button[disabled],
.matcha-menu-content [matcha-button][disabled] {
  pointer-events: none;
}

matcha-progress-bar {
  display: block;
  width: 100%;
}

matcha-progress-bar .progress {
  position: relative;
  display: block;
  width: 100%;
  height: var(--matcha-space-050, 4px);
  background-color: var(--matcha-color-disabled-bg, #282C34);
  border-radius: var(--matcha-radius-sm, 2px);
  overflow: hidden;
}

matcha-progress-bar .progress-fill {
  position: relative;
  z-index: 2;
  height: 100%;
  background-color: var(--matcha-progress-fill);
  border-radius: var(--matcha-radius-sm, 2px);
  transition: width var(--matcha-duration-fast, 200ms) ease;
}

matcha-progress-bar .progress-text {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  padding-left: var(--matcha-space-100, 8px);
  font-family: var(--matcha-font-family);
  white-space: nowrap;
  pointer-events: none;
}

matcha-progress-bar .progress-text-bg {
  z-index: 1;
  color: var(--matcha-progress-label-on-track);
}

matcha-progress-bar .progress-text-fg {
  z-index: 3;
  color: var(--matcha-progress-label-on-fill);
  transition: clip-path var(--matcha-duration-fast, 200ms) ease;
}

matcha-progress-bar .progress-indeterminate {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background-color: transparent;
}

matcha-progress-bar .progress-indeterminate::before, matcha-progress-bar .progress-indeterminate::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: var(--matcha-progress-fill);
  will-change: left, right;
}

matcha-progress-bar .progress-indeterminate::before {
  animation: matcha-progress-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

matcha-progress-bar .progress-indeterminate::after {
  animation: matcha-progress-indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation-delay: 1.15s;
}

matcha-progress-bar[size=xs] .progress, matcha-progress-bar[size=tiny] .progress {
  height: var(--matcha-space-050, 4px);
}

matcha-progress-bar[size=sm] .progress, matcha-progress-bar[size=small] .progress {
  height: var(--matcha-space-200, 16px);
  border-radius: var(--matcha-radius-md, 4px);
}

matcha-progress-bar[size=sm] .progress-fill, matcha-progress-bar[size=small] .progress-fill {
  border-radius: var(--matcha-radius-md, 4px);
}

matcha-progress-bar[size=sm] .progress-text, matcha-progress-bar[size=small] .progress-text {
  font-size: var(--matcha-text-p-tiny, 11px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-p-tiny, 14px);
  letter-spacing: 0.3px;
}

matcha-progress-bar[size=md] .progress, matcha-progress-bar[size=medium] .progress {
  height: var(--matcha-space-400, 32px);
  border-radius: var(--matcha-radius-md, 4px);
}

matcha-progress-bar[size=md] .progress-fill, matcha-progress-bar[size=medium] .progress-fill {
  border-radius: var(--matcha-radius-md, 4px);
}

matcha-progress-bar[size=md] .progress-text, matcha-progress-bar[size=medium] .progress-text {
  font-size: var(--matcha-text-label-md, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-label-md, 20px);
}

matcha-progress-bar[type=multi-level] .progress--multi {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

matcha-progress-bar[type=multi-level] .progress-segment-color {
  height: 100%;
}

matcha-progress-bar[type=multi-level][size=sm] .progress, matcha-progress-bar[type=multi-level][size=small] .progress {
  height: var(--matcha-space-200, 16px);
  border-radius: var(--matcha-radius-sm, 2px);
}

matcha-progress-bar[type=multi-level][size=md] .progress, matcha-progress-bar[type=multi-level][size=medium] .progress {
  height: var(--matcha-space-400, 32px);
  border-radius: var(--matcha-radius-md, 4px);
}

matcha-progress-bar[type=informative] .progress-info {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--matcha-space-100, 8px);
  padding: var(--matcha-space-200, 16px);
  background: var(--matcha-color-surface-card, #1c1f26);
  box-shadow: var(--matcha-shadow-1, 0px 2px 8px rgba(0, 0, 0, 0.08));
  border-radius: var(--matcha-radius-lg, 8px);
}

matcha-progress-bar[type=informative] .progress-info__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
}

matcha-progress-bar[type=informative] .progress-info__percentage {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-label-sm, 12px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-label-sm, 16px);
  color: var(--matcha-color-text-primary, #e8eaed);
  flex: none;
}

matcha-progress-bar[type=informative] .progress-info__description {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-sm, 12px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-sm, 16px);
  color: var(--matcha-color-text-primary, #e8eaed);
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

matcha-progress-bar[type=informative] .progress-info__eta {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-p-tiny, 11px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-p-tiny, 14px);
  letter-spacing: 0.3px;
  color: var(--matcha-color-text-secondary, rgba(255, 255, 255, 0.7));
  flex: none;
}

matcha-progress-bar[type=informative] .progress--info-track {
  height: var(--matcha-space-050, 4px);
  border-radius: var(--matcha-radius-sm, 2px);
}

matcha-progress-bar[type=segmented] .progress-segmented {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: var(--matcha-space-050, 4px);
  width: 100%;
}

matcha-progress-bar[type=segmented] .progress-segment {
  flex: 1 1 0;
  height: var(--matcha-space-100, 8px);
  background: var(--matcha-color-disabled-bg, #282C34);
  border-radius: var(--matcha-radius-pill, 9999px);
  transition: background var(--matcha-duration-fast, 200ms) ease;
}

matcha-progress-bar[type=segmented] .progress-segment.is-filled {
  background: var(--matcha-progress-fill);
}

matcha-progress-bar[type=segmented][size=sm] .progress-segment, matcha-progress-bar[type=segmented][size=small] .progress-segment {
  height: var(--matcha-space-200, 16px);
}

matcha-progress-bar[type=segmented][size=md] .progress-segment, matcha-progress-bar[type=segmented][size=medium] .progress-segment {
  height: var(--matcha-space-400, 32px);
}

@keyframes matcha-progress-indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes matcha-progress-indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@media (prefers-reduced-motion: reduce) {
  matcha-progress-bar .progress-fill {
    transition: none;
  }
  matcha-progress-bar .progress-text-fg {
    transition: none;
  }
  matcha-progress-bar .progress-indeterminate,
  matcha-progress-bar .progress-indeterminate::before,
  matcha-progress-bar .progress-indeterminate::after {
    animation: none;
  }
  matcha-progress-bar .progress-segment {
    transition: none;
  }
}
@media (forced-colors: active) {
  matcha-progress-bar .progress {
    background: Canvas !important;
    border: 1px solid CanvasText !important;
  }
  matcha-progress-bar .progress-fill,
  matcha-progress-bar .progress-segment.is-filled {
    background: Highlight !important;
  }
  matcha-progress-bar .progress-segment:not(.is-filled) {
    background: Canvas !important;
    border: 1px solid CanvasText !important;
  }
}
@media print {
  matcha-progress-bar .progress-indeterminate {
    display: none !important;
  }
}
.matcha-skeleton-card {
  display: flex;
  flex-direction: column;
  padding: 0;
  border-radius: var(--matcha-radius-xl, 16px);
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
}

.matcha-skeleton-card__avatar {
  width: 48px;
  height: 48px;
  border-radius: var(--matcha-radius-pill, 9999px);
  margin: var(--matcha-space-200, 16px);
}

.matcha-skeleton-card__body {
  display: flex;
  flex-direction: column;
  padding: var(--matcha-space-200, 16px);
  gap: var(--matcha-space-200, 16px);
}

.matcha-skeleton-card__image {
  display: flex;
  flex-direction: column;
  padding: var(--matcha-space-200, 16px);
}

.matcha-skeleton-line {
  height: 16px;
  width: 100%;
  border-radius: var(--matcha-radius-pill, 9999px);
}

.matcha-skeleton-line--60 {
  width: 60%;
}

.matcha-skeleton-line--30 {
  width: 30%;
}

.matcha-skeleton-table {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: var(--matcha-radius-xl, 16px);
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
}

.matcha-skeleton-table__header {
  display: flex;
  flex-direction: column;
  height: 64px;
}

.matcha-skeleton-table__row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: var(--matcha-space-200, 16px);
  height: 80px;
  padding: 0 var(--matcha-space-200, 16px);
}

.matcha-skeleton-table__cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--matcha-space-200, 16px);
  width: 100%;
}

.matcha-skeleton-table__cell-avatar {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: var(--matcha-radius-pill, 9999px);
  flex-shrink: 0;
}

.matcha-skeleton-table__cell-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--matcha-space-200, 16px);
  width: 100%;
}

@media (forced-colors: active) {
  .skeleton,
  .skeleton-block,
  .matcha-skeleton-line,
  .matcha-skeleton-card__avatar,
  .matcha-skeleton-table__header,
  .matcha-skeleton-table__cell-avatar {
    background: GrayText !important;
  }
  .skeleton-animated-background {
    border: 1px solid CanvasText;
  }
}
@media print {
  .skeleton,
  matcha-skeleton {
    display: none !important;
  }
}
.matcha-cell-media {
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  max-width: 100%;
}

.matcha-cell-media__thumb {
  flex-shrink: 0;
  display: flex;
}

.matcha-cell-media__thumb matcha-image {
  height: 100%;
  width: auto;
}

.matcha-cell-media__thumb .matcha-image__placeholder-icon {
  width: var(--matcha-icon-size-md, 24px);
  height: var(--matcha-icon-size-md, 24px);
}

.matcha-cell-media__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.matcha-cell-media__name,
.matcha-cell-media__caption {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.matcha-cell-media__caption {
  font-variant-numeric: tabular-nums;
}

matcha-contact {
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  min-width: 0;
}

matcha-contact .matcha-contact__icon.is-whatsapp {
  --matcha-icon-color: var(--matcha-color-success);
}

matcha-contact .matcha-contact__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

matcha-contact .matcha-contact__link {
  color: inherit;
  text-decoration: none;
}

matcha-contact .matcha-contact__link:hover {
  text-decoration: underline;
}

matcha-contact .matcha-contact__empty {
  color: var(--matcha-color-text-muted);
  font-style: italic;
}

.matcha-tooltip-content {
  position: absolute;
  z-index: var(--matcha-z-tooltip, 400);
  padding: var(--matcha-space-100, 8px) var(--matcha-space-200, 16px);
  border-radius: var(--matcha-radius-lg, 8px);
  font-family: var(--matcha-font-family, "Manrope", sans-serif);
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-body-md, 20px);
  letter-spacing: 0.2px;
  width: auto;
  max-width: 500px;
  text-overflow: ellipsis;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--matcha-space-100, 8px);
  text-align: center;
  pointer-events: none;
}

.matcha-tooltip-content.matcha-tooltip-content--with-close {
  padding-right: var(--matcha-space-150, 12px);
  pointer-events: auto;
}

.matcha-tooltip-text {
  white-space: pre-line;
  overflow-wrap: anywhere;
  text-align: var(--matcha-tooltip-text-align, center);
}

.matcha-tooltip-content_above::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 7px 0 7px;
  bottom: -6px;
  left: calc(50% + var(--matcha-tooltip-arrow-shift-x, 0px));
  transform: translateX(-50%);
}

.matcha-tooltip-content_below::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 6px 7px;
  top: -6px;
  left: calc(50% + var(--matcha-tooltip-arrow-shift-x, 0px));
  transform: translateX(-50%);
}

.matcha-tooltip-content_left::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 6px;
  top: calc(50% + var(--matcha-tooltip-arrow-shift-y, 0px));
  right: -6px;
  transform: translateY(-50%);
}

.matcha-tooltip-content_right::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 6px 7px 0;
  top: calc(50% + var(--matcha-tooltip-arrow-shift-y, 0px));
  left: -6px;
  transform: translateY(-50%);
}

.matcha-tooltip-close {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  pointer-events: auto;
  transition: opacity var(--matcha-duration-instant, 80ms) ease;
}

.matcha-tooltip-close::before {
  content: "\e92a";
  font-family: "MatchaIcons";
  font-size: var(--matcha-icon-size-sm, 16px);
  line-height: 16px;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.matcha-tooltip-close:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-primary);
  outline-offset: 2px;
  border-radius: var(--matcha-radius-sm, 4px);
}

@media (forced-colors: active) {
  .matcha-tooltip-content {
    background: Canvas !important;
    color: CanvasText !important;
    border: 1px solid CanvasText;
    box-shadow: none !important;
  }
  .matcha-tooltip-content_above::after,
  .matcha-tooltip-content_below::after,
  .matcha-tooltip-content_left::after,
  .matcha-tooltip-content_right::after {
    display: none;
  }
  .matcha-tooltip-close:focus-visible {
    outline: 2px solid CanvasText !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .matcha-tooltip-content {
    transition: none !important;
    animation: none !important;
  }
  .matcha-tooltip-close {
    transition: none !important;
  }
}
@media print {
  .matcha-tooltip-content {
    display: none !important;
  }
}
.matcha-form-field-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--matcha-space-075, 6px);
  width: 100%;
}

.matcha-form-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  width: 100%;
  min-height: 44px;
  padding: 0 var(--matcha-space-150, 12px);
  border: var(--matcha-border-thin, 2px) solid var(--matcha-color-surface-border, #E1E7E2);
  border-radius: var(--matcha-radius-lg, 8px);
  background: transparent;
  box-sizing: border-box;
  transition: border-color var(--matcha-duration-fast, 200ms);
}

.matcha-form-field .matcha-form-field-prefix,
.matcha-form-field .matcha-form-field-suffix {
  display: inline-flex;
  align-items: center;
  flex: none;
  color: var(--matcha-color-text-label);
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-font-size-sm, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-md, 20px);
  -webkit-user-select: none;
          user-select: none;
}

.matcha-form-field .matcha-form-field-prefix:not(:empty) + * {
  padding-left: 0;
}

.matcha-form-field:hover {
  border-color: var(--matcha-color-surface-border-strong);
}

.matcha-form-field:focus-within {
  border-color: var(--matcha-color-primary, #1664C2);
}

.matcha-form-field[data-color=accent] {
  border-color: var(--matcha-color-accent);
}

.matcha-form-field[data-color=primary] {
  border-color: var(--matcha-color-primary);
}

.matcha-form-field[data-color=danger] {
  border-color: var(--matcha-color-danger);
}

.matcha-form-field[data-color=warn] {
  border-color: var(--matcha-color-warn);
}

.matcha-form-field[data-color=success] {
  border-color: var(--matcha-color-success);
}

.matcha-form-field[data-color=info] {
  border-color: var(--matcha-color-info);
}

matcha-form-field[size=sm] .matcha-form-field,
matcha-form-field[size=tiny] .matcha-form-field,
matcha-form-field[size=small] .matcha-form-field {
  min-height: 36px;
  padding: 0 var(--matcha-space-150, 12px);
}

matcha-form-field[size=md] .matcha-form-field,
matcha-form-field[size=medium] .matcha-form-field {
  min-height: 44px;
  padding: 0 var(--matcha-space-150, 12px);
}

matcha-form-field[size=lg] .matcha-form-field,
matcha-form-field[size=large] .matcha-form-field,
matcha-form-field[size=huge] .matcha-form-field {
  min-height: 52px;
  padding: 0 var(--matcha-space-200, 16px);
}

matcha-form-field[disabled]:not([disabled=false]) {
  opacity: var(--matcha-opacity-disabled, 0.38);
}

matcha-form-field[disabled]:not([disabled=false]) .matcha-form-field {
  pointer-events: none;
  cursor: default;
}

matcha-form-field[disabled]:not([disabled=false]) .matcha-label-tooltip {
  opacity: calc(1 / var(--matcha-opacity-disabled, 0.38));
  pointer-events: auto;
}

.matcha-form-field-disabled {
  pointer-events: none;
}

matcha-form-field[error]:not([error=false]) .matcha-form-field {
  border-color: var(--matcha-color-danger);
}

matcha-form-field.is-state-focus .matcha-form-field {
  border-color: var(--matcha-color-primary) !important;
}

matcha-form-field.is-state-disabled {
  opacity: var(--matcha-opacity-disabled, 0.38);
  pointer-events: none;
}

.matcha-form-field:has(matcha-field-range) {
  border: none;
  background: transparent;
  padding: 0;
  min-height: 0;
  gap: 0;
}

matcha-form-field[size=sm] .matcha-form-field:has(matcha-field-range),
matcha-form-field[size=tiny] .matcha-form-field:has(matcha-field-range),
matcha-form-field[size=small] .matcha-form-field:has(matcha-field-range),
matcha-form-field[size=md] .matcha-form-field:has(matcha-field-range),
matcha-form-field[size=medium] .matcha-form-field:has(matcha-field-range),
matcha-form-field[size=lg] .matcha-form-field:has(matcha-field-range),
matcha-form-field[size=large] .matcha-form-field:has(matcha-field-range),
matcha-form-field[size=huge] .matcha-form-field:has(matcha-field-range) {
  min-height: 0;
  padding: 0;
  border: none;
}

matcha-form-field[error]:not([error=false]) .matcha-form-field:has(matcha-field-range) {
  border: none;
}

.matcha-form-field:has(textarea) {
  flex-direction: column;
  align-items: flex-start;
  padding: var(--matcha-space-150, 12px);
  min-height: 80px;
}

matcha-form-field[size=sm] .matcha-form-field:has(textarea),
matcha-form-field[size=tiny] .matcha-form-field:has(textarea),
matcha-form-field[size=small] .matcha-form-field:has(textarea) {
  min-height: 80px;
  padding: var(--matcha-space-150, 12px);
}

matcha-form-field[size=md] .matcha-form-field:has(textarea),
matcha-form-field[size=medium] .matcha-form-field:has(textarea) {
  min-height: 100px;
  padding: var(--matcha-space-150, 12px);
}

matcha-form-field[size=lg] .matcha-form-field:has(textarea),
matcha-form-field[size=large] .matcha-form-field:has(textarea),
matcha-form-field[size=huge] .matcha-form-field:has(textarea) {
  min-height: 120px;
  padding: var(--matcha-space-150, 12px) var(--matcha-space-200, 16px);
}

.matcha-form-field:has(input[type=search])::after {
  content: "\e90c";
  font-family: "MatchaIcons" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  color: var(--matcha-color-text-placeholder);
  font-size: 16px;
  line-height: 16px;
  flex: none;
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

matcha-form-field[size=md] .matcha-form-field:has(input[type=search])::after,
matcha-form-field[size=medium] .matcha-form-field:has(input[type=search])::after {
  font-size: 20px;
  line-height: 20px;
}

matcha-form-field[size=lg] .matcha-form-field:has(input[type=search])::after,
matcha-form-field[size=large] .matcha-form-field:has(input[type=search])::after,
matcha-form-field[size=huge] .matcha-form-field:has(input[type=search])::after {
  font-size: 24px;
  line-height: 24px;
}

.matcha-form-field:has(input[type=search]):has(.matcha-form-field-spinner)::after,
.matcha-form-field:has(.matcha-form-field-spinner) .matcha-clear-button {
  display: none !important;
}

.matcha-form-field:has(input[type=search]):has(.matcha-clear-button--visible)::after {
  display: none;
}

.matcha-form-field input,
.matcha-form-field input[type=text],
.matcha-form-field input[type=email],
.matcha-form-field input[type=tel],
.matcha-form-field input[type=url],
.matcha-form-field input[type=password],
.matcha-form-field input[type=number],
.matcha-form-field input[type=search],
.matcha-form-field input[type=date],
.matcha-form-field input[type=time],
.matcha-form-field textarea {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
  background-color: transparent;
  outline: none;
  box-shadow: none;
  border: none;
  padding: 0;
  margin: 0;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-font-size-sm, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-md, 20px);
  color: var(--matcha-color-text-primary);
  resize: none;
}

.matcha-form-field input::placeholder,
.matcha-form-field input[type=text]::placeholder,
.matcha-form-field input[type=email]::placeholder,
.matcha-form-field input[type=tel]::placeholder,
.matcha-form-field input[type=url]::placeholder,
.matcha-form-field input[type=password]::placeholder,
.matcha-form-field input[type=number]::placeholder,
.matcha-form-field input[type=search]::placeholder,
.matcha-form-field input[type=date]::placeholder,
.matcha-form-field input[type=time]::placeholder,
.matcha-form-field textarea::placeholder {
  color: var(--matcha-color-text-placeholder);
  opacity: 1;
}

.matcha-form-field input:disabled,
.matcha-form-field input[type=text]:disabled,
.matcha-form-field input[type=email]:disabled,
.matcha-form-field input[type=tel]:disabled,
.matcha-form-field input[type=url]:disabled,
.matcha-form-field input[type=password]:disabled,
.matcha-form-field input[type=number]:disabled,
.matcha-form-field input[type=search]:disabled,
.matcha-form-field input[type=date]:disabled,
.matcha-form-field input[type=time]:disabled,
.matcha-form-field textarea:disabled {
  color: var(--matcha-color-interaction-disabled-fg);
  -webkit-text-fill-color: var(--matcha-color-interaction-disabled-fg);
}

.matcha-form-field textarea {
  height: 100%;
  min-height: 100%;
  align-self: stretch;
}

.matcha-form-field textarea.matcha-autogrow {
  height: auto;
  min-height: 0;
}

.matcha-form-field textarea {
  scrollbar-width: thin;
  scrollbar-color: var(--matcha-color-text-placeholder) transparent;
}

.matcha-form-field textarea::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.matcha-form-field textarea::-webkit-scrollbar-track {
  background: transparent;
}

.matcha-form-field textarea::-webkit-scrollbar-thumb {
  background: var(--matcha-color-text-placeholder);
  border-radius: var(--matcha-radius-pill, 999px);
}

.matcha-form-field textarea::-webkit-scrollbar-thumb:hover {
  background: var(--matcha-color-text-secondary);
}

.matcha-form-field input:focus,
.matcha-form-field textarea:focus {
  outline: none;
}

.matcha-form-field input {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.matcha-form-field input::placeholder {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.matcha-form-field input:-webkit-autofill,
.matcha-form-field input:-webkit-autofill:hover,
.matcha-form-field input:-webkit-autofill:focus,
.matcha-form-field input:-webkit-autofill:active,
.matcha-form-field textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--matcha-color-surface-card) inset !important;
  -webkit-text-fill-color: var(--matcha-color-text-primary) !important;
  caret-color: var(--matcha-color-primary) !important;
  -webkit-transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

.matcha-form-field input,
.matcha-form-field textarea {
  caret-color: var(--matcha-color-primary);
}

.matcha-form-field input::selection,
.matcha-form-field textarea::selection {
  background-color: var(--matcha-color-accent);
  color: var(--matcha-color-accent-text-on);
}

.matcha-form-field matcha-select,
.matcha-form-field matcha-autocomplete,
.matcha-form-field matcha-date,
.matcha-form-field matcha-field-range,
.matcha-form-field matcha-time,
.matcha-form-field matcha-phone {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  padding: 0;
}

.matcha-form-field matcha-phone .matcha-phone {
  padding: 0;
  background: transparent;
  font-size: inherit;
  width: 100%;
}

.matcha-form-field matcha-date .matcha-date-container,
.matcha-form-field matcha-time .matcha-time-container {
  width: 100%;
  background: transparent;
  border: none;
  padding: 0;
  min-width: 0;
  gap: var(--matcha-space-100, 8px);
}

.matcha-form-field .matcha-password-toggle-button {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--matcha-color-text-placeholder);
  transition: color var(--matcha-duration-fast, 200ms) ease;
}

.matcha-form-field .matcha-password-toggle-button:hover:not(:disabled) {
  color: var(--matcha-color-text-primary);
}

.matcha-form-field .matcha-password-toggle-button:disabled {
  cursor: not-allowed;
  color: var(--matcha-color-interaction-disabled-fg);
}

.matcha-form-field .matcha-password-toggle-button:focus {
  outline: none;
}

.matcha-form-field .matcha-password-toggle-button:focus-visible {
  outline: 2px solid var(--matcha-color-primary);
  outline-offset: 2px;
  border-radius: var(--matcha-radius-md, 4px);
}

.matcha-form-field .matcha-password-toggle-button > [class^=i-matcha-],
.matcha-form-field .matcha-password-toggle-button > [class*=" i-matcha-"] {
  font-size: inherit !important;
  width: 1em !important;
  height: 1em !important;
  line-height: 1 !important;
  color: inherit !important;
}

.matcha-form-field .matcha-quantity-stepper {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-050, 4px);
}

.matcha-form-field .matcha-quantity-stepper-button {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--matcha-color-text-placeholder);
  transition: color var(--matcha-duration-fast, 200ms) ease;
}

.matcha-form-field .matcha-quantity-stepper-button:hover:not(:disabled) {
  color: var(--matcha-color-text-primary);
}

.matcha-form-field .matcha-quantity-stepper-button:disabled {
  cursor: not-allowed;
  color: var(--matcha-color-interaction-disabled-fg);
}

.matcha-form-field .matcha-quantity-stepper-button:focus {
  outline: none;
}

.matcha-form-field .matcha-quantity-stepper-button:focus-visible {
  outline: 2px solid var(--matcha-color-primary);
  outline-offset: 2px;
  border-radius: var(--matcha-radius-md, 4px);
}

.matcha-form-field .matcha-quantity-stepper-button > [class^=i-matcha-],
.matcha-form-field .matcha-quantity-stepper-button > [class*=" i-matcha-"] {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  line-height: 1 !important;
  color: inherit !important;
}

.matcha-form-field input[type=number][matchaQuantityStepper] {
  appearance: textfield;
}

.matcha-form-field input[type=number][matchaQuantityStepper]::-webkit-outer-spin-button, .matcha-form-field input[type=number][matchaQuantityStepper]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.matcha-form-field input[type=search]::-webkit-search-cancel-button, .matcha-form-field input[type=search]::-webkit-search-decoration, .matcha-form-field input[type=search]::-webkit-search-results-button, .matcha-form-field input[type=search]::-webkit-search-results-decoration {
  appearance: none;
  display: none;
}

.matcha-form-field .matcha-clear-button {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0 0 0 auto;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--matcha-color-text-placeholder);
  transition: color var(--matcha-duration-fast, 200ms) ease;
  position: relative;
}

.matcha-form-field .matcha-clear-button:hover:not(:disabled) {
  color: var(--matcha-color-text-primary);
}

.matcha-form-field .matcha-clear-button:focus {
  outline: none;
}

.matcha-form-field .matcha-clear-button:focus-visible {
  outline: 2px solid var(--matcha-color-primary);
  outline-offset: 2px;
  border-radius: var(--matcha-radius-md, 4px);
}

.matcha-form-field .matcha-clear-button > [class^=i-matcha-],
.matcha-form-field .matcha-clear-button > [class*=" i-matcha-"] {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  line-height: 1 !important;
  color: inherit !important;
}

.matcha-form-field .matcha-form-field-spinner {
  flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid var(--matcha-color-surface-border);
  border-top-color: var(--matcha-color-primary);
  border-radius: 50%;
  animation: matcha-spin 800ms linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .matcha-form-field .matcha-form-field-spinner {
    animation-duration: 2000ms;
  }
}
.matcha-form-field matcha-select,
.matcha-form-field .matcha-select-container,
.matcha-form-field .matcha-select-trigger {
  height: 100%;
}

.matcha-form-field .matcha-select-container,
.matcha-form-field .matcha-select-trigger {
  width: 100%;
}

.matcha-form-field .matcha-form-field-suffix {
  gap: var(--matcha-space-100, 8px);
}

.matcha-form-field .matcha-suffix {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
}

matcha-form-field[size=md] .matcha-password-toggle-button,
matcha-form-field[size=medium] .matcha-password-toggle-button {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

matcha-form-field[size=lg] .matcha-password-toggle-button,
matcha-form-field[size=large] .matcha-password-toggle-button,
matcha-form-field[size=huge] .matcha-password-toggle-button {
  width: 24px;
  height: 24px;
  font-size: 24px;
}

@keyframes matcha-spin {
  to {
    transform: rotate(360deg);
  }
}
matcha-form-field[readonly=true] .matcha-form-field {
  background: var(--matcha-color-surface-bg);
}

matcha-form-field[readonly=true] .matcha-form-field input, matcha-form-field[readonly=true] .matcha-form-field textarea {
  cursor: text;
  -webkit-user-select: text;
          user-select: text;
}

matcha-form-field[readonly=true] .matcha-form-field:hover {
  border-color: var(--matcha-color-surface-border);
}

@media (pointer: coarse) {
  .matcha-password-toggle-button,
  .matcha-quantity-stepper-button,
  .matcha-clear-button,
  matcha-date .matcha-date-picker-button,
  matcha-time .matcha-time-picker-button,
  matcha-field-range .matcha-field-range-button,
  matcha-phone .matcha-phone-country {
    position: relative;
  }
  .matcha-password-toggle-button::before,
  .matcha-quantity-stepper-button::before,
  .matcha-clear-button::before,
  matcha-date .matcha-date-picker-button::before,
  matcha-time .matcha-time-picker-button::before,
  matcha-field-range .matcha-field-range-button::before,
  matcha-phone .matcha-phone-country::before {
    content: "";
    position: absolute;
    inset: -14px;
  }
}
.matcha-char-counter {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-sm, 12px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-sm, 16px);
  color: var(--matcha-color-text-secondary);
  text-align: right;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
          user-select: none;
}

.matcha-form-field-wrapper > .matcha-char-counter {
  align-self: flex-end;
  transition: color var(--matcha-duration-fast, 200ms) ease;
}

.matcha-form-field-wrapper > .matcha-char-counter.is-near-limit:not(.is-at-limit) {
  color: var(--matcha-color-warn);
}

.matcha-form-field-wrapper > .matcha-char-counter.is-at-limit {
  color: var(--matcha-color-danger);
  font-weight: var(--matcha-weight-semibold, 600);
}

.matcha-form-field-wrapper > .matcha-caps-lock-hint {
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-050, 4px);
  align-self: flex-start;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-sm, 12px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-sm, 16px);
  color: var(--matcha-color-warn);
  margin-top: var(--matcha-space-050, 4px);
  -webkit-user-select: none;
          user-select: none;
}

.matcha-form-field-wrapper > .matcha-caps-lock-hint > [class^=i-matcha-] {
  font-size: 14px;
  line-height: 14px;
}

@media (forced-colors: active) {
  matcha-form-field .matcha-field-control,
  matcha-form-field .matcha-form-field__control {
    border: 1px solid CanvasText !important;
    background: Canvas !important;
    color: CanvasText !important;
  }
  matcha-form-field.is-focused .matcha-field-control, matcha-form-field.is-focused .matcha-form-field__control,
  matcha-form-field .matcha-field-control:focus-within,
  matcha-form-field .matcha-form-field__control:focus-within {
    outline: 2px solid CanvasText !important;
    outline-offset: 2px;
  }
  matcha-form-field.is-invalid .matcha-field-control, matcha-form-field.has-error .matcha-form-field__control {
    border-color: CanvasText !important;
    border-width: 2px !important;
  }
  matcha-form-field[disabled], matcha-form-field.is-disabled {
    opacity: 0.5;
  }
  matcha-form-field[disabled] .matcha-field-control,
  matcha-form-field[disabled] .matcha-form-field__control, matcha-form-field.is-disabled .matcha-field-control,
  matcha-form-field.is-disabled .matcha-form-field__control {
    border-color: GrayText !important;
    color: GrayText !important;
  }
}
@media print {
  matcha-form-field .matcha-field-control,
  matcha-form-field .matcha-form-field__control {
    border: 1px solid currentColor !important;
    background: transparent !important;
  }
}
.matcha-checkbox-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: var(--matcha-radius-pill);
  overflow: hidden;
  transition: background-color var(--matcha-duration-instant) var(--matcha-easing-standard), box-shadow var(--matcha-duration-instant) var(--matcha-easing-standard);
}

.matcha-checkbox-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  opacity: 0;
  border-radius: inherit;
  pointer-events: none;
  transition: opacity var(--matcha-duration-instant) linear;
}

matcha-checkbox:not([disabled]):not([readonly]) .matcha-checkbox-container:active::before {
  opacity: var(--matcha-state-active);
}

matcha-checkbox {
  display: inline-block;
  cursor: pointer;
}

matcha-checkbox > .matcha-checkbox {
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-100);
  cursor: pointer;
}

matcha-checkbox input[type=checkbox] {
  position: absolute;
  width: var(--matcha-border-hairline);
  height: var(--matcha-border-hairline);
  padding: 0;
  margin: calc(-1 * var(--matcha-border-hairline));
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

matcha-checkbox .matcha-checkbox-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  pointer-events: none;
  transition: color var(--matcha-duration-fast) var(--matcha-easing-standard);
}

matcha-checkbox .matcha-checkbox-text {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-025);
  min-width: 0;
}

matcha-checkbox .matcha-checkbox-label {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-sm);
  font-weight: var(--matcha-weight-regular);
  line-height: var(--matcha-leading-body-sm);
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}

matcha-checkbox .matcha-checkbox-required {
  color: var(--matcha-color-danger);
  margin-left: var(--matcha-space-025);
  -webkit-user-select: none;
          user-select: none;
}

matcha-checkbox .matcha-checkbox-description {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-p-tiny);
  font-weight: var(--matcha-weight-regular);
  line-height: var(--matcha-leading-p-tiny);
  letter-spacing: var(--matcha-letter-spacing-caption);
  color: var(--matcha-color-text-secondary);
  -webkit-user-select: none;
          user-select: none;
}

matcha-checkbox .matcha-checkbox-hint {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-p-tiny);
  font-weight: var(--matcha-weight-regular);
  line-height: var(--matcha-leading-p-tiny);
  letter-spacing: var(--matcha-letter-spacing-caption);
  color: var(--matcha-color-text-secondary);
  -webkit-user-select: none;
          user-select: none;
}

matcha-checkbox .matcha-checkbox-error .matcha-checkbox-hint {
  color: var(--matcha-color-danger);
}

matcha-checkbox .matcha-checkbox-error .matcha-checkbox-icon {
  color: var(--matcha-color-danger);
}

matcha-checkbox[disabled] {
  pointer-events: none;
  cursor: default;
  opacity: var(--matcha-opacity-secondary);
}

matcha-checkbox[disabled] .matcha-checkbox-label {
  cursor: default;
}

@media (prefers-reduced-motion: reduce) {
  matcha-checkbox .matcha-checkbox-container,
  matcha-checkbox .matcha-checkbox-container::before,
  matcha-checkbox .matcha-checkbox-icon {
    transition: none;
  }
}
@media (forced-colors: active) {
  matcha-checkbox .matcha-checkbox-box {
    border: 1px solid CanvasText !important;
    background: Canvas !important;
  }
  matcha-checkbox.is-checked .matcha-checkbox-box, matcha-checkbox[checked] .matcha-checkbox-box {
    background: Highlight !important;
    border-color: Highlight !important;
  }
  matcha-checkbox:focus-visible .matcha-checkbox-box {
    outline: 2px solid CanvasText !important;
    outline-offset: 2px;
  }
  matcha-checkbox.is-disabled, matcha-checkbox[disabled] {
    opacity: 0.5;
  }
  matcha-checkbox.is-disabled .matcha-checkbox-box, matcha-checkbox[disabled] .matcha-checkbox-box {
    border-color: GrayText !important;
  }
}
@media print {
  matcha-checkbox .matcha-checkbox-box {
    border: 1px solid currentColor !important;
  }
}
matcha-accordion {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-200, 16px);
  width: 100%;
}

matcha-accordion-item {
  display: block;
}

matcha-accordion-item .accordion-item {
  display: flex;
  flex-direction: column;
  padding: var(--matcha-space-200, 16px);
  overflow: hidden;
}

matcha-accordion-item .accordion-heading {
  margin: 0;
  font: inherit;
}

matcha-accordion-item .accordion-header-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--matcha-space-200, 16px);
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  position: relative;
}

matcha-accordion-item .accordion-header-button .accordion-header-slot {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  font-size: 18px;
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: 24px;
}

matcha-accordion-item .accordion-header-button .accordion-header-slot matcha-accordion-header {
  display: flex;
  align-items: center;
  max-width: 100%;
  min-width: 0;
}

matcha-accordion-item .accordion-header-button .accordion-header-slot matcha-title {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  flex: 1 1 auto;
  max-width: 100%;
  min-width: 0;
}

matcha-accordion-item .accordion-header-button .accordion-header-slot matcha-title > .matcha-title__text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: 24px;
}

matcha-accordion-item button.accordion-header-button {
  cursor: pointer;
}

matcha-accordion-item button.accordion-header-button:disabled {
  cursor: default;
}

matcha-accordion-item .accordion-header-state {
  position: absolute;
  inset: calc(var(--matcha-space-200, 16px) * -1);
  background: currentColor;
  opacity: 0;
  pointer-events: none;
  border-radius: var(--matcha-radius-lg, 8px);
  transition: opacity var(--matcha-duration-instant, 80ms) linear;
  mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);
}

matcha-accordion-item .accordion-trailing {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

matcha-accordion-item .accordion-chevron {
  width: var(--matcha-icon-size-sm, 16px);
  height: var(--matcha-icon-size-sm, 16px);
  transition: transform var(--matcha-duration-moderate, 300ms) cubic-bezier(0.4, 0, 0.2, 1);
}

matcha-accordion-item.is-open .accordion-chevron {
  transform: rotate(180deg);
}

matcha-accordion-item .accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  margin-top: 0;
  opacity: 0;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-lg, 16px);
  line-height: var(--matcha-leading-body-lg, 24px);
  transition: grid-template-rows var(--matcha-duration-moderate, 260ms) cubic-bezier(0.4, 0, 0.2, 1), margin-top var(--matcha-duration-moderate, 260ms) cubic-bezier(0.4, 0, 0.2, 1), opacity var(--matcha-duration-moderate, 260ms) cubic-bezier(0.4, 0, 0.2, 1);
}

matcha-accordion-item .accordion-content[hidden] {
  display: grid;
}

matcha-accordion-item.is-open .accordion-content {
  grid-template-rows: 1fr;
  margin-top: var(--matcha-space-200, 16px);
  opacity: 1;
}

matcha-accordion-item .accordion-content-inner {
  overflow: hidden;
  min-height: 0;
}

matcha-accordion-item .accordion-content-body {
  padding-top: var(--matcha-space-200, 16px);
  border-top: 1px solid color-mix(in srgb, var(--matcha-color-text-hint, #9aa0a6) 30%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  matcha-accordion-item .accordion-chevron,
  matcha-accordion-item .accordion-header-state,
  matcha-accordion-item .accordion-content {
    transition: none;
  }
}
@media (forced-colors: active) {
  matcha-accordion-item {
    border: 1px solid CanvasText;
  }
  matcha-accordion-item .accordion-header:focus-visible {
    outline: 2px solid CanvasText !important;
  }
  matcha-accordion-item .accordion-chevron {
    color: CanvasText;
  }
}
@media print {
  matcha-accordion-item .accordion-content {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    overflow: visible !important;
  }
  matcha-accordion-item .accordion-chevron {
    display: none !important;
  }
}
matcha-spin:not([progress]) .spin-progress {
  animation: matcha-spin-rotate 1.5s linear infinite, matcha-spin-dash 1.5s ease-in-out infinite;
}

.matcha-spin {
  display: inline-block;
  position: relative;
}

.matcha-spin svg {
  transform: rotate(-90deg);
  width: 100%;
  height: 100%;
}

.matcha-spin .spin-placeholder {
  fill: none;
}

.matcha-spin .spin-progress {
  fill: none;
  stroke-linecap: round;
  transform-origin: center;
  transition: stroke-dashoffset var(--matcha-duration-moderate, 300ms) linear;
}

@keyframes matcha-spin-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes matcha-spin-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -15;
  }
  100% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -200;
  }
}
@media (prefers-reduced-motion: reduce) {
  matcha-spin:not([progress]) .spin-progress {
    animation: none;
  }
  .matcha-spin .spin-progress {
    transition: none;
  }
}
.matcha-spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.matcha-spinner .spinner-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.matcha-spinner .spinner {
  display: block;
}

.matcha-spinner .spinner--determinate {
  transform: rotate(-90deg);
}

.matcha-spinner .spinner-track {
  stroke: var(--matcha-color-disabled-bg, #282C34);
}

.matcha-spinner .spinner-arc {
  stroke: var(--matcha-spinner-fill);
  transition: stroke-dashoffset var(--matcha-duration-fast, 200ms) ease;
}

@media (prefers-contrast: high) {
  .matcha-spinner .spinner-track {
    stroke: var(--matcha-color-text-secondary, #888);
  }
}
@media (forced-colors: active) {
  .matcha-spinner .spinner-track {
    stroke: GrayText !important;
  }
  .matcha-spinner .spinner-circle {
    stroke: CanvasText !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .matcha-spinner {
    animation: none !important;
  }
  .matcha-spinner .spinner-circle {
    animation: none !important;
  }
}
@media print {
  matcha-spinner,
  .matcha-spinner {
    display: none !important;
  }
}
@media (forced-colors: active) {
  matcha-hint-text {
    color: CanvasText !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  matcha-hint-text {
    transition: none !important;
    animation: none !important;
  }
}
matcha-slide-toggle label {
  position: relative;
  overflow: hidden;
}

matcha-slide-toggle label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--matcha-duration-instant, 80ms) linear;
}

matcha-slide-toggle:not([disabled]) label:hover::before {
  opacity: var(--matcha-state-hover, 0.08);
}

matcha-slide-toggle:not([disabled]) label:active::before {
  opacity: var(--matcha-state-active, 0.12);
}

matcha-slide-toggle label {
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
}

matcha-slide-toggle label .matcha-slide-toggle-label {
  font-family: var(--matcha-font-family, "Manrope", sans-serif);
  font-size: var(--matcha-text-body-md, 14px);
  line-height: 20px;
  font-weight: 400;
  -webkit-user-select: none;
          user-select: none;
}

matcha-slide-toggle[disabled] {
  pointer-events: none;
}

matcha-slide-toggle[disabled] label {
  cursor: default;
}

matcha-slide-toggle input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
  margin: 0;
  outline: none;
  cursor: pointer;
  vertical-align: middle;
  min-width: 36px;
  flex-shrink: 0;
}

matcha-slide-toggle input[type=checkbox]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 20px;
  border-width: 2px;
  border-style: solid;
  border-radius: var(--matcha-radius-xl, 16px);
  box-sizing: border-box;
  transition: background-color 0.15s linear;
}

matcha-slide-toggle input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), width 0.15s cubic-bezier(0.4, 0, 0.2, 1), height 0.15s cubic-bezier(0.4, 0, 0.2, 1), top 0.15s cubic-bezier(0.4, 0, 0.2, 1), left 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s linear, outline 0.1s ease-out;
}

matcha-slide-toggle input[type=checkbox]:checked::after {
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  transform: translateX(16px);
}

matcha-slide-toggle input[type=checkbox]:focus-visible::after {
  outline-offset: 2px;
}

@keyframes matcha-toggle-loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  matcha-slide-toggle input[type=checkbox]::before {
    transition: none;
  }
  matcha-slide-toggle input[type=checkbox]::after {
    transition: none;
    animation: none;
  }
  matcha-slide-toggle label::before {
    transition: none;
  }
}
@media (forced-colors: active) {
  matcha-slide-toggle input[type=checkbox]::before,
  .matcha-slide-toggle input[type=checkbox]::before {
    background: Canvas !important;
    border: 1px solid CanvasText !important;
  }
  matcha-slide-toggle input[type=checkbox]::after,
  .matcha-slide-toggle input[type=checkbox]::after {
    background: ButtonFace !important;
    border: 1px solid CanvasText !important;
  }
  matcha-slide-toggle input[type=checkbox]:checked::before,
  .matcha-slide-toggle input[type=checkbox]:checked::before {
    background: Highlight !important;
    border-color: Highlight !important;
  }
  matcha-slide-toggle input[type=checkbox]:focus-visible::before,
  .matcha-slide-toggle input[type=checkbox]:focus-visible::before {
    outline: 2px solid CanvasText !important;
    outline-offset: 2px;
  }
  matcha-slide-toggle input[type=checkbox]:disabled::before, matcha-slide-toggle input[type=checkbox]:disabled::after,
  .matcha-slide-toggle input[type=checkbox]:disabled::before,
  .matcha-slide-toggle input[type=checkbox]:disabled::after {
    border-color: GrayText !important;
  }
}
@media print {
  matcha-slide-toggle input[type=checkbox]::before,
  .matcha-slide-toggle input[type=checkbox]::before {
    border: 1px solid currentColor !important;
  }
}
matcha-radio {
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  cursor: pointer;
  font-family: var(--matcha-font-family);
}

matcha-radio[disabled] {
  pointer-events: none;
  cursor: default;
}

matcha-radio[disabled] .matcha-radio-wrapper {
  cursor: default;
}

@media (prefers-reduced-motion: reduce) {
  matcha-radio .matcha-radio-input,
  matcha-radio .matcha-radio-touch::before {
    transition: none;
  }
}
.matcha-radio-wrapper {
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}

matcha-radio:has(.matcha-radio-description) .matcha-radio-wrapper,
matcha-radio:has(.matcha-radio-hint) .matcha-radio-wrapper {
  align-items: flex-start;
}

.matcha-radio-touch {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--matcha-radio-touch-size, 36px);
  height: var(--matcha-radio-touch-size, 36px);
  flex-shrink: 0;
  border-radius: var(--matcha-radius-pill, 9999px);
  overflow: hidden;
}

.matcha-radio-touch::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  opacity: 0;
  border-radius: inherit;
  pointer-events: none;
  transition: opacity var(--matcha-duration-instant, 80ms) linear;
}

matcha-radio:not([disabled]) .matcha-radio-touch:hover::before {
  opacity: var(--matcha-state-hover, 0.08);
}

matcha-radio:not([disabled]) .matcha-radio-touch:active::before {
  opacity: var(--matcha-state-active, 0.12);
}

.matcha-radio-input {
  appearance: none;
  -webkit-appearance: none;
  width: var(--matcha-radio-size, 18px);
  height: var(--matcha-radio-size, 18px);
  padding: 0;
  margin: 0;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  transition: box-shadow var(--matcha-duration-fast, 200ms) var(--matcha-easing-standard, ease);
}

.matcha-radio-text {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-025, 2px);
  min-width: 0;
}

matcha-radio:has(.matcha-radio-description) .matcha-radio-text,
matcha-radio:has(.matcha-radio-hint) .matcha-radio-text {
  padding-top: var(--matcha-space-150, 10px);
}

.matcha-radio-label {
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-050, 4px);
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-label-sm, 12px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-label-sm, 16px);
  color: var(--matcha-radio-label-color, var(--matcha-color-text-primary));
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}

.matcha-radio-required {
  color: var(--matcha-color-danger);
  font-weight: var(--matcha-weight-medium, 500);
}

.matcha-radio-description {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-p-tiny, 11px);
  line-height: var(--matcha-leading-p-tiny, 14px);
  letter-spacing: 0.3px;
  color: var(--matcha-color-text-secondary);
}

.matcha-radio-hint {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-p-tiny, 11px);
  line-height: var(--matcha-leading-p-tiny, 14px);
  letter-spacing: 0.3px;
  color: var(--matcha-color-danger);
}

@media (forced-colors: active) {
  matcha-radio .matcha-radio-circle {
    border: 1px solid CanvasText !important;
    background: Canvas !important;
  }
  matcha-radio.is-checked .matcha-radio-circle::after, matcha-radio[checked] .matcha-radio-circle::after {
    background: Highlight !important;
  }
  matcha-radio .matcha-radio-touch:has(.matcha-radio-input:focus-visible) {
    outline: 2px solid CanvasText !important;
  }
  matcha-radio.is-disabled, matcha-radio[disabled] {
    opacity: 0.5;
  }
  matcha-radio.is-disabled .matcha-radio-circle, matcha-radio[disabled] .matcha-radio-circle {
    border-color: GrayText !important;
  }
}
@media print {
  matcha-radio .matcha-radio-circle {
    border: 1px solid currentColor !important;
  }
}
matcha-avatar {
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
}

matcha-avatar[orientation=stacked] {
  flex-direction: column;
  text-align: center;
}

.matcha-avatar-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

matcha-avatar-name {
  display: block;
  color: var(--matcha-color-text-primary);
  font-weight: var(--matcha-weight-medium, 500);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

matcha-avatar-caption {
  display: block;
  color: var(--matcha-color-text-muted);
  font-weight: var(--matcha-weight-regular, 400);
  font-variant-numeric: tabular-nums;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.matcha-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: var(--matcha-radius-pill, 9999px);
  font-weight: var(--matcha-weight-medium, 500);
  -webkit-user-select: none;
          user-select: none;
  flex-shrink: 0;
}

matcha-avatar[ring=accent] .matcha-avatar {
  box-shadow: 0 0 0 2px transparent, 0 0 0 3px var(--matcha-color-accent), 0 0 0 5px var(--matcha-color-accent-alpha, rgba(0, 148, 0, 0.1));
}

matcha-avatar[ring=success] .matcha-avatar {
  box-shadow: 0 0 0 2px transparent, 0 0 0 3px var(--matcha-color-success), 0 0 0 5px var(--matcha-color-success-alpha, rgba(22, 163, 74, 0.1));
}

matcha-avatar[ring=warn] .matcha-avatar {
  box-shadow: 0 0 0 2px transparent, 0 0 0 3px var(--matcha-color-warn), 0 0 0 5px var(--matcha-color-warn-alpha, rgba(245, 158, 11, 0.1));
}

matcha-avatar[ring=danger] .matcha-avatar {
  box-shadow: 0 0 0 2px transparent, 0 0 0 3px var(--matcha-color-danger), 0 0 0 5px var(--matcha-color-danger-alpha, rgba(239, 68, 68, 0.1));
}

matcha-avatar[ring=primary] .matcha-avatar {
  box-shadow: 0 0 0 2px transparent, 0 0 0 3px var(--matcha-color-primary);
}

matcha-avatar[ring=neutral] .matcha-avatar {
  box-shadow: 0 0 0 2px transparent, 0 0 0 3px var(--matcha-color-surface-border);
}

matcha-avatar[ring]:not([ring=accent]):not([ring=success]):not([ring=warn]):not([ring=danger]):not([ring=primary]):not([ring=neutral]) .matcha-avatar {
  box-shadow: 0 0 0 2px transparent, 0 0 0 3px var(--matcha-avatar-ring-color, currentColor);
}

matcha-avatar[size=tiny] .matcha-avatar {
  width: var(--matcha-avatar-xs, 24px);
  height: var(--matcha-avatar-xs, 24px);
  font-size: var(--matcha-text-2xs, 10px);
  line-height: 1;
}

matcha-avatar[size=small] .matcha-avatar {
  width: var(--matcha-avatar-md, 40px);
  height: var(--matcha-avatar-md, 40px);
  font-size: var(--matcha-text-md, 14px);
  line-height: 1;
}

matcha-avatar[size=medium] .matcha-avatar {
  width: var(--matcha-avatar-lg, 56px);
  height: var(--matcha-avatar-lg, 56px);
  font-size: var(--matcha-text-2xl, 20px);
  line-height: 1;
}

matcha-avatar[size=large] .matcha-avatar {
  width: var(--matcha-avatar-xl, 80px);
  height: var(--matcha-avatar-xl, 80px);
  font-size: var(--matcha-text-3xl, 24px);
  line-height: 1;
}

matcha-avatar[size=huge] .matcha-avatar {
  width: var(--matcha-avatar-2xl, 96px);
  height: var(--matcha-avatar-2xl, 96px);
  font-size: var(--matcha-text-4xl, 32px);
  line-height: 1;
}

matcha-avatar[size=tiny] matcha-avatar-name {
  font-size: var(--matcha-text-sm, 12px);
  line-height: var(--matcha-leading-sm, 16px);
}

matcha-avatar[size=tiny] matcha-avatar-caption {
  font-size: var(--matcha-text-xs, 11px);
  line-height: var(--matcha-leading-xs, 14px);
}

matcha-avatar[size=small] matcha-avatar-name {
  font-size: var(--matcha-text-md, 14px);
  line-height: var(--matcha-leading-md, 20px);
}

matcha-avatar[size=small] matcha-avatar-caption {
  font-size: var(--matcha-text-sm, 12px);
  line-height: var(--matcha-leading-sm, 16px);
}

matcha-avatar[size=medium] matcha-avatar-name {
  font-size: var(--matcha-text-lg, 16px);
  line-height: var(--matcha-leading-lg, 24px);
}

matcha-avatar[size=medium] matcha-avatar-caption {
  font-size: var(--matcha-text-md, 14px);
  line-height: var(--matcha-leading-md, 20px);
}

matcha-avatar[size=large] matcha-avatar-name {
  font-size: var(--matcha-text-xl, 18px);
  line-height: var(--matcha-leading-xl, 24px);
}

matcha-avatar[size=large] matcha-avatar-caption {
  font-size: var(--matcha-text-lg, 16px);
  line-height: var(--matcha-leading-lg, 24px);
}

matcha-avatar[size=huge] matcha-avatar-name {
  font-size: var(--matcha-text-title-lg, 20px);
  line-height: var(--matcha-leading-title-lg, 28px);
}

matcha-avatar[size=huge] matcha-avatar-caption {
  font-size: var(--matcha-text-xl, 18px);
  line-height: var(--matcha-leading-xl, 24px);
}

matcha-avatar[orientation=stacked][size=tiny] matcha-avatar-name, matcha-avatar[orientation=stacked][size=small] matcha-avatar-name {
  font-size: var(--matcha-text-title-sm, 16px);
  font-weight: var(--matcha-weight-bold, 700);
  line-height: var(--matcha-leading-title-sm, 22px);
}

matcha-avatar[orientation=stacked][size=tiny] matcha-avatar-caption, matcha-avatar[orientation=stacked][size=small] matcha-avatar-caption {
  font-size: var(--matcha-text-sm, 12px);
  line-height: var(--matcha-leading-sm, 16px);
}

matcha-avatar[orientation=stacked][size=medium] matcha-avatar-name, matcha-avatar[orientation=stacked][size=large] matcha-avatar-name {
  font-size: var(--matcha-text-title-md, 18px);
  font-weight: var(--matcha-weight-bold, 700);
  line-height: var(--matcha-leading-title-md, 24px);
}

matcha-avatar[orientation=stacked][size=medium] matcha-avatar-caption, matcha-avatar[orientation=stacked][size=large] matcha-avatar-caption {
  font-size: var(--matcha-text-md, 14px);
  line-height: var(--matcha-leading-md, 20px);
}

matcha-avatar[orientation=stacked][size=huge] matcha-avatar-name {
  font-size: var(--matcha-text-title-lg, 20px);
  font-weight: var(--matcha-weight-bold, 700);
  line-height: var(--matcha-leading-title-lg, 28px);
}

matcha-avatar[orientation=stacked][size=huge] matcha-avatar-caption {
  font-size: var(--matcha-text-lg, 16px);
  line-height: var(--matcha-leading-lg, 24px);
}

.matcha-avatar .matcha-avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.matcha-avatar .matcha-avatar-initials {
  font-weight: var(--matcha-weight-medium, 500);
  text-transform: uppercase;
  letter-spacing: var(--matcha-letter-spacing-wide, 0.5px);
}

.matcha-avatar .matcha-avatar-icon {
  width: 100%;
  height: 100%;
}

matcha-avatar[disabled] .matcha-avatar,
.matcha-avatar.color-disabled {
  opacity: var(--matcha-opacity-disabled, 0.38);
  pointer-events: none;
}

matcha-avatar[placeholder] .matcha-avatar {
  background: transparent !important;
}

matcha-avatar[color=primary][placeholder] .matcha-avatar {
  color: var(--matcha-color-primary) !important;
}

matcha-avatar[color=light-blue][placeholder] .matcha-avatar {
  color: var(--matcha-color-palette-light-blue) !important;
}

matcha-avatar[color=pink][placeholder] .matcha-avatar {
  color: var(--matcha-color-palette-pink) !important;
}

matcha-avatar[color=teal][placeholder] .matcha-avatar {
  color: var(--matcha-color-palette-teal) !important;
}

matcha-avatar[color=purple][placeholder] .matcha-avatar {
  color: var(--matcha-color-palette-purple) !important;
}

matcha-avatar[color=orange][placeholder] .matcha-avatar {
  color: var(--matcha-color-palette-orange) !important;
}

matcha-avatar[color=yellow][placeholder] .matcha-avatar {
  color: var(--matcha-color-palette-yellow) !important;
}

matcha-avatar[color=neutral][placeholder] .matcha-avatar {
  color: var(--matcha-color-icon-default) !important;
}

matcha-avatar[color=neutral]:not([placeholder]) .matcha-avatar {
  background: var(--matcha-color-icon-default);
}

matcha-avatar[color=primary]:not([placeholder]) .matcha-avatar {
  background: var(--matcha-color-primary);
}

matcha-avatar[color=light-blue]:not([placeholder]) .matcha-avatar {
  background: var(--matcha-color-palette-light-blue);
}

matcha-avatar[color=pink]:not([placeholder]) .matcha-avatar {
  background: var(--matcha-color-palette-pink);
}

matcha-avatar[color=teal]:not([placeholder]) .matcha-avatar {
  background: var(--matcha-color-palette-teal);
}

matcha-avatar[color=purple]:not([placeholder]) .matcha-avatar {
  background: var(--matcha-color-palette-purple);
}

matcha-avatar[color=orange]:not([placeholder]) .matcha-avatar {
  background: var(--matcha-color-palette-orange);
}

matcha-avatar[color=yellow]:not([placeholder]) .matcha-avatar {
  background: var(--matcha-color-palette-yellow);
}

matcha-avatar[color=primary]:not([placeholder]) .matcha-avatar {
  color: var(--matcha-color-primary-contrast);
}

.theme-default-light matcha-avatar[color=light-blue]:not([placeholder]) .matcha-avatar {
  color: #000;
}

.theme-default-light matcha-avatar[color=pink]:not([placeholder]) .matcha-avatar {
  color: #fff;
}

.theme-default-light matcha-avatar[color=teal]:not([placeholder]) .matcha-avatar {
  color: #fff;
}

.theme-default-light matcha-avatar[color=purple]:not([placeholder]) .matcha-avatar {
  color: #fff;
}

.theme-default-light matcha-avatar[color=orange]:not([placeholder]) .matcha-avatar {
  color: #1a1a1a;
}

.theme-default-light matcha-avatar[color=yellow]:not([placeholder]) .matcha-avatar {
  color: #1a1a1a;
}

.theme-default-light matcha-avatar[color=neutral]:not([placeholder]) .matcha-avatar {
  color: #fff;
}

.theme-default-dark matcha-avatar[color=light-blue]:not([placeholder]) .matcha-avatar {
  color: #1a1a1a;
}

.theme-default-dark matcha-avatar[color=pink]:not([placeholder]) .matcha-avatar {
  color: #1a1a1a;
}

.theme-default-dark matcha-avatar[color=teal]:not([placeholder]) .matcha-avatar {
  color: #1a1a1a;
}

.theme-default-dark matcha-avatar[color=purple]:not([placeholder]) .matcha-avatar {
  color: #1a1a1a;
}

.theme-default-dark matcha-avatar[color=orange]:not([placeholder]) .matcha-avatar {
  color: #1a1a1a;
}

.theme-default-dark matcha-avatar[color=yellow]:not([placeholder]) .matcha-avatar {
  color: #1a1a1a;
}

.theme-default-dark matcha-avatar[color=neutral]:not([placeholder]) .matcha-avatar {
  color: #1a1a1a;
}

.matcha-avatar-group {
  display: inline-flex;
  align-items: center;
}

.matcha-avatar-group matcha-avatar {
  margin-left: -10px;
  border: var(--matcha-border-thin, 2px) solid var(--matcha-color-surface-card);
  border-radius: var(--matcha-radius-pill, 9999px);
}

.matcha-avatar-group matcha-avatar:first-child {
  margin-left: 0;
}

.matcha-avatar-group__more {
  margin-left: var(--matcha-space-100, 8px);
  font-size: var(--matcha-text-sm, 12px);
  font-weight: var(--matcha-weight-semibold, 600);
  color: var(--matcha-color-text-secondary);
}

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

.matcha-avatar-status {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: var(--matcha-radius-pill, 9999px);
  border: var(--matcha-border-thin, 2px) solid var(--matcha-color-surface-card, #fff);
  box-sizing: border-box;
}

matcha-avatar[size=tiny] .matcha-avatar-status {
  width: var(--matcha-avatar-status-xs, 8px);
  height: var(--matcha-avatar-status-xs, 8px);
}

matcha-avatar[size=small] .matcha-avatar-status {
  width: var(--matcha-avatar-status-sm, 10px);
  height: var(--matcha-avatar-status-sm, 10px);
}

matcha-avatar[size=medium] .matcha-avatar-status {
  width: var(--matcha-avatar-status-md, 12px);
  height: var(--matcha-avatar-status-md, 12px);
}

matcha-avatar[size=large] .matcha-avatar-status {
  width: var(--matcha-avatar-status-lg, 14px);
  height: var(--matcha-avatar-status-lg, 14px);
}

matcha-avatar[size=huge] .matcha-avatar-status {
  width: var(--matcha-avatar-status-2xl, 18px);
  height: var(--matcha-avatar-status-2xl, 18px);
}

matcha-avatar[status=online] .matcha-avatar-status {
  background-color: var(--matcha-color-success, #16a34a);
}

matcha-avatar[status=offline] .matcha-avatar-status {
  background-color: var(--matcha-color-text-placeholder, #9ca3af);
}

matcha-avatar[status=busy] .matcha-avatar-status {
  background-color: var(--matcha-color-danger, #dc2626);
}

@media (forced-colors: active) {
  .matcha-avatar {
    border: 1px solid CanvasText;
  }
  matcha-avatar[disabled] .matcha-avatar,
  .matcha-avatar.color-disabled {
    opacity: 0.5;
    border-color: GrayText;
  }
  .matcha-avatar-status {
    background: SelectedItem !important;
    border: 2px solid Canvas !important;
  }
  matcha-avatar[status=offline] .matcha-avatar-status {
    background: Canvas !important;
    border: 2px solid CanvasText !important;
  }
  matcha-avatar[status=busy] .matcha-avatar-status {
    background: SelectedItem !important;
    box-shadow: 0 0 0 2px Canvas, 0 0 0 4px CanvasText;
  }
}
@media (prefers-reduced-motion: reduce) {
  .matcha-avatar,
  .matcha-avatar-status {
    transition: none !important;
    animation: none !important;
  }
}
matcha-paginator {
  display: block;
  overflow: hidden;
}

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

.matcha-paginator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  padding: var(--matcha-space-200, 16px) 0;
  font-family: var(--matcha-font-family);
  gap: 0;
  background: var(--matcha-color-surface-card);
  box-sizing: border-box;
  width: 100%;
}

.matcha-paginator.is-loading {
  cursor: wait;
}

.matcha-paginator.is-loading .paginator-nav-button,
.matcha-paginator.is-loading .page-button,
.matcha-paginator.is-loading .paginator-progress__segment,
.matcha-paginator.is-loading .paginator-jump__field,
.matcha-paginator.is-loading .page-size-selector {
  pointer-events: none;
  opacity: var(--matcha-opacity-secondary, 0.54);
}

.matcha-paginator .paginator-loading-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--matcha-color-accent, #6200ee);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--matcha-duration-fast, 200ms) ease;
  border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px);
}

.matcha-paginator.is-loading .paginator-loading-bar {
  opacity: 1;
  animation: matcha-paginator-loading-pulse 1.4s ease-in-out infinite;
}

.matcha-paginator.matcha-paginator--numeric:has(.paginator-total-info), .matcha-paginator.matcha-paginator--numeric:has(.page-size-selector) {
  padding: var(--matcha-space-200, 16px) var(--matcha-space-300, 24px);
  gap: var(--matcha-space-200, 16px);
  justify-content: flex-start;
}

.matcha-paginator.matcha-paginator--numeric:has(.paginator-total-info) .paginator-total-info, .matcha-paginator.matcha-paginator--numeric:has(.page-size-selector) .paginator-total-info {
  order: 1;
  margin-right: auto;
}

.matcha-paginator.matcha-paginator--numeric:has(.paginator-total-info) .page-size-selector, .matcha-paginator.matcha-paginator--numeric:has(.page-size-selector) .page-size-selector {
  order: 2;
}

.matcha-paginator.matcha-paginator--numeric:has(.paginator-total-info) .paginator-pages, .matcha-paginator.matcha-paginator--numeric:has(.page-size-selector) .paginator-pages {
  order: 3;
}

.matcha-paginator .paginator-total-info {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-050, 4px);
}

.matcha-paginator .paginator-total-info .total-range {
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: 1.4;
}

.matcha-paginator .paginator-total-info .total-filtered {
  font-size: var(--matcha-text-body-sm, 12px);
  line-height: 1.3;
}

.matcha-paginator .page-size-selector {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
}

.matcha-paginator .page-size-selector label {
  font-size: var(--matcha-text-body-sm, 12px);
  white-space: nowrap;
}

.matcha-paginator .paginator-pages {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  justify-content: center;
}

.matcha-paginator .paginator-pages__indicator {
  display: none;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 0 var(--matcha-space-150, 12px);
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-body-md, 20px);
  color: var(--matcha-color-text-primary);
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
}

.matcha-paginator .paginator-nav-button--edge .paginator-nav-button__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-title-md, 18px);
  line-height: 1;
  font-weight: var(--matcha-weight-medium, 500);
  color: currentColor;
  pointer-events: none;
}

.matcha-paginator .page-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: calc(var(--matcha-space-500, 40px) + var(--matcha-space-050, 4px));
  height: calc(var(--matcha-space-500, 40px) + var(--matcha-space-050, 4px));
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: var(--matcha-radius-pill, 9999px);
  font-size: var(--matcha-text-label-md, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-body-md, 20px);
  position: relative;
  overflow: hidden;
  transition: background-color var(--matcha-duration-instant, 80ms) linear, color var(--matcha-duration-instant, 80ms) linear, min-width var(--matcha-duration-fast, 200ms) var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)), width var(--matcha-duration-fast, 200ms) var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)), height var(--matcha-duration-fast, 200ms) var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));
}

.matcha-paginator .page-button.active {
  min-width: var(--matcha-space-400, 32px);
  width: var(--matcha-space-400, 32px);
  height: var(--matcha-space-400, 32px);
  cursor: default;
}

.matcha-paginator .page-button.active::after {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--matcha-space-075, 6px));
}

.matcha-paginator .page-button:not(.active)::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  opacity: 0;
  border-radius: inherit;
  pointer-events: none;
  transition: opacity var(--matcha-duration-instant, 80ms) linear;
}

.matcha-paginator .page-button:not(.active):not([disabled]):hover::before {
  opacity: var(--matcha-state-hover, 0.08);
}

.matcha-paginator .page-button:not(.active):not([disabled]):active::before {
  opacity: var(--matcha-state-active, 0.12);
}

.matcha-paginator .page-button:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent, #6200ee);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}

.matcha-paginator .paginator-jump {
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  margin-inline-start: var(--matcha-space-100, 8px);
  font-size: var(--matcha-text-body-sm, 12px);
  color: var(--matcha-color-text-label);
  white-space: nowrap;
}

.matcha-paginator .paginator-jump__field {
  width: 64px;
}

.matcha-paginator .paginator-jump__field input[type=number] {
  text-align: center;
  -moz-appearance: textfield;
}

.matcha-paginator .paginator-jump__field input[type=number]::-webkit-outer-spin-button, .matcha-paginator .paginator-jump__field input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.matcha-paginator .ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: calc(var(--matcha-space-500, 40px) + var(--matcha-space-050, 4px));
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-md, 20px);
  -webkit-user-select: none;
          user-select: none;
}

.matcha-paginator.matcha-paginator--progress {
  padding: var(--matcha-space-100, 8px);
  gap: var(--matcha-space-150, 12px);
  height: calc(var(--matcha-space-500, 40px) + var(--matcha-space-100, 8px));
  background: var(--matcha-color-surface, #1C1F26);
  border-radius: var(--matcha-radius-md, 4px);
  justify-content: center;
}

.matcha-paginator.matcha-paginator--progress .paginator-pages {
  flex: 1 1 auto;
  gap: var(--matcha-space-150, 12px);
}

.matcha-paginator .paginator-progress {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: var(--matcha-space-050, 4px);
  min-width: 80px;
}

.matcha-paginator .paginator-progress__segment {
  flex: 1 1 0;
  min-width: 0;
  height: 8px;
  padding: 0;
  border: none;
  cursor: pointer;
  position: relative;
  background: var(--matcha-color-surface-strong, var(--matcha-color-surface-border, #282C34));
  border-radius: var(--matcha-radius-pill, 9999px);
  transition: background-color var(--matcha-duration-medium, 200ms) var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)), transform var(--matcha-duration-instant, 80ms) ease-out;
}

.matcha-paginator .paginator-progress__segment::before {
  content: "";
  position: absolute;
  inset: -8px 0;
}

.matcha-paginator .paginator-progress__segment.is-filled {
  background: var(--matcha-color-accent, #6200ee);
}

.matcha-paginator .paginator-progress__segment.is-current {
  transform: scaleY(1.5);
  background: var(--matcha-color-accent, #6200ee);
}

.matcha-paginator .paginator-progress__segment:hover:not(.is-current):not(:disabled) {
  background: var(--matcha-color-accent-alpha, rgba(168, 217, 78, 0.4));
  transform: scaleY(1.25);
}

.matcha-paginator .paginator-progress__segment:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: 4px;
  border-radius: var(--matcha-radius-pill, 9999px);
}

.matcha-paginator .paginator-progress__segment:disabled {
  cursor: default;
}

.matcha-paginator .paginator-progress__counter {
  flex-shrink: 0;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-sm, 12px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-body-sm, 16px);
  color: var(--matcha-color-text-secondary);
  white-space: nowrap;
  padding-inline-start: var(--matcha-space-050, 4px);
  -webkit-user-select: none;
          user-select: none;
}

@keyframes matcha-paginator-loading-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.55;
  }
}
@media screen and (max-width: 479px) {
  .matcha-paginator {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: var(--matcha-space-150, 12px) var(--matcha-space-200, 16px);
    row-gap: var(--matcha-space-150, 12px);
    column-gap: var(--matcha-space-100, 8px);
  }
  .matcha-paginator .paginator-pages {
    order: 1;
    flex: 0 0 100%;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: var(--matcha-space-100, 8px);
  }
  .matcha-paginator .paginator-pages .page-button,
  .matcha-paginator .paginator-pages .ellipsis {
    display: none;
  }
  .matcha-paginator .paginator-pages .paginator-pages__indicator {
    display: flex;
    flex: 1 1 auto;
    font-size: var(--matcha-text-body-md, 14px);
    font-weight: var(--matcha-weight-semibold, 600);
    color: var(--matcha-color-text-primary);
    letter-spacing: -0.1px;
  }
  .matcha-paginator .paginator-pages .paginator-nav-button {
    width: calc(var(--matcha-space-500, 40px) + var(--matcha-space-050, 4px)) !important;
    height: calc(var(--matcha-space-500, 40px) + var(--matcha-space-050, 4px)) !important;
    flex-shrink: 0;
  }
  .matcha-paginator .paginator-pages .paginator-jump {
    display: none;
  }
  .matcha-paginator .page-size-selector {
    order: 3;
    flex: 0 0 auto;
    margin-right: 0;
    gap: var(--matcha-space-075, 6px);
  }
  .matcha-paginator .page-size-selector__label {
    font-size: var(--matcha-text-body-sm, 12px);
    color: var(--matcha-color-text-secondary);
  }
  .matcha-paginator .paginator-total-info {
    order: 2;
    flex: 1 1 auto;
    margin-left: 0;
    margin-right: 0;
    font-variant-numeric: tabular-nums;
  }
  .matcha-paginator .paginator-total-info .total-range {
    font-size: var(--matcha-text-body-md, 14px);
    font-weight: var(--matcha-weight-regular, 400);
    color: var(--matcha-color-text-primary);
  }
  .matcha-paginator .paginator-total-info .total-filtered {
    font-size: var(--matcha-text-body-sm, 12px);
    color: var(--matcha-color-text-secondary);
  }
  .matcha-paginator.matcha-paginator--numeric:has(.paginator-total-info), .matcha-paginator.matcha-paginator--numeric:has(.page-size-selector) {
    flex-direction: row;
    flex-wrap: wrap;
    padding: var(--matcha-space-100, 8px) var(--matcha-space-200, 16px);
    gap: 0;
    row-gap: var(--matcha-space-100, 8px);
    column-gap: var(--matcha-space-100, 8px);
    justify-content: center;
  }
  .matcha-paginator.matcha-paginator--numeric:has(.paginator-total-info) .paginator-pages, .matcha-paginator.matcha-paginator--numeric:has(.page-size-selector) .paginator-pages {
    order: 1;
  }
  .matcha-paginator.matcha-paginator--numeric:has(.paginator-total-info) .paginator-total-info, .matcha-paginator.matcha-paginator--numeric:has(.page-size-selector) .paginator-total-info {
    order: 2;
    flex: 1 1 auto;
    margin-left: 0;
    margin-right: 0;
  }
  .matcha-paginator.matcha-paginator--numeric:has(.paginator-total-info) .page-size-selector, .matcha-paginator.matcha-paginator--numeric:has(.page-size-selector) .page-size-selector {
    order: 3;
    margin-left: auto;
    margin-right: 0;
  }
  .matcha-paginator .paginator-jump__field {
    height: calc(var(--matcha-space-500, 40px) + var(--matcha-space-050, 4px));
    width: var(--matcha-space-1000, 80px);
    font-size: var(--matcha-text-body-md, 14px);
  }
  .matcha-paginator .paginator-nav-button--edge {
    display: none;
  }
  .matcha-paginator.matcha-paginator--progress {
    height: auto;
    min-height: calc(var(--matcha-space-500, 40px) + var(--matcha-space-200, 16px));
    padding: var(--matcha-space-100, 8px) var(--matcha-space-200, 16px);
    flex-wrap: nowrap;
  }
  .matcha-paginator.matcha-paginator--progress .paginator-nav-button {
    width: calc(var(--matcha-space-500, 40px) + var(--matcha-space-050, 4px)) !important;
    height: calc(var(--matcha-space-500, 40px) + var(--matcha-space-050, 4px)) !important;
  }
  .matcha-paginator.matcha-paginator--progress .paginator-pages__indicator {
    display: none;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) {
  .matcha-paginator {
    flex-wrap: wrap;
    padding: var(--matcha-space-150, 12px) var(--matcha-space-200, 16px);
    column-gap: var(--matcha-space-200, 16px);
    row-gap: var(--matcha-space-150, 12px);
    align-items: center;
  }
  .matcha-paginator .paginator-jump {
    display: none;
  }
  .matcha-paginator .paginator-total-info {
    order: 1;
    flex: 0 0 auto;
    margin-right: auto;
    font-size: var(--matcha-text-body-sm, 12px);
  }
  .matcha-paginator .paginator-total-info .total-range {
    font-size: var(--matcha-text-body-sm, 12px);
    font-variant-numeric: tabular-nums;
  }
  .matcha-paginator .page-size-selector {
    order: 2;
    flex: 0 0 auto;
    margin-right: 0;
    margin-left: 0;
  }
  .matcha-paginator .paginator-pages {
    order: 3;
    flex: 0 0 100%;
    justify-content: center;
  }
}
.matcha-paginator.is-mobile-preview {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: var(--matcha-space-150, 12px) var(--matcha-space-200, 16px);
  row-gap: var(--matcha-space-150, 12px);
  column-gap: var(--matcha-space-100, 8px);
}

.matcha-paginator.is-mobile-preview .paginator-pages {
  order: 1;
  flex: 0 0 100%;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: var(--matcha-space-100, 8px);
}

.matcha-paginator.is-mobile-preview .paginator-pages .page-button,
.matcha-paginator.is-mobile-preview .paginator-pages .ellipsis {
  display: none;
}

.matcha-paginator.is-mobile-preview .paginator-pages .paginator-pages__indicator {
  display: flex;
  flex: 1 1 auto;
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-semibold, 600);
  color: var(--matcha-color-text-primary);
  letter-spacing: -0.1px;
}

.matcha-paginator.is-mobile-preview .paginator-pages .paginator-nav-button {
  width: calc(var(--matcha-space-500, 40px) + var(--matcha-space-050, 4px)) !important;
  height: calc(var(--matcha-space-500, 40px) + var(--matcha-space-050, 4px)) !important;
  flex-shrink: 0;
}

.matcha-paginator.is-mobile-preview .paginator-pages .paginator-jump {
  display: none;
}

.matcha-paginator.is-mobile-preview .page-size-selector {
  order: 3;
  flex: 0 0 auto;
  margin-right: 0;
  gap: var(--matcha-space-075, 6px);
}

.matcha-paginator.is-mobile-preview .page-size-selector__label {
  font-size: var(--matcha-text-body-sm, 12px);
  color: var(--matcha-color-text-secondary);
}

.matcha-paginator.is-mobile-preview .paginator-total-info {
  order: 2;
  flex: 1 1 auto;
  margin-left: 0;
  margin-right: 0;
  font-variant-numeric: tabular-nums;
}

.matcha-paginator.is-mobile-preview .paginator-total-info .total-range {
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  color: var(--matcha-color-text-primary);
}

.matcha-paginator.is-mobile-preview .paginator-total-info .total-filtered {
  font-size: var(--matcha-text-body-sm, 12px);
  color: var(--matcha-color-text-secondary);
}

.matcha-paginator.is-mobile-preview.matcha-paginator--numeric:has(.paginator-total-info), .matcha-paginator.is-mobile-preview.matcha-paginator--numeric:has(.page-size-selector) {
  flex-direction: row;
  flex-wrap: wrap;
  padding: var(--matcha-space-100, 8px) var(--matcha-space-200, 16px);
  gap: 0;
  row-gap: var(--matcha-space-100, 8px);
  column-gap: var(--matcha-space-100, 8px);
  justify-content: center;
}

.matcha-paginator.is-mobile-preview.matcha-paginator--numeric:has(.paginator-total-info) .paginator-pages, .matcha-paginator.is-mobile-preview.matcha-paginator--numeric:has(.page-size-selector) .paginator-pages {
  order: 1;
}

.matcha-paginator.is-mobile-preview.matcha-paginator--numeric:has(.paginator-total-info) .paginator-total-info, .matcha-paginator.is-mobile-preview.matcha-paginator--numeric:has(.page-size-selector) .paginator-total-info {
  order: 2;
  flex: 1 1 auto;
  margin-left: 0;
  margin-right: 0;
}

.matcha-paginator.is-mobile-preview.matcha-paginator--numeric:has(.paginator-total-info) .page-size-selector, .matcha-paginator.is-mobile-preview.matcha-paginator--numeric:has(.page-size-selector) .page-size-selector {
  order: 3;
  margin-left: auto;
  margin-right: 0;
}

.matcha-paginator.is-mobile-preview .paginator-jump__field {
  height: calc(var(--matcha-space-500, 40px) + var(--matcha-space-050, 4px));
  width: var(--matcha-space-1000, 80px);
  font-size: var(--matcha-text-body-md, 14px);
}

.matcha-paginator.is-mobile-preview .paginator-nav-button--edge {
  display: none;
}

.matcha-paginator.is-mobile-preview.matcha-paginator--progress {
  height: auto;
  min-height: calc(var(--matcha-space-500, 40px) + var(--matcha-space-200, 16px));
  padding: var(--matcha-space-100, 8px) var(--matcha-space-200, 16px);
  flex-wrap: nowrap;
}

.matcha-paginator.is-mobile-preview.matcha-paginator--progress .paginator-nav-button {
  width: calc(var(--matcha-space-500, 40px) + var(--matcha-space-050, 4px)) !important;
  height: calc(var(--matcha-space-500, 40px) + var(--matcha-space-050, 4px)) !important;
}

.matcha-paginator.is-mobile-preview.matcha-paginator--progress .paginator-pages__indicator {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .matcha-paginator .page-button,
  .matcha-paginator .page-button::before,
  .matcha-paginator .paginator-progress__segment,
  .matcha-paginator .paginator-loading-bar {
    transition: none !important;
    animation: none !important;
  }
  .matcha-paginator .paginator-progress__segment.is-current,
  .matcha-paginator .paginator-progress__segment:hover {
    transform: none;
  }
}
@media (forced-colors: active) {
  .matcha-paginator .page-button {
    color: CanvasText !important;
    border: 1px solid transparent !important;
  }
  .matcha-paginator .page-button:hover:not(.active):not(:disabled) {
    border-color: CanvasText !important;
  }
  .matcha-paginator .page-button.active {
    background: Highlight !important;
    color: HighlightText !important;
    border-color: Highlight !important;
  }
  .matcha-paginator .page-button:focus-visible {
    outline: 2px solid CanvasText !important;
  }
  .matcha-paginator .ellipsis,
  .matcha-paginator .paginator-total-info {
    color: CanvasText !important;
  }
  .matcha-paginator .paginator-loading-bar {
    background: Highlight !important;
  }
}
@media print {
  .matcha-paginator {
    display: none !important;
  }
}
.matcha-slider {
  position: relative;
  width: 100%;
  padding: var(--matcha-space-250, 20px) 0;
  -webkit-user-select: none;
          user-select: none;
  background-color: transparent;
}

.matcha-slider .slider-track {
  position: relative;
  height: var(--matcha-slider-track-height, 4px);
  border-radius: var(--matcha-radius-sm, 2px);
  background-color: var(--matcha-color-surface-border, rgba(255, 255, 255, 0.12));
  cursor: pointer;
  margin: 0 10px;
}

.matcha-slider .selection-bar {
  position: absolute;
  top: 0;
  height: 100%;
  border-radius: var(--matcha-radius-sm, 2px);
  transition: width var(--matcha-duration-instant, 80ms) ease, height var(--matcha-duration-fast, 200ms) ease, top var(--matcha-duration-fast, 200ms) ease;
}

.matcha-slider .pointer {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--matcha-slider-pointer-size, 24px);
  height: var(--matcha-slider-pointer-size, 24px);
  border-radius: var(--matcha-radius-pill, 9999px);
  border: 3px solid var(--matcha-color-surface-bg, #111318);
  box-shadow: var(--matcha-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.1));
  cursor: grab;
  transition: width var(--matcha-duration-instant, 80ms) ease, height var(--matcha-duration-instant, 80ms) ease, box-shadow var(--matcha-duration-instant, 80ms) linear;
}

.matcha-slider .pointer::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--matcha-slider-fill, var(--matcha-color-accent));
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--matcha-duration-instant, 80ms) ease;
  z-index: -1;
}

.matcha-slider .pointer:hover::before {
  opacity: 0.12;
}

.matcha-slider .pointer-label {
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  padding: var(--matcha-space-025, 2px) var(--matcha-space-075, 6px);
  background-color: var(--matcha-color-surface-card, #1c1f26);
  border-radius: var(--matcha-radius-md, 4px);
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-p-tiny, 11px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-p-tiny, 14px);
  letter-spacing: 0.3px;
  color: var(--matcha-color-text-primary, #e8eaed);
  white-space: nowrap;
  pointer-events: none;
}

.matcha-slider .limit-labels {
  display: flex;
  justify-content: space-between;
  margin: var(--matcha-space-100, 8px) 10px 0;
  top: -18px;
  position: relative;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-p-tiny, 11px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-p-tiny, 14px);
  letter-spacing: 0.3px;
  color: var(--matcha-color-text-secondary, rgba(255, 255, 255, 0.7));
}

.matcha-slider.disabled {
  opacity: var(--matcha-opacity-disabled, 0.38);
  pointer-events: none;
  cursor: default;
}

.matcha-slider.disabled .slider-track,
.matcha-slider.disabled .pointer {
  cursor: default;
}

.matcha-slider.range .pointer.low-pointer {
  z-index: 2;
}

.matcha-slider.range .pointer.high-pointer {
  z-index: 1;
}

.matcha-slider.dragging .pointer {
  cursor: grabbing !important;
  width: 26px;
  height: 26px;
  box-shadow: var(--matcha-shadow-2, 0 4px 12px rgba(0, 0, 0, 0.2));
}

.matcha-slider.dragging .pointer::before {
  opacity: 1;
}

.matcha-slider.dragging .selection-bar {
  transition: width 0s, height var(--matcha-duration-fast, 200ms) ease, top var(--matcha-duration-fast, 200ms) ease;
  height: 6px;
  top: -1px;
}

.matcha-slider .pointer:focus-visible {
  outline: 2px solid var(--matcha-color-primary, #64b5f6);
  outline-offset: 2px;
}

@media (prefers-contrast: high) {
  .matcha-slider .pointer {
    border-width: 4px;
  }
  .matcha-slider .selection-bar {
    border: var(--matcha-border-hairline, 1px) solid currentColor;
  }
}
@media (prefers-reduced-motion: reduce) {
  .matcha-slider .pointer,
  .matcha-slider .pointer::before,
  .matcha-slider .selection-bar {
    transition: none;
  }
}
@media (forced-colors: active) {
  matcha-slider .slider-track,
  matcha-slider .full-bar {
    background: Canvas !important;
    border: 1px solid CanvasText !important;
  }
  matcha-slider .selection-bar {
    background: Highlight !important;
  }
  matcha-slider .pointer {
    background: ButtonFace !important;
    border: 2px solid CanvasText !important;
  }
  matcha-slider .pointer:focus-visible, matcha-slider .pointer.is-active {
    outline: 2px solid CanvasText !important;
    outline-offset: 2px;
  }
  matcha-slider[disabled], matcha-slider.is-disabled {
    opacity: 0.5;
  }
  matcha-slider[disabled] .pointer, matcha-slider.is-disabled .pointer {
    border-color: GrayText !important;
  }
}
@media print {
  matcha-slider .pointer {
    background: currentColor !important;
  }
  matcha-slider .selection-bar {
    background: currentColor !important;
  }
}
matcha-divider {
  box-sizing: border-box;
  flex-shrink: 0;
}

matcha-divider[direction=horizontal], matcha-divider:not([direction]) {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

matcha-divider[direction=vertical] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}

.matcha-divider-line {
  flex: 1 1 auto;
  background-color: var(--matcha-color-text-hint, #9AA0A6);
  opacity: var(--matcha-opacity-strong, 0.3);
  pointer-events: none;
}

matcha-divider[direction=horizontal] .matcha-divider-line,
matcha-divider:not([direction]) .matcha-divider-line {
  height: var(--matcha-border-hairline, 1px);
  min-width: var(--matcha-border-hairline, 1px);
}

matcha-divider[direction=vertical] .matcha-divider-line {
  width: var(--matcha-border-hairline, 1px);
  min-height: var(--matcha-border-hairline, 1px);
}

matcha-divider[direction=horizontal][inset=start] .matcha-divider-line:first-of-type,
matcha-divider:not([direction])[inset=start] .matcha-divider-line:first-of-type {
  margin-left: var(--matcha-space-700, 56px);
}

matcha-divider[direction=horizontal][inset=end] .matcha-divider-line:last-of-type,
matcha-divider:not([direction])[inset=end] .matcha-divider-line:last-of-type {
  margin-right: var(--matcha-space-300, 24px);
}

matcha-divider[direction=horizontal][inset=both] .matcha-divider-line,
matcha-divider:not([direction])[inset=both] .matcha-divider-line {
  margin-left: var(--matcha-space-300, 24px);
  margin-right: var(--matcha-space-300, 24px);
}

.matcha-divider-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 0 var(--matcha-space-100, 8px);
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-p-tiny, 11px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-p-tiny, 14px);
  color: var(--matcha-color-text-secondary);
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
}

matcha-divider[direction=vertical] .matcha-divider-label {
  padding: var(--matcha-space-100, 8px) 0;
}

.button-group.gap-0 {
  gap: 0 !important;
}

.button-group.gap-0 matcha-tab-item:first-child button[matcha-button] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.button-group.gap-0 matcha-tab-item:last-child button[matcha-button] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.button-group.gap-0 matcha-tab-item:not(:first-child):not(:last-child) button[matcha-button] {
  border-radius: 0;
}

@media (max-width: 639px) {
  .matcha-tab-underline .matcha-tab-item,
  .matcha-tab-card .matcha-tab-item {
    min-width: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .matcha-tab-underline .matcha-tab-item,
  .matcha-tab-underline .matcha-tab-item::before,
  .matcha-tab-card .matcha-tab-item,
  .matcha-tab-card .matcha-tab-item::before,
  .matcha-tab-indicator,
  .matcha-tab-item__close {
    transition: none;
  }
  .matcha-tab-card .matcha-tab-item:hover {
    transform: none;
  }
}
.matcha-overlay-container {
  position: fixed;
  inset: 0;
  z-index: 1000;
  pointer-events: none;
}

.matcha-overlay-container > * {
  pointer-events: auto;
}

.matcha-overlay-container > *:not(:last-child) {
  opacity: 0.1;
}

@keyframes matcha-modal-backdrop-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes matcha-modal-backdrop-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes matcha-modal-in {
  from {
    opacity: 0;
    transform: scale(0.96) translateY(-4px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes matcha-modal-out {
  from {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  to {
    opacity: 0;
    transform: scale(0.96) translateY(-4px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .matcha-modal-backdrop,
  .matcha-modal,
  matcha-modal {
    animation: none !important;
    transition: none !important;
  }
}
@media (forced-colors: active) {
  .matcha-modal {
    border: 1px solid CanvasText;
    background-color: Canvas !important;
  }
  .matcha-modal-backdrop {
    background: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: none !important;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .matcha-modal-backdrop {
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: none !important;
  }
}
@media print {
  .matcha-overlay-container,
  .matcha-modal-backdrop,
  matcha-modal {
    display: none !important;
  }
}
@keyframes matcha-drawer-backdrop-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes matcha-drawer-backdrop-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes matcha-drawer-shake {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  20% {
    transform: translate3d(-8px, 0, 0);
  }
  40% {
    transform: translate3d(8px, 0, 0);
  }
  60% {
    transform: translate3d(-4px, 0, 0);
  }
  80% {
    transform: translate3d(4px, 0, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  matcha-drawer,
  .matcha-drawer-backdrop,
  matcha-drawer-content {
    animation: none !important;
    transition: none !important;
  }
}
@media (forced-colors: active) {
  matcha-drawer {
    border: 1px solid CanvasText !important;
    background: Canvas !important;
    box-shadow: none !important;
  }
  .matcha-drawer-backdrop {
    background: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: none !important;
  }
  matcha-drawer:focus-visible {
    outline: 2px solid CanvasText !important;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .matcha-drawer-backdrop {
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: none !important;
  }
}
@media print {
  matcha-drawer,
  .matcha-drawer-backdrop {
    display: none !important;
  }
  matcha-drawer-content {
    margin: 0 !important;
  }
}
matcha-chip {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  padding: var(--matcha-space-100, 8px) var(--matcha-space-150, 12px);
  font-family: var(--matcha-font-family, "Manrope", sans-serif);
  font-size: var(--matcha-text-label-md, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-label-md, 20px);
  border: var(--matcha-border-thin, 2px) solid var(--matcha-chip-border, var(--matcha-color-text-hint, #9AA0A6));
  border-radius: var(--matcha-radius-pill, 9999px);
  background: var(--matcha-chip-bg, transparent);
  color: var(--matcha-chip-text, var(--matcha-color-text-primary, #E8EAED));
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
  cursor: default;
  outline: none;
  position: relative;
  transition: border-color var(--matcha-duration-instant, 80ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)), background var(--matcha-duration-instant, 80ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)), box-shadow var(--matcha-duration-instant, 80ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));
}

matcha-chip[interactive]:not([disabled]):not(.matcha-chip-disabled) {
  cursor: pointer;
}

matcha-chip[interactive]:not([disabled]):not(.matcha-chip-disabled):not([selected]):hover {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
  box-shadow: var(--matcha-shadow-1);
}

matcha-chip[interactive]:not([disabled]):not(.matcha-chip-disabled):not([selected]):focus-visible, matcha-chip[interactive]:not([disabled]):not(.matcha-chip-disabled):not([selected]):has(:focus-visible) {
  outline: var(--matcha-border-thin, 2px) solid var(--matcha-color-primary, #64B5F6);
  outline-offset: var(--matcha-space-025, 2px);
}

matcha-chip[selected] {
  background: var(--matcha-color-accent, #A8D94E);
  border-color: var(--matcha-color-accent, #A8D94E);
  color: var(--matcha-color-accent-text-on, var(--matcha-color-accent-contrast, rgba(0, 0, 0, 0.87)));
}

matcha-chip[selected][interactive]:not([disabled]):not(.matcha-chip-disabled):hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--matcha-color-accent, #A8D94E);
  box-shadow: var(--matcha-shadow-1);
}

matcha-chip[selected][interactive]:not([disabled]):not(.matcha-chip-disabled):focus-visible, matcha-chip[selected][interactive]:not([disabled]):not(.matcha-chip-disabled):has(:focus-visible) {
  outline: var(--matcha-border-thin, 2px) solid var(--matcha-color-primary, #64B5F6);
  outline-offset: var(--matcha-space-025, 2px);
}

matcha-chip[disabled], matcha-chip.matcha-chip-disabled {
  pointer-events: none;
  cursor: default;
  opacity: var(--matcha-opacity-disabled, 0.4);
  border-color: var(--matcha-color-interaction-disabled-bg, #282C34);
  color: var(--matcha-color-interaction-disabled-fg, rgba(232, 234, 237, 0.38));
}

matcha-chip[disabled][selected], matcha-chip.matcha-chip-disabled[selected] {
  background: var(--matcha-color-accent, #A8D94E);
  border-color: var(--matcha-color-accent, #A8D94E);
  color: var(--matcha-color-interaction-disabled-fg, rgba(232, 234, 237, 0.38));
}

@media (prefers-reduced-motion: reduce) {
  matcha-chip {
    transition: none;
  }
}
.matcha-chip-leading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: var(--matcha-color-text-hint, #9AA0A6);
}

matcha-chip[selected] .matcha-chip-leading {
  color: var(--matcha-color-accent-text-on, var(--matcha-color-accent-contrast, rgba(0, 0, 0, 0.87)));
}

matcha-chip[disabled] .matcha-chip-leading,
matcha-chip.matcha-chip-disabled .matcha-chip-leading {
  color: var(--matcha-color-interaction-disabled-fg, rgba(232, 234, 237, 0.38));
}

matcha-chip .matcha-chip-leading matcha-icon,
matcha-chip .matcha-chip-leading [class*=" i-matcha-"],
matcha-chip .matcha-chip-remove matcha-icon,
matcha-chip .matcha-chip-remove [class*=" i-matcha-"] {
  color: inherit;
}

.matcha-chip-content {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.matcha-chip-divider {
  display: inline-block;
  flex-shrink: 0;
  width: 1px;
  height: 18px;
  background: currentColor;
  opacity: 0.24;
}

.matcha-chip-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 50%;
  color: inherit;
  cursor: pointer;
  outline: none;
  transition: background-color var(--matcha-duration-instant, 80ms) linear;
}

.matcha-chip-remove:hover:not([disabled]), .matcha-chip-remove:focus-visible:not([disabled]) {
  background: color-mix(in srgb, currentColor 12%, transparent);
}

.matcha-chip-remove[disabled] {
  cursor: default;
}

@media (prefers-reduced-motion: reduce) {
  .matcha-chip-remove {
    transition: none;
  }
}
.matcha-chip-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--matcha-space-100, 8px);
  align-items: center;
}

.matcha-chip-list-wrapper.matcha-chip-list-vertical {
  flex-direction: column;
  align-items: flex-start;
}

@media (forced-colors: active) {
  matcha-chip {
    border: 1px solid CanvasText !important;
    background: Canvas !important;
    color: CanvasText !important;
  }
  matcha-chip:focus-visible {
    outline: 2px solid CanvasText !important;
    outline-offset: 2px;
  }
  matcha-chip[disabled], matcha-chip.is-disabled {
    color: GrayText !important;
    border-color: GrayText !important;
  }
}
@media print {
  matcha-chip {
    border: 1px solid currentColor !important;
    background: transparent !important;
  }
}
matcha-status-pill[color=success] {
  color: var(--matcha-color-success, #16a34a);
  background-color: var(--matcha-color-success-alpha, rgba(22, 163, 74, 0.1));
  border-color: var(--matcha-color-success-alpha, rgba(22, 163, 74, 0.3));
}

matcha-status-pill[color=success] .matcha-status-pill__dot {
  background-color: var(--matcha-color-success, #16a34a);
  box-shadow: 0 0 0 3px var(--matcha-color-success-alpha, rgba(22, 163, 74, 0.2));
}

matcha-status-pill[color=success][interactive]:hover:not([disabled]) {
  background-color: var(--matcha-color-success-alpha, rgba(22, 163, 74, 0.16));
  border-color: var(--matcha-color-success);
}

matcha-status-pill[color=warning] {
  color: var(--matcha-color-warn, #f59e0b);
  background-color: var(--matcha-color-warn-alpha, rgba(245, 158, 11, 0.1));
  border-color: var(--matcha-color-warn-alpha, rgba(245, 158, 11, 0.3));
}

matcha-status-pill[color=warning] .matcha-status-pill__dot {
  background-color: var(--matcha-color-warn, #f59e0b);
  box-shadow: 0 0 0 3px var(--matcha-color-warn-alpha, rgba(245, 158, 11, 0.2));
}

matcha-status-pill[color=warning][interactive]:hover:not([disabled]) {
  background-color: var(--matcha-color-warn-alpha, rgba(245, 158, 11, 0.16));
  border-color: var(--matcha-color-warn);
}

matcha-status-pill[color=danger] {
  color: var(--matcha-color-danger, #ef4444);
  background-color: var(--matcha-color-danger-alpha, rgba(239, 68, 68, 0.1));
  border-color: var(--matcha-color-danger-alpha, rgba(239, 68, 68, 0.3));
}

matcha-status-pill[color=danger] .matcha-status-pill__dot {
  background-color: var(--matcha-color-danger, #ef4444);
  box-shadow: 0 0 0 3px var(--matcha-color-danger-alpha, rgba(239, 68, 68, 0.2));
}

matcha-status-pill[color=danger][interactive]:hover:not([disabled]) {
  background-color: var(--matcha-color-danger-alpha, rgba(239, 68, 68, 0.16));
  border-color: var(--matcha-color-danger);
}

matcha-status-pill[color=info] {
  color: var(--matcha-color-info);
  background-color: var(--matcha-color-info-alpha);
  border-color: var(--matcha-color-info-alpha);
}

matcha-status-pill[color=info] .matcha-status-pill__dot {
  background-color: var(--matcha-color-info);
  box-shadow: 0 0 0 3px var(--matcha-color-info-alpha);
}

matcha-status-pill[color=info][interactive]:hover:not([disabled]) {
  background-color: var(--matcha-color-info-alpha);
  border-color: var(--matcha-color-info);
}

matcha-status-pill[color=disabled] {
  color: var(--matcha-color-disabled-fg);
  background-color: var(--matcha-color-disabled-bg-alpha, var(--matcha-color-disabled-bg));
  border-color: var(--matcha-color-disabled-bg);
}

matcha-status-pill[color=disabled] .matcha-status-pill__dot {
  background-color: var(--matcha-color-disabled-fg);
}

matcha-status-pill[color=neutral] {
  color: var(--matcha-color-text-muted, #9ca3af);
  background-color: var(--matcha-color-surface-hover, rgba(255, 255, 255, 0.04));
  border-color: var(--matcha-color-surface-border, rgba(255, 255, 255, 0.14));
  font-style: italic;
  font-weight: var(--matcha-weight-regular, 400);
}

matcha-status-pill[color=neutral] .matcha-status-pill__dot {
  background-color: var(--matcha-color-text-muted, #9ca3af);
  opacity: 0.5;
}

matcha-status-pill[color=neutral][interactive]:hover:not([disabled]) {
  background-color: var(--matcha-color-surface-bg);
  border-color: var(--matcha-color-text-muted);
}

.matcha-date-input {
  width: 100%;
  font-size: var(--matcha-text-body-md, 14px);
  font-family: inherit;
  line-height: 1.5;
  color: var(--matcha-text-primary, #333);
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.matcha-date-input::placeholder {
  color: var(--matcha-text-placeholder, #999);
}

.matcha-date-input:disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
  color: var(--matcha-text-disabled, #999);
}

.matcha-date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  filter: opacity(0.6);
  -webkit-transition: filter 0.2s ease;
  transition: filter 0.2s ease;
}

.matcha-date-input::-webkit-calendar-picker-indicator:hover {
  filter: opacity(1);
}

.matcha-date-input:disabled::-webkit-calendar-picker-indicator {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}

.matcha-date-input::-moz-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0.6;
  -moz-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.matcha-date-input::-moz-calendar-picker-indicator:hover {
  opacity: 1;
}

.matcha-date-input:disabled::-moz-calendar-picker-indicator {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}

matcha-form-field matcha-date {
  width: 100%;
  display: block;
}

@media (forced-colors: active) {
  matcha-calendar {
    border: 1px solid CanvasText;
    background: Canvas;
  }
  matcha-calendar .matcha-calendar-cell {
    border: 1px solid transparent;
  }
  matcha-calendar .matcha-calendar-cell.is-selected {
    background: Highlight !important;
    color: HighlightText !important;
    border-color: HighlightText;
  }
  matcha-calendar .matcha-calendar-cell.is-today:not(.is-selected) {
    border-color: CanvasText !important;
  }
  matcha-calendar .matcha-calendar-cell.is-disabled, matcha-calendar .matcha-calendar-cell[disabled] {
    color: GrayText !important;
  }
  matcha-calendar .matcha-calendar-cell.is-marked::after {
    background: CanvasText !important;
    forced-color-adjust: none;
  }
  matcha-calendar .matcha-calendar-cell:focus-visible {
    outline: 2px solid CanvasText !important;
    outline-offset: -2px;
  }
  matcha-calendar .matcha-calendar-today-btn:focus-visible {
    outline: 2px solid CanvasText !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  matcha-calendar *,
  matcha-calendar *::before,
  matcha-calendar *::after {
    transition: none !important;
    animation: none !important;
  }
}
@media print {
  matcha-calendar {
    box-shadow: none !important;
    border: 1px solid currentColor;
    break-inside: avoid;
  }
  matcha-calendar .matcha-calendar-cell.is-marked::after {
    background: CanvasText;
    box-shadow: none;
  }
}
.matcha-period-trigger {
  position: relative;
}

.matcha-period-trigger[aria-disabled=true] {
  pointer-events: none;
  cursor: default;
}

matcha-page-builder {
  display: block;
  /* Wrapper do componente Angular */
}

matcha-page-builder .matcha-page-builder {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

matcha-page-builder .matcha-page-builder .editor-shell {
  flex: 1;
  overflow: hidden;
  position: relative;
}

matcha-page-builder .matcha-page-builder .editor-shell [id^=gjs-] {
  height: 100%;
}

matcha-page-builder .matcha-page-builder .editor-controls {
  padding: 16px;
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  display: flex;
  justify-content: flex-end;
}

matcha-page-builder .matcha-page-builder .editor-controls button {
  min-width: 80px;
}

matcha-page-builder .gjs-pn-views-layer,
matcha-page-builder .gjs-cv-canvas {
  transition: width 0.3s ease-in-out;
}

matcha-page-builder .gjs-pn-buttons {
  align-items: center;
  display: flex;
  justify-content: start;
}

matcha-page-builder .gjs-pn-views-layer {
  box-shadow: initial;
  border-top: 2px solid rgba(0, 0, 0, 0.2);
  top: 40px;
  padding-top: 0;
  height: calc(100% - 40px);
  z-index: 4;
  left: 0;
  width: 15%;
  overflow: auto;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

matcha-page-builder .gjs-pn-views-layers {
  left: 0;
  right: unset;
}

matcha-page-builder .gjs-pn-devices-c {
  left: 45%;
}

matcha-page-builder .gjs-pn-opcoes,
matcha-page-builder #gjs-breadcrumbs {
  left: 15%;
}

matcha-page-builder .gjs-pn-opcoes.fechado,
matcha-page-builder #gjs-breadcrumbs.fechado {
  left: 0;
}

matcha-page-builder .gjs-cv-canvas.layer-aberto {
  width: 70%;
  left: 15%;
}

matcha-page-builder .gjs-cv-canvas.layer-aberto.code-editor-aberto {
  width: 50%;
}

matcha-page-builder .gjs-cv-canvas.code-editor-aberto {
  width: 65%;
}

matcha-page-builder .gjs-pn-views-container.code-editor-aberto {
  width: 35%;
}

matcha-page-builder .gjs-bg-main,
matcha-page-builder .gjs-off-prv,
matcha-page-builder .gjs-sm-colorp-c {
  background-color: var(--gjs-main-color);
}

matcha-page-builder .gjs-color-main,
matcha-page-builder .gjs-off-prv,
matcha-page-builder .gjs-sm-stack #gjs-sm-add {
  color: var(--gjs-font-color);
  fill: var(--gjs-font-color);
}

matcha-page-builder .gjs-color-active {
  color: var(--gjs-font-color-active);
  fill: var(--gjs-font-color-active);
}

matcha-page-builder .gjs-color-warn {
  color: var(--gjs-color-warn);
  fill: var(--gjs-color-warn);
}

matcha-page-builder .gjs-color-hl {
  color: var(--gjs-color-highlight);
  fill: var(--gjs-color-highlight);
}

matcha-snack-bar {
  position: fixed;
  z-index: var(--matcha-z-snackbar, 9999);
  right: var(--matcha-space-300, 24px);
  top: var(--matcha-space-300, 24px);
  transform: translateY(-8px) scale(0.96);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--matcha-duration-moderate, 300ms) var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)), transform var(--matcha-duration-moderate, 300ms) var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));
  min-width: var(--matcha-snackbar-min-width, 360px);
  max-width: var(--matcha-snackbar-max-width, 520px);
  touch-action: pan-y;
}

matcha-snack-bar[position=bottom] {
  top: auto;
  bottom: var(--matcha-space-300, 24px);
  transform: translateY(8px) scale(0.96);
}

matcha-snack-bar[position=center] {
  right: auto;
  left: 50%;
  transform: translateX(-50%) translateY(-8px) scale(0.96);
}

matcha-snack-bar.matcha-snack-bar-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

matcha-snack-bar[position=bottom].matcha-snack-bar-visible {
  transform: translateY(0) scale(1);
}

matcha-snack-bar[position=center].matcha-snack-bar-visible {
  transform: translateX(-50%) translateY(0) scale(1);
}

.matcha-snack-bar-content {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-150, 12px);
  padding: var(--matcha-space-150, 12px) var(--matcha-space-200, 16px);
  border-radius: var(--matcha-radius-lg, 8px);
  border: var(--matcha-border-hairline, 1px) solid transparent;
  border-left: var(--matcha-border-medium, 4px) solid transparent;
  box-sizing: border-box;
  min-height: calc(var(--matcha-space-500, 40px) + var(--matcha-space-350, 28px));
  backdrop-filter: blur(12px) saturate(140%);
}

.matcha-snack-bar-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--matcha-icon-size-md, 24px);
  height: var(--matcha-icon-size-md, 24px);
}

.matcha-snack-bar-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-050, 4px);
}

.matcha-snack-bar-title {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-body-md, 20px);
}

.matcha-snack-bar-description {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-md, 20px);
}

.matcha-snack-bar-action {
  flex-shrink: 0;
}

.matcha-snack-bar-close {
  flex-shrink: 0;
}

@media screen and (max-width: 479px) {
  matcha-snack-bar {
    left: var(--matcha-space-200, 16px);
    right: var(--matcha-space-200, 16px);
    min-width: auto;
    max-width: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  matcha-snack-bar {
    transition: none;
  }
}
.matcha-badge-container {
  position: relative;
  display: inline-flex;
}

.matcha-badge {
  position: absolute;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--matcha-weight-bold, 700);
  white-space: nowrap;
  pointer-events: none;
  border-radius: var(--matcha-radius-pill, 9999px);
  animation: matcha-badge-in 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
  top: calc(-1 * var(--matcha-space-050, 4px));
  right: calc(-1 * var(--matcha-space-050, 4px));
}

.matcha-badge.matcha-badge--top-left {
  top: calc(-1 * var(--matcha-space-050, 4px));
  right: auto;
  left: calc(-1 * var(--matcha-space-050, 4px));
}

.matcha-badge.matcha-badge--bottom-right {
  top: auto;
  bottom: calc(-1 * var(--matcha-space-050, 4px));
  right: calc(-1 * var(--matcha-space-050, 4px));
}

.matcha-badge.matcha-badge--bottom-left {
  top: auto;
  bottom: calc(-1 * var(--matcha-space-050, 4px));
  right: auto;
  left: calc(-1 * var(--matcha-space-050, 4px));
}

.matcha-badge--dot {
  width: var(--matcha-badge-dot-size, 10px);
  height: var(--matcha-badge-dot-size, 10px);
  border-width: var(--matcha-border-thin, 2px);
  border-style: solid;
}

.matcha-badge--count {
  min-width: var(--matcha-space-250, 20px);
  height: var(--matcha-space-250, 20px);
  padding: 1px var(--matcha-space-050, 4px);
  font-size: var(--matcha-text-p-tiny, 11px);
  line-height: var(--matcha-leading-p-tiny, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  letter-spacing: 0;
  border-width: var(--matcha-border-thin, 2px);
  border-style: solid;
}

.matcha-badge--label {
  position: static;
  padding: var(--matcha-space-025, 2px) var(--matcha-space-100, 8px);
  font-size: var(--matcha-text-p-tiny, 11px);
  line-height: var(--matcha-leading-p-tiny, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  gap: var(--matcha-space-050, 4px);
}

.matcha-badge--inline {
  position: static;
}

.matcha-badge--hidden {
  display: none;
}

@keyframes matcha-badge-in {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .matcha-badge {
    animation: none;
  }
}
matcha-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--matcha-space-200, 16px);
  width: 400px;
  max-width: 100%;
  margin-inline: auto;
  padding: var(--matcha-space-600, 48px) var(--matcha-space-400, 32px);
  box-sizing: border-box;
  text-align: center;
}

.matcha-empty-state__icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: var(--matcha-radius-xl, 16px);
  background-color: var(--matcha-color-interaction-disabled-bg, #282C34);
  opacity: var(--matcha-opacity-overlay-soft, 0.4);
  overflow: hidden;
}

matcha-empty-state .matcha-empty-state__icon-container .matcha-empty-state__icon,
matcha-empty-state .matcha-empty-state__icon-container matcha-icon {
  font-size: 28px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  color: var(--matcha-color-text-primary, #E8EAED);
}

matcha-empty-state[variant=success] .matcha-empty-state__icon-container {
  background-color: var(--matcha-color-success, #4caf50);
}

matcha-empty-state[variant=warning] .matcha-empty-state__icon-container {
  background-color: var(--matcha-color-warn, #ff9800);
}

matcha-empty-state[variant=error] .matcha-empty-state__icon-container {
  background-color: var(--matcha-color-danger, #f44336);
}

matcha-empty-state[variant=info] .matcha-empty-state__icon-container {
  background-color: var(--matcha-color-info, #64B5F6);
}

matcha-empty-state[variant]:not([variant=default]) .matcha-empty-state__icon-container {
  opacity: 1;
}

matcha-empty-state[variant]:not([variant=default]) .matcha-empty-state__icon-container .matcha-empty-state__icon,
matcha-empty-state[variant]:not([variant=default]) .matcha-empty-state__icon-container matcha-icon {
  color: var(--matcha-color-on-feedback, #FFFFFF);
}

matcha-empty-state[variant=success] .matcha-empty-state__icon-container .matcha-empty-state__icon,
matcha-empty-state[variant=success] .matcha-empty-state__icon-container matcha-icon {
  color: var(--matcha-color-success-contrast) !important;
}

matcha-empty-state[variant=warning] .matcha-empty-state__icon-container .matcha-empty-state__icon,
matcha-empty-state[variant=warning] .matcha-empty-state__icon-container matcha-icon {
  color: var(--matcha-color-warn-contrast) !important;
}

matcha-empty-state[variant=error] .matcha-empty-state__icon-container .matcha-empty-state__icon,
matcha-empty-state[variant=error] .matcha-empty-state__icon-container matcha-icon {
  color: var(--matcha-color-danger-contrast) !important;
}

matcha-empty-state[variant=info] .matcha-empty-state__icon-container .matcha-empty-state__icon,
matcha-empty-state[variant=info] .matcha-empty-state__icon-container matcha-icon {
  color: var(--matcha-color-info-contrast) !important;
}

matcha-empty-state [matchaEmptyStateMedia] {
  display: block;
  flex-shrink: 0;
  max-width: 120px;
  max-height: 120px;
  object-fit: contain;
}

matcha-empty-state:has([matchaEmptyStateMedia]) .matcha-empty-state__icon-container {
  display: none;
}

.matcha-empty-state__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  width: 100%;
}

.matcha-empty-state__title {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-label-lg, 16px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-label-lg, 22px);
  letter-spacing: 0.2px;
  color: var(--matcha-color-text-primary, #E8EAED);
  margin: 0;
  max-width: 336px;
}

.matcha-empty-state__description {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-md, 20px);
  color: var(--matcha-color-text-secondary);
  margin: 0;
  max-width: 210px;
}

.matcha-empty-state__action {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--matcha-space-100, 8px);
}

.matcha-empty-state__action:empty {
  display: none;
}

matcha-empty-state[size=compact],
matcha-empty-state.matcha-empty-state--compact {
  width: 280px;
  padding: var(--matcha-space-300, 24px) var(--matcha-space-200, 16px);
  gap: var(--matcha-space-150, 12px);
}

matcha-empty-state[size=compact] .matcha-empty-state__icon-container,
matcha-empty-state.matcha-empty-state--compact .matcha-empty-state__icon-container {
  width: 48px;
  height: 48px;
  border-radius: var(--matcha-radius-lg, 12px);
}

matcha-empty-state[size=compact] .matcha-empty-state__icon,
matcha-empty-state[size=compact] matcha-icon.matcha-empty-state__icon,
matcha-empty-state.matcha-empty-state--compact .matcha-empty-state__icon,
matcha-empty-state.matcha-empty-state--compact matcha-icon.matcha-empty-state__icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

matcha-empty-state[size=compact] .matcha-empty-state__title,
matcha-empty-state.matcha-empty-state--compact .matcha-empty-state__title {
  font-size: var(--matcha-text-body-md, 14px);
  line-height: var(--matcha-leading-body-md, 20px);
  max-width: 240px;
}

matcha-empty-state[size=compact] .matcha-empty-state__description,
matcha-empty-state.matcha-empty-state--compact .matcha-empty-state__description {
  max-width: 240px;
}

@media (max-width: 479px) {
  matcha-empty-state:not([size=compact]):not(.matcha-empty-state--compact) {
    padding: var(--matcha-space-400, 32px) var(--matcha-space-250, 20px);
  }
}
@media (forced-colors: active) {
  matcha-empty-state .matcha-empty-state__icon-container {
    background: Canvas !important;
    border: 1px solid CanvasText !important;
    opacity: 1 !important;
  }
  matcha-empty-state .matcha-empty-state__icon-container matcha-icon {
    color: CanvasText !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  matcha-empty-state * {
    transition: none !important;
    animation: none !important;
  }
}
@media print {
  matcha-empty-state .matcha-empty-state__action {
    display: none !important;
  }
}
.matcha-tree-view {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-050, 4px);
  padding: var(--matcha-space-200, 16px);
  background: var(--matcha-color-surface-background);
  border-radius: var(--matcha-radius-lg, 8px);
  container-type: inline-size;
  container-name: matcha-tree-view;
}

.matcha-tree-view .matcha-drop-list-container {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-050, 4px);
}

matcha-tree-branch,
.matcha-tree-view__children {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-050, 4px);
  min-height: 2px;
}

.matcha-tree-view__node {
  display: block;
}

.matcha-drop-zone-cannot-accept {
  outline: 2px dashed var(--matcha-color-danger, #e5484d);
  outline-offset: -2px;
  border-radius: var(--matcha-radius-md, 4px);
}

matcha-tree-view-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
  outline: none;
}

matcha-tree-view-item[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

matcha-tree-view-item[clickable]:not([disabled]) {
  cursor: pointer;
}

matcha-tree-view-item[clickable]:not([disabled]):focus-visible .matcha-tree-view-item__row {
  outline: 2px solid var(--matcha-color-accent);
  outline-offset: -2px;
}

.matcha-tree-view-item__indent {
  flex: none;
}

.matcha-tree-view-item__guides {
  flex: none;
  align-self: stretch;
  display: flex;
}

.matcha-tree-view-item__guide {
  --_guide: var(--matcha-tree-view-guide-color, var(--matcha-color-surface-border));
  --_pad: var(--matcha-space-100, 8px);
  position: relative;
  flex: none;
}

.matcha-tree-view-item__guide[data-guide=line]::before, .matcha-tree-view-item__guide[data-guide=tee]::before, .matcha-tree-view-item__guide[data-guide=ell]::before {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(-1 * var(--_pad));
  width: 1px;
  background: var(--_guide);
}

.matcha-tree-view-item__guide[data-guide=line]::before, .matcha-tree-view-item__guide[data-guide=tee]::before {
  bottom: calc(-1 * var(--_pad));
}

.matcha-tree-view-item__guide[data-guide=ell]::before {
  height: calc(50% + var(--_pad));
}

.matcha-tree-view-item__guide[data-guide=tee]::after, .matcha-tree-view-item__guide[data-guide=ell]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  height: 1px;
  background: var(--_guide);
}

.matcha-tree-view-item__row {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  min-height: 48px;
  padding: var(--matcha-space-100, 8px) var(--matcha-space-150, 12px);
  background: transparent;
  border-bottom: 1px solid var(--matcha-color-surface-border);
  border-radius: var(--matcha-radius-md, 4px);
  box-sizing: border-box;
  min-width: 0;
  transition: background-color var(--matcha-duration-instant, 80ms) ease;
  flex-wrap: var(--matcha-tree-view-item-wrap, nowrap);
}

matcha-tree-view-item:not([disabled]):hover .matcha-tree-view-item__row {
  background: var(--matcha-color-surface-hover);
}

.matcha-tree-view-item__grip {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  --matcha-icon-color: var(--matcha-color-text-muted);
  cursor: grab;
  transition: --matcha-icon-color var(--matcha-duration-instant, 80ms) ease;
}

.matcha-tree-view-item__grip:hover {
  --matcha-icon-color: var(--matcha-color-text-primary);
}

.matcha-tree-view-item__grip:active {
  cursor: grabbing;
}

.matcha-tree-view matcha-tree-view-item:not([disabled]) .matcha-tree-view-item__row {
  background: var(--matcha-color-surface-card);
}

.matcha-tree-view matcha-tree-view-item:not([disabled]):hover .matcha-tree-view-item__row {
  background: var(--matcha-color-surface-card-strong, var(--matcha-color-surface-card));
}

.matcha-drag-item.matcha-drag-dragging {
  opacity: 0.35;
}

.matcha-drag-item.matcha-drag-dragging .matcha-tree-view-item__row {
  background: var(--matcha-color-surface-hover);
}

.matcha-tree-view .matcha-drop-list-placeholder {
  height: 4px;
  margin: var(--matcha-space-050, 4px) 0;
  background: var(--matcha-color-accent);
  border-radius: var(--matcha-radius-sm, 2px);
  opacity: 0.85;
  box-shadow: 0 0 0 2px var(--matcha-color-accent-alpha, rgba(168, 217, 78, 0.2));
  animation: matcha-tree-view-pulse 800ms ease-in-out infinite alternate;
}

@keyframes matcha-tree-view-pulse {
  from {
    opacity: 0.7;
  }
  to {
    opacity: 1;
  }
}
.matcha-tree-view .matcha-drop-list-empty-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--matcha-space-400, 32px);
  font-size: var(--matcha-text-body-sm, 12px);
  color: var(--matcha-color-text-muted);
  border: 2px dashed var(--matcha-color-surface-border);
  border-radius: var(--matcha-radius-md, 4px);
  background: transparent;
}

.matcha-drag-item.matcha-drag-dragging .matcha-tree-view-item__grip {
  cursor: grabbing;
}

matcha-tree-view-item:not(.matcha-drag-dragging) {
  animation: matcha-tree-view-item-in 220ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes matcha-tree-view-item-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@container matcha-tree-view (max-width: 480px) {
  .matcha-tree-view-item__indent {
    transform: scaleX(0.6);
    transform-origin: left center;
  }
  .matcha-tree-view-item__row {
    gap: var(--matcha-space-050, 4px);
    padding: var(--matcha-space-100, 8px);
    min-height: 44px;
  }
}
@media (prefers-reduced-motion: reduce) {
  matcha-tree-view-item,
  matcha-tree-view-item:not(.matcha-drag-dragging),
  .matcha-tree-view .matcha-drop-list-placeholder {
    animation: none !important;
    transition: none !important;
  }
}
.matcha-nav-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  color: inherit;
  -webkit-user-select: none;
          user-select: none;
  appearance: none;
  border: 0;
  background: transparent;
  font: inherit;
  text-align: start;
  outline: none;
}

.matcha-nav-item.matcha-nav-item--disabled {
  pointer-events: none;
  cursor: default;
}

.matcha-nav-item.matcha-nav-item--disabled .matcha-nav-item__row {
  cursor: default;
}

.matcha-nav-item:focus-visible .matcha-nav-item__row {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: calc(-1 * var(--matcha-state-focus-ring-width, 2px));
}

.matcha-nav-item__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  padding-block: var(--matcha-space-100, 8px);
  padding-inline: var(--matcha-space-150, 12px);
  border-radius: var(--matcha-radius-md, 4px);
  border: 0;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  width: 100%;
  box-sizing: border-box;
  transition: background-color var(--matcha-duration-instant, 80ms) ease, border-color var(--matcha-duration-instant, 80ms) ease;
}

.matcha-nav-item__icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.matcha-nav-item__label {
  flex: 1;
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.matcha-nav-item__badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--matcha-space-025, 2px) var(--matcha-space-100, 8px);
  gap: var(--matcha-space-050, 4px);
  border-radius: var(--matcha-radius-pill, 9999px);
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-p-tiny, 11px);
  line-height: var(--matcha-leading-p-tiny, 14px);
  letter-spacing: var(--matcha-letter-spacing-caption, 0.3px);
  font-weight: 400;
}

.matcha-nav-item__count {
  flex-shrink: 0;
  font-family: var(--matcha-font-family);
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: var(--matcha-color-text-secondary);
  opacity: 0.7;
  margin-left: auto;
  margin-right: 4px;
}

.matcha-nav-item__chevron {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  opacity: 0.5;
  transition: transform var(--matcha-duration-fast, 200ms) var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));
  transform: rotate(0deg);
}

.matcha-nav-item--expanded .matcha-nav-item__chevron {
  transform: rotate(90deg);
}

.matcha-nav-item--indented .matcha-nav-item__row {
  padding-block: var(--matcha-space-075, 6px);
  padding-inline: var(--matcha-space-300, 24px) var(--matcha-space-100, 8px);
  border-radius: var(--matcha-radius-sm, 2px);
}

.matcha-nav-item--indented .matcha-nav-item__row .matcha-nav-item__label {
  font-size: var(--matcha-text-body-sm, 12px);
  line-height: 16px;
}

.matcha-nav-item--indented .matcha-nav-item__row .matcha-nav-item__icon,
.matcha-nav-item--indented .matcha-nav-item__row .matcha-nav-item__badge,
.matcha-nav-item--indented .matcha-nav-item__row .matcha-nav-item__chevron {
  display: none;
}

.matcha-nav-item__children {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--matcha-space-050, 4px);
  margin-top: var(--matcha-space-050, 4px);
  width: 100%;
  animation: matcha-nav-item-children-in var(--matcha-duration-fast, 200ms) var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));
}

@keyframes matcha-nav-item-children-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.matcha-nav-rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 72px;
  height: 100%;
  flex-shrink: 0;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
}

.matcha-nav-rail__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--matcha-grid-header-height, 56px);
  padding: var(--matcha-space-050, 4px) 0;
  flex-shrink: 0;
  box-sizing: border-box;
}

.matcha-nav-rail__modules {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--matcha-space-050, 4px);
  padding: var(--matcha-space-150, 12px) 0;
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}

.matcha-nav-rail__modules::-webkit-scrollbar {
  display: none;
}

[matcha-nav-rail-module],
.matcha-nav-rail__module {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: var(--matcha-radius-xl, 12px);
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  appearance: none;
  font: inherit;
  color: inherit;
  transition: background-color var(--matcha-duration-instant, 80ms) ease, color var(--matcha-duration-instant, 80ms) ease;
}

[matcha-nav-rail-module]:focus-visible,
.matcha-nav-rail__module:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}

[matcha-nav-rail-module]:disabled, [matcha-nav-rail-module][disabled], [matcha-nav-rail-module][aria-disabled=true],
.matcha-nav-rail__module:disabled,
.matcha-nav-rail__module[disabled],
.matcha-nav-rail__module[aria-disabled=true] {
  cursor: default;
  pointer-events: none;
}

.matcha-nav-rail [matcha-nav-rail-module-label],
.matcha-nav-rail .matcha-nav-rail__module-label {
  display: none;
}

.matcha-nav-rail--labeled {
  width: 84px;
}

.matcha-nav-rail--labeled .matcha-nav-rail__modules [matcha-nav-rail-module],
.matcha-nav-rail--labeled .matcha-nav-rail__modules .matcha-nav-rail__module,
.matcha-nav-rail--labeled .matcha-nav-rail__footer [matcha-nav-rail-module],
.matcha-nav-rail--labeled .matcha-nav-rail__footer .matcha-nav-rail__module {
  flex-direction: column;
  gap: var(--matcha-space-050, 4px);
  width: 76px;
  height: auto;
  min-height: 64px;
  padding-block: var(--matcha-space-075, 6px);
  padding-inline: var(--matcha-space-050, 4px);
}

.matcha-nav-rail--labeled .matcha-nav-rail__modules [matcha-nav-rail-module-label],
.matcha-nav-rail--labeled .matcha-nav-rail__modules .matcha-nav-rail__module-label,
.matcha-nav-rail--labeled .matcha-nav-rail__footer [matcha-nav-rail-module-label],
.matcha-nav-rail--labeled .matcha-nav-rail__footer .matcha-nav-rail__module-label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-width: 100%;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-2xs, 10px);
  line-height: var(--matcha-leading-p-tiny, 14px);
  letter-spacing: var(--matcha-letter-spacing-caption, 0.3px);
  font-weight: 400;
  text-align: center;
  overflow-wrap: break-word;
}

.matcha-nav-rail__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: var(--matcha-space-100, 8px) 0;
  flex-shrink: 0;
  box-sizing: border-box;
}

.matcha-nav-rail__divider {
  flex-shrink: 0;
  width: 28px;
  height: 1px;
}

.matcha-nav-panel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 216px;
  height: 100%;
  box-sizing: border-box;
  padding: 0;
  overflow: hidden;
}

.matcha-nav-panel__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--matcha-space-200, 16px);
  padding-block-start: var(--matcha-space-250, 20px);
  padding-block-end: var(--matcha-space-200, 16px);
  padding-inline: var(--matcha-space-250, 20px);
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
}

.matcha-nav-panel__header:has([matcha-nav-panel-header]) .matcha-nav-panel__title-row--default {
  display: none;
}

.matcha-nav-panel__title-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  width: 100%;
  height: 20px;
  min-width: 0;
}

.matcha-nav-panel__title-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.matcha-nav-panel__title {
  flex: 1;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.matcha-nav-panel__divider {
  flex-shrink: 0;
  width: 192px;
  height: 1px;
  margin: 0 auto;
}

.matcha-nav-panel__items {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--matcha-space-050, 4px);
  padding: var(--matcha-space-150, 12px);
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}

@media (prefers-reduced-motion: reduce) {
  .matcha-nav-item,
  .matcha-nav-rail__module {
    animation: none;
    transition: none;
  }
}
@media (forced-colors: active) {
  .matcha-nav-item {
    forced-color-adjust: none;
  }
  .matcha-nav-item.matcha-nav-item--active > .matcha-nav-item__row {
    background: Highlight;
    color: HighlightText;
    border-inline-start: 3px solid Highlight;
  }
  .matcha-nav-item:not(.matcha-nav-item--disabled):not(.matcha-nav-item--active) > .matcha-nav-item__row:hover, .matcha-nav-item.matcha-nav-item--expanded:not(.matcha-nav-item--active) > .matcha-nav-item__row {
    background: SelectedItem;
    color: SelectedItemText;
  }
  .matcha-nav-item:focus-visible .matcha-nav-item__row {
    outline-color: CanvasText;
  }
  .matcha-nav-rail {
    border-inline-end-color: CanvasText;
  }
  [matcha-nav-rail-module]:hover:not([aria-current]):not(.matcha-nav-rail__module--active),
  .matcha-nav-rail__module:hover:not([aria-current]):not(.matcha-nav-rail__module--active) {
    background: SelectedItem;
    color: SelectedItemText;
  }
  [matcha-nav-rail-module][aria-current],
  [matcha-nav-rail-module].matcha-nav-rail__module--active,
  .matcha-nav-rail__module--active {
    background: Highlight;
    color: HighlightText;
  }
  [matcha-nav-rail-module][aria-current] matcha-icon,
  [matcha-nav-rail-module].matcha-nav-rail__module--active matcha-icon,
  .matcha-nav-rail__module--active matcha-icon {
    color: HighlightText;
  }
  .matcha-nav-rail__divider {
    background-color: CanvasText;
  }
  .matcha-nav-panel {
    border-color: CanvasText;
  }
  .matcha-nav-panel__divider {
    background-color: CanvasText;
  }
}
.matcha-nav-drawer {
  position: fixed;
  inset: 0;
  z-index: var(--matcha-nav-drawer-z, 1000);
  pointer-events: none;
}

.matcha-nav-drawer.matcha-nav-drawer--opened {
  pointer-events: auto;
}

.matcha-nav-drawer.matcha-nav-drawer--contained {
  position: absolute;
}

.matcha-nav-drawer .matcha-drawer-container {
  height: 100%;
  background-color: transparent;
}

.matcha-nav-drawer matcha-drawer {
  --drawer-pad-x: var(--matcha-space-150, 12px);
  --drawer-pad-y: var(--matcha-space-150, 12px);
}

.matcha-nav-drawer .matcha-nav-drawer__brand {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: var(--matcha-space-100, 8px);
}

.matcha-nav-drawer .matcha-nav-drawer__search {
  display: block;
  width: 100%;
  flex-shrink: 0;
}

.matcha-nav-drawer .matcha-nav-drawer__search > * {
  width: 100%;
}

.matcha-nav-drawer .matcha-nav-drawer__items {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--matcha-space-050, 4px);
  width: 100%;
}

.matcha-nav-drawer .matcha-nav-drawer__items > .matcha-nav-item > .matcha-nav-item__children {
  padding-inline-start: var(--matcha-space-300, 24px);
}

.matcha-nav-drawer .matcha-drawer__slot--footer > * {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--matcha-space-025, 2px);
}

.matcha-nav-drawer .matcha-nav-drawer__footer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--matcha-space-025, 2px);
  width: 100%;
}

.matcha-nav-drawer .matcha-drawer__slot--footer:not(:has(matcha-nav-drawer-footer)) {
  display: none;
}

@media print {
  .matcha-nav-rail,
  .matcha-nav-panel,
  .matcha-nav-drawer {
    display: none !important;
  }
}
.matcha-list-item {
  position: relative;
  overflow: hidden;
}

.matcha-list-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  opacity: 0;
  border-radius: inherit;
  pointer-events: none;
  transition: opacity var(--matcha-duration-instant, 80ms) linear;
}

.matcha-list-item:hover:not(.matcha-list-item--disabled)::before {
  opacity: var(--matcha-state-hover, 0.08);
}

.matcha-list-item:active:not(.matcha-list-item--disabled)::before {
  opacity: var(--matcha-state-active, 0.12);
}

@media (prefers-reduced-motion: reduce) {
  .matcha-list-item::before {
    transition: none;
  }
}
[class^=i-matcha-],
[class*=" i-matcha-"],
matcha-icon[library=symbols] {
  font-size: var(--matcha-icon-size-md);
  width: var(--matcha-icon-size-md);
  height: var(--matcha-icon-size-md);
  line-height: var(--matcha-icon-size-md);
}

[class^=i-matcha-].i-size-xs, [class^=i-matcha-].i-size-tiny, [class^=i-matcha-][size=xs], [class^=i-matcha-][size=tiny],
[class*=" i-matcha-"].i-size-xs,
[class*=" i-matcha-"].i-size-tiny,
[class*=" i-matcha-"][size=xs],
[class*=" i-matcha-"][size=tiny],
matcha-icon[library=symbols].i-size-xs,
matcha-icon[library=symbols].i-size-tiny,
matcha-icon[library=symbols][size=xs],
matcha-icon[library=symbols][size=tiny] {
  font-size: var(--matcha-icon-size-xs, 12px);
  width: var(--matcha-icon-size-xs, 12px);
  height: var(--matcha-icon-size-xs, 12px);
  line-height: var(--matcha-icon-size-xs, 12px);
}

[class^=i-matcha-].i-size-sm, [class^=i-matcha-].i-size-small, [class^=i-matcha-][size=sm], [class^=i-matcha-][size=small],
[class*=" i-matcha-"].i-size-sm,
[class*=" i-matcha-"].i-size-small,
[class*=" i-matcha-"][size=sm],
[class*=" i-matcha-"][size=small],
matcha-icon[library=symbols].i-size-sm,
matcha-icon[library=symbols].i-size-small,
matcha-icon[library=symbols][size=sm],
matcha-icon[library=symbols][size=small] {
  font-size: var(--matcha-icon-size-sm);
  width: var(--matcha-icon-size-sm);
  height: var(--matcha-icon-size-sm);
  line-height: var(--matcha-icon-size-sm);
}

[class^=i-matcha-].i-size-md, [class^=i-matcha-].i-size-medium, [class^=i-matcha-][size=md], [class^=i-matcha-][size=medium],
[class*=" i-matcha-"].i-size-md,
[class*=" i-matcha-"].i-size-medium,
[class*=" i-matcha-"][size=md],
[class*=" i-matcha-"][size=medium],
matcha-icon[library=symbols].i-size-md,
matcha-icon[library=symbols].i-size-medium,
matcha-icon[library=symbols][size=md],
matcha-icon[library=symbols][size=medium] {
  font-size: var(--matcha-icon-size-md);
  width: var(--matcha-icon-size-md);
  height: var(--matcha-icon-size-md);
  line-height: var(--matcha-icon-size-md);
}

[class^=i-matcha-].i-size-lg, [class^=i-matcha-].i-size-large, [class^=i-matcha-][size=lg], [class^=i-matcha-][size=large],
[class*=" i-matcha-"].i-size-lg,
[class*=" i-matcha-"].i-size-large,
[class*=" i-matcha-"][size=lg],
[class*=" i-matcha-"][size=large],
matcha-icon[library=symbols].i-size-lg,
matcha-icon[library=symbols].i-size-large,
matcha-icon[library=symbols][size=lg],
matcha-icon[library=symbols][size=large] {
  font-size: var(--matcha-icon-size-lg);
  width: var(--matcha-icon-size-lg);
  height: var(--matcha-icon-size-lg);
  line-height: var(--matcha-icon-size-lg);
}

[class^=i-matcha-].i-size-xl, [class^=i-matcha-].i-size-huge, [class^=i-matcha-][size=xl], [class^=i-matcha-][size=huge],
[class*=" i-matcha-"].i-size-xl,
[class*=" i-matcha-"].i-size-huge,
[class*=" i-matcha-"][size=xl],
[class*=" i-matcha-"][size=huge],
matcha-icon[library=symbols].i-size-xl,
matcha-icon[library=symbols].i-size-huge,
matcha-icon[library=symbols][size=xl],
matcha-icon[library=symbols][size=huge] {
  font-size: var(--matcha-icon-size-xl);
  width: var(--matcha-icon-size-xl);
  height: var(--matcha-icon-size-xl);
  line-height: var(--matcha-icon-size-xl);
}

matcha-text-editor {
  display: block;
  width: 100%;
}

matcha-text-editor .sun-editor {
  border-radius: 8px;
  overflow: hidden;
}

.matcha-chart-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: var(--matcha-radius-xl, 16px);
  overflow: hidden;
  box-sizing: border-box;
}

.matcha-chart-card__accent {
  width: 100%;
  height: 3px;
  flex-shrink: 0;
}

.matcha-chart-card__content {
  display: flex;
  flex-direction: column;
  padding: var(--matcha-space-200, 16px);
  flex: 1;
}

@media (prefers-reduced-motion: reduce) {
  .matcha-chart-card {
    transition: none;
  }
}
.matcha-crop {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 320px;
}

.matcha-crop__header {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  padding: var(--matcha-space-200, 16px) var(--matcha-space-300, 24px);
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-title-sm, 16px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-title-sm, 22px);
  flex-shrink: 0;
}

.matcha-crop__title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.matcha-crop__toolbar {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-050, 4px);
}

.matcha-crop__icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: var(--matcha-radius-md, 4px);
  cursor: pointer;
  transition: background 150ms ease, color 150ms ease;
}

.matcha-crop__canvas {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-height: 320px;
  cursor: grab;
  -webkit-user-select: none;
          user-select: none;
}

.matcha-crop__canvas.is-interacting {
  cursor: grabbing;
}

.matcha-crop__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
  transform-origin: center center;
  will-change: transform;
  transition: transform 80ms ease-out;
}

.matcha-crop__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  transition: clip-path 80ms ease-out;
}

.matcha-crop__area {
  position: absolute;
  box-sizing: border-box;
  cursor: move;
  touch-action: none;
}

.matcha-crop__area--circle {
  border-radius: 50%;
}

.matcha-crop__hint {
  position: absolute;
  bottom: calc(100% + var(--matcha-space-100, 8px));
  left: 50%;
  transform: translateX(-50%);
  padding: var(--matcha-space-050, 4px) var(--matcha-space-100, 8px);
  font-size: 11px;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.7);
  border-radius: var(--matcha-radius-sm, 2px);
  pointer-events: none;
  white-space: nowrap;
}

.matcha-crop__grid {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  pointer-events: none;
}

.matcha-crop__grid-line:nth-child(1) {
  grid-column: 2;
  grid-row: 1/4;
  width: 1px;
  justify-self: start;
}

.matcha-crop__grid-line:nth-child(2) {
  grid-column: 3;
  grid-row: 1/4;
  width: 1px;
  justify-self: start;
}

.matcha-crop__grid-line:nth-child(3) {
  grid-column: 1/4;
  grid-row: 2;
  height: 1px;
  align-self: start;
}

.matcha-crop__grid-line:nth-child(4) {
  grid-column: 1/4;
  grid-row: 3;
  height: 1px;
  align-self: start;
}

.matcha-crop__handle {
  position: absolute;
  width: var(--matcha-crop-handle-size, 16px);
  height: var(--matcha-crop-handle-size, 16px);
  margin: calc(-1 * var(--matcha-crop-handle-size, 16px) / 2);
  padding: 0;
  background: transparent;
  border: var(--matcha-border-thin, 2px) solid transparent;
  border-radius: 50%;
  pointer-events: auto;
  z-index: 2;
  touch-action: none;
}

.matcha-crop__handle::after {
  content: "";
  position: absolute;
  inset: -14px;
}

.matcha-crop__handle:focus-visible {
  outline: 2px solid var(--matcha-color-focus-ring);
  outline-offset: 2px;
}

.matcha-crop__zoom-bar {
  position: absolute;
  bottom: var(--matcha-space-200, 16px);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  padding: var(--matcha-space-075, 6px) var(--matcha-space-150, 12px);
  border-radius: var(--matcha-radius-pill, 9999px);
  backdrop-filter: blur(8px);
  font-size: var(--matcha-text-body-sm, 12px);
  z-index: 3;
}

.matcha-crop__zoom-slider {
  appearance: none;
  width: 160px;
  height: 4px;
  background: var(--matcha-color-surface-border);
  border-radius: 2px;
  cursor: pointer;
  outline: none;
}

.matcha-crop__zoom-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: var(--matcha-color-accent);
  border: 2px solid var(--matcha-color-surface);
  border-radius: 50%;
  cursor: grab;
}

.matcha-crop__zoom-slider::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background: var(--matcha-color-accent);
  border: 2px solid var(--matcha-color-surface);
  border-radius: 50%;
  cursor: grab;
}

.matcha-crop__zoom-slider:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px var(--matcha-color-focus-ring);
}

.matcha-crop__zoom-value {
  min-width: 40px;
  font-family: "Fira Code", Consolas, monospace;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.matcha-crop__state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--matcha-space-100, 8px);
  padding: var(--matcha-space-300, 24px);
  text-align: center;
  max-width: 360px;
}

.matcha-crop__state-icon {
  font-size: 48px;
  width: 48px;
  height: 48px;
  --matcha-icon-color: currentColor;
}

.matcha-crop__state-icon--spin {
  animation: matcha-crop-spin 1.2s linear infinite;
}

.matcha-crop__state-title {
  margin: 0;
  font-size: var(--matcha-text-title-sm, 16px);
  font-weight: var(--matcha-weight-semibold, 600);
}

.matcha-crop__state-desc {
  margin: 0;
  font-size: var(--matcha-text-body-sm, 12px);
  line-height: 1.4;
}

.matcha-crop__state-desc code {
  padding: 2px 6px;
  background: var(--matcha-color-surface-card);
  border-radius: var(--matcha-radius-sm, 2px);
  font-family: "Fira Code", Consolas, monospace;
  font-size: 11px;
}

@keyframes matcha-crop-spin {
  to {
    transform: rotate(360deg);
  }
}
.matcha-crop__sr-live {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.matcha-crop__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--matcha-space-100, 8px);
  padding: var(--matcha-space-200, 16px) var(--matcha-space-300, 24px);
  flex-shrink: 0;
}

.matcha-crop__footer:empty {
  padding: 0;
}

@media (max-width: 640px) {
  .matcha-crop__header,
  .matcha-crop__footer {
    padding: var(--matcha-space-150, 12px) var(--matcha-space-200, 16px);
  }
  .matcha-crop__canvas {
    min-height: 280px;
  }
  .matcha-crop__zoom-slider {
    width: 120px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .matcha-crop__image,
  .matcha-crop__overlay {
    transition: none;
  }
  .matcha-crop__state-icon--spin {
    animation: none;
  }
}
.matcha-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  margin-block-start: var(--matcha-footer-gap-block, var(--matcha-footer-gap, var(--matcha-space-300, 24px)));
  margin-inline: var(--matcha-footer-gap-inline, var(--matcha-footer-gap, var(--matcha-space-300, 24px)));
  width: max(0px, 100% - 2 * var(--matcha-footer-gap-inline, var(--matcha-footer-gap, var(--matcha-space-300, 24px))));
  min-block-size: var(--matcha-footer-height, 28px);
  padding-block: var(--matcha-space-100, 8px);
  padding-inline: var(--matcha-space-200, 16px);
  border-start-start-radius: var(--matcha-radius-lg, 8px);
  border-start-end-radius: var(--matcha-radius-lg, 8px);
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-sm, 12px);
  line-height: var(--matcha-leading-body-sm, 16px);
}

@media (forced-colors: active) {
  .matcha-footer {
    border-top: 1px solid CanvasText;
  }
}
@media (prefers-reduced-motion: reduce) {
  .matcha-footer {
    transition: none !important;
    animation: none !important;
  }
}
@media print {
  .matcha-footer {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .matcha-footer {
    min-block-size: 24px;
    padding-block: var(--matcha-space-075, 6px);
    padding-inline: var(--matcha-space-200, 16px);
    margin-block-start: var(--matcha-footer-gap-block, var(--matcha-footer-gap, var(--matcha-space-200, 16px)));
    margin-inline: var(--matcha-footer-gap-inline, var(--matcha-footer-gap, var(--matcha-space-200, 16px)));
    width: max(0px, 100% - 2 * var(--matcha-footer-gap-inline, var(--matcha-footer-gap, var(--matcha-space-200, 16px))));
  }
}
.matcha-file-uploader {
  display: block;
  width: 100%;
}

.matcha-file-uploader-empty {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-150, 12px);
  width: 100%;
}

.matcha-file-uploader-dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--matcha-space-200, 16px);
  padding: var(--matcha-space-400, 32px) var(--matcha-space-300, 24px);
  border: var(--matcha-border-thin, 2px) dashed transparent;
  border-radius: var(--matcha-radius-lg, 8px);
  cursor: pointer;
  transition: background-color var(--matcha-duration-instant, 80ms) linear, border-color var(--matcha-duration-instant, 80ms) linear;
}

.matcha-file-uploader-dropzone:focus-visible {
  outline: var(--matcha-border-thin, 2px) solid var(--matcha-color-accent, #009400);
  outline-offset: 2px;
}

.matcha-file-uploader-dropzone--card {
  width: 100%;
  overflow: hidden;
}

.matcha-file-uploader-dropzone__icon-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--matcha-space-200, 16px) var(--matcha-space-500, 40px);
  border-radius: var(--matcha-radius-pill, 9999px);
  flex-shrink: 0;
}

.matcha-file-uploader-dropzone__icon-pill matcha-icon {
  --matcha-icon-size: 24px;
  width: 24px;
  height: 24px;
}

.matcha-file-uploader-dropzone__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--matcha-space-050, 4px);
  text-align: center;
  width: 100%;
}

.matcha-file-uploader-dropzone__title-row {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--matcha-space-050, 4px);
  white-space: nowrap;
}

.matcha-file-uploader-dropzone__title {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-label-md, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-label-md, 20px);
}

.matcha-file-uploader-dropzone__optional {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-label-md, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-label-md, 20px);
}

.matcha-file-uploader-dropzone__hint {
  margin: 0;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-sm, 12px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-sm, 16px);
  white-space: pre-line;
}

.matcha-file-uploader-input {
  display: none;
}

.matcha-file-uploader-file {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-200, 16px);
  border: var(--matcha-border-hairline, 1px) solid transparent;
  border-radius: var(--matcha-radius-lg, 8px);
  margin-top: var(--matcha-space-100, 8px);
  width: 100%;
}

.matcha-file-uploader-file.matcha-file-uploader-file--uploading {
  padding: var(--matcha-space-250, 20px) var(--matcha-space-300, 24px);
}

.matcha-file-uploader-file.matcha-file-uploader-file--completed, .matcha-file-uploader-file.matcha-file-uploader-file--error {
  padding: var(--matcha-space-250, 20px) var(--matcha-space-300, 24px);
}

.matcha-file-uploader-file__thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 36px;
  border-radius: var(--matcha-radius-lg, 8px);
  flex-shrink: 0;
  overflow: hidden;
}

.matcha-file-uploader-file__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.matcha-file-uploader-file__thumb matcha-icon {
  --matcha-icon-size: 20px;
  width: 20px;
  height: 20px;
}

.matcha-file-uploader-file__info {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}

.matcha-file-uploader-file--uploading .matcha-file-uploader-file__info {
  gap: var(--matcha-space-075, 6px);
}

.matcha-file-uploader-file--completed .matcha-file-uploader-file__info, .matcha-file-uploader-file--error .matcha-file-uploader-file__info {
  gap: var(--matcha-space-050, 4px);
}

.matcha-file-uploader-file__name {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-label-sm, 12px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-label-sm, 16px);
  letter-spacing: 0.2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.matcha-file-uploader-file__size {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-p-tiny, 11px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-p-tiny, 14px);
  letter-spacing: 0.3px;
}

.matcha-file-uploader-file__error-text {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-sm, 12px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-sm, 16px);
}

.matcha-file-uploader-file__progress {
  width: 100%;
  height: 4px;
  border-radius: var(--matcha-radius-sm, 2px);
  overflow: hidden;
}

.matcha-file-uploader-file__progress-fill {
  height: 100%;
  border-radius: var(--matcha-radius-sm, 2px);
  transition: width var(--matcha-duration-moderate, 300ms) ease;
}

.matcha-file-uploader-file__percent {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-sm, 12px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-sm, 16px);
  flex-shrink: 0;
}

.matcha-file-uploader-file__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: var(--matcha-radius-sm, 2px);
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color var(--matcha-duration-instant, 80ms) linear, color var(--matcha-duration-instant, 80ms) linear;
}

.matcha-file-uploader-file__action matcha-icon {
  --matcha-icon-size: 20px;
  width: 20px;
  height: 20px;
}

.matcha-file-uploader-card {
  position: relative;
  width: 100%;
  border: var(--matcha-border-hairline, 1px) solid transparent;
  border-radius: var(--matcha-radius-lg, 8px);
  overflow: hidden;
  aspect-ratio: 16/9;
}

.matcha-file-uploader-card__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.matcha-file-uploader-card__actions {
  position: absolute;
  top: var(--matcha-space-100, 8px);
  right: var(--matcha-space-100, 8px);
  display: flex;
  gap: var(--matcha-space-100, 8px);
  opacity: 1;
  transition: opacity var(--matcha-duration-instant, 80ms) linear;
}

@media (hover: hover) {
  .matcha-file-uploader-card__actions {
    opacity: 0.72;
  }
  .matcha-file-uploader-card:hover .matcha-file-uploader-card__actions,
  .matcha-file-uploader-card:focus-within .matcha-file-uploader-card__actions {
    opacity: 1;
  }
}
.matcha-file-uploader-card__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: var(--matcha-radius-pill, 9999px);
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: background-color var(--matcha-duration-instant, 80ms) linear;
}

.matcha-file-uploader-card__action matcha-icon {
  --matcha-icon-size: 18px;
  width: 18px;
  height: 18px;
}

.matcha-file-uploader-cropper {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-150, 12px);
  margin-top: var(--matcha-space-100, 8px);
}

.matcha-file-uploader-cropper matcha-crop {
  display: block;
  width: 100%;
  min-height: 280px;
}

.matcha-file-uploader-cropper__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--matcha-space-100, 8px);
}

@media screen and (max-width: 479px) {
  .matcha-file-uploader-dropzone {
    padding: var(--matcha-space-300, 24px) var(--matcha-space-200, 16px);
  }
  .matcha-file-uploader-dropzone__icon-pill {
    padding: var(--matcha-space-150, 12px) var(--matcha-space-400, 32px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .matcha-file-uploader-dropzone,
  .matcha-file-uploader-file__progress-fill,
  .matcha-file-uploader-file__action,
  .matcha-file-uploader-card__actions,
  .matcha-file-uploader-card__action {
    transition: none;
  }
}
.matcha-notification {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-150, 12px);
  padding-block: var(--matcha-space-150, 12px);
  padding-inline: var(--matcha-space-200, 16px);
  border-radius: var(--matcha-radius-lg, 8px);
  border-left: var(--matcha-border-medium, 4px) solid transparent;
  box-shadow: var(--matcha-shadow-2, 0 4px 16px -2px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04));
  width: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.matcha-notification[size=sm] {
  gap: var(--matcha-space-100, 8px);
  padding-block: var(--matcha-space-075, 6px);
  padding-inline: var(--matcha-space-150, 12px);
}

.matcha-notification[size=sm] .matcha-notification__title,
.matcha-notification[size=sm] .matcha-notification__description {
  font-size: var(--matcha-text-body-sm, 12px);
  line-height: var(--matcha-leading-body-sm, 16px);
}

.matcha-notification[size=sm] .matcha-notification__media-default {
  width: var(--matcha-icon-size-sm, 20px);
  height: var(--matcha-icon-size-sm, 20px);
}

.matcha-notification[size=lg] {
  gap: var(--matcha-space-250, 20px);
  padding-block: var(--matcha-space-250, 20px);
  padding-inline: var(--matcha-space-300, 24px);
}

.matcha-notification[size=lg] .matcha-notification__title,
.matcha-notification[size=lg] .matcha-notification__description {
  font-size: var(--matcha-text-body-lg, 16px);
  line-height: var(--matcha-leading-body-lg, 24px);
}

.matcha-notification[size=lg] .matcha-notification__media-default {
  width: var(--matcha-icon-size-lg, 28px);
  height: var(--matcha-icon-size-lg, 28px);
}

.matcha-notification__media {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.matcha-notification__media-default {
  width: var(--matcha-icon-size-md, 24px);
  height: var(--matcha-icon-size-md, 24px);
}

.matcha-notification__media:has([matcha-notification-media]) .matcha-notification__media-default {
  display: none;
}

.matcha-notification__body {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-050, 4px);
  flex: 1;
  min-width: 0;
}

.matcha-notification__body:not(:has(.matcha-notification__title:not(:empty), .matcha-notification__description:not(:empty))) {
  display: none;
}

.matcha-notification__title {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-body-md, 20px);
  color: var(--matcha-notification-title-color, var(--matcha-color-text-primary));
}

.matcha-notification__title:not(:has(*)) {
  display: none;
}

.matcha-notification__description {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-md, 20px);
  color: var(--matcha-notification-description-color, var(--matcha-color-text-secondary));
}

.matcha-notification__description:not(:has(*)):empty {
  display: none;
}

.matcha-notification__actions {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  flex-shrink: 0;
}

.matcha-notification__actions:not(:has(*)) {
  display: none;
}

.matcha-notification__countdown {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  height: var(--matcha-border-thin, 2px);
  background: currentColor;
  color: var(--matcha-color-info);
  transform-origin: left center;
  transition: transform var(--matcha-duration-instant, 80ms) linear;
  pointer-events: none;
  opacity: 0.6;
}

.matcha-notification--error .matcha-notification__countdown {
  color: var(--matcha-color-danger);
}

.matcha-notification--warning .matcha-notification__countdown {
  color: var(--matcha-color-warn);
}

.matcha-notification--success .matcha-notification__countdown {
  color: var(--matcha-color-success);
}

.matcha-notification--info .matcha-notification__countdown {
  color: var(--matcha-color-info);
}

.matcha-notification--neutral .matcha-notification__countdown {
  color: var(--matcha-color-text-secondary);
}

.matcha-notification__close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  border-radius: var(--matcha-radius-pill, 9999px);
  position: relative;
  overflow: hidden;
  transition: color var(--matcha-duration-instant, 80ms) linear;
}

.matcha-notification__close::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  opacity: 0;
  border-radius: inherit;
  pointer-events: none;
  transition: opacity var(--matcha-duration-instant, 80ms) linear;
}

.matcha-notification__close:hover:not([disabled])::before {
  opacity: var(--matcha-state-hover, 0.08);
}

.matcha-notification__close:active:not([disabled])::before {
  opacity: var(--matcha-state-active, 0.12);
}

@media screen and (max-width: 479px) {
  .matcha-notification {
    flex-direction: column;
    align-items: stretch;
    gap: var(--matcha-space-150, 12px);
    padding-block: var(--matcha-space-150, 12px);
    padding-inline: var(--matcha-space-200, 16px);
    padding-right: var(--matcha-space-500, 40px);
  }
  .matcha-notification .matcha-notification__media {
    align-self: flex-start;
  }
  .matcha-notification .matcha-notification__body {
    width: 100%;
    min-width: 0;
  }
  .matcha-notification .matcha-notification__actions {
    width: 100%;
  }
  .matcha-notification button[matcha-notification-action],
  .matcha-notification a[matcha-notification-action] {
    align-self: flex-start;
  }
  .matcha-notification .matcha-notification__close {
    position: absolute;
    top: var(--matcha-space-100, 8px);
    right: var(--matcha-space-100, 8px);
    z-index: 2;
  }
}
.matcha-notification.is-mobile-preview {
  flex-direction: column;
  align-items: stretch;
  gap: var(--matcha-space-150, 12px);
  padding-block: var(--matcha-space-150, 12px);
  padding-inline: var(--matcha-space-200, 16px);
  padding-right: var(--matcha-space-500, 40px);
}

.matcha-notification.is-mobile-preview .matcha-notification__media {
  align-self: flex-start;
}

.matcha-notification.is-mobile-preview .matcha-notification__body {
  width: 100%;
  min-width: 0;
}

.matcha-notification.is-mobile-preview .matcha-notification__actions {
  width: 100%;
}

.matcha-notification.is-mobile-preview button[matcha-notification-action],
.matcha-notification.is-mobile-preview a[matcha-notification-action] {
  align-self: flex-start;
}

.matcha-notification.is-mobile-preview .matcha-notification__close {
  position: absolute;
  top: var(--matcha-space-100, 8px);
  right: var(--matcha-space-100, 8px);
  z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
  .matcha-notification__close,
  .matcha-notification__close::before {
    transition: none;
  }
  .matcha-notification__countdown {
    transition: none;
    display: none;
  }
}
@media (forced-colors: active) {
  .matcha-notification {
    background: Canvas;
    border: 1px solid CanvasText;
    border-left-width: 4px;
    box-shadow: none;
    color: CanvasText;
  }
  .matcha-notification__icon {
    color: CanvasText;
  }
  .matcha-notification__title {
    color: CanvasText;
  }
  .matcha-notification__description {
    color: CanvasText;
  }
  .matcha-notification__close {
    color: CanvasText;
  }
  .matcha-notification__close:focus-visible {
    outline: 2px solid CanvasText;
  }
}
@media print {
  .matcha-notification {
    background: transparent;
    box-shadow: none;
    border: 1px solid currentColor;
    border-left-width: 4px;
    break-inside: avoid;
  }
  .matcha-notification__close {
    display: none;
  }
}
.matcha-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: var(--matcha-radius-lg, 8px);
  overflow: hidden;
  box-sizing: border-box;
}

.matcha-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--matcha-space-150, 12px);
  padding: var(--matcha-space-200, 16px) var(--matcha-space-300, 24px);
}

.matcha-section__header-left {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-150, 12px);
  flex: 1;
  min-width: 0;
}

.matcha-section__header-actions {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  flex-shrink: 0;
}

.matcha-section__body {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-150, 12px);
  padding: var(--matcha-space-200, 16px) var(--matcha-space-300, 24px) var(--matcha-space-300, 24px);
}

.matcha-section__subtitle {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-title-sm, 16px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-title-sm, 22px);
}

.matcha-section__description {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-md, 20px);
}

.matcha-section__content {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-150, 12px);
}

@media screen and (max-width: 479px) {
  .matcha-section__header {
    flex-direction: column;
    align-items: flex-start;
    padding: var(--matcha-space-200, 16px);
  }
  .matcha-section__body {
    padding: var(--matcha-space-200, 16px);
  }
}
.matcha-form-section {
  display: flex;
  align-items: flex-start;
  gap: var(--matcha-space-150, 12px);
  width: 100%;
}

.matcha-form-section__bar {
  width: var(--matcha-border-medium, 4px);
  align-self: stretch;
  border-radius: var(--matcha-radius-sm, 2px);
  flex-shrink: 0;
  min-height: var(--matcha-space-250, 20px);
}

.matcha-form-section__content {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-050, 4px);
  flex: 1;
  min-width: 0;
}

.matcha-form-section__title {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-title-sm, 16px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-title-sm, 22px);
}

.matcha-form-section__description {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-sm, 12px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-sm, 16px);
}

.matcha-form-subsection {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  width: 100%;
}

.matcha-form-subsection__bullet {
  width: 6px;
  height: 6px;
  border-radius: var(--matcha-radius-pill, 9999px);
  flex-shrink: 0;
}

.matcha-form-subsection__title {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-body-md, 20px);
}

matcha-breadcrumb {
  display: flex;
  align-items: center;
}

matcha-breadcrumb .breadcrumb-list {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: var(--matcha-space-100, 8px);
}

matcha-breadcrumb .breadcrumb-li {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
}

matcha-breadcrumb .breadcrumb-item-link {
  display: flex;
  align-items: center;
  gap: 0;
  padding: var(--matcha-space-150, 12px);
  border: none;
  border-radius: var(--matcha-radius-lg, 8px);
  cursor: pointer;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-md, 20px);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

matcha-breadcrumb .breadcrumb-item-link > matcha-icon + .breadcrumb-text {
  margin-left: var(--matcha-space-100, 8px);
}

matcha-breadcrumb .breadcrumb-item-link .breadcrumb-state {
  position: absolute;
  inset: 0;
  background: currentColor;
  opacity: 0;
  border-radius: inherit;
  pointer-events: none;
  transition: opacity var(--matcha-duration-instant, 80ms) linear;
}

matcha-breadcrumb .breadcrumb-item-link matcha-icon {
  flex-shrink: 0;
}

matcha-breadcrumb .breadcrumb-item-current {
  display: flex;
  align-items: center;
  gap: 0;
  padding: var(--matcha-space-150, 12px) 0;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-body-md, 20px);
  box-sizing: border-box;
}

matcha-breadcrumb .breadcrumb-item-current > matcha-icon + .breadcrumb-text {
  margin-left: var(--matcha-space-100, 8px);
}

matcha-breadcrumb .breadcrumb-item-current matcha-icon {
  flex-shrink: 0;
}

matcha-breadcrumb .breadcrumb-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: inline-block;
  max-width: 100%;
}

matcha-breadcrumb .breadcrumb-separator {
  flex-shrink: 0;
  width: var(--matcha-icon-size-sm, 16px);
  height: var(--matcha-icon-size-sm, 16px);
}

@media (prefers-reduced-motion: reduce) {
  matcha-breadcrumb .breadcrumb-state {
    transition: none;
  }
}
@media (max-width: 639px) {
  matcha-breadcrumb .breadcrumb-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  matcha-breadcrumb .breadcrumb-list::-webkit-scrollbar {
    display: none;
  }
}
@media (forced-colors: active) {
  matcha-breadcrumb .breadcrumb-item-link {
    background: Canvas !important;
    color: LinkText !important;
    border: 1px solid CanvasText;
  }
  matcha-breadcrumb .breadcrumb-item-link:hover, matcha-breadcrumb .breadcrumb-item-link:focus {
    color: ActiveText !important;
  }
  matcha-breadcrumb .breadcrumb-item-current {
    color: CanvasText !important;
    background: transparent !important;
  }
  matcha-breadcrumb .breadcrumb-separator {
    color: GrayText !important;
  }
  matcha-breadcrumb .breadcrumb-item-link:focus-visible {
    outline: 2px solid CanvasText !important;
  }
}
@media print {
  matcha-breadcrumb {
    display: none !important;
  }
}
.matcha-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--matcha-radius-lg, 8px);
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
}

.matcha-image__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.matcha-image__placeholder-icon {
  width: var(--matcha-icon-size-lg, 48px);
  height: var(--matcha-icon-size-lg, 48px);
}

.matcha-image--1x1 {
  aspect-ratio: 1/1;
}

.matcha-image--4x3 {
  aspect-ratio: 4/3;
}

.matcha-image--3x2 {
  aspect-ratio: 3/2;
}

matcha-stepper {
  display: flex;
  width: 100%;
}

matcha-stepper:not([orientation=vertical]) {
  flex-direction: column;
  align-items: stretch;
  gap: var(--matcha-space-200, 16px);
}

matcha-stepper[orientation=vertical] {
  flex-direction: row;
  align-items: flex-start;
  gap: var(--matcha-space-300, 24px);
}

matcha-stepper-controller {
  display: inline-flex;
  align-items: center;
  gap: 0;
}

matcha-stepper-controller[aria-orientation=vertical] {
  flex-direction: column;
  align-items: flex-start;
}

matcha-stepper-controller[compact] .step-label {
  display: none;
}

.step-item {
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  flex-shrink: 0;
  background: none;
  border: none;
  padding: var(--matcha-space-075, 6px) var(--matcha-space-100, 8px);
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: default;
  white-space: nowrap;
  border-radius: var(--matcha-radius-md, 8px);
  transition: background-color 160ms ease, transform 160ms ease;
}

.step-item.step-clickable {
  cursor: pointer;
}

.step-item.step-clickable:hover {
  background: var(--matcha-color-surface-hover, rgba(232, 234, 237, 0.06));
  transform: translateY(-1px);
}

.step-item.step-clickable:active {
  transform: scale(0.98);
}

.step-item.step-disabled, .step-item.step-item-disabled {
  opacity: var(--matcha-opacity-disabled, 0.4);
  pointer-events: none;
}

.step-item.step-item-loading {
  pointer-events: none;
}

.step-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  font-family: var(--matcha-font-family);
  transition: background-color 240ms cubic-bezier(0.4, 0, 0.2, 1), color 240ms cubic-bezier(0.4, 0, 0.2, 1);
}

.step-indicator.step-sm {
  width: var(--matcha-icon-size-md, 24px);
  height: var(--matcha-icon-size-md, 24px);
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-regular, 400);
}

.step-indicator.step-md {
  width: var(--matcha-space-400, 32px);
  height: var(--matcha-space-400, 32px);
  font-size: var(--matcha-text-title-sm, 16px);
  font-weight: var(--matcha-weight-semibold, 600);
}

.step-indicator matcha-icon {
  flex-shrink: 0;
}

.step-spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.step-spinner svg {
  width: 70%;
  height: 70%;
  animation: matcha-stepper-spin 800ms linear infinite;
}

@keyframes matcha-stepper-spin {
  to {
    transform: rotate(360deg);
  }
}
.step-label {
  font-family: var(--matcha-font-family);
  transition: color 240ms cubic-bezier(0.4, 0, 0.2, 1);
}

.step-label.step-sm {
  font-size: var(--matcha-text-body-md, 14px);
  line-height: var(--matcha-leading-body-md, 20px);
  font-weight: var(--matcha-weight-regular, 400);
}

.step-label.step-md {
  font-size: var(--matcha-text-title-sm, 16px);
  line-height: var(--matcha-leading-title-sm, 22px);
  font-weight: var(--matcha-weight-semibold, 600);
}

.step-item-ativo .step-label.step-sm {
  font-weight: var(--matcha-weight-medium, 500);
}

.step-connector {
  flex: 0 0 var(--matcha-space-500, 40px);
  height: var(--matcha-border-thin, 2px);
  margin: 0 var(--matcha-space-050, 4px);
  border-radius: var(--matcha-radius-pill, 9999px);
  position: relative;
  overflow: hidden;
}

.step-connector::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

.step-connector.step-connector-complete::before {
  transform: scaleX(1);
}

matcha-stepper[orientation=vertical] .step-connector {
  width: var(--matcha-border-thin, 2px);
  height: var(--matcha-space-300, 24px);
  flex: 0 0 var(--matcha-space-300, 24px);
  margin: var(--matcha-space-050, 4px) 0 var(--matcha-space-050, 4px) calc(var(--matcha-icon-size-md, 24px) / 2 - 1px);
}

matcha-stepper[orientation=vertical] .step-connector::before {
  transform: scaleY(0);
  transform-origin: top center;
}

matcha-stepper[orientation=vertical] .step-connector.step-connector-complete::before {
  transform: scaleY(1);
}

matcha-stepper[orientation=vertical].step-md .step-connector {
  margin-left: calc(var(--matcha-space-400, 32px) / 2 - 1px);
}

@media (max-width: 480px) {
  matcha-stepper-controller:not([aria-orientation=vertical]) .step-label {
    display: none;
  }
  matcha-stepper:not([orientation=vertical]) {
    overflow-x: auto;
  }
}
.step-progress {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
}

.step-progress-label {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-sm, 12px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-body-sm, 16px);
  color: var(--matcha-color-text-primary);
  white-space: nowrap;
}

.step-progress-bar {
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-050, 4px);
}

.step-progress-pill {
  display: block;
  width: 32px;
  height: 8px;
  padding: 0;
  border: 0;
  background: var(--matcha-color-disabled-bg, #282C34);
  cursor: pointer;
  border-radius: var(--matcha-radius-pill, 9999px);
  transition: background var(--matcha-duration-fast, 200ms) ease, transform var(--matcha-duration-fast, 200ms) ease;
}

.step-progress-pill.is-filled {
  background: var(--matcha-color-accent, #009400);
}

.step-progress-pill:not([disabled]):not(.is-filled):hover {
  background: var(--matcha-color-accent, #009400);
  opacity: 0.5;
}

.step-progress-pill:not([disabled]).is-filled:hover {
  transform: scaleY(1.25);
}

.step-progress-pill:not([disabled]):focus-visible {
  outline: 2px solid var(--matcha-color-accent, #009400);
  outline-offset: 2px;
}

.step-progress-pill[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}

@media (prefers-reduced-motion: reduce) {
  .step-item,
  .step-indicator,
  .step-label,
  .step-connector,
  .step-connector::before {
    transition: none;
  }
  .step-spinner svg {
    animation: none;
  }
  .step-item.step-clickable:hover {
    transform: none;
  }
  .step-item.step-clickable:active {
    transform: none;
  }
}
.matcha-command-palette-host {
  display: contents;
}

.matcha-command-palette-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--matcha-z-overlay, 1000);
  background: var(--matcha-color-scrim, rgba(0, 0, 0, 0.5));
  backdrop-filter: blur(var(--matcha-scrim-modal-blur, 4px));
  -webkit-backdrop-filter: blur(var(--matcha-scrim-modal-blur, 4px));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--matcha-space-200, 16px);
  box-sizing: border-box;
  animation: matcha-cmd-overlay-in var(--matcha-duration-fast, 200ms) ease-out;
}

.matcha-command-palette-overlay.is-closing {
  animation: matcha-cmd-overlay-out var(--matcha-duration-fast, 180ms) ease-in forwards;
}

.matcha-command-palette {
  --matcha-command-palette-width: 520px;
  --matcha-command-palette-max-height: 480px;
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(var(--matcha-command-palette-width), 100%);
  max-height: min(70vh, var(--matcha-command-palette-max-height));
  border-radius: var(--matcha-radius-xl, 16px);
  overflow: hidden;
  font-family: var(--matcha-font-family);
  animation: matcha-cmd-in var(--matcha-duration-fast, 200ms) var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));
}

.matcha-command-palette.is-closing {
  animation: matcha-cmd-out var(--matcha-duration-fast, 180ms) var(--matcha-easing-accelerated, cubic-bezier(0.4, 0, 1, 1)) forwards;
}

.matcha-command-palette__search {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-150, 12px);
  padding: var(--matcha-space-150, 12px) var(--matcha-space-200, 16px);
  min-height: var(--matcha-control-size-md, 52px);
  flex-shrink: 0;
}

.matcha-command-palette__search-icon {
  flex-shrink: 0;
  font-size: var(--matcha-icon-size-sm, 16px);
}

.matcha-command-palette__input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  outline: 0;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  line-height: var(--matcha-leading-body-md, 20px);
}

.matcha-command-palette__esc-hint {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--matcha-space-025, 2px) var(--matcha-space-075, 6px);
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-p-tiny, 11px);
  line-height: var(--matcha-leading-p-tiny, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  letter-spacing: var(--matcha-letter-spacing-wider, 1px);
  border: var(--matcha-border-hairline, 1px) solid;
  border-radius: var(--matcha-radius-md, 4px);
}

.matcha-command-palette__divider {
  flex-shrink: 0;
}

.matcha-command-palette__results {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: var(--matcha-space-100, 8px);
  scroll-behavior: smooth;
  scrollbar-width: thin;
}

.matcha-command-palette__results:has(.matcha-command-palette__empty) {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--matcha-space-300, 24px);
}

.matcha-command-palette__section {
  padding: var(--matcha-space-150, 12px) var(--matcha-space-150, 12px) var(--matcha-space-050, 4px);
  font-size: var(--matcha-text-p-tiny, 11px);
  line-height: var(--matcha-leading-p-tiny, 14px);
  font-weight: var(--matcha-weight-semibold, 600);
  text-transform: uppercase;
  letter-spacing: var(--matcha-letter-spacing-wider, 1px);
}

.matcha-command-palette__result {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-150, 12px);
  width: 100%;
  padding: var(--matcha-space-100, 8px) var(--matcha-space-150, 12px);
  min-height: var(--matcha-control-size-sm, 36px);
  border: 0;
  background: transparent;
  border-radius: var(--matcha-radius-md, 4px);
  cursor: pointer;
  text-align: start;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  line-height: var(--matcha-leading-body-md, 20px);
  transition: background var(--matcha-duration-instant, 80ms) ease;
}

.matcha-command-palette__result:disabled {
  cursor: not-allowed;
}

.matcha-command-palette__result--selected {
  font-weight: var(--matcha-weight-medium, 500);
}

.matcha-command-palette__result-icon {
  flex-shrink: 0;
  font-size: var(--matcha-icon-size-sm, 16px);
}

.matcha-command-palette__result-label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.matcha-command-palette__shortcut, .matcha-command-palette__footer kbd {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--matcha-space-300, 24px);
  height: var(--matcha-space-250, 20px);
  padding: 0 var(--matcha-space-075, 6px);
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-p-tiny, 11px);
  line-height: var(--matcha-leading-p-tiny, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  border: var(--matcha-border-hairline, 1px) solid;
  border-radius: var(--matcha-radius-sm, 2px);
}

.matcha-command-palette__empty {
  width: 100%;
}

.matcha-command-palette__footer {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-200, 16px);
  padding: var(--matcha-space-100, 8px) var(--matcha-space-200, 16px);
  min-height: var(--matcha-space-450, 38px);
  flex-shrink: 0;
  font-size: var(--matcha-text-p-tiny, 11px);
  line-height: var(--matcha-leading-p-tiny, 14px);
}

.matcha-command-palette__footer-tip {
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-075, 6px);
}

@keyframes matcha-cmd-overlay-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes matcha-cmd-overlay-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes matcha-cmd-in {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes matcha-cmd-out {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(-8px) scale(0.96);
  }
}
@media (prefers-reduced-motion: reduce) {
  .matcha-command-palette,
  .matcha-command-palette-overlay {
    animation: none !important;
  }
}
@media (forced-colors: active) {
  .matcha-command-palette {
    border: var(--matcha-border-thin, 1px) solid CanvasText;
  }
  .matcha-command-palette__result--selected {
    background: Highlight;
    color: HighlightText;
    forced-color-adjust: none;
  }
}
.matcha-profile-card {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-200, 16px);
  padding: var(--matcha-space-100, 8px) var(--matcha-space-300, 24px) var(--matcha-space-100, 8px) var(--matcha-space-150, 12px);
  border-radius: var(--matcha-radius-pill, 9999px);
}

.matcha-profile-card__name {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-body-md, 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.matcha-profile-card__role {
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-p-tiny, 11px);
  line-height: var(--matcha-leading-p-tiny, 14px);
  white-space: nowrap;
}

.matcha-emoji {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  -webkit-user-select: none;
          user-select: none;
}

.matcha-emoji--sm {
  width: var(--matcha-icon-size-sm, 16px);
  height: var(--matcha-icon-size-sm, 16px);
  font-size: var(--matcha-icon-size-sm, 16px);
}

.matcha-emoji--md {
  width: var(--matcha-icon-size-md, 24px);
  height: var(--matcha-icon-size-md, 24px);
  font-size: var(--matcha-icon-size-md, 24px);
}

.matcha-emoji--lg {
  width: var(--matcha-icon-size-lg, 32px);
  height: var(--matcha-icon-size-lg, 32px);
  font-size: var(--matcha-icon-size-lg, 32px);
}

.matcha-emoji--outline svg,
.matcha-emoji--filled svg {
  width: 100%;
  height: 100%;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('manrope-latin.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('manrope-latin-ext.woff2') format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
:root {
  --matcha-prim-red-200: #ef9a9a;
  --matcha-prim-red-a700: #c81010;
  --matcha-prim-pink-600: #d81b60;
  --matcha-prim-purple-500: #9c27b0;
  --matcha-prim-blue-100: #bbdefb;
  --matcha-prim-blue-200: #90caf9;
  --matcha-prim-blue-300: #64b5f6;
  --matcha-prim-blue-350: #4090d8;
  --matcha-prim-blue-700: #1664c2;
  --matcha-prim-blue-a700: #0a2fc2;
  --matcha-prim-light-blue-500: #03a9f4;
  --matcha-prim-light-blue-700: #0288d1;
  --matcha-prim-teal-350: #4fb7ad;
  --matcha-prim-teal-500: #009688;
  --matcha-prim-teal-700: #00796b;
  --matcha-prim-green-900: #2e7d32;
  --matcha-prim-green-a100: #b9f6ca;
  --matcha-prim-green-a200: #69f0ae;
  --matcha-prim-light-green-200: #c5e1a5;
  --matcha-prim-light-green-600: #43a047;
  --matcha-prim-light-green-a400: #a8d94e;
  --matcha-prim-yellow-200: #ffb74d;
  --matcha-prim-yellow-500: #e8c300;
  --matcha-prim-yellow-600: #a64e00;
  --matcha-prim-orange-500: #f77814;
  --matcha-prim-common-white: #ffffff;
  --matcha-prim-common-black: #000000;
  --matcha-prim-brand-accent: #54a71d;
  --matcha-prim-brand-accent-dark: #a8d94e;
  --matcha-prim-neutral-112: #f4f4f4;
  --matcha-prim-neutral-143: #f1f4f1;
  --matcha-prim-neutral-174: #f0f2f5;
  --matcha-prim-neutral-205: #e8eaed;
  --matcha-prim-neutral-236: #e4ebe5;
  --matcha-prim-neutral-267: #e1e7e2;
  --matcha-prim-neutral-298: #d8e1da;
  --matcha-prim-neutral-329: #cfd6d1;
  --matcha-prim-neutral-360: #c8d2ca;
  --matcha-prim-neutral-391: #bdc1c6;
  --matcha-prim-neutral-422: #a8b5a0;
  --matcha-prim-neutral-453: #9aa0a6;
  --matcha-prim-neutral-484: #8a9090;
  --matcha-prim-neutral-516: #7a818a;
  --matcha-prim-neutral-547: #6e7681;
  --matcha-prim-neutral-578: #6e747a;
  --matcha-prim-neutral-609: #5a6066;
  --matcha-prim-neutral-640: #3d4248;
  --matcha-prim-neutral-671: #333842;
  --matcha-prim-neutral-702: #2e333c;
  --matcha-prim-neutral-733: #2a2d33;
  --matcha-prim-neutral-764: #282c34;
  --matcha-prim-neutral-795: #262a32;
  --matcha-prim-neutral-826: #1c1f26;
  --matcha-prim-neutral-857: #1a1d21;
  --matcha-prim-neutral-888: #151a22;
  --matcha-prim-neutral-919: #111318;
  --matcha-prim-neutral-950: #0d0f14;
  --matcha-prim-neutral-050: #f7fcf7;
  --matcha-prim-neutral-081: #f8faf8;
}

.h-0 {
  height: 0px;
}

.h-0--force {
  height: 0px !important;
}

.max-h-0 {
  max-height: 0px;
}

.max-h-0--force {
  max-height: 0px !important;
}

.min-h-0 {
  min-height: 0px;
}

.min-h-0--force {
  min-height: 0px !important;
}

.h-4 {
  height: 4px;
}

.h-4--force {
  height: 4px !important;
}

.max-h-4 {
  max-height: 4px;
}

.max-h-4--force {
  max-height: 4px !important;
}

.min-h-4 {
  min-height: 4px;
}

.min-h-4--force {
  min-height: 4px !important;
}

.h-8 {
  height: 8px;
}

.h-8--force {
  height: 8px !important;
}

.max-h-8 {
  max-height: 8px;
}

.max-h-8--force {
  max-height: 8px !important;
}

.min-h-8 {
  min-height: 8px;
}

.min-h-8--force {
  min-height: 8px !important;
}

.h-12 {
  height: 12px;
}

.h-12--force {
  height: 12px !important;
}

.max-h-12 {
  max-height: 12px;
}

.max-h-12--force {
  max-height: 12px !important;
}

.min-h-12 {
  min-height: 12px;
}

.min-h-12--force {
  min-height: 12px !important;
}

.h-16 {
  height: 16px;
}

.h-16--force {
  height: 16px !important;
}

.max-h-16 {
  max-height: 16px;
}

.max-h-16--force {
  max-height: 16px !important;
}

.min-h-16 {
  min-height: 16px;
}

.min-h-16--force {
  min-height: 16px !important;
}

.h-20 {
  height: 20px;
}

.h-20--force {
  height: 20px !important;
}

.max-h-20 {
  max-height: 20px;
}

.max-h-20--force {
  max-height: 20px !important;
}

.min-h-20 {
  min-height: 20px;
}

.min-h-20--force {
  min-height: 20px !important;
}

.h-24 {
  height: 24px;
}

.h-24--force {
  height: 24px !important;
}

.max-h-24 {
  max-height: 24px;
}

.max-h-24--force {
  max-height: 24px !important;
}

.min-h-24 {
  min-height: 24px;
}

.min-h-24--force {
  min-height: 24px !important;
}

.h-28 {
  height: 28px;
}

.h-28--force {
  height: 28px !important;
}

.max-h-28 {
  max-height: 28px;
}

.max-h-28--force {
  max-height: 28px !important;
}

.min-h-28 {
  min-height: 28px;
}

.min-h-28--force {
  min-height: 28px !important;
}

.h-32 {
  height: 32px;
}

.h-32--force {
  height: 32px !important;
}

.max-h-32 {
  max-height: 32px;
}

.max-h-32--force {
  max-height: 32px !important;
}

.min-h-32 {
  min-height: 32px;
}

.min-h-32--force {
  min-height: 32px !important;
}

.h-36 {
  height: 36px;
}

.h-36--force {
  height: 36px !important;
}

.max-h-36 {
  max-height: 36px;
}

.max-h-36--force {
  max-height: 36px !important;
}

.min-h-36 {
  min-height: 36px;
}

.min-h-36--force {
  min-height: 36px !important;
}

.h-40 {
  height: 40px;
}

.h-40--force {
  height: 40px !important;
}

.max-h-40 {
  max-height: 40px;
}

.max-h-40--force {
  max-height: 40px !important;
}

.min-h-40 {
  min-height: 40px;
}

.min-h-40--force {
  min-height: 40px !important;
}

.h-44 {
  height: 44px;
}

.h-44--force {
  height: 44px !important;
}

.max-h-44 {
  max-height: 44px;
}

.max-h-44--force {
  max-height: 44px !important;
}

.min-h-44 {
  min-height: 44px;
}

.min-h-44--force {
  min-height: 44px !important;
}

.h-48 {
  height: 48px;
}

.h-48--force {
  height: 48px !important;
}

.max-h-48 {
  max-height: 48px;
}

.max-h-48--force {
  max-height: 48px !important;
}

.min-h-48 {
  min-height: 48px;
}

.min-h-48--force {
  min-height: 48px !important;
}

.h-52 {
  height: 52px;
}

.h-52--force {
  height: 52px !important;
}

.max-h-52 {
  max-height: 52px;
}

.max-h-52--force {
  max-height: 52px !important;
}

.min-h-52 {
  min-height: 52px;
}

.min-h-52--force {
  min-height: 52px !important;
}

.h-56 {
  height: 56px;
}

.h-56--force {
  height: 56px !important;
}

.max-h-56 {
  max-height: 56px;
}

.max-h-56--force {
  max-height: 56px !important;
}

.min-h-56 {
  min-height: 56px;
}

.min-h-56--force {
  min-height: 56px !important;
}

.h-60 {
  height: 60px;
}

.h-60--force {
  height: 60px !important;
}

.max-h-60 {
  max-height: 60px;
}

.max-h-60--force {
  max-height: 60px !important;
}

.min-h-60 {
  min-height: 60px;
}

.min-h-60--force {
  min-height: 60px !important;
}

.h-64 {
  height: 64px;
}

.h-64--force {
  height: 64px !important;
}

.max-h-64 {
  max-height: 64px;
}

.max-h-64--force {
  max-height: 64px !important;
}

.min-h-64 {
  min-height: 64px;
}

.min-h-64--force {
  min-height: 64px !important;
}

.h-68 {
  height: 68px;
}

.h-68--force {
  height: 68px !important;
}

.max-h-68 {
  max-height: 68px;
}

.max-h-68--force {
  max-height: 68px !important;
}

.min-h-68 {
  min-height: 68px;
}

.min-h-68--force {
  min-height: 68px !important;
}

.h-72 {
  height: 72px;
}

.h-72--force {
  height: 72px !important;
}

.max-h-72 {
  max-height: 72px;
}

.max-h-72--force {
  max-height: 72px !important;
}

.min-h-72 {
  min-height: 72px;
}

.min-h-72--force {
  min-height: 72px !important;
}

.h-76 {
  height: 76px;
}

.h-76--force {
  height: 76px !important;
}

.max-h-76 {
  max-height: 76px;
}

.max-h-76--force {
  max-height: 76px !important;
}

.min-h-76 {
  min-height: 76px;
}

.min-h-76--force {
  min-height: 76px !important;
}

.h-80 {
  height: 80px;
}

.h-80--force {
  height: 80px !important;
}

.max-h-80 {
  max-height: 80px;
}

.max-h-80--force {
  max-height: 80px !important;
}

.min-h-80 {
  min-height: 80px;
}

.min-h-80--force {
  min-height: 80px !important;
}

.h-84 {
  height: 84px;
}

.h-84--force {
  height: 84px !important;
}

.max-h-84 {
  max-height: 84px;
}

.max-h-84--force {
  max-height: 84px !important;
}

.min-h-84 {
  min-height: 84px;
}

.min-h-84--force {
  min-height: 84px !important;
}

.h-88 {
  height: 88px;
}

.h-88--force {
  height: 88px !important;
}

.max-h-88 {
  max-height: 88px;
}

.max-h-88--force {
  max-height: 88px !important;
}

.min-h-88 {
  min-height: 88px;
}

.min-h-88--force {
  min-height: 88px !important;
}

.h-92 {
  height: 92px;
}

.h-92--force {
  height: 92px !important;
}

.max-h-92 {
  max-height: 92px;
}

.max-h-92--force {
  max-height: 92px !important;
}

.min-h-92 {
  min-height: 92px;
}

.min-h-92--force {
  min-height: 92px !important;
}

.h-96 {
  height: 96px;
}

.h-96--force {
  height: 96px !important;
}

.max-h-96 {
  max-height: 96px;
}

.max-h-96--force {
  max-height: 96px !important;
}

.min-h-96 {
  min-height: 96px;
}

.min-h-96--force {
  min-height: 96px !important;
}

.h-100 {
  height: 100px;
}

.h-100--force {
  height: 100px !important;
}

.max-h-100 {
  max-height: 100px;
}

.max-h-100--force {
  max-height: 100px !important;
}

.min-h-100 {
  min-height: 100px;
}

.min-h-100--force {
  min-height: 100px !important;
}

.h-104 {
  height: 104px;
}

.h-104--force {
  height: 104px !important;
}

.max-h-104 {
  max-height: 104px;
}

.max-h-104--force {
  max-height: 104px !important;
}

.min-h-104 {
  min-height: 104px;
}

.min-h-104--force {
  min-height: 104px !important;
}

.h-108 {
  height: 108px;
}

.h-108--force {
  height: 108px !important;
}

.max-h-108 {
  max-height: 108px;
}

.max-h-108--force {
  max-height: 108px !important;
}

.min-h-108 {
  min-height: 108px;
}

.min-h-108--force {
  min-height: 108px !important;
}

.h-112 {
  height: 112px;
}

.h-112--force {
  height: 112px !important;
}

.max-h-112 {
  max-height: 112px;
}

.max-h-112--force {
  max-height: 112px !important;
}

.min-h-112 {
  min-height: 112px;
}

.min-h-112--force {
  min-height: 112px !important;
}

.h-116 {
  height: 116px;
}

.h-116--force {
  height: 116px !important;
}

.max-h-116 {
  max-height: 116px;
}

.max-h-116--force {
  max-height: 116px !important;
}

.min-h-116 {
  min-height: 116px;
}

.min-h-116--force {
  min-height: 116px !important;
}

.h-120 {
  height: 120px;
}

.h-120--force {
  height: 120px !important;
}

.max-h-120 {
  max-height: 120px;
}

.max-h-120--force {
  max-height: 120px !important;
}

.min-h-120 {
  min-height: 120px;
}

.min-h-120--force {
  min-height: 120px !important;
}

.h-124 {
  height: 124px;
}

.h-124--force {
  height: 124px !important;
}

.max-h-124 {
  max-height: 124px;
}

.max-h-124--force {
  max-height: 124px !important;
}

.min-h-124 {
  min-height: 124px;
}

.min-h-124--force {
  min-height: 124px !important;
}

.h-128 {
  height: 128px;
}

.h-128--force {
  height: 128px !important;
}

.max-h-128 {
  max-height: 128px;
}

.max-h-128--force {
  max-height: 128px !important;
}

.min-h-128 {
  min-height: 128px;
}

.min-h-128--force {
  min-height: 128px !important;
}

.h-132 {
  height: 132px;
}

.h-132--force {
  height: 132px !important;
}

.max-h-132 {
  max-height: 132px;
}

.max-h-132--force {
  max-height: 132px !important;
}

.min-h-132 {
  min-height: 132px;
}

.min-h-132--force {
  min-height: 132px !important;
}

.h-136 {
  height: 136px;
}

.h-136--force {
  height: 136px !important;
}

.max-h-136 {
  max-height: 136px;
}

.max-h-136--force {
  max-height: 136px !important;
}

.min-h-136 {
  min-height: 136px;
}

.min-h-136--force {
  min-height: 136px !important;
}

.h-140 {
  height: 140px;
}

.h-140--force {
  height: 140px !important;
}

.max-h-140 {
  max-height: 140px;
}

.max-h-140--force {
  max-height: 140px !important;
}

.min-h-140 {
  min-height: 140px;
}

.min-h-140--force {
  min-height: 140px !important;
}

.h-144 {
  height: 144px;
}

.h-144--force {
  height: 144px !important;
}

.max-h-144 {
  max-height: 144px;
}

.max-h-144--force {
  max-height: 144px !important;
}

.min-h-144 {
  min-height: 144px;
}

.min-h-144--force {
  min-height: 144px !important;
}

.h-148 {
  height: 148px;
}

.h-148--force {
  height: 148px !important;
}

.max-h-148 {
  max-height: 148px;
}

.max-h-148--force {
  max-height: 148px !important;
}

.min-h-148 {
  min-height: 148px;
}

.min-h-148--force {
  min-height: 148px !important;
}

.h-152 {
  height: 152px;
}

.h-152--force {
  height: 152px !important;
}

.max-h-152 {
  max-height: 152px;
}

.max-h-152--force {
  max-height: 152px !important;
}

.min-h-152 {
  min-height: 152px;
}

.min-h-152--force {
  min-height: 152px !important;
}

.h-156 {
  height: 156px;
}

.h-156--force {
  height: 156px !important;
}

.max-h-156 {
  max-height: 156px;
}

.max-h-156--force {
  max-height: 156px !important;
}

.min-h-156 {
  min-height: 156px;
}

.min-h-156--force {
  min-height: 156px !important;
}

.h-160 {
  height: 160px;
}

.h-160--force {
  height: 160px !important;
}

.max-h-160 {
  max-height: 160px;
}

.max-h-160--force {
  max-height: 160px !important;
}

.min-h-160 {
  min-height: 160px;
}

.min-h-160--force {
  min-height: 160px !important;
}

.h-164 {
  height: 164px;
}

.h-164--force {
  height: 164px !important;
}

.max-h-164 {
  max-height: 164px;
}

.max-h-164--force {
  max-height: 164px !important;
}

.min-h-164 {
  min-height: 164px;
}

.min-h-164--force {
  min-height: 164px !important;
}

.h-168 {
  height: 168px;
}

.h-168--force {
  height: 168px !important;
}

.max-h-168 {
  max-height: 168px;
}

.max-h-168--force {
  max-height: 168px !important;
}

.min-h-168 {
  min-height: 168px;
}

.min-h-168--force {
  min-height: 168px !important;
}

.h-172 {
  height: 172px;
}

.h-172--force {
  height: 172px !important;
}

.max-h-172 {
  max-height: 172px;
}

.max-h-172--force {
  max-height: 172px !important;
}

.min-h-172 {
  min-height: 172px;
}

.min-h-172--force {
  min-height: 172px !important;
}

.h-176 {
  height: 176px;
}

.h-176--force {
  height: 176px !important;
}

.max-h-176 {
  max-height: 176px;
}

.max-h-176--force {
  max-height: 176px !important;
}

.min-h-176 {
  min-height: 176px;
}

.min-h-176--force {
  min-height: 176px !important;
}

.h-180 {
  height: 180px;
}

.h-180--force {
  height: 180px !important;
}

.max-h-180 {
  max-height: 180px;
}

.max-h-180--force {
  max-height: 180px !important;
}

.min-h-180 {
  min-height: 180px;
}

.min-h-180--force {
  min-height: 180px !important;
}

.h-184 {
  height: 184px;
}

.h-184--force {
  height: 184px !important;
}

.max-h-184 {
  max-height: 184px;
}

.max-h-184--force {
  max-height: 184px !important;
}

.min-h-184 {
  min-height: 184px;
}

.min-h-184--force {
  min-height: 184px !important;
}

.h-188 {
  height: 188px;
}

.h-188--force {
  height: 188px !important;
}

.max-h-188 {
  max-height: 188px;
}

.max-h-188--force {
  max-height: 188px !important;
}

.min-h-188 {
  min-height: 188px;
}

.min-h-188--force {
  min-height: 188px !important;
}

.h-192 {
  height: 192px;
}

.h-192--force {
  height: 192px !important;
}

.max-h-192 {
  max-height: 192px;
}

.max-h-192--force {
  max-height: 192px !important;
}

.min-h-192 {
  min-height: 192px;
}

.min-h-192--force {
  min-height: 192px !important;
}

.h-196 {
  height: 196px;
}

.h-196--force {
  height: 196px !important;
}

.max-h-196 {
  max-height: 196px;
}

.max-h-196--force {
  max-height: 196px !important;
}

.min-h-196 {
  min-height: 196px;
}

.min-h-196--force {
  min-height: 196px !important;
}

.h-200 {
  height: 200px;
}

.h-200--force {
  height: 200px !important;
}

.max-h-200 {
  max-height: 200px;
}

.max-h-200--force {
  max-height: 200px !important;
}

.min-h-200 {
  min-height: 200px;
}

.min-h-200--force {
  min-height: 200px !important;
}

.h-204 {
  height: 204px;
}

.h-204--force {
  height: 204px !important;
}

.max-h-204 {
  max-height: 204px;
}

.max-h-204--force {
  max-height: 204px !important;
}

.min-h-204 {
  min-height: 204px;
}

.min-h-204--force {
  min-height: 204px !important;
}

.h-208 {
  height: 208px;
}

.h-208--force {
  height: 208px !important;
}

.max-h-208 {
  max-height: 208px;
}

.max-h-208--force {
  max-height: 208px !important;
}

.min-h-208 {
  min-height: 208px;
}

.min-h-208--force {
  min-height: 208px !important;
}

.h-212 {
  height: 212px;
}

.h-212--force {
  height: 212px !important;
}

.max-h-212 {
  max-height: 212px;
}

.max-h-212--force {
  max-height: 212px !important;
}

.min-h-212 {
  min-height: 212px;
}

.min-h-212--force {
  min-height: 212px !important;
}

.h-216 {
  height: 216px;
}

.h-216--force {
  height: 216px !important;
}

.max-h-216 {
  max-height: 216px;
}

.max-h-216--force {
  max-height: 216px !important;
}

.min-h-216 {
  min-height: 216px;
}

.min-h-216--force {
  min-height: 216px !important;
}

.h-220 {
  height: 220px;
}

.h-220--force {
  height: 220px !important;
}

.max-h-220 {
  max-height: 220px;
}

.max-h-220--force {
  max-height: 220px !important;
}

.min-h-220 {
  min-height: 220px;
}

.min-h-220--force {
  min-height: 220px !important;
}

.h-224 {
  height: 224px;
}

.h-224--force {
  height: 224px !important;
}

.max-h-224 {
  max-height: 224px;
}

.max-h-224--force {
  max-height: 224px !important;
}

.min-h-224 {
  min-height: 224px;
}

.min-h-224--force {
  min-height: 224px !important;
}

.h-228 {
  height: 228px;
}

.h-228--force {
  height: 228px !important;
}

.max-h-228 {
  max-height: 228px;
}

.max-h-228--force {
  max-height: 228px !important;
}

.min-h-228 {
  min-height: 228px;
}

.min-h-228--force {
  min-height: 228px !important;
}

.h-232 {
  height: 232px;
}

.h-232--force {
  height: 232px !important;
}

.max-h-232 {
  max-height: 232px;
}

.max-h-232--force {
  max-height: 232px !important;
}

.min-h-232 {
  min-height: 232px;
}

.min-h-232--force {
  min-height: 232px !important;
}

.h-236 {
  height: 236px;
}

.h-236--force {
  height: 236px !important;
}

.max-h-236 {
  max-height: 236px;
}

.max-h-236--force {
  max-height: 236px !important;
}

.min-h-236 {
  min-height: 236px;
}

.min-h-236--force {
  min-height: 236px !important;
}

.h-240 {
  height: 240px;
}

.h-240--force {
  height: 240px !important;
}

.max-h-240 {
  max-height: 240px;
}

.max-h-240--force {
  max-height: 240px !important;
}

.min-h-240 {
  min-height: 240px;
}

.min-h-240--force {
  min-height: 240px !important;
}

.h-244 {
  height: 244px;
}

.h-244--force {
  height: 244px !important;
}

.max-h-244 {
  max-height: 244px;
}

.max-h-244--force {
  max-height: 244px !important;
}

.min-h-244 {
  min-height: 244px;
}

.min-h-244--force {
  min-height: 244px !important;
}

.h-248 {
  height: 248px;
}

.h-248--force {
  height: 248px !important;
}

.max-h-248 {
  max-height: 248px;
}

.max-h-248--force {
  max-height: 248px !important;
}

.min-h-248 {
  min-height: 248px;
}

.min-h-248--force {
  min-height: 248px !important;
}

.h-252 {
  height: 252px;
}

.h-252--force {
  height: 252px !important;
}

.max-h-252 {
  max-height: 252px;
}

.max-h-252--force {
  max-height: 252px !important;
}

.min-h-252 {
  min-height: 252px;
}

.min-h-252--force {
  min-height: 252px !important;
}

.h-256 {
  height: 256px;
}

.h-256--force {
  height: 256px !important;
}

.max-h-256 {
  max-height: 256px;
}

.max-h-256--force {
  max-height: 256px !important;
}

.min-h-256 {
  min-height: 256px;
}

.min-h-256--force {
  min-height: 256px !important;
}

.h-0-p {
  height: 0%;
}

.h-0-p--force {
  height: 0% !important;
}

.max-h-0-p {
  max-height: 0%;
}

.max-h-0-p--force {
  max-height: 0% !important;
}

.min-h-0-p {
  min-height: 0%;
}

.min-h-0-p--force {
  min-height: 0% !important;
}

.h-5-p {
  height: 5%;
}

.h-5-p--force {
  height: 5% !important;
}

.max-h-5-p {
  max-height: 5%;
}

.max-h-5-p--force {
  max-height: 5% !important;
}

.min-h-5-p {
  min-height: 5%;
}

.min-h-5-p--force {
  min-height: 5% !important;
}

.h-10-p {
  height: 10%;
}

.h-10-p--force {
  height: 10% !important;
}

.max-h-10-p {
  max-height: 10%;
}

.max-h-10-p--force {
  max-height: 10% !important;
}

.min-h-10-p {
  min-height: 10%;
}

.min-h-10-p--force {
  min-height: 10% !important;
}

.h-15-p {
  height: 15%;
}

.h-15-p--force {
  height: 15% !important;
}

.max-h-15-p {
  max-height: 15%;
}

.max-h-15-p--force {
  max-height: 15% !important;
}

.min-h-15-p {
  min-height: 15%;
}

.min-h-15-p--force {
  min-height: 15% !important;
}

.h-20-p {
  height: 20%;
}

.h-20-p--force {
  height: 20% !important;
}

.max-h-20-p {
  max-height: 20%;
}

.max-h-20-p--force {
  max-height: 20% !important;
}

.min-h-20-p {
  min-height: 20%;
}

.min-h-20-p--force {
  min-height: 20% !important;
}

.h-25-p {
  height: 25%;
}

.h-25-p--force {
  height: 25% !important;
}

.max-h-25-p {
  max-height: 25%;
}

.max-h-25-p--force {
  max-height: 25% !important;
}

.min-h-25-p {
  min-height: 25%;
}

.min-h-25-p--force {
  min-height: 25% !important;
}

.h-30-p {
  height: 30%;
}

.h-30-p--force {
  height: 30% !important;
}

.max-h-30-p {
  max-height: 30%;
}

.max-h-30-p--force {
  max-height: 30% !important;
}

.min-h-30-p {
  min-height: 30%;
}

.min-h-30-p--force {
  min-height: 30% !important;
}

.h-35-p {
  height: 35%;
}

.h-35-p--force {
  height: 35% !important;
}

.max-h-35-p {
  max-height: 35%;
}

.max-h-35-p--force {
  max-height: 35% !important;
}

.min-h-35-p {
  min-height: 35%;
}

.min-h-35-p--force {
  min-height: 35% !important;
}

.h-40-p {
  height: 40%;
}

.h-40-p--force {
  height: 40% !important;
}

.max-h-40-p {
  max-height: 40%;
}

.max-h-40-p--force {
  max-height: 40% !important;
}

.min-h-40-p {
  min-height: 40%;
}

.min-h-40-p--force {
  min-height: 40% !important;
}

.h-45-p {
  height: 45%;
}

.h-45-p--force {
  height: 45% !important;
}

.max-h-45-p {
  max-height: 45%;
}

.max-h-45-p--force {
  max-height: 45% !important;
}

.min-h-45-p {
  min-height: 45%;
}

.min-h-45-p--force {
  min-height: 45% !important;
}

.h-50-p {
  height: 50%;
}

.h-50-p--force {
  height: 50% !important;
}

.max-h-50-p {
  max-height: 50%;
}

.max-h-50-p--force {
  max-height: 50% !important;
}

.min-h-50-p {
  min-height: 50%;
}

.min-h-50-p--force {
  min-height: 50% !important;
}

.h-55-p {
  height: 55%;
}

.h-55-p--force {
  height: 55% !important;
}

.max-h-55-p {
  max-height: 55%;
}

.max-h-55-p--force {
  max-height: 55% !important;
}

.min-h-55-p {
  min-height: 55%;
}

.min-h-55-p--force {
  min-height: 55% !important;
}

.h-60-p {
  height: 60%;
}

.h-60-p--force {
  height: 60% !important;
}

.max-h-60-p {
  max-height: 60%;
}

.max-h-60-p--force {
  max-height: 60% !important;
}

.min-h-60-p {
  min-height: 60%;
}

.min-h-60-p--force {
  min-height: 60% !important;
}

.h-65-p {
  height: 65%;
}

.h-65-p--force {
  height: 65% !important;
}

.max-h-65-p {
  max-height: 65%;
}

.max-h-65-p--force {
  max-height: 65% !important;
}

.min-h-65-p {
  min-height: 65%;
}

.min-h-65-p--force {
  min-height: 65% !important;
}

.h-70-p {
  height: 70%;
}

.h-70-p--force {
  height: 70% !important;
}

.max-h-70-p {
  max-height: 70%;
}

.max-h-70-p--force {
  max-height: 70% !important;
}

.min-h-70-p {
  min-height: 70%;
}

.min-h-70-p--force {
  min-height: 70% !important;
}

.h-75-p {
  height: 75%;
}

.h-75-p--force {
  height: 75% !important;
}

.max-h-75-p {
  max-height: 75%;
}

.max-h-75-p--force {
  max-height: 75% !important;
}

.min-h-75-p {
  min-height: 75%;
}

.min-h-75-p--force {
  min-height: 75% !important;
}

.h-80-p {
  height: 80%;
}

.h-80-p--force {
  height: 80% !important;
}

.max-h-80-p {
  max-height: 80%;
}

.max-h-80-p--force {
  max-height: 80% !important;
}

.min-h-80-p {
  min-height: 80%;
}

.min-h-80-p--force {
  min-height: 80% !important;
}

.h-85-p {
  height: 85%;
}

.h-85-p--force {
  height: 85% !important;
}

.max-h-85-p {
  max-height: 85%;
}

.max-h-85-p--force {
  max-height: 85% !important;
}

.min-h-85-p {
  min-height: 85%;
}

.min-h-85-p--force {
  min-height: 85% !important;
}

.h-90-p {
  height: 90%;
}

.h-90-p--force {
  height: 90% !important;
}

.max-h-90-p {
  max-height: 90%;
}

.max-h-90-p--force {
  max-height: 90% !important;
}

.min-h-90-p {
  min-height: 90%;
}

.min-h-90-p--force {
  min-height: 90% !important;
}

.h-95-p {
  height: 95%;
}

.h-95-p--force {
  height: 95% !important;
}

.max-h-95-p {
  max-height: 95%;
}

.max-h-95-p--force {
  max-height: 95% !important;
}

.min-h-95-p {
  min-height: 95%;
}

.min-h-95-p--force {
  min-height: 95% !important;
}

.h-100-p {
  height: 100%;
}

.h-100-p--force {
  height: 100% !important;
}

.max-h-100-p {
  max-height: 100%;
}

.max-h-100-p--force {
  max-height: 100% !important;
}

.min-h-100-p {
  min-height: 100%;
}

.min-h-100-p--force {
  min-height: 100% !important;
}

.h-300 {
  height: 300px;
}

.h-300--force {
  height: 300px !important;
}

.max-h-300 {
  max-height: 300px;
}

.max-h-300--force {
  max-height: 300px !important;
}

.min-h-300 {
  min-height: 300px;
}

.min-h-300--force {
  min-height: 300px !important;
}

.h-400 {
  height: 400px;
}

.h-400--force {
  height: 400px !important;
}

.max-h-400 {
  max-height: 400px;
}

.max-h-400--force {
  max-height: 400px !important;
}

.min-h-400 {
  min-height: 400px;
}

.min-h-400--force {
  min-height: 400px !important;
}

.h-500 {
  height: 500px;
}

.h-500--force {
  height: 500px !important;
}

.max-h-500 {
  max-height: 500px;
}

.max-h-500--force {
  max-height: 500px !important;
}

.min-h-500 {
  min-height: 500px;
}

.min-h-500--force {
  min-height: 500px !important;
}

.h-600 {
  height: 600px;
}

.h-600--force {
  height: 600px !important;
}

.max-h-600 {
  max-height: 600px;
}

.max-h-600--force {
  max-height: 600px !important;
}

.min-h-600 {
  min-height: 600px;
}

.min-h-600--force {
  min-height: 600px !important;
}

.h-700 {
  height: 700px;
}

.h-700--force {
  height: 700px !important;
}

.max-h-700 {
  max-height: 700px;
}

.max-h-700--force {
  max-height: 700px !important;
}

.min-h-700 {
  min-height: 700px;
}

.min-h-700--force {
  min-height: 700px !important;
}

.h-800 {
  height: 800px;
}

.h-800--force {
  height: 800px !important;
}

.max-h-800 {
  max-height: 800px;
}

.max-h-800--force {
  max-height: 800px !important;
}

.min-h-800 {
  min-height: 800px;
}

.min-h-800--force {
  min-height: 800px !important;
}

.h-900 {
  height: 900px;
}

.h-900--force {
  height: 900px !important;
}

.max-h-900 {
  max-height: 900px;
}

.max-h-900--force {
  max-height: 900px !important;
}

.min-h-900 {
  min-height: 900px;
}

.min-h-900--force {
  min-height: 900px !important;
}

.h-1000 {
  height: 1000px;
}

.h-1000--force {
  height: 1000px !important;
}

.max-h-1000 {
  max-height: 1000px;
}

.max-h-1000--force {
  max-height: 1000px !important;
}

.min-h-1000 {
  min-height: 1000px;
}

.min-h-1000--force {
  min-height: 1000px !important;
}

.h-1100 {
  height: 1100px;
}

.h-1100--force {
  height: 1100px !important;
}

.max-h-1100 {
  max-height: 1100px;
}

.max-h-1100--force {
  max-height: 1100px !important;
}

.min-h-1100 {
  min-height: 1100px;
}

.min-h-1100--force {
  min-height: 1100px !important;
}

.h-1200 {
  height: 1200px;
}

.h-1200--force {
  height: 1200px !important;
}

.max-h-1200 {
  max-height: 1200px;
}

.max-h-1200--force {
  max-height: 1200px !important;
}

.min-h-1200 {
  min-height: 1200px;
}

.min-h-1200--force {
  min-height: 1200px !important;
}

.h-1300 {
  height: 1300px;
}

.h-1300--force {
  height: 1300px !important;
}

.max-h-1300 {
  max-height: 1300px;
}

.max-h-1300--force {
  max-height: 1300px !important;
}

.min-h-1300 {
  min-height: 1300px;
}

.min-h-1300--force {
  min-height: 1300px !important;
}

.h-1400 {
  height: 1400px;
}

.h-1400--force {
  height: 1400px !important;
}

.max-h-1400 {
  max-height: 1400px;
}

.max-h-1400--force {
  max-height: 1400px !important;
}

.min-h-1400 {
  min-height: 1400px;
}

.min-h-1400--force {
  min-height: 1400px !important;
}

.h-1500 {
  height: 1500px;
}

.h-1500--force {
  height: 1500px !important;
}

.max-h-1500 {
  max-height: 1500px;
}

.max-h-1500--force {
  max-height: 1500px !important;
}

.min-h-1500 {
  min-height: 1500px;
}

.min-h-1500--force {
  min-height: 1500px !important;
}

.h-1600 {
  height: 1600px;
}

.h-1600--force {
  height: 1600px !important;
}

.max-h-1600 {
  max-height: 1600px;
}

.max-h-1600--force {
  max-height: 1600px !important;
}

.min-h-1600 {
  min-height: 1600px;
}

.min-h-1600--force {
  min-height: 1600px !important;
}

.h-1700 {
  height: 1700px;
}

.h-1700--force {
  height: 1700px !important;
}

.max-h-1700 {
  max-height: 1700px;
}

.max-h-1700--force {
  max-height: 1700px !important;
}

.min-h-1700 {
  min-height: 1700px;
}

.min-h-1700--force {
  min-height: 1700px !important;
}

.h-1800 {
  height: 1800px;
}

.h-1800--force {
  height: 1800px !important;
}

.max-h-1800 {
  max-height: 1800px;
}

.max-h-1800--force {
  max-height: 1800px !important;
}

.min-h-1800 {
  min-height: 1800px;
}

.min-h-1800--force {
  min-height: 1800px !important;
}

.h-1900 {
  height: 1900px;
}

.h-1900--force {
  height: 1900px !important;
}

.max-h-1900 {
  max-height: 1900px;
}

.max-h-1900--force {
  max-height: 1900px !important;
}

.min-h-1900 {
  min-height: 1900px;
}

.min-h-1900--force {
  min-height: 1900px !important;
}

.h-2000 {
  height: 2000px;
}

.h-2000--force {
  height: 2000px !important;
}

.max-h-2000 {
  max-height: 2000px;
}

.max-h-2000--force {
  max-height: 2000px !important;
}

.min-h-2000 {
  min-height: 2000px;
}

.min-h-2000--force {
  min-height: 2000px !important;
}

.h-auto {
  height: auto;
}

.h-auto--force {
  height: auto !important;
}

.w-0 {
  width: 0px;
}

.w-0--force {
  width: 0px !important;
}

.max-w-0 {
  max-width: 0px;
}

.max-w-0--force {
  max-width: 0px !important;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-0--force {
  min-width: 0px !important;
}

.w-4 {
  width: 4px;
}

.w-4--force {
  width: 4px !important;
}

.max-w-4 {
  max-width: 4px;
}

.max-w-4--force {
  max-width: 4px !important;
}

.min-w-4 {
  min-width: 4px;
}

.min-w-4--force {
  min-width: 4px !important;
}

.w-8 {
  width: 8px;
}

.w-8--force {
  width: 8px !important;
}

.max-w-8 {
  max-width: 8px;
}

.max-w-8--force {
  max-width: 8px !important;
}

.min-w-8 {
  min-width: 8px;
}

.min-w-8--force {
  min-width: 8px !important;
}

.w-12 {
  width: 12px;
}

.w-12--force {
  width: 12px !important;
}

.max-w-12 {
  max-width: 12px;
}

.max-w-12--force {
  max-width: 12px !important;
}

.min-w-12 {
  min-width: 12px;
}

.min-w-12--force {
  min-width: 12px !important;
}

.w-16 {
  width: 16px;
}

.w-16--force {
  width: 16px !important;
}

.max-w-16 {
  max-width: 16px;
}

.max-w-16--force {
  max-width: 16px !important;
}

.min-w-16 {
  min-width: 16px;
}

.min-w-16--force {
  min-width: 16px !important;
}

.w-20 {
  width: 20px;
}

.w-20--force {
  width: 20px !important;
}

.max-w-20 {
  max-width: 20px;
}

.max-w-20--force {
  max-width: 20px !important;
}

.min-w-20 {
  min-width: 20px;
}

.min-w-20--force {
  min-width: 20px !important;
}

.w-24 {
  width: 24px;
}

.w-24--force {
  width: 24px !important;
}

.max-w-24 {
  max-width: 24px;
}

.max-w-24--force {
  max-width: 24px !important;
}

.min-w-24 {
  min-width: 24px;
}

.min-w-24--force {
  min-width: 24px !important;
}

.w-28 {
  width: 28px;
}

.w-28--force {
  width: 28px !important;
}

.max-w-28 {
  max-width: 28px;
}

.max-w-28--force {
  max-width: 28px !important;
}

.min-w-28 {
  min-width: 28px;
}

.min-w-28--force {
  min-width: 28px !important;
}

.w-32 {
  width: 32px;
}

.w-32--force {
  width: 32px !important;
}

.max-w-32 {
  max-width: 32px;
}

.max-w-32--force {
  max-width: 32px !important;
}

.min-w-32 {
  min-width: 32px;
}

.min-w-32--force {
  min-width: 32px !important;
}

.w-36 {
  width: 36px;
}

.w-36--force {
  width: 36px !important;
}

.max-w-36 {
  max-width: 36px;
}

.max-w-36--force {
  max-width: 36px !important;
}

.min-w-36 {
  min-width: 36px;
}

.min-w-36--force {
  min-width: 36px !important;
}

.w-40 {
  width: 40px;
}

.w-40--force {
  width: 40px !important;
}

.max-w-40 {
  max-width: 40px;
}

.max-w-40--force {
  max-width: 40px !important;
}

.min-w-40 {
  min-width: 40px;
}

.min-w-40--force {
  min-width: 40px !important;
}

.w-44 {
  width: 44px;
}

.w-44--force {
  width: 44px !important;
}

.max-w-44 {
  max-width: 44px;
}

.max-w-44--force {
  max-width: 44px !important;
}

.min-w-44 {
  min-width: 44px;
}

.min-w-44--force {
  min-width: 44px !important;
}

.w-48 {
  width: 48px;
}

.w-48--force {
  width: 48px !important;
}

.max-w-48 {
  max-width: 48px;
}

.max-w-48--force {
  max-width: 48px !important;
}

.min-w-48 {
  min-width: 48px;
}

.min-w-48--force {
  min-width: 48px !important;
}

.w-52 {
  width: 52px;
}

.w-52--force {
  width: 52px !important;
}

.max-w-52 {
  max-width: 52px;
}

.max-w-52--force {
  max-width: 52px !important;
}

.min-w-52 {
  min-width: 52px;
}

.min-w-52--force {
  min-width: 52px !important;
}

.w-56 {
  width: 56px;
}

.w-56--force {
  width: 56px !important;
}

.max-w-56 {
  max-width: 56px;
}

.max-w-56--force {
  max-width: 56px !important;
}

.min-w-56 {
  min-width: 56px;
}

.min-w-56--force {
  min-width: 56px !important;
}

.w-60 {
  width: 60px;
}

.w-60--force {
  width: 60px !important;
}

.max-w-60 {
  max-width: 60px;
}

.max-w-60--force {
  max-width: 60px !important;
}

.min-w-60 {
  min-width: 60px;
}

.min-w-60--force {
  min-width: 60px !important;
}

.w-64 {
  width: 64px;
}

.w-64--force {
  width: 64px !important;
}

.max-w-64 {
  max-width: 64px;
}

.max-w-64--force {
  max-width: 64px !important;
}

.min-w-64 {
  min-width: 64px;
}

.min-w-64--force {
  min-width: 64px !important;
}

.w-68 {
  width: 68px;
}

.w-68--force {
  width: 68px !important;
}

.max-w-68 {
  max-width: 68px;
}

.max-w-68--force {
  max-width: 68px !important;
}

.min-w-68 {
  min-width: 68px;
}

.min-w-68--force {
  min-width: 68px !important;
}

.w-72 {
  width: 72px;
}

.w-72--force {
  width: 72px !important;
}

.max-w-72 {
  max-width: 72px;
}

.max-w-72--force {
  max-width: 72px !important;
}

.min-w-72 {
  min-width: 72px;
}

.min-w-72--force {
  min-width: 72px !important;
}

.w-76 {
  width: 76px;
}

.w-76--force {
  width: 76px !important;
}

.max-w-76 {
  max-width: 76px;
}

.max-w-76--force {
  max-width: 76px !important;
}

.min-w-76 {
  min-width: 76px;
}

.min-w-76--force {
  min-width: 76px !important;
}

.w-80 {
  width: 80px;
}

.w-80--force {
  width: 80px !important;
}

.max-w-80 {
  max-width: 80px;
}

.max-w-80--force {
  max-width: 80px !important;
}

.min-w-80 {
  min-width: 80px;
}

.min-w-80--force {
  min-width: 80px !important;
}

.w-84 {
  width: 84px;
}

.w-84--force {
  width: 84px !important;
}

.max-w-84 {
  max-width: 84px;
}

.max-w-84--force {
  max-width: 84px !important;
}

.min-w-84 {
  min-width: 84px;
}

.min-w-84--force {
  min-width: 84px !important;
}

.w-88 {
  width: 88px;
}

.w-88--force {
  width: 88px !important;
}

.max-w-88 {
  max-width: 88px;
}

.max-w-88--force {
  max-width: 88px !important;
}

.min-w-88 {
  min-width: 88px;
}

.min-w-88--force {
  min-width: 88px !important;
}

.w-92 {
  width: 92px;
}

.w-92--force {
  width: 92px !important;
}

.max-w-92 {
  max-width: 92px;
}

.max-w-92--force {
  max-width: 92px !important;
}

.min-w-92 {
  min-width: 92px;
}

.min-w-92--force {
  min-width: 92px !important;
}

.w-96 {
  width: 96px;
}

.w-96--force {
  width: 96px !important;
}

.max-w-96 {
  max-width: 96px;
}

.max-w-96--force {
  max-width: 96px !important;
}

.min-w-96 {
  min-width: 96px;
}

.min-w-96--force {
  min-width: 96px !important;
}

.w-100 {
  width: 100px;
}

.w-100--force {
  width: 100px !important;
}

.max-w-100 {
  max-width: 100px;
}

.max-w-100--force {
  max-width: 100px !important;
}

.min-w-100 {
  min-width: 100px;
}

.min-w-100--force {
  min-width: 100px !important;
}

.w-104 {
  width: 104px;
}

.w-104--force {
  width: 104px !important;
}

.max-w-104 {
  max-width: 104px;
}

.max-w-104--force {
  max-width: 104px !important;
}

.min-w-104 {
  min-width: 104px;
}

.min-w-104--force {
  min-width: 104px !important;
}

.w-108 {
  width: 108px;
}

.w-108--force {
  width: 108px !important;
}

.max-w-108 {
  max-width: 108px;
}

.max-w-108--force {
  max-width: 108px !important;
}

.min-w-108 {
  min-width: 108px;
}

.min-w-108--force {
  min-width: 108px !important;
}

.w-112 {
  width: 112px;
}

.w-112--force {
  width: 112px !important;
}

.max-w-112 {
  max-width: 112px;
}

.max-w-112--force {
  max-width: 112px !important;
}

.min-w-112 {
  min-width: 112px;
}

.min-w-112--force {
  min-width: 112px !important;
}

.w-116 {
  width: 116px;
}

.w-116--force {
  width: 116px !important;
}

.max-w-116 {
  max-width: 116px;
}

.max-w-116--force {
  max-width: 116px !important;
}

.min-w-116 {
  min-width: 116px;
}

.min-w-116--force {
  min-width: 116px !important;
}

.w-120 {
  width: 120px;
}

.w-120--force {
  width: 120px !important;
}

.max-w-120 {
  max-width: 120px;
}

.max-w-120--force {
  max-width: 120px !important;
}

.min-w-120 {
  min-width: 120px;
}

.min-w-120--force {
  min-width: 120px !important;
}

.w-124 {
  width: 124px;
}

.w-124--force {
  width: 124px !important;
}

.max-w-124 {
  max-width: 124px;
}

.max-w-124--force {
  max-width: 124px !important;
}

.min-w-124 {
  min-width: 124px;
}

.min-w-124--force {
  min-width: 124px !important;
}

.w-128 {
  width: 128px;
}

.w-128--force {
  width: 128px !important;
}

.max-w-128 {
  max-width: 128px;
}

.max-w-128--force {
  max-width: 128px !important;
}

.min-w-128 {
  min-width: 128px;
}

.min-w-128--force {
  min-width: 128px !important;
}

.w-132 {
  width: 132px;
}

.w-132--force {
  width: 132px !important;
}

.max-w-132 {
  max-width: 132px;
}

.max-w-132--force {
  max-width: 132px !important;
}

.min-w-132 {
  min-width: 132px;
}

.min-w-132--force {
  min-width: 132px !important;
}

.w-136 {
  width: 136px;
}

.w-136--force {
  width: 136px !important;
}

.max-w-136 {
  max-width: 136px;
}

.max-w-136--force {
  max-width: 136px !important;
}

.min-w-136 {
  min-width: 136px;
}

.min-w-136--force {
  min-width: 136px !important;
}

.w-140 {
  width: 140px;
}

.w-140--force {
  width: 140px !important;
}

.max-w-140 {
  max-width: 140px;
}

.max-w-140--force {
  max-width: 140px !important;
}

.min-w-140 {
  min-width: 140px;
}

.min-w-140--force {
  min-width: 140px !important;
}

.w-144 {
  width: 144px;
}

.w-144--force {
  width: 144px !important;
}

.max-w-144 {
  max-width: 144px;
}

.max-w-144--force {
  max-width: 144px !important;
}

.min-w-144 {
  min-width: 144px;
}

.min-w-144--force {
  min-width: 144px !important;
}

.w-148 {
  width: 148px;
}

.w-148--force {
  width: 148px !important;
}

.max-w-148 {
  max-width: 148px;
}

.max-w-148--force {
  max-width: 148px !important;
}

.min-w-148 {
  min-width: 148px;
}

.min-w-148--force {
  min-width: 148px !important;
}

.w-152 {
  width: 152px;
}

.w-152--force {
  width: 152px !important;
}

.max-w-152 {
  max-width: 152px;
}

.max-w-152--force {
  max-width: 152px !important;
}

.min-w-152 {
  min-width: 152px;
}

.min-w-152--force {
  min-width: 152px !important;
}

.w-156 {
  width: 156px;
}

.w-156--force {
  width: 156px !important;
}

.max-w-156 {
  max-width: 156px;
}

.max-w-156--force {
  max-width: 156px !important;
}

.min-w-156 {
  min-width: 156px;
}

.min-w-156--force {
  min-width: 156px !important;
}

.w-160 {
  width: 160px;
}

.w-160--force {
  width: 160px !important;
}

.max-w-160 {
  max-width: 160px;
}

.max-w-160--force {
  max-width: 160px !important;
}

.min-w-160 {
  min-width: 160px;
}

.min-w-160--force {
  min-width: 160px !important;
}

.w-164 {
  width: 164px;
}

.w-164--force {
  width: 164px !important;
}

.max-w-164 {
  max-width: 164px;
}

.max-w-164--force {
  max-width: 164px !important;
}

.min-w-164 {
  min-width: 164px;
}

.min-w-164--force {
  min-width: 164px !important;
}

.w-168 {
  width: 168px;
}

.w-168--force {
  width: 168px !important;
}

.max-w-168 {
  max-width: 168px;
}

.max-w-168--force {
  max-width: 168px !important;
}

.min-w-168 {
  min-width: 168px;
}

.min-w-168--force {
  min-width: 168px !important;
}

.w-172 {
  width: 172px;
}

.w-172--force {
  width: 172px !important;
}

.max-w-172 {
  max-width: 172px;
}

.max-w-172--force {
  max-width: 172px !important;
}

.min-w-172 {
  min-width: 172px;
}

.min-w-172--force {
  min-width: 172px !important;
}

.w-176 {
  width: 176px;
}

.w-176--force {
  width: 176px !important;
}

.max-w-176 {
  max-width: 176px;
}

.max-w-176--force {
  max-width: 176px !important;
}

.min-w-176 {
  min-width: 176px;
}

.min-w-176--force {
  min-width: 176px !important;
}

.w-180 {
  width: 180px;
}

.w-180--force {
  width: 180px !important;
}

.max-w-180 {
  max-width: 180px;
}

.max-w-180--force {
  max-width: 180px !important;
}

.min-w-180 {
  min-width: 180px;
}

.min-w-180--force {
  min-width: 180px !important;
}

.w-184 {
  width: 184px;
}

.w-184--force {
  width: 184px !important;
}

.max-w-184 {
  max-width: 184px;
}

.max-w-184--force {
  max-width: 184px !important;
}

.min-w-184 {
  min-width: 184px;
}

.min-w-184--force {
  min-width: 184px !important;
}

.w-188 {
  width: 188px;
}

.w-188--force {
  width: 188px !important;
}

.max-w-188 {
  max-width: 188px;
}

.max-w-188--force {
  max-width: 188px !important;
}

.min-w-188 {
  min-width: 188px;
}

.min-w-188--force {
  min-width: 188px !important;
}

.w-192 {
  width: 192px;
}

.w-192--force {
  width: 192px !important;
}

.max-w-192 {
  max-width: 192px;
}

.max-w-192--force {
  max-width: 192px !important;
}

.min-w-192 {
  min-width: 192px;
}

.min-w-192--force {
  min-width: 192px !important;
}

.w-196 {
  width: 196px;
}

.w-196--force {
  width: 196px !important;
}

.max-w-196 {
  max-width: 196px;
}

.max-w-196--force {
  max-width: 196px !important;
}

.min-w-196 {
  min-width: 196px;
}

.min-w-196--force {
  min-width: 196px !important;
}

.w-200 {
  width: 200px;
}

.w-200--force {
  width: 200px !important;
}

.max-w-200 {
  max-width: 200px;
}

.max-w-200--force {
  max-width: 200px !important;
}

.min-w-200 {
  min-width: 200px;
}

.min-w-200--force {
  min-width: 200px !important;
}

.w-204 {
  width: 204px;
}

.w-204--force {
  width: 204px !important;
}

.max-w-204 {
  max-width: 204px;
}

.max-w-204--force {
  max-width: 204px !important;
}

.min-w-204 {
  min-width: 204px;
}

.min-w-204--force {
  min-width: 204px !important;
}

.w-208 {
  width: 208px;
}

.w-208--force {
  width: 208px !important;
}

.max-w-208 {
  max-width: 208px;
}

.max-w-208--force {
  max-width: 208px !important;
}

.min-w-208 {
  min-width: 208px;
}

.min-w-208--force {
  min-width: 208px !important;
}

.w-212 {
  width: 212px;
}

.w-212--force {
  width: 212px !important;
}

.max-w-212 {
  max-width: 212px;
}

.max-w-212--force {
  max-width: 212px !important;
}

.min-w-212 {
  min-width: 212px;
}

.min-w-212--force {
  min-width: 212px !important;
}

.w-216 {
  width: 216px;
}

.w-216--force {
  width: 216px !important;
}

.max-w-216 {
  max-width: 216px;
}

.max-w-216--force {
  max-width: 216px !important;
}

.min-w-216 {
  min-width: 216px;
}

.min-w-216--force {
  min-width: 216px !important;
}

.w-220 {
  width: 220px;
}

.w-220--force {
  width: 220px !important;
}

.max-w-220 {
  max-width: 220px;
}

.max-w-220--force {
  max-width: 220px !important;
}

.min-w-220 {
  min-width: 220px;
}

.min-w-220--force {
  min-width: 220px !important;
}

.w-224 {
  width: 224px;
}

.w-224--force {
  width: 224px !important;
}

.max-w-224 {
  max-width: 224px;
}

.max-w-224--force {
  max-width: 224px !important;
}

.min-w-224 {
  min-width: 224px;
}

.min-w-224--force {
  min-width: 224px !important;
}

.w-228 {
  width: 228px;
}

.w-228--force {
  width: 228px !important;
}

.max-w-228 {
  max-width: 228px;
}

.max-w-228--force {
  max-width: 228px !important;
}

.min-w-228 {
  min-width: 228px;
}

.min-w-228--force {
  min-width: 228px !important;
}

.w-232 {
  width: 232px;
}

.w-232--force {
  width: 232px !important;
}

.max-w-232 {
  max-width: 232px;
}

.max-w-232--force {
  max-width: 232px !important;
}

.min-w-232 {
  min-width: 232px;
}

.min-w-232--force {
  min-width: 232px !important;
}

.w-236 {
  width: 236px;
}

.w-236--force {
  width: 236px !important;
}

.max-w-236 {
  max-width: 236px;
}

.max-w-236--force {
  max-width: 236px !important;
}

.min-w-236 {
  min-width: 236px;
}

.min-w-236--force {
  min-width: 236px !important;
}

.w-240 {
  width: 240px;
}

.w-240--force {
  width: 240px !important;
}

.max-w-240 {
  max-width: 240px;
}

.max-w-240--force {
  max-width: 240px !important;
}

.min-w-240 {
  min-width: 240px;
}

.min-w-240--force {
  min-width: 240px !important;
}

.w-244 {
  width: 244px;
}

.w-244--force {
  width: 244px !important;
}

.max-w-244 {
  max-width: 244px;
}

.max-w-244--force {
  max-width: 244px !important;
}

.min-w-244 {
  min-width: 244px;
}

.min-w-244--force {
  min-width: 244px !important;
}

.w-248 {
  width: 248px;
}

.w-248--force {
  width: 248px !important;
}

.max-w-248 {
  max-width: 248px;
}

.max-w-248--force {
  max-width: 248px !important;
}

.min-w-248 {
  min-width: 248px;
}

.min-w-248--force {
  min-width: 248px !important;
}

.w-252 {
  width: 252px;
}

.w-252--force {
  width: 252px !important;
}

.max-w-252 {
  max-width: 252px;
}

.max-w-252--force {
  max-width: 252px !important;
}

.min-w-252 {
  min-width: 252px;
}

.min-w-252--force {
  min-width: 252px !important;
}

.w-256 {
  width: 256px;
}

.w-256--force {
  width: 256px !important;
}

.max-w-256 {
  max-width: 256px;
}

.max-w-256--force {
  max-width: 256px !important;
}

.min-w-256 {
  min-width: 256px;
}

.min-w-256--force {
  min-width: 256px !important;
}

.w-0-p {
  width: 0%;
}

.w-0-p--force {
  width: 0% !important;
}

.max-w-0-p {
  max-width: 0%;
}

.max-w-0-p--force {
  max-width: 0% !important;
}

.min-w-0-p {
  min-width: 0%;
}

.min-w-0-p--force {
  min-width: 0% !important;
}

.w-5-p {
  width: 5%;
}

.w-5-p--force {
  width: 5% !important;
}

.max-w-5-p {
  max-width: 5%;
}

.max-w-5-p--force {
  max-width: 5% !important;
}

.min-w-5-p {
  min-width: 5%;
}

.min-w-5-p--force {
  min-width: 5% !important;
}

.w-10-p {
  width: 10%;
}

.w-10-p--force {
  width: 10% !important;
}

.max-w-10-p {
  max-width: 10%;
}

.max-w-10-p--force {
  max-width: 10% !important;
}

.min-w-10-p {
  min-width: 10%;
}

.min-w-10-p--force {
  min-width: 10% !important;
}

.w-15-p {
  width: 15%;
}

.w-15-p--force {
  width: 15% !important;
}

.max-w-15-p {
  max-width: 15%;
}

.max-w-15-p--force {
  max-width: 15% !important;
}

.min-w-15-p {
  min-width: 15%;
}

.min-w-15-p--force {
  min-width: 15% !important;
}

.w-20-p {
  width: 20%;
}

.w-20-p--force {
  width: 20% !important;
}

.max-w-20-p {
  max-width: 20%;
}

.max-w-20-p--force {
  max-width: 20% !important;
}

.min-w-20-p {
  min-width: 20%;
}

.min-w-20-p--force {
  min-width: 20% !important;
}

.w-25-p {
  width: 25%;
}

.w-25-p--force {
  width: 25% !important;
}

.max-w-25-p {
  max-width: 25%;
}

.max-w-25-p--force {
  max-width: 25% !important;
}

.min-w-25-p {
  min-width: 25%;
}

.min-w-25-p--force {
  min-width: 25% !important;
}

.w-30-p {
  width: 30%;
}

.w-30-p--force {
  width: 30% !important;
}

.max-w-30-p {
  max-width: 30%;
}

.max-w-30-p--force {
  max-width: 30% !important;
}

.min-w-30-p {
  min-width: 30%;
}

.min-w-30-p--force {
  min-width: 30% !important;
}

.w-35-p {
  width: 35%;
}

.w-35-p--force {
  width: 35% !important;
}

.max-w-35-p {
  max-width: 35%;
}

.max-w-35-p--force {
  max-width: 35% !important;
}

.min-w-35-p {
  min-width: 35%;
}

.min-w-35-p--force {
  min-width: 35% !important;
}

.w-40-p {
  width: 40%;
}

.w-40-p--force {
  width: 40% !important;
}

.max-w-40-p {
  max-width: 40%;
}

.max-w-40-p--force {
  max-width: 40% !important;
}

.min-w-40-p {
  min-width: 40%;
}

.min-w-40-p--force {
  min-width: 40% !important;
}

.w-45-p {
  width: 45%;
}

.w-45-p--force {
  width: 45% !important;
}

.max-w-45-p {
  max-width: 45%;
}

.max-w-45-p--force {
  max-width: 45% !important;
}

.min-w-45-p {
  min-width: 45%;
}

.min-w-45-p--force {
  min-width: 45% !important;
}

.w-50-p {
  width: 50%;
}

.w-50-p--force {
  width: 50% !important;
}

.max-w-50-p {
  max-width: 50%;
}

.max-w-50-p--force {
  max-width: 50% !important;
}

.min-w-50-p {
  min-width: 50%;
}

.min-w-50-p--force {
  min-width: 50% !important;
}

.w-55-p {
  width: 55%;
}

.w-55-p--force {
  width: 55% !important;
}

.max-w-55-p {
  max-width: 55%;
}

.max-w-55-p--force {
  max-width: 55% !important;
}

.min-w-55-p {
  min-width: 55%;
}

.min-w-55-p--force {
  min-width: 55% !important;
}

.w-60-p {
  width: 60%;
}

.w-60-p--force {
  width: 60% !important;
}

.max-w-60-p {
  max-width: 60%;
}

.max-w-60-p--force {
  max-width: 60% !important;
}

.min-w-60-p {
  min-width: 60%;
}

.min-w-60-p--force {
  min-width: 60% !important;
}

.w-65-p {
  width: 65%;
}

.w-65-p--force {
  width: 65% !important;
}

.max-w-65-p {
  max-width: 65%;
}

.max-w-65-p--force {
  max-width: 65% !important;
}

.min-w-65-p {
  min-width: 65%;
}

.min-w-65-p--force {
  min-width: 65% !important;
}

.w-70-p {
  width: 70%;
}

.w-70-p--force {
  width: 70% !important;
}

.max-w-70-p {
  max-width: 70%;
}

.max-w-70-p--force {
  max-width: 70% !important;
}

.min-w-70-p {
  min-width: 70%;
}

.min-w-70-p--force {
  min-width: 70% !important;
}

.w-75-p {
  width: 75%;
}

.w-75-p--force {
  width: 75% !important;
}

.max-w-75-p {
  max-width: 75%;
}

.max-w-75-p--force {
  max-width: 75% !important;
}

.min-w-75-p {
  min-width: 75%;
}

.min-w-75-p--force {
  min-width: 75% !important;
}

.w-80-p {
  width: 80%;
}

.w-80-p--force {
  width: 80% !important;
}

.max-w-80-p {
  max-width: 80%;
}

.max-w-80-p--force {
  max-width: 80% !important;
}

.min-w-80-p {
  min-width: 80%;
}

.min-w-80-p--force {
  min-width: 80% !important;
}

.w-85-p {
  width: 85%;
}

.w-85-p--force {
  width: 85% !important;
}

.max-w-85-p {
  max-width: 85%;
}

.max-w-85-p--force {
  max-width: 85% !important;
}

.min-w-85-p {
  min-width: 85%;
}

.min-w-85-p--force {
  min-width: 85% !important;
}

.w-90-p {
  width: 90%;
}

.w-90-p--force {
  width: 90% !important;
}

.max-w-90-p {
  max-width: 90%;
}

.max-w-90-p--force {
  max-width: 90% !important;
}

.min-w-90-p {
  min-width: 90%;
}

.min-w-90-p--force {
  min-width: 90% !important;
}

.w-95-p {
  width: 95%;
}

.w-95-p--force {
  width: 95% !important;
}

.max-w-95-p {
  max-width: 95%;
}

.max-w-95-p--force {
  max-width: 95% !important;
}

.min-w-95-p {
  min-width: 95%;
}

.min-w-95-p--force {
  min-width: 95% !important;
}

.w-100-p {
  width: 100%;
}

.w-100-p--force {
  width: 100% !important;
}

.max-w-100-p {
  max-width: 100%;
}

.max-w-100-p--force {
  max-width: 100% !important;
}

.min-w-100-p {
  min-width: 100%;
}

.min-w-100-p--force {
  min-width: 100% !important;
}

.w-300 {
  width: 300px;
}

.w-300--force {
  width: 300px !important;
}

.max-w-300 {
  max-width: 300px;
}

.max-w-300--force {
  max-width: 300px !important;
}

.min-w-300 {
  min-width: 300px;
}

.min-w-300--force {
  min-width: 300px !important;
}

.w-400 {
  width: 400px;
}

.w-400--force {
  width: 400px !important;
}

.max-w-400 {
  max-width: 400px;
}

.max-w-400--force {
  max-width: 400px !important;
}

.min-w-400 {
  min-width: 400px;
}

.min-w-400--force {
  min-width: 400px !important;
}

.w-500 {
  width: 500px;
}

.w-500--force {
  width: 500px !important;
}

.max-w-500 {
  max-width: 500px;
}

.max-w-500--force {
  max-width: 500px !important;
}

.min-w-500 {
  min-width: 500px;
}

.min-w-500--force {
  min-width: 500px !important;
}

.w-600 {
  width: 600px;
}

.w-600--force {
  width: 600px !important;
}

.max-w-600 {
  max-width: 600px;
}

.max-w-600--force {
  max-width: 600px !important;
}

.min-w-600 {
  min-width: 600px;
}

.min-w-600--force {
  min-width: 600px !important;
}

.w-700 {
  width: 700px;
}

.w-700--force {
  width: 700px !important;
}

.max-w-700 {
  max-width: 700px;
}

.max-w-700--force {
  max-width: 700px !important;
}

.min-w-700 {
  min-width: 700px;
}

.min-w-700--force {
  min-width: 700px !important;
}

.w-800 {
  width: 800px;
}

.w-800--force {
  width: 800px !important;
}

.max-w-800 {
  max-width: 800px;
}

.max-w-800--force {
  max-width: 800px !important;
}

.min-w-800 {
  min-width: 800px;
}

.min-w-800--force {
  min-width: 800px !important;
}

.w-900 {
  width: 900px;
}

.w-900--force {
  width: 900px !important;
}

.max-w-900 {
  max-width: 900px;
}

.max-w-900--force {
  max-width: 900px !important;
}

.min-w-900 {
  min-width: 900px;
}

.min-w-900--force {
  min-width: 900px !important;
}

.w-1000 {
  width: 1000px;
}

.w-1000--force {
  width: 1000px !important;
}

.max-w-1000 {
  max-width: 1000px;
}

.max-w-1000--force {
  max-width: 1000px !important;
}

.min-w-1000 {
  min-width: 1000px;
}

.min-w-1000--force {
  min-width: 1000px !important;
}

.w-1100 {
  width: 1100px;
}

.w-1100--force {
  width: 1100px !important;
}

.max-w-1100 {
  max-width: 1100px;
}

.max-w-1100--force {
  max-width: 1100px !important;
}

.min-w-1100 {
  min-width: 1100px;
}

.min-w-1100--force {
  min-width: 1100px !important;
}

.w-1200 {
  width: 1200px;
}

.w-1200--force {
  width: 1200px !important;
}

.max-w-1200 {
  max-width: 1200px;
}

.max-w-1200--force {
  max-width: 1200px !important;
}

.min-w-1200 {
  min-width: 1200px;
}

.min-w-1200--force {
  min-width: 1200px !important;
}

.w-1300 {
  width: 1300px;
}

.w-1300--force {
  width: 1300px !important;
}

.max-w-1300 {
  max-width: 1300px;
}

.max-w-1300--force {
  max-width: 1300px !important;
}

.min-w-1300 {
  min-width: 1300px;
}

.min-w-1300--force {
  min-width: 1300px !important;
}

.w-1400 {
  width: 1400px;
}

.w-1400--force {
  width: 1400px !important;
}

.max-w-1400 {
  max-width: 1400px;
}

.max-w-1400--force {
  max-width: 1400px !important;
}

.min-w-1400 {
  min-width: 1400px;
}

.min-w-1400--force {
  min-width: 1400px !important;
}

.w-1500 {
  width: 1500px;
}

.w-1500--force {
  width: 1500px !important;
}

.max-w-1500 {
  max-width: 1500px;
}

.max-w-1500--force {
  max-width: 1500px !important;
}

.min-w-1500 {
  min-width: 1500px;
}

.min-w-1500--force {
  min-width: 1500px !important;
}

.w-1600 {
  width: 1600px;
}

.w-1600--force {
  width: 1600px !important;
}

.max-w-1600 {
  max-width: 1600px;
}

.max-w-1600--force {
  max-width: 1600px !important;
}

.min-w-1600 {
  min-width: 1600px;
}

.min-w-1600--force {
  min-width: 1600px !important;
}

.w-1700 {
  width: 1700px;
}

.w-1700--force {
  width: 1700px !important;
}

.max-w-1700 {
  max-width: 1700px;
}

.max-w-1700--force {
  max-width: 1700px !important;
}

.min-w-1700 {
  min-width: 1700px;
}

.min-w-1700--force {
  min-width: 1700px !important;
}

.w-1800 {
  width: 1800px;
}

.w-1800--force {
  width: 1800px !important;
}

.max-w-1800 {
  max-width: 1800px;
}

.max-w-1800--force {
  max-width: 1800px !important;
}

.min-w-1800 {
  min-width: 1800px;
}

.min-w-1800--force {
  min-width: 1800px !important;
}

.w-1900 {
  width: 1900px;
}

.w-1900--force {
  width: 1900px !important;
}

.max-w-1900 {
  max-width: 1900px;
}

.max-w-1900--force {
  max-width: 1900px !important;
}

.min-w-1900 {
  min-width: 1900px;
}

.min-w-1900--force {
  min-width: 1900px !important;
}

.w-2000 {
  width: 2000px;
}

.w-2000--force {
  width: 2000px !important;
}

.max-w-2000 {
  max-width: 2000px;
}

.max-w-2000--force {
  max-width: 2000px !important;
}

.min-w-2000 {
  min-width: 2000px;
}

.min-w-2000--force {
  min-width: 2000px !important;
}

.w-auto {
  width: auto;
}

.w-auto--force {
  width: auto !important;
}

@media screen and (max-width: 639px) {
  .h-xs-0 {
    height: 0px;
  }
  .h-xs-0--force {
    height: 0px !important;
  }
  .max-h-xs-0 {
    max-height: 0px;
  }
  .max-h-xs-0--force {
    max-height: 0px !important;
  }
  .min-h-xs-0 {
    min-height: 0px;
  }
  .min-h-xs-0--force {
    min-height: 0px !important;
  }
  .h-xs-4 {
    height: 4px;
  }
  .h-xs-4--force {
    height: 4px !important;
  }
  .max-h-xs-4 {
    max-height: 4px;
  }
  .max-h-xs-4--force {
    max-height: 4px !important;
  }
  .min-h-xs-4 {
    min-height: 4px;
  }
  .min-h-xs-4--force {
    min-height: 4px !important;
  }
  .h-xs-8 {
    height: 8px;
  }
  .h-xs-8--force {
    height: 8px !important;
  }
  .max-h-xs-8 {
    max-height: 8px;
  }
  .max-h-xs-8--force {
    max-height: 8px !important;
  }
  .min-h-xs-8 {
    min-height: 8px;
  }
  .min-h-xs-8--force {
    min-height: 8px !important;
  }
  .h-xs-12 {
    height: 12px;
  }
  .h-xs-12--force {
    height: 12px !important;
  }
  .max-h-xs-12 {
    max-height: 12px;
  }
  .max-h-xs-12--force {
    max-height: 12px !important;
  }
  .min-h-xs-12 {
    min-height: 12px;
  }
  .min-h-xs-12--force {
    min-height: 12px !important;
  }
  .h-xs-16 {
    height: 16px;
  }
  .h-xs-16--force {
    height: 16px !important;
  }
  .max-h-xs-16 {
    max-height: 16px;
  }
  .max-h-xs-16--force {
    max-height: 16px !important;
  }
  .min-h-xs-16 {
    min-height: 16px;
  }
  .min-h-xs-16--force {
    min-height: 16px !important;
  }
  .h-xs-20 {
    height: 20px;
  }
  .h-xs-20--force {
    height: 20px !important;
  }
  .max-h-xs-20 {
    max-height: 20px;
  }
  .max-h-xs-20--force {
    max-height: 20px !important;
  }
  .min-h-xs-20 {
    min-height: 20px;
  }
  .min-h-xs-20--force {
    min-height: 20px !important;
  }
  .h-xs-24 {
    height: 24px;
  }
  .h-xs-24--force {
    height: 24px !important;
  }
  .max-h-xs-24 {
    max-height: 24px;
  }
  .max-h-xs-24--force {
    max-height: 24px !important;
  }
  .min-h-xs-24 {
    min-height: 24px;
  }
  .min-h-xs-24--force {
    min-height: 24px !important;
  }
  .h-xs-28 {
    height: 28px;
  }
  .h-xs-28--force {
    height: 28px !important;
  }
  .max-h-xs-28 {
    max-height: 28px;
  }
  .max-h-xs-28--force {
    max-height: 28px !important;
  }
  .min-h-xs-28 {
    min-height: 28px;
  }
  .min-h-xs-28--force {
    min-height: 28px !important;
  }
  .h-xs-32 {
    height: 32px;
  }
  .h-xs-32--force {
    height: 32px !important;
  }
  .max-h-xs-32 {
    max-height: 32px;
  }
  .max-h-xs-32--force {
    max-height: 32px !important;
  }
  .min-h-xs-32 {
    min-height: 32px;
  }
  .min-h-xs-32--force {
    min-height: 32px !important;
  }
  .h-xs-36 {
    height: 36px;
  }
  .h-xs-36--force {
    height: 36px !important;
  }
  .max-h-xs-36 {
    max-height: 36px;
  }
  .max-h-xs-36--force {
    max-height: 36px !important;
  }
  .min-h-xs-36 {
    min-height: 36px;
  }
  .min-h-xs-36--force {
    min-height: 36px !important;
  }
  .h-xs-40 {
    height: 40px;
  }
  .h-xs-40--force {
    height: 40px !important;
  }
  .max-h-xs-40 {
    max-height: 40px;
  }
  .max-h-xs-40--force {
    max-height: 40px !important;
  }
  .min-h-xs-40 {
    min-height: 40px;
  }
  .min-h-xs-40--force {
    min-height: 40px !important;
  }
  .h-xs-44 {
    height: 44px;
  }
  .h-xs-44--force {
    height: 44px !important;
  }
  .max-h-xs-44 {
    max-height: 44px;
  }
  .max-h-xs-44--force {
    max-height: 44px !important;
  }
  .min-h-xs-44 {
    min-height: 44px;
  }
  .min-h-xs-44--force {
    min-height: 44px !important;
  }
  .h-xs-48 {
    height: 48px;
  }
  .h-xs-48--force {
    height: 48px !important;
  }
  .max-h-xs-48 {
    max-height: 48px;
  }
  .max-h-xs-48--force {
    max-height: 48px !important;
  }
  .min-h-xs-48 {
    min-height: 48px;
  }
  .min-h-xs-48--force {
    min-height: 48px !important;
  }
  .h-xs-52 {
    height: 52px;
  }
  .h-xs-52--force {
    height: 52px !important;
  }
  .max-h-xs-52 {
    max-height: 52px;
  }
  .max-h-xs-52--force {
    max-height: 52px !important;
  }
  .min-h-xs-52 {
    min-height: 52px;
  }
  .min-h-xs-52--force {
    min-height: 52px !important;
  }
  .h-xs-56 {
    height: 56px;
  }
  .h-xs-56--force {
    height: 56px !important;
  }
  .max-h-xs-56 {
    max-height: 56px;
  }
  .max-h-xs-56--force {
    max-height: 56px !important;
  }
  .min-h-xs-56 {
    min-height: 56px;
  }
  .min-h-xs-56--force {
    min-height: 56px !important;
  }
  .h-xs-60 {
    height: 60px;
  }
  .h-xs-60--force {
    height: 60px !important;
  }
  .max-h-xs-60 {
    max-height: 60px;
  }
  .max-h-xs-60--force {
    max-height: 60px !important;
  }
  .min-h-xs-60 {
    min-height: 60px;
  }
  .min-h-xs-60--force {
    min-height: 60px !important;
  }
  .h-xs-64 {
    height: 64px;
  }
  .h-xs-64--force {
    height: 64px !important;
  }
  .max-h-xs-64 {
    max-height: 64px;
  }
  .max-h-xs-64--force {
    max-height: 64px !important;
  }
  .min-h-xs-64 {
    min-height: 64px;
  }
  .min-h-xs-64--force {
    min-height: 64px !important;
  }
  .h-xs-68 {
    height: 68px;
  }
  .h-xs-68--force {
    height: 68px !important;
  }
  .max-h-xs-68 {
    max-height: 68px;
  }
  .max-h-xs-68--force {
    max-height: 68px !important;
  }
  .min-h-xs-68 {
    min-height: 68px;
  }
  .min-h-xs-68--force {
    min-height: 68px !important;
  }
  .h-xs-72 {
    height: 72px;
  }
  .h-xs-72--force {
    height: 72px !important;
  }
  .max-h-xs-72 {
    max-height: 72px;
  }
  .max-h-xs-72--force {
    max-height: 72px !important;
  }
  .min-h-xs-72 {
    min-height: 72px;
  }
  .min-h-xs-72--force {
    min-height: 72px !important;
  }
  .h-xs-76 {
    height: 76px;
  }
  .h-xs-76--force {
    height: 76px !important;
  }
  .max-h-xs-76 {
    max-height: 76px;
  }
  .max-h-xs-76--force {
    max-height: 76px !important;
  }
  .min-h-xs-76 {
    min-height: 76px;
  }
  .min-h-xs-76--force {
    min-height: 76px !important;
  }
  .h-xs-80 {
    height: 80px;
  }
  .h-xs-80--force {
    height: 80px !important;
  }
  .max-h-xs-80 {
    max-height: 80px;
  }
  .max-h-xs-80--force {
    max-height: 80px !important;
  }
  .min-h-xs-80 {
    min-height: 80px;
  }
  .min-h-xs-80--force {
    min-height: 80px !important;
  }
  .h-xs-84 {
    height: 84px;
  }
  .h-xs-84--force {
    height: 84px !important;
  }
  .max-h-xs-84 {
    max-height: 84px;
  }
  .max-h-xs-84--force {
    max-height: 84px !important;
  }
  .min-h-xs-84 {
    min-height: 84px;
  }
  .min-h-xs-84--force {
    min-height: 84px !important;
  }
  .h-xs-88 {
    height: 88px;
  }
  .h-xs-88--force {
    height: 88px !important;
  }
  .max-h-xs-88 {
    max-height: 88px;
  }
  .max-h-xs-88--force {
    max-height: 88px !important;
  }
  .min-h-xs-88 {
    min-height: 88px;
  }
  .min-h-xs-88--force {
    min-height: 88px !important;
  }
  .h-xs-92 {
    height: 92px;
  }
  .h-xs-92--force {
    height: 92px !important;
  }
  .max-h-xs-92 {
    max-height: 92px;
  }
  .max-h-xs-92--force {
    max-height: 92px !important;
  }
  .min-h-xs-92 {
    min-height: 92px;
  }
  .min-h-xs-92--force {
    min-height: 92px !important;
  }
  .h-xs-96 {
    height: 96px;
  }
  .h-xs-96--force {
    height: 96px !important;
  }
  .max-h-xs-96 {
    max-height: 96px;
  }
  .max-h-xs-96--force {
    max-height: 96px !important;
  }
  .min-h-xs-96 {
    min-height: 96px;
  }
  .min-h-xs-96--force {
    min-height: 96px !important;
  }
  .h-xs-100 {
    height: 100px;
  }
  .h-xs-100--force {
    height: 100px !important;
  }
  .max-h-xs-100 {
    max-height: 100px;
  }
  .max-h-xs-100--force {
    max-height: 100px !important;
  }
  .min-h-xs-100 {
    min-height: 100px;
  }
  .min-h-xs-100--force {
    min-height: 100px !important;
  }
  .h-xs-104 {
    height: 104px;
  }
  .h-xs-104--force {
    height: 104px !important;
  }
  .max-h-xs-104 {
    max-height: 104px;
  }
  .max-h-xs-104--force {
    max-height: 104px !important;
  }
  .min-h-xs-104 {
    min-height: 104px;
  }
  .min-h-xs-104--force {
    min-height: 104px !important;
  }
  .h-xs-108 {
    height: 108px;
  }
  .h-xs-108--force {
    height: 108px !important;
  }
  .max-h-xs-108 {
    max-height: 108px;
  }
  .max-h-xs-108--force {
    max-height: 108px !important;
  }
  .min-h-xs-108 {
    min-height: 108px;
  }
  .min-h-xs-108--force {
    min-height: 108px !important;
  }
  .h-xs-112 {
    height: 112px;
  }
  .h-xs-112--force {
    height: 112px !important;
  }
  .max-h-xs-112 {
    max-height: 112px;
  }
  .max-h-xs-112--force {
    max-height: 112px !important;
  }
  .min-h-xs-112 {
    min-height: 112px;
  }
  .min-h-xs-112--force {
    min-height: 112px !important;
  }
  .h-xs-116 {
    height: 116px;
  }
  .h-xs-116--force {
    height: 116px !important;
  }
  .max-h-xs-116 {
    max-height: 116px;
  }
  .max-h-xs-116--force {
    max-height: 116px !important;
  }
  .min-h-xs-116 {
    min-height: 116px;
  }
  .min-h-xs-116--force {
    min-height: 116px !important;
  }
  .h-xs-120 {
    height: 120px;
  }
  .h-xs-120--force {
    height: 120px !important;
  }
  .max-h-xs-120 {
    max-height: 120px;
  }
  .max-h-xs-120--force {
    max-height: 120px !important;
  }
  .min-h-xs-120 {
    min-height: 120px;
  }
  .min-h-xs-120--force {
    min-height: 120px !important;
  }
  .h-xs-124 {
    height: 124px;
  }
  .h-xs-124--force {
    height: 124px !important;
  }
  .max-h-xs-124 {
    max-height: 124px;
  }
  .max-h-xs-124--force {
    max-height: 124px !important;
  }
  .min-h-xs-124 {
    min-height: 124px;
  }
  .min-h-xs-124--force {
    min-height: 124px !important;
  }
  .h-xs-128 {
    height: 128px;
  }
  .h-xs-128--force {
    height: 128px !important;
  }
  .max-h-xs-128 {
    max-height: 128px;
  }
  .max-h-xs-128--force {
    max-height: 128px !important;
  }
  .min-h-xs-128 {
    min-height: 128px;
  }
  .min-h-xs-128--force {
    min-height: 128px !important;
  }
  .h-xs-132 {
    height: 132px;
  }
  .h-xs-132--force {
    height: 132px !important;
  }
  .max-h-xs-132 {
    max-height: 132px;
  }
  .max-h-xs-132--force {
    max-height: 132px !important;
  }
  .min-h-xs-132 {
    min-height: 132px;
  }
  .min-h-xs-132--force {
    min-height: 132px !important;
  }
  .h-xs-136 {
    height: 136px;
  }
  .h-xs-136--force {
    height: 136px !important;
  }
  .max-h-xs-136 {
    max-height: 136px;
  }
  .max-h-xs-136--force {
    max-height: 136px !important;
  }
  .min-h-xs-136 {
    min-height: 136px;
  }
  .min-h-xs-136--force {
    min-height: 136px !important;
  }
  .h-xs-140 {
    height: 140px;
  }
  .h-xs-140--force {
    height: 140px !important;
  }
  .max-h-xs-140 {
    max-height: 140px;
  }
  .max-h-xs-140--force {
    max-height: 140px !important;
  }
  .min-h-xs-140 {
    min-height: 140px;
  }
  .min-h-xs-140--force {
    min-height: 140px !important;
  }
  .h-xs-144 {
    height: 144px;
  }
  .h-xs-144--force {
    height: 144px !important;
  }
  .max-h-xs-144 {
    max-height: 144px;
  }
  .max-h-xs-144--force {
    max-height: 144px !important;
  }
  .min-h-xs-144 {
    min-height: 144px;
  }
  .min-h-xs-144--force {
    min-height: 144px !important;
  }
  .h-xs-148 {
    height: 148px;
  }
  .h-xs-148--force {
    height: 148px !important;
  }
  .max-h-xs-148 {
    max-height: 148px;
  }
  .max-h-xs-148--force {
    max-height: 148px !important;
  }
  .min-h-xs-148 {
    min-height: 148px;
  }
  .min-h-xs-148--force {
    min-height: 148px !important;
  }
  .h-xs-152 {
    height: 152px;
  }
  .h-xs-152--force {
    height: 152px !important;
  }
  .max-h-xs-152 {
    max-height: 152px;
  }
  .max-h-xs-152--force {
    max-height: 152px !important;
  }
  .min-h-xs-152 {
    min-height: 152px;
  }
  .min-h-xs-152--force {
    min-height: 152px !important;
  }
  .h-xs-156 {
    height: 156px;
  }
  .h-xs-156--force {
    height: 156px !important;
  }
  .max-h-xs-156 {
    max-height: 156px;
  }
  .max-h-xs-156--force {
    max-height: 156px !important;
  }
  .min-h-xs-156 {
    min-height: 156px;
  }
  .min-h-xs-156--force {
    min-height: 156px !important;
  }
  .h-xs-160 {
    height: 160px;
  }
  .h-xs-160--force {
    height: 160px !important;
  }
  .max-h-xs-160 {
    max-height: 160px;
  }
  .max-h-xs-160--force {
    max-height: 160px !important;
  }
  .min-h-xs-160 {
    min-height: 160px;
  }
  .min-h-xs-160--force {
    min-height: 160px !important;
  }
  .h-xs-164 {
    height: 164px;
  }
  .h-xs-164--force {
    height: 164px !important;
  }
  .max-h-xs-164 {
    max-height: 164px;
  }
  .max-h-xs-164--force {
    max-height: 164px !important;
  }
  .min-h-xs-164 {
    min-height: 164px;
  }
  .min-h-xs-164--force {
    min-height: 164px !important;
  }
  .h-xs-168 {
    height: 168px;
  }
  .h-xs-168--force {
    height: 168px !important;
  }
  .max-h-xs-168 {
    max-height: 168px;
  }
  .max-h-xs-168--force {
    max-height: 168px !important;
  }
  .min-h-xs-168 {
    min-height: 168px;
  }
  .min-h-xs-168--force {
    min-height: 168px !important;
  }
  .h-xs-172 {
    height: 172px;
  }
  .h-xs-172--force {
    height: 172px !important;
  }
  .max-h-xs-172 {
    max-height: 172px;
  }
  .max-h-xs-172--force {
    max-height: 172px !important;
  }
  .min-h-xs-172 {
    min-height: 172px;
  }
  .min-h-xs-172--force {
    min-height: 172px !important;
  }
  .h-xs-176 {
    height: 176px;
  }
  .h-xs-176--force {
    height: 176px !important;
  }
  .max-h-xs-176 {
    max-height: 176px;
  }
  .max-h-xs-176--force {
    max-height: 176px !important;
  }
  .min-h-xs-176 {
    min-height: 176px;
  }
  .min-h-xs-176--force {
    min-height: 176px !important;
  }
  .h-xs-180 {
    height: 180px;
  }
  .h-xs-180--force {
    height: 180px !important;
  }
  .max-h-xs-180 {
    max-height: 180px;
  }
  .max-h-xs-180--force {
    max-height: 180px !important;
  }
  .min-h-xs-180 {
    min-height: 180px;
  }
  .min-h-xs-180--force {
    min-height: 180px !important;
  }
  .h-xs-184 {
    height: 184px;
  }
  .h-xs-184--force {
    height: 184px !important;
  }
  .max-h-xs-184 {
    max-height: 184px;
  }
  .max-h-xs-184--force {
    max-height: 184px !important;
  }
  .min-h-xs-184 {
    min-height: 184px;
  }
  .min-h-xs-184--force {
    min-height: 184px !important;
  }
  .h-xs-188 {
    height: 188px;
  }
  .h-xs-188--force {
    height: 188px !important;
  }
  .max-h-xs-188 {
    max-height: 188px;
  }
  .max-h-xs-188--force {
    max-height: 188px !important;
  }
  .min-h-xs-188 {
    min-height: 188px;
  }
  .min-h-xs-188--force {
    min-height: 188px !important;
  }
  .h-xs-192 {
    height: 192px;
  }
  .h-xs-192--force {
    height: 192px !important;
  }
  .max-h-xs-192 {
    max-height: 192px;
  }
  .max-h-xs-192--force {
    max-height: 192px !important;
  }
  .min-h-xs-192 {
    min-height: 192px;
  }
  .min-h-xs-192--force {
    min-height: 192px !important;
  }
  .h-xs-196 {
    height: 196px;
  }
  .h-xs-196--force {
    height: 196px !important;
  }
  .max-h-xs-196 {
    max-height: 196px;
  }
  .max-h-xs-196--force {
    max-height: 196px !important;
  }
  .min-h-xs-196 {
    min-height: 196px;
  }
  .min-h-xs-196--force {
    min-height: 196px !important;
  }
  .h-xs-200 {
    height: 200px;
  }
  .h-xs-200--force {
    height: 200px !important;
  }
  .max-h-xs-200 {
    max-height: 200px;
  }
  .max-h-xs-200--force {
    max-height: 200px !important;
  }
  .min-h-xs-200 {
    min-height: 200px;
  }
  .min-h-xs-200--force {
    min-height: 200px !important;
  }
  .h-xs-204 {
    height: 204px;
  }
  .h-xs-204--force {
    height: 204px !important;
  }
  .max-h-xs-204 {
    max-height: 204px;
  }
  .max-h-xs-204--force {
    max-height: 204px !important;
  }
  .min-h-xs-204 {
    min-height: 204px;
  }
  .min-h-xs-204--force {
    min-height: 204px !important;
  }
  .h-xs-208 {
    height: 208px;
  }
  .h-xs-208--force {
    height: 208px !important;
  }
  .max-h-xs-208 {
    max-height: 208px;
  }
  .max-h-xs-208--force {
    max-height: 208px !important;
  }
  .min-h-xs-208 {
    min-height: 208px;
  }
  .min-h-xs-208--force {
    min-height: 208px !important;
  }
  .h-xs-212 {
    height: 212px;
  }
  .h-xs-212--force {
    height: 212px !important;
  }
  .max-h-xs-212 {
    max-height: 212px;
  }
  .max-h-xs-212--force {
    max-height: 212px !important;
  }
  .min-h-xs-212 {
    min-height: 212px;
  }
  .min-h-xs-212--force {
    min-height: 212px !important;
  }
  .h-xs-216 {
    height: 216px;
  }
  .h-xs-216--force {
    height: 216px !important;
  }
  .max-h-xs-216 {
    max-height: 216px;
  }
  .max-h-xs-216--force {
    max-height: 216px !important;
  }
  .min-h-xs-216 {
    min-height: 216px;
  }
  .min-h-xs-216--force {
    min-height: 216px !important;
  }
  .h-xs-220 {
    height: 220px;
  }
  .h-xs-220--force {
    height: 220px !important;
  }
  .max-h-xs-220 {
    max-height: 220px;
  }
  .max-h-xs-220--force {
    max-height: 220px !important;
  }
  .min-h-xs-220 {
    min-height: 220px;
  }
  .min-h-xs-220--force {
    min-height: 220px !important;
  }
  .h-xs-224 {
    height: 224px;
  }
  .h-xs-224--force {
    height: 224px !important;
  }
  .max-h-xs-224 {
    max-height: 224px;
  }
  .max-h-xs-224--force {
    max-height: 224px !important;
  }
  .min-h-xs-224 {
    min-height: 224px;
  }
  .min-h-xs-224--force {
    min-height: 224px !important;
  }
  .h-xs-228 {
    height: 228px;
  }
  .h-xs-228--force {
    height: 228px !important;
  }
  .max-h-xs-228 {
    max-height: 228px;
  }
  .max-h-xs-228--force {
    max-height: 228px !important;
  }
  .min-h-xs-228 {
    min-height: 228px;
  }
  .min-h-xs-228--force {
    min-height: 228px !important;
  }
  .h-xs-232 {
    height: 232px;
  }
  .h-xs-232--force {
    height: 232px !important;
  }
  .max-h-xs-232 {
    max-height: 232px;
  }
  .max-h-xs-232--force {
    max-height: 232px !important;
  }
  .min-h-xs-232 {
    min-height: 232px;
  }
  .min-h-xs-232--force {
    min-height: 232px !important;
  }
  .h-xs-236 {
    height: 236px;
  }
  .h-xs-236--force {
    height: 236px !important;
  }
  .max-h-xs-236 {
    max-height: 236px;
  }
  .max-h-xs-236--force {
    max-height: 236px !important;
  }
  .min-h-xs-236 {
    min-height: 236px;
  }
  .min-h-xs-236--force {
    min-height: 236px !important;
  }
  .h-xs-240 {
    height: 240px;
  }
  .h-xs-240--force {
    height: 240px !important;
  }
  .max-h-xs-240 {
    max-height: 240px;
  }
  .max-h-xs-240--force {
    max-height: 240px !important;
  }
  .min-h-xs-240 {
    min-height: 240px;
  }
  .min-h-xs-240--force {
    min-height: 240px !important;
  }
  .h-xs-244 {
    height: 244px;
  }
  .h-xs-244--force {
    height: 244px !important;
  }
  .max-h-xs-244 {
    max-height: 244px;
  }
  .max-h-xs-244--force {
    max-height: 244px !important;
  }
  .min-h-xs-244 {
    min-height: 244px;
  }
  .min-h-xs-244--force {
    min-height: 244px !important;
  }
  .h-xs-248 {
    height: 248px;
  }
  .h-xs-248--force {
    height: 248px !important;
  }
  .max-h-xs-248 {
    max-height: 248px;
  }
  .max-h-xs-248--force {
    max-height: 248px !important;
  }
  .min-h-xs-248 {
    min-height: 248px;
  }
  .min-h-xs-248--force {
    min-height: 248px !important;
  }
  .h-xs-252 {
    height: 252px;
  }
  .h-xs-252--force {
    height: 252px !important;
  }
  .max-h-xs-252 {
    max-height: 252px;
  }
  .max-h-xs-252--force {
    max-height: 252px !important;
  }
  .min-h-xs-252 {
    min-height: 252px;
  }
  .min-h-xs-252--force {
    min-height: 252px !important;
  }
  .h-xs-256 {
    height: 256px;
  }
  .h-xs-256--force {
    height: 256px !important;
  }
  .max-h-xs-256 {
    max-height: 256px;
  }
  .max-h-xs-256--force {
    max-height: 256px !important;
  }
  .min-h-xs-256 {
    min-height: 256px;
  }
  .min-h-xs-256--force {
    min-height: 256px !important;
  }
  .h-xs-0-p {
    height: 0%;
  }
  .h-xs-0-p--force {
    height: 0% !important;
  }
  .max-h-xs-0-p {
    max-height: 0%;
  }
  .max-h-xs-0-p--force {
    max-height: 0% !important;
  }
  .min-h-xs-0-p {
    min-height: 0%;
  }
  .min-h-xs-0-p--force {
    min-height: 0% !important;
  }
  .h-xs-5-p {
    height: 5%;
  }
  .h-xs-5-p--force {
    height: 5% !important;
  }
  .max-h-xs-5-p {
    max-height: 5%;
  }
  .max-h-xs-5-p--force {
    max-height: 5% !important;
  }
  .min-h-xs-5-p {
    min-height: 5%;
  }
  .min-h-xs-5-p--force {
    min-height: 5% !important;
  }
  .h-xs-10-p {
    height: 10%;
  }
  .h-xs-10-p--force {
    height: 10% !important;
  }
  .max-h-xs-10-p {
    max-height: 10%;
  }
  .max-h-xs-10-p--force {
    max-height: 10% !important;
  }
  .min-h-xs-10-p {
    min-height: 10%;
  }
  .min-h-xs-10-p--force {
    min-height: 10% !important;
  }
  .h-xs-15-p {
    height: 15%;
  }
  .h-xs-15-p--force {
    height: 15% !important;
  }
  .max-h-xs-15-p {
    max-height: 15%;
  }
  .max-h-xs-15-p--force {
    max-height: 15% !important;
  }
  .min-h-xs-15-p {
    min-height: 15%;
  }
  .min-h-xs-15-p--force {
    min-height: 15% !important;
  }
  .h-xs-20-p {
    height: 20%;
  }
  .h-xs-20-p--force {
    height: 20% !important;
  }
  .max-h-xs-20-p {
    max-height: 20%;
  }
  .max-h-xs-20-p--force {
    max-height: 20% !important;
  }
  .min-h-xs-20-p {
    min-height: 20%;
  }
  .min-h-xs-20-p--force {
    min-height: 20% !important;
  }
  .h-xs-25-p {
    height: 25%;
  }
  .h-xs-25-p--force {
    height: 25% !important;
  }
  .max-h-xs-25-p {
    max-height: 25%;
  }
  .max-h-xs-25-p--force {
    max-height: 25% !important;
  }
  .min-h-xs-25-p {
    min-height: 25%;
  }
  .min-h-xs-25-p--force {
    min-height: 25% !important;
  }
  .h-xs-30-p {
    height: 30%;
  }
  .h-xs-30-p--force {
    height: 30% !important;
  }
  .max-h-xs-30-p {
    max-height: 30%;
  }
  .max-h-xs-30-p--force {
    max-height: 30% !important;
  }
  .min-h-xs-30-p {
    min-height: 30%;
  }
  .min-h-xs-30-p--force {
    min-height: 30% !important;
  }
  .h-xs-35-p {
    height: 35%;
  }
  .h-xs-35-p--force {
    height: 35% !important;
  }
  .max-h-xs-35-p {
    max-height: 35%;
  }
  .max-h-xs-35-p--force {
    max-height: 35% !important;
  }
  .min-h-xs-35-p {
    min-height: 35%;
  }
  .min-h-xs-35-p--force {
    min-height: 35% !important;
  }
  .h-xs-40-p {
    height: 40%;
  }
  .h-xs-40-p--force {
    height: 40% !important;
  }
  .max-h-xs-40-p {
    max-height: 40%;
  }
  .max-h-xs-40-p--force {
    max-height: 40% !important;
  }
  .min-h-xs-40-p {
    min-height: 40%;
  }
  .min-h-xs-40-p--force {
    min-height: 40% !important;
  }
  .h-xs-45-p {
    height: 45%;
  }
  .h-xs-45-p--force {
    height: 45% !important;
  }
  .max-h-xs-45-p {
    max-height: 45%;
  }
  .max-h-xs-45-p--force {
    max-height: 45% !important;
  }
  .min-h-xs-45-p {
    min-height: 45%;
  }
  .min-h-xs-45-p--force {
    min-height: 45% !important;
  }
  .h-xs-50-p {
    height: 50%;
  }
  .h-xs-50-p--force {
    height: 50% !important;
  }
  .max-h-xs-50-p {
    max-height: 50%;
  }
  .max-h-xs-50-p--force {
    max-height: 50% !important;
  }
  .min-h-xs-50-p {
    min-height: 50%;
  }
  .min-h-xs-50-p--force {
    min-height: 50% !important;
  }
  .h-xs-55-p {
    height: 55%;
  }
  .h-xs-55-p--force {
    height: 55% !important;
  }
  .max-h-xs-55-p {
    max-height: 55%;
  }
  .max-h-xs-55-p--force {
    max-height: 55% !important;
  }
  .min-h-xs-55-p {
    min-height: 55%;
  }
  .min-h-xs-55-p--force {
    min-height: 55% !important;
  }
  .h-xs-60-p {
    height: 60%;
  }
  .h-xs-60-p--force {
    height: 60% !important;
  }
  .max-h-xs-60-p {
    max-height: 60%;
  }
  .max-h-xs-60-p--force {
    max-height: 60% !important;
  }
  .min-h-xs-60-p {
    min-height: 60%;
  }
  .min-h-xs-60-p--force {
    min-height: 60% !important;
  }
  .h-xs-65-p {
    height: 65%;
  }
  .h-xs-65-p--force {
    height: 65% !important;
  }
  .max-h-xs-65-p {
    max-height: 65%;
  }
  .max-h-xs-65-p--force {
    max-height: 65% !important;
  }
  .min-h-xs-65-p {
    min-height: 65%;
  }
  .min-h-xs-65-p--force {
    min-height: 65% !important;
  }
  .h-xs-70-p {
    height: 70%;
  }
  .h-xs-70-p--force {
    height: 70% !important;
  }
  .max-h-xs-70-p {
    max-height: 70%;
  }
  .max-h-xs-70-p--force {
    max-height: 70% !important;
  }
  .min-h-xs-70-p {
    min-height: 70%;
  }
  .min-h-xs-70-p--force {
    min-height: 70% !important;
  }
  .h-xs-75-p {
    height: 75%;
  }
  .h-xs-75-p--force {
    height: 75% !important;
  }
  .max-h-xs-75-p {
    max-height: 75%;
  }
  .max-h-xs-75-p--force {
    max-height: 75% !important;
  }
  .min-h-xs-75-p {
    min-height: 75%;
  }
  .min-h-xs-75-p--force {
    min-height: 75% !important;
  }
  .h-xs-80-p {
    height: 80%;
  }
  .h-xs-80-p--force {
    height: 80% !important;
  }
  .max-h-xs-80-p {
    max-height: 80%;
  }
  .max-h-xs-80-p--force {
    max-height: 80% !important;
  }
  .min-h-xs-80-p {
    min-height: 80%;
  }
  .min-h-xs-80-p--force {
    min-height: 80% !important;
  }
  .h-xs-85-p {
    height: 85%;
  }
  .h-xs-85-p--force {
    height: 85% !important;
  }
  .max-h-xs-85-p {
    max-height: 85%;
  }
  .max-h-xs-85-p--force {
    max-height: 85% !important;
  }
  .min-h-xs-85-p {
    min-height: 85%;
  }
  .min-h-xs-85-p--force {
    min-height: 85% !important;
  }
  .h-xs-90-p {
    height: 90%;
  }
  .h-xs-90-p--force {
    height: 90% !important;
  }
  .max-h-xs-90-p {
    max-height: 90%;
  }
  .max-h-xs-90-p--force {
    max-height: 90% !important;
  }
  .min-h-xs-90-p {
    min-height: 90%;
  }
  .min-h-xs-90-p--force {
    min-height: 90% !important;
  }
  .h-xs-95-p {
    height: 95%;
  }
  .h-xs-95-p--force {
    height: 95% !important;
  }
  .max-h-xs-95-p {
    max-height: 95%;
  }
  .max-h-xs-95-p--force {
    max-height: 95% !important;
  }
  .min-h-xs-95-p {
    min-height: 95%;
  }
  .min-h-xs-95-p--force {
    min-height: 95% !important;
  }
  .h-xs-100-p {
    height: 100%;
  }
  .h-xs-100-p--force {
    height: 100% !important;
  }
  .max-h-xs-100-p {
    max-height: 100%;
  }
  .max-h-xs-100-p--force {
    max-height: 100% !important;
  }
  .min-h-xs-100-p {
    min-height: 100%;
  }
  .min-h-xs-100-p--force {
    min-height: 100% !important;
  }
  .h-xs-300 {
    height: 300px;
  }
  .h-xs-300--force {
    height: 300px !important;
  }
  .max-h-xs-300 {
    max-height: 300px;
  }
  .max-h-xs-300--force {
    max-height: 300px !important;
  }
  .min-h-xs-300 {
    min-height: 300px;
  }
  .min-h-xs-300--force {
    min-height: 300px !important;
  }
  .h-xs-400 {
    height: 400px;
  }
  .h-xs-400--force {
    height: 400px !important;
  }
  .max-h-xs-400 {
    max-height: 400px;
  }
  .max-h-xs-400--force {
    max-height: 400px !important;
  }
  .min-h-xs-400 {
    min-height: 400px;
  }
  .min-h-xs-400--force {
    min-height: 400px !important;
  }
  .h-xs-500 {
    height: 500px;
  }
  .h-xs-500--force {
    height: 500px !important;
  }
  .max-h-xs-500 {
    max-height: 500px;
  }
  .max-h-xs-500--force {
    max-height: 500px !important;
  }
  .min-h-xs-500 {
    min-height: 500px;
  }
  .min-h-xs-500--force {
    min-height: 500px !important;
  }
  .h-xs-600 {
    height: 600px;
  }
  .h-xs-600--force {
    height: 600px !important;
  }
  .max-h-xs-600 {
    max-height: 600px;
  }
  .max-h-xs-600--force {
    max-height: 600px !important;
  }
  .min-h-xs-600 {
    min-height: 600px;
  }
  .min-h-xs-600--force {
    min-height: 600px !important;
  }
  .h-xs-700 {
    height: 700px;
  }
  .h-xs-700--force {
    height: 700px !important;
  }
  .max-h-xs-700 {
    max-height: 700px;
  }
  .max-h-xs-700--force {
    max-height: 700px !important;
  }
  .min-h-xs-700 {
    min-height: 700px;
  }
  .min-h-xs-700--force {
    min-height: 700px !important;
  }
  .h-xs-800 {
    height: 800px;
  }
  .h-xs-800--force {
    height: 800px !important;
  }
  .max-h-xs-800 {
    max-height: 800px;
  }
  .max-h-xs-800--force {
    max-height: 800px !important;
  }
  .min-h-xs-800 {
    min-height: 800px;
  }
  .min-h-xs-800--force {
    min-height: 800px !important;
  }
  .h-xs-900 {
    height: 900px;
  }
  .h-xs-900--force {
    height: 900px !important;
  }
  .max-h-xs-900 {
    max-height: 900px;
  }
  .max-h-xs-900--force {
    max-height: 900px !important;
  }
  .min-h-xs-900 {
    min-height: 900px;
  }
  .min-h-xs-900--force {
    min-height: 900px !important;
  }
  .h-xs-1000 {
    height: 1000px;
  }
  .h-xs-1000--force {
    height: 1000px !important;
  }
  .max-h-xs-1000 {
    max-height: 1000px;
  }
  .max-h-xs-1000--force {
    max-height: 1000px !important;
  }
  .min-h-xs-1000 {
    min-height: 1000px;
  }
  .min-h-xs-1000--force {
    min-height: 1000px !important;
  }
  .h-xs-1100 {
    height: 1100px;
  }
  .h-xs-1100--force {
    height: 1100px !important;
  }
  .max-h-xs-1100 {
    max-height: 1100px;
  }
  .max-h-xs-1100--force {
    max-height: 1100px !important;
  }
  .min-h-xs-1100 {
    min-height: 1100px;
  }
  .min-h-xs-1100--force {
    min-height: 1100px !important;
  }
  .h-xs-1200 {
    height: 1200px;
  }
  .h-xs-1200--force {
    height: 1200px !important;
  }
  .max-h-xs-1200 {
    max-height: 1200px;
  }
  .max-h-xs-1200--force {
    max-height: 1200px !important;
  }
  .min-h-xs-1200 {
    min-height: 1200px;
  }
  .min-h-xs-1200--force {
    min-height: 1200px !important;
  }
  .h-xs-1300 {
    height: 1300px;
  }
  .h-xs-1300--force {
    height: 1300px !important;
  }
  .max-h-xs-1300 {
    max-height: 1300px;
  }
  .max-h-xs-1300--force {
    max-height: 1300px !important;
  }
  .min-h-xs-1300 {
    min-height: 1300px;
  }
  .min-h-xs-1300--force {
    min-height: 1300px !important;
  }
  .h-xs-1400 {
    height: 1400px;
  }
  .h-xs-1400--force {
    height: 1400px !important;
  }
  .max-h-xs-1400 {
    max-height: 1400px;
  }
  .max-h-xs-1400--force {
    max-height: 1400px !important;
  }
  .min-h-xs-1400 {
    min-height: 1400px;
  }
  .min-h-xs-1400--force {
    min-height: 1400px !important;
  }
  .h-xs-1500 {
    height: 1500px;
  }
  .h-xs-1500--force {
    height: 1500px !important;
  }
  .max-h-xs-1500 {
    max-height: 1500px;
  }
  .max-h-xs-1500--force {
    max-height: 1500px !important;
  }
  .min-h-xs-1500 {
    min-height: 1500px;
  }
  .min-h-xs-1500--force {
    min-height: 1500px !important;
  }
  .h-xs-1600 {
    height: 1600px;
  }
  .h-xs-1600--force {
    height: 1600px !important;
  }
  .max-h-xs-1600 {
    max-height: 1600px;
  }
  .max-h-xs-1600--force {
    max-height: 1600px !important;
  }
  .min-h-xs-1600 {
    min-height: 1600px;
  }
  .min-h-xs-1600--force {
    min-height: 1600px !important;
  }
  .h-xs-1700 {
    height: 1700px;
  }
  .h-xs-1700--force {
    height: 1700px !important;
  }
  .max-h-xs-1700 {
    max-height: 1700px;
  }
  .max-h-xs-1700--force {
    max-height: 1700px !important;
  }
  .min-h-xs-1700 {
    min-height: 1700px;
  }
  .min-h-xs-1700--force {
    min-height: 1700px !important;
  }
  .h-xs-1800 {
    height: 1800px;
  }
  .h-xs-1800--force {
    height: 1800px !important;
  }
  .max-h-xs-1800 {
    max-height: 1800px;
  }
  .max-h-xs-1800--force {
    max-height: 1800px !important;
  }
  .min-h-xs-1800 {
    min-height: 1800px;
  }
  .min-h-xs-1800--force {
    min-height: 1800px !important;
  }
  .h-xs-1900 {
    height: 1900px;
  }
  .h-xs-1900--force {
    height: 1900px !important;
  }
  .max-h-xs-1900 {
    max-height: 1900px;
  }
  .max-h-xs-1900--force {
    max-height: 1900px !important;
  }
  .min-h-xs-1900 {
    min-height: 1900px;
  }
  .min-h-xs-1900--force {
    min-height: 1900px !important;
  }
  .h-xs-2000 {
    height: 2000px;
  }
  .h-xs-2000--force {
    height: 2000px !important;
  }
  .max-h-xs-2000 {
    max-height: 2000px;
  }
  .max-h-xs-2000--force {
    max-height: 2000px !important;
  }
  .min-h-xs-2000 {
    min-height: 2000px;
  }
  .min-h-xs-2000--force {
    min-height: 2000px !important;
  }
  .h-xs-auto {
    height: auto;
  }
  .h-xs-auto--force {
    height: auto !important;
  }
  .w-xs-0 {
    width: 0px;
  }
  .w-xs-0--force {
    width: 0px !important;
  }
  .max-w-xs-0 {
    max-width: 0px;
  }
  .max-w-xs-0--force {
    max-width: 0px !important;
  }
  .min-w-xs-0 {
    min-width: 0px;
  }
  .min-w-xs-0--force {
    min-width: 0px !important;
  }
  .w-xs-4 {
    width: 4px;
  }
  .w-xs-4--force {
    width: 4px !important;
  }
  .max-w-xs-4 {
    max-width: 4px;
  }
  .max-w-xs-4--force {
    max-width: 4px !important;
  }
  .min-w-xs-4 {
    min-width: 4px;
  }
  .min-w-xs-4--force {
    min-width: 4px !important;
  }
  .w-xs-8 {
    width: 8px;
  }
  .w-xs-8--force {
    width: 8px !important;
  }
  .max-w-xs-8 {
    max-width: 8px;
  }
  .max-w-xs-8--force {
    max-width: 8px !important;
  }
  .min-w-xs-8 {
    min-width: 8px;
  }
  .min-w-xs-8--force {
    min-width: 8px !important;
  }
  .w-xs-12 {
    width: 12px;
  }
  .w-xs-12--force {
    width: 12px !important;
  }
  .max-w-xs-12 {
    max-width: 12px;
  }
  .max-w-xs-12--force {
    max-width: 12px !important;
  }
  .min-w-xs-12 {
    min-width: 12px;
  }
  .min-w-xs-12--force {
    min-width: 12px !important;
  }
  .w-xs-16 {
    width: 16px;
  }
  .w-xs-16--force {
    width: 16px !important;
  }
  .max-w-xs-16 {
    max-width: 16px;
  }
  .max-w-xs-16--force {
    max-width: 16px !important;
  }
  .min-w-xs-16 {
    min-width: 16px;
  }
  .min-w-xs-16--force {
    min-width: 16px !important;
  }
  .w-xs-20 {
    width: 20px;
  }
  .w-xs-20--force {
    width: 20px !important;
  }
  .max-w-xs-20 {
    max-width: 20px;
  }
  .max-w-xs-20--force {
    max-width: 20px !important;
  }
  .min-w-xs-20 {
    min-width: 20px;
  }
  .min-w-xs-20--force {
    min-width: 20px !important;
  }
  .w-xs-24 {
    width: 24px;
  }
  .w-xs-24--force {
    width: 24px !important;
  }
  .max-w-xs-24 {
    max-width: 24px;
  }
  .max-w-xs-24--force {
    max-width: 24px !important;
  }
  .min-w-xs-24 {
    min-width: 24px;
  }
  .min-w-xs-24--force {
    min-width: 24px !important;
  }
  .w-xs-28 {
    width: 28px;
  }
  .w-xs-28--force {
    width: 28px !important;
  }
  .max-w-xs-28 {
    max-width: 28px;
  }
  .max-w-xs-28--force {
    max-width: 28px !important;
  }
  .min-w-xs-28 {
    min-width: 28px;
  }
  .min-w-xs-28--force {
    min-width: 28px !important;
  }
  .w-xs-32 {
    width: 32px;
  }
  .w-xs-32--force {
    width: 32px !important;
  }
  .max-w-xs-32 {
    max-width: 32px;
  }
  .max-w-xs-32--force {
    max-width: 32px !important;
  }
  .min-w-xs-32 {
    min-width: 32px;
  }
  .min-w-xs-32--force {
    min-width: 32px !important;
  }
  .w-xs-36 {
    width: 36px;
  }
  .w-xs-36--force {
    width: 36px !important;
  }
  .max-w-xs-36 {
    max-width: 36px;
  }
  .max-w-xs-36--force {
    max-width: 36px !important;
  }
  .min-w-xs-36 {
    min-width: 36px;
  }
  .min-w-xs-36--force {
    min-width: 36px !important;
  }
  .w-xs-40 {
    width: 40px;
  }
  .w-xs-40--force {
    width: 40px !important;
  }
  .max-w-xs-40 {
    max-width: 40px;
  }
  .max-w-xs-40--force {
    max-width: 40px !important;
  }
  .min-w-xs-40 {
    min-width: 40px;
  }
  .min-w-xs-40--force {
    min-width: 40px !important;
  }
  .w-xs-44 {
    width: 44px;
  }
  .w-xs-44--force {
    width: 44px !important;
  }
  .max-w-xs-44 {
    max-width: 44px;
  }
  .max-w-xs-44--force {
    max-width: 44px !important;
  }
  .min-w-xs-44 {
    min-width: 44px;
  }
  .min-w-xs-44--force {
    min-width: 44px !important;
  }
  .w-xs-48 {
    width: 48px;
  }
  .w-xs-48--force {
    width: 48px !important;
  }
  .max-w-xs-48 {
    max-width: 48px;
  }
  .max-w-xs-48--force {
    max-width: 48px !important;
  }
  .min-w-xs-48 {
    min-width: 48px;
  }
  .min-w-xs-48--force {
    min-width: 48px !important;
  }
  .w-xs-52 {
    width: 52px;
  }
  .w-xs-52--force {
    width: 52px !important;
  }
  .max-w-xs-52 {
    max-width: 52px;
  }
  .max-w-xs-52--force {
    max-width: 52px !important;
  }
  .min-w-xs-52 {
    min-width: 52px;
  }
  .min-w-xs-52--force {
    min-width: 52px !important;
  }
  .w-xs-56 {
    width: 56px;
  }
  .w-xs-56--force {
    width: 56px !important;
  }
  .max-w-xs-56 {
    max-width: 56px;
  }
  .max-w-xs-56--force {
    max-width: 56px !important;
  }
  .min-w-xs-56 {
    min-width: 56px;
  }
  .min-w-xs-56--force {
    min-width: 56px !important;
  }
  .w-xs-60 {
    width: 60px;
  }
  .w-xs-60--force {
    width: 60px !important;
  }
  .max-w-xs-60 {
    max-width: 60px;
  }
  .max-w-xs-60--force {
    max-width: 60px !important;
  }
  .min-w-xs-60 {
    min-width: 60px;
  }
  .min-w-xs-60--force {
    min-width: 60px !important;
  }
  .w-xs-64 {
    width: 64px;
  }
  .w-xs-64--force {
    width: 64px !important;
  }
  .max-w-xs-64 {
    max-width: 64px;
  }
  .max-w-xs-64--force {
    max-width: 64px !important;
  }
  .min-w-xs-64 {
    min-width: 64px;
  }
  .min-w-xs-64--force {
    min-width: 64px !important;
  }
  .w-xs-68 {
    width: 68px;
  }
  .w-xs-68--force {
    width: 68px !important;
  }
  .max-w-xs-68 {
    max-width: 68px;
  }
  .max-w-xs-68--force {
    max-width: 68px !important;
  }
  .min-w-xs-68 {
    min-width: 68px;
  }
  .min-w-xs-68--force {
    min-width: 68px !important;
  }
  .w-xs-72 {
    width: 72px;
  }
  .w-xs-72--force {
    width: 72px !important;
  }
  .max-w-xs-72 {
    max-width: 72px;
  }
  .max-w-xs-72--force {
    max-width: 72px !important;
  }
  .min-w-xs-72 {
    min-width: 72px;
  }
  .min-w-xs-72--force {
    min-width: 72px !important;
  }
  .w-xs-76 {
    width: 76px;
  }
  .w-xs-76--force {
    width: 76px !important;
  }
  .max-w-xs-76 {
    max-width: 76px;
  }
  .max-w-xs-76--force {
    max-width: 76px !important;
  }
  .min-w-xs-76 {
    min-width: 76px;
  }
  .min-w-xs-76--force {
    min-width: 76px !important;
  }
  .w-xs-80 {
    width: 80px;
  }
  .w-xs-80--force {
    width: 80px !important;
  }
  .max-w-xs-80 {
    max-width: 80px;
  }
  .max-w-xs-80--force {
    max-width: 80px !important;
  }
  .min-w-xs-80 {
    min-width: 80px;
  }
  .min-w-xs-80--force {
    min-width: 80px !important;
  }
  .w-xs-84 {
    width: 84px;
  }
  .w-xs-84--force {
    width: 84px !important;
  }
  .max-w-xs-84 {
    max-width: 84px;
  }
  .max-w-xs-84--force {
    max-width: 84px !important;
  }
  .min-w-xs-84 {
    min-width: 84px;
  }
  .min-w-xs-84--force {
    min-width: 84px !important;
  }
  .w-xs-88 {
    width: 88px;
  }
  .w-xs-88--force {
    width: 88px !important;
  }
  .max-w-xs-88 {
    max-width: 88px;
  }
  .max-w-xs-88--force {
    max-width: 88px !important;
  }
  .min-w-xs-88 {
    min-width: 88px;
  }
  .min-w-xs-88--force {
    min-width: 88px !important;
  }
  .w-xs-92 {
    width: 92px;
  }
  .w-xs-92--force {
    width: 92px !important;
  }
  .max-w-xs-92 {
    max-width: 92px;
  }
  .max-w-xs-92--force {
    max-width: 92px !important;
  }
  .min-w-xs-92 {
    min-width: 92px;
  }
  .min-w-xs-92--force {
    min-width: 92px !important;
  }
  .w-xs-96 {
    width: 96px;
  }
  .w-xs-96--force {
    width: 96px !important;
  }
  .max-w-xs-96 {
    max-width: 96px;
  }
  .max-w-xs-96--force {
    max-width: 96px !important;
  }
  .min-w-xs-96 {
    min-width: 96px;
  }
  .min-w-xs-96--force {
    min-width: 96px !important;
  }
  .w-xs-100 {
    width: 100px;
  }
  .w-xs-100--force {
    width: 100px !important;
  }
  .max-w-xs-100 {
    max-width: 100px;
  }
  .max-w-xs-100--force {
    max-width: 100px !important;
  }
  .min-w-xs-100 {
    min-width: 100px;
  }
  .min-w-xs-100--force {
    min-width: 100px !important;
  }
  .w-xs-104 {
    width: 104px;
  }
  .w-xs-104--force {
    width: 104px !important;
  }
  .max-w-xs-104 {
    max-width: 104px;
  }
  .max-w-xs-104--force {
    max-width: 104px !important;
  }
  .min-w-xs-104 {
    min-width: 104px;
  }
  .min-w-xs-104--force {
    min-width: 104px !important;
  }
  .w-xs-108 {
    width: 108px;
  }
  .w-xs-108--force {
    width: 108px !important;
  }
  .max-w-xs-108 {
    max-width: 108px;
  }
  .max-w-xs-108--force {
    max-width: 108px !important;
  }
  .min-w-xs-108 {
    min-width: 108px;
  }
  .min-w-xs-108--force {
    min-width: 108px !important;
  }
  .w-xs-112 {
    width: 112px;
  }
  .w-xs-112--force {
    width: 112px !important;
  }
  .max-w-xs-112 {
    max-width: 112px;
  }
  .max-w-xs-112--force {
    max-width: 112px !important;
  }
  .min-w-xs-112 {
    min-width: 112px;
  }
  .min-w-xs-112--force {
    min-width: 112px !important;
  }
  .w-xs-116 {
    width: 116px;
  }
  .w-xs-116--force {
    width: 116px !important;
  }
  .max-w-xs-116 {
    max-width: 116px;
  }
  .max-w-xs-116--force {
    max-width: 116px !important;
  }
  .min-w-xs-116 {
    min-width: 116px;
  }
  .min-w-xs-116--force {
    min-width: 116px !important;
  }
  .w-xs-120 {
    width: 120px;
  }
  .w-xs-120--force {
    width: 120px !important;
  }
  .max-w-xs-120 {
    max-width: 120px;
  }
  .max-w-xs-120--force {
    max-width: 120px !important;
  }
  .min-w-xs-120 {
    min-width: 120px;
  }
  .min-w-xs-120--force {
    min-width: 120px !important;
  }
  .w-xs-124 {
    width: 124px;
  }
  .w-xs-124--force {
    width: 124px !important;
  }
  .max-w-xs-124 {
    max-width: 124px;
  }
  .max-w-xs-124--force {
    max-width: 124px !important;
  }
  .min-w-xs-124 {
    min-width: 124px;
  }
  .min-w-xs-124--force {
    min-width: 124px !important;
  }
  .w-xs-128 {
    width: 128px;
  }
  .w-xs-128--force {
    width: 128px !important;
  }
  .max-w-xs-128 {
    max-width: 128px;
  }
  .max-w-xs-128--force {
    max-width: 128px !important;
  }
  .min-w-xs-128 {
    min-width: 128px;
  }
  .min-w-xs-128--force {
    min-width: 128px !important;
  }
  .w-xs-132 {
    width: 132px;
  }
  .w-xs-132--force {
    width: 132px !important;
  }
  .max-w-xs-132 {
    max-width: 132px;
  }
  .max-w-xs-132--force {
    max-width: 132px !important;
  }
  .min-w-xs-132 {
    min-width: 132px;
  }
  .min-w-xs-132--force {
    min-width: 132px !important;
  }
  .w-xs-136 {
    width: 136px;
  }
  .w-xs-136--force {
    width: 136px !important;
  }
  .max-w-xs-136 {
    max-width: 136px;
  }
  .max-w-xs-136--force {
    max-width: 136px !important;
  }
  .min-w-xs-136 {
    min-width: 136px;
  }
  .min-w-xs-136--force {
    min-width: 136px !important;
  }
  .w-xs-140 {
    width: 140px;
  }
  .w-xs-140--force {
    width: 140px !important;
  }
  .max-w-xs-140 {
    max-width: 140px;
  }
  .max-w-xs-140--force {
    max-width: 140px !important;
  }
  .min-w-xs-140 {
    min-width: 140px;
  }
  .min-w-xs-140--force {
    min-width: 140px !important;
  }
  .w-xs-144 {
    width: 144px;
  }
  .w-xs-144--force {
    width: 144px !important;
  }
  .max-w-xs-144 {
    max-width: 144px;
  }
  .max-w-xs-144--force {
    max-width: 144px !important;
  }
  .min-w-xs-144 {
    min-width: 144px;
  }
  .min-w-xs-144--force {
    min-width: 144px !important;
  }
  .w-xs-148 {
    width: 148px;
  }
  .w-xs-148--force {
    width: 148px !important;
  }
  .max-w-xs-148 {
    max-width: 148px;
  }
  .max-w-xs-148--force {
    max-width: 148px !important;
  }
  .min-w-xs-148 {
    min-width: 148px;
  }
  .min-w-xs-148--force {
    min-width: 148px !important;
  }
  .w-xs-152 {
    width: 152px;
  }
  .w-xs-152--force {
    width: 152px !important;
  }
  .max-w-xs-152 {
    max-width: 152px;
  }
  .max-w-xs-152--force {
    max-width: 152px !important;
  }
  .min-w-xs-152 {
    min-width: 152px;
  }
  .min-w-xs-152--force {
    min-width: 152px !important;
  }
  .w-xs-156 {
    width: 156px;
  }
  .w-xs-156--force {
    width: 156px !important;
  }
  .max-w-xs-156 {
    max-width: 156px;
  }
  .max-w-xs-156--force {
    max-width: 156px !important;
  }
  .min-w-xs-156 {
    min-width: 156px;
  }
  .min-w-xs-156--force {
    min-width: 156px !important;
  }
  .w-xs-160 {
    width: 160px;
  }
  .w-xs-160--force {
    width: 160px !important;
  }
  .max-w-xs-160 {
    max-width: 160px;
  }
  .max-w-xs-160--force {
    max-width: 160px !important;
  }
  .min-w-xs-160 {
    min-width: 160px;
  }
  .min-w-xs-160--force {
    min-width: 160px !important;
  }
  .w-xs-164 {
    width: 164px;
  }
  .w-xs-164--force {
    width: 164px !important;
  }
  .max-w-xs-164 {
    max-width: 164px;
  }
  .max-w-xs-164--force {
    max-width: 164px !important;
  }
  .min-w-xs-164 {
    min-width: 164px;
  }
  .min-w-xs-164--force {
    min-width: 164px !important;
  }
  .w-xs-168 {
    width: 168px;
  }
  .w-xs-168--force {
    width: 168px !important;
  }
  .max-w-xs-168 {
    max-width: 168px;
  }
  .max-w-xs-168--force {
    max-width: 168px !important;
  }
  .min-w-xs-168 {
    min-width: 168px;
  }
  .min-w-xs-168--force {
    min-width: 168px !important;
  }
  .w-xs-172 {
    width: 172px;
  }
  .w-xs-172--force {
    width: 172px !important;
  }
  .max-w-xs-172 {
    max-width: 172px;
  }
  .max-w-xs-172--force {
    max-width: 172px !important;
  }
  .min-w-xs-172 {
    min-width: 172px;
  }
  .min-w-xs-172--force {
    min-width: 172px !important;
  }
  .w-xs-176 {
    width: 176px;
  }
  .w-xs-176--force {
    width: 176px !important;
  }
  .max-w-xs-176 {
    max-width: 176px;
  }
  .max-w-xs-176--force {
    max-width: 176px !important;
  }
  .min-w-xs-176 {
    min-width: 176px;
  }
  .min-w-xs-176--force {
    min-width: 176px !important;
  }
  .w-xs-180 {
    width: 180px;
  }
  .w-xs-180--force {
    width: 180px !important;
  }
  .max-w-xs-180 {
    max-width: 180px;
  }
  .max-w-xs-180--force {
    max-width: 180px !important;
  }
  .min-w-xs-180 {
    min-width: 180px;
  }
  .min-w-xs-180--force {
    min-width: 180px !important;
  }
  .w-xs-184 {
    width: 184px;
  }
  .w-xs-184--force {
    width: 184px !important;
  }
  .max-w-xs-184 {
    max-width: 184px;
  }
  .max-w-xs-184--force {
    max-width: 184px !important;
  }
  .min-w-xs-184 {
    min-width: 184px;
  }
  .min-w-xs-184--force {
    min-width: 184px !important;
  }
  .w-xs-188 {
    width: 188px;
  }
  .w-xs-188--force {
    width: 188px !important;
  }
  .max-w-xs-188 {
    max-width: 188px;
  }
  .max-w-xs-188--force {
    max-width: 188px !important;
  }
  .min-w-xs-188 {
    min-width: 188px;
  }
  .min-w-xs-188--force {
    min-width: 188px !important;
  }
  .w-xs-192 {
    width: 192px;
  }
  .w-xs-192--force {
    width: 192px !important;
  }
  .max-w-xs-192 {
    max-width: 192px;
  }
  .max-w-xs-192--force {
    max-width: 192px !important;
  }
  .min-w-xs-192 {
    min-width: 192px;
  }
  .min-w-xs-192--force {
    min-width: 192px !important;
  }
  .w-xs-196 {
    width: 196px;
  }
  .w-xs-196--force {
    width: 196px !important;
  }
  .max-w-xs-196 {
    max-width: 196px;
  }
  .max-w-xs-196--force {
    max-width: 196px !important;
  }
  .min-w-xs-196 {
    min-width: 196px;
  }
  .min-w-xs-196--force {
    min-width: 196px !important;
  }
  .w-xs-200 {
    width: 200px;
  }
  .w-xs-200--force {
    width: 200px !important;
  }
  .max-w-xs-200 {
    max-width: 200px;
  }
  .max-w-xs-200--force {
    max-width: 200px !important;
  }
  .min-w-xs-200 {
    min-width: 200px;
  }
  .min-w-xs-200--force {
    min-width: 200px !important;
  }
  .w-xs-204 {
    width: 204px;
  }
  .w-xs-204--force {
    width: 204px !important;
  }
  .max-w-xs-204 {
    max-width: 204px;
  }
  .max-w-xs-204--force {
    max-width: 204px !important;
  }
  .min-w-xs-204 {
    min-width: 204px;
  }
  .min-w-xs-204--force {
    min-width: 204px !important;
  }
  .w-xs-208 {
    width: 208px;
  }
  .w-xs-208--force {
    width: 208px !important;
  }
  .max-w-xs-208 {
    max-width: 208px;
  }
  .max-w-xs-208--force {
    max-width: 208px !important;
  }
  .min-w-xs-208 {
    min-width: 208px;
  }
  .min-w-xs-208--force {
    min-width: 208px !important;
  }
  .w-xs-212 {
    width: 212px;
  }
  .w-xs-212--force {
    width: 212px !important;
  }
  .max-w-xs-212 {
    max-width: 212px;
  }
  .max-w-xs-212--force {
    max-width: 212px !important;
  }
  .min-w-xs-212 {
    min-width: 212px;
  }
  .min-w-xs-212--force {
    min-width: 212px !important;
  }
  .w-xs-216 {
    width: 216px;
  }
  .w-xs-216--force {
    width: 216px !important;
  }
  .max-w-xs-216 {
    max-width: 216px;
  }
  .max-w-xs-216--force {
    max-width: 216px !important;
  }
  .min-w-xs-216 {
    min-width: 216px;
  }
  .min-w-xs-216--force {
    min-width: 216px !important;
  }
  .w-xs-220 {
    width: 220px;
  }
  .w-xs-220--force {
    width: 220px !important;
  }
  .max-w-xs-220 {
    max-width: 220px;
  }
  .max-w-xs-220--force {
    max-width: 220px !important;
  }
  .min-w-xs-220 {
    min-width: 220px;
  }
  .min-w-xs-220--force {
    min-width: 220px !important;
  }
  .w-xs-224 {
    width: 224px;
  }
  .w-xs-224--force {
    width: 224px !important;
  }
  .max-w-xs-224 {
    max-width: 224px;
  }
  .max-w-xs-224--force {
    max-width: 224px !important;
  }
  .min-w-xs-224 {
    min-width: 224px;
  }
  .min-w-xs-224--force {
    min-width: 224px !important;
  }
  .w-xs-228 {
    width: 228px;
  }
  .w-xs-228--force {
    width: 228px !important;
  }
  .max-w-xs-228 {
    max-width: 228px;
  }
  .max-w-xs-228--force {
    max-width: 228px !important;
  }
  .min-w-xs-228 {
    min-width: 228px;
  }
  .min-w-xs-228--force {
    min-width: 228px !important;
  }
  .w-xs-232 {
    width: 232px;
  }
  .w-xs-232--force {
    width: 232px !important;
  }
  .max-w-xs-232 {
    max-width: 232px;
  }
  .max-w-xs-232--force {
    max-width: 232px !important;
  }
  .min-w-xs-232 {
    min-width: 232px;
  }
  .min-w-xs-232--force {
    min-width: 232px !important;
  }
  .w-xs-236 {
    width: 236px;
  }
  .w-xs-236--force {
    width: 236px !important;
  }
  .max-w-xs-236 {
    max-width: 236px;
  }
  .max-w-xs-236--force {
    max-width: 236px !important;
  }
  .min-w-xs-236 {
    min-width: 236px;
  }
  .min-w-xs-236--force {
    min-width: 236px !important;
  }
  .w-xs-240 {
    width: 240px;
  }
  .w-xs-240--force {
    width: 240px !important;
  }
  .max-w-xs-240 {
    max-width: 240px;
  }
  .max-w-xs-240--force {
    max-width: 240px !important;
  }
  .min-w-xs-240 {
    min-width: 240px;
  }
  .min-w-xs-240--force {
    min-width: 240px !important;
  }
  .w-xs-244 {
    width: 244px;
  }
  .w-xs-244--force {
    width: 244px !important;
  }
  .max-w-xs-244 {
    max-width: 244px;
  }
  .max-w-xs-244--force {
    max-width: 244px !important;
  }
  .min-w-xs-244 {
    min-width: 244px;
  }
  .min-w-xs-244--force {
    min-width: 244px !important;
  }
  .w-xs-248 {
    width: 248px;
  }
  .w-xs-248--force {
    width: 248px !important;
  }
  .max-w-xs-248 {
    max-width: 248px;
  }
  .max-w-xs-248--force {
    max-width: 248px !important;
  }
  .min-w-xs-248 {
    min-width: 248px;
  }
  .min-w-xs-248--force {
    min-width: 248px !important;
  }
  .w-xs-252 {
    width: 252px;
  }
  .w-xs-252--force {
    width: 252px !important;
  }
  .max-w-xs-252 {
    max-width: 252px;
  }
  .max-w-xs-252--force {
    max-width: 252px !important;
  }
  .min-w-xs-252 {
    min-width: 252px;
  }
  .min-w-xs-252--force {
    min-width: 252px !important;
  }
  .w-xs-256 {
    width: 256px;
  }
  .w-xs-256--force {
    width: 256px !important;
  }
  .max-w-xs-256 {
    max-width: 256px;
  }
  .max-w-xs-256--force {
    max-width: 256px !important;
  }
  .min-w-xs-256 {
    min-width: 256px;
  }
  .min-w-xs-256--force {
    min-width: 256px !important;
  }
  .w-xs-0-p {
    width: 0%;
  }
  .w-xs-0-p--force {
    width: 0% !important;
  }
  .max-w-xs-0-p {
    max-width: 0%;
  }
  .max-w-xs-0-p--force {
    max-width: 0% !important;
  }
  .min-w-xs-0-p {
    min-width: 0%;
  }
  .min-w-xs-0-p--force {
    min-width: 0% !important;
  }
  .w-xs-5-p {
    width: 5%;
  }
  .w-xs-5-p--force {
    width: 5% !important;
  }
  .max-w-xs-5-p {
    max-width: 5%;
  }
  .max-w-xs-5-p--force {
    max-width: 5% !important;
  }
  .min-w-xs-5-p {
    min-width: 5%;
  }
  .min-w-xs-5-p--force {
    min-width: 5% !important;
  }
  .w-xs-10-p {
    width: 10%;
  }
  .w-xs-10-p--force {
    width: 10% !important;
  }
  .max-w-xs-10-p {
    max-width: 10%;
  }
  .max-w-xs-10-p--force {
    max-width: 10% !important;
  }
  .min-w-xs-10-p {
    min-width: 10%;
  }
  .min-w-xs-10-p--force {
    min-width: 10% !important;
  }
  .w-xs-15-p {
    width: 15%;
  }
  .w-xs-15-p--force {
    width: 15% !important;
  }
  .max-w-xs-15-p {
    max-width: 15%;
  }
  .max-w-xs-15-p--force {
    max-width: 15% !important;
  }
  .min-w-xs-15-p {
    min-width: 15%;
  }
  .min-w-xs-15-p--force {
    min-width: 15% !important;
  }
  .w-xs-20-p {
    width: 20%;
  }
  .w-xs-20-p--force {
    width: 20% !important;
  }
  .max-w-xs-20-p {
    max-width: 20%;
  }
  .max-w-xs-20-p--force {
    max-width: 20% !important;
  }
  .min-w-xs-20-p {
    min-width: 20%;
  }
  .min-w-xs-20-p--force {
    min-width: 20% !important;
  }
  .w-xs-25-p {
    width: 25%;
  }
  .w-xs-25-p--force {
    width: 25% !important;
  }
  .max-w-xs-25-p {
    max-width: 25%;
  }
  .max-w-xs-25-p--force {
    max-width: 25% !important;
  }
  .min-w-xs-25-p {
    min-width: 25%;
  }
  .min-w-xs-25-p--force {
    min-width: 25% !important;
  }
  .w-xs-30-p {
    width: 30%;
  }
  .w-xs-30-p--force {
    width: 30% !important;
  }
  .max-w-xs-30-p {
    max-width: 30%;
  }
  .max-w-xs-30-p--force {
    max-width: 30% !important;
  }
  .min-w-xs-30-p {
    min-width: 30%;
  }
  .min-w-xs-30-p--force {
    min-width: 30% !important;
  }
  .w-xs-35-p {
    width: 35%;
  }
  .w-xs-35-p--force {
    width: 35% !important;
  }
  .max-w-xs-35-p {
    max-width: 35%;
  }
  .max-w-xs-35-p--force {
    max-width: 35% !important;
  }
  .min-w-xs-35-p {
    min-width: 35%;
  }
  .min-w-xs-35-p--force {
    min-width: 35% !important;
  }
  .w-xs-40-p {
    width: 40%;
  }
  .w-xs-40-p--force {
    width: 40% !important;
  }
  .max-w-xs-40-p {
    max-width: 40%;
  }
  .max-w-xs-40-p--force {
    max-width: 40% !important;
  }
  .min-w-xs-40-p {
    min-width: 40%;
  }
  .min-w-xs-40-p--force {
    min-width: 40% !important;
  }
  .w-xs-45-p {
    width: 45%;
  }
  .w-xs-45-p--force {
    width: 45% !important;
  }
  .max-w-xs-45-p {
    max-width: 45%;
  }
  .max-w-xs-45-p--force {
    max-width: 45% !important;
  }
  .min-w-xs-45-p {
    min-width: 45%;
  }
  .min-w-xs-45-p--force {
    min-width: 45% !important;
  }
  .w-xs-50-p {
    width: 50%;
  }
  .w-xs-50-p--force {
    width: 50% !important;
  }
  .max-w-xs-50-p {
    max-width: 50%;
  }
  .max-w-xs-50-p--force {
    max-width: 50% !important;
  }
  .min-w-xs-50-p {
    min-width: 50%;
  }
  .min-w-xs-50-p--force {
    min-width: 50% !important;
  }
  .w-xs-55-p {
    width: 55%;
  }
  .w-xs-55-p--force {
    width: 55% !important;
  }
  .max-w-xs-55-p {
    max-width: 55%;
  }
  .max-w-xs-55-p--force {
    max-width: 55% !important;
  }
  .min-w-xs-55-p {
    min-width: 55%;
  }
  .min-w-xs-55-p--force {
    min-width: 55% !important;
  }
  .w-xs-60-p {
    width: 60%;
  }
  .w-xs-60-p--force {
    width: 60% !important;
  }
  .max-w-xs-60-p {
    max-width: 60%;
  }
  .max-w-xs-60-p--force {
    max-width: 60% !important;
  }
  .min-w-xs-60-p {
    min-width: 60%;
  }
  .min-w-xs-60-p--force {
    min-width: 60% !important;
  }
  .w-xs-65-p {
    width: 65%;
  }
  .w-xs-65-p--force {
    width: 65% !important;
  }
  .max-w-xs-65-p {
    max-width: 65%;
  }
  .max-w-xs-65-p--force {
    max-width: 65% !important;
  }
  .min-w-xs-65-p {
    min-width: 65%;
  }
  .min-w-xs-65-p--force {
    min-width: 65% !important;
  }
  .w-xs-70-p {
    width: 70%;
  }
  .w-xs-70-p--force {
    width: 70% !important;
  }
  .max-w-xs-70-p {
    max-width: 70%;
  }
  .max-w-xs-70-p--force {
    max-width: 70% !important;
  }
  .min-w-xs-70-p {
    min-width: 70%;
  }
  .min-w-xs-70-p--force {
    min-width: 70% !important;
  }
  .w-xs-75-p {
    width: 75%;
  }
  .w-xs-75-p--force {
    width: 75% !important;
  }
  .max-w-xs-75-p {
    max-width: 75%;
  }
  .max-w-xs-75-p--force {
    max-width: 75% !important;
  }
  .min-w-xs-75-p {
    min-width: 75%;
  }
  .min-w-xs-75-p--force {
    min-width: 75% !important;
  }
  .w-xs-80-p {
    width: 80%;
  }
  .w-xs-80-p--force {
    width: 80% !important;
  }
  .max-w-xs-80-p {
    max-width: 80%;
  }
  .max-w-xs-80-p--force {
    max-width: 80% !important;
  }
  .min-w-xs-80-p {
    min-width: 80%;
  }
  .min-w-xs-80-p--force {
    min-width: 80% !important;
  }
  .w-xs-85-p {
    width: 85%;
  }
  .w-xs-85-p--force {
    width: 85% !important;
  }
  .max-w-xs-85-p {
    max-width: 85%;
  }
  .max-w-xs-85-p--force {
    max-width: 85% !important;
  }
  .min-w-xs-85-p {
    min-width: 85%;
  }
  .min-w-xs-85-p--force {
    min-width: 85% !important;
  }
  .w-xs-90-p {
    width: 90%;
  }
  .w-xs-90-p--force {
    width: 90% !important;
  }
  .max-w-xs-90-p {
    max-width: 90%;
  }
  .max-w-xs-90-p--force {
    max-width: 90% !important;
  }
  .min-w-xs-90-p {
    min-width: 90%;
  }
  .min-w-xs-90-p--force {
    min-width: 90% !important;
  }
  .w-xs-95-p {
    width: 95%;
  }
  .w-xs-95-p--force {
    width: 95% !important;
  }
  .max-w-xs-95-p {
    max-width: 95%;
  }
  .max-w-xs-95-p--force {
    max-width: 95% !important;
  }
  .min-w-xs-95-p {
    min-width: 95%;
  }
  .min-w-xs-95-p--force {
    min-width: 95% !important;
  }
  .w-xs-100-p {
    width: 100%;
  }
  .w-xs-100-p--force {
    width: 100% !important;
  }
  .max-w-xs-100-p {
    max-width: 100%;
  }
  .max-w-xs-100-p--force {
    max-width: 100% !important;
  }
  .min-w-xs-100-p {
    min-width: 100%;
  }
  .min-w-xs-100-p--force {
    min-width: 100% !important;
  }
  .w-xs-300 {
    width: 300px;
  }
  .w-xs-300--force {
    width: 300px !important;
  }
  .max-w-xs-300 {
    max-width: 300px;
  }
  .max-w-xs-300--force {
    max-width: 300px !important;
  }
  .min-w-xs-300 {
    min-width: 300px;
  }
  .min-w-xs-300--force {
    min-width: 300px !important;
  }
  .w-xs-400 {
    width: 400px;
  }
  .w-xs-400--force {
    width: 400px !important;
  }
  .max-w-xs-400 {
    max-width: 400px;
  }
  .max-w-xs-400--force {
    max-width: 400px !important;
  }
  .min-w-xs-400 {
    min-width: 400px;
  }
  .min-w-xs-400--force {
    min-width: 400px !important;
  }
  .w-xs-500 {
    width: 500px;
  }
  .w-xs-500--force {
    width: 500px !important;
  }
  .max-w-xs-500 {
    max-width: 500px;
  }
  .max-w-xs-500--force {
    max-width: 500px !important;
  }
  .min-w-xs-500 {
    min-width: 500px;
  }
  .min-w-xs-500--force {
    min-width: 500px !important;
  }
  .w-xs-600 {
    width: 600px;
  }
  .w-xs-600--force {
    width: 600px !important;
  }
  .max-w-xs-600 {
    max-width: 600px;
  }
  .max-w-xs-600--force {
    max-width: 600px !important;
  }
  .min-w-xs-600 {
    min-width: 600px;
  }
  .min-w-xs-600--force {
    min-width: 600px !important;
  }
  .w-xs-700 {
    width: 700px;
  }
  .w-xs-700--force {
    width: 700px !important;
  }
  .max-w-xs-700 {
    max-width: 700px;
  }
  .max-w-xs-700--force {
    max-width: 700px !important;
  }
  .min-w-xs-700 {
    min-width: 700px;
  }
  .min-w-xs-700--force {
    min-width: 700px !important;
  }
  .w-xs-800 {
    width: 800px;
  }
  .w-xs-800--force {
    width: 800px !important;
  }
  .max-w-xs-800 {
    max-width: 800px;
  }
  .max-w-xs-800--force {
    max-width: 800px !important;
  }
  .min-w-xs-800 {
    min-width: 800px;
  }
  .min-w-xs-800--force {
    min-width: 800px !important;
  }
  .w-xs-900 {
    width: 900px;
  }
  .w-xs-900--force {
    width: 900px !important;
  }
  .max-w-xs-900 {
    max-width: 900px;
  }
  .max-w-xs-900--force {
    max-width: 900px !important;
  }
  .min-w-xs-900 {
    min-width: 900px;
  }
  .min-w-xs-900--force {
    min-width: 900px !important;
  }
  .w-xs-1000 {
    width: 1000px;
  }
  .w-xs-1000--force {
    width: 1000px !important;
  }
  .max-w-xs-1000 {
    max-width: 1000px;
  }
  .max-w-xs-1000--force {
    max-width: 1000px !important;
  }
  .min-w-xs-1000 {
    min-width: 1000px;
  }
  .min-w-xs-1000--force {
    min-width: 1000px !important;
  }
  .w-xs-1100 {
    width: 1100px;
  }
  .w-xs-1100--force {
    width: 1100px !important;
  }
  .max-w-xs-1100 {
    max-width: 1100px;
  }
  .max-w-xs-1100--force {
    max-width: 1100px !important;
  }
  .min-w-xs-1100 {
    min-width: 1100px;
  }
  .min-w-xs-1100--force {
    min-width: 1100px !important;
  }
  .w-xs-1200 {
    width: 1200px;
  }
  .w-xs-1200--force {
    width: 1200px !important;
  }
  .max-w-xs-1200 {
    max-width: 1200px;
  }
  .max-w-xs-1200--force {
    max-width: 1200px !important;
  }
  .min-w-xs-1200 {
    min-width: 1200px;
  }
  .min-w-xs-1200--force {
    min-width: 1200px !important;
  }
  .w-xs-1300 {
    width: 1300px;
  }
  .w-xs-1300--force {
    width: 1300px !important;
  }
  .max-w-xs-1300 {
    max-width: 1300px;
  }
  .max-w-xs-1300--force {
    max-width: 1300px !important;
  }
  .min-w-xs-1300 {
    min-width: 1300px;
  }
  .min-w-xs-1300--force {
    min-width: 1300px !important;
  }
  .w-xs-1400 {
    width: 1400px;
  }
  .w-xs-1400--force {
    width: 1400px !important;
  }
  .max-w-xs-1400 {
    max-width: 1400px;
  }
  .max-w-xs-1400--force {
    max-width: 1400px !important;
  }
  .min-w-xs-1400 {
    min-width: 1400px;
  }
  .min-w-xs-1400--force {
    min-width: 1400px !important;
  }
  .w-xs-1500 {
    width: 1500px;
  }
  .w-xs-1500--force {
    width: 1500px !important;
  }
  .max-w-xs-1500 {
    max-width: 1500px;
  }
  .max-w-xs-1500--force {
    max-width: 1500px !important;
  }
  .min-w-xs-1500 {
    min-width: 1500px;
  }
  .min-w-xs-1500--force {
    min-width: 1500px !important;
  }
  .w-xs-1600 {
    width: 1600px;
  }
  .w-xs-1600--force {
    width: 1600px !important;
  }
  .max-w-xs-1600 {
    max-width: 1600px;
  }
  .max-w-xs-1600--force {
    max-width: 1600px !important;
  }
  .min-w-xs-1600 {
    min-width: 1600px;
  }
  .min-w-xs-1600--force {
    min-width: 1600px !important;
  }
  .w-xs-1700 {
    width: 1700px;
  }
  .w-xs-1700--force {
    width: 1700px !important;
  }
  .max-w-xs-1700 {
    max-width: 1700px;
  }
  .max-w-xs-1700--force {
    max-width: 1700px !important;
  }
  .min-w-xs-1700 {
    min-width: 1700px;
  }
  .min-w-xs-1700--force {
    min-width: 1700px !important;
  }
  .w-xs-1800 {
    width: 1800px;
  }
  .w-xs-1800--force {
    width: 1800px !important;
  }
  .max-w-xs-1800 {
    max-width: 1800px;
  }
  .max-w-xs-1800--force {
    max-width: 1800px !important;
  }
  .min-w-xs-1800 {
    min-width: 1800px;
  }
  .min-w-xs-1800--force {
    min-width: 1800px !important;
  }
  .w-xs-1900 {
    width: 1900px;
  }
  .w-xs-1900--force {
    width: 1900px !important;
  }
  .max-w-xs-1900 {
    max-width: 1900px;
  }
  .max-w-xs-1900--force {
    max-width: 1900px !important;
  }
  .min-w-xs-1900 {
    min-width: 1900px;
  }
  .min-w-xs-1900--force {
    min-width: 1900px !important;
  }
  .w-xs-2000 {
    width: 2000px;
  }
  .w-xs-2000--force {
    width: 2000px !important;
  }
  .max-w-xs-2000 {
    max-width: 2000px;
  }
  .max-w-xs-2000--force {
    max-width: 2000px !important;
  }
  .min-w-xs-2000 {
    min-width: 2000px;
  }
  .min-w-xs-2000--force {
    min-width: 2000px !important;
  }
  .w-xs-auto {
    width: auto;
  }
  .w-xs-auto--force {
    width: auto !important;
  }
}
@media screen and (min-width: 640px) {
  .h-sm-0 {
    height: 0px;
  }
  .h-sm-0--force {
    height: 0px !important;
  }
  .max-h-sm-0 {
    max-height: 0px;
  }
  .max-h-sm-0--force {
    max-height: 0px !important;
  }
  .min-h-sm-0 {
    min-height: 0px;
  }
  .min-h-sm-0--force {
    min-height: 0px !important;
  }
  .h-sm-4 {
    height: 4px;
  }
  .h-sm-4--force {
    height: 4px !important;
  }
  .max-h-sm-4 {
    max-height: 4px;
  }
  .max-h-sm-4--force {
    max-height: 4px !important;
  }
  .min-h-sm-4 {
    min-height: 4px;
  }
  .min-h-sm-4--force {
    min-height: 4px !important;
  }
  .h-sm-8 {
    height: 8px;
  }
  .h-sm-8--force {
    height: 8px !important;
  }
  .max-h-sm-8 {
    max-height: 8px;
  }
  .max-h-sm-8--force {
    max-height: 8px !important;
  }
  .min-h-sm-8 {
    min-height: 8px;
  }
  .min-h-sm-8--force {
    min-height: 8px !important;
  }
  .h-sm-12 {
    height: 12px;
  }
  .h-sm-12--force {
    height: 12px !important;
  }
  .max-h-sm-12 {
    max-height: 12px;
  }
  .max-h-sm-12--force {
    max-height: 12px !important;
  }
  .min-h-sm-12 {
    min-height: 12px;
  }
  .min-h-sm-12--force {
    min-height: 12px !important;
  }
  .h-sm-16 {
    height: 16px;
  }
  .h-sm-16--force {
    height: 16px !important;
  }
  .max-h-sm-16 {
    max-height: 16px;
  }
  .max-h-sm-16--force {
    max-height: 16px !important;
  }
  .min-h-sm-16 {
    min-height: 16px;
  }
  .min-h-sm-16--force {
    min-height: 16px !important;
  }
  .h-sm-20 {
    height: 20px;
  }
  .h-sm-20--force {
    height: 20px !important;
  }
  .max-h-sm-20 {
    max-height: 20px;
  }
  .max-h-sm-20--force {
    max-height: 20px !important;
  }
  .min-h-sm-20 {
    min-height: 20px;
  }
  .min-h-sm-20--force {
    min-height: 20px !important;
  }
  .h-sm-24 {
    height: 24px;
  }
  .h-sm-24--force {
    height: 24px !important;
  }
  .max-h-sm-24 {
    max-height: 24px;
  }
  .max-h-sm-24--force {
    max-height: 24px !important;
  }
  .min-h-sm-24 {
    min-height: 24px;
  }
  .min-h-sm-24--force {
    min-height: 24px !important;
  }
  .h-sm-28 {
    height: 28px;
  }
  .h-sm-28--force {
    height: 28px !important;
  }
  .max-h-sm-28 {
    max-height: 28px;
  }
  .max-h-sm-28--force {
    max-height: 28px !important;
  }
  .min-h-sm-28 {
    min-height: 28px;
  }
  .min-h-sm-28--force {
    min-height: 28px !important;
  }
  .h-sm-32 {
    height: 32px;
  }
  .h-sm-32--force {
    height: 32px !important;
  }
  .max-h-sm-32 {
    max-height: 32px;
  }
  .max-h-sm-32--force {
    max-height: 32px !important;
  }
  .min-h-sm-32 {
    min-height: 32px;
  }
  .min-h-sm-32--force {
    min-height: 32px !important;
  }
  .h-sm-36 {
    height: 36px;
  }
  .h-sm-36--force {
    height: 36px !important;
  }
  .max-h-sm-36 {
    max-height: 36px;
  }
  .max-h-sm-36--force {
    max-height: 36px !important;
  }
  .min-h-sm-36 {
    min-height: 36px;
  }
  .min-h-sm-36--force {
    min-height: 36px !important;
  }
  .h-sm-40 {
    height: 40px;
  }
  .h-sm-40--force {
    height: 40px !important;
  }
  .max-h-sm-40 {
    max-height: 40px;
  }
  .max-h-sm-40--force {
    max-height: 40px !important;
  }
  .min-h-sm-40 {
    min-height: 40px;
  }
  .min-h-sm-40--force {
    min-height: 40px !important;
  }
  .h-sm-44 {
    height: 44px;
  }
  .h-sm-44--force {
    height: 44px !important;
  }
  .max-h-sm-44 {
    max-height: 44px;
  }
  .max-h-sm-44--force {
    max-height: 44px !important;
  }
  .min-h-sm-44 {
    min-height: 44px;
  }
  .min-h-sm-44--force {
    min-height: 44px !important;
  }
  .h-sm-48 {
    height: 48px;
  }
  .h-sm-48--force {
    height: 48px !important;
  }
  .max-h-sm-48 {
    max-height: 48px;
  }
  .max-h-sm-48--force {
    max-height: 48px !important;
  }
  .min-h-sm-48 {
    min-height: 48px;
  }
  .min-h-sm-48--force {
    min-height: 48px !important;
  }
  .h-sm-52 {
    height: 52px;
  }
  .h-sm-52--force {
    height: 52px !important;
  }
  .max-h-sm-52 {
    max-height: 52px;
  }
  .max-h-sm-52--force {
    max-height: 52px !important;
  }
  .min-h-sm-52 {
    min-height: 52px;
  }
  .min-h-sm-52--force {
    min-height: 52px !important;
  }
  .h-sm-56 {
    height: 56px;
  }
  .h-sm-56--force {
    height: 56px !important;
  }
  .max-h-sm-56 {
    max-height: 56px;
  }
  .max-h-sm-56--force {
    max-height: 56px !important;
  }
  .min-h-sm-56 {
    min-height: 56px;
  }
  .min-h-sm-56--force {
    min-height: 56px !important;
  }
  .h-sm-60 {
    height: 60px;
  }
  .h-sm-60--force {
    height: 60px !important;
  }
  .max-h-sm-60 {
    max-height: 60px;
  }
  .max-h-sm-60--force {
    max-height: 60px !important;
  }
  .min-h-sm-60 {
    min-height: 60px;
  }
  .min-h-sm-60--force {
    min-height: 60px !important;
  }
  .h-sm-64 {
    height: 64px;
  }
  .h-sm-64--force {
    height: 64px !important;
  }
  .max-h-sm-64 {
    max-height: 64px;
  }
  .max-h-sm-64--force {
    max-height: 64px !important;
  }
  .min-h-sm-64 {
    min-height: 64px;
  }
  .min-h-sm-64--force {
    min-height: 64px !important;
  }
  .h-sm-68 {
    height: 68px;
  }
  .h-sm-68--force {
    height: 68px !important;
  }
  .max-h-sm-68 {
    max-height: 68px;
  }
  .max-h-sm-68--force {
    max-height: 68px !important;
  }
  .min-h-sm-68 {
    min-height: 68px;
  }
  .min-h-sm-68--force {
    min-height: 68px !important;
  }
  .h-sm-72 {
    height: 72px;
  }
  .h-sm-72--force {
    height: 72px !important;
  }
  .max-h-sm-72 {
    max-height: 72px;
  }
  .max-h-sm-72--force {
    max-height: 72px !important;
  }
  .min-h-sm-72 {
    min-height: 72px;
  }
  .min-h-sm-72--force {
    min-height: 72px !important;
  }
  .h-sm-76 {
    height: 76px;
  }
  .h-sm-76--force {
    height: 76px !important;
  }
  .max-h-sm-76 {
    max-height: 76px;
  }
  .max-h-sm-76--force {
    max-height: 76px !important;
  }
  .min-h-sm-76 {
    min-height: 76px;
  }
  .min-h-sm-76--force {
    min-height: 76px !important;
  }
  .h-sm-80 {
    height: 80px;
  }
  .h-sm-80--force {
    height: 80px !important;
  }
  .max-h-sm-80 {
    max-height: 80px;
  }
  .max-h-sm-80--force {
    max-height: 80px !important;
  }
  .min-h-sm-80 {
    min-height: 80px;
  }
  .min-h-sm-80--force {
    min-height: 80px !important;
  }
  .h-sm-84 {
    height: 84px;
  }
  .h-sm-84--force {
    height: 84px !important;
  }
  .max-h-sm-84 {
    max-height: 84px;
  }
  .max-h-sm-84--force {
    max-height: 84px !important;
  }
  .min-h-sm-84 {
    min-height: 84px;
  }
  .min-h-sm-84--force {
    min-height: 84px !important;
  }
  .h-sm-88 {
    height: 88px;
  }
  .h-sm-88--force {
    height: 88px !important;
  }
  .max-h-sm-88 {
    max-height: 88px;
  }
  .max-h-sm-88--force {
    max-height: 88px !important;
  }
  .min-h-sm-88 {
    min-height: 88px;
  }
  .min-h-sm-88--force {
    min-height: 88px !important;
  }
  .h-sm-92 {
    height: 92px;
  }
  .h-sm-92--force {
    height: 92px !important;
  }
  .max-h-sm-92 {
    max-height: 92px;
  }
  .max-h-sm-92--force {
    max-height: 92px !important;
  }
  .min-h-sm-92 {
    min-height: 92px;
  }
  .min-h-sm-92--force {
    min-height: 92px !important;
  }
  .h-sm-96 {
    height: 96px;
  }
  .h-sm-96--force {
    height: 96px !important;
  }
  .max-h-sm-96 {
    max-height: 96px;
  }
  .max-h-sm-96--force {
    max-height: 96px !important;
  }
  .min-h-sm-96 {
    min-height: 96px;
  }
  .min-h-sm-96--force {
    min-height: 96px !important;
  }
  .h-sm-100 {
    height: 100px;
  }
  .h-sm-100--force {
    height: 100px !important;
  }
  .max-h-sm-100 {
    max-height: 100px;
  }
  .max-h-sm-100--force {
    max-height: 100px !important;
  }
  .min-h-sm-100 {
    min-height: 100px;
  }
  .min-h-sm-100--force {
    min-height: 100px !important;
  }
  .h-sm-104 {
    height: 104px;
  }
  .h-sm-104--force {
    height: 104px !important;
  }
  .max-h-sm-104 {
    max-height: 104px;
  }
  .max-h-sm-104--force {
    max-height: 104px !important;
  }
  .min-h-sm-104 {
    min-height: 104px;
  }
  .min-h-sm-104--force {
    min-height: 104px !important;
  }
  .h-sm-108 {
    height: 108px;
  }
  .h-sm-108--force {
    height: 108px !important;
  }
  .max-h-sm-108 {
    max-height: 108px;
  }
  .max-h-sm-108--force {
    max-height: 108px !important;
  }
  .min-h-sm-108 {
    min-height: 108px;
  }
  .min-h-sm-108--force {
    min-height: 108px !important;
  }
  .h-sm-112 {
    height: 112px;
  }
  .h-sm-112--force {
    height: 112px !important;
  }
  .max-h-sm-112 {
    max-height: 112px;
  }
  .max-h-sm-112--force {
    max-height: 112px !important;
  }
  .min-h-sm-112 {
    min-height: 112px;
  }
  .min-h-sm-112--force {
    min-height: 112px !important;
  }
  .h-sm-116 {
    height: 116px;
  }
  .h-sm-116--force {
    height: 116px !important;
  }
  .max-h-sm-116 {
    max-height: 116px;
  }
  .max-h-sm-116--force {
    max-height: 116px !important;
  }
  .min-h-sm-116 {
    min-height: 116px;
  }
  .min-h-sm-116--force {
    min-height: 116px !important;
  }
  .h-sm-120 {
    height: 120px;
  }
  .h-sm-120--force {
    height: 120px !important;
  }
  .max-h-sm-120 {
    max-height: 120px;
  }
  .max-h-sm-120--force {
    max-height: 120px !important;
  }
  .min-h-sm-120 {
    min-height: 120px;
  }
  .min-h-sm-120--force {
    min-height: 120px !important;
  }
  .h-sm-124 {
    height: 124px;
  }
  .h-sm-124--force {
    height: 124px !important;
  }
  .max-h-sm-124 {
    max-height: 124px;
  }
  .max-h-sm-124--force {
    max-height: 124px !important;
  }
  .min-h-sm-124 {
    min-height: 124px;
  }
  .min-h-sm-124--force {
    min-height: 124px !important;
  }
  .h-sm-128 {
    height: 128px;
  }
  .h-sm-128--force {
    height: 128px !important;
  }
  .max-h-sm-128 {
    max-height: 128px;
  }
  .max-h-sm-128--force {
    max-height: 128px !important;
  }
  .min-h-sm-128 {
    min-height: 128px;
  }
  .min-h-sm-128--force {
    min-height: 128px !important;
  }
  .h-sm-132 {
    height: 132px;
  }
  .h-sm-132--force {
    height: 132px !important;
  }
  .max-h-sm-132 {
    max-height: 132px;
  }
  .max-h-sm-132--force {
    max-height: 132px !important;
  }
  .min-h-sm-132 {
    min-height: 132px;
  }
  .min-h-sm-132--force {
    min-height: 132px !important;
  }
  .h-sm-136 {
    height: 136px;
  }
  .h-sm-136--force {
    height: 136px !important;
  }
  .max-h-sm-136 {
    max-height: 136px;
  }
  .max-h-sm-136--force {
    max-height: 136px !important;
  }
  .min-h-sm-136 {
    min-height: 136px;
  }
  .min-h-sm-136--force {
    min-height: 136px !important;
  }
  .h-sm-140 {
    height: 140px;
  }
  .h-sm-140--force {
    height: 140px !important;
  }
  .max-h-sm-140 {
    max-height: 140px;
  }
  .max-h-sm-140--force {
    max-height: 140px !important;
  }
  .min-h-sm-140 {
    min-height: 140px;
  }
  .min-h-sm-140--force {
    min-height: 140px !important;
  }
  .h-sm-144 {
    height: 144px;
  }
  .h-sm-144--force {
    height: 144px !important;
  }
  .max-h-sm-144 {
    max-height: 144px;
  }
  .max-h-sm-144--force {
    max-height: 144px !important;
  }
  .min-h-sm-144 {
    min-height: 144px;
  }
  .min-h-sm-144--force {
    min-height: 144px !important;
  }
  .h-sm-148 {
    height: 148px;
  }
  .h-sm-148--force {
    height: 148px !important;
  }
  .max-h-sm-148 {
    max-height: 148px;
  }
  .max-h-sm-148--force {
    max-height: 148px !important;
  }
  .min-h-sm-148 {
    min-height: 148px;
  }
  .min-h-sm-148--force {
    min-height: 148px !important;
  }
  .h-sm-152 {
    height: 152px;
  }
  .h-sm-152--force {
    height: 152px !important;
  }
  .max-h-sm-152 {
    max-height: 152px;
  }
  .max-h-sm-152--force {
    max-height: 152px !important;
  }
  .min-h-sm-152 {
    min-height: 152px;
  }
  .min-h-sm-152--force {
    min-height: 152px !important;
  }
  .h-sm-156 {
    height: 156px;
  }
  .h-sm-156--force {
    height: 156px !important;
  }
  .max-h-sm-156 {
    max-height: 156px;
  }
  .max-h-sm-156--force {
    max-height: 156px !important;
  }
  .min-h-sm-156 {
    min-height: 156px;
  }
  .min-h-sm-156--force {
    min-height: 156px !important;
  }
  .h-sm-160 {
    height: 160px;
  }
  .h-sm-160--force {
    height: 160px !important;
  }
  .max-h-sm-160 {
    max-height: 160px;
  }
  .max-h-sm-160--force {
    max-height: 160px !important;
  }
  .min-h-sm-160 {
    min-height: 160px;
  }
  .min-h-sm-160--force {
    min-height: 160px !important;
  }
  .h-sm-164 {
    height: 164px;
  }
  .h-sm-164--force {
    height: 164px !important;
  }
  .max-h-sm-164 {
    max-height: 164px;
  }
  .max-h-sm-164--force {
    max-height: 164px !important;
  }
  .min-h-sm-164 {
    min-height: 164px;
  }
  .min-h-sm-164--force {
    min-height: 164px !important;
  }
  .h-sm-168 {
    height: 168px;
  }
  .h-sm-168--force {
    height: 168px !important;
  }
  .max-h-sm-168 {
    max-height: 168px;
  }
  .max-h-sm-168--force {
    max-height: 168px !important;
  }
  .min-h-sm-168 {
    min-height: 168px;
  }
  .min-h-sm-168--force {
    min-height: 168px !important;
  }
  .h-sm-172 {
    height: 172px;
  }
  .h-sm-172--force {
    height: 172px !important;
  }
  .max-h-sm-172 {
    max-height: 172px;
  }
  .max-h-sm-172--force {
    max-height: 172px !important;
  }
  .min-h-sm-172 {
    min-height: 172px;
  }
  .min-h-sm-172--force {
    min-height: 172px !important;
  }
  .h-sm-176 {
    height: 176px;
  }
  .h-sm-176--force {
    height: 176px !important;
  }
  .max-h-sm-176 {
    max-height: 176px;
  }
  .max-h-sm-176--force {
    max-height: 176px !important;
  }
  .min-h-sm-176 {
    min-height: 176px;
  }
  .min-h-sm-176--force {
    min-height: 176px !important;
  }
  .h-sm-180 {
    height: 180px;
  }
  .h-sm-180--force {
    height: 180px !important;
  }
  .max-h-sm-180 {
    max-height: 180px;
  }
  .max-h-sm-180--force {
    max-height: 180px !important;
  }
  .min-h-sm-180 {
    min-height: 180px;
  }
  .min-h-sm-180--force {
    min-height: 180px !important;
  }
  .h-sm-184 {
    height: 184px;
  }
  .h-sm-184--force {
    height: 184px !important;
  }
  .max-h-sm-184 {
    max-height: 184px;
  }
  .max-h-sm-184--force {
    max-height: 184px !important;
  }
  .min-h-sm-184 {
    min-height: 184px;
  }
  .min-h-sm-184--force {
    min-height: 184px !important;
  }
  .h-sm-188 {
    height: 188px;
  }
  .h-sm-188--force {
    height: 188px !important;
  }
  .max-h-sm-188 {
    max-height: 188px;
  }
  .max-h-sm-188--force {
    max-height: 188px !important;
  }
  .min-h-sm-188 {
    min-height: 188px;
  }
  .min-h-sm-188--force {
    min-height: 188px !important;
  }
  .h-sm-192 {
    height: 192px;
  }
  .h-sm-192--force {
    height: 192px !important;
  }
  .max-h-sm-192 {
    max-height: 192px;
  }
  .max-h-sm-192--force {
    max-height: 192px !important;
  }
  .min-h-sm-192 {
    min-height: 192px;
  }
  .min-h-sm-192--force {
    min-height: 192px !important;
  }
  .h-sm-196 {
    height: 196px;
  }
  .h-sm-196--force {
    height: 196px !important;
  }
  .max-h-sm-196 {
    max-height: 196px;
  }
  .max-h-sm-196--force {
    max-height: 196px !important;
  }
  .min-h-sm-196 {
    min-height: 196px;
  }
  .min-h-sm-196--force {
    min-height: 196px !important;
  }
  .h-sm-200 {
    height: 200px;
  }
  .h-sm-200--force {
    height: 200px !important;
  }
  .max-h-sm-200 {
    max-height: 200px;
  }
  .max-h-sm-200--force {
    max-height: 200px !important;
  }
  .min-h-sm-200 {
    min-height: 200px;
  }
  .min-h-sm-200--force {
    min-height: 200px !important;
  }
  .h-sm-204 {
    height: 204px;
  }
  .h-sm-204--force {
    height: 204px !important;
  }
  .max-h-sm-204 {
    max-height: 204px;
  }
  .max-h-sm-204--force {
    max-height: 204px !important;
  }
  .min-h-sm-204 {
    min-height: 204px;
  }
  .min-h-sm-204--force {
    min-height: 204px !important;
  }
  .h-sm-208 {
    height: 208px;
  }
  .h-sm-208--force {
    height: 208px !important;
  }
  .max-h-sm-208 {
    max-height: 208px;
  }
  .max-h-sm-208--force {
    max-height: 208px !important;
  }
  .min-h-sm-208 {
    min-height: 208px;
  }
  .min-h-sm-208--force {
    min-height: 208px !important;
  }
  .h-sm-212 {
    height: 212px;
  }
  .h-sm-212--force {
    height: 212px !important;
  }
  .max-h-sm-212 {
    max-height: 212px;
  }
  .max-h-sm-212--force {
    max-height: 212px !important;
  }
  .min-h-sm-212 {
    min-height: 212px;
  }
  .min-h-sm-212--force {
    min-height: 212px !important;
  }
  .h-sm-216 {
    height: 216px;
  }
  .h-sm-216--force {
    height: 216px !important;
  }
  .max-h-sm-216 {
    max-height: 216px;
  }
  .max-h-sm-216--force {
    max-height: 216px !important;
  }
  .min-h-sm-216 {
    min-height: 216px;
  }
  .min-h-sm-216--force {
    min-height: 216px !important;
  }
  .h-sm-220 {
    height: 220px;
  }
  .h-sm-220--force {
    height: 220px !important;
  }
  .max-h-sm-220 {
    max-height: 220px;
  }
  .max-h-sm-220--force {
    max-height: 220px !important;
  }
  .min-h-sm-220 {
    min-height: 220px;
  }
  .min-h-sm-220--force {
    min-height: 220px !important;
  }
  .h-sm-224 {
    height: 224px;
  }
  .h-sm-224--force {
    height: 224px !important;
  }
  .max-h-sm-224 {
    max-height: 224px;
  }
  .max-h-sm-224--force {
    max-height: 224px !important;
  }
  .min-h-sm-224 {
    min-height: 224px;
  }
  .min-h-sm-224--force {
    min-height: 224px !important;
  }
  .h-sm-228 {
    height: 228px;
  }
  .h-sm-228--force {
    height: 228px !important;
  }
  .max-h-sm-228 {
    max-height: 228px;
  }
  .max-h-sm-228--force {
    max-height: 228px !important;
  }
  .min-h-sm-228 {
    min-height: 228px;
  }
  .min-h-sm-228--force {
    min-height: 228px !important;
  }
  .h-sm-232 {
    height: 232px;
  }
  .h-sm-232--force {
    height: 232px !important;
  }
  .max-h-sm-232 {
    max-height: 232px;
  }
  .max-h-sm-232--force {
    max-height: 232px !important;
  }
  .min-h-sm-232 {
    min-height: 232px;
  }
  .min-h-sm-232--force {
    min-height: 232px !important;
  }
  .h-sm-236 {
    height: 236px;
  }
  .h-sm-236--force {
    height: 236px !important;
  }
  .max-h-sm-236 {
    max-height: 236px;
  }
  .max-h-sm-236--force {
    max-height: 236px !important;
  }
  .min-h-sm-236 {
    min-height: 236px;
  }
  .min-h-sm-236--force {
    min-height: 236px !important;
  }
  .h-sm-240 {
    height: 240px;
  }
  .h-sm-240--force {
    height: 240px !important;
  }
  .max-h-sm-240 {
    max-height: 240px;
  }
  .max-h-sm-240--force {
    max-height: 240px !important;
  }
  .min-h-sm-240 {
    min-height: 240px;
  }
  .min-h-sm-240--force {
    min-height: 240px !important;
  }
  .h-sm-244 {
    height: 244px;
  }
  .h-sm-244--force {
    height: 244px !important;
  }
  .max-h-sm-244 {
    max-height: 244px;
  }
  .max-h-sm-244--force {
    max-height: 244px !important;
  }
  .min-h-sm-244 {
    min-height: 244px;
  }
  .min-h-sm-244--force {
    min-height: 244px !important;
  }
  .h-sm-248 {
    height: 248px;
  }
  .h-sm-248--force {
    height: 248px !important;
  }
  .max-h-sm-248 {
    max-height: 248px;
  }
  .max-h-sm-248--force {
    max-height: 248px !important;
  }
  .min-h-sm-248 {
    min-height: 248px;
  }
  .min-h-sm-248--force {
    min-height: 248px !important;
  }
  .h-sm-252 {
    height: 252px;
  }
  .h-sm-252--force {
    height: 252px !important;
  }
  .max-h-sm-252 {
    max-height: 252px;
  }
  .max-h-sm-252--force {
    max-height: 252px !important;
  }
  .min-h-sm-252 {
    min-height: 252px;
  }
  .min-h-sm-252--force {
    min-height: 252px !important;
  }
  .h-sm-256 {
    height: 256px;
  }
  .h-sm-256--force {
    height: 256px !important;
  }
  .max-h-sm-256 {
    max-height: 256px;
  }
  .max-h-sm-256--force {
    max-height: 256px !important;
  }
  .min-h-sm-256 {
    min-height: 256px;
  }
  .min-h-sm-256--force {
    min-height: 256px !important;
  }
  .h-sm-0-p {
    height: 0%;
  }
  .h-sm-0-p--force {
    height: 0% !important;
  }
  .max-h-sm-0-p {
    max-height: 0%;
  }
  .max-h-sm-0-p--force {
    max-height: 0% !important;
  }
  .min-h-sm-0-p {
    min-height: 0%;
  }
  .min-h-sm-0-p--force {
    min-height: 0% !important;
  }
  .h-sm-5-p {
    height: 5%;
  }
  .h-sm-5-p--force {
    height: 5% !important;
  }
  .max-h-sm-5-p {
    max-height: 5%;
  }
  .max-h-sm-5-p--force {
    max-height: 5% !important;
  }
  .min-h-sm-5-p {
    min-height: 5%;
  }
  .min-h-sm-5-p--force {
    min-height: 5% !important;
  }
  .h-sm-10-p {
    height: 10%;
  }
  .h-sm-10-p--force {
    height: 10% !important;
  }
  .max-h-sm-10-p {
    max-height: 10%;
  }
  .max-h-sm-10-p--force {
    max-height: 10% !important;
  }
  .min-h-sm-10-p {
    min-height: 10%;
  }
  .min-h-sm-10-p--force {
    min-height: 10% !important;
  }
  .h-sm-15-p {
    height: 15%;
  }
  .h-sm-15-p--force {
    height: 15% !important;
  }
  .max-h-sm-15-p {
    max-height: 15%;
  }
  .max-h-sm-15-p--force {
    max-height: 15% !important;
  }
  .min-h-sm-15-p {
    min-height: 15%;
  }
  .min-h-sm-15-p--force {
    min-height: 15% !important;
  }
  .h-sm-20-p {
    height: 20%;
  }
  .h-sm-20-p--force {
    height: 20% !important;
  }
  .max-h-sm-20-p {
    max-height: 20%;
  }
  .max-h-sm-20-p--force {
    max-height: 20% !important;
  }
  .min-h-sm-20-p {
    min-height: 20%;
  }
  .min-h-sm-20-p--force {
    min-height: 20% !important;
  }
  .h-sm-25-p {
    height: 25%;
  }
  .h-sm-25-p--force {
    height: 25% !important;
  }
  .max-h-sm-25-p {
    max-height: 25%;
  }
  .max-h-sm-25-p--force {
    max-height: 25% !important;
  }
  .min-h-sm-25-p {
    min-height: 25%;
  }
  .min-h-sm-25-p--force {
    min-height: 25% !important;
  }
  .h-sm-30-p {
    height: 30%;
  }
  .h-sm-30-p--force {
    height: 30% !important;
  }
  .max-h-sm-30-p {
    max-height: 30%;
  }
  .max-h-sm-30-p--force {
    max-height: 30% !important;
  }
  .min-h-sm-30-p {
    min-height: 30%;
  }
  .min-h-sm-30-p--force {
    min-height: 30% !important;
  }
  .h-sm-35-p {
    height: 35%;
  }
  .h-sm-35-p--force {
    height: 35% !important;
  }
  .max-h-sm-35-p {
    max-height: 35%;
  }
  .max-h-sm-35-p--force {
    max-height: 35% !important;
  }
  .min-h-sm-35-p {
    min-height: 35%;
  }
  .min-h-sm-35-p--force {
    min-height: 35% !important;
  }
  .h-sm-40-p {
    height: 40%;
  }
  .h-sm-40-p--force {
    height: 40% !important;
  }
  .max-h-sm-40-p {
    max-height: 40%;
  }
  .max-h-sm-40-p--force {
    max-height: 40% !important;
  }
  .min-h-sm-40-p {
    min-height: 40%;
  }
  .min-h-sm-40-p--force {
    min-height: 40% !important;
  }
  .h-sm-45-p {
    height: 45%;
  }
  .h-sm-45-p--force {
    height: 45% !important;
  }
  .max-h-sm-45-p {
    max-height: 45%;
  }
  .max-h-sm-45-p--force {
    max-height: 45% !important;
  }
  .min-h-sm-45-p {
    min-height: 45%;
  }
  .min-h-sm-45-p--force {
    min-height: 45% !important;
  }
  .h-sm-50-p {
    height: 50%;
  }
  .h-sm-50-p--force {
    height: 50% !important;
  }
  .max-h-sm-50-p {
    max-height: 50%;
  }
  .max-h-sm-50-p--force {
    max-height: 50% !important;
  }
  .min-h-sm-50-p {
    min-height: 50%;
  }
  .min-h-sm-50-p--force {
    min-height: 50% !important;
  }
  .h-sm-55-p {
    height: 55%;
  }
  .h-sm-55-p--force {
    height: 55% !important;
  }
  .max-h-sm-55-p {
    max-height: 55%;
  }
  .max-h-sm-55-p--force {
    max-height: 55% !important;
  }
  .min-h-sm-55-p {
    min-height: 55%;
  }
  .min-h-sm-55-p--force {
    min-height: 55% !important;
  }
  .h-sm-60-p {
    height: 60%;
  }
  .h-sm-60-p--force {
    height: 60% !important;
  }
  .max-h-sm-60-p {
    max-height: 60%;
  }
  .max-h-sm-60-p--force {
    max-height: 60% !important;
  }
  .min-h-sm-60-p {
    min-height: 60%;
  }
  .min-h-sm-60-p--force {
    min-height: 60% !important;
  }
  .h-sm-65-p {
    height: 65%;
  }
  .h-sm-65-p--force {
    height: 65% !important;
  }
  .max-h-sm-65-p {
    max-height: 65%;
  }
  .max-h-sm-65-p--force {
    max-height: 65% !important;
  }
  .min-h-sm-65-p {
    min-height: 65%;
  }
  .min-h-sm-65-p--force {
    min-height: 65% !important;
  }
  .h-sm-70-p {
    height: 70%;
  }
  .h-sm-70-p--force {
    height: 70% !important;
  }
  .max-h-sm-70-p {
    max-height: 70%;
  }
  .max-h-sm-70-p--force {
    max-height: 70% !important;
  }
  .min-h-sm-70-p {
    min-height: 70%;
  }
  .min-h-sm-70-p--force {
    min-height: 70% !important;
  }
  .h-sm-75-p {
    height: 75%;
  }
  .h-sm-75-p--force {
    height: 75% !important;
  }
  .max-h-sm-75-p {
    max-height: 75%;
  }
  .max-h-sm-75-p--force {
    max-height: 75% !important;
  }
  .min-h-sm-75-p {
    min-height: 75%;
  }
  .min-h-sm-75-p--force {
    min-height: 75% !important;
  }
  .h-sm-80-p {
    height: 80%;
  }
  .h-sm-80-p--force {
    height: 80% !important;
  }
  .max-h-sm-80-p {
    max-height: 80%;
  }
  .max-h-sm-80-p--force {
    max-height: 80% !important;
  }
  .min-h-sm-80-p {
    min-height: 80%;
  }
  .min-h-sm-80-p--force {
    min-height: 80% !important;
  }
  .h-sm-85-p {
    height: 85%;
  }
  .h-sm-85-p--force {
    height: 85% !important;
  }
  .max-h-sm-85-p {
    max-height: 85%;
  }
  .max-h-sm-85-p--force {
    max-height: 85% !important;
  }
  .min-h-sm-85-p {
    min-height: 85%;
  }
  .min-h-sm-85-p--force {
    min-height: 85% !important;
  }
  .h-sm-90-p {
    height: 90%;
  }
  .h-sm-90-p--force {
    height: 90% !important;
  }
  .max-h-sm-90-p {
    max-height: 90%;
  }
  .max-h-sm-90-p--force {
    max-height: 90% !important;
  }
  .min-h-sm-90-p {
    min-height: 90%;
  }
  .min-h-sm-90-p--force {
    min-height: 90% !important;
  }
  .h-sm-95-p {
    height: 95%;
  }
  .h-sm-95-p--force {
    height: 95% !important;
  }
  .max-h-sm-95-p {
    max-height: 95%;
  }
  .max-h-sm-95-p--force {
    max-height: 95% !important;
  }
  .min-h-sm-95-p {
    min-height: 95%;
  }
  .min-h-sm-95-p--force {
    min-height: 95% !important;
  }
  .h-sm-100-p {
    height: 100%;
  }
  .h-sm-100-p--force {
    height: 100% !important;
  }
  .max-h-sm-100-p {
    max-height: 100%;
  }
  .max-h-sm-100-p--force {
    max-height: 100% !important;
  }
  .min-h-sm-100-p {
    min-height: 100%;
  }
  .min-h-sm-100-p--force {
    min-height: 100% !important;
  }
  .h-sm-300 {
    height: 300px;
  }
  .h-sm-300--force {
    height: 300px !important;
  }
  .max-h-sm-300 {
    max-height: 300px;
  }
  .max-h-sm-300--force {
    max-height: 300px !important;
  }
  .min-h-sm-300 {
    min-height: 300px;
  }
  .min-h-sm-300--force {
    min-height: 300px !important;
  }
  .h-sm-400 {
    height: 400px;
  }
  .h-sm-400--force {
    height: 400px !important;
  }
  .max-h-sm-400 {
    max-height: 400px;
  }
  .max-h-sm-400--force {
    max-height: 400px !important;
  }
  .min-h-sm-400 {
    min-height: 400px;
  }
  .min-h-sm-400--force {
    min-height: 400px !important;
  }
  .h-sm-500 {
    height: 500px;
  }
  .h-sm-500--force {
    height: 500px !important;
  }
  .max-h-sm-500 {
    max-height: 500px;
  }
  .max-h-sm-500--force {
    max-height: 500px !important;
  }
  .min-h-sm-500 {
    min-height: 500px;
  }
  .min-h-sm-500--force {
    min-height: 500px !important;
  }
  .h-sm-600 {
    height: 600px;
  }
  .h-sm-600--force {
    height: 600px !important;
  }
  .max-h-sm-600 {
    max-height: 600px;
  }
  .max-h-sm-600--force {
    max-height: 600px !important;
  }
  .min-h-sm-600 {
    min-height: 600px;
  }
  .min-h-sm-600--force {
    min-height: 600px !important;
  }
  .h-sm-700 {
    height: 700px;
  }
  .h-sm-700--force {
    height: 700px !important;
  }
  .max-h-sm-700 {
    max-height: 700px;
  }
  .max-h-sm-700--force {
    max-height: 700px !important;
  }
  .min-h-sm-700 {
    min-height: 700px;
  }
  .min-h-sm-700--force {
    min-height: 700px !important;
  }
  .h-sm-800 {
    height: 800px;
  }
  .h-sm-800--force {
    height: 800px !important;
  }
  .max-h-sm-800 {
    max-height: 800px;
  }
  .max-h-sm-800--force {
    max-height: 800px !important;
  }
  .min-h-sm-800 {
    min-height: 800px;
  }
  .min-h-sm-800--force {
    min-height: 800px !important;
  }
  .h-sm-900 {
    height: 900px;
  }
  .h-sm-900--force {
    height: 900px !important;
  }
  .max-h-sm-900 {
    max-height: 900px;
  }
  .max-h-sm-900--force {
    max-height: 900px !important;
  }
  .min-h-sm-900 {
    min-height: 900px;
  }
  .min-h-sm-900--force {
    min-height: 900px !important;
  }
  .h-sm-1000 {
    height: 1000px;
  }
  .h-sm-1000--force {
    height: 1000px !important;
  }
  .max-h-sm-1000 {
    max-height: 1000px;
  }
  .max-h-sm-1000--force {
    max-height: 1000px !important;
  }
  .min-h-sm-1000 {
    min-height: 1000px;
  }
  .min-h-sm-1000--force {
    min-height: 1000px !important;
  }
  .h-sm-1100 {
    height: 1100px;
  }
  .h-sm-1100--force {
    height: 1100px !important;
  }
  .max-h-sm-1100 {
    max-height: 1100px;
  }
  .max-h-sm-1100--force {
    max-height: 1100px !important;
  }
  .min-h-sm-1100 {
    min-height: 1100px;
  }
  .min-h-sm-1100--force {
    min-height: 1100px !important;
  }
  .h-sm-1200 {
    height: 1200px;
  }
  .h-sm-1200--force {
    height: 1200px !important;
  }
  .max-h-sm-1200 {
    max-height: 1200px;
  }
  .max-h-sm-1200--force {
    max-height: 1200px !important;
  }
  .min-h-sm-1200 {
    min-height: 1200px;
  }
  .min-h-sm-1200--force {
    min-height: 1200px !important;
  }
  .h-sm-1300 {
    height: 1300px;
  }
  .h-sm-1300--force {
    height: 1300px !important;
  }
  .max-h-sm-1300 {
    max-height: 1300px;
  }
  .max-h-sm-1300--force {
    max-height: 1300px !important;
  }
  .min-h-sm-1300 {
    min-height: 1300px;
  }
  .min-h-sm-1300--force {
    min-height: 1300px !important;
  }
  .h-sm-1400 {
    height: 1400px;
  }
  .h-sm-1400--force {
    height: 1400px !important;
  }
  .max-h-sm-1400 {
    max-height: 1400px;
  }
  .max-h-sm-1400--force {
    max-height: 1400px !important;
  }
  .min-h-sm-1400 {
    min-height: 1400px;
  }
  .min-h-sm-1400--force {
    min-height: 1400px !important;
  }
  .h-sm-1500 {
    height: 1500px;
  }
  .h-sm-1500--force {
    height: 1500px !important;
  }
  .max-h-sm-1500 {
    max-height: 1500px;
  }
  .max-h-sm-1500--force {
    max-height: 1500px !important;
  }
  .min-h-sm-1500 {
    min-height: 1500px;
  }
  .min-h-sm-1500--force {
    min-height: 1500px !important;
  }
  .h-sm-1600 {
    height: 1600px;
  }
  .h-sm-1600--force {
    height: 1600px !important;
  }
  .max-h-sm-1600 {
    max-height: 1600px;
  }
  .max-h-sm-1600--force {
    max-height: 1600px !important;
  }
  .min-h-sm-1600 {
    min-height: 1600px;
  }
  .min-h-sm-1600--force {
    min-height: 1600px !important;
  }
  .h-sm-1700 {
    height: 1700px;
  }
  .h-sm-1700--force {
    height: 1700px !important;
  }
  .max-h-sm-1700 {
    max-height: 1700px;
  }
  .max-h-sm-1700--force {
    max-height: 1700px !important;
  }
  .min-h-sm-1700 {
    min-height: 1700px;
  }
  .min-h-sm-1700--force {
    min-height: 1700px !important;
  }
  .h-sm-1800 {
    height: 1800px;
  }
  .h-sm-1800--force {
    height: 1800px !important;
  }
  .max-h-sm-1800 {
    max-height: 1800px;
  }
  .max-h-sm-1800--force {
    max-height: 1800px !important;
  }
  .min-h-sm-1800 {
    min-height: 1800px;
  }
  .min-h-sm-1800--force {
    min-height: 1800px !important;
  }
  .h-sm-1900 {
    height: 1900px;
  }
  .h-sm-1900--force {
    height: 1900px !important;
  }
  .max-h-sm-1900 {
    max-height: 1900px;
  }
  .max-h-sm-1900--force {
    max-height: 1900px !important;
  }
  .min-h-sm-1900 {
    min-height: 1900px;
  }
  .min-h-sm-1900--force {
    min-height: 1900px !important;
  }
  .h-sm-2000 {
    height: 2000px;
  }
  .h-sm-2000--force {
    height: 2000px !important;
  }
  .max-h-sm-2000 {
    max-height: 2000px;
  }
  .max-h-sm-2000--force {
    max-height: 2000px !important;
  }
  .min-h-sm-2000 {
    min-height: 2000px;
  }
  .min-h-sm-2000--force {
    min-height: 2000px !important;
  }
  .h-sm-auto {
    height: auto;
  }
  .h-sm-auto--force {
    height: auto !important;
  }
  .w-sm-0 {
    width: 0px;
  }
  .w-sm-0--force {
    width: 0px !important;
  }
  .max-w-sm-0 {
    max-width: 0px;
  }
  .max-w-sm-0--force {
    max-width: 0px !important;
  }
  .min-w-sm-0 {
    min-width: 0px;
  }
  .min-w-sm-0--force {
    min-width: 0px !important;
  }
  .w-sm-4 {
    width: 4px;
  }
  .w-sm-4--force {
    width: 4px !important;
  }
  .max-w-sm-4 {
    max-width: 4px;
  }
  .max-w-sm-4--force {
    max-width: 4px !important;
  }
  .min-w-sm-4 {
    min-width: 4px;
  }
  .min-w-sm-4--force {
    min-width: 4px !important;
  }
  .w-sm-8 {
    width: 8px;
  }
  .w-sm-8--force {
    width: 8px !important;
  }
  .max-w-sm-8 {
    max-width: 8px;
  }
  .max-w-sm-8--force {
    max-width: 8px !important;
  }
  .min-w-sm-8 {
    min-width: 8px;
  }
  .min-w-sm-8--force {
    min-width: 8px !important;
  }
  .w-sm-12 {
    width: 12px;
  }
  .w-sm-12--force {
    width: 12px !important;
  }
  .max-w-sm-12 {
    max-width: 12px;
  }
  .max-w-sm-12--force {
    max-width: 12px !important;
  }
  .min-w-sm-12 {
    min-width: 12px;
  }
  .min-w-sm-12--force {
    min-width: 12px !important;
  }
  .w-sm-16 {
    width: 16px;
  }
  .w-sm-16--force {
    width: 16px !important;
  }
  .max-w-sm-16 {
    max-width: 16px;
  }
  .max-w-sm-16--force {
    max-width: 16px !important;
  }
  .min-w-sm-16 {
    min-width: 16px;
  }
  .min-w-sm-16--force {
    min-width: 16px !important;
  }
  .w-sm-20 {
    width: 20px;
  }
  .w-sm-20--force {
    width: 20px !important;
  }
  .max-w-sm-20 {
    max-width: 20px;
  }
  .max-w-sm-20--force {
    max-width: 20px !important;
  }
  .min-w-sm-20 {
    min-width: 20px;
  }
  .min-w-sm-20--force {
    min-width: 20px !important;
  }
  .w-sm-24 {
    width: 24px;
  }
  .w-sm-24--force {
    width: 24px !important;
  }
  .max-w-sm-24 {
    max-width: 24px;
  }
  .max-w-sm-24--force {
    max-width: 24px !important;
  }
  .min-w-sm-24 {
    min-width: 24px;
  }
  .min-w-sm-24--force {
    min-width: 24px !important;
  }
  .w-sm-28 {
    width: 28px;
  }
  .w-sm-28--force {
    width: 28px !important;
  }
  .max-w-sm-28 {
    max-width: 28px;
  }
  .max-w-sm-28--force {
    max-width: 28px !important;
  }
  .min-w-sm-28 {
    min-width: 28px;
  }
  .min-w-sm-28--force {
    min-width: 28px !important;
  }
  .w-sm-32 {
    width: 32px;
  }
  .w-sm-32--force {
    width: 32px !important;
  }
  .max-w-sm-32 {
    max-width: 32px;
  }
  .max-w-sm-32--force {
    max-width: 32px !important;
  }
  .min-w-sm-32 {
    min-width: 32px;
  }
  .min-w-sm-32--force {
    min-width: 32px !important;
  }
  .w-sm-36 {
    width: 36px;
  }
  .w-sm-36--force {
    width: 36px !important;
  }
  .max-w-sm-36 {
    max-width: 36px;
  }
  .max-w-sm-36--force {
    max-width: 36px !important;
  }
  .min-w-sm-36 {
    min-width: 36px;
  }
  .min-w-sm-36--force {
    min-width: 36px !important;
  }
  .w-sm-40 {
    width: 40px;
  }
  .w-sm-40--force {
    width: 40px !important;
  }
  .max-w-sm-40 {
    max-width: 40px;
  }
  .max-w-sm-40--force {
    max-width: 40px !important;
  }
  .min-w-sm-40 {
    min-width: 40px;
  }
  .min-w-sm-40--force {
    min-width: 40px !important;
  }
  .w-sm-44 {
    width: 44px;
  }
  .w-sm-44--force {
    width: 44px !important;
  }
  .max-w-sm-44 {
    max-width: 44px;
  }
  .max-w-sm-44--force {
    max-width: 44px !important;
  }
  .min-w-sm-44 {
    min-width: 44px;
  }
  .min-w-sm-44--force {
    min-width: 44px !important;
  }
  .w-sm-48 {
    width: 48px;
  }
  .w-sm-48--force {
    width: 48px !important;
  }
  .max-w-sm-48 {
    max-width: 48px;
  }
  .max-w-sm-48--force {
    max-width: 48px !important;
  }
  .min-w-sm-48 {
    min-width: 48px;
  }
  .min-w-sm-48--force {
    min-width: 48px !important;
  }
  .w-sm-52 {
    width: 52px;
  }
  .w-sm-52--force {
    width: 52px !important;
  }
  .max-w-sm-52 {
    max-width: 52px;
  }
  .max-w-sm-52--force {
    max-width: 52px !important;
  }
  .min-w-sm-52 {
    min-width: 52px;
  }
  .min-w-sm-52--force {
    min-width: 52px !important;
  }
  .w-sm-56 {
    width: 56px;
  }
  .w-sm-56--force {
    width: 56px !important;
  }
  .max-w-sm-56 {
    max-width: 56px;
  }
  .max-w-sm-56--force {
    max-width: 56px !important;
  }
  .min-w-sm-56 {
    min-width: 56px;
  }
  .min-w-sm-56--force {
    min-width: 56px !important;
  }
  .w-sm-60 {
    width: 60px;
  }
  .w-sm-60--force {
    width: 60px !important;
  }
  .max-w-sm-60 {
    max-width: 60px;
  }
  .max-w-sm-60--force {
    max-width: 60px !important;
  }
  .min-w-sm-60 {
    min-width: 60px;
  }
  .min-w-sm-60--force {
    min-width: 60px !important;
  }
  .w-sm-64 {
    width: 64px;
  }
  .w-sm-64--force {
    width: 64px !important;
  }
  .max-w-sm-64 {
    max-width: 64px;
  }
  .max-w-sm-64--force {
    max-width: 64px !important;
  }
  .min-w-sm-64 {
    min-width: 64px;
  }
  .min-w-sm-64--force {
    min-width: 64px !important;
  }
  .w-sm-68 {
    width: 68px;
  }
  .w-sm-68--force {
    width: 68px !important;
  }
  .max-w-sm-68 {
    max-width: 68px;
  }
  .max-w-sm-68--force {
    max-width: 68px !important;
  }
  .min-w-sm-68 {
    min-width: 68px;
  }
  .min-w-sm-68--force {
    min-width: 68px !important;
  }
  .w-sm-72 {
    width: 72px;
  }
  .w-sm-72--force {
    width: 72px !important;
  }
  .max-w-sm-72 {
    max-width: 72px;
  }
  .max-w-sm-72--force {
    max-width: 72px !important;
  }
  .min-w-sm-72 {
    min-width: 72px;
  }
  .min-w-sm-72--force {
    min-width: 72px !important;
  }
  .w-sm-76 {
    width: 76px;
  }
  .w-sm-76--force {
    width: 76px !important;
  }
  .max-w-sm-76 {
    max-width: 76px;
  }
  .max-w-sm-76--force {
    max-width: 76px !important;
  }
  .min-w-sm-76 {
    min-width: 76px;
  }
  .min-w-sm-76--force {
    min-width: 76px !important;
  }
  .w-sm-80 {
    width: 80px;
  }
  .w-sm-80--force {
    width: 80px !important;
  }
  .max-w-sm-80 {
    max-width: 80px;
  }
  .max-w-sm-80--force {
    max-width: 80px !important;
  }
  .min-w-sm-80 {
    min-width: 80px;
  }
  .min-w-sm-80--force {
    min-width: 80px !important;
  }
  .w-sm-84 {
    width: 84px;
  }
  .w-sm-84--force {
    width: 84px !important;
  }
  .max-w-sm-84 {
    max-width: 84px;
  }
  .max-w-sm-84--force {
    max-width: 84px !important;
  }
  .min-w-sm-84 {
    min-width: 84px;
  }
  .min-w-sm-84--force {
    min-width: 84px !important;
  }
  .w-sm-88 {
    width: 88px;
  }
  .w-sm-88--force {
    width: 88px !important;
  }
  .max-w-sm-88 {
    max-width: 88px;
  }
  .max-w-sm-88--force {
    max-width: 88px !important;
  }
  .min-w-sm-88 {
    min-width: 88px;
  }
  .min-w-sm-88--force {
    min-width: 88px !important;
  }
  .w-sm-92 {
    width: 92px;
  }
  .w-sm-92--force {
    width: 92px !important;
  }
  .max-w-sm-92 {
    max-width: 92px;
  }
  .max-w-sm-92--force {
    max-width: 92px !important;
  }
  .min-w-sm-92 {
    min-width: 92px;
  }
  .min-w-sm-92--force {
    min-width: 92px !important;
  }
  .w-sm-96 {
    width: 96px;
  }
  .w-sm-96--force {
    width: 96px !important;
  }
  .max-w-sm-96 {
    max-width: 96px;
  }
  .max-w-sm-96--force {
    max-width: 96px !important;
  }
  .min-w-sm-96 {
    min-width: 96px;
  }
  .min-w-sm-96--force {
    min-width: 96px !important;
  }
  .w-sm-100 {
    width: 100px;
  }
  .w-sm-100--force {
    width: 100px !important;
  }
  .max-w-sm-100 {
    max-width: 100px;
  }
  .max-w-sm-100--force {
    max-width: 100px !important;
  }
  .min-w-sm-100 {
    min-width: 100px;
  }
  .min-w-sm-100--force {
    min-width: 100px !important;
  }
  .w-sm-104 {
    width: 104px;
  }
  .w-sm-104--force {
    width: 104px !important;
  }
  .max-w-sm-104 {
    max-width: 104px;
  }
  .max-w-sm-104--force {
    max-width: 104px !important;
  }
  .min-w-sm-104 {
    min-width: 104px;
  }
  .min-w-sm-104--force {
    min-width: 104px !important;
  }
  .w-sm-108 {
    width: 108px;
  }
  .w-sm-108--force {
    width: 108px !important;
  }
  .max-w-sm-108 {
    max-width: 108px;
  }
  .max-w-sm-108--force {
    max-width: 108px !important;
  }
  .min-w-sm-108 {
    min-width: 108px;
  }
  .min-w-sm-108--force {
    min-width: 108px !important;
  }
  .w-sm-112 {
    width: 112px;
  }
  .w-sm-112--force {
    width: 112px !important;
  }
  .max-w-sm-112 {
    max-width: 112px;
  }
  .max-w-sm-112--force {
    max-width: 112px !important;
  }
  .min-w-sm-112 {
    min-width: 112px;
  }
  .min-w-sm-112--force {
    min-width: 112px !important;
  }
  .w-sm-116 {
    width: 116px;
  }
  .w-sm-116--force {
    width: 116px !important;
  }
  .max-w-sm-116 {
    max-width: 116px;
  }
  .max-w-sm-116--force {
    max-width: 116px !important;
  }
  .min-w-sm-116 {
    min-width: 116px;
  }
  .min-w-sm-116--force {
    min-width: 116px !important;
  }
  .w-sm-120 {
    width: 120px;
  }
  .w-sm-120--force {
    width: 120px !important;
  }
  .max-w-sm-120 {
    max-width: 120px;
  }
  .max-w-sm-120--force {
    max-width: 120px !important;
  }
  .min-w-sm-120 {
    min-width: 120px;
  }
  .min-w-sm-120--force {
    min-width: 120px !important;
  }
  .w-sm-124 {
    width: 124px;
  }
  .w-sm-124--force {
    width: 124px !important;
  }
  .max-w-sm-124 {
    max-width: 124px;
  }
  .max-w-sm-124--force {
    max-width: 124px !important;
  }
  .min-w-sm-124 {
    min-width: 124px;
  }
  .min-w-sm-124--force {
    min-width: 124px !important;
  }
  .w-sm-128 {
    width: 128px;
  }
  .w-sm-128--force {
    width: 128px !important;
  }
  .max-w-sm-128 {
    max-width: 128px;
  }
  .max-w-sm-128--force {
    max-width: 128px !important;
  }
  .min-w-sm-128 {
    min-width: 128px;
  }
  .min-w-sm-128--force {
    min-width: 128px !important;
  }
  .w-sm-132 {
    width: 132px;
  }
  .w-sm-132--force {
    width: 132px !important;
  }
  .max-w-sm-132 {
    max-width: 132px;
  }
  .max-w-sm-132--force {
    max-width: 132px !important;
  }
  .min-w-sm-132 {
    min-width: 132px;
  }
  .min-w-sm-132--force {
    min-width: 132px !important;
  }
  .w-sm-136 {
    width: 136px;
  }
  .w-sm-136--force {
    width: 136px !important;
  }
  .max-w-sm-136 {
    max-width: 136px;
  }
  .max-w-sm-136--force {
    max-width: 136px !important;
  }
  .min-w-sm-136 {
    min-width: 136px;
  }
  .min-w-sm-136--force {
    min-width: 136px !important;
  }
  .w-sm-140 {
    width: 140px;
  }
  .w-sm-140--force {
    width: 140px !important;
  }
  .max-w-sm-140 {
    max-width: 140px;
  }
  .max-w-sm-140--force {
    max-width: 140px !important;
  }
  .min-w-sm-140 {
    min-width: 140px;
  }
  .min-w-sm-140--force {
    min-width: 140px !important;
  }
  .w-sm-144 {
    width: 144px;
  }
  .w-sm-144--force {
    width: 144px !important;
  }
  .max-w-sm-144 {
    max-width: 144px;
  }
  .max-w-sm-144--force {
    max-width: 144px !important;
  }
  .min-w-sm-144 {
    min-width: 144px;
  }
  .min-w-sm-144--force {
    min-width: 144px !important;
  }
  .w-sm-148 {
    width: 148px;
  }
  .w-sm-148--force {
    width: 148px !important;
  }
  .max-w-sm-148 {
    max-width: 148px;
  }
  .max-w-sm-148--force {
    max-width: 148px !important;
  }
  .min-w-sm-148 {
    min-width: 148px;
  }
  .min-w-sm-148--force {
    min-width: 148px !important;
  }
  .w-sm-152 {
    width: 152px;
  }
  .w-sm-152--force {
    width: 152px !important;
  }
  .max-w-sm-152 {
    max-width: 152px;
  }
  .max-w-sm-152--force {
    max-width: 152px !important;
  }
  .min-w-sm-152 {
    min-width: 152px;
  }
  .min-w-sm-152--force {
    min-width: 152px !important;
  }
  .w-sm-156 {
    width: 156px;
  }
  .w-sm-156--force {
    width: 156px !important;
  }
  .max-w-sm-156 {
    max-width: 156px;
  }
  .max-w-sm-156--force {
    max-width: 156px !important;
  }
  .min-w-sm-156 {
    min-width: 156px;
  }
  .min-w-sm-156--force {
    min-width: 156px !important;
  }
  .w-sm-160 {
    width: 160px;
  }
  .w-sm-160--force {
    width: 160px !important;
  }
  .max-w-sm-160 {
    max-width: 160px;
  }
  .max-w-sm-160--force {
    max-width: 160px !important;
  }
  .min-w-sm-160 {
    min-width: 160px;
  }
  .min-w-sm-160--force {
    min-width: 160px !important;
  }
  .w-sm-164 {
    width: 164px;
  }
  .w-sm-164--force {
    width: 164px !important;
  }
  .max-w-sm-164 {
    max-width: 164px;
  }
  .max-w-sm-164--force {
    max-width: 164px !important;
  }
  .min-w-sm-164 {
    min-width: 164px;
  }
  .min-w-sm-164--force {
    min-width: 164px !important;
  }
  .w-sm-168 {
    width: 168px;
  }
  .w-sm-168--force {
    width: 168px !important;
  }
  .max-w-sm-168 {
    max-width: 168px;
  }
  .max-w-sm-168--force {
    max-width: 168px !important;
  }
  .min-w-sm-168 {
    min-width: 168px;
  }
  .min-w-sm-168--force {
    min-width: 168px !important;
  }
  .w-sm-172 {
    width: 172px;
  }
  .w-sm-172--force {
    width: 172px !important;
  }
  .max-w-sm-172 {
    max-width: 172px;
  }
  .max-w-sm-172--force {
    max-width: 172px !important;
  }
  .min-w-sm-172 {
    min-width: 172px;
  }
  .min-w-sm-172--force {
    min-width: 172px !important;
  }
  .w-sm-176 {
    width: 176px;
  }
  .w-sm-176--force {
    width: 176px !important;
  }
  .max-w-sm-176 {
    max-width: 176px;
  }
  .max-w-sm-176--force {
    max-width: 176px !important;
  }
  .min-w-sm-176 {
    min-width: 176px;
  }
  .min-w-sm-176--force {
    min-width: 176px !important;
  }
  .w-sm-180 {
    width: 180px;
  }
  .w-sm-180--force {
    width: 180px !important;
  }
  .max-w-sm-180 {
    max-width: 180px;
  }
  .max-w-sm-180--force {
    max-width: 180px !important;
  }
  .min-w-sm-180 {
    min-width: 180px;
  }
  .min-w-sm-180--force {
    min-width: 180px !important;
  }
  .w-sm-184 {
    width: 184px;
  }
  .w-sm-184--force {
    width: 184px !important;
  }
  .max-w-sm-184 {
    max-width: 184px;
  }
  .max-w-sm-184--force {
    max-width: 184px !important;
  }
  .min-w-sm-184 {
    min-width: 184px;
  }
  .min-w-sm-184--force {
    min-width: 184px !important;
  }
  .w-sm-188 {
    width: 188px;
  }
  .w-sm-188--force {
    width: 188px !important;
  }
  .max-w-sm-188 {
    max-width: 188px;
  }
  .max-w-sm-188--force {
    max-width: 188px !important;
  }
  .min-w-sm-188 {
    min-width: 188px;
  }
  .min-w-sm-188--force {
    min-width: 188px !important;
  }
  .w-sm-192 {
    width: 192px;
  }
  .w-sm-192--force {
    width: 192px !important;
  }
  .max-w-sm-192 {
    max-width: 192px;
  }
  .max-w-sm-192--force {
    max-width: 192px !important;
  }
  .min-w-sm-192 {
    min-width: 192px;
  }
  .min-w-sm-192--force {
    min-width: 192px !important;
  }
  .w-sm-196 {
    width: 196px;
  }
  .w-sm-196--force {
    width: 196px !important;
  }
  .max-w-sm-196 {
    max-width: 196px;
  }
  .max-w-sm-196--force {
    max-width: 196px !important;
  }
  .min-w-sm-196 {
    min-width: 196px;
  }
  .min-w-sm-196--force {
    min-width: 196px !important;
  }
  .w-sm-200 {
    width: 200px;
  }
  .w-sm-200--force {
    width: 200px !important;
  }
  .max-w-sm-200 {
    max-width: 200px;
  }
  .max-w-sm-200--force {
    max-width: 200px !important;
  }
  .min-w-sm-200 {
    min-width: 200px;
  }
  .min-w-sm-200--force {
    min-width: 200px !important;
  }
  .w-sm-204 {
    width: 204px;
  }
  .w-sm-204--force {
    width: 204px !important;
  }
  .max-w-sm-204 {
    max-width: 204px;
  }
  .max-w-sm-204--force {
    max-width: 204px !important;
  }
  .min-w-sm-204 {
    min-width: 204px;
  }
  .min-w-sm-204--force {
    min-width: 204px !important;
  }
  .w-sm-208 {
    width: 208px;
  }
  .w-sm-208--force {
    width: 208px !important;
  }
  .max-w-sm-208 {
    max-width: 208px;
  }
  .max-w-sm-208--force {
    max-width: 208px !important;
  }
  .min-w-sm-208 {
    min-width: 208px;
  }
  .min-w-sm-208--force {
    min-width: 208px !important;
  }
  .w-sm-212 {
    width: 212px;
  }
  .w-sm-212--force {
    width: 212px !important;
  }
  .max-w-sm-212 {
    max-width: 212px;
  }
  .max-w-sm-212--force {
    max-width: 212px !important;
  }
  .min-w-sm-212 {
    min-width: 212px;
  }
  .min-w-sm-212--force {
    min-width: 212px !important;
  }
  .w-sm-216 {
    width: 216px;
  }
  .w-sm-216--force {
    width: 216px !important;
  }
  .max-w-sm-216 {
    max-width: 216px;
  }
  .max-w-sm-216--force {
    max-width: 216px !important;
  }
  .min-w-sm-216 {
    min-width: 216px;
  }
  .min-w-sm-216--force {
    min-width: 216px !important;
  }
  .w-sm-220 {
    width: 220px;
  }
  .w-sm-220--force {
    width: 220px !important;
  }
  .max-w-sm-220 {
    max-width: 220px;
  }
  .max-w-sm-220--force {
    max-width: 220px !important;
  }
  .min-w-sm-220 {
    min-width: 220px;
  }
  .min-w-sm-220--force {
    min-width: 220px !important;
  }
  .w-sm-224 {
    width: 224px;
  }
  .w-sm-224--force {
    width: 224px !important;
  }
  .max-w-sm-224 {
    max-width: 224px;
  }
  .max-w-sm-224--force {
    max-width: 224px !important;
  }
  .min-w-sm-224 {
    min-width: 224px;
  }
  .min-w-sm-224--force {
    min-width: 224px !important;
  }
  .w-sm-228 {
    width: 228px;
  }
  .w-sm-228--force {
    width: 228px !important;
  }
  .max-w-sm-228 {
    max-width: 228px;
  }
  .max-w-sm-228--force {
    max-width: 228px !important;
  }
  .min-w-sm-228 {
    min-width: 228px;
  }
  .min-w-sm-228--force {
    min-width: 228px !important;
  }
  .w-sm-232 {
    width: 232px;
  }
  .w-sm-232--force {
    width: 232px !important;
  }
  .max-w-sm-232 {
    max-width: 232px;
  }
  .max-w-sm-232--force {
    max-width: 232px !important;
  }
  .min-w-sm-232 {
    min-width: 232px;
  }
  .min-w-sm-232--force {
    min-width: 232px !important;
  }
  .w-sm-236 {
    width: 236px;
  }
  .w-sm-236--force {
    width: 236px !important;
  }
  .max-w-sm-236 {
    max-width: 236px;
  }
  .max-w-sm-236--force {
    max-width: 236px !important;
  }
  .min-w-sm-236 {
    min-width: 236px;
  }
  .min-w-sm-236--force {
    min-width: 236px !important;
  }
  .w-sm-240 {
    width: 240px;
  }
  .w-sm-240--force {
    width: 240px !important;
  }
  .max-w-sm-240 {
    max-width: 240px;
  }
  .max-w-sm-240--force {
    max-width: 240px !important;
  }
  .min-w-sm-240 {
    min-width: 240px;
  }
  .min-w-sm-240--force {
    min-width: 240px !important;
  }
  .w-sm-244 {
    width: 244px;
  }
  .w-sm-244--force {
    width: 244px !important;
  }
  .max-w-sm-244 {
    max-width: 244px;
  }
  .max-w-sm-244--force {
    max-width: 244px !important;
  }
  .min-w-sm-244 {
    min-width: 244px;
  }
  .min-w-sm-244--force {
    min-width: 244px !important;
  }
  .w-sm-248 {
    width: 248px;
  }
  .w-sm-248--force {
    width: 248px !important;
  }
  .max-w-sm-248 {
    max-width: 248px;
  }
  .max-w-sm-248--force {
    max-width: 248px !important;
  }
  .min-w-sm-248 {
    min-width: 248px;
  }
  .min-w-sm-248--force {
    min-width: 248px !important;
  }
  .w-sm-252 {
    width: 252px;
  }
  .w-sm-252--force {
    width: 252px !important;
  }
  .max-w-sm-252 {
    max-width: 252px;
  }
  .max-w-sm-252--force {
    max-width: 252px !important;
  }
  .min-w-sm-252 {
    min-width: 252px;
  }
  .min-w-sm-252--force {
    min-width: 252px !important;
  }
  .w-sm-256 {
    width: 256px;
  }
  .w-sm-256--force {
    width: 256px !important;
  }
  .max-w-sm-256 {
    max-width: 256px;
  }
  .max-w-sm-256--force {
    max-width: 256px !important;
  }
  .min-w-sm-256 {
    min-width: 256px;
  }
  .min-w-sm-256--force {
    min-width: 256px !important;
  }
  .w-sm-0-p {
    width: 0%;
  }
  .w-sm-0-p--force {
    width: 0% !important;
  }
  .max-w-sm-0-p {
    max-width: 0%;
  }
  .max-w-sm-0-p--force {
    max-width: 0% !important;
  }
  .min-w-sm-0-p {
    min-width: 0%;
  }
  .min-w-sm-0-p--force {
    min-width: 0% !important;
  }
  .w-sm-5-p {
    width: 5%;
  }
  .w-sm-5-p--force {
    width: 5% !important;
  }
  .max-w-sm-5-p {
    max-width: 5%;
  }
  .max-w-sm-5-p--force {
    max-width: 5% !important;
  }
  .min-w-sm-5-p {
    min-width: 5%;
  }
  .min-w-sm-5-p--force {
    min-width: 5% !important;
  }
  .w-sm-10-p {
    width: 10%;
  }
  .w-sm-10-p--force {
    width: 10% !important;
  }
  .max-w-sm-10-p {
    max-width: 10%;
  }
  .max-w-sm-10-p--force {
    max-width: 10% !important;
  }
  .min-w-sm-10-p {
    min-width: 10%;
  }
  .min-w-sm-10-p--force {
    min-width: 10% !important;
  }
  .w-sm-15-p {
    width: 15%;
  }
  .w-sm-15-p--force {
    width: 15% !important;
  }
  .max-w-sm-15-p {
    max-width: 15%;
  }
  .max-w-sm-15-p--force {
    max-width: 15% !important;
  }
  .min-w-sm-15-p {
    min-width: 15%;
  }
  .min-w-sm-15-p--force {
    min-width: 15% !important;
  }
  .w-sm-20-p {
    width: 20%;
  }
  .w-sm-20-p--force {
    width: 20% !important;
  }
  .max-w-sm-20-p {
    max-width: 20%;
  }
  .max-w-sm-20-p--force {
    max-width: 20% !important;
  }
  .min-w-sm-20-p {
    min-width: 20%;
  }
  .min-w-sm-20-p--force {
    min-width: 20% !important;
  }
  .w-sm-25-p {
    width: 25%;
  }
  .w-sm-25-p--force {
    width: 25% !important;
  }
  .max-w-sm-25-p {
    max-width: 25%;
  }
  .max-w-sm-25-p--force {
    max-width: 25% !important;
  }
  .min-w-sm-25-p {
    min-width: 25%;
  }
  .min-w-sm-25-p--force {
    min-width: 25% !important;
  }
  .w-sm-30-p {
    width: 30%;
  }
  .w-sm-30-p--force {
    width: 30% !important;
  }
  .max-w-sm-30-p {
    max-width: 30%;
  }
  .max-w-sm-30-p--force {
    max-width: 30% !important;
  }
  .min-w-sm-30-p {
    min-width: 30%;
  }
  .min-w-sm-30-p--force {
    min-width: 30% !important;
  }
  .w-sm-35-p {
    width: 35%;
  }
  .w-sm-35-p--force {
    width: 35% !important;
  }
  .max-w-sm-35-p {
    max-width: 35%;
  }
  .max-w-sm-35-p--force {
    max-width: 35% !important;
  }
  .min-w-sm-35-p {
    min-width: 35%;
  }
  .min-w-sm-35-p--force {
    min-width: 35% !important;
  }
  .w-sm-40-p {
    width: 40%;
  }
  .w-sm-40-p--force {
    width: 40% !important;
  }
  .max-w-sm-40-p {
    max-width: 40%;
  }
  .max-w-sm-40-p--force {
    max-width: 40% !important;
  }
  .min-w-sm-40-p {
    min-width: 40%;
  }
  .min-w-sm-40-p--force {
    min-width: 40% !important;
  }
  .w-sm-45-p {
    width: 45%;
  }
  .w-sm-45-p--force {
    width: 45% !important;
  }
  .max-w-sm-45-p {
    max-width: 45%;
  }
  .max-w-sm-45-p--force {
    max-width: 45% !important;
  }
  .min-w-sm-45-p {
    min-width: 45%;
  }
  .min-w-sm-45-p--force {
    min-width: 45% !important;
  }
  .w-sm-50-p {
    width: 50%;
  }
  .w-sm-50-p--force {
    width: 50% !important;
  }
  .max-w-sm-50-p {
    max-width: 50%;
  }
  .max-w-sm-50-p--force {
    max-width: 50% !important;
  }
  .min-w-sm-50-p {
    min-width: 50%;
  }
  .min-w-sm-50-p--force {
    min-width: 50% !important;
  }
  .w-sm-55-p {
    width: 55%;
  }
  .w-sm-55-p--force {
    width: 55% !important;
  }
  .max-w-sm-55-p {
    max-width: 55%;
  }
  .max-w-sm-55-p--force {
    max-width: 55% !important;
  }
  .min-w-sm-55-p {
    min-width: 55%;
  }
  .min-w-sm-55-p--force {
    min-width: 55% !important;
  }
  .w-sm-60-p {
    width: 60%;
  }
  .w-sm-60-p--force {
    width: 60% !important;
  }
  .max-w-sm-60-p {
    max-width: 60%;
  }
  .max-w-sm-60-p--force {
    max-width: 60% !important;
  }
  .min-w-sm-60-p {
    min-width: 60%;
  }
  .min-w-sm-60-p--force {
    min-width: 60% !important;
  }
  .w-sm-65-p {
    width: 65%;
  }
  .w-sm-65-p--force {
    width: 65% !important;
  }
  .max-w-sm-65-p {
    max-width: 65%;
  }
  .max-w-sm-65-p--force {
    max-width: 65% !important;
  }
  .min-w-sm-65-p {
    min-width: 65%;
  }
  .min-w-sm-65-p--force {
    min-width: 65% !important;
  }
  .w-sm-70-p {
    width: 70%;
  }
  .w-sm-70-p--force {
    width: 70% !important;
  }
  .max-w-sm-70-p {
    max-width: 70%;
  }
  .max-w-sm-70-p--force {
    max-width: 70% !important;
  }
  .min-w-sm-70-p {
    min-width: 70%;
  }
  .min-w-sm-70-p--force {
    min-width: 70% !important;
  }
  .w-sm-75-p {
    width: 75%;
  }
  .w-sm-75-p--force {
    width: 75% !important;
  }
  .max-w-sm-75-p {
    max-width: 75%;
  }
  .max-w-sm-75-p--force {
    max-width: 75% !important;
  }
  .min-w-sm-75-p {
    min-width: 75%;
  }
  .min-w-sm-75-p--force {
    min-width: 75% !important;
  }
  .w-sm-80-p {
    width: 80%;
  }
  .w-sm-80-p--force {
    width: 80% !important;
  }
  .max-w-sm-80-p {
    max-width: 80%;
  }
  .max-w-sm-80-p--force {
    max-width: 80% !important;
  }
  .min-w-sm-80-p {
    min-width: 80%;
  }
  .min-w-sm-80-p--force {
    min-width: 80% !important;
  }
  .w-sm-85-p {
    width: 85%;
  }
  .w-sm-85-p--force {
    width: 85% !important;
  }
  .max-w-sm-85-p {
    max-width: 85%;
  }
  .max-w-sm-85-p--force {
    max-width: 85% !important;
  }
  .min-w-sm-85-p {
    min-width: 85%;
  }
  .min-w-sm-85-p--force {
    min-width: 85% !important;
  }
  .w-sm-90-p {
    width: 90%;
  }
  .w-sm-90-p--force {
    width: 90% !important;
  }
  .max-w-sm-90-p {
    max-width: 90%;
  }
  .max-w-sm-90-p--force {
    max-width: 90% !important;
  }
  .min-w-sm-90-p {
    min-width: 90%;
  }
  .min-w-sm-90-p--force {
    min-width: 90% !important;
  }
  .w-sm-95-p {
    width: 95%;
  }
  .w-sm-95-p--force {
    width: 95% !important;
  }
  .max-w-sm-95-p {
    max-width: 95%;
  }
  .max-w-sm-95-p--force {
    max-width: 95% !important;
  }
  .min-w-sm-95-p {
    min-width: 95%;
  }
  .min-w-sm-95-p--force {
    min-width: 95% !important;
  }
  .w-sm-100-p {
    width: 100%;
  }
  .w-sm-100-p--force {
    width: 100% !important;
  }
  .max-w-sm-100-p {
    max-width: 100%;
  }
  .max-w-sm-100-p--force {
    max-width: 100% !important;
  }
  .min-w-sm-100-p {
    min-width: 100%;
  }
  .min-w-sm-100-p--force {
    min-width: 100% !important;
  }
  .w-sm-300 {
    width: 300px;
  }
  .w-sm-300--force {
    width: 300px !important;
  }
  .max-w-sm-300 {
    max-width: 300px;
  }
  .max-w-sm-300--force {
    max-width: 300px !important;
  }
  .min-w-sm-300 {
    min-width: 300px;
  }
  .min-w-sm-300--force {
    min-width: 300px !important;
  }
  .w-sm-400 {
    width: 400px;
  }
  .w-sm-400--force {
    width: 400px !important;
  }
  .max-w-sm-400 {
    max-width: 400px;
  }
  .max-w-sm-400--force {
    max-width: 400px !important;
  }
  .min-w-sm-400 {
    min-width: 400px;
  }
  .min-w-sm-400--force {
    min-width: 400px !important;
  }
  .w-sm-500 {
    width: 500px;
  }
  .w-sm-500--force {
    width: 500px !important;
  }
  .max-w-sm-500 {
    max-width: 500px;
  }
  .max-w-sm-500--force {
    max-width: 500px !important;
  }
  .min-w-sm-500 {
    min-width: 500px;
  }
  .min-w-sm-500--force {
    min-width: 500px !important;
  }
  .w-sm-600 {
    width: 600px;
  }
  .w-sm-600--force {
    width: 600px !important;
  }
  .max-w-sm-600 {
    max-width: 600px;
  }
  .max-w-sm-600--force {
    max-width: 600px !important;
  }
  .min-w-sm-600 {
    min-width: 600px;
  }
  .min-w-sm-600--force {
    min-width: 600px !important;
  }
  .w-sm-700 {
    width: 700px;
  }
  .w-sm-700--force {
    width: 700px !important;
  }
  .max-w-sm-700 {
    max-width: 700px;
  }
  .max-w-sm-700--force {
    max-width: 700px !important;
  }
  .min-w-sm-700 {
    min-width: 700px;
  }
  .min-w-sm-700--force {
    min-width: 700px !important;
  }
  .w-sm-800 {
    width: 800px;
  }
  .w-sm-800--force {
    width: 800px !important;
  }
  .max-w-sm-800 {
    max-width: 800px;
  }
  .max-w-sm-800--force {
    max-width: 800px !important;
  }
  .min-w-sm-800 {
    min-width: 800px;
  }
  .min-w-sm-800--force {
    min-width: 800px !important;
  }
  .w-sm-900 {
    width: 900px;
  }
  .w-sm-900--force {
    width: 900px !important;
  }
  .max-w-sm-900 {
    max-width: 900px;
  }
  .max-w-sm-900--force {
    max-width: 900px !important;
  }
  .min-w-sm-900 {
    min-width: 900px;
  }
  .min-w-sm-900--force {
    min-width: 900px !important;
  }
  .w-sm-1000 {
    width: 1000px;
  }
  .w-sm-1000--force {
    width: 1000px !important;
  }
  .max-w-sm-1000 {
    max-width: 1000px;
  }
  .max-w-sm-1000--force {
    max-width: 1000px !important;
  }
  .min-w-sm-1000 {
    min-width: 1000px;
  }
  .min-w-sm-1000--force {
    min-width: 1000px !important;
  }
  .w-sm-1100 {
    width: 1100px;
  }
  .w-sm-1100--force {
    width: 1100px !important;
  }
  .max-w-sm-1100 {
    max-width: 1100px;
  }
  .max-w-sm-1100--force {
    max-width: 1100px !important;
  }
  .min-w-sm-1100 {
    min-width: 1100px;
  }
  .min-w-sm-1100--force {
    min-width: 1100px !important;
  }
  .w-sm-1200 {
    width: 1200px;
  }
  .w-sm-1200--force {
    width: 1200px !important;
  }
  .max-w-sm-1200 {
    max-width: 1200px;
  }
  .max-w-sm-1200--force {
    max-width: 1200px !important;
  }
  .min-w-sm-1200 {
    min-width: 1200px;
  }
  .min-w-sm-1200--force {
    min-width: 1200px !important;
  }
  .w-sm-1300 {
    width: 1300px;
  }
  .w-sm-1300--force {
    width: 1300px !important;
  }
  .max-w-sm-1300 {
    max-width: 1300px;
  }
  .max-w-sm-1300--force {
    max-width: 1300px !important;
  }
  .min-w-sm-1300 {
    min-width: 1300px;
  }
  .min-w-sm-1300--force {
    min-width: 1300px !important;
  }
  .w-sm-1400 {
    width: 1400px;
  }
  .w-sm-1400--force {
    width: 1400px !important;
  }
  .max-w-sm-1400 {
    max-width: 1400px;
  }
  .max-w-sm-1400--force {
    max-width: 1400px !important;
  }
  .min-w-sm-1400 {
    min-width: 1400px;
  }
  .min-w-sm-1400--force {
    min-width: 1400px !important;
  }
  .w-sm-1500 {
    width: 1500px;
  }
  .w-sm-1500--force {
    width: 1500px !important;
  }
  .max-w-sm-1500 {
    max-width: 1500px;
  }
  .max-w-sm-1500--force {
    max-width: 1500px !important;
  }
  .min-w-sm-1500 {
    min-width: 1500px;
  }
  .min-w-sm-1500--force {
    min-width: 1500px !important;
  }
  .w-sm-1600 {
    width: 1600px;
  }
  .w-sm-1600--force {
    width: 1600px !important;
  }
  .max-w-sm-1600 {
    max-width: 1600px;
  }
  .max-w-sm-1600--force {
    max-width: 1600px !important;
  }
  .min-w-sm-1600 {
    min-width: 1600px;
  }
  .min-w-sm-1600--force {
    min-width: 1600px !important;
  }
  .w-sm-1700 {
    width: 1700px;
  }
  .w-sm-1700--force {
    width: 1700px !important;
  }
  .max-w-sm-1700 {
    max-width: 1700px;
  }
  .max-w-sm-1700--force {
    max-width: 1700px !important;
  }
  .min-w-sm-1700 {
    min-width: 1700px;
  }
  .min-w-sm-1700--force {
    min-width: 1700px !important;
  }
  .w-sm-1800 {
    width: 1800px;
  }
  .w-sm-1800--force {
    width: 1800px !important;
  }
  .max-w-sm-1800 {
    max-width: 1800px;
  }
  .max-w-sm-1800--force {
    max-width: 1800px !important;
  }
  .min-w-sm-1800 {
    min-width: 1800px;
  }
  .min-w-sm-1800--force {
    min-width: 1800px !important;
  }
  .w-sm-1900 {
    width: 1900px;
  }
  .w-sm-1900--force {
    width: 1900px !important;
  }
  .max-w-sm-1900 {
    max-width: 1900px;
  }
  .max-w-sm-1900--force {
    max-width: 1900px !important;
  }
  .min-w-sm-1900 {
    min-width: 1900px;
  }
  .min-w-sm-1900--force {
    min-width: 1900px !important;
  }
  .w-sm-2000 {
    width: 2000px;
  }
  .w-sm-2000--force {
    width: 2000px !important;
  }
  .max-w-sm-2000 {
    max-width: 2000px;
  }
  .max-w-sm-2000--force {
    max-width: 2000px !important;
  }
  .min-w-sm-2000 {
    min-width: 2000px;
  }
  .min-w-sm-2000--force {
    min-width: 2000px !important;
  }
  .w-sm-auto {
    width: auto;
  }
  .w-sm-auto--force {
    width: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .h-md-0 {
    height: 0px;
  }
  .h-md-0--force {
    height: 0px !important;
  }
  .max-h-md-0 {
    max-height: 0px;
  }
  .max-h-md-0--force {
    max-height: 0px !important;
  }
  .min-h-md-0 {
    min-height: 0px;
  }
  .min-h-md-0--force {
    min-height: 0px !important;
  }
  .h-md-4 {
    height: 4px;
  }
  .h-md-4--force {
    height: 4px !important;
  }
  .max-h-md-4 {
    max-height: 4px;
  }
  .max-h-md-4--force {
    max-height: 4px !important;
  }
  .min-h-md-4 {
    min-height: 4px;
  }
  .min-h-md-4--force {
    min-height: 4px !important;
  }
  .h-md-8 {
    height: 8px;
  }
  .h-md-8--force {
    height: 8px !important;
  }
  .max-h-md-8 {
    max-height: 8px;
  }
  .max-h-md-8--force {
    max-height: 8px !important;
  }
  .min-h-md-8 {
    min-height: 8px;
  }
  .min-h-md-8--force {
    min-height: 8px !important;
  }
  .h-md-12 {
    height: 12px;
  }
  .h-md-12--force {
    height: 12px !important;
  }
  .max-h-md-12 {
    max-height: 12px;
  }
  .max-h-md-12--force {
    max-height: 12px !important;
  }
  .min-h-md-12 {
    min-height: 12px;
  }
  .min-h-md-12--force {
    min-height: 12px !important;
  }
  .h-md-16 {
    height: 16px;
  }
  .h-md-16--force {
    height: 16px !important;
  }
  .max-h-md-16 {
    max-height: 16px;
  }
  .max-h-md-16--force {
    max-height: 16px !important;
  }
  .min-h-md-16 {
    min-height: 16px;
  }
  .min-h-md-16--force {
    min-height: 16px !important;
  }
  .h-md-20 {
    height: 20px;
  }
  .h-md-20--force {
    height: 20px !important;
  }
  .max-h-md-20 {
    max-height: 20px;
  }
  .max-h-md-20--force {
    max-height: 20px !important;
  }
  .min-h-md-20 {
    min-height: 20px;
  }
  .min-h-md-20--force {
    min-height: 20px !important;
  }
  .h-md-24 {
    height: 24px;
  }
  .h-md-24--force {
    height: 24px !important;
  }
  .max-h-md-24 {
    max-height: 24px;
  }
  .max-h-md-24--force {
    max-height: 24px !important;
  }
  .min-h-md-24 {
    min-height: 24px;
  }
  .min-h-md-24--force {
    min-height: 24px !important;
  }
  .h-md-28 {
    height: 28px;
  }
  .h-md-28--force {
    height: 28px !important;
  }
  .max-h-md-28 {
    max-height: 28px;
  }
  .max-h-md-28--force {
    max-height: 28px !important;
  }
  .min-h-md-28 {
    min-height: 28px;
  }
  .min-h-md-28--force {
    min-height: 28px !important;
  }
  .h-md-32 {
    height: 32px;
  }
  .h-md-32--force {
    height: 32px !important;
  }
  .max-h-md-32 {
    max-height: 32px;
  }
  .max-h-md-32--force {
    max-height: 32px !important;
  }
  .min-h-md-32 {
    min-height: 32px;
  }
  .min-h-md-32--force {
    min-height: 32px !important;
  }
  .h-md-36 {
    height: 36px;
  }
  .h-md-36--force {
    height: 36px !important;
  }
  .max-h-md-36 {
    max-height: 36px;
  }
  .max-h-md-36--force {
    max-height: 36px !important;
  }
  .min-h-md-36 {
    min-height: 36px;
  }
  .min-h-md-36--force {
    min-height: 36px !important;
  }
  .h-md-40 {
    height: 40px;
  }
  .h-md-40--force {
    height: 40px !important;
  }
  .max-h-md-40 {
    max-height: 40px;
  }
  .max-h-md-40--force {
    max-height: 40px !important;
  }
  .min-h-md-40 {
    min-height: 40px;
  }
  .min-h-md-40--force {
    min-height: 40px !important;
  }
  .h-md-44 {
    height: 44px;
  }
  .h-md-44--force {
    height: 44px !important;
  }
  .max-h-md-44 {
    max-height: 44px;
  }
  .max-h-md-44--force {
    max-height: 44px !important;
  }
  .min-h-md-44 {
    min-height: 44px;
  }
  .min-h-md-44--force {
    min-height: 44px !important;
  }
  .h-md-48 {
    height: 48px;
  }
  .h-md-48--force {
    height: 48px !important;
  }
  .max-h-md-48 {
    max-height: 48px;
  }
  .max-h-md-48--force {
    max-height: 48px !important;
  }
  .min-h-md-48 {
    min-height: 48px;
  }
  .min-h-md-48--force {
    min-height: 48px !important;
  }
  .h-md-52 {
    height: 52px;
  }
  .h-md-52--force {
    height: 52px !important;
  }
  .max-h-md-52 {
    max-height: 52px;
  }
  .max-h-md-52--force {
    max-height: 52px !important;
  }
  .min-h-md-52 {
    min-height: 52px;
  }
  .min-h-md-52--force {
    min-height: 52px !important;
  }
  .h-md-56 {
    height: 56px;
  }
  .h-md-56--force {
    height: 56px !important;
  }
  .max-h-md-56 {
    max-height: 56px;
  }
  .max-h-md-56--force {
    max-height: 56px !important;
  }
  .min-h-md-56 {
    min-height: 56px;
  }
  .min-h-md-56--force {
    min-height: 56px !important;
  }
  .h-md-60 {
    height: 60px;
  }
  .h-md-60--force {
    height: 60px !important;
  }
  .max-h-md-60 {
    max-height: 60px;
  }
  .max-h-md-60--force {
    max-height: 60px !important;
  }
  .min-h-md-60 {
    min-height: 60px;
  }
  .min-h-md-60--force {
    min-height: 60px !important;
  }
  .h-md-64 {
    height: 64px;
  }
  .h-md-64--force {
    height: 64px !important;
  }
  .max-h-md-64 {
    max-height: 64px;
  }
  .max-h-md-64--force {
    max-height: 64px !important;
  }
  .min-h-md-64 {
    min-height: 64px;
  }
  .min-h-md-64--force {
    min-height: 64px !important;
  }
  .h-md-68 {
    height: 68px;
  }
  .h-md-68--force {
    height: 68px !important;
  }
  .max-h-md-68 {
    max-height: 68px;
  }
  .max-h-md-68--force {
    max-height: 68px !important;
  }
  .min-h-md-68 {
    min-height: 68px;
  }
  .min-h-md-68--force {
    min-height: 68px !important;
  }
  .h-md-72 {
    height: 72px;
  }
  .h-md-72--force {
    height: 72px !important;
  }
  .max-h-md-72 {
    max-height: 72px;
  }
  .max-h-md-72--force {
    max-height: 72px !important;
  }
  .min-h-md-72 {
    min-height: 72px;
  }
  .min-h-md-72--force {
    min-height: 72px !important;
  }
  .h-md-76 {
    height: 76px;
  }
  .h-md-76--force {
    height: 76px !important;
  }
  .max-h-md-76 {
    max-height: 76px;
  }
  .max-h-md-76--force {
    max-height: 76px !important;
  }
  .min-h-md-76 {
    min-height: 76px;
  }
  .min-h-md-76--force {
    min-height: 76px !important;
  }
  .h-md-80 {
    height: 80px;
  }
  .h-md-80--force {
    height: 80px !important;
  }
  .max-h-md-80 {
    max-height: 80px;
  }
  .max-h-md-80--force {
    max-height: 80px !important;
  }
  .min-h-md-80 {
    min-height: 80px;
  }
  .min-h-md-80--force {
    min-height: 80px !important;
  }
  .h-md-84 {
    height: 84px;
  }
  .h-md-84--force {
    height: 84px !important;
  }
  .max-h-md-84 {
    max-height: 84px;
  }
  .max-h-md-84--force {
    max-height: 84px !important;
  }
  .min-h-md-84 {
    min-height: 84px;
  }
  .min-h-md-84--force {
    min-height: 84px !important;
  }
  .h-md-88 {
    height: 88px;
  }
  .h-md-88--force {
    height: 88px !important;
  }
  .max-h-md-88 {
    max-height: 88px;
  }
  .max-h-md-88--force {
    max-height: 88px !important;
  }
  .min-h-md-88 {
    min-height: 88px;
  }
  .min-h-md-88--force {
    min-height: 88px !important;
  }
  .h-md-92 {
    height: 92px;
  }
  .h-md-92--force {
    height: 92px !important;
  }
  .max-h-md-92 {
    max-height: 92px;
  }
  .max-h-md-92--force {
    max-height: 92px !important;
  }
  .min-h-md-92 {
    min-height: 92px;
  }
  .min-h-md-92--force {
    min-height: 92px !important;
  }
  .h-md-96 {
    height: 96px;
  }
  .h-md-96--force {
    height: 96px !important;
  }
  .max-h-md-96 {
    max-height: 96px;
  }
  .max-h-md-96--force {
    max-height: 96px !important;
  }
  .min-h-md-96 {
    min-height: 96px;
  }
  .min-h-md-96--force {
    min-height: 96px !important;
  }
  .h-md-100 {
    height: 100px;
  }
  .h-md-100--force {
    height: 100px !important;
  }
  .max-h-md-100 {
    max-height: 100px;
  }
  .max-h-md-100--force {
    max-height: 100px !important;
  }
  .min-h-md-100 {
    min-height: 100px;
  }
  .min-h-md-100--force {
    min-height: 100px !important;
  }
  .h-md-104 {
    height: 104px;
  }
  .h-md-104--force {
    height: 104px !important;
  }
  .max-h-md-104 {
    max-height: 104px;
  }
  .max-h-md-104--force {
    max-height: 104px !important;
  }
  .min-h-md-104 {
    min-height: 104px;
  }
  .min-h-md-104--force {
    min-height: 104px !important;
  }
  .h-md-108 {
    height: 108px;
  }
  .h-md-108--force {
    height: 108px !important;
  }
  .max-h-md-108 {
    max-height: 108px;
  }
  .max-h-md-108--force {
    max-height: 108px !important;
  }
  .min-h-md-108 {
    min-height: 108px;
  }
  .min-h-md-108--force {
    min-height: 108px !important;
  }
  .h-md-112 {
    height: 112px;
  }
  .h-md-112--force {
    height: 112px !important;
  }
  .max-h-md-112 {
    max-height: 112px;
  }
  .max-h-md-112--force {
    max-height: 112px !important;
  }
  .min-h-md-112 {
    min-height: 112px;
  }
  .min-h-md-112--force {
    min-height: 112px !important;
  }
  .h-md-116 {
    height: 116px;
  }
  .h-md-116--force {
    height: 116px !important;
  }
  .max-h-md-116 {
    max-height: 116px;
  }
  .max-h-md-116--force {
    max-height: 116px !important;
  }
  .min-h-md-116 {
    min-height: 116px;
  }
  .min-h-md-116--force {
    min-height: 116px !important;
  }
  .h-md-120 {
    height: 120px;
  }
  .h-md-120--force {
    height: 120px !important;
  }
  .max-h-md-120 {
    max-height: 120px;
  }
  .max-h-md-120--force {
    max-height: 120px !important;
  }
  .min-h-md-120 {
    min-height: 120px;
  }
  .min-h-md-120--force {
    min-height: 120px !important;
  }
  .h-md-124 {
    height: 124px;
  }
  .h-md-124--force {
    height: 124px !important;
  }
  .max-h-md-124 {
    max-height: 124px;
  }
  .max-h-md-124--force {
    max-height: 124px !important;
  }
  .min-h-md-124 {
    min-height: 124px;
  }
  .min-h-md-124--force {
    min-height: 124px !important;
  }
  .h-md-128 {
    height: 128px;
  }
  .h-md-128--force {
    height: 128px !important;
  }
  .max-h-md-128 {
    max-height: 128px;
  }
  .max-h-md-128--force {
    max-height: 128px !important;
  }
  .min-h-md-128 {
    min-height: 128px;
  }
  .min-h-md-128--force {
    min-height: 128px !important;
  }
  .h-md-132 {
    height: 132px;
  }
  .h-md-132--force {
    height: 132px !important;
  }
  .max-h-md-132 {
    max-height: 132px;
  }
  .max-h-md-132--force {
    max-height: 132px !important;
  }
  .min-h-md-132 {
    min-height: 132px;
  }
  .min-h-md-132--force {
    min-height: 132px !important;
  }
  .h-md-136 {
    height: 136px;
  }
  .h-md-136--force {
    height: 136px !important;
  }
  .max-h-md-136 {
    max-height: 136px;
  }
  .max-h-md-136--force {
    max-height: 136px !important;
  }
  .min-h-md-136 {
    min-height: 136px;
  }
  .min-h-md-136--force {
    min-height: 136px !important;
  }
  .h-md-140 {
    height: 140px;
  }
  .h-md-140--force {
    height: 140px !important;
  }
  .max-h-md-140 {
    max-height: 140px;
  }
  .max-h-md-140--force {
    max-height: 140px !important;
  }
  .min-h-md-140 {
    min-height: 140px;
  }
  .min-h-md-140--force {
    min-height: 140px !important;
  }
  .h-md-144 {
    height: 144px;
  }
  .h-md-144--force {
    height: 144px !important;
  }
  .max-h-md-144 {
    max-height: 144px;
  }
  .max-h-md-144--force {
    max-height: 144px !important;
  }
  .min-h-md-144 {
    min-height: 144px;
  }
  .min-h-md-144--force {
    min-height: 144px !important;
  }
  .h-md-148 {
    height: 148px;
  }
  .h-md-148--force {
    height: 148px !important;
  }
  .max-h-md-148 {
    max-height: 148px;
  }
  .max-h-md-148--force {
    max-height: 148px !important;
  }
  .min-h-md-148 {
    min-height: 148px;
  }
  .min-h-md-148--force {
    min-height: 148px !important;
  }
  .h-md-152 {
    height: 152px;
  }
  .h-md-152--force {
    height: 152px !important;
  }
  .max-h-md-152 {
    max-height: 152px;
  }
  .max-h-md-152--force {
    max-height: 152px !important;
  }
  .min-h-md-152 {
    min-height: 152px;
  }
  .min-h-md-152--force {
    min-height: 152px !important;
  }
  .h-md-156 {
    height: 156px;
  }
  .h-md-156--force {
    height: 156px !important;
  }
  .max-h-md-156 {
    max-height: 156px;
  }
  .max-h-md-156--force {
    max-height: 156px !important;
  }
  .min-h-md-156 {
    min-height: 156px;
  }
  .min-h-md-156--force {
    min-height: 156px !important;
  }
  .h-md-160 {
    height: 160px;
  }
  .h-md-160--force {
    height: 160px !important;
  }
  .max-h-md-160 {
    max-height: 160px;
  }
  .max-h-md-160--force {
    max-height: 160px !important;
  }
  .min-h-md-160 {
    min-height: 160px;
  }
  .min-h-md-160--force {
    min-height: 160px !important;
  }
  .h-md-164 {
    height: 164px;
  }
  .h-md-164--force {
    height: 164px !important;
  }
  .max-h-md-164 {
    max-height: 164px;
  }
  .max-h-md-164--force {
    max-height: 164px !important;
  }
  .min-h-md-164 {
    min-height: 164px;
  }
  .min-h-md-164--force {
    min-height: 164px !important;
  }
  .h-md-168 {
    height: 168px;
  }
  .h-md-168--force {
    height: 168px !important;
  }
  .max-h-md-168 {
    max-height: 168px;
  }
  .max-h-md-168--force {
    max-height: 168px !important;
  }
  .min-h-md-168 {
    min-height: 168px;
  }
  .min-h-md-168--force {
    min-height: 168px !important;
  }
  .h-md-172 {
    height: 172px;
  }
  .h-md-172--force {
    height: 172px !important;
  }
  .max-h-md-172 {
    max-height: 172px;
  }
  .max-h-md-172--force {
    max-height: 172px !important;
  }
  .min-h-md-172 {
    min-height: 172px;
  }
  .min-h-md-172--force {
    min-height: 172px !important;
  }
  .h-md-176 {
    height: 176px;
  }
  .h-md-176--force {
    height: 176px !important;
  }
  .max-h-md-176 {
    max-height: 176px;
  }
  .max-h-md-176--force {
    max-height: 176px !important;
  }
  .min-h-md-176 {
    min-height: 176px;
  }
  .min-h-md-176--force {
    min-height: 176px !important;
  }
  .h-md-180 {
    height: 180px;
  }
  .h-md-180--force {
    height: 180px !important;
  }
  .max-h-md-180 {
    max-height: 180px;
  }
  .max-h-md-180--force {
    max-height: 180px !important;
  }
  .min-h-md-180 {
    min-height: 180px;
  }
  .min-h-md-180--force {
    min-height: 180px !important;
  }
  .h-md-184 {
    height: 184px;
  }
  .h-md-184--force {
    height: 184px !important;
  }
  .max-h-md-184 {
    max-height: 184px;
  }
  .max-h-md-184--force {
    max-height: 184px !important;
  }
  .min-h-md-184 {
    min-height: 184px;
  }
  .min-h-md-184--force {
    min-height: 184px !important;
  }
  .h-md-188 {
    height: 188px;
  }
  .h-md-188--force {
    height: 188px !important;
  }
  .max-h-md-188 {
    max-height: 188px;
  }
  .max-h-md-188--force {
    max-height: 188px !important;
  }
  .min-h-md-188 {
    min-height: 188px;
  }
  .min-h-md-188--force {
    min-height: 188px !important;
  }
  .h-md-192 {
    height: 192px;
  }
  .h-md-192--force {
    height: 192px !important;
  }
  .max-h-md-192 {
    max-height: 192px;
  }
  .max-h-md-192--force {
    max-height: 192px !important;
  }
  .min-h-md-192 {
    min-height: 192px;
  }
  .min-h-md-192--force {
    min-height: 192px !important;
  }
  .h-md-196 {
    height: 196px;
  }
  .h-md-196--force {
    height: 196px !important;
  }
  .max-h-md-196 {
    max-height: 196px;
  }
  .max-h-md-196--force {
    max-height: 196px !important;
  }
  .min-h-md-196 {
    min-height: 196px;
  }
  .min-h-md-196--force {
    min-height: 196px !important;
  }
  .h-md-200 {
    height: 200px;
  }
  .h-md-200--force {
    height: 200px !important;
  }
  .max-h-md-200 {
    max-height: 200px;
  }
  .max-h-md-200--force {
    max-height: 200px !important;
  }
  .min-h-md-200 {
    min-height: 200px;
  }
  .min-h-md-200--force {
    min-height: 200px !important;
  }
  .h-md-204 {
    height: 204px;
  }
  .h-md-204--force {
    height: 204px !important;
  }
  .max-h-md-204 {
    max-height: 204px;
  }
  .max-h-md-204--force {
    max-height: 204px !important;
  }
  .min-h-md-204 {
    min-height: 204px;
  }
  .min-h-md-204--force {
    min-height: 204px !important;
  }
  .h-md-208 {
    height: 208px;
  }
  .h-md-208--force {
    height: 208px !important;
  }
  .max-h-md-208 {
    max-height: 208px;
  }
  .max-h-md-208--force {
    max-height: 208px !important;
  }
  .min-h-md-208 {
    min-height: 208px;
  }
  .min-h-md-208--force {
    min-height: 208px !important;
  }
  .h-md-212 {
    height: 212px;
  }
  .h-md-212--force {
    height: 212px !important;
  }
  .max-h-md-212 {
    max-height: 212px;
  }
  .max-h-md-212--force {
    max-height: 212px !important;
  }
  .min-h-md-212 {
    min-height: 212px;
  }
  .min-h-md-212--force {
    min-height: 212px !important;
  }
  .h-md-216 {
    height: 216px;
  }
  .h-md-216--force {
    height: 216px !important;
  }
  .max-h-md-216 {
    max-height: 216px;
  }
  .max-h-md-216--force {
    max-height: 216px !important;
  }
  .min-h-md-216 {
    min-height: 216px;
  }
  .min-h-md-216--force {
    min-height: 216px !important;
  }
  .h-md-220 {
    height: 220px;
  }
  .h-md-220--force {
    height: 220px !important;
  }
  .max-h-md-220 {
    max-height: 220px;
  }
  .max-h-md-220--force {
    max-height: 220px !important;
  }
  .min-h-md-220 {
    min-height: 220px;
  }
  .min-h-md-220--force {
    min-height: 220px !important;
  }
  .h-md-224 {
    height: 224px;
  }
  .h-md-224--force {
    height: 224px !important;
  }
  .max-h-md-224 {
    max-height: 224px;
  }
  .max-h-md-224--force {
    max-height: 224px !important;
  }
  .min-h-md-224 {
    min-height: 224px;
  }
  .min-h-md-224--force {
    min-height: 224px !important;
  }
  .h-md-228 {
    height: 228px;
  }
  .h-md-228--force {
    height: 228px !important;
  }
  .max-h-md-228 {
    max-height: 228px;
  }
  .max-h-md-228--force {
    max-height: 228px !important;
  }
  .min-h-md-228 {
    min-height: 228px;
  }
  .min-h-md-228--force {
    min-height: 228px !important;
  }
  .h-md-232 {
    height: 232px;
  }
  .h-md-232--force {
    height: 232px !important;
  }
  .max-h-md-232 {
    max-height: 232px;
  }
  .max-h-md-232--force {
    max-height: 232px !important;
  }
  .min-h-md-232 {
    min-height: 232px;
  }
  .min-h-md-232--force {
    min-height: 232px !important;
  }
  .h-md-236 {
    height: 236px;
  }
  .h-md-236--force {
    height: 236px !important;
  }
  .max-h-md-236 {
    max-height: 236px;
  }
  .max-h-md-236--force {
    max-height: 236px !important;
  }
  .min-h-md-236 {
    min-height: 236px;
  }
  .min-h-md-236--force {
    min-height: 236px !important;
  }
  .h-md-240 {
    height: 240px;
  }
  .h-md-240--force {
    height: 240px !important;
  }
  .max-h-md-240 {
    max-height: 240px;
  }
  .max-h-md-240--force {
    max-height: 240px !important;
  }
  .min-h-md-240 {
    min-height: 240px;
  }
  .min-h-md-240--force {
    min-height: 240px !important;
  }
  .h-md-244 {
    height: 244px;
  }
  .h-md-244--force {
    height: 244px !important;
  }
  .max-h-md-244 {
    max-height: 244px;
  }
  .max-h-md-244--force {
    max-height: 244px !important;
  }
  .min-h-md-244 {
    min-height: 244px;
  }
  .min-h-md-244--force {
    min-height: 244px !important;
  }
  .h-md-248 {
    height: 248px;
  }
  .h-md-248--force {
    height: 248px !important;
  }
  .max-h-md-248 {
    max-height: 248px;
  }
  .max-h-md-248--force {
    max-height: 248px !important;
  }
  .min-h-md-248 {
    min-height: 248px;
  }
  .min-h-md-248--force {
    min-height: 248px !important;
  }
  .h-md-252 {
    height: 252px;
  }
  .h-md-252--force {
    height: 252px !important;
  }
  .max-h-md-252 {
    max-height: 252px;
  }
  .max-h-md-252--force {
    max-height: 252px !important;
  }
  .min-h-md-252 {
    min-height: 252px;
  }
  .min-h-md-252--force {
    min-height: 252px !important;
  }
  .h-md-256 {
    height: 256px;
  }
  .h-md-256--force {
    height: 256px !important;
  }
  .max-h-md-256 {
    max-height: 256px;
  }
  .max-h-md-256--force {
    max-height: 256px !important;
  }
  .min-h-md-256 {
    min-height: 256px;
  }
  .min-h-md-256--force {
    min-height: 256px !important;
  }
  .h-md-0-p {
    height: 0%;
  }
  .h-md-0-p--force {
    height: 0% !important;
  }
  .max-h-md-0-p {
    max-height: 0%;
  }
  .max-h-md-0-p--force {
    max-height: 0% !important;
  }
  .min-h-md-0-p {
    min-height: 0%;
  }
  .min-h-md-0-p--force {
    min-height: 0% !important;
  }
  .h-md-5-p {
    height: 5%;
  }
  .h-md-5-p--force {
    height: 5% !important;
  }
  .max-h-md-5-p {
    max-height: 5%;
  }
  .max-h-md-5-p--force {
    max-height: 5% !important;
  }
  .min-h-md-5-p {
    min-height: 5%;
  }
  .min-h-md-5-p--force {
    min-height: 5% !important;
  }
  .h-md-10-p {
    height: 10%;
  }
  .h-md-10-p--force {
    height: 10% !important;
  }
  .max-h-md-10-p {
    max-height: 10%;
  }
  .max-h-md-10-p--force {
    max-height: 10% !important;
  }
  .min-h-md-10-p {
    min-height: 10%;
  }
  .min-h-md-10-p--force {
    min-height: 10% !important;
  }
  .h-md-15-p {
    height: 15%;
  }
  .h-md-15-p--force {
    height: 15% !important;
  }
  .max-h-md-15-p {
    max-height: 15%;
  }
  .max-h-md-15-p--force {
    max-height: 15% !important;
  }
  .min-h-md-15-p {
    min-height: 15%;
  }
  .min-h-md-15-p--force {
    min-height: 15% !important;
  }
  .h-md-20-p {
    height: 20%;
  }
  .h-md-20-p--force {
    height: 20% !important;
  }
  .max-h-md-20-p {
    max-height: 20%;
  }
  .max-h-md-20-p--force {
    max-height: 20% !important;
  }
  .min-h-md-20-p {
    min-height: 20%;
  }
  .min-h-md-20-p--force {
    min-height: 20% !important;
  }
  .h-md-25-p {
    height: 25%;
  }
  .h-md-25-p--force {
    height: 25% !important;
  }
  .max-h-md-25-p {
    max-height: 25%;
  }
  .max-h-md-25-p--force {
    max-height: 25% !important;
  }
  .min-h-md-25-p {
    min-height: 25%;
  }
  .min-h-md-25-p--force {
    min-height: 25% !important;
  }
  .h-md-30-p {
    height: 30%;
  }
  .h-md-30-p--force {
    height: 30% !important;
  }
  .max-h-md-30-p {
    max-height: 30%;
  }
  .max-h-md-30-p--force {
    max-height: 30% !important;
  }
  .min-h-md-30-p {
    min-height: 30%;
  }
  .min-h-md-30-p--force {
    min-height: 30% !important;
  }
  .h-md-35-p {
    height: 35%;
  }
  .h-md-35-p--force {
    height: 35% !important;
  }
  .max-h-md-35-p {
    max-height: 35%;
  }
  .max-h-md-35-p--force {
    max-height: 35% !important;
  }
  .min-h-md-35-p {
    min-height: 35%;
  }
  .min-h-md-35-p--force {
    min-height: 35% !important;
  }
  .h-md-40-p {
    height: 40%;
  }
  .h-md-40-p--force {
    height: 40% !important;
  }
  .max-h-md-40-p {
    max-height: 40%;
  }
  .max-h-md-40-p--force {
    max-height: 40% !important;
  }
  .min-h-md-40-p {
    min-height: 40%;
  }
  .min-h-md-40-p--force {
    min-height: 40% !important;
  }
  .h-md-45-p {
    height: 45%;
  }
  .h-md-45-p--force {
    height: 45% !important;
  }
  .max-h-md-45-p {
    max-height: 45%;
  }
  .max-h-md-45-p--force {
    max-height: 45% !important;
  }
  .min-h-md-45-p {
    min-height: 45%;
  }
  .min-h-md-45-p--force {
    min-height: 45% !important;
  }
  .h-md-50-p {
    height: 50%;
  }
  .h-md-50-p--force {
    height: 50% !important;
  }
  .max-h-md-50-p {
    max-height: 50%;
  }
  .max-h-md-50-p--force {
    max-height: 50% !important;
  }
  .min-h-md-50-p {
    min-height: 50%;
  }
  .min-h-md-50-p--force {
    min-height: 50% !important;
  }
  .h-md-55-p {
    height: 55%;
  }
  .h-md-55-p--force {
    height: 55% !important;
  }
  .max-h-md-55-p {
    max-height: 55%;
  }
  .max-h-md-55-p--force {
    max-height: 55% !important;
  }
  .min-h-md-55-p {
    min-height: 55%;
  }
  .min-h-md-55-p--force {
    min-height: 55% !important;
  }
  .h-md-60-p {
    height: 60%;
  }
  .h-md-60-p--force {
    height: 60% !important;
  }
  .max-h-md-60-p {
    max-height: 60%;
  }
  .max-h-md-60-p--force {
    max-height: 60% !important;
  }
  .min-h-md-60-p {
    min-height: 60%;
  }
  .min-h-md-60-p--force {
    min-height: 60% !important;
  }
  .h-md-65-p {
    height: 65%;
  }
  .h-md-65-p--force {
    height: 65% !important;
  }
  .max-h-md-65-p {
    max-height: 65%;
  }
  .max-h-md-65-p--force {
    max-height: 65% !important;
  }
  .min-h-md-65-p {
    min-height: 65%;
  }
  .min-h-md-65-p--force {
    min-height: 65% !important;
  }
  .h-md-70-p {
    height: 70%;
  }
  .h-md-70-p--force {
    height: 70% !important;
  }
  .max-h-md-70-p {
    max-height: 70%;
  }
  .max-h-md-70-p--force {
    max-height: 70% !important;
  }
  .min-h-md-70-p {
    min-height: 70%;
  }
  .min-h-md-70-p--force {
    min-height: 70% !important;
  }
  .h-md-75-p {
    height: 75%;
  }
  .h-md-75-p--force {
    height: 75% !important;
  }
  .max-h-md-75-p {
    max-height: 75%;
  }
  .max-h-md-75-p--force {
    max-height: 75% !important;
  }
  .min-h-md-75-p {
    min-height: 75%;
  }
  .min-h-md-75-p--force {
    min-height: 75% !important;
  }
  .h-md-80-p {
    height: 80%;
  }
  .h-md-80-p--force {
    height: 80% !important;
  }
  .max-h-md-80-p {
    max-height: 80%;
  }
  .max-h-md-80-p--force {
    max-height: 80% !important;
  }
  .min-h-md-80-p {
    min-height: 80%;
  }
  .min-h-md-80-p--force {
    min-height: 80% !important;
  }
  .h-md-85-p {
    height: 85%;
  }
  .h-md-85-p--force {
    height: 85% !important;
  }
  .max-h-md-85-p {
    max-height: 85%;
  }
  .max-h-md-85-p--force {
    max-height: 85% !important;
  }
  .min-h-md-85-p {
    min-height: 85%;
  }
  .min-h-md-85-p--force {
    min-height: 85% !important;
  }
  .h-md-90-p {
    height: 90%;
  }
  .h-md-90-p--force {
    height: 90% !important;
  }
  .max-h-md-90-p {
    max-height: 90%;
  }
  .max-h-md-90-p--force {
    max-height: 90% !important;
  }
  .min-h-md-90-p {
    min-height: 90%;
  }
  .min-h-md-90-p--force {
    min-height: 90% !important;
  }
  .h-md-95-p {
    height: 95%;
  }
  .h-md-95-p--force {
    height: 95% !important;
  }
  .max-h-md-95-p {
    max-height: 95%;
  }
  .max-h-md-95-p--force {
    max-height: 95% !important;
  }
  .min-h-md-95-p {
    min-height: 95%;
  }
  .min-h-md-95-p--force {
    min-height: 95% !important;
  }
  .h-md-100-p {
    height: 100%;
  }
  .h-md-100-p--force {
    height: 100% !important;
  }
  .max-h-md-100-p {
    max-height: 100%;
  }
  .max-h-md-100-p--force {
    max-height: 100% !important;
  }
  .min-h-md-100-p {
    min-height: 100%;
  }
  .min-h-md-100-p--force {
    min-height: 100% !important;
  }
  .h-md-300 {
    height: 300px;
  }
  .h-md-300--force {
    height: 300px !important;
  }
  .max-h-md-300 {
    max-height: 300px;
  }
  .max-h-md-300--force {
    max-height: 300px !important;
  }
  .min-h-md-300 {
    min-height: 300px;
  }
  .min-h-md-300--force {
    min-height: 300px !important;
  }
  .h-md-400 {
    height: 400px;
  }
  .h-md-400--force {
    height: 400px !important;
  }
  .max-h-md-400 {
    max-height: 400px;
  }
  .max-h-md-400--force {
    max-height: 400px !important;
  }
  .min-h-md-400 {
    min-height: 400px;
  }
  .min-h-md-400--force {
    min-height: 400px !important;
  }
  .h-md-500 {
    height: 500px;
  }
  .h-md-500--force {
    height: 500px !important;
  }
  .max-h-md-500 {
    max-height: 500px;
  }
  .max-h-md-500--force {
    max-height: 500px !important;
  }
  .min-h-md-500 {
    min-height: 500px;
  }
  .min-h-md-500--force {
    min-height: 500px !important;
  }
  .h-md-600 {
    height: 600px;
  }
  .h-md-600--force {
    height: 600px !important;
  }
  .max-h-md-600 {
    max-height: 600px;
  }
  .max-h-md-600--force {
    max-height: 600px !important;
  }
  .min-h-md-600 {
    min-height: 600px;
  }
  .min-h-md-600--force {
    min-height: 600px !important;
  }
  .h-md-700 {
    height: 700px;
  }
  .h-md-700--force {
    height: 700px !important;
  }
  .max-h-md-700 {
    max-height: 700px;
  }
  .max-h-md-700--force {
    max-height: 700px !important;
  }
  .min-h-md-700 {
    min-height: 700px;
  }
  .min-h-md-700--force {
    min-height: 700px !important;
  }
  .h-md-800 {
    height: 800px;
  }
  .h-md-800--force {
    height: 800px !important;
  }
  .max-h-md-800 {
    max-height: 800px;
  }
  .max-h-md-800--force {
    max-height: 800px !important;
  }
  .min-h-md-800 {
    min-height: 800px;
  }
  .min-h-md-800--force {
    min-height: 800px !important;
  }
  .h-md-900 {
    height: 900px;
  }
  .h-md-900--force {
    height: 900px !important;
  }
  .max-h-md-900 {
    max-height: 900px;
  }
  .max-h-md-900--force {
    max-height: 900px !important;
  }
  .min-h-md-900 {
    min-height: 900px;
  }
  .min-h-md-900--force {
    min-height: 900px !important;
  }
  .h-md-1000 {
    height: 1000px;
  }
  .h-md-1000--force {
    height: 1000px !important;
  }
  .max-h-md-1000 {
    max-height: 1000px;
  }
  .max-h-md-1000--force {
    max-height: 1000px !important;
  }
  .min-h-md-1000 {
    min-height: 1000px;
  }
  .min-h-md-1000--force {
    min-height: 1000px !important;
  }
  .h-md-1100 {
    height: 1100px;
  }
  .h-md-1100--force {
    height: 1100px !important;
  }
  .max-h-md-1100 {
    max-height: 1100px;
  }
  .max-h-md-1100--force {
    max-height: 1100px !important;
  }
  .min-h-md-1100 {
    min-height: 1100px;
  }
  .min-h-md-1100--force {
    min-height: 1100px !important;
  }
  .h-md-1200 {
    height: 1200px;
  }
  .h-md-1200--force {
    height: 1200px !important;
  }
  .max-h-md-1200 {
    max-height: 1200px;
  }
  .max-h-md-1200--force {
    max-height: 1200px !important;
  }
  .min-h-md-1200 {
    min-height: 1200px;
  }
  .min-h-md-1200--force {
    min-height: 1200px !important;
  }
  .h-md-1300 {
    height: 1300px;
  }
  .h-md-1300--force {
    height: 1300px !important;
  }
  .max-h-md-1300 {
    max-height: 1300px;
  }
  .max-h-md-1300--force {
    max-height: 1300px !important;
  }
  .min-h-md-1300 {
    min-height: 1300px;
  }
  .min-h-md-1300--force {
    min-height: 1300px !important;
  }
  .h-md-1400 {
    height: 1400px;
  }
  .h-md-1400--force {
    height: 1400px !important;
  }
  .max-h-md-1400 {
    max-height: 1400px;
  }
  .max-h-md-1400--force {
    max-height: 1400px !important;
  }
  .min-h-md-1400 {
    min-height: 1400px;
  }
  .min-h-md-1400--force {
    min-height: 1400px !important;
  }
  .h-md-1500 {
    height: 1500px;
  }
  .h-md-1500--force {
    height: 1500px !important;
  }
  .max-h-md-1500 {
    max-height: 1500px;
  }
  .max-h-md-1500--force {
    max-height: 1500px !important;
  }
  .min-h-md-1500 {
    min-height: 1500px;
  }
  .min-h-md-1500--force {
    min-height: 1500px !important;
  }
  .h-md-1600 {
    height: 1600px;
  }
  .h-md-1600--force {
    height: 1600px !important;
  }
  .max-h-md-1600 {
    max-height: 1600px;
  }
  .max-h-md-1600--force {
    max-height: 1600px !important;
  }
  .min-h-md-1600 {
    min-height: 1600px;
  }
  .min-h-md-1600--force {
    min-height: 1600px !important;
  }
  .h-md-1700 {
    height: 1700px;
  }
  .h-md-1700--force {
    height: 1700px !important;
  }
  .max-h-md-1700 {
    max-height: 1700px;
  }
  .max-h-md-1700--force {
    max-height: 1700px !important;
  }
  .min-h-md-1700 {
    min-height: 1700px;
  }
  .min-h-md-1700--force {
    min-height: 1700px !important;
  }
  .h-md-1800 {
    height: 1800px;
  }
  .h-md-1800--force {
    height: 1800px !important;
  }
  .max-h-md-1800 {
    max-height: 1800px;
  }
  .max-h-md-1800--force {
    max-height: 1800px !important;
  }
  .min-h-md-1800 {
    min-height: 1800px;
  }
  .min-h-md-1800--force {
    min-height: 1800px !important;
  }
  .h-md-1900 {
    height: 1900px;
  }
  .h-md-1900--force {
    height: 1900px !important;
  }
  .max-h-md-1900 {
    max-height: 1900px;
  }
  .max-h-md-1900--force {
    max-height: 1900px !important;
  }
  .min-h-md-1900 {
    min-height: 1900px;
  }
  .min-h-md-1900--force {
    min-height: 1900px !important;
  }
  .h-md-2000 {
    height: 2000px;
  }
  .h-md-2000--force {
    height: 2000px !important;
  }
  .max-h-md-2000 {
    max-height: 2000px;
  }
  .max-h-md-2000--force {
    max-height: 2000px !important;
  }
  .min-h-md-2000 {
    min-height: 2000px;
  }
  .min-h-md-2000--force {
    min-height: 2000px !important;
  }
  .h-md-auto {
    height: auto;
  }
  .h-md-auto--force {
    height: auto !important;
  }
  .w-md-0 {
    width: 0px;
  }
  .w-md-0--force {
    width: 0px !important;
  }
  .max-w-md-0 {
    max-width: 0px;
  }
  .max-w-md-0--force {
    max-width: 0px !important;
  }
  .min-w-md-0 {
    min-width: 0px;
  }
  .min-w-md-0--force {
    min-width: 0px !important;
  }
  .w-md-4 {
    width: 4px;
  }
  .w-md-4--force {
    width: 4px !important;
  }
  .max-w-md-4 {
    max-width: 4px;
  }
  .max-w-md-4--force {
    max-width: 4px !important;
  }
  .min-w-md-4 {
    min-width: 4px;
  }
  .min-w-md-4--force {
    min-width: 4px !important;
  }
  .w-md-8 {
    width: 8px;
  }
  .w-md-8--force {
    width: 8px !important;
  }
  .max-w-md-8 {
    max-width: 8px;
  }
  .max-w-md-8--force {
    max-width: 8px !important;
  }
  .min-w-md-8 {
    min-width: 8px;
  }
  .min-w-md-8--force {
    min-width: 8px !important;
  }
  .w-md-12 {
    width: 12px;
  }
  .w-md-12--force {
    width: 12px !important;
  }
  .max-w-md-12 {
    max-width: 12px;
  }
  .max-w-md-12--force {
    max-width: 12px !important;
  }
  .min-w-md-12 {
    min-width: 12px;
  }
  .min-w-md-12--force {
    min-width: 12px !important;
  }
  .w-md-16 {
    width: 16px;
  }
  .w-md-16--force {
    width: 16px !important;
  }
  .max-w-md-16 {
    max-width: 16px;
  }
  .max-w-md-16--force {
    max-width: 16px !important;
  }
  .min-w-md-16 {
    min-width: 16px;
  }
  .min-w-md-16--force {
    min-width: 16px !important;
  }
  .w-md-20 {
    width: 20px;
  }
  .w-md-20--force {
    width: 20px !important;
  }
  .max-w-md-20 {
    max-width: 20px;
  }
  .max-w-md-20--force {
    max-width: 20px !important;
  }
  .min-w-md-20 {
    min-width: 20px;
  }
  .min-w-md-20--force {
    min-width: 20px !important;
  }
  .w-md-24 {
    width: 24px;
  }
  .w-md-24--force {
    width: 24px !important;
  }
  .max-w-md-24 {
    max-width: 24px;
  }
  .max-w-md-24--force {
    max-width: 24px !important;
  }
  .min-w-md-24 {
    min-width: 24px;
  }
  .min-w-md-24--force {
    min-width: 24px !important;
  }
  .w-md-28 {
    width: 28px;
  }
  .w-md-28--force {
    width: 28px !important;
  }
  .max-w-md-28 {
    max-width: 28px;
  }
  .max-w-md-28--force {
    max-width: 28px !important;
  }
  .min-w-md-28 {
    min-width: 28px;
  }
  .min-w-md-28--force {
    min-width: 28px !important;
  }
  .w-md-32 {
    width: 32px;
  }
  .w-md-32--force {
    width: 32px !important;
  }
  .max-w-md-32 {
    max-width: 32px;
  }
  .max-w-md-32--force {
    max-width: 32px !important;
  }
  .min-w-md-32 {
    min-width: 32px;
  }
  .min-w-md-32--force {
    min-width: 32px !important;
  }
  .w-md-36 {
    width: 36px;
  }
  .w-md-36--force {
    width: 36px !important;
  }
  .max-w-md-36 {
    max-width: 36px;
  }
  .max-w-md-36--force {
    max-width: 36px !important;
  }
  .min-w-md-36 {
    min-width: 36px;
  }
  .min-w-md-36--force {
    min-width: 36px !important;
  }
  .w-md-40 {
    width: 40px;
  }
  .w-md-40--force {
    width: 40px !important;
  }
  .max-w-md-40 {
    max-width: 40px;
  }
  .max-w-md-40--force {
    max-width: 40px !important;
  }
  .min-w-md-40 {
    min-width: 40px;
  }
  .min-w-md-40--force {
    min-width: 40px !important;
  }
  .w-md-44 {
    width: 44px;
  }
  .w-md-44--force {
    width: 44px !important;
  }
  .max-w-md-44 {
    max-width: 44px;
  }
  .max-w-md-44--force {
    max-width: 44px !important;
  }
  .min-w-md-44 {
    min-width: 44px;
  }
  .min-w-md-44--force {
    min-width: 44px !important;
  }
  .w-md-48 {
    width: 48px;
  }
  .w-md-48--force {
    width: 48px !important;
  }
  .max-w-md-48 {
    max-width: 48px;
  }
  .max-w-md-48--force {
    max-width: 48px !important;
  }
  .min-w-md-48 {
    min-width: 48px;
  }
  .min-w-md-48--force {
    min-width: 48px !important;
  }
  .w-md-52 {
    width: 52px;
  }
  .w-md-52--force {
    width: 52px !important;
  }
  .max-w-md-52 {
    max-width: 52px;
  }
  .max-w-md-52--force {
    max-width: 52px !important;
  }
  .min-w-md-52 {
    min-width: 52px;
  }
  .min-w-md-52--force {
    min-width: 52px !important;
  }
  .w-md-56 {
    width: 56px;
  }
  .w-md-56--force {
    width: 56px !important;
  }
  .max-w-md-56 {
    max-width: 56px;
  }
  .max-w-md-56--force {
    max-width: 56px !important;
  }
  .min-w-md-56 {
    min-width: 56px;
  }
  .min-w-md-56--force {
    min-width: 56px !important;
  }
  .w-md-60 {
    width: 60px;
  }
  .w-md-60--force {
    width: 60px !important;
  }
  .max-w-md-60 {
    max-width: 60px;
  }
  .max-w-md-60--force {
    max-width: 60px !important;
  }
  .min-w-md-60 {
    min-width: 60px;
  }
  .min-w-md-60--force {
    min-width: 60px !important;
  }
  .w-md-64 {
    width: 64px;
  }
  .w-md-64--force {
    width: 64px !important;
  }
  .max-w-md-64 {
    max-width: 64px;
  }
  .max-w-md-64--force {
    max-width: 64px !important;
  }
  .min-w-md-64 {
    min-width: 64px;
  }
  .min-w-md-64--force {
    min-width: 64px !important;
  }
  .w-md-68 {
    width: 68px;
  }
  .w-md-68--force {
    width: 68px !important;
  }
  .max-w-md-68 {
    max-width: 68px;
  }
  .max-w-md-68--force {
    max-width: 68px !important;
  }
  .min-w-md-68 {
    min-width: 68px;
  }
  .min-w-md-68--force {
    min-width: 68px !important;
  }
  .w-md-72 {
    width: 72px;
  }
  .w-md-72--force {
    width: 72px !important;
  }
  .max-w-md-72 {
    max-width: 72px;
  }
  .max-w-md-72--force {
    max-width: 72px !important;
  }
  .min-w-md-72 {
    min-width: 72px;
  }
  .min-w-md-72--force {
    min-width: 72px !important;
  }
  .w-md-76 {
    width: 76px;
  }
  .w-md-76--force {
    width: 76px !important;
  }
  .max-w-md-76 {
    max-width: 76px;
  }
  .max-w-md-76--force {
    max-width: 76px !important;
  }
  .min-w-md-76 {
    min-width: 76px;
  }
  .min-w-md-76--force {
    min-width: 76px !important;
  }
  .w-md-80 {
    width: 80px;
  }
  .w-md-80--force {
    width: 80px !important;
  }
  .max-w-md-80 {
    max-width: 80px;
  }
  .max-w-md-80--force {
    max-width: 80px !important;
  }
  .min-w-md-80 {
    min-width: 80px;
  }
  .min-w-md-80--force {
    min-width: 80px !important;
  }
  .w-md-84 {
    width: 84px;
  }
  .w-md-84--force {
    width: 84px !important;
  }
  .max-w-md-84 {
    max-width: 84px;
  }
  .max-w-md-84--force {
    max-width: 84px !important;
  }
  .min-w-md-84 {
    min-width: 84px;
  }
  .min-w-md-84--force {
    min-width: 84px !important;
  }
  .w-md-88 {
    width: 88px;
  }
  .w-md-88--force {
    width: 88px !important;
  }
  .max-w-md-88 {
    max-width: 88px;
  }
  .max-w-md-88--force {
    max-width: 88px !important;
  }
  .min-w-md-88 {
    min-width: 88px;
  }
  .min-w-md-88--force {
    min-width: 88px !important;
  }
  .w-md-92 {
    width: 92px;
  }
  .w-md-92--force {
    width: 92px !important;
  }
  .max-w-md-92 {
    max-width: 92px;
  }
  .max-w-md-92--force {
    max-width: 92px !important;
  }
  .min-w-md-92 {
    min-width: 92px;
  }
  .min-w-md-92--force {
    min-width: 92px !important;
  }
  .w-md-96 {
    width: 96px;
  }
  .w-md-96--force {
    width: 96px !important;
  }
  .max-w-md-96 {
    max-width: 96px;
  }
  .max-w-md-96--force {
    max-width: 96px !important;
  }
  .min-w-md-96 {
    min-width: 96px;
  }
  .min-w-md-96--force {
    min-width: 96px !important;
  }
  .w-md-100 {
    width: 100px;
  }
  .w-md-100--force {
    width: 100px !important;
  }
  .max-w-md-100 {
    max-width: 100px;
  }
  .max-w-md-100--force {
    max-width: 100px !important;
  }
  .min-w-md-100 {
    min-width: 100px;
  }
  .min-w-md-100--force {
    min-width: 100px !important;
  }
  .w-md-104 {
    width: 104px;
  }
  .w-md-104--force {
    width: 104px !important;
  }
  .max-w-md-104 {
    max-width: 104px;
  }
  .max-w-md-104--force {
    max-width: 104px !important;
  }
  .min-w-md-104 {
    min-width: 104px;
  }
  .min-w-md-104--force {
    min-width: 104px !important;
  }
  .w-md-108 {
    width: 108px;
  }
  .w-md-108--force {
    width: 108px !important;
  }
  .max-w-md-108 {
    max-width: 108px;
  }
  .max-w-md-108--force {
    max-width: 108px !important;
  }
  .min-w-md-108 {
    min-width: 108px;
  }
  .min-w-md-108--force {
    min-width: 108px !important;
  }
  .w-md-112 {
    width: 112px;
  }
  .w-md-112--force {
    width: 112px !important;
  }
  .max-w-md-112 {
    max-width: 112px;
  }
  .max-w-md-112--force {
    max-width: 112px !important;
  }
  .min-w-md-112 {
    min-width: 112px;
  }
  .min-w-md-112--force {
    min-width: 112px !important;
  }
  .w-md-116 {
    width: 116px;
  }
  .w-md-116--force {
    width: 116px !important;
  }
  .max-w-md-116 {
    max-width: 116px;
  }
  .max-w-md-116--force {
    max-width: 116px !important;
  }
  .min-w-md-116 {
    min-width: 116px;
  }
  .min-w-md-116--force {
    min-width: 116px !important;
  }
  .w-md-120 {
    width: 120px;
  }
  .w-md-120--force {
    width: 120px !important;
  }
  .max-w-md-120 {
    max-width: 120px;
  }
  .max-w-md-120--force {
    max-width: 120px !important;
  }
  .min-w-md-120 {
    min-width: 120px;
  }
  .min-w-md-120--force {
    min-width: 120px !important;
  }
  .w-md-124 {
    width: 124px;
  }
  .w-md-124--force {
    width: 124px !important;
  }
  .max-w-md-124 {
    max-width: 124px;
  }
  .max-w-md-124--force {
    max-width: 124px !important;
  }
  .min-w-md-124 {
    min-width: 124px;
  }
  .min-w-md-124--force {
    min-width: 124px !important;
  }
  .w-md-128 {
    width: 128px;
  }
  .w-md-128--force {
    width: 128px !important;
  }
  .max-w-md-128 {
    max-width: 128px;
  }
  .max-w-md-128--force {
    max-width: 128px !important;
  }
  .min-w-md-128 {
    min-width: 128px;
  }
  .min-w-md-128--force {
    min-width: 128px !important;
  }
  .w-md-132 {
    width: 132px;
  }
  .w-md-132--force {
    width: 132px !important;
  }
  .max-w-md-132 {
    max-width: 132px;
  }
  .max-w-md-132--force {
    max-width: 132px !important;
  }
  .min-w-md-132 {
    min-width: 132px;
  }
  .min-w-md-132--force {
    min-width: 132px !important;
  }
  .w-md-136 {
    width: 136px;
  }
  .w-md-136--force {
    width: 136px !important;
  }
  .max-w-md-136 {
    max-width: 136px;
  }
  .max-w-md-136--force {
    max-width: 136px !important;
  }
  .min-w-md-136 {
    min-width: 136px;
  }
  .min-w-md-136--force {
    min-width: 136px !important;
  }
  .w-md-140 {
    width: 140px;
  }
  .w-md-140--force {
    width: 140px !important;
  }
  .max-w-md-140 {
    max-width: 140px;
  }
  .max-w-md-140--force {
    max-width: 140px !important;
  }
  .min-w-md-140 {
    min-width: 140px;
  }
  .min-w-md-140--force {
    min-width: 140px !important;
  }
  .w-md-144 {
    width: 144px;
  }
  .w-md-144--force {
    width: 144px !important;
  }
  .max-w-md-144 {
    max-width: 144px;
  }
  .max-w-md-144--force {
    max-width: 144px !important;
  }
  .min-w-md-144 {
    min-width: 144px;
  }
  .min-w-md-144--force {
    min-width: 144px !important;
  }
  .w-md-148 {
    width: 148px;
  }
  .w-md-148--force {
    width: 148px !important;
  }
  .max-w-md-148 {
    max-width: 148px;
  }
  .max-w-md-148--force {
    max-width: 148px !important;
  }
  .min-w-md-148 {
    min-width: 148px;
  }
  .min-w-md-148--force {
    min-width: 148px !important;
  }
  .w-md-152 {
    width: 152px;
  }
  .w-md-152--force {
    width: 152px !important;
  }
  .max-w-md-152 {
    max-width: 152px;
  }
  .max-w-md-152--force {
    max-width: 152px !important;
  }
  .min-w-md-152 {
    min-width: 152px;
  }
  .min-w-md-152--force {
    min-width: 152px !important;
  }
  .w-md-156 {
    width: 156px;
  }
  .w-md-156--force {
    width: 156px !important;
  }
  .max-w-md-156 {
    max-width: 156px;
  }
  .max-w-md-156--force {
    max-width: 156px !important;
  }
  .min-w-md-156 {
    min-width: 156px;
  }
  .min-w-md-156--force {
    min-width: 156px !important;
  }
  .w-md-160 {
    width: 160px;
  }
  .w-md-160--force {
    width: 160px !important;
  }
  .max-w-md-160 {
    max-width: 160px;
  }
  .max-w-md-160--force {
    max-width: 160px !important;
  }
  .min-w-md-160 {
    min-width: 160px;
  }
  .min-w-md-160--force {
    min-width: 160px !important;
  }
  .w-md-164 {
    width: 164px;
  }
  .w-md-164--force {
    width: 164px !important;
  }
  .max-w-md-164 {
    max-width: 164px;
  }
  .max-w-md-164--force {
    max-width: 164px !important;
  }
  .min-w-md-164 {
    min-width: 164px;
  }
  .min-w-md-164--force {
    min-width: 164px !important;
  }
  .w-md-168 {
    width: 168px;
  }
  .w-md-168--force {
    width: 168px !important;
  }
  .max-w-md-168 {
    max-width: 168px;
  }
  .max-w-md-168--force {
    max-width: 168px !important;
  }
  .min-w-md-168 {
    min-width: 168px;
  }
  .min-w-md-168--force {
    min-width: 168px !important;
  }
  .w-md-172 {
    width: 172px;
  }
  .w-md-172--force {
    width: 172px !important;
  }
  .max-w-md-172 {
    max-width: 172px;
  }
  .max-w-md-172--force {
    max-width: 172px !important;
  }
  .min-w-md-172 {
    min-width: 172px;
  }
  .min-w-md-172--force {
    min-width: 172px !important;
  }
  .w-md-176 {
    width: 176px;
  }
  .w-md-176--force {
    width: 176px !important;
  }
  .max-w-md-176 {
    max-width: 176px;
  }
  .max-w-md-176--force {
    max-width: 176px !important;
  }
  .min-w-md-176 {
    min-width: 176px;
  }
  .min-w-md-176--force {
    min-width: 176px !important;
  }
  .w-md-180 {
    width: 180px;
  }
  .w-md-180--force {
    width: 180px !important;
  }
  .max-w-md-180 {
    max-width: 180px;
  }
  .max-w-md-180--force {
    max-width: 180px !important;
  }
  .min-w-md-180 {
    min-width: 180px;
  }
  .min-w-md-180--force {
    min-width: 180px !important;
  }
  .w-md-184 {
    width: 184px;
  }
  .w-md-184--force {
    width: 184px !important;
  }
  .max-w-md-184 {
    max-width: 184px;
  }
  .max-w-md-184--force {
    max-width: 184px !important;
  }
  .min-w-md-184 {
    min-width: 184px;
  }
  .min-w-md-184--force {
    min-width: 184px !important;
  }
  .w-md-188 {
    width: 188px;
  }
  .w-md-188--force {
    width: 188px !important;
  }
  .max-w-md-188 {
    max-width: 188px;
  }
  .max-w-md-188--force {
    max-width: 188px !important;
  }
  .min-w-md-188 {
    min-width: 188px;
  }
  .min-w-md-188--force {
    min-width: 188px !important;
  }
  .w-md-192 {
    width: 192px;
  }
  .w-md-192--force {
    width: 192px !important;
  }
  .max-w-md-192 {
    max-width: 192px;
  }
  .max-w-md-192--force {
    max-width: 192px !important;
  }
  .min-w-md-192 {
    min-width: 192px;
  }
  .min-w-md-192--force {
    min-width: 192px !important;
  }
  .w-md-196 {
    width: 196px;
  }
  .w-md-196--force {
    width: 196px !important;
  }
  .max-w-md-196 {
    max-width: 196px;
  }
  .max-w-md-196--force {
    max-width: 196px !important;
  }
  .min-w-md-196 {
    min-width: 196px;
  }
  .min-w-md-196--force {
    min-width: 196px !important;
  }
  .w-md-200 {
    width: 200px;
  }
  .w-md-200--force {
    width: 200px !important;
  }
  .max-w-md-200 {
    max-width: 200px;
  }
  .max-w-md-200--force {
    max-width: 200px !important;
  }
  .min-w-md-200 {
    min-width: 200px;
  }
  .min-w-md-200--force {
    min-width: 200px !important;
  }
  .w-md-204 {
    width: 204px;
  }
  .w-md-204--force {
    width: 204px !important;
  }
  .max-w-md-204 {
    max-width: 204px;
  }
  .max-w-md-204--force {
    max-width: 204px !important;
  }
  .min-w-md-204 {
    min-width: 204px;
  }
  .min-w-md-204--force {
    min-width: 204px !important;
  }
  .w-md-208 {
    width: 208px;
  }
  .w-md-208--force {
    width: 208px !important;
  }
  .max-w-md-208 {
    max-width: 208px;
  }
  .max-w-md-208--force {
    max-width: 208px !important;
  }
  .min-w-md-208 {
    min-width: 208px;
  }
  .min-w-md-208--force {
    min-width: 208px !important;
  }
  .w-md-212 {
    width: 212px;
  }
  .w-md-212--force {
    width: 212px !important;
  }
  .max-w-md-212 {
    max-width: 212px;
  }
  .max-w-md-212--force {
    max-width: 212px !important;
  }
  .min-w-md-212 {
    min-width: 212px;
  }
  .min-w-md-212--force {
    min-width: 212px !important;
  }
  .w-md-216 {
    width: 216px;
  }
  .w-md-216--force {
    width: 216px !important;
  }
  .max-w-md-216 {
    max-width: 216px;
  }
  .max-w-md-216--force {
    max-width: 216px !important;
  }
  .min-w-md-216 {
    min-width: 216px;
  }
  .min-w-md-216--force {
    min-width: 216px !important;
  }
  .w-md-220 {
    width: 220px;
  }
  .w-md-220--force {
    width: 220px !important;
  }
  .max-w-md-220 {
    max-width: 220px;
  }
  .max-w-md-220--force {
    max-width: 220px !important;
  }
  .min-w-md-220 {
    min-width: 220px;
  }
  .min-w-md-220--force {
    min-width: 220px !important;
  }
  .w-md-224 {
    width: 224px;
  }
  .w-md-224--force {
    width: 224px !important;
  }
  .max-w-md-224 {
    max-width: 224px;
  }
  .max-w-md-224--force {
    max-width: 224px !important;
  }
  .min-w-md-224 {
    min-width: 224px;
  }
  .min-w-md-224--force {
    min-width: 224px !important;
  }
  .w-md-228 {
    width: 228px;
  }
  .w-md-228--force {
    width: 228px !important;
  }
  .max-w-md-228 {
    max-width: 228px;
  }
  .max-w-md-228--force {
    max-width: 228px !important;
  }
  .min-w-md-228 {
    min-width: 228px;
  }
  .min-w-md-228--force {
    min-width: 228px !important;
  }
  .w-md-232 {
    width: 232px;
  }
  .w-md-232--force {
    width: 232px !important;
  }
  .max-w-md-232 {
    max-width: 232px;
  }
  .max-w-md-232--force {
    max-width: 232px !important;
  }
  .min-w-md-232 {
    min-width: 232px;
  }
  .min-w-md-232--force {
    min-width: 232px !important;
  }
  .w-md-236 {
    width: 236px;
  }
  .w-md-236--force {
    width: 236px !important;
  }
  .max-w-md-236 {
    max-width: 236px;
  }
  .max-w-md-236--force {
    max-width: 236px !important;
  }
  .min-w-md-236 {
    min-width: 236px;
  }
  .min-w-md-236--force {
    min-width: 236px !important;
  }
  .w-md-240 {
    width: 240px;
  }
  .w-md-240--force {
    width: 240px !important;
  }
  .max-w-md-240 {
    max-width: 240px;
  }
  .max-w-md-240--force {
    max-width: 240px !important;
  }
  .min-w-md-240 {
    min-width: 240px;
  }
  .min-w-md-240--force {
    min-width: 240px !important;
  }
  .w-md-244 {
    width: 244px;
  }
  .w-md-244--force {
    width: 244px !important;
  }
  .max-w-md-244 {
    max-width: 244px;
  }
  .max-w-md-244--force {
    max-width: 244px !important;
  }
  .min-w-md-244 {
    min-width: 244px;
  }
  .min-w-md-244--force {
    min-width: 244px !important;
  }
  .w-md-248 {
    width: 248px;
  }
  .w-md-248--force {
    width: 248px !important;
  }
  .max-w-md-248 {
    max-width: 248px;
  }
  .max-w-md-248--force {
    max-width: 248px !important;
  }
  .min-w-md-248 {
    min-width: 248px;
  }
  .min-w-md-248--force {
    min-width: 248px !important;
  }
  .w-md-252 {
    width: 252px;
  }
  .w-md-252--force {
    width: 252px !important;
  }
  .max-w-md-252 {
    max-width: 252px;
  }
  .max-w-md-252--force {
    max-width: 252px !important;
  }
  .min-w-md-252 {
    min-width: 252px;
  }
  .min-w-md-252--force {
    min-width: 252px !important;
  }
  .w-md-256 {
    width: 256px;
  }
  .w-md-256--force {
    width: 256px !important;
  }
  .max-w-md-256 {
    max-width: 256px;
  }
  .max-w-md-256--force {
    max-width: 256px !important;
  }
  .min-w-md-256 {
    min-width: 256px;
  }
  .min-w-md-256--force {
    min-width: 256px !important;
  }
  .w-md-0-p {
    width: 0%;
  }
  .w-md-0-p--force {
    width: 0% !important;
  }
  .max-w-md-0-p {
    max-width: 0%;
  }
  .max-w-md-0-p--force {
    max-width: 0% !important;
  }
  .min-w-md-0-p {
    min-width: 0%;
  }
  .min-w-md-0-p--force {
    min-width: 0% !important;
  }
  .w-md-5-p {
    width: 5%;
  }
  .w-md-5-p--force {
    width: 5% !important;
  }
  .max-w-md-5-p {
    max-width: 5%;
  }
  .max-w-md-5-p--force {
    max-width: 5% !important;
  }
  .min-w-md-5-p {
    min-width: 5%;
  }
  .min-w-md-5-p--force {
    min-width: 5% !important;
  }
  .w-md-10-p {
    width: 10%;
  }
  .w-md-10-p--force {
    width: 10% !important;
  }
  .max-w-md-10-p {
    max-width: 10%;
  }
  .max-w-md-10-p--force {
    max-width: 10% !important;
  }
  .min-w-md-10-p {
    min-width: 10%;
  }
  .min-w-md-10-p--force {
    min-width: 10% !important;
  }
  .w-md-15-p {
    width: 15%;
  }
  .w-md-15-p--force {
    width: 15% !important;
  }
  .max-w-md-15-p {
    max-width: 15%;
  }
  .max-w-md-15-p--force {
    max-width: 15% !important;
  }
  .min-w-md-15-p {
    min-width: 15%;
  }
  .min-w-md-15-p--force {
    min-width: 15% !important;
  }
  .w-md-20-p {
    width: 20%;
  }
  .w-md-20-p--force {
    width: 20% !important;
  }
  .max-w-md-20-p {
    max-width: 20%;
  }
  .max-w-md-20-p--force {
    max-width: 20% !important;
  }
  .min-w-md-20-p {
    min-width: 20%;
  }
  .min-w-md-20-p--force {
    min-width: 20% !important;
  }
  .w-md-25-p {
    width: 25%;
  }
  .w-md-25-p--force {
    width: 25% !important;
  }
  .max-w-md-25-p {
    max-width: 25%;
  }
  .max-w-md-25-p--force {
    max-width: 25% !important;
  }
  .min-w-md-25-p {
    min-width: 25%;
  }
  .min-w-md-25-p--force {
    min-width: 25% !important;
  }
  .w-md-30-p {
    width: 30%;
  }
  .w-md-30-p--force {
    width: 30% !important;
  }
  .max-w-md-30-p {
    max-width: 30%;
  }
  .max-w-md-30-p--force {
    max-width: 30% !important;
  }
  .min-w-md-30-p {
    min-width: 30%;
  }
  .min-w-md-30-p--force {
    min-width: 30% !important;
  }
  .w-md-35-p {
    width: 35%;
  }
  .w-md-35-p--force {
    width: 35% !important;
  }
  .max-w-md-35-p {
    max-width: 35%;
  }
  .max-w-md-35-p--force {
    max-width: 35% !important;
  }
  .min-w-md-35-p {
    min-width: 35%;
  }
  .min-w-md-35-p--force {
    min-width: 35% !important;
  }
  .w-md-40-p {
    width: 40%;
  }
  .w-md-40-p--force {
    width: 40% !important;
  }
  .max-w-md-40-p {
    max-width: 40%;
  }
  .max-w-md-40-p--force {
    max-width: 40% !important;
  }
  .min-w-md-40-p {
    min-width: 40%;
  }
  .min-w-md-40-p--force {
    min-width: 40% !important;
  }
  .w-md-45-p {
    width: 45%;
  }
  .w-md-45-p--force {
    width: 45% !important;
  }
  .max-w-md-45-p {
    max-width: 45%;
  }
  .max-w-md-45-p--force {
    max-width: 45% !important;
  }
  .min-w-md-45-p {
    min-width: 45%;
  }
  .min-w-md-45-p--force {
    min-width: 45% !important;
  }
  .w-md-50-p {
    width: 50%;
  }
  .w-md-50-p--force {
    width: 50% !important;
  }
  .max-w-md-50-p {
    max-width: 50%;
  }
  .max-w-md-50-p--force {
    max-width: 50% !important;
  }
  .min-w-md-50-p {
    min-width: 50%;
  }
  .min-w-md-50-p--force {
    min-width: 50% !important;
  }
  .w-md-55-p {
    width: 55%;
  }
  .w-md-55-p--force {
    width: 55% !important;
  }
  .max-w-md-55-p {
    max-width: 55%;
  }
  .max-w-md-55-p--force {
    max-width: 55% !important;
  }
  .min-w-md-55-p {
    min-width: 55%;
  }
  .min-w-md-55-p--force {
    min-width: 55% !important;
  }
  .w-md-60-p {
    width: 60%;
  }
  .w-md-60-p--force {
    width: 60% !important;
  }
  .max-w-md-60-p {
    max-width: 60%;
  }
  .max-w-md-60-p--force {
    max-width: 60% !important;
  }
  .min-w-md-60-p {
    min-width: 60%;
  }
  .min-w-md-60-p--force {
    min-width: 60% !important;
  }
  .w-md-65-p {
    width: 65%;
  }
  .w-md-65-p--force {
    width: 65% !important;
  }
  .max-w-md-65-p {
    max-width: 65%;
  }
  .max-w-md-65-p--force {
    max-width: 65% !important;
  }
  .min-w-md-65-p {
    min-width: 65%;
  }
  .min-w-md-65-p--force {
    min-width: 65% !important;
  }
  .w-md-70-p {
    width: 70%;
  }
  .w-md-70-p--force {
    width: 70% !important;
  }
  .max-w-md-70-p {
    max-width: 70%;
  }
  .max-w-md-70-p--force {
    max-width: 70% !important;
  }
  .min-w-md-70-p {
    min-width: 70%;
  }
  .min-w-md-70-p--force {
    min-width: 70% !important;
  }
  .w-md-75-p {
    width: 75%;
  }
  .w-md-75-p--force {
    width: 75% !important;
  }
  .max-w-md-75-p {
    max-width: 75%;
  }
  .max-w-md-75-p--force {
    max-width: 75% !important;
  }
  .min-w-md-75-p {
    min-width: 75%;
  }
  .min-w-md-75-p--force {
    min-width: 75% !important;
  }
  .w-md-80-p {
    width: 80%;
  }
  .w-md-80-p--force {
    width: 80% !important;
  }
  .max-w-md-80-p {
    max-width: 80%;
  }
  .max-w-md-80-p--force {
    max-width: 80% !important;
  }
  .min-w-md-80-p {
    min-width: 80%;
  }
  .min-w-md-80-p--force {
    min-width: 80% !important;
  }
  .w-md-85-p {
    width: 85%;
  }
  .w-md-85-p--force {
    width: 85% !important;
  }
  .max-w-md-85-p {
    max-width: 85%;
  }
  .max-w-md-85-p--force {
    max-width: 85% !important;
  }
  .min-w-md-85-p {
    min-width: 85%;
  }
  .min-w-md-85-p--force {
    min-width: 85% !important;
  }
  .w-md-90-p {
    width: 90%;
  }
  .w-md-90-p--force {
    width: 90% !important;
  }
  .max-w-md-90-p {
    max-width: 90%;
  }
  .max-w-md-90-p--force {
    max-width: 90% !important;
  }
  .min-w-md-90-p {
    min-width: 90%;
  }
  .min-w-md-90-p--force {
    min-width: 90% !important;
  }
  .w-md-95-p {
    width: 95%;
  }
  .w-md-95-p--force {
    width: 95% !important;
  }
  .max-w-md-95-p {
    max-width: 95%;
  }
  .max-w-md-95-p--force {
    max-width: 95% !important;
  }
  .min-w-md-95-p {
    min-width: 95%;
  }
  .min-w-md-95-p--force {
    min-width: 95% !important;
  }
  .w-md-100-p {
    width: 100%;
  }
  .w-md-100-p--force {
    width: 100% !important;
  }
  .max-w-md-100-p {
    max-width: 100%;
  }
  .max-w-md-100-p--force {
    max-width: 100% !important;
  }
  .min-w-md-100-p {
    min-width: 100%;
  }
  .min-w-md-100-p--force {
    min-width: 100% !important;
  }
  .w-md-300 {
    width: 300px;
  }
  .w-md-300--force {
    width: 300px !important;
  }
  .max-w-md-300 {
    max-width: 300px;
  }
  .max-w-md-300--force {
    max-width: 300px !important;
  }
  .min-w-md-300 {
    min-width: 300px;
  }
  .min-w-md-300--force {
    min-width: 300px !important;
  }
  .w-md-400 {
    width: 400px;
  }
  .w-md-400--force {
    width: 400px !important;
  }
  .max-w-md-400 {
    max-width: 400px;
  }
  .max-w-md-400--force {
    max-width: 400px !important;
  }
  .min-w-md-400 {
    min-width: 400px;
  }
  .min-w-md-400--force {
    min-width: 400px !important;
  }
  .w-md-500 {
    width: 500px;
  }
  .w-md-500--force {
    width: 500px !important;
  }
  .max-w-md-500 {
    max-width: 500px;
  }
  .max-w-md-500--force {
    max-width: 500px !important;
  }
  .min-w-md-500 {
    min-width: 500px;
  }
  .min-w-md-500--force {
    min-width: 500px !important;
  }
  .w-md-600 {
    width: 600px;
  }
  .w-md-600--force {
    width: 600px !important;
  }
  .max-w-md-600 {
    max-width: 600px;
  }
  .max-w-md-600--force {
    max-width: 600px !important;
  }
  .min-w-md-600 {
    min-width: 600px;
  }
  .min-w-md-600--force {
    min-width: 600px !important;
  }
  .w-md-700 {
    width: 700px;
  }
  .w-md-700--force {
    width: 700px !important;
  }
  .max-w-md-700 {
    max-width: 700px;
  }
  .max-w-md-700--force {
    max-width: 700px !important;
  }
  .min-w-md-700 {
    min-width: 700px;
  }
  .min-w-md-700--force {
    min-width: 700px !important;
  }
  .w-md-800 {
    width: 800px;
  }
  .w-md-800--force {
    width: 800px !important;
  }
  .max-w-md-800 {
    max-width: 800px;
  }
  .max-w-md-800--force {
    max-width: 800px !important;
  }
  .min-w-md-800 {
    min-width: 800px;
  }
  .min-w-md-800--force {
    min-width: 800px !important;
  }
  .w-md-900 {
    width: 900px;
  }
  .w-md-900--force {
    width: 900px !important;
  }
  .max-w-md-900 {
    max-width: 900px;
  }
  .max-w-md-900--force {
    max-width: 900px !important;
  }
  .min-w-md-900 {
    min-width: 900px;
  }
  .min-w-md-900--force {
    min-width: 900px !important;
  }
  .w-md-1000 {
    width: 1000px;
  }
  .w-md-1000--force {
    width: 1000px !important;
  }
  .max-w-md-1000 {
    max-width: 1000px;
  }
  .max-w-md-1000--force {
    max-width: 1000px !important;
  }
  .min-w-md-1000 {
    min-width: 1000px;
  }
  .min-w-md-1000--force {
    min-width: 1000px !important;
  }
  .w-md-1100 {
    width: 1100px;
  }
  .w-md-1100--force {
    width: 1100px !important;
  }
  .max-w-md-1100 {
    max-width: 1100px;
  }
  .max-w-md-1100--force {
    max-width: 1100px !important;
  }
  .min-w-md-1100 {
    min-width: 1100px;
  }
  .min-w-md-1100--force {
    min-width: 1100px !important;
  }
  .w-md-1200 {
    width: 1200px;
  }
  .w-md-1200--force {
    width: 1200px !important;
  }
  .max-w-md-1200 {
    max-width: 1200px;
  }
  .max-w-md-1200--force {
    max-width: 1200px !important;
  }
  .min-w-md-1200 {
    min-width: 1200px;
  }
  .min-w-md-1200--force {
    min-width: 1200px !important;
  }
  .w-md-1300 {
    width: 1300px;
  }
  .w-md-1300--force {
    width: 1300px !important;
  }
  .max-w-md-1300 {
    max-width: 1300px;
  }
  .max-w-md-1300--force {
    max-width: 1300px !important;
  }
  .min-w-md-1300 {
    min-width: 1300px;
  }
  .min-w-md-1300--force {
    min-width: 1300px !important;
  }
  .w-md-1400 {
    width: 1400px;
  }
  .w-md-1400--force {
    width: 1400px !important;
  }
  .max-w-md-1400 {
    max-width: 1400px;
  }
  .max-w-md-1400--force {
    max-width: 1400px !important;
  }
  .min-w-md-1400 {
    min-width: 1400px;
  }
  .min-w-md-1400--force {
    min-width: 1400px !important;
  }
  .w-md-1500 {
    width: 1500px;
  }
  .w-md-1500--force {
    width: 1500px !important;
  }
  .max-w-md-1500 {
    max-width: 1500px;
  }
  .max-w-md-1500--force {
    max-width: 1500px !important;
  }
  .min-w-md-1500 {
    min-width: 1500px;
  }
  .min-w-md-1500--force {
    min-width: 1500px !important;
  }
  .w-md-1600 {
    width: 1600px;
  }
  .w-md-1600--force {
    width: 1600px !important;
  }
  .max-w-md-1600 {
    max-width: 1600px;
  }
  .max-w-md-1600--force {
    max-width: 1600px !important;
  }
  .min-w-md-1600 {
    min-width: 1600px;
  }
  .min-w-md-1600--force {
    min-width: 1600px !important;
  }
  .w-md-1700 {
    width: 1700px;
  }
  .w-md-1700--force {
    width: 1700px !important;
  }
  .max-w-md-1700 {
    max-width: 1700px;
  }
  .max-w-md-1700--force {
    max-width: 1700px !important;
  }
  .min-w-md-1700 {
    min-width: 1700px;
  }
  .min-w-md-1700--force {
    min-width: 1700px !important;
  }
  .w-md-1800 {
    width: 1800px;
  }
  .w-md-1800--force {
    width: 1800px !important;
  }
  .max-w-md-1800 {
    max-width: 1800px;
  }
  .max-w-md-1800--force {
    max-width: 1800px !important;
  }
  .min-w-md-1800 {
    min-width: 1800px;
  }
  .min-w-md-1800--force {
    min-width: 1800px !important;
  }
  .w-md-1900 {
    width: 1900px;
  }
  .w-md-1900--force {
    width: 1900px !important;
  }
  .max-w-md-1900 {
    max-width: 1900px;
  }
  .max-w-md-1900--force {
    max-width: 1900px !important;
  }
  .min-w-md-1900 {
    min-width: 1900px;
  }
  .min-w-md-1900--force {
    min-width: 1900px !important;
  }
  .w-md-2000 {
    width: 2000px;
  }
  .w-md-2000--force {
    width: 2000px !important;
  }
  .max-w-md-2000 {
    max-width: 2000px;
  }
  .max-w-md-2000--force {
    max-width: 2000px !important;
  }
  .min-w-md-2000 {
    min-width: 2000px;
  }
  .min-w-md-2000--force {
    min-width: 2000px !important;
  }
  .w-md-auto {
    width: auto;
  }
  .w-md-auto--force {
    width: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  .h-lg-0 {
    height: 0px;
  }
  .h-lg-0--force {
    height: 0px !important;
  }
  .max-h-lg-0 {
    max-height: 0px;
  }
  .max-h-lg-0--force {
    max-height: 0px !important;
  }
  .min-h-lg-0 {
    min-height: 0px;
  }
  .min-h-lg-0--force {
    min-height: 0px !important;
  }
  .h-lg-4 {
    height: 4px;
  }
  .h-lg-4--force {
    height: 4px !important;
  }
  .max-h-lg-4 {
    max-height: 4px;
  }
  .max-h-lg-4--force {
    max-height: 4px !important;
  }
  .min-h-lg-4 {
    min-height: 4px;
  }
  .min-h-lg-4--force {
    min-height: 4px !important;
  }
  .h-lg-8 {
    height: 8px;
  }
  .h-lg-8--force {
    height: 8px !important;
  }
  .max-h-lg-8 {
    max-height: 8px;
  }
  .max-h-lg-8--force {
    max-height: 8px !important;
  }
  .min-h-lg-8 {
    min-height: 8px;
  }
  .min-h-lg-8--force {
    min-height: 8px !important;
  }
  .h-lg-12 {
    height: 12px;
  }
  .h-lg-12--force {
    height: 12px !important;
  }
  .max-h-lg-12 {
    max-height: 12px;
  }
  .max-h-lg-12--force {
    max-height: 12px !important;
  }
  .min-h-lg-12 {
    min-height: 12px;
  }
  .min-h-lg-12--force {
    min-height: 12px !important;
  }
  .h-lg-16 {
    height: 16px;
  }
  .h-lg-16--force {
    height: 16px !important;
  }
  .max-h-lg-16 {
    max-height: 16px;
  }
  .max-h-lg-16--force {
    max-height: 16px !important;
  }
  .min-h-lg-16 {
    min-height: 16px;
  }
  .min-h-lg-16--force {
    min-height: 16px !important;
  }
  .h-lg-20 {
    height: 20px;
  }
  .h-lg-20--force {
    height: 20px !important;
  }
  .max-h-lg-20 {
    max-height: 20px;
  }
  .max-h-lg-20--force {
    max-height: 20px !important;
  }
  .min-h-lg-20 {
    min-height: 20px;
  }
  .min-h-lg-20--force {
    min-height: 20px !important;
  }
  .h-lg-24 {
    height: 24px;
  }
  .h-lg-24--force {
    height: 24px !important;
  }
  .max-h-lg-24 {
    max-height: 24px;
  }
  .max-h-lg-24--force {
    max-height: 24px !important;
  }
  .min-h-lg-24 {
    min-height: 24px;
  }
  .min-h-lg-24--force {
    min-height: 24px !important;
  }
  .h-lg-28 {
    height: 28px;
  }
  .h-lg-28--force {
    height: 28px !important;
  }
  .max-h-lg-28 {
    max-height: 28px;
  }
  .max-h-lg-28--force {
    max-height: 28px !important;
  }
  .min-h-lg-28 {
    min-height: 28px;
  }
  .min-h-lg-28--force {
    min-height: 28px !important;
  }
  .h-lg-32 {
    height: 32px;
  }
  .h-lg-32--force {
    height: 32px !important;
  }
  .max-h-lg-32 {
    max-height: 32px;
  }
  .max-h-lg-32--force {
    max-height: 32px !important;
  }
  .min-h-lg-32 {
    min-height: 32px;
  }
  .min-h-lg-32--force {
    min-height: 32px !important;
  }
  .h-lg-36 {
    height: 36px;
  }
  .h-lg-36--force {
    height: 36px !important;
  }
  .max-h-lg-36 {
    max-height: 36px;
  }
  .max-h-lg-36--force {
    max-height: 36px !important;
  }
  .min-h-lg-36 {
    min-height: 36px;
  }
  .min-h-lg-36--force {
    min-height: 36px !important;
  }
  .h-lg-40 {
    height: 40px;
  }
  .h-lg-40--force {
    height: 40px !important;
  }
  .max-h-lg-40 {
    max-height: 40px;
  }
  .max-h-lg-40--force {
    max-height: 40px !important;
  }
  .min-h-lg-40 {
    min-height: 40px;
  }
  .min-h-lg-40--force {
    min-height: 40px !important;
  }
  .h-lg-44 {
    height: 44px;
  }
  .h-lg-44--force {
    height: 44px !important;
  }
  .max-h-lg-44 {
    max-height: 44px;
  }
  .max-h-lg-44--force {
    max-height: 44px !important;
  }
  .min-h-lg-44 {
    min-height: 44px;
  }
  .min-h-lg-44--force {
    min-height: 44px !important;
  }
  .h-lg-48 {
    height: 48px;
  }
  .h-lg-48--force {
    height: 48px !important;
  }
  .max-h-lg-48 {
    max-height: 48px;
  }
  .max-h-lg-48--force {
    max-height: 48px !important;
  }
  .min-h-lg-48 {
    min-height: 48px;
  }
  .min-h-lg-48--force {
    min-height: 48px !important;
  }
  .h-lg-52 {
    height: 52px;
  }
  .h-lg-52--force {
    height: 52px !important;
  }
  .max-h-lg-52 {
    max-height: 52px;
  }
  .max-h-lg-52--force {
    max-height: 52px !important;
  }
  .min-h-lg-52 {
    min-height: 52px;
  }
  .min-h-lg-52--force {
    min-height: 52px !important;
  }
  .h-lg-56 {
    height: 56px;
  }
  .h-lg-56--force {
    height: 56px !important;
  }
  .max-h-lg-56 {
    max-height: 56px;
  }
  .max-h-lg-56--force {
    max-height: 56px !important;
  }
  .min-h-lg-56 {
    min-height: 56px;
  }
  .min-h-lg-56--force {
    min-height: 56px !important;
  }
  .h-lg-60 {
    height: 60px;
  }
  .h-lg-60--force {
    height: 60px !important;
  }
  .max-h-lg-60 {
    max-height: 60px;
  }
  .max-h-lg-60--force {
    max-height: 60px !important;
  }
  .min-h-lg-60 {
    min-height: 60px;
  }
  .min-h-lg-60--force {
    min-height: 60px !important;
  }
  .h-lg-64 {
    height: 64px;
  }
  .h-lg-64--force {
    height: 64px !important;
  }
  .max-h-lg-64 {
    max-height: 64px;
  }
  .max-h-lg-64--force {
    max-height: 64px !important;
  }
  .min-h-lg-64 {
    min-height: 64px;
  }
  .min-h-lg-64--force {
    min-height: 64px !important;
  }
  .h-lg-68 {
    height: 68px;
  }
  .h-lg-68--force {
    height: 68px !important;
  }
  .max-h-lg-68 {
    max-height: 68px;
  }
  .max-h-lg-68--force {
    max-height: 68px !important;
  }
  .min-h-lg-68 {
    min-height: 68px;
  }
  .min-h-lg-68--force {
    min-height: 68px !important;
  }
  .h-lg-72 {
    height: 72px;
  }
  .h-lg-72--force {
    height: 72px !important;
  }
  .max-h-lg-72 {
    max-height: 72px;
  }
  .max-h-lg-72--force {
    max-height: 72px !important;
  }
  .min-h-lg-72 {
    min-height: 72px;
  }
  .min-h-lg-72--force {
    min-height: 72px !important;
  }
  .h-lg-76 {
    height: 76px;
  }
  .h-lg-76--force {
    height: 76px !important;
  }
  .max-h-lg-76 {
    max-height: 76px;
  }
  .max-h-lg-76--force {
    max-height: 76px !important;
  }
  .min-h-lg-76 {
    min-height: 76px;
  }
  .min-h-lg-76--force {
    min-height: 76px !important;
  }
  .h-lg-80 {
    height: 80px;
  }
  .h-lg-80--force {
    height: 80px !important;
  }
  .max-h-lg-80 {
    max-height: 80px;
  }
  .max-h-lg-80--force {
    max-height: 80px !important;
  }
  .min-h-lg-80 {
    min-height: 80px;
  }
  .min-h-lg-80--force {
    min-height: 80px !important;
  }
  .h-lg-84 {
    height: 84px;
  }
  .h-lg-84--force {
    height: 84px !important;
  }
  .max-h-lg-84 {
    max-height: 84px;
  }
  .max-h-lg-84--force {
    max-height: 84px !important;
  }
  .min-h-lg-84 {
    min-height: 84px;
  }
  .min-h-lg-84--force {
    min-height: 84px !important;
  }
  .h-lg-88 {
    height: 88px;
  }
  .h-lg-88--force {
    height: 88px !important;
  }
  .max-h-lg-88 {
    max-height: 88px;
  }
  .max-h-lg-88--force {
    max-height: 88px !important;
  }
  .min-h-lg-88 {
    min-height: 88px;
  }
  .min-h-lg-88--force {
    min-height: 88px !important;
  }
  .h-lg-92 {
    height: 92px;
  }
  .h-lg-92--force {
    height: 92px !important;
  }
  .max-h-lg-92 {
    max-height: 92px;
  }
  .max-h-lg-92--force {
    max-height: 92px !important;
  }
  .min-h-lg-92 {
    min-height: 92px;
  }
  .min-h-lg-92--force {
    min-height: 92px !important;
  }
  .h-lg-96 {
    height: 96px;
  }
  .h-lg-96--force {
    height: 96px !important;
  }
  .max-h-lg-96 {
    max-height: 96px;
  }
  .max-h-lg-96--force {
    max-height: 96px !important;
  }
  .min-h-lg-96 {
    min-height: 96px;
  }
  .min-h-lg-96--force {
    min-height: 96px !important;
  }
  .h-lg-100 {
    height: 100px;
  }
  .h-lg-100--force {
    height: 100px !important;
  }
  .max-h-lg-100 {
    max-height: 100px;
  }
  .max-h-lg-100--force {
    max-height: 100px !important;
  }
  .min-h-lg-100 {
    min-height: 100px;
  }
  .min-h-lg-100--force {
    min-height: 100px !important;
  }
  .h-lg-104 {
    height: 104px;
  }
  .h-lg-104--force {
    height: 104px !important;
  }
  .max-h-lg-104 {
    max-height: 104px;
  }
  .max-h-lg-104--force {
    max-height: 104px !important;
  }
  .min-h-lg-104 {
    min-height: 104px;
  }
  .min-h-lg-104--force {
    min-height: 104px !important;
  }
  .h-lg-108 {
    height: 108px;
  }
  .h-lg-108--force {
    height: 108px !important;
  }
  .max-h-lg-108 {
    max-height: 108px;
  }
  .max-h-lg-108--force {
    max-height: 108px !important;
  }
  .min-h-lg-108 {
    min-height: 108px;
  }
  .min-h-lg-108--force {
    min-height: 108px !important;
  }
  .h-lg-112 {
    height: 112px;
  }
  .h-lg-112--force {
    height: 112px !important;
  }
  .max-h-lg-112 {
    max-height: 112px;
  }
  .max-h-lg-112--force {
    max-height: 112px !important;
  }
  .min-h-lg-112 {
    min-height: 112px;
  }
  .min-h-lg-112--force {
    min-height: 112px !important;
  }
  .h-lg-116 {
    height: 116px;
  }
  .h-lg-116--force {
    height: 116px !important;
  }
  .max-h-lg-116 {
    max-height: 116px;
  }
  .max-h-lg-116--force {
    max-height: 116px !important;
  }
  .min-h-lg-116 {
    min-height: 116px;
  }
  .min-h-lg-116--force {
    min-height: 116px !important;
  }
  .h-lg-120 {
    height: 120px;
  }
  .h-lg-120--force {
    height: 120px !important;
  }
  .max-h-lg-120 {
    max-height: 120px;
  }
  .max-h-lg-120--force {
    max-height: 120px !important;
  }
  .min-h-lg-120 {
    min-height: 120px;
  }
  .min-h-lg-120--force {
    min-height: 120px !important;
  }
  .h-lg-124 {
    height: 124px;
  }
  .h-lg-124--force {
    height: 124px !important;
  }
  .max-h-lg-124 {
    max-height: 124px;
  }
  .max-h-lg-124--force {
    max-height: 124px !important;
  }
  .min-h-lg-124 {
    min-height: 124px;
  }
  .min-h-lg-124--force {
    min-height: 124px !important;
  }
  .h-lg-128 {
    height: 128px;
  }
  .h-lg-128--force {
    height: 128px !important;
  }
  .max-h-lg-128 {
    max-height: 128px;
  }
  .max-h-lg-128--force {
    max-height: 128px !important;
  }
  .min-h-lg-128 {
    min-height: 128px;
  }
  .min-h-lg-128--force {
    min-height: 128px !important;
  }
  .h-lg-132 {
    height: 132px;
  }
  .h-lg-132--force {
    height: 132px !important;
  }
  .max-h-lg-132 {
    max-height: 132px;
  }
  .max-h-lg-132--force {
    max-height: 132px !important;
  }
  .min-h-lg-132 {
    min-height: 132px;
  }
  .min-h-lg-132--force {
    min-height: 132px !important;
  }
  .h-lg-136 {
    height: 136px;
  }
  .h-lg-136--force {
    height: 136px !important;
  }
  .max-h-lg-136 {
    max-height: 136px;
  }
  .max-h-lg-136--force {
    max-height: 136px !important;
  }
  .min-h-lg-136 {
    min-height: 136px;
  }
  .min-h-lg-136--force {
    min-height: 136px !important;
  }
  .h-lg-140 {
    height: 140px;
  }
  .h-lg-140--force {
    height: 140px !important;
  }
  .max-h-lg-140 {
    max-height: 140px;
  }
  .max-h-lg-140--force {
    max-height: 140px !important;
  }
  .min-h-lg-140 {
    min-height: 140px;
  }
  .min-h-lg-140--force {
    min-height: 140px !important;
  }
  .h-lg-144 {
    height: 144px;
  }
  .h-lg-144--force {
    height: 144px !important;
  }
  .max-h-lg-144 {
    max-height: 144px;
  }
  .max-h-lg-144--force {
    max-height: 144px !important;
  }
  .min-h-lg-144 {
    min-height: 144px;
  }
  .min-h-lg-144--force {
    min-height: 144px !important;
  }
  .h-lg-148 {
    height: 148px;
  }
  .h-lg-148--force {
    height: 148px !important;
  }
  .max-h-lg-148 {
    max-height: 148px;
  }
  .max-h-lg-148--force {
    max-height: 148px !important;
  }
  .min-h-lg-148 {
    min-height: 148px;
  }
  .min-h-lg-148--force {
    min-height: 148px !important;
  }
  .h-lg-152 {
    height: 152px;
  }
  .h-lg-152--force {
    height: 152px !important;
  }
  .max-h-lg-152 {
    max-height: 152px;
  }
  .max-h-lg-152--force {
    max-height: 152px !important;
  }
  .min-h-lg-152 {
    min-height: 152px;
  }
  .min-h-lg-152--force {
    min-height: 152px !important;
  }
  .h-lg-156 {
    height: 156px;
  }
  .h-lg-156--force {
    height: 156px !important;
  }
  .max-h-lg-156 {
    max-height: 156px;
  }
  .max-h-lg-156--force {
    max-height: 156px !important;
  }
  .min-h-lg-156 {
    min-height: 156px;
  }
  .min-h-lg-156--force {
    min-height: 156px !important;
  }
  .h-lg-160 {
    height: 160px;
  }
  .h-lg-160--force {
    height: 160px !important;
  }
  .max-h-lg-160 {
    max-height: 160px;
  }
  .max-h-lg-160--force {
    max-height: 160px !important;
  }
  .min-h-lg-160 {
    min-height: 160px;
  }
  .min-h-lg-160--force {
    min-height: 160px !important;
  }
  .h-lg-164 {
    height: 164px;
  }
  .h-lg-164--force {
    height: 164px !important;
  }
  .max-h-lg-164 {
    max-height: 164px;
  }
  .max-h-lg-164--force {
    max-height: 164px !important;
  }
  .min-h-lg-164 {
    min-height: 164px;
  }
  .min-h-lg-164--force {
    min-height: 164px !important;
  }
  .h-lg-168 {
    height: 168px;
  }
  .h-lg-168--force {
    height: 168px !important;
  }
  .max-h-lg-168 {
    max-height: 168px;
  }
  .max-h-lg-168--force {
    max-height: 168px !important;
  }
  .min-h-lg-168 {
    min-height: 168px;
  }
  .min-h-lg-168--force {
    min-height: 168px !important;
  }
  .h-lg-172 {
    height: 172px;
  }
  .h-lg-172--force {
    height: 172px !important;
  }
  .max-h-lg-172 {
    max-height: 172px;
  }
  .max-h-lg-172--force {
    max-height: 172px !important;
  }
  .min-h-lg-172 {
    min-height: 172px;
  }
  .min-h-lg-172--force {
    min-height: 172px !important;
  }
  .h-lg-176 {
    height: 176px;
  }
  .h-lg-176--force {
    height: 176px !important;
  }
  .max-h-lg-176 {
    max-height: 176px;
  }
  .max-h-lg-176--force {
    max-height: 176px !important;
  }
  .min-h-lg-176 {
    min-height: 176px;
  }
  .min-h-lg-176--force {
    min-height: 176px !important;
  }
  .h-lg-180 {
    height: 180px;
  }
  .h-lg-180--force {
    height: 180px !important;
  }
  .max-h-lg-180 {
    max-height: 180px;
  }
  .max-h-lg-180--force {
    max-height: 180px !important;
  }
  .min-h-lg-180 {
    min-height: 180px;
  }
  .min-h-lg-180--force {
    min-height: 180px !important;
  }
  .h-lg-184 {
    height: 184px;
  }
  .h-lg-184--force {
    height: 184px !important;
  }
  .max-h-lg-184 {
    max-height: 184px;
  }
  .max-h-lg-184--force {
    max-height: 184px !important;
  }
  .min-h-lg-184 {
    min-height: 184px;
  }
  .min-h-lg-184--force {
    min-height: 184px !important;
  }
  .h-lg-188 {
    height: 188px;
  }
  .h-lg-188--force {
    height: 188px !important;
  }
  .max-h-lg-188 {
    max-height: 188px;
  }
  .max-h-lg-188--force {
    max-height: 188px !important;
  }
  .min-h-lg-188 {
    min-height: 188px;
  }
  .min-h-lg-188--force {
    min-height: 188px !important;
  }
  .h-lg-192 {
    height: 192px;
  }
  .h-lg-192--force {
    height: 192px !important;
  }
  .max-h-lg-192 {
    max-height: 192px;
  }
  .max-h-lg-192--force {
    max-height: 192px !important;
  }
  .min-h-lg-192 {
    min-height: 192px;
  }
  .min-h-lg-192--force {
    min-height: 192px !important;
  }
  .h-lg-196 {
    height: 196px;
  }
  .h-lg-196--force {
    height: 196px !important;
  }
  .max-h-lg-196 {
    max-height: 196px;
  }
  .max-h-lg-196--force {
    max-height: 196px !important;
  }
  .min-h-lg-196 {
    min-height: 196px;
  }
  .min-h-lg-196--force {
    min-height: 196px !important;
  }
  .h-lg-200 {
    height: 200px;
  }
  .h-lg-200--force {
    height: 200px !important;
  }
  .max-h-lg-200 {
    max-height: 200px;
  }
  .max-h-lg-200--force {
    max-height: 200px !important;
  }
  .min-h-lg-200 {
    min-height: 200px;
  }
  .min-h-lg-200--force {
    min-height: 200px !important;
  }
  .h-lg-204 {
    height: 204px;
  }
  .h-lg-204--force {
    height: 204px !important;
  }
  .max-h-lg-204 {
    max-height: 204px;
  }
  .max-h-lg-204--force {
    max-height: 204px !important;
  }
  .min-h-lg-204 {
    min-height: 204px;
  }
  .min-h-lg-204--force {
    min-height: 204px !important;
  }
  .h-lg-208 {
    height: 208px;
  }
  .h-lg-208--force {
    height: 208px !important;
  }
  .max-h-lg-208 {
    max-height: 208px;
  }
  .max-h-lg-208--force {
    max-height: 208px !important;
  }
  .min-h-lg-208 {
    min-height: 208px;
  }
  .min-h-lg-208--force {
    min-height: 208px !important;
  }
  .h-lg-212 {
    height: 212px;
  }
  .h-lg-212--force {
    height: 212px !important;
  }
  .max-h-lg-212 {
    max-height: 212px;
  }
  .max-h-lg-212--force {
    max-height: 212px !important;
  }
  .min-h-lg-212 {
    min-height: 212px;
  }
  .min-h-lg-212--force {
    min-height: 212px !important;
  }
  .h-lg-216 {
    height: 216px;
  }
  .h-lg-216--force {
    height: 216px !important;
  }
  .max-h-lg-216 {
    max-height: 216px;
  }
  .max-h-lg-216--force {
    max-height: 216px !important;
  }
  .min-h-lg-216 {
    min-height: 216px;
  }
  .min-h-lg-216--force {
    min-height: 216px !important;
  }
  .h-lg-220 {
    height: 220px;
  }
  .h-lg-220--force {
    height: 220px !important;
  }
  .max-h-lg-220 {
    max-height: 220px;
  }
  .max-h-lg-220--force {
    max-height: 220px !important;
  }
  .min-h-lg-220 {
    min-height: 220px;
  }
  .min-h-lg-220--force {
    min-height: 220px !important;
  }
  .h-lg-224 {
    height: 224px;
  }
  .h-lg-224--force {
    height: 224px !important;
  }
  .max-h-lg-224 {
    max-height: 224px;
  }
  .max-h-lg-224--force {
    max-height: 224px !important;
  }
  .min-h-lg-224 {
    min-height: 224px;
  }
  .min-h-lg-224--force {
    min-height: 224px !important;
  }
  .h-lg-228 {
    height: 228px;
  }
  .h-lg-228--force {
    height: 228px !important;
  }
  .max-h-lg-228 {
    max-height: 228px;
  }
  .max-h-lg-228--force {
    max-height: 228px !important;
  }
  .min-h-lg-228 {
    min-height: 228px;
  }
  .min-h-lg-228--force {
    min-height: 228px !important;
  }
  .h-lg-232 {
    height: 232px;
  }
  .h-lg-232--force {
    height: 232px !important;
  }
  .max-h-lg-232 {
    max-height: 232px;
  }
  .max-h-lg-232--force {
    max-height: 232px !important;
  }
  .min-h-lg-232 {
    min-height: 232px;
  }
  .min-h-lg-232--force {
    min-height: 232px !important;
  }
  .h-lg-236 {
    height: 236px;
  }
  .h-lg-236--force {
    height: 236px !important;
  }
  .max-h-lg-236 {
    max-height: 236px;
  }
  .max-h-lg-236--force {
    max-height: 236px !important;
  }
  .min-h-lg-236 {
    min-height: 236px;
  }
  .min-h-lg-236--force {
    min-height: 236px !important;
  }
  .h-lg-240 {
    height: 240px;
  }
  .h-lg-240--force {
    height: 240px !important;
  }
  .max-h-lg-240 {
    max-height: 240px;
  }
  .max-h-lg-240--force {
    max-height: 240px !important;
  }
  .min-h-lg-240 {
    min-height: 240px;
  }
  .min-h-lg-240--force {
    min-height: 240px !important;
  }
  .h-lg-244 {
    height: 244px;
  }
  .h-lg-244--force {
    height: 244px !important;
  }
  .max-h-lg-244 {
    max-height: 244px;
  }
  .max-h-lg-244--force {
    max-height: 244px !important;
  }
  .min-h-lg-244 {
    min-height: 244px;
  }
  .min-h-lg-244--force {
    min-height: 244px !important;
  }
  .h-lg-248 {
    height: 248px;
  }
  .h-lg-248--force {
    height: 248px !important;
  }
  .max-h-lg-248 {
    max-height: 248px;
  }
  .max-h-lg-248--force {
    max-height: 248px !important;
  }
  .min-h-lg-248 {
    min-height: 248px;
  }
  .min-h-lg-248--force {
    min-height: 248px !important;
  }
  .h-lg-252 {
    height: 252px;
  }
  .h-lg-252--force {
    height: 252px !important;
  }
  .max-h-lg-252 {
    max-height: 252px;
  }
  .max-h-lg-252--force {
    max-height: 252px !important;
  }
  .min-h-lg-252 {
    min-height: 252px;
  }
  .min-h-lg-252--force {
    min-height: 252px !important;
  }
  .h-lg-256 {
    height: 256px;
  }
  .h-lg-256--force {
    height: 256px !important;
  }
  .max-h-lg-256 {
    max-height: 256px;
  }
  .max-h-lg-256--force {
    max-height: 256px !important;
  }
  .min-h-lg-256 {
    min-height: 256px;
  }
  .min-h-lg-256--force {
    min-height: 256px !important;
  }
  .h-lg-0-p {
    height: 0%;
  }
  .h-lg-0-p--force {
    height: 0% !important;
  }
  .max-h-lg-0-p {
    max-height: 0%;
  }
  .max-h-lg-0-p--force {
    max-height: 0% !important;
  }
  .min-h-lg-0-p {
    min-height: 0%;
  }
  .min-h-lg-0-p--force {
    min-height: 0% !important;
  }
  .h-lg-5-p {
    height: 5%;
  }
  .h-lg-5-p--force {
    height: 5% !important;
  }
  .max-h-lg-5-p {
    max-height: 5%;
  }
  .max-h-lg-5-p--force {
    max-height: 5% !important;
  }
  .min-h-lg-5-p {
    min-height: 5%;
  }
  .min-h-lg-5-p--force {
    min-height: 5% !important;
  }
  .h-lg-10-p {
    height: 10%;
  }
  .h-lg-10-p--force {
    height: 10% !important;
  }
  .max-h-lg-10-p {
    max-height: 10%;
  }
  .max-h-lg-10-p--force {
    max-height: 10% !important;
  }
  .min-h-lg-10-p {
    min-height: 10%;
  }
  .min-h-lg-10-p--force {
    min-height: 10% !important;
  }
  .h-lg-15-p {
    height: 15%;
  }
  .h-lg-15-p--force {
    height: 15% !important;
  }
  .max-h-lg-15-p {
    max-height: 15%;
  }
  .max-h-lg-15-p--force {
    max-height: 15% !important;
  }
  .min-h-lg-15-p {
    min-height: 15%;
  }
  .min-h-lg-15-p--force {
    min-height: 15% !important;
  }
  .h-lg-20-p {
    height: 20%;
  }
  .h-lg-20-p--force {
    height: 20% !important;
  }
  .max-h-lg-20-p {
    max-height: 20%;
  }
  .max-h-lg-20-p--force {
    max-height: 20% !important;
  }
  .min-h-lg-20-p {
    min-height: 20%;
  }
  .min-h-lg-20-p--force {
    min-height: 20% !important;
  }
  .h-lg-25-p {
    height: 25%;
  }
  .h-lg-25-p--force {
    height: 25% !important;
  }
  .max-h-lg-25-p {
    max-height: 25%;
  }
  .max-h-lg-25-p--force {
    max-height: 25% !important;
  }
  .min-h-lg-25-p {
    min-height: 25%;
  }
  .min-h-lg-25-p--force {
    min-height: 25% !important;
  }
  .h-lg-30-p {
    height: 30%;
  }
  .h-lg-30-p--force {
    height: 30% !important;
  }
  .max-h-lg-30-p {
    max-height: 30%;
  }
  .max-h-lg-30-p--force {
    max-height: 30% !important;
  }
  .min-h-lg-30-p {
    min-height: 30%;
  }
  .min-h-lg-30-p--force {
    min-height: 30% !important;
  }
  .h-lg-35-p {
    height: 35%;
  }
  .h-lg-35-p--force {
    height: 35% !important;
  }
  .max-h-lg-35-p {
    max-height: 35%;
  }
  .max-h-lg-35-p--force {
    max-height: 35% !important;
  }
  .min-h-lg-35-p {
    min-height: 35%;
  }
  .min-h-lg-35-p--force {
    min-height: 35% !important;
  }
  .h-lg-40-p {
    height: 40%;
  }
  .h-lg-40-p--force {
    height: 40% !important;
  }
  .max-h-lg-40-p {
    max-height: 40%;
  }
  .max-h-lg-40-p--force {
    max-height: 40% !important;
  }
  .min-h-lg-40-p {
    min-height: 40%;
  }
  .min-h-lg-40-p--force {
    min-height: 40% !important;
  }
  .h-lg-45-p {
    height: 45%;
  }
  .h-lg-45-p--force {
    height: 45% !important;
  }
  .max-h-lg-45-p {
    max-height: 45%;
  }
  .max-h-lg-45-p--force {
    max-height: 45% !important;
  }
  .min-h-lg-45-p {
    min-height: 45%;
  }
  .min-h-lg-45-p--force {
    min-height: 45% !important;
  }
  .h-lg-50-p {
    height: 50%;
  }
  .h-lg-50-p--force {
    height: 50% !important;
  }
  .max-h-lg-50-p {
    max-height: 50%;
  }
  .max-h-lg-50-p--force {
    max-height: 50% !important;
  }
  .min-h-lg-50-p {
    min-height: 50%;
  }
  .min-h-lg-50-p--force {
    min-height: 50% !important;
  }
  .h-lg-55-p {
    height: 55%;
  }
  .h-lg-55-p--force {
    height: 55% !important;
  }
  .max-h-lg-55-p {
    max-height: 55%;
  }
  .max-h-lg-55-p--force {
    max-height: 55% !important;
  }
  .min-h-lg-55-p {
    min-height: 55%;
  }
  .min-h-lg-55-p--force {
    min-height: 55% !important;
  }
  .h-lg-60-p {
    height: 60%;
  }
  .h-lg-60-p--force {
    height: 60% !important;
  }
  .max-h-lg-60-p {
    max-height: 60%;
  }
  .max-h-lg-60-p--force {
    max-height: 60% !important;
  }
  .min-h-lg-60-p {
    min-height: 60%;
  }
  .min-h-lg-60-p--force {
    min-height: 60% !important;
  }
  .h-lg-65-p {
    height: 65%;
  }
  .h-lg-65-p--force {
    height: 65% !important;
  }
  .max-h-lg-65-p {
    max-height: 65%;
  }
  .max-h-lg-65-p--force {
    max-height: 65% !important;
  }
  .min-h-lg-65-p {
    min-height: 65%;
  }
  .min-h-lg-65-p--force {
    min-height: 65% !important;
  }
  .h-lg-70-p {
    height: 70%;
  }
  .h-lg-70-p--force {
    height: 70% !important;
  }
  .max-h-lg-70-p {
    max-height: 70%;
  }
  .max-h-lg-70-p--force {
    max-height: 70% !important;
  }
  .min-h-lg-70-p {
    min-height: 70%;
  }
  .min-h-lg-70-p--force {
    min-height: 70% !important;
  }
  .h-lg-75-p {
    height: 75%;
  }
  .h-lg-75-p--force {
    height: 75% !important;
  }
  .max-h-lg-75-p {
    max-height: 75%;
  }
  .max-h-lg-75-p--force {
    max-height: 75% !important;
  }
  .min-h-lg-75-p {
    min-height: 75%;
  }
  .min-h-lg-75-p--force {
    min-height: 75% !important;
  }
  .h-lg-80-p {
    height: 80%;
  }
  .h-lg-80-p--force {
    height: 80% !important;
  }
  .max-h-lg-80-p {
    max-height: 80%;
  }
  .max-h-lg-80-p--force {
    max-height: 80% !important;
  }
  .min-h-lg-80-p {
    min-height: 80%;
  }
  .min-h-lg-80-p--force {
    min-height: 80% !important;
  }
  .h-lg-85-p {
    height: 85%;
  }
  .h-lg-85-p--force {
    height: 85% !important;
  }
  .max-h-lg-85-p {
    max-height: 85%;
  }
  .max-h-lg-85-p--force {
    max-height: 85% !important;
  }
  .min-h-lg-85-p {
    min-height: 85%;
  }
  .min-h-lg-85-p--force {
    min-height: 85% !important;
  }
  .h-lg-90-p {
    height: 90%;
  }
  .h-lg-90-p--force {
    height: 90% !important;
  }
  .max-h-lg-90-p {
    max-height: 90%;
  }
  .max-h-lg-90-p--force {
    max-height: 90% !important;
  }
  .min-h-lg-90-p {
    min-height: 90%;
  }
  .min-h-lg-90-p--force {
    min-height: 90% !important;
  }
  .h-lg-95-p {
    height: 95%;
  }
  .h-lg-95-p--force {
    height: 95% !important;
  }
  .max-h-lg-95-p {
    max-height: 95%;
  }
  .max-h-lg-95-p--force {
    max-height: 95% !important;
  }
  .min-h-lg-95-p {
    min-height: 95%;
  }
  .min-h-lg-95-p--force {
    min-height: 95% !important;
  }
  .h-lg-100-p {
    height: 100%;
  }
  .h-lg-100-p--force {
    height: 100% !important;
  }
  .max-h-lg-100-p {
    max-height: 100%;
  }
  .max-h-lg-100-p--force {
    max-height: 100% !important;
  }
  .min-h-lg-100-p {
    min-height: 100%;
  }
  .min-h-lg-100-p--force {
    min-height: 100% !important;
  }
  .h-lg-300 {
    height: 300px;
  }
  .h-lg-300--force {
    height: 300px !important;
  }
  .max-h-lg-300 {
    max-height: 300px;
  }
  .max-h-lg-300--force {
    max-height: 300px !important;
  }
  .min-h-lg-300 {
    min-height: 300px;
  }
  .min-h-lg-300--force {
    min-height: 300px !important;
  }
  .h-lg-400 {
    height: 400px;
  }
  .h-lg-400--force {
    height: 400px !important;
  }
  .max-h-lg-400 {
    max-height: 400px;
  }
  .max-h-lg-400--force {
    max-height: 400px !important;
  }
  .min-h-lg-400 {
    min-height: 400px;
  }
  .min-h-lg-400--force {
    min-height: 400px !important;
  }
  .h-lg-500 {
    height: 500px;
  }
  .h-lg-500--force {
    height: 500px !important;
  }
  .max-h-lg-500 {
    max-height: 500px;
  }
  .max-h-lg-500--force {
    max-height: 500px !important;
  }
  .min-h-lg-500 {
    min-height: 500px;
  }
  .min-h-lg-500--force {
    min-height: 500px !important;
  }
  .h-lg-600 {
    height: 600px;
  }
  .h-lg-600--force {
    height: 600px !important;
  }
  .max-h-lg-600 {
    max-height: 600px;
  }
  .max-h-lg-600--force {
    max-height: 600px !important;
  }
  .min-h-lg-600 {
    min-height: 600px;
  }
  .min-h-lg-600--force {
    min-height: 600px !important;
  }
  .h-lg-700 {
    height: 700px;
  }
  .h-lg-700--force {
    height: 700px !important;
  }
  .max-h-lg-700 {
    max-height: 700px;
  }
  .max-h-lg-700--force {
    max-height: 700px !important;
  }
  .min-h-lg-700 {
    min-height: 700px;
  }
  .min-h-lg-700--force {
    min-height: 700px !important;
  }
  .h-lg-800 {
    height: 800px;
  }
  .h-lg-800--force {
    height: 800px !important;
  }
  .max-h-lg-800 {
    max-height: 800px;
  }
  .max-h-lg-800--force {
    max-height: 800px !important;
  }
  .min-h-lg-800 {
    min-height: 800px;
  }
  .min-h-lg-800--force {
    min-height: 800px !important;
  }
  .h-lg-900 {
    height: 900px;
  }
  .h-lg-900--force {
    height: 900px !important;
  }
  .max-h-lg-900 {
    max-height: 900px;
  }
  .max-h-lg-900--force {
    max-height: 900px !important;
  }
  .min-h-lg-900 {
    min-height: 900px;
  }
  .min-h-lg-900--force {
    min-height: 900px !important;
  }
  .h-lg-1000 {
    height: 1000px;
  }
  .h-lg-1000--force {
    height: 1000px !important;
  }
  .max-h-lg-1000 {
    max-height: 1000px;
  }
  .max-h-lg-1000--force {
    max-height: 1000px !important;
  }
  .min-h-lg-1000 {
    min-height: 1000px;
  }
  .min-h-lg-1000--force {
    min-height: 1000px !important;
  }
  .h-lg-1100 {
    height: 1100px;
  }
  .h-lg-1100--force {
    height: 1100px !important;
  }
  .max-h-lg-1100 {
    max-height: 1100px;
  }
  .max-h-lg-1100--force {
    max-height: 1100px !important;
  }
  .min-h-lg-1100 {
    min-height: 1100px;
  }
  .min-h-lg-1100--force {
    min-height: 1100px !important;
  }
  .h-lg-1200 {
    height: 1200px;
  }
  .h-lg-1200--force {
    height: 1200px !important;
  }
  .max-h-lg-1200 {
    max-height: 1200px;
  }
  .max-h-lg-1200--force {
    max-height: 1200px !important;
  }
  .min-h-lg-1200 {
    min-height: 1200px;
  }
  .min-h-lg-1200--force {
    min-height: 1200px !important;
  }
  .h-lg-1300 {
    height: 1300px;
  }
  .h-lg-1300--force {
    height: 1300px !important;
  }
  .max-h-lg-1300 {
    max-height: 1300px;
  }
  .max-h-lg-1300--force {
    max-height: 1300px !important;
  }
  .min-h-lg-1300 {
    min-height: 1300px;
  }
  .min-h-lg-1300--force {
    min-height: 1300px !important;
  }
  .h-lg-1400 {
    height: 1400px;
  }
  .h-lg-1400--force {
    height: 1400px !important;
  }
  .max-h-lg-1400 {
    max-height: 1400px;
  }
  .max-h-lg-1400--force {
    max-height: 1400px !important;
  }
  .min-h-lg-1400 {
    min-height: 1400px;
  }
  .min-h-lg-1400--force {
    min-height: 1400px !important;
  }
  .h-lg-1500 {
    height: 1500px;
  }
  .h-lg-1500--force {
    height: 1500px !important;
  }
  .max-h-lg-1500 {
    max-height: 1500px;
  }
  .max-h-lg-1500--force {
    max-height: 1500px !important;
  }
  .min-h-lg-1500 {
    min-height: 1500px;
  }
  .min-h-lg-1500--force {
    min-height: 1500px !important;
  }
  .h-lg-1600 {
    height: 1600px;
  }
  .h-lg-1600--force {
    height: 1600px !important;
  }
  .max-h-lg-1600 {
    max-height: 1600px;
  }
  .max-h-lg-1600--force {
    max-height: 1600px !important;
  }
  .min-h-lg-1600 {
    min-height: 1600px;
  }
  .min-h-lg-1600--force {
    min-height: 1600px !important;
  }
  .h-lg-1700 {
    height: 1700px;
  }
  .h-lg-1700--force {
    height: 1700px !important;
  }
  .max-h-lg-1700 {
    max-height: 1700px;
  }
  .max-h-lg-1700--force {
    max-height: 1700px !important;
  }
  .min-h-lg-1700 {
    min-height: 1700px;
  }
  .min-h-lg-1700--force {
    min-height: 1700px !important;
  }
  .h-lg-1800 {
    height: 1800px;
  }
  .h-lg-1800--force {
    height: 1800px !important;
  }
  .max-h-lg-1800 {
    max-height: 1800px;
  }
  .max-h-lg-1800--force {
    max-height: 1800px !important;
  }
  .min-h-lg-1800 {
    min-height: 1800px;
  }
  .min-h-lg-1800--force {
    min-height: 1800px !important;
  }
  .h-lg-1900 {
    height: 1900px;
  }
  .h-lg-1900--force {
    height: 1900px !important;
  }
  .max-h-lg-1900 {
    max-height: 1900px;
  }
  .max-h-lg-1900--force {
    max-height: 1900px !important;
  }
  .min-h-lg-1900 {
    min-height: 1900px;
  }
  .min-h-lg-1900--force {
    min-height: 1900px !important;
  }
  .h-lg-2000 {
    height: 2000px;
  }
  .h-lg-2000--force {
    height: 2000px !important;
  }
  .max-h-lg-2000 {
    max-height: 2000px;
  }
  .max-h-lg-2000--force {
    max-height: 2000px !important;
  }
  .min-h-lg-2000 {
    min-height: 2000px;
  }
  .min-h-lg-2000--force {
    min-height: 2000px !important;
  }
  .h-lg-auto {
    height: auto;
  }
  .h-lg-auto--force {
    height: auto !important;
  }
  .w-lg-0 {
    width: 0px;
  }
  .w-lg-0--force {
    width: 0px !important;
  }
  .max-w-lg-0 {
    max-width: 0px;
  }
  .max-w-lg-0--force {
    max-width: 0px !important;
  }
  .min-w-lg-0 {
    min-width: 0px;
  }
  .min-w-lg-0--force {
    min-width: 0px !important;
  }
  .w-lg-4 {
    width: 4px;
  }
  .w-lg-4--force {
    width: 4px !important;
  }
  .max-w-lg-4 {
    max-width: 4px;
  }
  .max-w-lg-4--force {
    max-width: 4px !important;
  }
  .min-w-lg-4 {
    min-width: 4px;
  }
  .min-w-lg-4--force {
    min-width: 4px !important;
  }
  .w-lg-8 {
    width: 8px;
  }
  .w-lg-8--force {
    width: 8px !important;
  }
  .max-w-lg-8 {
    max-width: 8px;
  }
  .max-w-lg-8--force {
    max-width: 8px !important;
  }
  .min-w-lg-8 {
    min-width: 8px;
  }
  .min-w-lg-8--force {
    min-width: 8px !important;
  }
  .w-lg-12 {
    width: 12px;
  }
  .w-lg-12--force {
    width: 12px !important;
  }
  .max-w-lg-12 {
    max-width: 12px;
  }
  .max-w-lg-12--force {
    max-width: 12px !important;
  }
  .min-w-lg-12 {
    min-width: 12px;
  }
  .min-w-lg-12--force {
    min-width: 12px !important;
  }
  .w-lg-16 {
    width: 16px;
  }
  .w-lg-16--force {
    width: 16px !important;
  }
  .max-w-lg-16 {
    max-width: 16px;
  }
  .max-w-lg-16--force {
    max-width: 16px !important;
  }
  .min-w-lg-16 {
    min-width: 16px;
  }
  .min-w-lg-16--force {
    min-width: 16px !important;
  }
  .w-lg-20 {
    width: 20px;
  }
  .w-lg-20--force {
    width: 20px !important;
  }
  .max-w-lg-20 {
    max-width: 20px;
  }
  .max-w-lg-20--force {
    max-width: 20px !important;
  }
  .min-w-lg-20 {
    min-width: 20px;
  }
  .min-w-lg-20--force {
    min-width: 20px !important;
  }
  .w-lg-24 {
    width: 24px;
  }
  .w-lg-24--force {
    width: 24px !important;
  }
  .max-w-lg-24 {
    max-width: 24px;
  }
  .max-w-lg-24--force {
    max-width: 24px !important;
  }
  .min-w-lg-24 {
    min-width: 24px;
  }
  .min-w-lg-24--force {
    min-width: 24px !important;
  }
  .w-lg-28 {
    width: 28px;
  }
  .w-lg-28--force {
    width: 28px !important;
  }
  .max-w-lg-28 {
    max-width: 28px;
  }
  .max-w-lg-28--force {
    max-width: 28px !important;
  }
  .min-w-lg-28 {
    min-width: 28px;
  }
  .min-w-lg-28--force {
    min-width: 28px !important;
  }
  .w-lg-32 {
    width: 32px;
  }
  .w-lg-32--force {
    width: 32px !important;
  }
  .max-w-lg-32 {
    max-width: 32px;
  }
  .max-w-lg-32--force {
    max-width: 32px !important;
  }
  .min-w-lg-32 {
    min-width: 32px;
  }
  .min-w-lg-32--force {
    min-width: 32px !important;
  }
  .w-lg-36 {
    width: 36px;
  }
  .w-lg-36--force {
    width: 36px !important;
  }
  .max-w-lg-36 {
    max-width: 36px;
  }
  .max-w-lg-36--force {
    max-width: 36px !important;
  }
  .min-w-lg-36 {
    min-width: 36px;
  }
  .min-w-lg-36--force {
    min-width: 36px !important;
  }
  .w-lg-40 {
    width: 40px;
  }
  .w-lg-40--force {
    width: 40px !important;
  }
  .max-w-lg-40 {
    max-width: 40px;
  }
  .max-w-lg-40--force {
    max-width: 40px !important;
  }
  .min-w-lg-40 {
    min-width: 40px;
  }
  .min-w-lg-40--force {
    min-width: 40px !important;
  }
  .w-lg-44 {
    width: 44px;
  }
  .w-lg-44--force {
    width: 44px !important;
  }
  .max-w-lg-44 {
    max-width: 44px;
  }
  .max-w-lg-44--force {
    max-width: 44px !important;
  }
  .min-w-lg-44 {
    min-width: 44px;
  }
  .min-w-lg-44--force {
    min-width: 44px !important;
  }
  .w-lg-48 {
    width: 48px;
  }
  .w-lg-48--force {
    width: 48px !important;
  }
  .max-w-lg-48 {
    max-width: 48px;
  }
  .max-w-lg-48--force {
    max-width: 48px !important;
  }
  .min-w-lg-48 {
    min-width: 48px;
  }
  .min-w-lg-48--force {
    min-width: 48px !important;
  }
  .w-lg-52 {
    width: 52px;
  }
  .w-lg-52--force {
    width: 52px !important;
  }
  .max-w-lg-52 {
    max-width: 52px;
  }
  .max-w-lg-52--force {
    max-width: 52px !important;
  }
  .min-w-lg-52 {
    min-width: 52px;
  }
  .min-w-lg-52--force {
    min-width: 52px !important;
  }
  .w-lg-56 {
    width: 56px;
  }
  .w-lg-56--force {
    width: 56px !important;
  }
  .max-w-lg-56 {
    max-width: 56px;
  }
  .max-w-lg-56--force {
    max-width: 56px !important;
  }
  .min-w-lg-56 {
    min-width: 56px;
  }
  .min-w-lg-56--force {
    min-width: 56px !important;
  }
  .w-lg-60 {
    width: 60px;
  }
  .w-lg-60--force {
    width: 60px !important;
  }
  .max-w-lg-60 {
    max-width: 60px;
  }
  .max-w-lg-60--force {
    max-width: 60px !important;
  }
  .min-w-lg-60 {
    min-width: 60px;
  }
  .min-w-lg-60--force {
    min-width: 60px !important;
  }
  .w-lg-64 {
    width: 64px;
  }
  .w-lg-64--force {
    width: 64px !important;
  }
  .max-w-lg-64 {
    max-width: 64px;
  }
  .max-w-lg-64--force {
    max-width: 64px !important;
  }
  .min-w-lg-64 {
    min-width: 64px;
  }
  .min-w-lg-64--force {
    min-width: 64px !important;
  }
  .w-lg-68 {
    width: 68px;
  }
  .w-lg-68--force {
    width: 68px !important;
  }
  .max-w-lg-68 {
    max-width: 68px;
  }
  .max-w-lg-68--force {
    max-width: 68px !important;
  }
  .min-w-lg-68 {
    min-width: 68px;
  }
  .min-w-lg-68--force {
    min-width: 68px !important;
  }
  .w-lg-72 {
    width: 72px;
  }
  .w-lg-72--force {
    width: 72px !important;
  }
  .max-w-lg-72 {
    max-width: 72px;
  }
  .max-w-lg-72--force {
    max-width: 72px !important;
  }
  .min-w-lg-72 {
    min-width: 72px;
  }
  .min-w-lg-72--force {
    min-width: 72px !important;
  }
  .w-lg-76 {
    width: 76px;
  }
  .w-lg-76--force {
    width: 76px !important;
  }
  .max-w-lg-76 {
    max-width: 76px;
  }
  .max-w-lg-76--force {
    max-width: 76px !important;
  }
  .min-w-lg-76 {
    min-width: 76px;
  }
  .min-w-lg-76--force {
    min-width: 76px !important;
  }
  .w-lg-80 {
    width: 80px;
  }
  .w-lg-80--force {
    width: 80px !important;
  }
  .max-w-lg-80 {
    max-width: 80px;
  }
  .max-w-lg-80--force {
    max-width: 80px !important;
  }
  .min-w-lg-80 {
    min-width: 80px;
  }
  .min-w-lg-80--force {
    min-width: 80px !important;
  }
  .w-lg-84 {
    width: 84px;
  }
  .w-lg-84--force {
    width: 84px !important;
  }
  .max-w-lg-84 {
    max-width: 84px;
  }
  .max-w-lg-84--force {
    max-width: 84px !important;
  }
  .min-w-lg-84 {
    min-width: 84px;
  }
  .min-w-lg-84--force {
    min-width: 84px !important;
  }
  .w-lg-88 {
    width: 88px;
  }
  .w-lg-88--force {
    width: 88px !important;
  }
  .max-w-lg-88 {
    max-width: 88px;
  }
  .max-w-lg-88--force {
    max-width: 88px !important;
  }
  .min-w-lg-88 {
    min-width: 88px;
  }
  .min-w-lg-88--force {
    min-width: 88px !important;
  }
  .w-lg-92 {
    width: 92px;
  }
  .w-lg-92--force {
    width: 92px !important;
  }
  .max-w-lg-92 {
    max-width: 92px;
  }
  .max-w-lg-92--force {
    max-width: 92px !important;
  }
  .min-w-lg-92 {
    min-width: 92px;
  }
  .min-w-lg-92--force {
    min-width: 92px !important;
  }
  .w-lg-96 {
    width: 96px;
  }
  .w-lg-96--force {
    width: 96px !important;
  }
  .max-w-lg-96 {
    max-width: 96px;
  }
  .max-w-lg-96--force {
    max-width: 96px !important;
  }
  .min-w-lg-96 {
    min-width: 96px;
  }
  .min-w-lg-96--force {
    min-width: 96px !important;
  }
  .w-lg-100 {
    width: 100px;
  }
  .w-lg-100--force {
    width: 100px !important;
  }
  .max-w-lg-100 {
    max-width: 100px;
  }
  .max-w-lg-100--force {
    max-width: 100px !important;
  }
  .min-w-lg-100 {
    min-width: 100px;
  }
  .min-w-lg-100--force {
    min-width: 100px !important;
  }
  .w-lg-104 {
    width: 104px;
  }
  .w-lg-104--force {
    width: 104px !important;
  }
  .max-w-lg-104 {
    max-width: 104px;
  }
  .max-w-lg-104--force {
    max-width: 104px !important;
  }
  .min-w-lg-104 {
    min-width: 104px;
  }
  .min-w-lg-104--force {
    min-width: 104px !important;
  }
  .w-lg-108 {
    width: 108px;
  }
  .w-lg-108--force {
    width: 108px !important;
  }
  .max-w-lg-108 {
    max-width: 108px;
  }
  .max-w-lg-108--force {
    max-width: 108px !important;
  }
  .min-w-lg-108 {
    min-width: 108px;
  }
  .min-w-lg-108--force {
    min-width: 108px !important;
  }
  .w-lg-112 {
    width: 112px;
  }
  .w-lg-112--force {
    width: 112px !important;
  }
  .max-w-lg-112 {
    max-width: 112px;
  }
  .max-w-lg-112--force {
    max-width: 112px !important;
  }
  .min-w-lg-112 {
    min-width: 112px;
  }
  .min-w-lg-112--force {
    min-width: 112px !important;
  }
  .w-lg-116 {
    width: 116px;
  }
  .w-lg-116--force {
    width: 116px !important;
  }
  .max-w-lg-116 {
    max-width: 116px;
  }
  .max-w-lg-116--force {
    max-width: 116px !important;
  }
  .min-w-lg-116 {
    min-width: 116px;
  }
  .min-w-lg-116--force {
    min-width: 116px !important;
  }
  .w-lg-120 {
    width: 120px;
  }
  .w-lg-120--force {
    width: 120px !important;
  }
  .max-w-lg-120 {
    max-width: 120px;
  }
  .max-w-lg-120--force {
    max-width: 120px !important;
  }
  .min-w-lg-120 {
    min-width: 120px;
  }
  .min-w-lg-120--force {
    min-width: 120px !important;
  }
  .w-lg-124 {
    width: 124px;
  }
  .w-lg-124--force {
    width: 124px !important;
  }
  .max-w-lg-124 {
    max-width: 124px;
  }
  .max-w-lg-124--force {
    max-width: 124px !important;
  }
  .min-w-lg-124 {
    min-width: 124px;
  }
  .min-w-lg-124--force {
    min-width: 124px !important;
  }
  .w-lg-128 {
    width: 128px;
  }
  .w-lg-128--force {
    width: 128px !important;
  }
  .max-w-lg-128 {
    max-width: 128px;
  }
  .max-w-lg-128--force {
    max-width: 128px !important;
  }
  .min-w-lg-128 {
    min-width: 128px;
  }
  .min-w-lg-128--force {
    min-width: 128px !important;
  }
  .w-lg-132 {
    width: 132px;
  }
  .w-lg-132--force {
    width: 132px !important;
  }
  .max-w-lg-132 {
    max-width: 132px;
  }
  .max-w-lg-132--force {
    max-width: 132px !important;
  }
  .min-w-lg-132 {
    min-width: 132px;
  }
  .min-w-lg-132--force {
    min-width: 132px !important;
  }
  .w-lg-136 {
    width: 136px;
  }
  .w-lg-136--force {
    width: 136px !important;
  }
  .max-w-lg-136 {
    max-width: 136px;
  }
  .max-w-lg-136--force {
    max-width: 136px !important;
  }
  .min-w-lg-136 {
    min-width: 136px;
  }
  .min-w-lg-136--force {
    min-width: 136px !important;
  }
  .w-lg-140 {
    width: 140px;
  }
  .w-lg-140--force {
    width: 140px !important;
  }
  .max-w-lg-140 {
    max-width: 140px;
  }
  .max-w-lg-140--force {
    max-width: 140px !important;
  }
  .min-w-lg-140 {
    min-width: 140px;
  }
  .min-w-lg-140--force {
    min-width: 140px !important;
  }
  .w-lg-144 {
    width: 144px;
  }
  .w-lg-144--force {
    width: 144px !important;
  }
  .max-w-lg-144 {
    max-width: 144px;
  }
  .max-w-lg-144--force {
    max-width: 144px !important;
  }
  .min-w-lg-144 {
    min-width: 144px;
  }
  .min-w-lg-144--force {
    min-width: 144px !important;
  }
  .w-lg-148 {
    width: 148px;
  }
  .w-lg-148--force {
    width: 148px !important;
  }
  .max-w-lg-148 {
    max-width: 148px;
  }
  .max-w-lg-148--force {
    max-width: 148px !important;
  }
  .min-w-lg-148 {
    min-width: 148px;
  }
  .min-w-lg-148--force {
    min-width: 148px !important;
  }
  .w-lg-152 {
    width: 152px;
  }
  .w-lg-152--force {
    width: 152px !important;
  }
  .max-w-lg-152 {
    max-width: 152px;
  }
  .max-w-lg-152--force {
    max-width: 152px !important;
  }
  .min-w-lg-152 {
    min-width: 152px;
  }
  .min-w-lg-152--force {
    min-width: 152px !important;
  }
  .w-lg-156 {
    width: 156px;
  }
  .w-lg-156--force {
    width: 156px !important;
  }
  .max-w-lg-156 {
    max-width: 156px;
  }
  .max-w-lg-156--force {
    max-width: 156px !important;
  }
  .min-w-lg-156 {
    min-width: 156px;
  }
  .min-w-lg-156--force {
    min-width: 156px !important;
  }
  .w-lg-160 {
    width: 160px;
  }
  .w-lg-160--force {
    width: 160px !important;
  }
  .max-w-lg-160 {
    max-width: 160px;
  }
  .max-w-lg-160--force {
    max-width: 160px !important;
  }
  .min-w-lg-160 {
    min-width: 160px;
  }
  .min-w-lg-160--force {
    min-width: 160px !important;
  }
  .w-lg-164 {
    width: 164px;
  }
  .w-lg-164--force {
    width: 164px !important;
  }
  .max-w-lg-164 {
    max-width: 164px;
  }
  .max-w-lg-164--force {
    max-width: 164px !important;
  }
  .min-w-lg-164 {
    min-width: 164px;
  }
  .min-w-lg-164--force {
    min-width: 164px !important;
  }
  .w-lg-168 {
    width: 168px;
  }
  .w-lg-168--force {
    width: 168px !important;
  }
  .max-w-lg-168 {
    max-width: 168px;
  }
  .max-w-lg-168--force {
    max-width: 168px !important;
  }
  .min-w-lg-168 {
    min-width: 168px;
  }
  .min-w-lg-168--force {
    min-width: 168px !important;
  }
  .w-lg-172 {
    width: 172px;
  }
  .w-lg-172--force {
    width: 172px !important;
  }
  .max-w-lg-172 {
    max-width: 172px;
  }
  .max-w-lg-172--force {
    max-width: 172px !important;
  }
  .min-w-lg-172 {
    min-width: 172px;
  }
  .min-w-lg-172--force {
    min-width: 172px !important;
  }
  .w-lg-176 {
    width: 176px;
  }
  .w-lg-176--force {
    width: 176px !important;
  }
  .max-w-lg-176 {
    max-width: 176px;
  }
  .max-w-lg-176--force {
    max-width: 176px !important;
  }
  .min-w-lg-176 {
    min-width: 176px;
  }
  .min-w-lg-176--force {
    min-width: 176px !important;
  }
  .w-lg-180 {
    width: 180px;
  }
  .w-lg-180--force {
    width: 180px !important;
  }
  .max-w-lg-180 {
    max-width: 180px;
  }
  .max-w-lg-180--force {
    max-width: 180px !important;
  }
  .min-w-lg-180 {
    min-width: 180px;
  }
  .min-w-lg-180--force {
    min-width: 180px !important;
  }
  .w-lg-184 {
    width: 184px;
  }
  .w-lg-184--force {
    width: 184px !important;
  }
  .max-w-lg-184 {
    max-width: 184px;
  }
  .max-w-lg-184--force {
    max-width: 184px !important;
  }
  .min-w-lg-184 {
    min-width: 184px;
  }
  .min-w-lg-184--force {
    min-width: 184px !important;
  }
  .w-lg-188 {
    width: 188px;
  }
  .w-lg-188--force {
    width: 188px !important;
  }
  .max-w-lg-188 {
    max-width: 188px;
  }
  .max-w-lg-188--force {
    max-width: 188px !important;
  }
  .min-w-lg-188 {
    min-width: 188px;
  }
  .min-w-lg-188--force {
    min-width: 188px !important;
  }
  .w-lg-192 {
    width: 192px;
  }
  .w-lg-192--force {
    width: 192px !important;
  }
  .max-w-lg-192 {
    max-width: 192px;
  }
  .max-w-lg-192--force {
    max-width: 192px !important;
  }
  .min-w-lg-192 {
    min-width: 192px;
  }
  .min-w-lg-192--force {
    min-width: 192px !important;
  }
  .w-lg-196 {
    width: 196px;
  }
  .w-lg-196--force {
    width: 196px !important;
  }
  .max-w-lg-196 {
    max-width: 196px;
  }
  .max-w-lg-196--force {
    max-width: 196px !important;
  }
  .min-w-lg-196 {
    min-width: 196px;
  }
  .min-w-lg-196--force {
    min-width: 196px !important;
  }
  .w-lg-200 {
    width: 200px;
  }
  .w-lg-200--force {
    width: 200px !important;
  }
  .max-w-lg-200 {
    max-width: 200px;
  }
  .max-w-lg-200--force {
    max-width: 200px !important;
  }
  .min-w-lg-200 {
    min-width: 200px;
  }
  .min-w-lg-200--force {
    min-width: 200px !important;
  }
  .w-lg-204 {
    width: 204px;
  }
  .w-lg-204--force {
    width: 204px !important;
  }
  .max-w-lg-204 {
    max-width: 204px;
  }
  .max-w-lg-204--force {
    max-width: 204px !important;
  }
  .min-w-lg-204 {
    min-width: 204px;
  }
  .min-w-lg-204--force {
    min-width: 204px !important;
  }
  .w-lg-208 {
    width: 208px;
  }
  .w-lg-208--force {
    width: 208px !important;
  }
  .max-w-lg-208 {
    max-width: 208px;
  }
  .max-w-lg-208--force {
    max-width: 208px !important;
  }
  .min-w-lg-208 {
    min-width: 208px;
  }
  .min-w-lg-208--force {
    min-width: 208px !important;
  }
  .w-lg-212 {
    width: 212px;
  }
  .w-lg-212--force {
    width: 212px !important;
  }
  .max-w-lg-212 {
    max-width: 212px;
  }
  .max-w-lg-212--force {
    max-width: 212px !important;
  }
  .min-w-lg-212 {
    min-width: 212px;
  }
  .min-w-lg-212--force {
    min-width: 212px !important;
  }
  .w-lg-216 {
    width: 216px;
  }
  .w-lg-216--force {
    width: 216px !important;
  }
  .max-w-lg-216 {
    max-width: 216px;
  }
  .max-w-lg-216--force {
    max-width: 216px !important;
  }
  .min-w-lg-216 {
    min-width: 216px;
  }
  .min-w-lg-216--force {
    min-width: 216px !important;
  }
  .w-lg-220 {
    width: 220px;
  }
  .w-lg-220--force {
    width: 220px !important;
  }
  .max-w-lg-220 {
    max-width: 220px;
  }
  .max-w-lg-220--force {
    max-width: 220px !important;
  }
  .min-w-lg-220 {
    min-width: 220px;
  }
  .min-w-lg-220--force {
    min-width: 220px !important;
  }
  .w-lg-224 {
    width: 224px;
  }
  .w-lg-224--force {
    width: 224px !important;
  }
  .max-w-lg-224 {
    max-width: 224px;
  }
  .max-w-lg-224--force {
    max-width: 224px !important;
  }
  .min-w-lg-224 {
    min-width: 224px;
  }
  .min-w-lg-224--force {
    min-width: 224px !important;
  }
  .w-lg-228 {
    width: 228px;
  }
  .w-lg-228--force {
    width: 228px !important;
  }
  .max-w-lg-228 {
    max-width: 228px;
  }
  .max-w-lg-228--force {
    max-width: 228px !important;
  }
  .min-w-lg-228 {
    min-width: 228px;
  }
  .min-w-lg-228--force {
    min-width: 228px !important;
  }
  .w-lg-232 {
    width: 232px;
  }
  .w-lg-232--force {
    width: 232px !important;
  }
  .max-w-lg-232 {
    max-width: 232px;
  }
  .max-w-lg-232--force {
    max-width: 232px !important;
  }
  .min-w-lg-232 {
    min-width: 232px;
  }
  .min-w-lg-232--force {
    min-width: 232px !important;
  }
  .w-lg-236 {
    width: 236px;
  }
  .w-lg-236--force {
    width: 236px !important;
  }
  .max-w-lg-236 {
    max-width: 236px;
  }
  .max-w-lg-236--force {
    max-width: 236px !important;
  }
  .min-w-lg-236 {
    min-width: 236px;
  }
  .min-w-lg-236--force {
    min-width: 236px !important;
  }
  .w-lg-240 {
    width: 240px;
  }
  .w-lg-240--force {
    width: 240px !important;
  }
  .max-w-lg-240 {
    max-width: 240px;
  }
  .max-w-lg-240--force {
    max-width: 240px !important;
  }
  .min-w-lg-240 {
    min-width: 240px;
  }
  .min-w-lg-240--force {
    min-width: 240px !important;
  }
  .w-lg-244 {
    width: 244px;
  }
  .w-lg-244--force {
    width: 244px !important;
  }
  .max-w-lg-244 {
    max-width: 244px;
  }
  .max-w-lg-244--force {
    max-width: 244px !important;
  }
  .min-w-lg-244 {
    min-width: 244px;
  }
  .min-w-lg-244--force {
    min-width: 244px !important;
  }
  .w-lg-248 {
    width: 248px;
  }
  .w-lg-248--force {
    width: 248px !important;
  }
  .max-w-lg-248 {
    max-width: 248px;
  }
  .max-w-lg-248--force {
    max-width: 248px !important;
  }
  .min-w-lg-248 {
    min-width: 248px;
  }
  .min-w-lg-248--force {
    min-width: 248px !important;
  }
  .w-lg-252 {
    width: 252px;
  }
  .w-lg-252--force {
    width: 252px !important;
  }
  .max-w-lg-252 {
    max-width: 252px;
  }
  .max-w-lg-252--force {
    max-width: 252px !important;
  }
  .min-w-lg-252 {
    min-width: 252px;
  }
  .min-w-lg-252--force {
    min-width: 252px !important;
  }
  .w-lg-256 {
    width: 256px;
  }
  .w-lg-256--force {
    width: 256px !important;
  }
  .max-w-lg-256 {
    max-width: 256px;
  }
  .max-w-lg-256--force {
    max-width: 256px !important;
  }
  .min-w-lg-256 {
    min-width: 256px;
  }
  .min-w-lg-256--force {
    min-width: 256px !important;
  }
  .w-lg-0-p {
    width: 0%;
  }
  .w-lg-0-p--force {
    width: 0% !important;
  }
  .max-w-lg-0-p {
    max-width: 0%;
  }
  .max-w-lg-0-p--force {
    max-width: 0% !important;
  }
  .min-w-lg-0-p {
    min-width: 0%;
  }
  .min-w-lg-0-p--force {
    min-width: 0% !important;
  }
  .w-lg-5-p {
    width: 5%;
  }
  .w-lg-5-p--force {
    width: 5% !important;
  }
  .max-w-lg-5-p {
    max-width: 5%;
  }
  .max-w-lg-5-p--force {
    max-width: 5% !important;
  }
  .min-w-lg-5-p {
    min-width: 5%;
  }
  .min-w-lg-5-p--force {
    min-width: 5% !important;
  }
  .w-lg-10-p {
    width: 10%;
  }
  .w-lg-10-p--force {
    width: 10% !important;
  }
  .max-w-lg-10-p {
    max-width: 10%;
  }
  .max-w-lg-10-p--force {
    max-width: 10% !important;
  }
  .min-w-lg-10-p {
    min-width: 10%;
  }
  .min-w-lg-10-p--force {
    min-width: 10% !important;
  }
  .w-lg-15-p {
    width: 15%;
  }
  .w-lg-15-p--force {
    width: 15% !important;
  }
  .max-w-lg-15-p {
    max-width: 15%;
  }
  .max-w-lg-15-p--force {
    max-width: 15% !important;
  }
  .min-w-lg-15-p {
    min-width: 15%;
  }
  .min-w-lg-15-p--force {
    min-width: 15% !important;
  }
  .w-lg-20-p {
    width: 20%;
  }
  .w-lg-20-p--force {
    width: 20% !important;
  }
  .max-w-lg-20-p {
    max-width: 20%;
  }
  .max-w-lg-20-p--force {
    max-width: 20% !important;
  }
  .min-w-lg-20-p {
    min-width: 20%;
  }
  .min-w-lg-20-p--force {
    min-width: 20% !important;
  }
  .w-lg-25-p {
    width: 25%;
  }
  .w-lg-25-p--force {
    width: 25% !important;
  }
  .max-w-lg-25-p {
    max-width: 25%;
  }
  .max-w-lg-25-p--force {
    max-width: 25% !important;
  }
  .min-w-lg-25-p {
    min-width: 25%;
  }
  .min-w-lg-25-p--force {
    min-width: 25% !important;
  }
  .w-lg-30-p {
    width: 30%;
  }
  .w-lg-30-p--force {
    width: 30% !important;
  }
  .max-w-lg-30-p {
    max-width: 30%;
  }
  .max-w-lg-30-p--force {
    max-width: 30% !important;
  }
  .min-w-lg-30-p {
    min-width: 30%;
  }
  .min-w-lg-30-p--force {
    min-width: 30% !important;
  }
  .w-lg-35-p {
    width: 35%;
  }
  .w-lg-35-p--force {
    width: 35% !important;
  }
  .max-w-lg-35-p {
    max-width: 35%;
  }
  .max-w-lg-35-p--force {
    max-width: 35% !important;
  }
  .min-w-lg-35-p {
    min-width: 35%;
  }
  .min-w-lg-35-p--force {
    min-width: 35% !important;
  }
  .w-lg-40-p {
    width: 40%;
  }
  .w-lg-40-p--force {
    width: 40% !important;
  }
  .max-w-lg-40-p {
    max-width: 40%;
  }
  .max-w-lg-40-p--force {
    max-width: 40% !important;
  }
  .min-w-lg-40-p {
    min-width: 40%;
  }
  .min-w-lg-40-p--force {
    min-width: 40% !important;
  }
  .w-lg-45-p {
    width: 45%;
  }
  .w-lg-45-p--force {
    width: 45% !important;
  }
  .max-w-lg-45-p {
    max-width: 45%;
  }
  .max-w-lg-45-p--force {
    max-width: 45% !important;
  }
  .min-w-lg-45-p {
    min-width: 45%;
  }
  .min-w-lg-45-p--force {
    min-width: 45% !important;
  }
  .w-lg-50-p {
    width: 50%;
  }
  .w-lg-50-p--force {
    width: 50% !important;
  }
  .max-w-lg-50-p {
    max-width: 50%;
  }
  .max-w-lg-50-p--force {
    max-width: 50% !important;
  }
  .min-w-lg-50-p {
    min-width: 50%;
  }
  .min-w-lg-50-p--force {
    min-width: 50% !important;
  }
  .w-lg-55-p {
    width: 55%;
  }
  .w-lg-55-p--force {
    width: 55% !important;
  }
  .max-w-lg-55-p {
    max-width: 55%;
  }
  .max-w-lg-55-p--force {
    max-width: 55% !important;
  }
  .min-w-lg-55-p {
    min-width: 55%;
  }
  .min-w-lg-55-p--force {
    min-width: 55% !important;
  }
  .w-lg-60-p {
    width: 60%;
  }
  .w-lg-60-p--force {
    width: 60% !important;
  }
  .max-w-lg-60-p {
    max-width: 60%;
  }
  .max-w-lg-60-p--force {
    max-width: 60% !important;
  }
  .min-w-lg-60-p {
    min-width: 60%;
  }
  .min-w-lg-60-p--force {
    min-width: 60% !important;
  }
  .w-lg-65-p {
    width: 65%;
  }
  .w-lg-65-p--force {
    width: 65% !important;
  }
  .max-w-lg-65-p {
    max-width: 65%;
  }
  .max-w-lg-65-p--force {
    max-width: 65% !important;
  }
  .min-w-lg-65-p {
    min-width: 65%;
  }
  .min-w-lg-65-p--force {
    min-width: 65% !important;
  }
  .w-lg-70-p {
    width: 70%;
  }
  .w-lg-70-p--force {
    width: 70% !important;
  }
  .max-w-lg-70-p {
    max-width: 70%;
  }
  .max-w-lg-70-p--force {
    max-width: 70% !important;
  }
  .min-w-lg-70-p {
    min-width: 70%;
  }
  .min-w-lg-70-p--force {
    min-width: 70% !important;
  }
  .w-lg-75-p {
    width: 75%;
  }
  .w-lg-75-p--force {
    width: 75% !important;
  }
  .max-w-lg-75-p {
    max-width: 75%;
  }
  .max-w-lg-75-p--force {
    max-width: 75% !important;
  }
  .min-w-lg-75-p {
    min-width: 75%;
  }
  .min-w-lg-75-p--force {
    min-width: 75% !important;
  }
  .w-lg-80-p {
    width: 80%;
  }
  .w-lg-80-p--force {
    width: 80% !important;
  }
  .max-w-lg-80-p {
    max-width: 80%;
  }
  .max-w-lg-80-p--force {
    max-width: 80% !important;
  }
  .min-w-lg-80-p {
    min-width: 80%;
  }
  .min-w-lg-80-p--force {
    min-width: 80% !important;
  }
  .w-lg-85-p {
    width: 85%;
  }
  .w-lg-85-p--force {
    width: 85% !important;
  }
  .max-w-lg-85-p {
    max-width: 85%;
  }
  .max-w-lg-85-p--force {
    max-width: 85% !important;
  }
  .min-w-lg-85-p {
    min-width: 85%;
  }
  .min-w-lg-85-p--force {
    min-width: 85% !important;
  }
  .w-lg-90-p {
    width: 90%;
  }
  .w-lg-90-p--force {
    width: 90% !important;
  }
  .max-w-lg-90-p {
    max-width: 90%;
  }
  .max-w-lg-90-p--force {
    max-width: 90% !important;
  }
  .min-w-lg-90-p {
    min-width: 90%;
  }
  .min-w-lg-90-p--force {
    min-width: 90% !important;
  }
  .w-lg-95-p {
    width: 95%;
  }
  .w-lg-95-p--force {
    width: 95% !important;
  }
  .max-w-lg-95-p {
    max-width: 95%;
  }
  .max-w-lg-95-p--force {
    max-width: 95% !important;
  }
  .min-w-lg-95-p {
    min-width: 95%;
  }
  .min-w-lg-95-p--force {
    min-width: 95% !important;
  }
  .w-lg-100-p {
    width: 100%;
  }
  .w-lg-100-p--force {
    width: 100% !important;
  }
  .max-w-lg-100-p {
    max-width: 100%;
  }
  .max-w-lg-100-p--force {
    max-width: 100% !important;
  }
  .min-w-lg-100-p {
    min-width: 100%;
  }
  .min-w-lg-100-p--force {
    min-width: 100% !important;
  }
  .w-lg-300 {
    width: 300px;
  }
  .w-lg-300--force {
    width: 300px !important;
  }
  .max-w-lg-300 {
    max-width: 300px;
  }
  .max-w-lg-300--force {
    max-width: 300px !important;
  }
  .min-w-lg-300 {
    min-width: 300px;
  }
  .min-w-lg-300--force {
    min-width: 300px !important;
  }
  .w-lg-400 {
    width: 400px;
  }
  .w-lg-400--force {
    width: 400px !important;
  }
  .max-w-lg-400 {
    max-width: 400px;
  }
  .max-w-lg-400--force {
    max-width: 400px !important;
  }
  .min-w-lg-400 {
    min-width: 400px;
  }
  .min-w-lg-400--force {
    min-width: 400px !important;
  }
  .w-lg-500 {
    width: 500px;
  }
  .w-lg-500--force {
    width: 500px !important;
  }
  .max-w-lg-500 {
    max-width: 500px;
  }
  .max-w-lg-500--force {
    max-width: 500px !important;
  }
  .min-w-lg-500 {
    min-width: 500px;
  }
  .min-w-lg-500--force {
    min-width: 500px !important;
  }
  .w-lg-600 {
    width: 600px;
  }
  .w-lg-600--force {
    width: 600px !important;
  }
  .max-w-lg-600 {
    max-width: 600px;
  }
  .max-w-lg-600--force {
    max-width: 600px !important;
  }
  .min-w-lg-600 {
    min-width: 600px;
  }
  .min-w-lg-600--force {
    min-width: 600px !important;
  }
  .w-lg-700 {
    width: 700px;
  }
  .w-lg-700--force {
    width: 700px !important;
  }
  .max-w-lg-700 {
    max-width: 700px;
  }
  .max-w-lg-700--force {
    max-width: 700px !important;
  }
  .min-w-lg-700 {
    min-width: 700px;
  }
  .min-w-lg-700--force {
    min-width: 700px !important;
  }
  .w-lg-800 {
    width: 800px;
  }
  .w-lg-800--force {
    width: 800px !important;
  }
  .max-w-lg-800 {
    max-width: 800px;
  }
  .max-w-lg-800--force {
    max-width: 800px !important;
  }
  .min-w-lg-800 {
    min-width: 800px;
  }
  .min-w-lg-800--force {
    min-width: 800px !important;
  }
  .w-lg-900 {
    width: 900px;
  }
  .w-lg-900--force {
    width: 900px !important;
  }
  .max-w-lg-900 {
    max-width: 900px;
  }
  .max-w-lg-900--force {
    max-width: 900px !important;
  }
  .min-w-lg-900 {
    min-width: 900px;
  }
  .min-w-lg-900--force {
    min-width: 900px !important;
  }
  .w-lg-1000 {
    width: 1000px;
  }
  .w-lg-1000--force {
    width: 1000px !important;
  }
  .max-w-lg-1000 {
    max-width: 1000px;
  }
  .max-w-lg-1000--force {
    max-width: 1000px !important;
  }
  .min-w-lg-1000 {
    min-width: 1000px;
  }
  .min-w-lg-1000--force {
    min-width: 1000px !important;
  }
  .w-lg-1100 {
    width: 1100px;
  }
  .w-lg-1100--force {
    width: 1100px !important;
  }
  .max-w-lg-1100 {
    max-width: 1100px;
  }
  .max-w-lg-1100--force {
    max-width: 1100px !important;
  }
  .min-w-lg-1100 {
    min-width: 1100px;
  }
  .min-w-lg-1100--force {
    min-width: 1100px !important;
  }
  .w-lg-1200 {
    width: 1200px;
  }
  .w-lg-1200--force {
    width: 1200px !important;
  }
  .max-w-lg-1200 {
    max-width: 1200px;
  }
  .max-w-lg-1200--force {
    max-width: 1200px !important;
  }
  .min-w-lg-1200 {
    min-width: 1200px;
  }
  .min-w-lg-1200--force {
    min-width: 1200px !important;
  }
  .w-lg-1300 {
    width: 1300px;
  }
  .w-lg-1300--force {
    width: 1300px !important;
  }
  .max-w-lg-1300 {
    max-width: 1300px;
  }
  .max-w-lg-1300--force {
    max-width: 1300px !important;
  }
  .min-w-lg-1300 {
    min-width: 1300px;
  }
  .min-w-lg-1300--force {
    min-width: 1300px !important;
  }
  .w-lg-1400 {
    width: 1400px;
  }
  .w-lg-1400--force {
    width: 1400px !important;
  }
  .max-w-lg-1400 {
    max-width: 1400px;
  }
  .max-w-lg-1400--force {
    max-width: 1400px !important;
  }
  .min-w-lg-1400 {
    min-width: 1400px;
  }
  .min-w-lg-1400--force {
    min-width: 1400px !important;
  }
  .w-lg-1500 {
    width: 1500px;
  }
  .w-lg-1500--force {
    width: 1500px !important;
  }
  .max-w-lg-1500 {
    max-width: 1500px;
  }
  .max-w-lg-1500--force {
    max-width: 1500px !important;
  }
  .min-w-lg-1500 {
    min-width: 1500px;
  }
  .min-w-lg-1500--force {
    min-width: 1500px !important;
  }
  .w-lg-1600 {
    width: 1600px;
  }
  .w-lg-1600--force {
    width: 1600px !important;
  }
  .max-w-lg-1600 {
    max-width: 1600px;
  }
  .max-w-lg-1600--force {
    max-width: 1600px !important;
  }
  .min-w-lg-1600 {
    min-width: 1600px;
  }
  .min-w-lg-1600--force {
    min-width: 1600px !important;
  }
  .w-lg-1700 {
    width: 1700px;
  }
  .w-lg-1700--force {
    width: 1700px !important;
  }
  .max-w-lg-1700 {
    max-width: 1700px;
  }
  .max-w-lg-1700--force {
    max-width: 1700px !important;
  }
  .min-w-lg-1700 {
    min-width: 1700px;
  }
  .min-w-lg-1700--force {
    min-width: 1700px !important;
  }
  .w-lg-1800 {
    width: 1800px;
  }
  .w-lg-1800--force {
    width: 1800px !important;
  }
  .max-w-lg-1800 {
    max-width: 1800px;
  }
  .max-w-lg-1800--force {
    max-width: 1800px !important;
  }
  .min-w-lg-1800 {
    min-width: 1800px;
  }
  .min-w-lg-1800--force {
    min-width: 1800px !important;
  }
  .w-lg-1900 {
    width: 1900px;
  }
  .w-lg-1900--force {
    width: 1900px !important;
  }
  .max-w-lg-1900 {
    max-width: 1900px;
  }
  .max-w-lg-1900--force {
    max-width: 1900px !important;
  }
  .min-w-lg-1900 {
    min-width: 1900px;
  }
  .min-w-lg-1900--force {
    min-width: 1900px !important;
  }
  .w-lg-2000 {
    width: 2000px;
  }
  .w-lg-2000--force {
    width: 2000px !important;
  }
  .max-w-lg-2000 {
    max-width: 2000px;
  }
  .max-w-lg-2000--force {
    max-width: 2000px !important;
  }
  .min-w-lg-2000 {
    min-width: 2000px;
  }
  .min-w-lg-2000--force {
    min-width: 2000px !important;
  }
  .w-lg-auto {
    width: auto;
  }
  .w-lg-auto--force {
    width: auto !important;
  }
}
@media screen and (min-width: 1536px) {
  .h-xl-0 {
    height: 0px;
  }
  .h-xl-0--force {
    height: 0px !important;
  }
  .max-h-xl-0 {
    max-height: 0px;
  }
  .max-h-xl-0--force {
    max-height: 0px !important;
  }
  .min-h-xl-0 {
    min-height: 0px;
  }
  .min-h-xl-0--force {
    min-height: 0px !important;
  }
  .h-xl-4 {
    height: 4px;
  }
  .h-xl-4--force {
    height: 4px !important;
  }
  .max-h-xl-4 {
    max-height: 4px;
  }
  .max-h-xl-4--force {
    max-height: 4px !important;
  }
  .min-h-xl-4 {
    min-height: 4px;
  }
  .min-h-xl-4--force {
    min-height: 4px !important;
  }
  .h-xl-8 {
    height: 8px;
  }
  .h-xl-8--force {
    height: 8px !important;
  }
  .max-h-xl-8 {
    max-height: 8px;
  }
  .max-h-xl-8--force {
    max-height: 8px !important;
  }
  .min-h-xl-8 {
    min-height: 8px;
  }
  .min-h-xl-8--force {
    min-height: 8px !important;
  }
  .h-xl-12 {
    height: 12px;
  }
  .h-xl-12--force {
    height: 12px !important;
  }
  .max-h-xl-12 {
    max-height: 12px;
  }
  .max-h-xl-12--force {
    max-height: 12px !important;
  }
  .min-h-xl-12 {
    min-height: 12px;
  }
  .min-h-xl-12--force {
    min-height: 12px !important;
  }
  .h-xl-16 {
    height: 16px;
  }
  .h-xl-16--force {
    height: 16px !important;
  }
  .max-h-xl-16 {
    max-height: 16px;
  }
  .max-h-xl-16--force {
    max-height: 16px !important;
  }
  .min-h-xl-16 {
    min-height: 16px;
  }
  .min-h-xl-16--force {
    min-height: 16px !important;
  }
  .h-xl-20 {
    height: 20px;
  }
  .h-xl-20--force {
    height: 20px !important;
  }
  .max-h-xl-20 {
    max-height: 20px;
  }
  .max-h-xl-20--force {
    max-height: 20px !important;
  }
  .min-h-xl-20 {
    min-height: 20px;
  }
  .min-h-xl-20--force {
    min-height: 20px !important;
  }
  .h-xl-24 {
    height: 24px;
  }
  .h-xl-24--force {
    height: 24px !important;
  }
  .max-h-xl-24 {
    max-height: 24px;
  }
  .max-h-xl-24--force {
    max-height: 24px !important;
  }
  .min-h-xl-24 {
    min-height: 24px;
  }
  .min-h-xl-24--force {
    min-height: 24px !important;
  }
  .h-xl-28 {
    height: 28px;
  }
  .h-xl-28--force {
    height: 28px !important;
  }
  .max-h-xl-28 {
    max-height: 28px;
  }
  .max-h-xl-28--force {
    max-height: 28px !important;
  }
  .min-h-xl-28 {
    min-height: 28px;
  }
  .min-h-xl-28--force {
    min-height: 28px !important;
  }
  .h-xl-32 {
    height: 32px;
  }
  .h-xl-32--force {
    height: 32px !important;
  }
  .max-h-xl-32 {
    max-height: 32px;
  }
  .max-h-xl-32--force {
    max-height: 32px !important;
  }
  .min-h-xl-32 {
    min-height: 32px;
  }
  .min-h-xl-32--force {
    min-height: 32px !important;
  }
  .h-xl-36 {
    height: 36px;
  }
  .h-xl-36--force {
    height: 36px !important;
  }
  .max-h-xl-36 {
    max-height: 36px;
  }
  .max-h-xl-36--force {
    max-height: 36px !important;
  }
  .min-h-xl-36 {
    min-height: 36px;
  }
  .min-h-xl-36--force {
    min-height: 36px !important;
  }
  .h-xl-40 {
    height: 40px;
  }
  .h-xl-40--force {
    height: 40px !important;
  }
  .max-h-xl-40 {
    max-height: 40px;
  }
  .max-h-xl-40--force {
    max-height: 40px !important;
  }
  .min-h-xl-40 {
    min-height: 40px;
  }
  .min-h-xl-40--force {
    min-height: 40px !important;
  }
  .h-xl-44 {
    height: 44px;
  }
  .h-xl-44--force {
    height: 44px !important;
  }
  .max-h-xl-44 {
    max-height: 44px;
  }
  .max-h-xl-44--force {
    max-height: 44px !important;
  }
  .min-h-xl-44 {
    min-height: 44px;
  }
  .min-h-xl-44--force {
    min-height: 44px !important;
  }
  .h-xl-48 {
    height: 48px;
  }
  .h-xl-48--force {
    height: 48px !important;
  }
  .max-h-xl-48 {
    max-height: 48px;
  }
  .max-h-xl-48--force {
    max-height: 48px !important;
  }
  .min-h-xl-48 {
    min-height: 48px;
  }
  .min-h-xl-48--force {
    min-height: 48px !important;
  }
  .h-xl-52 {
    height: 52px;
  }
  .h-xl-52--force {
    height: 52px !important;
  }
  .max-h-xl-52 {
    max-height: 52px;
  }
  .max-h-xl-52--force {
    max-height: 52px !important;
  }
  .min-h-xl-52 {
    min-height: 52px;
  }
  .min-h-xl-52--force {
    min-height: 52px !important;
  }
  .h-xl-56 {
    height: 56px;
  }
  .h-xl-56--force {
    height: 56px !important;
  }
  .max-h-xl-56 {
    max-height: 56px;
  }
  .max-h-xl-56--force {
    max-height: 56px !important;
  }
  .min-h-xl-56 {
    min-height: 56px;
  }
  .min-h-xl-56--force {
    min-height: 56px !important;
  }
  .h-xl-60 {
    height: 60px;
  }
  .h-xl-60--force {
    height: 60px !important;
  }
  .max-h-xl-60 {
    max-height: 60px;
  }
  .max-h-xl-60--force {
    max-height: 60px !important;
  }
  .min-h-xl-60 {
    min-height: 60px;
  }
  .min-h-xl-60--force {
    min-height: 60px !important;
  }
  .h-xl-64 {
    height: 64px;
  }
  .h-xl-64--force {
    height: 64px !important;
  }
  .max-h-xl-64 {
    max-height: 64px;
  }
  .max-h-xl-64--force {
    max-height: 64px !important;
  }
  .min-h-xl-64 {
    min-height: 64px;
  }
  .min-h-xl-64--force {
    min-height: 64px !important;
  }
  .h-xl-68 {
    height: 68px;
  }
  .h-xl-68--force {
    height: 68px !important;
  }
  .max-h-xl-68 {
    max-height: 68px;
  }
  .max-h-xl-68--force {
    max-height: 68px !important;
  }
  .min-h-xl-68 {
    min-height: 68px;
  }
  .min-h-xl-68--force {
    min-height: 68px !important;
  }
  .h-xl-72 {
    height: 72px;
  }
  .h-xl-72--force {
    height: 72px !important;
  }
  .max-h-xl-72 {
    max-height: 72px;
  }
  .max-h-xl-72--force {
    max-height: 72px !important;
  }
  .min-h-xl-72 {
    min-height: 72px;
  }
  .min-h-xl-72--force {
    min-height: 72px !important;
  }
  .h-xl-76 {
    height: 76px;
  }
  .h-xl-76--force {
    height: 76px !important;
  }
  .max-h-xl-76 {
    max-height: 76px;
  }
  .max-h-xl-76--force {
    max-height: 76px !important;
  }
  .min-h-xl-76 {
    min-height: 76px;
  }
  .min-h-xl-76--force {
    min-height: 76px !important;
  }
  .h-xl-80 {
    height: 80px;
  }
  .h-xl-80--force {
    height: 80px !important;
  }
  .max-h-xl-80 {
    max-height: 80px;
  }
  .max-h-xl-80--force {
    max-height: 80px !important;
  }
  .min-h-xl-80 {
    min-height: 80px;
  }
  .min-h-xl-80--force {
    min-height: 80px !important;
  }
  .h-xl-84 {
    height: 84px;
  }
  .h-xl-84--force {
    height: 84px !important;
  }
  .max-h-xl-84 {
    max-height: 84px;
  }
  .max-h-xl-84--force {
    max-height: 84px !important;
  }
  .min-h-xl-84 {
    min-height: 84px;
  }
  .min-h-xl-84--force {
    min-height: 84px !important;
  }
  .h-xl-88 {
    height: 88px;
  }
  .h-xl-88--force {
    height: 88px !important;
  }
  .max-h-xl-88 {
    max-height: 88px;
  }
  .max-h-xl-88--force {
    max-height: 88px !important;
  }
  .min-h-xl-88 {
    min-height: 88px;
  }
  .min-h-xl-88--force {
    min-height: 88px !important;
  }
  .h-xl-92 {
    height: 92px;
  }
  .h-xl-92--force {
    height: 92px !important;
  }
  .max-h-xl-92 {
    max-height: 92px;
  }
  .max-h-xl-92--force {
    max-height: 92px !important;
  }
  .min-h-xl-92 {
    min-height: 92px;
  }
  .min-h-xl-92--force {
    min-height: 92px !important;
  }
  .h-xl-96 {
    height: 96px;
  }
  .h-xl-96--force {
    height: 96px !important;
  }
  .max-h-xl-96 {
    max-height: 96px;
  }
  .max-h-xl-96--force {
    max-height: 96px !important;
  }
  .min-h-xl-96 {
    min-height: 96px;
  }
  .min-h-xl-96--force {
    min-height: 96px !important;
  }
  .h-xl-100 {
    height: 100px;
  }
  .h-xl-100--force {
    height: 100px !important;
  }
  .max-h-xl-100 {
    max-height: 100px;
  }
  .max-h-xl-100--force {
    max-height: 100px !important;
  }
  .min-h-xl-100 {
    min-height: 100px;
  }
  .min-h-xl-100--force {
    min-height: 100px !important;
  }
  .h-xl-104 {
    height: 104px;
  }
  .h-xl-104--force {
    height: 104px !important;
  }
  .max-h-xl-104 {
    max-height: 104px;
  }
  .max-h-xl-104--force {
    max-height: 104px !important;
  }
  .min-h-xl-104 {
    min-height: 104px;
  }
  .min-h-xl-104--force {
    min-height: 104px !important;
  }
  .h-xl-108 {
    height: 108px;
  }
  .h-xl-108--force {
    height: 108px !important;
  }
  .max-h-xl-108 {
    max-height: 108px;
  }
  .max-h-xl-108--force {
    max-height: 108px !important;
  }
  .min-h-xl-108 {
    min-height: 108px;
  }
  .min-h-xl-108--force {
    min-height: 108px !important;
  }
  .h-xl-112 {
    height: 112px;
  }
  .h-xl-112--force {
    height: 112px !important;
  }
  .max-h-xl-112 {
    max-height: 112px;
  }
  .max-h-xl-112--force {
    max-height: 112px !important;
  }
  .min-h-xl-112 {
    min-height: 112px;
  }
  .min-h-xl-112--force {
    min-height: 112px !important;
  }
  .h-xl-116 {
    height: 116px;
  }
  .h-xl-116--force {
    height: 116px !important;
  }
  .max-h-xl-116 {
    max-height: 116px;
  }
  .max-h-xl-116--force {
    max-height: 116px !important;
  }
  .min-h-xl-116 {
    min-height: 116px;
  }
  .min-h-xl-116--force {
    min-height: 116px !important;
  }
  .h-xl-120 {
    height: 120px;
  }
  .h-xl-120--force {
    height: 120px !important;
  }
  .max-h-xl-120 {
    max-height: 120px;
  }
  .max-h-xl-120--force {
    max-height: 120px !important;
  }
  .min-h-xl-120 {
    min-height: 120px;
  }
  .min-h-xl-120--force {
    min-height: 120px !important;
  }
  .h-xl-124 {
    height: 124px;
  }
  .h-xl-124--force {
    height: 124px !important;
  }
  .max-h-xl-124 {
    max-height: 124px;
  }
  .max-h-xl-124--force {
    max-height: 124px !important;
  }
  .min-h-xl-124 {
    min-height: 124px;
  }
  .min-h-xl-124--force {
    min-height: 124px !important;
  }
  .h-xl-128 {
    height: 128px;
  }
  .h-xl-128--force {
    height: 128px !important;
  }
  .max-h-xl-128 {
    max-height: 128px;
  }
  .max-h-xl-128--force {
    max-height: 128px !important;
  }
  .min-h-xl-128 {
    min-height: 128px;
  }
  .min-h-xl-128--force {
    min-height: 128px !important;
  }
  .h-xl-132 {
    height: 132px;
  }
  .h-xl-132--force {
    height: 132px !important;
  }
  .max-h-xl-132 {
    max-height: 132px;
  }
  .max-h-xl-132--force {
    max-height: 132px !important;
  }
  .min-h-xl-132 {
    min-height: 132px;
  }
  .min-h-xl-132--force {
    min-height: 132px !important;
  }
  .h-xl-136 {
    height: 136px;
  }
  .h-xl-136--force {
    height: 136px !important;
  }
  .max-h-xl-136 {
    max-height: 136px;
  }
  .max-h-xl-136--force {
    max-height: 136px !important;
  }
  .min-h-xl-136 {
    min-height: 136px;
  }
  .min-h-xl-136--force {
    min-height: 136px !important;
  }
  .h-xl-140 {
    height: 140px;
  }
  .h-xl-140--force {
    height: 140px !important;
  }
  .max-h-xl-140 {
    max-height: 140px;
  }
  .max-h-xl-140--force {
    max-height: 140px !important;
  }
  .min-h-xl-140 {
    min-height: 140px;
  }
  .min-h-xl-140--force {
    min-height: 140px !important;
  }
  .h-xl-144 {
    height: 144px;
  }
  .h-xl-144--force {
    height: 144px !important;
  }
  .max-h-xl-144 {
    max-height: 144px;
  }
  .max-h-xl-144--force {
    max-height: 144px !important;
  }
  .min-h-xl-144 {
    min-height: 144px;
  }
  .min-h-xl-144--force {
    min-height: 144px !important;
  }
  .h-xl-148 {
    height: 148px;
  }
  .h-xl-148--force {
    height: 148px !important;
  }
  .max-h-xl-148 {
    max-height: 148px;
  }
  .max-h-xl-148--force {
    max-height: 148px !important;
  }
  .min-h-xl-148 {
    min-height: 148px;
  }
  .min-h-xl-148--force {
    min-height: 148px !important;
  }
  .h-xl-152 {
    height: 152px;
  }
  .h-xl-152--force {
    height: 152px !important;
  }
  .max-h-xl-152 {
    max-height: 152px;
  }
  .max-h-xl-152--force {
    max-height: 152px !important;
  }
  .min-h-xl-152 {
    min-height: 152px;
  }
  .min-h-xl-152--force {
    min-height: 152px !important;
  }
  .h-xl-156 {
    height: 156px;
  }
  .h-xl-156--force {
    height: 156px !important;
  }
  .max-h-xl-156 {
    max-height: 156px;
  }
  .max-h-xl-156--force {
    max-height: 156px !important;
  }
  .min-h-xl-156 {
    min-height: 156px;
  }
  .min-h-xl-156--force {
    min-height: 156px !important;
  }
  .h-xl-160 {
    height: 160px;
  }
  .h-xl-160--force {
    height: 160px !important;
  }
  .max-h-xl-160 {
    max-height: 160px;
  }
  .max-h-xl-160--force {
    max-height: 160px !important;
  }
  .min-h-xl-160 {
    min-height: 160px;
  }
  .min-h-xl-160--force {
    min-height: 160px !important;
  }
  .h-xl-164 {
    height: 164px;
  }
  .h-xl-164--force {
    height: 164px !important;
  }
  .max-h-xl-164 {
    max-height: 164px;
  }
  .max-h-xl-164--force {
    max-height: 164px !important;
  }
  .min-h-xl-164 {
    min-height: 164px;
  }
  .min-h-xl-164--force {
    min-height: 164px !important;
  }
  .h-xl-168 {
    height: 168px;
  }
  .h-xl-168--force {
    height: 168px !important;
  }
  .max-h-xl-168 {
    max-height: 168px;
  }
  .max-h-xl-168--force {
    max-height: 168px !important;
  }
  .min-h-xl-168 {
    min-height: 168px;
  }
  .min-h-xl-168--force {
    min-height: 168px !important;
  }
  .h-xl-172 {
    height: 172px;
  }
  .h-xl-172--force {
    height: 172px !important;
  }
  .max-h-xl-172 {
    max-height: 172px;
  }
  .max-h-xl-172--force {
    max-height: 172px !important;
  }
  .min-h-xl-172 {
    min-height: 172px;
  }
  .min-h-xl-172--force {
    min-height: 172px !important;
  }
  .h-xl-176 {
    height: 176px;
  }
  .h-xl-176--force {
    height: 176px !important;
  }
  .max-h-xl-176 {
    max-height: 176px;
  }
  .max-h-xl-176--force {
    max-height: 176px !important;
  }
  .min-h-xl-176 {
    min-height: 176px;
  }
  .min-h-xl-176--force {
    min-height: 176px !important;
  }
  .h-xl-180 {
    height: 180px;
  }
  .h-xl-180--force {
    height: 180px !important;
  }
  .max-h-xl-180 {
    max-height: 180px;
  }
  .max-h-xl-180--force {
    max-height: 180px !important;
  }
  .min-h-xl-180 {
    min-height: 180px;
  }
  .min-h-xl-180--force {
    min-height: 180px !important;
  }
  .h-xl-184 {
    height: 184px;
  }
  .h-xl-184--force {
    height: 184px !important;
  }
  .max-h-xl-184 {
    max-height: 184px;
  }
  .max-h-xl-184--force {
    max-height: 184px !important;
  }
  .min-h-xl-184 {
    min-height: 184px;
  }
  .min-h-xl-184--force {
    min-height: 184px !important;
  }
  .h-xl-188 {
    height: 188px;
  }
  .h-xl-188--force {
    height: 188px !important;
  }
  .max-h-xl-188 {
    max-height: 188px;
  }
  .max-h-xl-188--force {
    max-height: 188px !important;
  }
  .min-h-xl-188 {
    min-height: 188px;
  }
  .min-h-xl-188--force {
    min-height: 188px !important;
  }
  .h-xl-192 {
    height: 192px;
  }
  .h-xl-192--force {
    height: 192px !important;
  }
  .max-h-xl-192 {
    max-height: 192px;
  }
  .max-h-xl-192--force {
    max-height: 192px !important;
  }
  .min-h-xl-192 {
    min-height: 192px;
  }
  .min-h-xl-192--force {
    min-height: 192px !important;
  }
  .h-xl-196 {
    height: 196px;
  }
  .h-xl-196--force {
    height: 196px !important;
  }
  .max-h-xl-196 {
    max-height: 196px;
  }
  .max-h-xl-196--force {
    max-height: 196px !important;
  }
  .min-h-xl-196 {
    min-height: 196px;
  }
  .min-h-xl-196--force {
    min-height: 196px !important;
  }
  .h-xl-200 {
    height: 200px;
  }
  .h-xl-200--force {
    height: 200px !important;
  }
  .max-h-xl-200 {
    max-height: 200px;
  }
  .max-h-xl-200--force {
    max-height: 200px !important;
  }
  .min-h-xl-200 {
    min-height: 200px;
  }
  .min-h-xl-200--force {
    min-height: 200px !important;
  }
  .h-xl-204 {
    height: 204px;
  }
  .h-xl-204--force {
    height: 204px !important;
  }
  .max-h-xl-204 {
    max-height: 204px;
  }
  .max-h-xl-204--force {
    max-height: 204px !important;
  }
  .min-h-xl-204 {
    min-height: 204px;
  }
  .min-h-xl-204--force {
    min-height: 204px !important;
  }
  .h-xl-208 {
    height: 208px;
  }
  .h-xl-208--force {
    height: 208px !important;
  }
  .max-h-xl-208 {
    max-height: 208px;
  }
  .max-h-xl-208--force {
    max-height: 208px !important;
  }
  .min-h-xl-208 {
    min-height: 208px;
  }
  .min-h-xl-208--force {
    min-height: 208px !important;
  }
  .h-xl-212 {
    height: 212px;
  }
  .h-xl-212--force {
    height: 212px !important;
  }
  .max-h-xl-212 {
    max-height: 212px;
  }
  .max-h-xl-212--force {
    max-height: 212px !important;
  }
  .min-h-xl-212 {
    min-height: 212px;
  }
  .min-h-xl-212--force {
    min-height: 212px !important;
  }
  .h-xl-216 {
    height: 216px;
  }
  .h-xl-216--force {
    height: 216px !important;
  }
  .max-h-xl-216 {
    max-height: 216px;
  }
  .max-h-xl-216--force {
    max-height: 216px !important;
  }
  .min-h-xl-216 {
    min-height: 216px;
  }
  .min-h-xl-216--force {
    min-height: 216px !important;
  }
  .h-xl-220 {
    height: 220px;
  }
  .h-xl-220--force {
    height: 220px !important;
  }
  .max-h-xl-220 {
    max-height: 220px;
  }
  .max-h-xl-220--force {
    max-height: 220px !important;
  }
  .min-h-xl-220 {
    min-height: 220px;
  }
  .min-h-xl-220--force {
    min-height: 220px !important;
  }
  .h-xl-224 {
    height: 224px;
  }
  .h-xl-224--force {
    height: 224px !important;
  }
  .max-h-xl-224 {
    max-height: 224px;
  }
  .max-h-xl-224--force {
    max-height: 224px !important;
  }
  .min-h-xl-224 {
    min-height: 224px;
  }
  .min-h-xl-224--force {
    min-height: 224px !important;
  }
  .h-xl-228 {
    height: 228px;
  }
  .h-xl-228--force {
    height: 228px !important;
  }
  .max-h-xl-228 {
    max-height: 228px;
  }
  .max-h-xl-228--force {
    max-height: 228px !important;
  }
  .min-h-xl-228 {
    min-height: 228px;
  }
  .min-h-xl-228--force {
    min-height: 228px !important;
  }
  .h-xl-232 {
    height: 232px;
  }
  .h-xl-232--force {
    height: 232px !important;
  }
  .max-h-xl-232 {
    max-height: 232px;
  }
  .max-h-xl-232--force {
    max-height: 232px !important;
  }
  .min-h-xl-232 {
    min-height: 232px;
  }
  .min-h-xl-232--force {
    min-height: 232px !important;
  }
  .h-xl-236 {
    height: 236px;
  }
  .h-xl-236--force {
    height: 236px !important;
  }
  .max-h-xl-236 {
    max-height: 236px;
  }
  .max-h-xl-236--force {
    max-height: 236px !important;
  }
  .min-h-xl-236 {
    min-height: 236px;
  }
  .min-h-xl-236--force {
    min-height: 236px !important;
  }
  .h-xl-240 {
    height: 240px;
  }
  .h-xl-240--force {
    height: 240px !important;
  }
  .max-h-xl-240 {
    max-height: 240px;
  }
  .max-h-xl-240--force {
    max-height: 240px !important;
  }
  .min-h-xl-240 {
    min-height: 240px;
  }
  .min-h-xl-240--force {
    min-height: 240px !important;
  }
  .h-xl-244 {
    height: 244px;
  }
  .h-xl-244--force {
    height: 244px !important;
  }
  .max-h-xl-244 {
    max-height: 244px;
  }
  .max-h-xl-244--force {
    max-height: 244px !important;
  }
  .min-h-xl-244 {
    min-height: 244px;
  }
  .min-h-xl-244--force {
    min-height: 244px !important;
  }
  .h-xl-248 {
    height: 248px;
  }
  .h-xl-248--force {
    height: 248px !important;
  }
  .max-h-xl-248 {
    max-height: 248px;
  }
  .max-h-xl-248--force {
    max-height: 248px !important;
  }
  .min-h-xl-248 {
    min-height: 248px;
  }
  .min-h-xl-248--force {
    min-height: 248px !important;
  }
  .h-xl-252 {
    height: 252px;
  }
  .h-xl-252--force {
    height: 252px !important;
  }
  .max-h-xl-252 {
    max-height: 252px;
  }
  .max-h-xl-252--force {
    max-height: 252px !important;
  }
  .min-h-xl-252 {
    min-height: 252px;
  }
  .min-h-xl-252--force {
    min-height: 252px !important;
  }
  .h-xl-256 {
    height: 256px;
  }
  .h-xl-256--force {
    height: 256px !important;
  }
  .max-h-xl-256 {
    max-height: 256px;
  }
  .max-h-xl-256--force {
    max-height: 256px !important;
  }
  .min-h-xl-256 {
    min-height: 256px;
  }
  .min-h-xl-256--force {
    min-height: 256px !important;
  }
  .h-xl-0-p {
    height: 0%;
  }
  .h-xl-0-p--force {
    height: 0% !important;
  }
  .max-h-xl-0-p {
    max-height: 0%;
  }
  .max-h-xl-0-p--force {
    max-height: 0% !important;
  }
  .min-h-xl-0-p {
    min-height: 0%;
  }
  .min-h-xl-0-p--force {
    min-height: 0% !important;
  }
  .h-xl-5-p {
    height: 5%;
  }
  .h-xl-5-p--force {
    height: 5% !important;
  }
  .max-h-xl-5-p {
    max-height: 5%;
  }
  .max-h-xl-5-p--force {
    max-height: 5% !important;
  }
  .min-h-xl-5-p {
    min-height: 5%;
  }
  .min-h-xl-5-p--force {
    min-height: 5% !important;
  }
  .h-xl-10-p {
    height: 10%;
  }
  .h-xl-10-p--force {
    height: 10% !important;
  }
  .max-h-xl-10-p {
    max-height: 10%;
  }
  .max-h-xl-10-p--force {
    max-height: 10% !important;
  }
  .min-h-xl-10-p {
    min-height: 10%;
  }
  .min-h-xl-10-p--force {
    min-height: 10% !important;
  }
  .h-xl-15-p {
    height: 15%;
  }
  .h-xl-15-p--force {
    height: 15% !important;
  }
  .max-h-xl-15-p {
    max-height: 15%;
  }
  .max-h-xl-15-p--force {
    max-height: 15% !important;
  }
  .min-h-xl-15-p {
    min-height: 15%;
  }
  .min-h-xl-15-p--force {
    min-height: 15% !important;
  }
  .h-xl-20-p {
    height: 20%;
  }
  .h-xl-20-p--force {
    height: 20% !important;
  }
  .max-h-xl-20-p {
    max-height: 20%;
  }
  .max-h-xl-20-p--force {
    max-height: 20% !important;
  }
  .min-h-xl-20-p {
    min-height: 20%;
  }
  .min-h-xl-20-p--force {
    min-height: 20% !important;
  }
  .h-xl-25-p {
    height: 25%;
  }
  .h-xl-25-p--force {
    height: 25% !important;
  }
  .max-h-xl-25-p {
    max-height: 25%;
  }
  .max-h-xl-25-p--force {
    max-height: 25% !important;
  }
  .min-h-xl-25-p {
    min-height: 25%;
  }
  .min-h-xl-25-p--force {
    min-height: 25% !important;
  }
  .h-xl-30-p {
    height: 30%;
  }
  .h-xl-30-p--force {
    height: 30% !important;
  }
  .max-h-xl-30-p {
    max-height: 30%;
  }
  .max-h-xl-30-p--force {
    max-height: 30% !important;
  }
  .min-h-xl-30-p {
    min-height: 30%;
  }
  .min-h-xl-30-p--force {
    min-height: 30% !important;
  }
  .h-xl-35-p {
    height: 35%;
  }
  .h-xl-35-p--force {
    height: 35% !important;
  }
  .max-h-xl-35-p {
    max-height: 35%;
  }
  .max-h-xl-35-p--force {
    max-height: 35% !important;
  }
  .min-h-xl-35-p {
    min-height: 35%;
  }
  .min-h-xl-35-p--force {
    min-height: 35% !important;
  }
  .h-xl-40-p {
    height: 40%;
  }
  .h-xl-40-p--force {
    height: 40% !important;
  }
  .max-h-xl-40-p {
    max-height: 40%;
  }
  .max-h-xl-40-p--force {
    max-height: 40% !important;
  }
  .min-h-xl-40-p {
    min-height: 40%;
  }
  .min-h-xl-40-p--force {
    min-height: 40% !important;
  }
  .h-xl-45-p {
    height: 45%;
  }
  .h-xl-45-p--force {
    height: 45% !important;
  }
  .max-h-xl-45-p {
    max-height: 45%;
  }
  .max-h-xl-45-p--force {
    max-height: 45% !important;
  }
  .min-h-xl-45-p {
    min-height: 45%;
  }
  .min-h-xl-45-p--force {
    min-height: 45% !important;
  }
  .h-xl-50-p {
    height: 50%;
  }
  .h-xl-50-p--force {
    height: 50% !important;
  }
  .max-h-xl-50-p {
    max-height: 50%;
  }
  .max-h-xl-50-p--force {
    max-height: 50% !important;
  }
  .min-h-xl-50-p {
    min-height: 50%;
  }
  .min-h-xl-50-p--force {
    min-height: 50% !important;
  }
  .h-xl-55-p {
    height: 55%;
  }
  .h-xl-55-p--force {
    height: 55% !important;
  }
  .max-h-xl-55-p {
    max-height: 55%;
  }
  .max-h-xl-55-p--force {
    max-height: 55% !important;
  }
  .min-h-xl-55-p {
    min-height: 55%;
  }
  .min-h-xl-55-p--force {
    min-height: 55% !important;
  }
  .h-xl-60-p {
    height: 60%;
  }
  .h-xl-60-p--force {
    height: 60% !important;
  }
  .max-h-xl-60-p {
    max-height: 60%;
  }
  .max-h-xl-60-p--force {
    max-height: 60% !important;
  }
  .min-h-xl-60-p {
    min-height: 60%;
  }
  .min-h-xl-60-p--force {
    min-height: 60% !important;
  }
  .h-xl-65-p {
    height: 65%;
  }
  .h-xl-65-p--force {
    height: 65% !important;
  }
  .max-h-xl-65-p {
    max-height: 65%;
  }
  .max-h-xl-65-p--force {
    max-height: 65% !important;
  }
  .min-h-xl-65-p {
    min-height: 65%;
  }
  .min-h-xl-65-p--force {
    min-height: 65% !important;
  }
  .h-xl-70-p {
    height: 70%;
  }
  .h-xl-70-p--force {
    height: 70% !important;
  }
  .max-h-xl-70-p {
    max-height: 70%;
  }
  .max-h-xl-70-p--force {
    max-height: 70% !important;
  }
  .min-h-xl-70-p {
    min-height: 70%;
  }
  .min-h-xl-70-p--force {
    min-height: 70% !important;
  }
  .h-xl-75-p {
    height: 75%;
  }
  .h-xl-75-p--force {
    height: 75% !important;
  }
  .max-h-xl-75-p {
    max-height: 75%;
  }
  .max-h-xl-75-p--force {
    max-height: 75% !important;
  }
  .min-h-xl-75-p {
    min-height: 75%;
  }
  .min-h-xl-75-p--force {
    min-height: 75% !important;
  }
  .h-xl-80-p {
    height: 80%;
  }
  .h-xl-80-p--force {
    height: 80% !important;
  }
  .max-h-xl-80-p {
    max-height: 80%;
  }
  .max-h-xl-80-p--force {
    max-height: 80% !important;
  }
  .min-h-xl-80-p {
    min-height: 80%;
  }
  .min-h-xl-80-p--force {
    min-height: 80% !important;
  }
  .h-xl-85-p {
    height: 85%;
  }
  .h-xl-85-p--force {
    height: 85% !important;
  }
  .max-h-xl-85-p {
    max-height: 85%;
  }
  .max-h-xl-85-p--force {
    max-height: 85% !important;
  }
  .min-h-xl-85-p {
    min-height: 85%;
  }
  .min-h-xl-85-p--force {
    min-height: 85% !important;
  }
  .h-xl-90-p {
    height: 90%;
  }
  .h-xl-90-p--force {
    height: 90% !important;
  }
  .max-h-xl-90-p {
    max-height: 90%;
  }
  .max-h-xl-90-p--force {
    max-height: 90% !important;
  }
  .min-h-xl-90-p {
    min-height: 90%;
  }
  .min-h-xl-90-p--force {
    min-height: 90% !important;
  }
  .h-xl-95-p {
    height: 95%;
  }
  .h-xl-95-p--force {
    height: 95% !important;
  }
  .max-h-xl-95-p {
    max-height: 95%;
  }
  .max-h-xl-95-p--force {
    max-height: 95% !important;
  }
  .min-h-xl-95-p {
    min-height: 95%;
  }
  .min-h-xl-95-p--force {
    min-height: 95% !important;
  }
  .h-xl-100-p {
    height: 100%;
  }
  .h-xl-100-p--force {
    height: 100% !important;
  }
  .max-h-xl-100-p {
    max-height: 100%;
  }
  .max-h-xl-100-p--force {
    max-height: 100% !important;
  }
  .min-h-xl-100-p {
    min-height: 100%;
  }
  .min-h-xl-100-p--force {
    min-height: 100% !important;
  }
  .h-xl-300 {
    height: 300px;
  }
  .h-xl-300--force {
    height: 300px !important;
  }
  .max-h-xl-300 {
    max-height: 300px;
  }
  .max-h-xl-300--force {
    max-height: 300px !important;
  }
  .min-h-xl-300 {
    min-height: 300px;
  }
  .min-h-xl-300--force {
    min-height: 300px !important;
  }
  .h-xl-400 {
    height: 400px;
  }
  .h-xl-400--force {
    height: 400px !important;
  }
  .max-h-xl-400 {
    max-height: 400px;
  }
  .max-h-xl-400--force {
    max-height: 400px !important;
  }
  .min-h-xl-400 {
    min-height: 400px;
  }
  .min-h-xl-400--force {
    min-height: 400px !important;
  }
  .h-xl-500 {
    height: 500px;
  }
  .h-xl-500--force {
    height: 500px !important;
  }
  .max-h-xl-500 {
    max-height: 500px;
  }
  .max-h-xl-500--force {
    max-height: 500px !important;
  }
  .min-h-xl-500 {
    min-height: 500px;
  }
  .min-h-xl-500--force {
    min-height: 500px !important;
  }
  .h-xl-600 {
    height: 600px;
  }
  .h-xl-600--force {
    height: 600px !important;
  }
  .max-h-xl-600 {
    max-height: 600px;
  }
  .max-h-xl-600--force {
    max-height: 600px !important;
  }
  .min-h-xl-600 {
    min-height: 600px;
  }
  .min-h-xl-600--force {
    min-height: 600px !important;
  }
  .h-xl-700 {
    height: 700px;
  }
  .h-xl-700--force {
    height: 700px !important;
  }
  .max-h-xl-700 {
    max-height: 700px;
  }
  .max-h-xl-700--force {
    max-height: 700px !important;
  }
  .min-h-xl-700 {
    min-height: 700px;
  }
  .min-h-xl-700--force {
    min-height: 700px !important;
  }
  .h-xl-800 {
    height: 800px;
  }
  .h-xl-800--force {
    height: 800px !important;
  }
  .max-h-xl-800 {
    max-height: 800px;
  }
  .max-h-xl-800--force {
    max-height: 800px !important;
  }
  .min-h-xl-800 {
    min-height: 800px;
  }
  .min-h-xl-800--force {
    min-height: 800px !important;
  }
  .h-xl-900 {
    height: 900px;
  }
  .h-xl-900--force {
    height: 900px !important;
  }
  .max-h-xl-900 {
    max-height: 900px;
  }
  .max-h-xl-900--force {
    max-height: 900px !important;
  }
  .min-h-xl-900 {
    min-height: 900px;
  }
  .min-h-xl-900--force {
    min-height: 900px !important;
  }
  .h-xl-1000 {
    height: 1000px;
  }
  .h-xl-1000--force {
    height: 1000px !important;
  }
  .max-h-xl-1000 {
    max-height: 1000px;
  }
  .max-h-xl-1000--force {
    max-height: 1000px !important;
  }
  .min-h-xl-1000 {
    min-height: 1000px;
  }
  .min-h-xl-1000--force {
    min-height: 1000px !important;
  }
  .h-xl-1100 {
    height: 1100px;
  }
  .h-xl-1100--force {
    height: 1100px !important;
  }
  .max-h-xl-1100 {
    max-height: 1100px;
  }
  .max-h-xl-1100--force {
    max-height: 1100px !important;
  }
  .min-h-xl-1100 {
    min-height: 1100px;
  }
  .min-h-xl-1100--force {
    min-height: 1100px !important;
  }
  .h-xl-1200 {
    height: 1200px;
  }
  .h-xl-1200--force {
    height: 1200px !important;
  }
  .max-h-xl-1200 {
    max-height: 1200px;
  }
  .max-h-xl-1200--force {
    max-height: 1200px !important;
  }
  .min-h-xl-1200 {
    min-height: 1200px;
  }
  .min-h-xl-1200--force {
    min-height: 1200px !important;
  }
  .h-xl-1300 {
    height: 1300px;
  }
  .h-xl-1300--force {
    height: 1300px !important;
  }
  .max-h-xl-1300 {
    max-height: 1300px;
  }
  .max-h-xl-1300--force {
    max-height: 1300px !important;
  }
  .min-h-xl-1300 {
    min-height: 1300px;
  }
  .min-h-xl-1300--force {
    min-height: 1300px !important;
  }
  .h-xl-1400 {
    height: 1400px;
  }
  .h-xl-1400--force {
    height: 1400px !important;
  }
  .max-h-xl-1400 {
    max-height: 1400px;
  }
  .max-h-xl-1400--force {
    max-height: 1400px !important;
  }
  .min-h-xl-1400 {
    min-height: 1400px;
  }
  .min-h-xl-1400--force {
    min-height: 1400px !important;
  }
  .h-xl-1500 {
    height: 1500px;
  }
  .h-xl-1500--force {
    height: 1500px !important;
  }
  .max-h-xl-1500 {
    max-height: 1500px;
  }
  .max-h-xl-1500--force {
    max-height: 1500px !important;
  }
  .min-h-xl-1500 {
    min-height: 1500px;
  }
  .min-h-xl-1500--force {
    min-height: 1500px !important;
  }
  .h-xl-1600 {
    height: 1600px;
  }
  .h-xl-1600--force {
    height: 1600px !important;
  }
  .max-h-xl-1600 {
    max-height: 1600px;
  }
  .max-h-xl-1600--force {
    max-height: 1600px !important;
  }
  .min-h-xl-1600 {
    min-height: 1600px;
  }
  .min-h-xl-1600--force {
    min-height: 1600px !important;
  }
  .h-xl-1700 {
    height: 1700px;
  }
  .h-xl-1700--force {
    height: 1700px !important;
  }
  .max-h-xl-1700 {
    max-height: 1700px;
  }
  .max-h-xl-1700--force {
    max-height: 1700px !important;
  }
  .min-h-xl-1700 {
    min-height: 1700px;
  }
  .min-h-xl-1700--force {
    min-height: 1700px !important;
  }
  .h-xl-1800 {
    height: 1800px;
  }
  .h-xl-1800--force {
    height: 1800px !important;
  }
  .max-h-xl-1800 {
    max-height: 1800px;
  }
  .max-h-xl-1800--force {
    max-height: 1800px !important;
  }
  .min-h-xl-1800 {
    min-height: 1800px;
  }
  .min-h-xl-1800--force {
    min-height: 1800px !important;
  }
  .h-xl-1900 {
    height: 1900px;
  }
  .h-xl-1900--force {
    height: 1900px !important;
  }
  .max-h-xl-1900 {
    max-height: 1900px;
  }
  .max-h-xl-1900--force {
    max-height: 1900px !important;
  }
  .min-h-xl-1900 {
    min-height: 1900px;
  }
  .min-h-xl-1900--force {
    min-height: 1900px !important;
  }
  .h-xl-2000 {
    height: 2000px;
  }
  .h-xl-2000--force {
    height: 2000px !important;
  }
  .max-h-xl-2000 {
    max-height: 2000px;
  }
  .max-h-xl-2000--force {
    max-height: 2000px !important;
  }
  .min-h-xl-2000 {
    min-height: 2000px;
  }
  .min-h-xl-2000--force {
    min-height: 2000px !important;
  }
  .h-xl-auto {
    height: auto;
  }
  .h-xl-auto--force {
    height: auto !important;
  }
  .w-xl-0 {
    width: 0px;
  }
  .w-xl-0--force {
    width: 0px !important;
  }
  .max-w-xl-0 {
    max-width: 0px;
  }
  .max-w-xl-0--force {
    max-width: 0px !important;
  }
  .min-w-xl-0 {
    min-width: 0px;
  }
  .min-w-xl-0--force {
    min-width: 0px !important;
  }
  .w-xl-4 {
    width: 4px;
  }
  .w-xl-4--force {
    width: 4px !important;
  }
  .max-w-xl-4 {
    max-width: 4px;
  }
  .max-w-xl-4--force {
    max-width: 4px !important;
  }
  .min-w-xl-4 {
    min-width: 4px;
  }
  .min-w-xl-4--force {
    min-width: 4px !important;
  }
  .w-xl-8 {
    width: 8px;
  }
  .w-xl-8--force {
    width: 8px !important;
  }
  .max-w-xl-8 {
    max-width: 8px;
  }
  .max-w-xl-8--force {
    max-width: 8px !important;
  }
  .min-w-xl-8 {
    min-width: 8px;
  }
  .min-w-xl-8--force {
    min-width: 8px !important;
  }
  .w-xl-12 {
    width: 12px;
  }
  .w-xl-12--force {
    width: 12px !important;
  }
  .max-w-xl-12 {
    max-width: 12px;
  }
  .max-w-xl-12--force {
    max-width: 12px !important;
  }
  .min-w-xl-12 {
    min-width: 12px;
  }
  .min-w-xl-12--force {
    min-width: 12px !important;
  }
  .w-xl-16 {
    width: 16px;
  }
  .w-xl-16--force {
    width: 16px !important;
  }
  .max-w-xl-16 {
    max-width: 16px;
  }
  .max-w-xl-16--force {
    max-width: 16px !important;
  }
  .min-w-xl-16 {
    min-width: 16px;
  }
  .min-w-xl-16--force {
    min-width: 16px !important;
  }
  .w-xl-20 {
    width: 20px;
  }
  .w-xl-20--force {
    width: 20px !important;
  }
  .max-w-xl-20 {
    max-width: 20px;
  }
  .max-w-xl-20--force {
    max-width: 20px !important;
  }
  .min-w-xl-20 {
    min-width: 20px;
  }
  .min-w-xl-20--force {
    min-width: 20px !important;
  }
  .w-xl-24 {
    width: 24px;
  }
  .w-xl-24--force {
    width: 24px !important;
  }
  .max-w-xl-24 {
    max-width: 24px;
  }
  .max-w-xl-24--force {
    max-width: 24px !important;
  }
  .min-w-xl-24 {
    min-width: 24px;
  }
  .min-w-xl-24--force {
    min-width: 24px !important;
  }
  .w-xl-28 {
    width: 28px;
  }
  .w-xl-28--force {
    width: 28px !important;
  }
  .max-w-xl-28 {
    max-width: 28px;
  }
  .max-w-xl-28--force {
    max-width: 28px !important;
  }
  .min-w-xl-28 {
    min-width: 28px;
  }
  .min-w-xl-28--force {
    min-width: 28px !important;
  }
  .w-xl-32 {
    width: 32px;
  }
  .w-xl-32--force {
    width: 32px !important;
  }
  .max-w-xl-32 {
    max-width: 32px;
  }
  .max-w-xl-32--force {
    max-width: 32px !important;
  }
  .min-w-xl-32 {
    min-width: 32px;
  }
  .min-w-xl-32--force {
    min-width: 32px !important;
  }
  .w-xl-36 {
    width: 36px;
  }
  .w-xl-36--force {
    width: 36px !important;
  }
  .max-w-xl-36 {
    max-width: 36px;
  }
  .max-w-xl-36--force {
    max-width: 36px !important;
  }
  .min-w-xl-36 {
    min-width: 36px;
  }
  .min-w-xl-36--force {
    min-width: 36px !important;
  }
  .w-xl-40 {
    width: 40px;
  }
  .w-xl-40--force {
    width: 40px !important;
  }
  .max-w-xl-40 {
    max-width: 40px;
  }
  .max-w-xl-40--force {
    max-width: 40px !important;
  }
  .min-w-xl-40 {
    min-width: 40px;
  }
  .min-w-xl-40--force {
    min-width: 40px !important;
  }
  .w-xl-44 {
    width: 44px;
  }
  .w-xl-44--force {
    width: 44px !important;
  }
  .max-w-xl-44 {
    max-width: 44px;
  }
  .max-w-xl-44--force {
    max-width: 44px !important;
  }
  .min-w-xl-44 {
    min-width: 44px;
  }
  .min-w-xl-44--force {
    min-width: 44px !important;
  }
  .w-xl-48 {
    width: 48px;
  }
  .w-xl-48--force {
    width: 48px !important;
  }
  .max-w-xl-48 {
    max-width: 48px;
  }
  .max-w-xl-48--force {
    max-width: 48px !important;
  }
  .min-w-xl-48 {
    min-width: 48px;
  }
  .min-w-xl-48--force {
    min-width: 48px !important;
  }
  .w-xl-52 {
    width: 52px;
  }
  .w-xl-52--force {
    width: 52px !important;
  }
  .max-w-xl-52 {
    max-width: 52px;
  }
  .max-w-xl-52--force {
    max-width: 52px !important;
  }
  .min-w-xl-52 {
    min-width: 52px;
  }
  .min-w-xl-52--force {
    min-width: 52px !important;
  }
  .w-xl-56 {
    width: 56px;
  }
  .w-xl-56--force {
    width: 56px !important;
  }
  .max-w-xl-56 {
    max-width: 56px;
  }
  .max-w-xl-56--force {
    max-width: 56px !important;
  }
  .min-w-xl-56 {
    min-width: 56px;
  }
  .min-w-xl-56--force {
    min-width: 56px !important;
  }
  .w-xl-60 {
    width: 60px;
  }
  .w-xl-60--force {
    width: 60px !important;
  }
  .max-w-xl-60 {
    max-width: 60px;
  }
  .max-w-xl-60--force {
    max-width: 60px !important;
  }
  .min-w-xl-60 {
    min-width: 60px;
  }
  .min-w-xl-60--force {
    min-width: 60px !important;
  }
  .w-xl-64 {
    width: 64px;
  }
  .w-xl-64--force {
    width: 64px !important;
  }
  .max-w-xl-64 {
    max-width: 64px;
  }
  .max-w-xl-64--force {
    max-width: 64px !important;
  }
  .min-w-xl-64 {
    min-width: 64px;
  }
  .min-w-xl-64--force {
    min-width: 64px !important;
  }
  .w-xl-68 {
    width: 68px;
  }
  .w-xl-68--force {
    width: 68px !important;
  }
  .max-w-xl-68 {
    max-width: 68px;
  }
  .max-w-xl-68--force {
    max-width: 68px !important;
  }
  .min-w-xl-68 {
    min-width: 68px;
  }
  .min-w-xl-68--force {
    min-width: 68px !important;
  }
  .w-xl-72 {
    width: 72px;
  }
  .w-xl-72--force {
    width: 72px !important;
  }
  .max-w-xl-72 {
    max-width: 72px;
  }
  .max-w-xl-72--force {
    max-width: 72px !important;
  }
  .min-w-xl-72 {
    min-width: 72px;
  }
  .min-w-xl-72--force {
    min-width: 72px !important;
  }
  .w-xl-76 {
    width: 76px;
  }
  .w-xl-76--force {
    width: 76px !important;
  }
  .max-w-xl-76 {
    max-width: 76px;
  }
  .max-w-xl-76--force {
    max-width: 76px !important;
  }
  .min-w-xl-76 {
    min-width: 76px;
  }
  .min-w-xl-76--force {
    min-width: 76px !important;
  }
  .w-xl-80 {
    width: 80px;
  }
  .w-xl-80--force {
    width: 80px !important;
  }
  .max-w-xl-80 {
    max-width: 80px;
  }
  .max-w-xl-80--force {
    max-width: 80px !important;
  }
  .min-w-xl-80 {
    min-width: 80px;
  }
  .min-w-xl-80--force {
    min-width: 80px !important;
  }
  .w-xl-84 {
    width: 84px;
  }
  .w-xl-84--force {
    width: 84px !important;
  }
  .max-w-xl-84 {
    max-width: 84px;
  }
  .max-w-xl-84--force {
    max-width: 84px !important;
  }
  .min-w-xl-84 {
    min-width: 84px;
  }
  .min-w-xl-84--force {
    min-width: 84px !important;
  }
  .w-xl-88 {
    width: 88px;
  }
  .w-xl-88--force {
    width: 88px !important;
  }
  .max-w-xl-88 {
    max-width: 88px;
  }
  .max-w-xl-88--force {
    max-width: 88px !important;
  }
  .min-w-xl-88 {
    min-width: 88px;
  }
  .min-w-xl-88--force {
    min-width: 88px !important;
  }
  .w-xl-92 {
    width: 92px;
  }
  .w-xl-92--force {
    width: 92px !important;
  }
  .max-w-xl-92 {
    max-width: 92px;
  }
  .max-w-xl-92--force {
    max-width: 92px !important;
  }
  .min-w-xl-92 {
    min-width: 92px;
  }
  .min-w-xl-92--force {
    min-width: 92px !important;
  }
  .w-xl-96 {
    width: 96px;
  }
  .w-xl-96--force {
    width: 96px !important;
  }
  .max-w-xl-96 {
    max-width: 96px;
  }
  .max-w-xl-96--force {
    max-width: 96px !important;
  }
  .min-w-xl-96 {
    min-width: 96px;
  }
  .min-w-xl-96--force {
    min-width: 96px !important;
  }
  .w-xl-100 {
    width: 100px;
  }
  .w-xl-100--force {
    width: 100px !important;
  }
  .max-w-xl-100 {
    max-width: 100px;
  }
  .max-w-xl-100--force {
    max-width: 100px !important;
  }
  .min-w-xl-100 {
    min-width: 100px;
  }
  .min-w-xl-100--force {
    min-width: 100px !important;
  }
  .w-xl-104 {
    width: 104px;
  }
  .w-xl-104--force {
    width: 104px !important;
  }
  .max-w-xl-104 {
    max-width: 104px;
  }
  .max-w-xl-104--force {
    max-width: 104px !important;
  }
  .min-w-xl-104 {
    min-width: 104px;
  }
  .min-w-xl-104--force {
    min-width: 104px !important;
  }
  .w-xl-108 {
    width: 108px;
  }
  .w-xl-108--force {
    width: 108px !important;
  }
  .max-w-xl-108 {
    max-width: 108px;
  }
  .max-w-xl-108--force {
    max-width: 108px !important;
  }
  .min-w-xl-108 {
    min-width: 108px;
  }
  .min-w-xl-108--force {
    min-width: 108px !important;
  }
  .w-xl-112 {
    width: 112px;
  }
  .w-xl-112--force {
    width: 112px !important;
  }
  .max-w-xl-112 {
    max-width: 112px;
  }
  .max-w-xl-112--force {
    max-width: 112px !important;
  }
  .min-w-xl-112 {
    min-width: 112px;
  }
  .min-w-xl-112--force {
    min-width: 112px !important;
  }
  .w-xl-116 {
    width: 116px;
  }
  .w-xl-116--force {
    width: 116px !important;
  }
  .max-w-xl-116 {
    max-width: 116px;
  }
  .max-w-xl-116--force {
    max-width: 116px !important;
  }
  .min-w-xl-116 {
    min-width: 116px;
  }
  .min-w-xl-116--force {
    min-width: 116px !important;
  }
  .w-xl-120 {
    width: 120px;
  }
  .w-xl-120--force {
    width: 120px !important;
  }
  .max-w-xl-120 {
    max-width: 120px;
  }
  .max-w-xl-120--force {
    max-width: 120px !important;
  }
  .min-w-xl-120 {
    min-width: 120px;
  }
  .min-w-xl-120--force {
    min-width: 120px !important;
  }
  .w-xl-124 {
    width: 124px;
  }
  .w-xl-124--force {
    width: 124px !important;
  }
  .max-w-xl-124 {
    max-width: 124px;
  }
  .max-w-xl-124--force {
    max-width: 124px !important;
  }
  .min-w-xl-124 {
    min-width: 124px;
  }
  .min-w-xl-124--force {
    min-width: 124px !important;
  }
  .w-xl-128 {
    width: 128px;
  }
  .w-xl-128--force {
    width: 128px !important;
  }
  .max-w-xl-128 {
    max-width: 128px;
  }
  .max-w-xl-128--force {
    max-width: 128px !important;
  }
  .min-w-xl-128 {
    min-width: 128px;
  }
  .min-w-xl-128--force {
    min-width: 128px !important;
  }
  .w-xl-132 {
    width: 132px;
  }
  .w-xl-132--force {
    width: 132px !important;
  }
  .max-w-xl-132 {
    max-width: 132px;
  }
  .max-w-xl-132--force {
    max-width: 132px !important;
  }
  .min-w-xl-132 {
    min-width: 132px;
  }
  .min-w-xl-132--force {
    min-width: 132px !important;
  }
  .w-xl-136 {
    width: 136px;
  }
  .w-xl-136--force {
    width: 136px !important;
  }
  .max-w-xl-136 {
    max-width: 136px;
  }
  .max-w-xl-136--force {
    max-width: 136px !important;
  }
  .min-w-xl-136 {
    min-width: 136px;
  }
  .min-w-xl-136--force {
    min-width: 136px !important;
  }
  .w-xl-140 {
    width: 140px;
  }
  .w-xl-140--force {
    width: 140px !important;
  }
  .max-w-xl-140 {
    max-width: 140px;
  }
  .max-w-xl-140--force {
    max-width: 140px !important;
  }
  .min-w-xl-140 {
    min-width: 140px;
  }
  .min-w-xl-140--force {
    min-width: 140px !important;
  }
  .w-xl-144 {
    width: 144px;
  }
  .w-xl-144--force {
    width: 144px !important;
  }
  .max-w-xl-144 {
    max-width: 144px;
  }
  .max-w-xl-144--force {
    max-width: 144px !important;
  }
  .min-w-xl-144 {
    min-width: 144px;
  }
  .min-w-xl-144--force {
    min-width: 144px !important;
  }
  .w-xl-148 {
    width: 148px;
  }
  .w-xl-148--force {
    width: 148px !important;
  }
  .max-w-xl-148 {
    max-width: 148px;
  }
  .max-w-xl-148--force {
    max-width: 148px !important;
  }
  .min-w-xl-148 {
    min-width: 148px;
  }
  .min-w-xl-148--force {
    min-width: 148px !important;
  }
  .w-xl-152 {
    width: 152px;
  }
  .w-xl-152--force {
    width: 152px !important;
  }
  .max-w-xl-152 {
    max-width: 152px;
  }
  .max-w-xl-152--force {
    max-width: 152px !important;
  }
  .min-w-xl-152 {
    min-width: 152px;
  }
  .min-w-xl-152--force {
    min-width: 152px !important;
  }
  .w-xl-156 {
    width: 156px;
  }
  .w-xl-156--force {
    width: 156px !important;
  }
  .max-w-xl-156 {
    max-width: 156px;
  }
  .max-w-xl-156--force {
    max-width: 156px !important;
  }
  .min-w-xl-156 {
    min-width: 156px;
  }
  .min-w-xl-156--force {
    min-width: 156px !important;
  }
  .w-xl-160 {
    width: 160px;
  }
  .w-xl-160--force {
    width: 160px !important;
  }
  .max-w-xl-160 {
    max-width: 160px;
  }
  .max-w-xl-160--force {
    max-width: 160px !important;
  }
  .min-w-xl-160 {
    min-width: 160px;
  }
  .min-w-xl-160--force {
    min-width: 160px !important;
  }
  .w-xl-164 {
    width: 164px;
  }
  .w-xl-164--force {
    width: 164px !important;
  }
  .max-w-xl-164 {
    max-width: 164px;
  }
  .max-w-xl-164--force {
    max-width: 164px !important;
  }
  .min-w-xl-164 {
    min-width: 164px;
  }
  .min-w-xl-164--force {
    min-width: 164px !important;
  }
  .w-xl-168 {
    width: 168px;
  }
  .w-xl-168--force {
    width: 168px !important;
  }
  .max-w-xl-168 {
    max-width: 168px;
  }
  .max-w-xl-168--force {
    max-width: 168px !important;
  }
  .min-w-xl-168 {
    min-width: 168px;
  }
  .min-w-xl-168--force {
    min-width: 168px !important;
  }
  .w-xl-172 {
    width: 172px;
  }
  .w-xl-172--force {
    width: 172px !important;
  }
  .max-w-xl-172 {
    max-width: 172px;
  }
  .max-w-xl-172--force {
    max-width: 172px !important;
  }
  .min-w-xl-172 {
    min-width: 172px;
  }
  .min-w-xl-172--force {
    min-width: 172px !important;
  }
  .w-xl-176 {
    width: 176px;
  }
  .w-xl-176--force {
    width: 176px !important;
  }
  .max-w-xl-176 {
    max-width: 176px;
  }
  .max-w-xl-176--force {
    max-width: 176px !important;
  }
  .min-w-xl-176 {
    min-width: 176px;
  }
  .min-w-xl-176--force {
    min-width: 176px !important;
  }
  .w-xl-180 {
    width: 180px;
  }
  .w-xl-180--force {
    width: 180px !important;
  }
  .max-w-xl-180 {
    max-width: 180px;
  }
  .max-w-xl-180--force {
    max-width: 180px !important;
  }
  .min-w-xl-180 {
    min-width: 180px;
  }
  .min-w-xl-180--force {
    min-width: 180px !important;
  }
  .w-xl-184 {
    width: 184px;
  }
  .w-xl-184--force {
    width: 184px !important;
  }
  .max-w-xl-184 {
    max-width: 184px;
  }
  .max-w-xl-184--force {
    max-width: 184px !important;
  }
  .min-w-xl-184 {
    min-width: 184px;
  }
  .min-w-xl-184--force {
    min-width: 184px !important;
  }
  .w-xl-188 {
    width: 188px;
  }
  .w-xl-188--force {
    width: 188px !important;
  }
  .max-w-xl-188 {
    max-width: 188px;
  }
  .max-w-xl-188--force {
    max-width: 188px !important;
  }
  .min-w-xl-188 {
    min-width: 188px;
  }
  .min-w-xl-188--force {
    min-width: 188px !important;
  }
  .w-xl-192 {
    width: 192px;
  }
  .w-xl-192--force {
    width: 192px !important;
  }
  .max-w-xl-192 {
    max-width: 192px;
  }
  .max-w-xl-192--force {
    max-width: 192px !important;
  }
  .min-w-xl-192 {
    min-width: 192px;
  }
  .min-w-xl-192--force {
    min-width: 192px !important;
  }
  .w-xl-196 {
    width: 196px;
  }
  .w-xl-196--force {
    width: 196px !important;
  }
  .max-w-xl-196 {
    max-width: 196px;
  }
  .max-w-xl-196--force {
    max-width: 196px !important;
  }
  .min-w-xl-196 {
    min-width: 196px;
  }
  .min-w-xl-196--force {
    min-width: 196px !important;
  }
  .w-xl-200 {
    width: 200px;
  }
  .w-xl-200--force {
    width: 200px !important;
  }
  .max-w-xl-200 {
    max-width: 200px;
  }
  .max-w-xl-200--force {
    max-width: 200px !important;
  }
  .min-w-xl-200 {
    min-width: 200px;
  }
  .min-w-xl-200--force {
    min-width: 200px !important;
  }
  .w-xl-204 {
    width: 204px;
  }
  .w-xl-204--force {
    width: 204px !important;
  }
  .max-w-xl-204 {
    max-width: 204px;
  }
  .max-w-xl-204--force {
    max-width: 204px !important;
  }
  .min-w-xl-204 {
    min-width: 204px;
  }
  .min-w-xl-204--force {
    min-width: 204px !important;
  }
  .w-xl-208 {
    width: 208px;
  }
  .w-xl-208--force {
    width: 208px !important;
  }
  .max-w-xl-208 {
    max-width: 208px;
  }
  .max-w-xl-208--force {
    max-width: 208px !important;
  }
  .min-w-xl-208 {
    min-width: 208px;
  }
  .min-w-xl-208--force {
    min-width: 208px !important;
  }
  .w-xl-212 {
    width: 212px;
  }
  .w-xl-212--force {
    width: 212px !important;
  }
  .max-w-xl-212 {
    max-width: 212px;
  }
  .max-w-xl-212--force {
    max-width: 212px !important;
  }
  .min-w-xl-212 {
    min-width: 212px;
  }
  .min-w-xl-212--force {
    min-width: 212px !important;
  }
  .w-xl-216 {
    width: 216px;
  }
  .w-xl-216--force {
    width: 216px !important;
  }
  .max-w-xl-216 {
    max-width: 216px;
  }
  .max-w-xl-216--force {
    max-width: 216px !important;
  }
  .min-w-xl-216 {
    min-width: 216px;
  }
  .min-w-xl-216--force {
    min-width: 216px !important;
  }
  .w-xl-220 {
    width: 220px;
  }
  .w-xl-220--force {
    width: 220px !important;
  }
  .max-w-xl-220 {
    max-width: 220px;
  }
  .max-w-xl-220--force {
    max-width: 220px !important;
  }
  .min-w-xl-220 {
    min-width: 220px;
  }
  .min-w-xl-220--force {
    min-width: 220px !important;
  }
  .w-xl-224 {
    width: 224px;
  }
  .w-xl-224--force {
    width: 224px !important;
  }
  .max-w-xl-224 {
    max-width: 224px;
  }
  .max-w-xl-224--force {
    max-width: 224px !important;
  }
  .min-w-xl-224 {
    min-width: 224px;
  }
  .min-w-xl-224--force {
    min-width: 224px !important;
  }
  .w-xl-228 {
    width: 228px;
  }
  .w-xl-228--force {
    width: 228px !important;
  }
  .max-w-xl-228 {
    max-width: 228px;
  }
  .max-w-xl-228--force {
    max-width: 228px !important;
  }
  .min-w-xl-228 {
    min-width: 228px;
  }
  .min-w-xl-228--force {
    min-width: 228px !important;
  }
  .w-xl-232 {
    width: 232px;
  }
  .w-xl-232--force {
    width: 232px !important;
  }
  .max-w-xl-232 {
    max-width: 232px;
  }
  .max-w-xl-232--force {
    max-width: 232px !important;
  }
  .min-w-xl-232 {
    min-width: 232px;
  }
  .min-w-xl-232--force {
    min-width: 232px !important;
  }
  .w-xl-236 {
    width: 236px;
  }
  .w-xl-236--force {
    width: 236px !important;
  }
  .max-w-xl-236 {
    max-width: 236px;
  }
  .max-w-xl-236--force {
    max-width: 236px !important;
  }
  .min-w-xl-236 {
    min-width: 236px;
  }
  .min-w-xl-236--force {
    min-width: 236px !important;
  }
  .w-xl-240 {
    width: 240px;
  }
  .w-xl-240--force {
    width: 240px !important;
  }
  .max-w-xl-240 {
    max-width: 240px;
  }
  .max-w-xl-240--force {
    max-width: 240px !important;
  }
  .min-w-xl-240 {
    min-width: 240px;
  }
  .min-w-xl-240--force {
    min-width: 240px !important;
  }
  .w-xl-244 {
    width: 244px;
  }
  .w-xl-244--force {
    width: 244px !important;
  }
  .max-w-xl-244 {
    max-width: 244px;
  }
  .max-w-xl-244--force {
    max-width: 244px !important;
  }
  .min-w-xl-244 {
    min-width: 244px;
  }
  .min-w-xl-244--force {
    min-width: 244px !important;
  }
  .w-xl-248 {
    width: 248px;
  }
  .w-xl-248--force {
    width: 248px !important;
  }
  .max-w-xl-248 {
    max-width: 248px;
  }
  .max-w-xl-248--force {
    max-width: 248px !important;
  }
  .min-w-xl-248 {
    min-width: 248px;
  }
  .min-w-xl-248--force {
    min-width: 248px !important;
  }
  .w-xl-252 {
    width: 252px;
  }
  .w-xl-252--force {
    width: 252px !important;
  }
  .max-w-xl-252 {
    max-width: 252px;
  }
  .max-w-xl-252--force {
    max-width: 252px !important;
  }
  .min-w-xl-252 {
    min-width: 252px;
  }
  .min-w-xl-252--force {
    min-width: 252px !important;
  }
  .w-xl-256 {
    width: 256px;
  }
  .w-xl-256--force {
    width: 256px !important;
  }
  .max-w-xl-256 {
    max-width: 256px;
  }
  .max-w-xl-256--force {
    max-width: 256px !important;
  }
  .min-w-xl-256 {
    min-width: 256px;
  }
  .min-w-xl-256--force {
    min-width: 256px !important;
  }
  .w-xl-0-p {
    width: 0%;
  }
  .w-xl-0-p--force {
    width: 0% !important;
  }
  .max-w-xl-0-p {
    max-width: 0%;
  }
  .max-w-xl-0-p--force {
    max-width: 0% !important;
  }
  .min-w-xl-0-p {
    min-width: 0%;
  }
  .min-w-xl-0-p--force {
    min-width: 0% !important;
  }
  .w-xl-5-p {
    width: 5%;
  }
  .w-xl-5-p--force {
    width: 5% !important;
  }
  .max-w-xl-5-p {
    max-width: 5%;
  }
  .max-w-xl-5-p--force {
    max-width: 5% !important;
  }
  .min-w-xl-5-p {
    min-width: 5%;
  }
  .min-w-xl-5-p--force {
    min-width: 5% !important;
  }
  .w-xl-10-p {
    width: 10%;
  }
  .w-xl-10-p--force {
    width: 10% !important;
  }
  .max-w-xl-10-p {
    max-width: 10%;
  }
  .max-w-xl-10-p--force {
    max-width: 10% !important;
  }
  .min-w-xl-10-p {
    min-width: 10%;
  }
  .min-w-xl-10-p--force {
    min-width: 10% !important;
  }
  .w-xl-15-p {
    width: 15%;
  }
  .w-xl-15-p--force {
    width: 15% !important;
  }
  .max-w-xl-15-p {
    max-width: 15%;
  }
  .max-w-xl-15-p--force {
    max-width: 15% !important;
  }
  .min-w-xl-15-p {
    min-width: 15%;
  }
  .min-w-xl-15-p--force {
    min-width: 15% !important;
  }
  .w-xl-20-p {
    width: 20%;
  }
  .w-xl-20-p--force {
    width: 20% !important;
  }
  .max-w-xl-20-p {
    max-width: 20%;
  }
  .max-w-xl-20-p--force {
    max-width: 20% !important;
  }
  .min-w-xl-20-p {
    min-width: 20%;
  }
  .min-w-xl-20-p--force {
    min-width: 20% !important;
  }
  .w-xl-25-p {
    width: 25%;
  }
  .w-xl-25-p--force {
    width: 25% !important;
  }
  .max-w-xl-25-p {
    max-width: 25%;
  }
  .max-w-xl-25-p--force {
    max-width: 25% !important;
  }
  .min-w-xl-25-p {
    min-width: 25%;
  }
  .min-w-xl-25-p--force {
    min-width: 25% !important;
  }
  .w-xl-30-p {
    width: 30%;
  }
  .w-xl-30-p--force {
    width: 30% !important;
  }
  .max-w-xl-30-p {
    max-width: 30%;
  }
  .max-w-xl-30-p--force {
    max-width: 30% !important;
  }
  .min-w-xl-30-p {
    min-width: 30%;
  }
  .min-w-xl-30-p--force {
    min-width: 30% !important;
  }
  .w-xl-35-p {
    width: 35%;
  }
  .w-xl-35-p--force {
    width: 35% !important;
  }
  .max-w-xl-35-p {
    max-width: 35%;
  }
  .max-w-xl-35-p--force {
    max-width: 35% !important;
  }
  .min-w-xl-35-p {
    min-width: 35%;
  }
  .min-w-xl-35-p--force {
    min-width: 35% !important;
  }
  .w-xl-40-p {
    width: 40%;
  }
  .w-xl-40-p--force {
    width: 40% !important;
  }
  .max-w-xl-40-p {
    max-width: 40%;
  }
  .max-w-xl-40-p--force {
    max-width: 40% !important;
  }
  .min-w-xl-40-p {
    min-width: 40%;
  }
  .min-w-xl-40-p--force {
    min-width: 40% !important;
  }
  .w-xl-45-p {
    width: 45%;
  }
  .w-xl-45-p--force {
    width: 45% !important;
  }
  .max-w-xl-45-p {
    max-width: 45%;
  }
  .max-w-xl-45-p--force {
    max-width: 45% !important;
  }
  .min-w-xl-45-p {
    min-width: 45%;
  }
  .min-w-xl-45-p--force {
    min-width: 45% !important;
  }
  .w-xl-50-p {
    width: 50%;
  }
  .w-xl-50-p--force {
    width: 50% !important;
  }
  .max-w-xl-50-p {
    max-width: 50%;
  }
  .max-w-xl-50-p--force {
    max-width: 50% !important;
  }
  .min-w-xl-50-p {
    min-width: 50%;
  }
  .min-w-xl-50-p--force {
    min-width: 50% !important;
  }
  .w-xl-55-p {
    width: 55%;
  }
  .w-xl-55-p--force {
    width: 55% !important;
  }
  .max-w-xl-55-p {
    max-width: 55%;
  }
  .max-w-xl-55-p--force {
    max-width: 55% !important;
  }
  .min-w-xl-55-p {
    min-width: 55%;
  }
  .min-w-xl-55-p--force {
    min-width: 55% !important;
  }
  .w-xl-60-p {
    width: 60%;
  }
  .w-xl-60-p--force {
    width: 60% !important;
  }
  .max-w-xl-60-p {
    max-width: 60%;
  }
  .max-w-xl-60-p--force {
    max-width: 60% !important;
  }
  .min-w-xl-60-p {
    min-width: 60%;
  }
  .min-w-xl-60-p--force {
    min-width: 60% !important;
  }
  .w-xl-65-p {
    width: 65%;
  }
  .w-xl-65-p--force {
    width: 65% !important;
  }
  .max-w-xl-65-p {
    max-width: 65%;
  }
  .max-w-xl-65-p--force {
    max-width: 65% !important;
  }
  .min-w-xl-65-p {
    min-width: 65%;
  }
  .min-w-xl-65-p--force {
    min-width: 65% !important;
  }
  .w-xl-70-p {
    width: 70%;
  }
  .w-xl-70-p--force {
    width: 70% !important;
  }
  .max-w-xl-70-p {
    max-width: 70%;
  }
  .max-w-xl-70-p--force {
    max-width: 70% !important;
  }
  .min-w-xl-70-p {
    min-width: 70%;
  }
  .min-w-xl-70-p--force {
    min-width: 70% !important;
  }
  .w-xl-75-p {
    width: 75%;
  }
  .w-xl-75-p--force {
    width: 75% !important;
  }
  .max-w-xl-75-p {
    max-width: 75%;
  }
  .max-w-xl-75-p--force {
    max-width: 75% !important;
  }
  .min-w-xl-75-p {
    min-width: 75%;
  }
  .min-w-xl-75-p--force {
    min-width: 75% !important;
  }
  .w-xl-80-p {
    width: 80%;
  }
  .w-xl-80-p--force {
    width: 80% !important;
  }
  .max-w-xl-80-p {
    max-width: 80%;
  }
  .max-w-xl-80-p--force {
    max-width: 80% !important;
  }
  .min-w-xl-80-p {
    min-width: 80%;
  }
  .min-w-xl-80-p--force {
    min-width: 80% !important;
  }
  .w-xl-85-p {
    width: 85%;
  }
  .w-xl-85-p--force {
    width: 85% !important;
  }
  .max-w-xl-85-p {
    max-width: 85%;
  }
  .max-w-xl-85-p--force {
    max-width: 85% !important;
  }
  .min-w-xl-85-p {
    min-width: 85%;
  }
  .min-w-xl-85-p--force {
    min-width: 85% !important;
  }
  .w-xl-90-p {
    width: 90%;
  }
  .w-xl-90-p--force {
    width: 90% !important;
  }
  .max-w-xl-90-p {
    max-width: 90%;
  }
  .max-w-xl-90-p--force {
    max-width: 90% !important;
  }
  .min-w-xl-90-p {
    min-width: 90%;
  }
  .min-w-xl-90-p--force {
    min-width: 90% !important;
  }
  .w-xl-95-p {
    width: 95%;
  }
  .w-xl-95-p--force {
    width: 95% !important;
  }
  .max-w-xl-95-p {
    max-width: 95%;
  }
  .max-w-xl-95-p--force {
    max-width: 95% !important;
  }
  .min-w-xl-95-p {
    min-width: 95%;
  }
  .min-w-xl-95-p--force {
    min-width: 95% !important;
  }
  .w-xl-100-p {
    width: 100%;
  }
  .w-xl-100-p--force {
    width: 100% !important;
  }
  .max-w-xl-100-p {
    max-width: 100%;
  }
  .max-w-xl-100-p--force {
    max-width: 100% !important;
  }
  .min-w-xl-100-p {
    min-width: 100%;
  }
  .min-w-xl-100-p--force {
    min-width: 100% !important;
  }
  .w-xl-300 {
    width: 300px;
  }
  .w-xl-300--force {
    width: 300px !important;
  }
  .max-w-xl-300 {
    max-width: 300px;
  }
  .max-w-xl-300--force {
    max-width: 300px !important;
  }
  .min-w-xl-300 {
    min-width: 300px;
  }
  .min-w-xl-300--force {
    min-width: 300px !important;
  }
  .w-xl-400 {
    width: 400px;
  }
  .w-xl-400--force {
    width: 400px !important;
  }
  .max-w-xl-400 {
    max-width: 400px;
  }
  .max-w-xl-400--force {
    max-width: 400px !important;
  }
  .min-w-xl-400 {
    min-width: 400px;
  }
  .min-w-xl-400--force {
    min-width: 400px !important;
  }
  .w-xl-500 {
    width: 500px;
  }
  .w-xl-500--force {
    width: 500px !important;
  }
  .max-w-xl-500 {
    max-width: 500px;
  }
  .max-w-xl-500--force {
    max-width: 500px !important;
  }
  .min-w-xl-500 {
    min-width: 500px;
  }
  .min-w-xl-500--force {
    min-width: 500px !important;
  }
  .w-xl-600 {
    width: 600px;
  }
  .w-xl-600--force {
    width: 600px !important;
  }
  .max-w-xl-600 {
    max-width: 600px;
  }
  .max-w-xl-600--force {
    max-width: 600px !important;
  }
  .min-w-xl-600 {
    min-width: 600px;
  }
  .min-w-xl-600--force {
    min-width: 600px !important;
  }
  .w-xl-700 {
    width: 700px;
  }
  .w-xl-700--force {
    width: 700px !important;
  }
  .max-w-xl-700 {
    max-width: 700px;
  }
  .max-w-xl-700--force {
    max-width: 700px !important;
  }
  .min-w-xl-700 {
    min-width: 700px;
  }
  .min-w-xl-700--force {
    min-width: 700px !important;
  }
  .w-xl-800 {
    width: 800px;
  }
  .w-xl-800--force {
    width: 800px !important;
  }
  .max-w-xl-800 {
    max-width: 800px;
  }
  .max-w-xl-800--force {
    max-width: 800px !important;
  }
  .min-w-xl-800 {
    min-width: 800px;
  }
  .min-w-xl-800--force {
    min-width: 800px !important;
  }
  .w-xl-900 {
    width: 900px;
  }
  .w-xl-900--force {
    width: 900px !important;
  }
  .max-w-xl-900 {
    max-width: 900px;
  }
  .max-w-xl-900--force {
    max-width: 900px !important;
  }
  .min-w-xl-900 {
    min-width: 900px;
  }
  .min-w-xl-900--force {
    min-width: 900px !important;
  }
  .w-xl-1000 {
    width: 1000px;
  }
  .w-xl-1000--force {
    width: 1000px !important;
  }
  .max-w-xl-1000 {
    max-width: 1000px;
  }
  .max-w-xl-1000--force {
    max-width: 1000px !important;
  }
  .min-w-xl-1000 {
    min-width: 1000px;
  }
  .min-w-xl-1000--force {
    min-width: 1000px !important;
  }
  .w-xl-1100 {
    width: 1100px;
  }
  .w-xl-1100--force {
    width: 1100px !important;
  }
  .max-w-xl-1100 {
    max-width: 1100px;
  }
  .max-w-xl-1100--force {
    max-width: 1100px !important;
  }
  .min-w-xl-1100 {
    min-width: 1100px;
  }
  .min-w-xl-1100--force {
    min-width: 1100px !important;
  }
  .w-xl-1200 {
    width: 1200px;
  }
  .w-xl-1200--force {
    width: 1200px !important;
  }
  .max-w-xl-1200 {
    max-width: 1200px;
  }
  .max-w-xl-1200--force {
    max-width: 1200px !important;
  }
  .min-w-xl-1200 {
    min-width: 1200px;
  }
  .min-w-xl-1200--force {
    min-width: 1200px !important;
  }
  .w-xl-1300 {
    width: 1300px;
  }
  .w-xl-1300--force {
    width: 1300px !important;
  }
  .max-w-xl-1300 {
    max-width: 1300px;
  }
  .max-w-xl-1300--force {
    max-width: 1300px !important;
  }
  .min-w-xl-1300 {
    min-width: 1300px;
  }
  .min-w-xl-1300--force {
    min-width: 1300px !important;
  }
  .w-xl-1400 {
    width: 1400px;
  }
  .w-xl-1400--force {
    width: 1400px !important;
  }
  .max-w-xl-1400 {
    max-width: 1400px;
  }
  .max-w-xl-1400--force {
    max-width: 1400px !important;
  }
  .min-w-xl-1400 {
    min-width: 1400px;
  }
  .min-w-xl-1400--force {
    min-width: 1400px !important;
  }
  .w-xl-1500 {
    width: 1500px;
  }
  .w-xl-1500--force {
    width: 1500px !important;
  }
  .max-w-xl-1500 {
    max-width: 1500px;
  }
  .max-w-xl-1500--force {
    max-width: 1500px !important;
  }
  .min-w-xl-1500 {
    min-width: 1500px;
  }
  .min-w-xl-1500--force {
    min-width: 1500px !important;
  }
  .w-xl-1600 {
    width: 1600px;
  }
  .w-xl-1600--force {
    width: 1600px !important;
  }
  .max-w-xl-1600 {
    max-width: 1600px;
  }
  .max-w-xl-1600--force {
    max-width: 1600px !important;
  }
  .min-w-xl-1600 {
    min-width: 1600px;
  }
  .min-w-xl-1600--force {
    min-width: 1600px !important;
  }
  .w-xl-1700 {
    width: 1700px;
  }
  .w-xl-1700--force {
    width: 1700px !important;
  }
  .max-w-xl-1700 {
    max-width: 1700px;
  }
  .max-w-xl-1700--force {
    max-width: 1700px !important;
  }
  .min-w-xl-1700 {
    min-width: 1700px;
  }
  .min-w-xl-1700--force {
    min-width: 1700px !important;
  }
  .w-xl-1800 {
    width: 1800px;
  }
  .w-xl-1800--force {
    width: 1800px !important;
  }
  .max-w-xl-1800 {
    max-width: 1800px;
  }
  .max-w-xl-1800--force {
    max-width: 1800px !important;
  }
  .min-w-xl-1800 {
    min-width: 1800px;
  }
  .min-w-xl-1800--force {
    min-width: 1800px !important;
  }
  .w-xl-1900 {
    width: 1900px;
  }
  .w-xl-1900--force {
    width: 1900px !important;
  }
  .max-w-xl-1900 {
    max-width: 1900px;
  }
  .max-w-xl-1900--force {
    max-width: 1900px !important;
  }
  .min-w-xl-1900 {
    min-width: 1900px;
  }
  .min-w-xl-1900--force {
    min-width: 1900px !important;
  }
  .w-xl-2000 {
    width: 2000px;
  }
  .w-xl-2000--force {
    width: 2000px !important;
  }
  .max-w-xl-2000 {
    max-width: 2000px;
  }
  .max-w-xl-2000--force {
    max-width: 2000px !important;
  }
  .min-w-xl-2000 {
    min-width: 2000px;
  }
  .min-w-xl-2000--force {
    min-width: 2000px !important;
  }
  .w-xl-auto {
    width: auto;
  }
  .w-xl-auto--force {
    width: auto !important;
  }
}
.m--64 {
  margin: calc(-1 * var(--matcha-space-800, 64px));
}

.m--64--force {
  margin: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.mx--64 {
  margin-right: calc(-1 * var(--matcha-space-800, 64px));
  margin-left: calc(-1 * var(--matcha-space-800, 64px));
}

.mx--64--force {
  margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.my--64 {
  margin-top: calc(-1 * var(--matcha-space-800, 64px));
  margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
}

.my--64--force {
  margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.mt--64 {
  margin-top: calc(-1 * var(--matcha-space-800, 64px));
}

.mt--64--force {
  margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.mr--64 {
  margin-right: calc(-1 * var(--matcha-space-800, 64px));
}

.mr--64--force {
  margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.mb--64 {
  margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
}

.mb--64--force {
  margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.ml--64 {
  margin-left: calc(-1 * var(--matcha-space-800, 64px));
}

.ml--64--force {
  margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.m--60 {
  margin: -60px;
}

.m--60--force {
  margin: -60px !important;
}

.mx--60 {
  margin-right: -60px;
  margin-left: -60px;
}

.mx--60--force {
  margin-right: -60px !important;
  margin-left: -60px !important;
}

.my--60 {
  margin-top: -60px;
  margin-bottom: -60px;
}

.my--60--force {
  margin-top: -60px !important;
  margin-bottom: -60px !important;
}

.mt--60 {
  margin-top: -60px;
}

.mt--60--force {
  margin-top: -60px !important;
}

.mr--60 {
  margin-right: -60px;
}

.mr--60--force {
  margin-right: -60px !important;
}

.mb--60 {
  margin-bottom: -60px;
}

.mb--60--force {
  margin-bottom: -60px !important;
}

.ml--60 {
  margin-left: -60px;
}

.ml--60--force {
  margin-left: -60px !important;
}

.m--56 {
  margin: -56px;
}

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

.mx--56 {
  margin-right: -56px;
  margin-left: -56px;
}

.mx--56--force {
  margin-right: -56px !important;
  margin-left: -56px !important;
}

.my--56 {
  margin-top: -56px;
  margin-bottom: -56px;
}

.my--56--force {
  margin-top: -56px !important;
  margin-bottom: -56px !important;
}

.mt--56 {
  margin-top: -56px;
}

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

.mr--56 {
  margin-right: -56px;
}

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

.mb--56 {
  margin-bottom: -56px;
}

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

.ml--56 {
  margin-left: -56px;
}

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

.m--52 {
  margin: -52px;
}

.m--52--force {
  margin: -52px !important;
}

.mx--52 {
  margin-right: -52px;
  margin-left: -52px;
}

.mx--52--force {
  margin-right: -52px !important;
  margin-left: -52px !important;
}

.my--52 {
  margin-top: -52px;
  margin-bottom: -52px;
}

.my--52--force {
  margin-top: -52px !important;
  margin-bottom: -52px !important;
}

.mt--52 {
  margin-top: -52px;
}

.mt--52--force {
  margin-top: -52px !important;
}

.mr--52 {
  margin-right: -52px;
}

.mr--52--force {
  margin-right: -52px !important;
}

.mb--52 {
  margin-bottom: -52px;
}

.mb--52--force {
  margin-bottom: -52px !important;
}

.ml--52 {
  margin-left: -52px;
}

.ml--52--force {
  margin-left: -52px !important;
}

.m--48 {
  margin: calc(-1 * var(--matcha-space-600, 48px));
}

.m--48--force {
  margin: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.mx--48 {
  margin-right: calc(-1 * var(--matcha-space-600, 48px));
  margin-left: calc(-1 * var(--matcha-space-600, 48px));
}

.mx--48--force {
  margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.my--48 {
  margin-top: calc(-1 * var(--matcha-space-600, 48px));
  margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
}

.my--48--force {
  margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.mt--48 {
  margin-top: calc(-1 * var(--matcha-space-600, 48px));
}

.mt--48--force {
  margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.mr--48 {
  margin-right: calc(-1 * var(--matcha-space-600, 48px));
}

.mr--48--force {
  margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.mb--48 {
  margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
}

.mb--48--force {
  margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.ml--48 {
  margin-left: calc(-1 * var(--matcha-space-600, 48px));
}

.ml--48--force {
  margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.m--44 {
  margin: -44px;
}

.m--44--force {
  margin: -44px !important;
}

.mx--44 {
  margin-right: -44px;
  margin-left: -44px;
}

.mx--44--force {
  margin-right: -44px !important;
  margin-left: -44px !important;
}

.my--44 {
  margin-top: -44px;
  margin-bottom: -44px;
}

.my--44--force {
  margin-top: -44px !important;
  margin-bottom: -44px !important;
}

.mt--44 {
  margin-top: -44px;
}

.mt--44--force {
  margin-top: -44px !important;
}

.mr--44 {
  margin-right: -44px;
}

.mr--44--force {
  margin-right: -44px !important;
}

.mb--44 {
  margin-bottom: -44px;
}

.mb--44--force {
  margin-bottom: -44px !important;
}

.ml--44 {
  margin-left: -44px;
}

.ml--44--force {
  margin-left: -44px !important;
}

.m--40 {
  margin: calc(-1 * var(--matcha-space-500, 40px));
}

.m--40--force {
  margin: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.mx--40 {
  margin-right: calc(-1 * var(--matcha-space-500, 40px));
  margin-left: calc(-1 * var(--matcha-space-500, 40px));
}

.mx--40--force {
  margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.my--40 {
  margin-top: calc(-1 * var(--matcha-space-500, 40px));
  margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
}

.my--40--force {
  margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.mt--40 {
  margin-top: calc(-1 * var(--matcha-space-500, 40px));
}

.mt--40--force {
  margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.mr--40 {
  margin-right: calc(-1 * var(--matcha-space-500, 40px));
}

.mr--40--force {
  margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.mb--40 {
  margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
}

.mb--40--force {
  margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.ml--40 {
  margin-left: calc(-1 * var(--matcha-space-500, 40px));
}

.ml--40--force {
  margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.m--36 {
  margin: -36px;
}

.m--36--force {
  margin: -36px !important;
}

.mx--36 {
  margin-right: -36px;
  margin-left: -36px;
}

.mx--36--force {
  margin-right: -36px !important;
  margin-left: -36px !important;
}

.my--36 {
  margin-top: -36px;
  margin-bottom: -36px;
}

.my--36--force {
  margin-top: -36px !important;
  margin-bottom: -36px !important;
}

.mt--36 {
  margin-top: -36px;
}

.mt--36--force {
  margin-top: -36px !important;
}

.mr--36 {
  margin-right: -36px;
}

.mr--36--force {
  margin-right: -36px !important;
}

.mb--36 {
  margin-bottom: -36px;
}

.mb--36--force {
  margin-bottom: -36px !important;
}

.ml--36 {
  margin-left: -36px;
}

.ml--36--force {
  margin-left: -36px !important;
}

.m--32 {
  margin: calc(-1 * var(--matcha-space-400, 32px));
}

.m--32--force {
  margin: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.mx--32 {
  margin-right: calc(-1 * var(--matcha-space-400, 32px));
  margin-left: calc(-1 * var(--matcha-space-400, 32px));
}

.mx--32--force {
  margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.my--32 {
  margin-top: calc(-1 * var(--matcha-space-400, 32px));
  margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
}

.my--32--force {
  margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.mt--32 {
  margin-top: calc(-1 * var(--matcha-space-400, 32px));
}

.mt--32--force {
  margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.mr--32 {
  margin-right: calc(-1 * var(--matcha-space-400, 32px));
}

.mr--32--force {
  margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.mb--32 {
  margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
}

.mb--32--force {
  margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.ml--32 {
  margin-left: calc(-1 * var(--matcha-space-400, 32px));
}

.ml--32--force {
  margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.m--28 {
  margin: -28px;
}

.m--28--force {
  margin: -28px !important;
}

.mx--28 {
  margin-right: -28px;
  margin-left: -28px;
}

.mx--28--force {
  margin-right: -28px !important;
  margin-left: -28px !important;
}

.my--28 {
  margin-top: -28px;
  margin-bottom: -28px;
}

.my--28--force {
  margin-top: -28px !important;
  margin-bottom: -28px !important;
}

.mt--28 {
  margin-top: -28px;
}

.mt--28--force {
  margin-top: -28px !important;
}

.mr--28 {
  margin-right: -28px;
}

.mr--28--force {
  margin-right: -28px !important;
}

.mb--28 {
  margin-bottom: -28px;
}

.mb--28--force {
  margin-bottom: -28px !important;
}

.ml--28 {
  margin-left: -28px;
}

.ml--28--force {
  margin-left: -28px !important;
}

.m--24 {
  margin: calc(-1 * var(--matcha-space-300, 24px));
}

.m--24--force {
  margin: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.mx--24 {
  margin-right: calc(-1 * var(--matcha-space-300, 24px));
  margin-left: calc(-1 * var(--matcha-space-300, 24px));
}

.mx--24--force {
  margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.my--24 {
  margin-top: calc(-1 * var(--matcha-space-300, 24px));
  margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
}

.my--24--force {
  margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.mt--24 {
  margin-top: calc(-1 * var(--matcha-space-300, 24px));
}

.mt--24--force {
  margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.mr--24 {
  margin-right: calc(-1 * var(--matcha-space-300, 24px));
}

.mr--24--force {
  margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.mb--24 {
  margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
}

.mb--24--force {
  margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.ml--24 {
  margin-left: calc(-1 * var(--matcha-space-300, 24px));
}

.ml--24--force {
  margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.m--20 {
  margin: calc(-1 * var(--matcha-space-250, 20px));
}

.m--20--force {
  margin: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.mx--20 {
  margin-right: calc(-1 * var(--matcha-space-250, 20px));
  margin-left: calc(-1 * var(--matcha-space-250, 20px));
}

.mx--20--force {
  margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.my--20 {
  margin-top: calc(-1 * var(--matcha-space-250, 20px));
  margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
}

.my--20--force {
  margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.mt--20 {
  margin-top: calc(-1 * var(--matcha-space-250, 20px));
}

.mt--20--force {
  margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.mr--20 {
  margin-right: calc(-1 * var(--matcha-space-250, 20px));
}

.mr--20--force {
  margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.mb--20 {
  margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
}

.mb--20--force {
  margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.ml--20 {
  margin-left: calc(-1 * var(--matcha-space-250, 20px));
}

.ml--20--force {
  margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.m--16 {
  margin: calc(-1 * var(--matcha-space-200, 16px));
}

.m--16--force {
  margin: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.mx--16 {
  margin-right: calc(-1 * var(--matcha-space-200, 16px));
  margin-left: calc(-1 * var(--matcha-space-200, 16px));
}

.mx--16--force {
  margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.my--16 {
  margin-top: calc(-1 * var(--matcha-space-200, 16px));
  margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
}

.my--16--force {
  margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.mt--16 {
  margin-top: calc(-1 * var(--matcha-space-200, 16px));
}

.mt--16--force {
  margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.mr--16 {
  margin-right: calc(-1 * var(--matcha-space-200, 16px));
}

.mr--16--force {
  margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.mb--16 {
  margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
}

.mb--16--force {
  margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.ml--16 {
  margin-left: calc(-1 * var(--matcha-space-200, 16px));
}

.ml--16--force {
  margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.m--12 {
  margin: calc(-1 * var(--matcha-space-150, 12px));
}

.m--12--force {
  margin: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.mx--12 {
  margin-right: calc(-1 * var(--matcha-space-150, 12px));
  margin-left: calc(-1 * var(--matcha-space-150, 12px));
}

.mx--12--force {
  margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.my--12 {
  margin-top: calc(-1 * var(--matcha-space-150, 12px));
  margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
}

.my--12--force {
  margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.mt--12 {
  margin-top: calc(-1 * var(--matcha-space-150, 12px));
}

.mt--12--force {
  margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.mr--12 {
  margin-right: calc(-1 * var(--matcha-space-150, 12px));
}

.mr--12--force {
  margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.mb--12 {
  margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
}

.mb--12--force {
  margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.ml--12 {
  margin-left: calc(-1 * var(--matcha-space-150, 12px));
}

.ml--12--force {
  margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.m--8 {
  margin: calc(-1 * var(--matcha-space-100, 8px));
}

.m--8--force {
  margin: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.mx--8 {
  margin-right: calc(-1 * var(--matcha-space-100, 8px));
  margin-left: calc(-1 * var(--matcha-space-100, 8px));
}

.mx--8--force {
  margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.my--8 {
  margin-top: calc(-1 * var(--matcha-space-100, 8px));
  margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
}

.my--8--force {
  margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.mt--8 {
  margin-top: calc(-1 * var(--matcha-space-100, 8px));
}

.mt--8--force {
  margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.mr--8 {
  margin-right: calc(-1 * var(--matcha-space-100, 8px));
}

.mr--8--force {
  margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.mb--8 {
  margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
}

.mb--8--force {
  margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.ml--8 {
  margin-left: calc(-1 * var(--matcha-space-100, 8px));
}

.ml--8--force {
  margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.m--4 {
  margin: calc(-1 * var(--matcha-space-050, 4px));
}

.m--4--force {
  margin: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.mx--4 {
  margin-right: calc(-1 * var(--matcha-space-050, 4px));
  margin-left: calc(-1 * var(--matcha-space-050, 4px));
}

.mx--4--force {
  margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.my--4 {
  margin-top: calc(-1 * var(--matcha-space-050, 4px));
  margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
}

.my--4--force {
  margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.mt--4 {
  margin-top: calc(-1 * var(--matcha-space-050, 4px));
}

.mt--4--force {
  margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.mr--4 {
  margin-right: calc(-1 * var(--matcha-space-050, 4px));
}

.mr--4--force {
  margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.mb--4 {
  margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
}

.mb--4--force {
  margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.ml--4 {
  margin-left: calc(-1 * var(--matcha-space-050, 4px));
}

.ml--4--force {
  margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.m-0 {
  margin: var(--matcha-space-0, 0);
}

.m-0--force {
  margin: var(--matcha-space-0, 0) !important;
}

.mx-0 {
  margin-right: var(--matcha-space-0, 0);
  margin-left: var(--matcha-space-0, 0);
}

.mx-0--force {
  margin-right: var(--matcha-space-0, 0) !important;
  margin-left: var(--matcha-space-0, 0) !important;
}

.my-0 {
  margin-top: var(--matcha-space-0, 0);
  margin-bottom: var(--matcha-space-0, 0);
}

.my-0--force {
  margin-top: var(--matcha-space-0, 0) !important;
  margin-bottom: var(--matcha-space-0, 0) !important;
}

.mt-0 {
  margin-top: var(--matcha-space-0, 0);
}

.mt-0--force {
  margin-top: var(--matcha-space-0, 0) !important;
}

.mr-0 {
  margin-right: var(--matcha-space-0, 0);
}

.mr-0--force {
  margin-right: var(--matcha-space-0, 0) !important;
}

.mb-0 {
  margin-bottom: var(--matcha-space-0, 0);
}

.mb-0--force {
  margin-bottom: var(--matcha-space-0, 0) !important;
}

.ml-0 {
  margin-left: var(--matcha-space-0, 0);
}

.ml-0--force {
  margin-left: var(--matcha-space-0, 0) !important;
}

.m-4 {
  margin: var(--matcha-space-050, 4px);
}

.m-4--force {
  margin: var(--matcha-space-050, 4px) !important;
}

.mx-4 {
  margin-right: var(--matcha-space-050, 4px);
  margin-left: var(--matcha-space-050, 4px);
}

.mx-4--force {
  margin-right: var(--matcha-space-050, 4px) !important;
  margin-left: var(--matcha-space-050, 4px) !important;
}

.my-4 {
  margin-top: var(--matcha-space-050, 4px);
  margin-bottom: var(--matcha-space-050, 4px);
}

.my-4--force {
  margin-top: var(--matcha-space-050, 4px) !important;
  margin-bottom: var(--matcha-space-050, 4px) !important;
}

.mt-4 {
  margin-top: var(--matcha-space-050, 4px);
}

.mt-4--force {
  margin-top: var(--matcha-space-050, 4px) !important;
}

.mr-4 {
  margin-right: var(--matcha-space-050, 4px);
}

.mr-4--force {
  margin-right: var(--matcha-space-050, 4px) !important;
}

.mb-4 {
  margin-bottom: var(--matcha-space-050, 4px);
}

.mb-4--force {
  margin-bottom: var(--matcha-space-050, 4px) !important;
}

.ml-4 {
  margin-left: var(--matcha-space-050, 4px);
}

.ml-4--force {
  margin-left: var(--matcha-space-050, 4px) !important;
}

.m-8 {
  margin: var(--matcha-space-100, 8px);
}

.m-8--force {
  margin: var(--matcha-space-100, 8px) !important;
}

.mx-8 {
  margin-right: var(--matcha-space-100, 8px);
  margin-left: var(--matcha-space-100, 8px);
}

.mx-8--force {
  margin-right: var(--matcha-space-100, 8px) !important;
  margin-left: var(--matcha-space-100, 8px) !important;
}

.my-8 {
  margin-top: var(--matcha-space-100, 8px);
  margin-bottom: var(--matcha-space-100, 8px);
}

.my-8--force {
  margin-top: var(--matcha-space-100, 8px) !important;
  margin-bottom: var(--matcha-space-100, 8px) !important;
}

.mt-8 {
  margin-top: var(--matcha-space-100, 8px);
}

.mt-8--force {
  margin-top: var(--matcha-space-100, 8px) !important;
}

.mr-8 {
  margin-right: var(--matcha-space-100, 8px);
}

.mr-8--force {
  margin-right: var(--matcha-space-100, 8px) !important;
}

.mb-8 {
  margin-bottom: var(--matcha-space-100, 8px);
}

.mb-8--force {
  margin-bottom: var(--matcha-space-100, 8px) !important;
}

.ml-8 {
  margin-left: var(--matcha-space-100, 8px);
}

.ml-8--force {
  margin-left: var(--matcha-space-100, 8px) !important;
}

.m-12 {
  margin: var(--matcha-space-150, 12px);
}

.m-12--force {
  margin: var(--matcha-space-150, 12px) !important;
}

.mx-12 {
  margin-right: var(--matcha-space-150, 12px);
  margin-left: var(--matcha-space-150, 12px);
}

.mx-12--force {
  margin-right: var(--matcha-space-150, 12px) !important;
  margin-left: var(--matcha-space-150, 12px) !important;
}

.my-12 {
  margin-top: var(--matcha-space-150, 12px);
  margin-bottom: var(--matcha-space-150, 12px);
}

.my-12--force {
  margin-top: var(--matcha-space-150, 12px) !important;
  margin-bottom: var(--matcha-space-150, 12px) !important;
}

.mt-12 {
  margin-top: var(--matcha-space-150, 12px);
}

.mt-12--force {
  margin-top: var(--matcha-space-150, 12px) !important;
}

.mr-12 {
  margin-right: var(--matcha-space-150, 12px);
}

.mr-12--force {
  margin-right: var(--matcha-space-150, 12px) !important;
}

.mb-12 {
  margin-bottom: var(--matcha-space-150, 12px);
}

.mb-12--force {
  margin-bottom: var(--matcha-space-150, 12px) !important;
}

.ml-12 {
  margin-left: var(--matcha-space-150, 12px);
}

.ml-12--force {
  margin-left: var(--matcha-space-150, 12px) !important;
}

.m-16 {
  margin: var(--matcha-space-200, 16px);
}

.m-16--force {
  margin: var(--matcha-space-200, 16px) !important;
}

.mx-16 {
  margin-right: var(--matcha-space-200, 16px);
  margin-left: var(--matcha-space-200, 16px);
}

.mx-16--force {
  margin-right: var(--matcha-space-200, 16px) !important;
  margin-left: var(--matcha-space-200, 16px) !important;
}

.my-16 {
  margin-top: var(--matcha-space-200, 16px);
  margin-bottom: var(--matcha-space-200, 16px);
}

.my-16--force {
  margin-top: var(--matcha-space-200, 16px) !important;
  margin-bottom: var(--matcha-space-200, 16px) !important;
}

.mt-16 {
  margin-top: var(--matcha-space-200, 16px);
}

.mt-16--force {
  margin-top: var(--matcha-space-200, 16px) !important;
}

.mr-16 {
  margin-right: var(--matcha-space-200, 16px);
}

.mr-16--force {
  margin-right: var(--matcha-space-200, 16px) !important;
}

.mb-16 {
  margin-bottom: var(--matcha-space-200, 16px);
}

.mb-16--force {
  margin-bottom: var(--matcha-space-200, 16px) !important;
}

.ml-16 {
  margin-left: var(--matcha-space-200, 16px);
}

.ml-16--force {
  margin-left: var(--matcha-space-200, 16px) !important;
}

.m-20 {
  margin: var(--matcha-space-250, 20px);
}

.m-20--force {
  margin: var(--matcha-space-250, 20px) !important;
}

.mx-20 {
  margin-right: var(--matcha-space-250, 20px);
  margin-left: var(--matcha-space-250, 20px);
}

.mx-20--force {
  margin-right: var(--matcha-space-250, 20px) !important;
  margin-left: var(--matcha-space-250, 20px) !important;
}

.my-20 {
  margin-top: var(--matcha-space-250, 20px);
  margin-bottom: var(--matcha-space-250, 20px);
}

.my-20--force {
  margin-top: var(--matcha-space-250, 20px) !important;
  margin-bottom: var(--matcha-space-250, 20px) !important;
}

.mt-20 {
  margin-top: var(--matcha-space-250, 20px);
}

.mt-20--force {
  margin-top: var(--matcha-space-250, 20px) !important;
}

.mr-20 {
  margin-right: var(--matcha-space-250, 20px);
}

.mr-20--force {
  margin-right: var(--matcha-space-250, 20px) !important;
}

.mb-20 {
  margin-bottom: var(--matcha-space-250, 20px);
}

.mb-20--force {
  margin-bottom: var(--matcha-space-250, 20px) !important;
}

.ml-20 {
  margin-left: var(--matcha-space-250, 20px);
}

.ml-20--force {
  margin-left: var(--matcha-space-250, 20px) !important;
}

.m-24 {
  margin: var(--matcha-space-300, 24px);
}

.m-24--force {
  margin: var(--matcha-space-300, 24px) !important;
}

.mx-24 {
  margin-right: var(--matcha-space-300, 24px);
  margin-left: var(--matcha-space-300, 24px);
}

.mx-24--force {
  margin-right: var(--matcha-space-300, 24px) !important;
  margin-left: var(--matcha-space-300, 24px) !important;
}

.my-24 {
  margin-top: var(--matcha-space-300, 24px);
  margin-bottom: var(--matcha-space-300, 24px);
}

.my-24--force {
  margin-top: var(--matcha-space-300, 24px) !important;
  margin-bottom: var(--matcha-space-300, 24px) !important;
}

.mt-24 {
  margin-top: var(--matcha-space-300, 24px);
}

.mt-24--force {
  margin-top: var(--matcha-space-300, 24px) !important;
}

.mr-24 {
  margin-right: var(--matcha-space-300, 24px);
}

.mr-24--force {
  margin-right: var(--matcha-space-300, 24px) !important;
}

.mb-24 {
  margin-bottom: var(--matcha-space-300, 24px);
}

.mb-24--force {
  margin-bottom: var(--matcha-space-300, 24px) !important;
}

.ml-24 {
  margin-left: var(--matcha-space-300, 24px);
}

.ml-24--force {
  margin-left: var(--matcha-space-300, 24px) !important;
}

.m-28 {
  margin: 28px;
}

.m-28--force {
  margin: 28px !important;
}

.mx-28 {
  margin-right: 28px;
  margin-left: 28px;
}

.mx-28--force {
  margin-right: 28px !important;
  margin-left: 28px !important;
}

.my-28 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.my-28--force {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.mt-28 {
  margin-top: 28px;
}

.mt-28--force {
  margin-top: 28px !important;
}

.mr-28 {
  margin-right: 28px;
}

.mr-28--force {
  margin-right: 28px !important;
}

.mb-28 {
  margin-bottom: 28px;
}

.mb-28--force {
  margin-bottom: 28px !important;
}

.ml-28 {
  margin-left: 28px;
}

.ml-28--force {
  margin-left: 28px !important;
}

.m-32 {
  margin: var(--matcha-space-400, 32px);
}

.m-32--force {
  margin: var(--matcha-space-400, 32px) !important;
}

.mx-32 {
  margin-right: var(--matcha-space-400, 32px);
  margin-left: var(--matcha-space-400, 32px);
}

.mx-32--force {
  margin-right: var(--matcha-space-400, 32px) !important;
  margin-left: var(--matcha-space-400, 32px) !important;
}

.my-32 {
  margin-top: var(--matcha-space-400, 32px);
  margin-bottom: var(--matcha-space-400, 32px);
}

.my-32--force {
  margin-top: var(--matcha-space-400, 32px) !important;
  margin-bottom: var(--matcha-space-400, 32px) !important;
}

.mt-32 {
  margin-top: var(--matcha-space-400, 32px);
}

.mt-32--force {
  margin-top: var(--matcha-space-400, 32px) !important;
}

.mr-32 {
  margin-right: var(--matcha-space-400, 32px);
}

.mr-32--force {
  margin-right: var(--matcha-space-400, 32px) !important;
}

.mb-32 {
  margin-bottom: var(--matcha-space-400, 32px);
}

.mb-32--force {
  margin-bottom: var(--matcha-space-400, 32px) !important;
}

.ml-32 {
  margin-left: var(--matcha-space-400, 32px);
}

.ml-32--force {
  margin-left: var(--matcha-space-400, 32px) !important;
}

.m-36 {
  margin: 36px;
}

.m-36--force {
  margin: 36px !important;
}

.mx-36 {
  margin-right: 36px;
  margin-left: 36px;
}

.mx-36--force {
  margin-right: 36px !important;
  margin-left: 36px !important;
}

.my-36 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.my-36--force {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.mt-36 {
  margin-top: 36px;
}

.mt-36--force {
  margin-top: 36px !important;
}

.mr-36 {
  margin-right: 36px;
}

.mr-36--force {
  margin-right: 36px !important;
}

.mb-36 {
  margin-bottom: 36px;
}

.mb-36--force {
  margin-bottom: 36px !important;
}

.ml-36 {
  margin-left: 36px;
}

.ml-36--force {
  margin-left: 36px !important;
}

.m-40 {
  margin: var(--matcha-space-500, 40px);
}

.m-40--force {
  margin: var(--matcha-space-500, 40px) !important;
}

.mx-40 {
  margin-right: var(--matcha-space-500, 40px);
  margin-left: var(--matcha-space-500, 40px);
}

.mx-40--force {
  margin-right: var(--matcha-space-500, 40px) !important;
  margin-left: var(--matcha-space-500, 40px) !important;
}

.my-40 {
  margin-top: var(--matcha-space-500, 40px);
  margin-bottom: var(--matcha-space-500, 40px);
}

.my-40--force {
  margin-top: var(--matcha-space-500, 40px) !important;
  margin-bottom: var(--matcha-space-500, 40px) !important;
}

.mt-40 {
  margin-top: var(--matcha-space-500, 40px);
}

.mt-40--force {
  margin-top: var(--matcha-space-500, 40px) !important;
}

.mr-40 {
  margin-right: var(--matcha-space-500, 40px);
}

.mr-40--force {
  margin-right: var(--matcha-space-500, 40px) !important;
}

.mb-40 {
  margin-bottom: var(--matcha-space-500, 40px);
}

.mb-40--force {
  margin-bottom: var(--matcha-space-500, 40px) !important;
}

.ml-40 {
  margin-left: var(--matcha-space-500, 40px);
}

.ml-40--force {
  margin-left: var(--matcha-space-500, 40px) !important;
}

.m-44 {
  margin: 44px;
}

.m-44--force {
  margin: 44px !important;
}

.mx-44 {
  margin-right: 44px;
  margin-left: 44px;
}

.mx-44--force {
  margin-right: 44px !important;
  margin-left: 44px !important;
}

.my-44 {
  margin-top: 44px;
  margin-bottom: 44px;
}

.my-44--force {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.mt-44 {
  margin-top: 44px;
}

.mt-44--force {
  margin-top: 44px !important;
}

.mr-44 {
  margin-right: 44px;
}

.mr-44--force {
  margin-right: 44px !important;
}

.mb-44 {
  margin-bottom: 44px;
}

.mb-44--force {
  margin-bottom: 44px !important;
}

.ml-44 {
  margin-left: 44px;
}

.ml-44--force {
  margin-left: 44px !important;
}

.m-48 {
  margin: var(--matcha-space-600, 48px);
}

.m-48--force {
  margin: var(--matcha-space-600, 48px) !important;
}

.mx-48 {
  margin-right: var(--matcha-space-600, 48px);
  margin-left: var(--matcha-space-600, 48px);
}

.mx-48--force {
  margin-right: var(--matcha-space-600, 48px) !important;
  margin-left: var(--matcha-space-600, 48px) !important;
}

.my-48 {
  margin-top: var(--matcha-space-600, 48px);
  margin-bottom: var(--matcha-space-600, 48px);
}

.my-48--force {
  margin-top: var(--matcha-space-600, 48px) !important;
  margin-bottom: var(--matcha-space-600, 48px) !important;
}

.mt-48 {
  margin-top: var(--matcha-space-600, 48px);
}

.mt-48--force {
  margin-top: var(--matcha-space-600, 48px) !important;
}

.mr-48 {
  margin-right: var(--matcha-space-600, 48px);
}

.mr-48--force {
  margin-right: var(--matcha-space-600, 48px) !important;
}

.mb-48 {
  margin-bottom: var(--matcha-space-600, 48px);
}

.mb-48--force {
  margin-bottom: var(--matcha-space-600, 48px) !important;
}

.ml-48 {
  margin-left: var(--matcha-space-600, 48px);
}

.ml-48--force {
  margin-left: var(--matcha-space-600, 48px) !important;
}

.m-52 {
  margin: 52px;
}

.m-52--force {
  margin: 52px !important;
}

.mx-52 {
  margin-right: 52px;
  margin-left: 52px;
}

.mx-52--force {
  margin-right: 52px !important;
  margin-left: 52px !important;
}

.my-52 {
  margin-top: 52px;
  margin-bottom: 52px;
}

.my-52--force {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.mt-52 {
  margin-top: 52px;
}

.mt-52--force {
  margin-top: 52px !important;
}

.mr-52 {
  margin-right: 52px;
}

.mr-52--force {
  margin-right: 52px !important;
}

.mb-52 {
  margin-bottom: 52px;
}

.mb-52--force {
  margin-bottom: 52px !important;
}

.ml-52 {
  margin-left: 52px;
}

.ml-52--force {
  margin-left: 52px !important;
}

.m-56 {
  margin: 56px;
}

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

.mx-56 {
  margin-right: 56px;
  margin-left: 56px;
}

.mx-56--force {
  margin-right: 56px !important;
  margin-left: 56px !important;
}

.my-56 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.my-56--force {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.mt-56 {
  margin-top: 56px;
}

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

.mr-56 {
  margin-right: 56px;
}

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

.mb-56 {
  margin-bottom: 56px;
}

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

.ml-56 {
  margin-left: 56px;
}

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

.m-60 {
  margin: 60px;
}

.m-60--force {
  margin: 60px !important;
}

.mx-60 {
  margin-right: 60px;
  margin-left: 60px;
}

.mx-60--force {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.my-60--force {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.mt-60 {
  margin-top: 60px;
}

.mt-60--force {
  margin-top: 60px !important;
}

.mr-60 {
  margin-right: 60px;
}

.mr-60--force {
  margin-right: 60px !important;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-60--force {
  margin-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px;
}

.ml-60--force {
  margin-left: 60px !important;
}

.m-64 {
  margin: var(--matcha-space-800, 64px);
}

.m-64--force {
  margin: var(--matcha-space-800, 64px) !important;
}

.mx-64 {
  margin-right: var(--matcha-space-800, 64px);
  margin-left: var(--matcha-space-800, 64px);
}

.mx-64--force {
  margin-right: var(--matcha-space-800, 64px) !important;
  margin-left: var(--matcha-space-800, 64px) !important;
}

.my-64 {
  margin-top: var(--matcha-space-800, 64px);
  margin-bottom: var(--matcha-space-800, 64px);
}

.my-64--force {
  margin-top: var(--matcha-space-800, 64px) !important;
  margin-bottom: var(--matcha-space-800, 64px) !important;
}

.mt-64 {
  margin-top: var(--matcha-space-800, 64px);
}

.mt-64--force {
  margin-top: var(--matcha-space-800, 64px) !important;
}

.mr-64 {
  margin-right: var(--matcha-space-800, 64px);
}

.mr-64--force {
  margin-right: var(--matcha-space-800, 64px) !important;
}

.mb-64 {
  margin-bottom: var(--matcha-space-800, 64px);
}

.mb-64--force {
  margin-bottom: var(--matcha-space-800, 64px) !important;
}

.ml-64 {
  margin-left: var(--matcha-space-800, 64px);
}

.ml-64--force {
  margin-left: var(--matcha-space-800, 64px) !important;
}

.m-auto {
  margin: auto;
}

.m-auto--force {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto;
}

.mt-auto--force {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto;
}

.mr-auto--force {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto;
}

.mb-auto--force {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto;
}

.ml-auto--force {
  margin-left: auto !important;
}

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

.mx-auto--force {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.my-auto--force {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p--64 {
  padding: calc(-1 * var(--matcha-space-800, 64px));
}

.p--64--force {
  padding: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.px--64 {
  padding-right: calc(-1 * var(--matcha-space-800, 64px));
  padding-left: calc(-1 * var(--matcha-space-800, 64px));
}

.px--64--force {
  padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.py--64 {
  padding-top: calc(-1 * var(--matcha-space-800, 64px));
  padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
}

.py--64--force {
  padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.pt--64 {
  padding-top: calc(-1 * var(--matcha-space-800, 64px));
}

.pt--64--force {
  padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.pr--64 {
  padding-right: calc(-1 * var(--matcha-space-800, 64px));
}

.pr--64--force {
  padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.pb--64 {
  padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
}

.pb--64--force {
  padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.pl--64 {
  padding-left: calc(-1 * var(--matcha-space-800, 64px));
}

.pl--64--force {
  padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.p--60 {
  padding: -60px;
}

.p--60--force {
  padding: -60px !important;
}

.px--60 {
  padding-right: -60px;
  padding-left: -60px;
}

.px--60--force {
  padding-right: -60px !important;
  padding-left: -60px !important;
}

.py--60 {
  padding-top: -60px;
  padding-bottom: -60px;
}

.py--60--force {
  padding-top: -60px !important;
  padding-bottom: -60px !important;
}

.pt--60 {
  padding-top: -60px;
}

.pt--60--force {
  padding-top: -60px !important;
}

.pr--60 {
  padding-right: -60px;
}

.pr--60--force {
  padding-right: -60px !important;
}

.pb--60 {
  padding-bottom: -60px;
}

.pb--60--force {
  padding-bottom: -60px !important;
}

.pl--60 {
  padding-left: -60px;
}

.pl--60--force {
  padding-left: -60px !important;
}

.p--56 {
  padding: -56px;
}

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

.px--56 {
  padding-right: -56px;
  padding-left: -56px;
}

.px--56--force {
  padding-right: -56px !important;
  padding-left: -56px !important;
}

.py--56 {
  padding-top: -56px;
  padding-bottom: -56px;
}

.py--56--force {
  padding-top: -56px !important;
  padding-bottom: -56px !important;
}

.pt--56 {
  padding-top: -56px;
}

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

.pr--56 {
  padding-right: -56px;
}

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

.pb--56 {
  padding-bottom: -56px;
}

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

.pl--56 {
  padding-left: -56px;
}

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

.p--52 {
  padding: -52px;
}

.p--52--force {
  padding: -52px !important;
}

.px--52 {
  padding-right: -52px;
  padding-left: -52px;
}

.px--52--force {
  padding-right: -52px !important;
  padding-left: -52px !important;
}

.py--52 {
  padding-top: -52px;
  padding-bottom: -52px;
}

.py--52--force {
  padding-top: -52px !important;
  padding-bottom: -52px !important;
}

.pt--52 {
  padding-top: -52px;
}

.pt--52--force {
  padding-top: -52px !important;
}

.pr--52 {
  padding-right: -52px;
}

.pr--52--force {
  padding-right: -52px !important;
}

.pb--52 {
  padding-bottom: -52px;
}

.pb--52--force {
  padding-bottom: -52px !important;
}

.pl--52 {
  padding-left: -52px;
}

.pl--52--force {
  padding-left: -52px !important;
}

.p--48 {
  padding: calc(-1 * var(--matcha-space-600, 48px));
}

.p--48--force {
  padding: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.px--48 {
  padding-right: calc(-1 * var(--matcha-space-600, 48px));
  padding-left: calc(-1 * var(--matcha-space-600, 48px));
}

.px--48--force {
  padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.py--48 {
  padding-top: calc(-1 * var(--matcha-space-600, 48px));
  padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
}

.py--48--force {
  padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.pt--48 {
  padding-top: calc(-1 * var(--matcha-space-600, 48px));
}

.pt--48--force {
  padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.pr--48 {
  padding-right: calc(-1 * var(--matcha-space-600, 48px));
}

.pr--48--force {
  padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.pb--48 {
  padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
}

.pb--48--force {
  padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.pl--48 {
  padding-left: calc(-1 * var(--matcha-space-600, 48px));
}

.pl--48--force {
  padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.p--44 {
  padding: -44px;
}

.p--44--force {
  padding: -44px !important;
}

.px--44 {
  padding-right: -44px;
  padding-left: -44px;
}

.px--44--force {
  padding-right: -44px !important;
  padding-left: -44px !important;
}

.py--44 {
  padding-top: -44px;
  padding-bottom: -44px;
}

.py--44--force {
  padding-top: -44px !important;
  padding-bottom: -44px !important;
}

.pt--44 {
  padding-top: -44px;
}

.pt--44--force {
  padding-top: -44px !important;
}

.pr--44 {
  padding-right: -44px;
}

.pr--44--force {
  padding-right: -44px !important;
}

.pb--44 {
  padding-bottom: -44px;
}

.pb--44--force {
  padding-bottom: -44px !important;
}

.pl--44 {
  padding-left: -44px;
}

.pl--44--force {
  padding-left: -44px !important;
}

.p--40 {
  padding: calc(-1 * var(--matcha-space-500, 40px));
}

.p--40--force {
  padding: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.px--40 {
  padding-right: calc(-1 * var(--matcha-space-500, 40px));
  padding-left: calc(-1 * var(--matcha-space-500, 40px));
}

.px--40--force {
  padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.py--40 {
  padding-top: calc(-1 * var(--matcha-space-500, 40px));
  padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
}

.py--40--force {
  padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.pt--40 {
  padding-top: calc(-1 * var(--matcha-space-500, 40px));
}

.pt--40--force {
  padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.pr--40 {
  padding-right: calc(-1 * var(--matcha-space-500, 40px));
}

.pr--40--force {
  padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.pb--40 {
  padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
}

.pb--40--force {
  padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.pl--40 {
  padding-left: calc(-1 * var(--matcha-space-500, 40px));
}

.pl--40--force {
  padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.p--36 {
  padding: -36px;
}

.p--36--force {
  padding: -36px !important;
}

.px--36 {
  padding-right: -36px;
  padding-left: -36px;
}

.px--36--force {
  padding-right: -36px !important;
  padding-left: -36px !important;
}

.py--36 {
  padding-top: -36px;
  padding-bottom: -36px;
}

.py--36--force {
  padding-top: -36px !important;
  padding-bottom: -36px !important;
}

.pt--36 {
  padding-top: -36px;
}

.pt--36--force {
  padding-top: -36px !important;
}

.pr--36 {
  padding-right: -36px;
}

.pr--36--force {
  padding-right: -36px !important;
}

.pb--36 {
  padding-bottom: -36px;
}

.pb--36--force {
  padding-bottom: -36px !important;
}

.pl--36 {
  padding-left: -36px;
}

.pl--36--force {
  padding-left: -36px !important;
}

.p--32 {
  padding: calc(-1 * var(--matcha-space-400, 32px));
}

.p--32--force {
  padding: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.px--32 {
  padding-right: calc(-1 * var(--matcha-space-400, 32px));
  padding-left: calc(-1 * var(--matcha-space-400, 32px));
}

.px--32--force {
  padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.py--32 {
  padding-top: calc(-1 * var(--matcha-space-400, 32px));
  padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
}

.py--32--force {
  padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.pt--32 {
  padding-top: calc(-1 * var(--matcha-space-400, 32px));
}

.pt--32--force {
  padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.pr--32 {
  padding-right: calc(-1 * var(--matcha-space-400, 32px));
}

.pr--32--force {
  padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.pb--32 {
  padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
}

.pb--32--force {
  padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.pl--32 {
  padding-left: calc(-1 * var(--matcha-space-400, 32px));
}

.pl--32--force {
  padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.p--28 {
  padding: -28px;
}

.p--28--force {
  padding: -28px !important;
}

.px--28 {
  padding-right: -28px;
  padding-left: -28px;
}

.px--28--force {
  padding-right: -28px !important;
  padding-left: -28px !important;
}

.py--28 {
  padding-top: -28px;
  padding-bottom: -28px;
}

.py--28--force {
  padding-top: -28px !important;
  padding-bottom: -28px !important;
}

.pt--28 {
  padding-top: -28px;
}

.pt--28--force {
  padding-top: -28px !important;
}

.pr--28 {
  padding-right: -28px;
}

.pr--28--force {
  padding-right: -28px !important;
}

.pb--28 {
  padding-bottom: -28px;
}

.pb--28--force {
  padding-bottom: -28px !important;
}

.pl--28 {
  padding-left: -28px;
}

.pl--28--force {
  padding-left: -28px !important;
}

.p--24 {
  padding: calc(-1 * var(--matcha-space-300, 24px));
}

.p--24--force {
  padding: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.px--24 {
  padding-right: calc(-1 * var(--matcha-space-300, 24px));
  padding-left: calc(-1 * var(--matcha-space-300, 24px));
}

.px--24--force {
  padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.py--24 {
  padding-top: calc(-1 * var(--matcha-space-300, 24px));
  padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
}

.py--24--force {
  padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.pt--24 {
  padding-top: calc(-1 * var(--matcha-space-300, 24px));
}

.pt--24--force {
  padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.pr--24 {
  padding-right: calc(-1 * var(--matcha-space-300, 24px));
}

.pr--24--force {
  padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.pb--24 {
  padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
}

.pb--24--force {
  padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.pl--24 {
  padding-left: calc(-1 * var(--matcha-space-300, 24px));
}

.pl--24--force {
  padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.p--20 {
  padding: calc(-1 * var(--matcha-space-250, 20px));
}

.p--20--force {
  padding: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.px--20 {
  padding-right: calc(-1 * var(--matcha-space-250, 20px));
  padding-left: calc(-1 * var(--matcha-space-250, 20px));
}

.px--20--force {
  padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.py--20 {
  padding-top: calc(-1 * var(--matcha-space-250, 20px));
  padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
}

.py--20--force {
  padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.pt--20 {
  padding-top: calc(-1 * var(--matcha-space-250, 20px));
}

.pt--20--force {
  padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.pr--20 {
  padding-right: calc(-1 * var(--matcha-space-250, 20px));
}

.pr--20--force {
  padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.pb--20 {
  padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
}

.pb--20--force {
  padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.pl--20 {
  padding-left: calc(-1 * var(--matcha-space-250, 20px));
}

.pl--20--force {
  padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.p--16 {
  padding: calc(-1 * var(--matcha-space-200, 16px));
}

.p--16--force {
  padding: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.px--16 {
  padding-right: calc(-1 * var(--matcha-space-200, 16px));
  padding-left: calc(-1 * var(--matcha-space-200, 16px));
}

.px--16--force {
  padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.py--16 {
  padding-top: calc(-1 * var(--matcha-space-200, 16px));
  padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
}

.py--16--force {
  padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.pt--16 {
  padding-top: calc(-1 * var(--matcha-space-200, 16px));
}

.pt--16--force {
  padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.pr--16 {
  padding-right: calc(-1 * var(--matcha-space-200, 16px));
}

.pr--16--force {
  padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.pb--16 {
  padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
}

.pb--16--force {
  padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.pl--16 {
  padding-left: calc(-1 * var(--matcha-space-200, 16px));
}

.pl--16--force {
  padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.p--12 {
  padding: calc(-1 * var(--matcha-space-150, 12px));
}

.p--12--force {
  padding: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.px--12 {
  padding-right: calc(-1 * var(--matcha-space-150, 12px));
  padding-left: calc(-1 * var(--matcha-space-150, 12px));
}

.px--12--force {
  padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.py--12 {
  padding-top: calc(-1 * var(--matcha-space-150, 12px));
  padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
}

.py--12--force {
  padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.pt--12 {
  padding-top: calc(-1 * var(--matcha-space-150, 12px));
}

.pt--12--force {
  padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.pr--12 {
  padding-right: calc(-1 * var(--matcha-space-150, 12px));
}

.pr--12--force {
  padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.pb--12 {
  padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
}

.pb--12--force {
  padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.pl--12 {
  padding-left: calc(-1 * var(--matcha-space-150, 12px));
}

.pl--12--force {
  padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.p--8 {
  padding: calc(-1 * var(--matcha-space-100, 8px));
}

.p--8--force {
  padding: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.px--8 {
  padding-right: calc(-1 * var(--matcha-space-100, 8px));
  padding-left: calc(-1 * var(--matcha-space-100, 8px));
}

.px--8--force {
  padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.py--8 {
  padding-top: calc(-1 * var(--matcha-space-100, 8px));
  padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
}

.py--8--force {
  padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.pt--8 {
  padding-top: calc(-1 * var(--matcha-space-100, 8px));
}

.pt--8--force {
  padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.pr--8 {
  padding-right: calc(-1 * var(--matcha-space-100, 8px));
}

.pr--8--force {
  padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.pb--8 {
  padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
}

.pb--8--force {
  padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.pl--8 {
  padding-left: calc(-1 * var(--matcha-space-100, 8px));
}

.pl--8--force {
  padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.p--4 {
  padding: calc(-1 * var(--matcha-space-050, 4px));
}

.p--4--force {
  padding: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.px--4 {
  padding-right: calc(-1 * var(--matcha-space-050, 4px));
  padding-left: calc(-1 * var(--matcha-space-050, 4px));
}

.px--4--force {
  padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.py--4 {
  padding-top: calc(-1 * var(--matcha-space-050, 4px));
  padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
}

.py--4--force {
  padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.pt--4 {
  padding-top: calc(-1 * var(--matcha-space-050, 4px));
}

.pt--4--force {
  padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.pr--4 {
  padding-right: calc(-1 * var(--matcha-space-050, 4px));
}

.pr--4--force {
  padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.pb--4 {
  padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
}

.pb--4--force {
  padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.pl--4 {
  padding-left: calc(-1 * var(--matcha-space-050, 4px));
}

.pl--4--force {
  padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.p-0 {
  padding: var(--matcha-space-0, 0);
}

.p-0--force {
  padding: var(--matcha-space-0, 0) !important;
}

.px-0 {
  padding-right: var(--matcha-space-0, 0);
  padding-left: var(--matcha-space-0, 0);
}

.px-0--force {
  padding-right: var(--matcha-space-0, 0) !important;
  padding-left: var(--matcha-space-0, 0) !important;
}

.py-0 {
  padding-top: var(--matcha-space-0, 0);
  padding-bottom: var(--matcha-space-0, 0);
}

.py-0--force {
  padding-top: var(--matcha-space-0, 0) !important;
  padding-bottom: var(--matcha-space-0, 0) !important;
}

.pt-0 {
  padding-top: var(--matcha-space-0, 0);
}

.pt-0--force {
  padding-top: var(--matcha-space-0, 0) !important;
}

.pr-0 {
  padding-right: var(--matcha-space-0, 0);
}

.pr-0--force {
  padding-right: var(--matcha-space-0, 0) !important;
}

.pb-0 {
  padding-bottom: var(--matcha-space-0, 0);
}

.pb-0--force {
  padding-bottom: var(--matcha-space-0, 0) !important;
}

.pl-0 {
  padding-left: var(--matcha-space-0, 0);
}

.pl-0--force {
  padding-left: var(--matcha-space-0, 0) !important;
}

.p-4 {
  padding: var(--matcha-space-050, 4px);
}

.p-4--force {
  padding: var(--matcha-space-050, 4px) !important;
}

.px-4 {
  padding-right: var(--matcha-space-050, 4px);
  padding-left: var(--matcha-space-050, 4px);
}

.px-4--force {
  padding-right: var(--matcha-space-050, 4px) !important;
  padding-left: var(--matcha-space-050, 4px) !important;
}

.py-4 {
  padding-top: var(--matcha-space-050, 4px);
  padding-bottom: var(--matcha-space-050, 4px);
}

.py-4--force {
  padding-top: var(--matcha-space-050, 4px) !important;
  padding-bottom: var(--matcha-space-050, 4px) !important;
}

.pt-4 {
  padding-top: var(--matcha-space-050, 4px);
}

.pt-4--force {
  padding-top: var(--matcha-space-050, 4px) !important;
}

.pr-4 {
  padding-right: var(--matcha-space-050, 4px);
}

.pr-4--force {
  padding-right: var(--matcha-space-050, 4px) !important;
}

.pb-4 {
  padding-bottom: var(--matcha-space-050, 4px);
}

.pb-4--force {
  padding-bottom: var(--matcha-space-050, 4px) !important;
}

.pl-4 {
  padding-left: var(--matcha-space-050, 4px);
}

.pl-4--force {
  padding-left: var(--matcha-space-050, 4px) !important;
}

.p-8 {
  padding: var(--matcha-space-100, 8px);
}

.p-8--force {
  padding: var(--matcha-space-100, 8px) !important;
}

.px-8 {
  padding-right: var(--matcha-space-100, 8px);
  padding-left: var(--matcha-space-100, 8px);
}

.px-8--force {
  padding-right: var(--matcha-space-100, 8px) !important;
  padding-left: var(--matcha-space-100, 8px) !important;
}

.py-8 {
  padding-top: var(--matcha-space-100, 8px);
  padding-bottom: var(--matcha-space-100, 8px);
}

.py-8--force {
  padding-top: var(--matcha-space-100, 8px) !important;
  padding-bottom: var(--matcha-space-100, 8px) !important;
}

.pt-8 {
  padding-top: var(--matcha-space-100, 8px);
}

.pt-8--force {
  padding-top: var(--matcha-space-100, 8px) !important;
}

.pr-8 {
  padding-right: var(--matcha-space-100, 8px);
}

.pr-8--force {
  padding-right: var(--matcha-space-100, 8px) !important;
}

.pb-8 {
  padding-bottom: var(--matcha-space-100, 8px);
}

.pb-8--force {
  padding-bottom: var(--matcha-space-100, 8px) !important;
}

.pl-8 {
  padding-left: var(--matcha-space-100, 8px);
}

.pl-8--force {
  padding-left: var(--matcha-space-100, 8px) !important;
}

.p-12 {
  padding: var(--matcha-space-150, 12px);
}

.p-12--force {
  padding: var(--matcha-space-150, 12px) !important;
}

.px-12 {
  padding-right: var(--matcha-space-150, 12px);
  padding-left: var(--matcha-space-150, 12px);
}

.px-12--force {
  padding-right: var(--matcha-space-150, 12px) !important;
  padding-left: var(--matcha-space-150, 12px) !important;
}

.py-12 {
  padding-top: var(--matcha-space-150, 12px);
  padding-bottom: var(--matcha-space-150, 12px);
}

.py-12--force {
  padding-top: var(--matcha-space-150, 12px) !important;
  padding-bottom: var(--matcha-space-150, 12px) !important;
}

.pt-12 {
  padding-top: var(--matcha-space-150, 12px);
}

.pt-12--force {
  padding-top: var(--matcha-space-150, 12px) !important;
}

.pr-12 {
  padding-right: var(--matcha-space-150, 12px);
}

.pr-12--force {
  padding-right: var(--matcha-space-150, 12px) !important;
}

.pb-12 {
  padding-bottom: var(--matcha-space-150, 12px);
}

.pb-12--force {
  padding-bottom: var(--matcha-space-150, 12px) !important;
}

.pl-12 {
  padding-left: var(--matcha-space-150, 12px);
}

.pl-12--force {
  padding-left: var(--matcha-space-150, 12px) !important;
}

.p-16 {
  padding: var(--matcha-space-200, 16px);
}

.p-16--force {
  padding: var(--matcha-space-200, 16px) !important;
}

.px-16 {
  padding-right: var(--matcha-space-200, 16px);
  padding-left: var(--matcha-space-200, 16px);
}

.px-16--force {
  padding-right: var(--matcha-space-200, 16px) !important;
  padding-left: var(--matcha-space-200, 16px) !important;
}

.py-16 {
  padding-top: var(--matcha-space-200, 16px);
  padding-bottom: var(--matcha-space-200, 16px);
}

.py-16--force {
  padding-top: var(--matcha-space-200, 16px) !important;
  padding-bottom: var(--matcha-space-200, 16px) !important;
}

.pt-16 {
  padding-top: var(--matcha-space-200, 16px);
}

.pt-16--force {
  padding-top: var(--matcha-space-200, 16px) !important;
}

.pr-16 {
  padding-right: var(--matcha-space-200, 16px);
}

.pr-16--force {
  padding-right: var(--matcha-space-200, 16px) !important;
}

.pb-16 {
  padding-bottom: var(--matcha-space-200, 16px);
}

.pb-16--force {
  padding-bottom: var(--matcha-space-200, 16px) !important;
}

.pl-16 {
  padding-left: var(--matcha-space-200, 16px);
}

.pl-16--force {
  padding-left: var(--matcha-space-200, 16px) !important;
}

.p-20 {
  padding: var(--matcha-space-250, 20px);
}

.p-20--force {
  padding: var(--matcha-space-250, 20px) !important;
}

.px-20 {
  padding-right: var(--matcha-space-250, 20px);
  padding-left: var(--matcha-space-250, 20px);
}

.px-20--force {
  padding-right: var(--matcha-space-250, 20px) !important;
  padding-left: var(--matcha-space-250, 20px) !important;
}

.py-20 {
  padding-top: var(--matcha-space-250, 20px);
  padding-bottom: var(--matcha-space-250, 20px);
}

.py-20--force {
  padding-top: var(--matcha-space-250, 20px) !important;
  padding-bottom: var(--matcha-space-250, 20px) !important;
}

.pt-20 {
  padding-top: var(--matcha-space-250, 20px);
}

.pt-20--force {
  padding-top: var(--matcha-space-250, 20px) !important;
}

.pr-20 {
  padding-right: var(--matcha-space-250, 20px);
}

.pr-20--force {
  padding-right: var(--matcha-space-250, 20px) !important;
}

.pb-20 {
  padding-bottom: var(--matcha-space-250, 20px);
}

.pb-20--force {
  padding-bottom: var(--matcha-space-250, 20px) !important;
}

.pl-20 {
  padding-left: var(--matcha-space-250, 20px);
}

.pl-20--force {
  padding-left: var(--matcha-space-250, 20px) !important;
}

.p-24 {
  padding: var(--matcha-space-300, 24px);
}

.p-24--force {
  padding: var(--matcha-space-300, 24px) !important;
}

.px-24 {
  padding-right: var(--matcha-space-300, 24px);
  padding-left: var(--matcha-space-300, 24px);
}

.px-24--force {
  padding-right: var(--matcha-space-300, 24px) !important;
  padding-left: var(--matcha-space-300, 24px) !important;
}

.py-24 {
  padding-top: var(--matcha-space-300, 24px);
  padding-bottom: var(--matcha-space-300, 24px);
}

.py-24--force {
  padding-top: var(--matcha-space-300, 24px) !important;
  padding-bottom: var(--matcha-space-300, 24px) !important;
}

.pt-24 {
  padding-top: var(--matcha-space-300, 24px);
}

.pt-24--force {
  padding-top: var(--matcha-space-300, 24px) !important;
}

.pr-24 {
  padding-right: var(--matcha-space-300, 24px);
}

.pr-24--force {
  padding-right: var(--matcha-space-300, 24px) !important;
}

.pb-24 {
  padding-bottom: var(--matcha-space-300, 24px);
}

.pb-24--force {
  padding-bottom: var(--matcha-space-300, 24px) !important;
}

.pl-24 {
  padding-left: var(--matcha-space-300, 24px);
}

.pl-24--force {
  padding-left: var(--matcha-space-300, 24px) !important;
}

.p-28 {
  padding: 28px;
}

.p-28--force {
  padding: 28px !important;
}

.px-28 {
  padding-right: 28px;
  padding-left: 28px;
}

.px-28--force {
  padding-right: 28px !important;
  padding-left: 28px !important;
}

.py-28 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.py-28--force {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.pt-28 {
  padding-top: 28px;
}

.pt-28--force {
  padding-top: 28px !important;
}

.pr-28 {
  padding-right: 28px;
}

.pr-28--force {
  padding-right: 28px !important;
}

.pb-28 {
  padding-bottom: 28px;
}

.pb-28--force {
  padding-bottom: 28px !important;
}

.pl-28 {
  padding-left: 28px;
}

.pl-28--force {
  padding-left: 28px !important;
}

.p-32 {
  padding: var(--matcha-space-400, 32px);
}

.p-32--force {
  padding: var(--matcha-space-400, 32px) !important;
}

.px-32 {
  padding-right: var(--matcha-space-400, 32px);
  padding-left: var(--matcha-space-400, 32px);
}

.px-32--force {
  padding-right: var(--matcha-space-400, 32px) !important;
  padding-left: var(--matcha-space-400, 32px) !important;
}

.py-32 {
  padding-top: var(--matcha-space-400, 32px);
  padding-bottom: var(--matcha-space-400, 32px);
}

.py-32--force {
  padding-top: var(--matcha-space-400, 32px) !important;
  padding-bottom: var(--matcha-space-400, 32px) !important;
}

.pt-32 {
  padding-top: var(--matcha-space-400, 32px);
}

.pt-32--force {
  padding-top: var(--matcha-space-400, 32px) !important;
}

.pr-32 {
  padding-right: var(--matcha-space-400, 32px);
}

.pr-32--force {
  padding-right: var(--matcha-space-400, 32px) !important;
}

.pb-32 {
  padding-bottom: var(--matcha-space-400, 32px);
}

.pb-32--force {
  padding-bottom: var(--matcha-space-400, 32px) !important;
}

.pl-32 {
  padding-left: var(--matcha-space-400, 32px);
}

.pl-32--force {
  padding-left: var(--matcha-space-400, 32px) !important;
}

.p-36 {
  padding: 36px;
}

.p-36--force {
  padding: 36px !important;
}

.px-36 {
  padding-right: 36px;
  padding-left: 36px;
}

.px-36--force {
  padding-right: 36px !important;
  padding-left: 36px !important;
}

.py-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.py-36--force {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.pt-36 {
  padding-top: 36px;
}

.pt-36--force {
  padding-top: 36px !important;
}

.pr-36 {
  padding-right: 36px;
}

.pr-36--force {
  padding-right: 36px !important;
}

.pb-36 {
  padding-bottom: 36px;
}

.pb-36--force {
  padding-bottom: 36px !important;
}

.pl-36 {
  padding-left: 36px;
}

.pl-36--force {
  padding-left: 36px !important;
}

.p-40 {
  padding: var(--matcha-space-500, 40px);
}

.p-40--force {
  padding: var(--matcha-space-500, 40px) !important;
}

.px-40 {
  padding-right: var(--matcha-space-500, 40px);
  padding-left: var(--matcha-space-500, 40px);
}

.px-40--force {
  padding-right: var(--matcha-space-500, 40px) !important;
  padding-left: var(--matcha-space-500, 40px) !important;
}

.py-40 {
  padding-top: var(--matcha-space-500, 40px);
  padding-bottom: var(--matcha-space-500, 40px);
}

.py-40--force {
  padding-top: var(--matcha-space-500, 40px) !important;
  padding-bottom: var(--matcha-space-500, 40px) !important;
}

.pt-40 {
  padding-top: var(--matcha-space-500, 40px);
}

.pt-40--force {
  padding-top: var(--matcha-space-500, 40px) !important;
}

.pr-40 {
  padding-right: var(--matcha-space-500, 40px);
}

.pr-40--force {
  padding-right: var(--matcha-space-500, 40px) !important;
}

.pb-40 {
  padding-bottom: var(--matcha-space-500, 40px);
}

.pb-40--force {
  padding-bottom: var(--matcha-space-500, 40px) !important;
}

.pl-40 {
  padding-left: var(--matcha-space-500, 40px);
}

.pl-40--force {
  padding-left: var(--matcha-space-500, 40px) !important;
}

.p-44 {
  padding: 44px;
}

.p-44--force {
  padding: 44px !important;
}

.px-44 {
  padding-right: 44px;
  padding-left: 44px;
}

.px-44--force {
  padding-right: 44px !important;
  padding-left: 44px !important;
}

.py-44 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.py-44--force {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.pt-44 {
  padding-top: 44px;
}

.pt-44--force {
  padding-top: 44px !important;
}

.pr-44 {
  padding-right: 44px;
}

.pr-44--force {
  padding-right: 44px !important;
}

.pb-44 {
  padding-bottom: 44px;
}

.pb-44--force {
  padding-bottom: 44px !important;
}

.pl-44 {
  padding-left: 44px;
}

.pl-44--force {
  padding-left: 44px !important;
}

.p-48 {
  padding: var(--matcha-space-600, 48px);
}

.p-48--force {
  padding: var(--matcha-space-600, 48px) !important;
}

.px-48 {
  padding-right: var(--matcha-space-600, 48px);
  padding-left: var(--matcha-space-600, 48px);
}

.px-48--force {
  padding-right: var(--matcha-space-600, 48px) !important;
  padding-left: var(--matcha-space-600, 48px) !important;
}

.py-48 {
  padding-top: var(--matcha-space-600, 48px);
  padding-bottom: var(--matcha-space-600, 48px);
}

.py-48--force {
  padding-top: var(--matcha-space-600, 48px) !important;
  padding-bottom: var(--matcha-space-600, 48px) !important;
}

.pt-48 {
  padding-top: var(--matcha-space-600, 48px);
}

.pt-48--force {
  padding-top: var(--matcha-space-600, 48px) !important;
}

.pr-48 {
  padding-right: var(--matcha-space-600, 48px);
}

.pr-48--force {
  padding-right: var(--matcha-space-600, 48px) !important;
}

.pb-48 {
  padding-bottom: var(--matcha-space-600, 48px);
}

.pb-48--force {
  padding-bottom: var(--matcha-space-600, 48px) !important;
}

.pl-48 {
  padding-left: var(--matcha-space-600, 48px);
}

.pl-48--force {
  padding-left: var(--matcha-space-600, 48px) !important;
}

.p-52 {
  padding: 52px;
}

.p-52--force {
  padding: 52px !important;
}

.px-52 {
  padding-right: 52px;
  padding-left: 52px;
}

.px-52--force {
  padding-right: 52px !important;
  padding-left: 52px !important;
}

.py-52 {
  padding-top: 52px;
  padding-bottom: 52px;
}

.py-52--force {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.pt-52 {
  padding-top: 52px;
}

.pt-52--force {
  padding-top: 52px !important;
}

.pr-52 {
  padding-right: 52px;
}

.pr-52--force {
  padding-right: 52px !important;
}

.pb-52 {
  padding-bottom: 52px;
}

.pb-52--force {
  padding-bottom: 52px !important;
}

.pl-52 {
  padding-left: 52px;
}

.pl-52--force {
  padding-left: 52px !important;
}

.p-56 {
  padding: 56px;
}

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

.px-56 {
  padding-right: 56px;
  padding-left: 56px;
}

.px-56--force {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

.py-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.py-56--force {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.pt-56 {
  padding-top: 56px;
}

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

.pr-56 {
  padding-right: 56px;
}

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

.pb-56 {
  padding-bottom: 56px;
}

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

.pl-56 {
  padding-left: 56px;
}

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

.p-60 {
  padding: 60px;
}

.p-60--force {
  padding: 60px !important;
}

.px-60 {
  padding-right: 60px;
  padding-left: 60px;
}

.px-60--force {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py-60--force {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.pt-60 {
  padding-top: 60px;
}

.pt-60--force {
  padding-top: 60px !important;
}

.pr-60 {
  padding-right: 60px;
}

.pr-60--force {
  padding-right: 60px !important;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-60--force {
  padding-bottom: 60px !important;
}

.pl-60 {
  padding-left: 60px;
}

.pl-60--force {
  padding-left: 60px !important;
}

.p-64 {
  padding: var(--matcha-space-800, 64px);
}

.p-64--force {
  padding: var(--matcha-space-800, 64px) !important;
}

.px-64 {
  padding-right: var(--matcha-space-800, 64px);
  padding-left: var(--matcha-space-800, 64px);
}

.px-64--force {
  padding-right: var(--matcha-space-800, 64px) !important;
  padding-left: var(--matcha-space-800, 64px) !important;
}

.py-64 {
  padding-top: var(--matcha-space-800, 64px);
  padding-bottom: var(--matcha-space-800, 64px);
}

.py-64--force {
  padding-top: var(--matcha-space-800, 64px) !important;
  padding-bottom: var(--matcha-space-800, 64px) !important;
}

.pt-64 {
  padding-top: var(--matcha-space-800, 64px);
}

.pt-64--force {
  padding-top: var(--matcha-space-800, 64px) !important;
}

.pr-64 {
  padding-right: var(--matcha-space-800, 64px);
}

.pr-64--force {
  padding-right: var(--matcha-space-800, 64px) !important;
}

.pb-64 {
  padding-bottom: var(--matcha-space-800, 64px);
}

.pb-64--force {
  padding-bottom: var(--matcha-space-800, 64px) !important;
}

.pl-64 {
  padding-left: var(--matcha-space-800, 64px);
}

.pl-64--force {
  padding-left: var(--matcha-space-800, 64px) !important;
}

.p-0 {
  padding: var(--matcha-space-0, 0);
}

.p-0--force {
  padding: var(--matcha-space-0, 0) !important;
}

.px-0 {
  padding-right: var(--matcha-space-0, 0);
  padding-left: var(--matcha-space-0, 0);
}

.px-0--force {
  padding-right: var(--matcha-space-0, 0) !important;
  padding-left: var(--matcha-space-0, 0) !important;
}

.py-0 {
  padding-top: var(--matcha-space-0, 0);
  padding-bottom: var(--matcha-space-0, 0);
}

.py-0--force {
  padding-top: var(--matcha-space-0, 0) !important;
  padding-bottom: var(--matcha-space-0, 0) !important;
}

.pt-0 {
  padding-top: var(--matcha-space-0, 0);
}

.pt-0--force {
  padding-top: var(--matcha-space-0, 0) !important;
}

.pr-0 {
  padding-right: var(--matcha-space-0, 0);
}

.pr-0--force {
  padding-right: var(--matcha-space-0, 0) !important;
}

.pb-0 {
  padding-bottom: var(--matcha-space-0, 0);
}

.pb-0--force {
  padding-bottom: var(--matcha-space-0, 0) !important;
}

.pl-0 {
  padding-left: var(--matcha-space-0, 0);
}

.pl-0--force {
  padding-left: var(--matcha-space-0, 0) !important;
}

.p-4 {
  padding: var(--matcha-space-050, 4px);
}

.p-4--force {
  padding: var(--matcha-space-050, 4px) !important;
}

.px-4 {
  padding-right: var(--matcha-space-050, 4px);
  padding-left: var(--matcha-space-050, 4px);
}

.px-4--force {
  padding-right: var(--matcha-space-050, 4px) !important;
  padding-left: var(--matcha-space-050, 4px) !important;
}

.py-4 {
  padding-top: var(--matcha-space-050, 4px);
  padding-bottom: var(--matcha-space-050, 4px);
}

.py-4--force {
  padding-top: var(--matcha-space-050, 4px) !important;
  padding-bottom: var(--matcha-space-050, 4px) !important;
}

.pt-4 {
  padding-top: var(--matcha-space-050, 4px);
}

.pt-4--force {
  padding-top: var(--matcha-space-050, 4px) !important;
}

.pr-4 {
  padding-right: var(--matcha-space-050, 4px);
}

.pr-4--force {
  padding-right: var(--matcha-space-050, 4px) !important;
}

.pb-4 {
  padding-bottom: var(--matcha-space-050, 4px);
}

.pb-4--force {
  padding-bottom: var(--matcha-space-050, 4px) !important;
}

.pl-4 {
  padding-left: var(--matcha-space-050, 4px);
}

.pl-4--force {
  padding-left: var(--matcha-space-050, 4px) !important;
}

.p-8 {
  padding: var(--matcha-space-100, 8px);
}

.p-8--force {
  padding: var(--matcha-space-100, 8px) !important;
}

.px-8 {
  padding-right: var(--matcha-space-100, 8px);
  padding-left: var(--matcha-space-100, 8px);
}

.px-8--force {
  padding-right: var(--matcha-space-100, 8px) !important;
  padding-left: var(--matcha-space-100, 8px) !important;
}

.py-8 {
  padding-top: var(--matcha-space-100, 8px);
  padding-bottom: var(--matcha-space-100, 8px);
}

.py-8--force {
  padding-top: var(--matcha-space-100, 8px) !important;
  padding-bottom: var(--matcha-space-100, 8px) !important;
}

.pt-8 {
  padding-top: var(--matcha-space-100, 8px);
}

.pt-8--force {
  padding-top: var(--matcha-space-100, 8px) !important;
}

.pr-8 {
  padding-right: var(--matcha-space-100, 8px);
}

.pr-8--force {
  padding-right: var(--matcha-space-100, 8px) !important;
}

.pb-8 {
  padding-bottom: var(--matcha-space-100, 8px);
}

.pb-8--force {
  padding-bottom: var(--matcha-space-100, 8px) !important;
}

.pl-8 {
  padding-left: var(--matcha-space-100, 8px);
}

.pl-8--force {
  padding-left: var(--matcha-space-100, 8px) !important;
}

.p-12 {
  padding: var(--matcha-space-150, 12px);
}

.p-12--force {
  padding: var(--matcha-space-150, 12px) !important;
}

.px-12 {
  padding-right: var(--matcha-space-150, 12px);
  padding-left: var(--matcha-space-150, 12px);
}

.px-12--force {
  padding-right: var(--matcha-space-150, 12px) !important;
  padding-left: var(--matcha-space-150, 12px) !important;
}

.py-12 {
  padding-top: var(--matcha-space-150, 12px);
  padding-bottom: var(--matcha-space-150, 12px);
}

.py-12--force {
  padding-top: var(--matcha-space-150, 12px) !important;
  padding-bottom: var(--matcha-space-150, 12px) !important;
}

.pt-12 {
  padding-top: var(--matcha-space-150, 12px);
}

.pt-12--force {
  padding-top: var(--matcha-space-150, 12px) !important;
}

.pr-12 {
  padding-right: var(--matcha-space-150, 12px);
}

.pr-12--force {
  padding-right: var(--matcha-space-150, 12px) !important;
}

.pb-12 {
  padding-bottom: var(--matcha-space-150, 12px);
}

.pb-12--force {
  padding-bottom: var(--matcha-space-150, 12px) !important;
}

.pl-12 {
  padding-left: var(--matcha-space-150, 12px);
}

.pl-12--force {
  padding-left: var(--matcha-space-150, 12px) !important;
}

.p-16 {
  padding: var(--matcha-space-200, 16px);
}

.p-16--force {
  padding: var(--matcha-space-200, 16px) !important;
}

.px-16 {
  padding-right: var(--matcha-space-200, 16px);
  padding-left: var(--matcha-space-200, 16px);
}

.px-16--force {
  padding-right: var(--matcha-space-200, 16px) !important;
  padding-left: var(--matcha-space-200, 16px) !important;
}

.py-16 {
  padding-top: var(--matcha-space-200, 16px);
  padding-bottom: var(--matcha-space-200, 16px);
}

.py-16--force {
  padding-top: var(--matcha-space-200, 16px) !important;
  padding-bottom: var(--matcha-space-200, 16px) !important;
}

.pt-16 {
  padding-top: var(--matcha-space-200, 16px);
}

.pt-16--force {
  padding-top: var(--matcha-space-200, 16px) !important;
}

.pr-16 {
  padding-right: var(--matcha-space-200, 16px);
}

.pr-16--force {
  padding-right: var(--matcha-space-200, 16px) !important;
}

.pb-16 {
  padding-bottom: var(--matcha-space-200, 16px);
}

.pb-16--force {
  padding-bottom: var(--matcha-space-200, 16px) !important;
}

.pl-16 {
  padding-left: var(--matcha-space-200, 16px);
}

.pl-16--force {
  padding-left: var(--matcha-space-200, 16px) !important;
}

.p-20 {
  padding: var(--matcha-space-250, 20px);
}

.p-20--force {
  padding: var(--matcha-space-250, 20px) !important;
}

.px-20 {
  padding-right: var(--matcha-space-250, 20px);
  padding-left: var(--matcha-space-250, 20px);
}

.px-20--force {
  padding-right: var(--matcha-space-250, 20px) !important;
  padding-left: var(--matcha-space-250, 20px) !important;
}

.py-20 {
  padding-top: var(--matcha-space-250, 20px);
  padding-bottom: var(--matcha-space-250, 20px);
}

.py-20--force {
  padding-top: var(--matcha-space-250, 20px) !important;
  padding-bottom: var(--matcha-space-250, 20px) !important;
}

.pt-20 {
  padding-top: var(--matcha-space-250, 20px);
}

.pt-20--force {
  padding-top: var(--matcha-space-250, 20px) !important;
}

.pr-20 {
  padding-right: var(--matcha-space-250, 20px);
}

.pr-20--force {
  padding-right: var(--matcha-space-250, 20px) !important;
}

.pb-20 {
  padding-bottom: var(--matcha-space-250, 20px);
}

.pb-20--force {
  padding-bottom: var(--matcha-space-250, 20px) !important;
}

.pl-20 {
  padding-left: var(--matcha-space-250, 20px);
}

.pl-20--force {
  padding-left: var(--matcha-space-250, 20px) !important;
}

.p-24 {
  padding: var(--matcha-space-300, 24px);
}

.p-24--force {
  padding: var(--matcha-space-300, 24px) !important;
}

.px-24 {
  padding-right: var(--matcha-space-300, 24px);
  padding-left: var(--matcha-space-300, 24px);
}

.px-24--force {
  padding-right: var(--matcha-space-300, 24px) !important;
  padding-left: var(--matcha-space-300, 24px) !important;
}

.py-24 {
  padding-top: var(--matcha-space-300, 24px);
  padding-bottom: var(--matcha-space-300, 24px);
}

.py-24--force {
  padding-top: var(--matcha-space-300, 24px) !important;
  padding-bottom: var(--matcha-space-300, 24px) !important;
}

.pt-24 {
  padding-top: var(--matcha-space-300, 24px);
}

.pt-24--force {
  padding-top: var(--matcha-space-300, 24px) !important;
}

.pr-24 {
  padding-right: var(--matcha-space-300, 24px);
}

.pr-24--force {
  padding-right: var(--matcha-space-300, 24px) !important;
}

.pb-24 {
  padding-bottom: var(--matcha-space-300, 24px);
}

.pb-24--force {
  padding-bottom: var(--matcha-space-300, 24px) !important;
}

.pl-24 {
  padding-left: var(--matcha-space-300, 24px);
}

.pl-24--force {
  padding-left: var(--matcha-space-300, 24px) !important;
}

.p-28 {
  padding: 28px;
}

.p-28--force {
  padding: 28px !important;
}

.px-28 {
  padding-right: 28px;
  padding-left: 28px;
}

.px-28--force {
  padding-right: 28px !important;
  padding-left: 28px !important;
}

.py-28 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.py-28--force {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.pt-28 {
  padding-top: 28px;
}

.pt-28--force {
  padding-top: 28px !important;
}

.pr-28 {
  padding-right: 28px;
}

.pr-28--force {
  padding-right: 28px !important;
}

.pb-28 {
  padding-bottom: 28px;
}

.pb-28--force {
  padding-bottom: 28px !important;
}

.pl-28 {
  padding-left: 28px;
}

.pl-28--force {
  padding-left: 28px !important;
}

.p-32 {
  padding: var(--matcha-space-400, 32px);
}

.p-32--force {
  padding: var(--matcha-space-400, 32px) !important;
}

.px-32 {
  padding-right: var(--matcha-space-400, 32px);
  padding-left: var(--matcha-space-400, 32px);
}

.px-32--force {
  padding-right: var(--matcha-space-400, 32px) !important;
  padding-left: var(--matcha-space-400, 32px) !important;
}

.py-32 {
  padding-top: var(--matcha-space-400, 32px);
  padding-bottom: var(--matcha-space-400, 32px);
}

.py-32--force {
  padding-top: var(--matcha-space-400, 32px) !important;
  padding-bottom: var(--matcha-space-400, 32px) !important;
}

.pt-32 {
  padding-top: var(--matcha-space-400, 32px);
}

.pt-32--force {
  padding-top: var(--matcha-space-400, 32px) !important;
}

.pr-32 {
  padding-right: var(--matcha-space-400, 32px);
}

.pr-32--force {
  padding-right: var(--matcha-space-400, 32px) !important;
}

.pb-32 {
  padding-bottom: var(--matcha-space-400, 32px);
}

.pb-32--force {
  padding-bottom: var(--matcha-space-400, 32px) !important;
}

.pl-32 {
  padding-left: var(--matcha-space-400, 32px);
}

.pl-32--force {
  padding-left: var(--matcha-space-400, 32px) !important;
}

.p-36 {
  padding: 36px;
}

.p-36--force {
  padding: 36px !important;
}

.px-36 {
  padding-right: 36px;
  padding-left: 36px;
}

.px-36--force {
  padding-right: 36px !important;
  padding-left: 36px !important;
}

.py-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.py-36--force {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.pt-36 {
  padding-top: 36px;
}

.pt-36--force {
  padding-top: 36px !important;
}

.pr-36 {
  padding-right: 36px;
}

.pr-36--force {
  padding-right: 36px !important;
}

.pb-36 {
  padding-bottom: 36px;
}

.pb-36--force {
  padding-bottom: 36px !important;
}

.pl-36 {
  padding-left: 36px;
}

.pl-36--force {
  padding-left: 36px !important;
}

.p-40 {
  padding: var(--matcha-space-500, 40px);
}

.p-40--force {
  padding: var(--matcha-space-500, 40px) !important;
}

.px-40 {
  padding-right: var(--matcha-space-500, 40px);
  padding-left: var(--matcha-space-500, 40px);
}

.px-40--force {
  padding-right: var(--matcha-space-500, 40px) !important;
  padding-left: var(--matcha-space-500, 40px) !important;
}

.py-40 {
  padding-top: var(--matcha-space-500, 40px);
  padding-bottom: var(--matcha-space-500, 40px);
}

.py-40--force {
  padding-top: var(--matcha-space-500, 40px) !important;
  padding-bottom: var(--matcha-space-500, 40px) !important;
}

.pt-40 {
  padding-top: var(--matcha-space-500, 40px);
}

.pt-40--force {
  padding-top: var(--matcha-space-500, 40px) !important;
}

.pr-40 {
  padding-right: var(--matcha-space-500, 40px);
}

.pr-40--force {
  padding-right: var(--matcha-space-500, 40px) !important;
}

.pb-40 {
  padding-bottom: var(--matcha-space-500, 40px);
}

.pb-40--force {
  padding-bottom: var(--matcha-space-500, 40px) !important;
}

.pl-40 {
  padding-left: var(--matcha-space-500, 40px);
}

.pl-40--force {
  padding-left: var(--matcha-space-500, 40px) !important;
}

.p-44 {
  padding: 44px;
}

.p-44--force {
  padding: 44px !important;
}

.px-44 {
  padding-right: 44px;
  padding-left: 44px;
}

.px-44--force {
  padding-right: 44px !important;
  padding-left: 44px !important;
}

.py-44 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.py-44--force {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.pt-44 {
  padding-top: 44px;
}

.pt-44--force {
  padding-top: 44px !important;
}

.pr-44 {
  padding-right: 44px;
}

.pr-44--force {
  padding-right: 44px !important;
}

.pb-44 {
  padding-bottom: 44px;
}

.pb-44--force {
  padding-bottom: 44px !important;
}

.pl-44 {
  padding-left: 44px;
}

.pl-44--force {
  padding-left: 44px !important;
}

.p-48 {
  padding: var(--matcha-space-600, 48px);
}

.p-48--force {
  padding: var(--matcha-space-600, 48px) !important;
}

.px-48 {
  padding-right: var(--matcha-space-600, 48px);
  padding-left: var(--matcha-space-600, 48px);
}

.px-48--force {
  padding-right: var(--matcha-space-600, 48px) !important;
  padding-left: var(--matcha-space-600, 48px) !important;
}

.py-48 {
  padding-top: var(--matcha-space-600, 48px);
  padding-bottom: var(--matcha-space-600, 48px);
}

.py-48--force {
  padding-top: var(--matcha-space-600, 48px) !important;
  padding-bottom: var(--matcha-space-600, 48px) !important;
}

.pt-48 {
  padding-top: var(--matcha-space-600, 48px);
}

.pt-48--force {
  padding-top: var(--matcha-space-600, 48px) !important;
}

.pr-48 {
  padding-right: var(--matcha-space-600, 48px);
}

.pr-48--force {
  padding-right: var(--matcha-space-600, 48px) !important;
}

.pb-48 {
  padding-bottom: var(--matcha-space-600, 48px);
}

.pb-48--force {
  padding-bottom: var(--matcha-space-600, 48px) !important;
}

.pl-48 {
  padding-left: var(--matcha-space-600, 48px);
}

.pl-48--force {
  padding-left: var(--matcha-space-600, 48px) !important;
}

.p-52 {
  padding: 52px;
}

.p-52--force {
  padding: 52px !important;
}

.px-52 {
  padding-right: 52px;
  padding-left: 52px;
}

.px-52--force {
  padding-right: 52px !important;
  padding-left: 52px !important;
}

.py-52 {
  padding-top: 52px;
  padding-bottom: 52px;
}

.py-52--force {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.pt-52 {
  padding-top: 52px;
}

.pt-52--force {
  padding-top: 52px !important;
}

.pr-52 {
  padding-right: 52px;
}

.pr-52--force {
  padding-right: 52px !important;
}

.pb-52 {
  padding-bottom: 52px;
}

.pb-52--force {
  padding-bottom: 52px !important;
}

.pl-52 {
  padding-left: 52px;
}

.pl-52--force {
  padding-left: 52px !important;
}

.p-56 {
  padding: 56px;
}

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

.px-56 {
  padding-right: 56px;
  padding-left: 56px;
}

.px-56--force {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

.py-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.py-56--force {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.pt-56 {
  padding-top: 56px;
}

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

.pr-56 {
  padding-right: 56px;
}

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

.pb-56 {
  padding-bottom: 56px;
}

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

.pl-56 {
  padding-left: 56px;
}

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

.p-60 {
  padding: 60px;
}

.p-60--force {
  padding: 60px !important;
}

.px-60 {
  padding-right: 60px;
  padding-left: 60px;
}

.px-60--force {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py-60--force {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.pt-60 {
  padding-top: 60px;
}

.pt-60--force {
  padding-top: 60px !important;
}

.pr-60 {
  padding-right: 60px;
}

.pr-60--force {
  padding-right: 60px !important;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-60--force {
  padding-bottom: 60px !important;
}

.pl-60 {
  padding-left: 60px;
}

.pl-60--force {
  padding-left: 60px !important;
}

.p-64 {
  padding: var(--matcha-space-800, 64px);
}

.p-64--force {
  padding: var(--matcha-space-800, 64px) !important;
}

.px-64 {
  padding-right: var(--matcha-space-800, 64px);
  padding-left: var(--matcha-space-800, 64px);
}

.px-64--force {
  padding-right: var(--matcha-space-800, 64px) !important;
  padding-left: var(--matcha-space-800, 64px) !important;
}

.py-64 {
  padding-top: var(--matcha-space-800, 64px);
  padding-bottom: var(--matcha-space-800, 64px);
}

.py-64--force {
  padding-top: var(--matcha-space-800, 64px) !important;
  padding-bottom: var(--matcha-space-800, 64px) !important;
}

.pt-64 {
  padding-top: var(--matcha-space-800, 64px);
}

.pt-64--force {
  padding-top: var(--matcha-space-800, 64px) !important;
}

.pr-64 {
  padding-right: var(--matcha-space-800, 64px);
}

.pr-64--force {
  padding-right: var(--matcha-space-800, 64px) !important;
}

.pb-64 {
  padding-bottom: var(--matcha-space-800, 64px);
}

.pb-64--force {
  padding-bottom: var(--matcha-space-800, 64px) !important;
}

.pl-64 {
  padding-left: var(--matcha-space-800, 64px);
}

.pl-64--force {
  padding-left: var(--matcha-space-800, 64px) !important;
}

.p-68 {
  padding: 68px;
}

.p-68--force {
  padding: 68px !important;
}

.px-68 {
  padding-right: 68px;
  padding-left: 68px;
}

.px-68--force {
  padding-right: 68px !important;
  padding-left: 68px !important;
}

.py-68 {
  padding-top: 68px;
  padding-bottom: 68px;
}

.py-68--force {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}

.pt-68 {
  padding-top: 68px;
}

.pt-68--force {
  padding-top: 68px !important;
}

.pr-68 {
  padding-right: 68px;
}

.pr-68--force {
  padding-right: 68px !important;
}

.pb-68 {
  padding-bottom: 68px;
}

.pb-68--force {
  padding-bottom: 68px !important;
}

.pl-68 {
  padding-left: 68px;
}

.pl-68--force {
  padding-left: 68px !important;
}

.p-72 {
  padding: 72px;
}

.p-72--force {
  padding: 72px !important;
}

.px-72 {
  padding-right: 72px;
  padding-left: 72px;
}

.px-72--force {
  padding-right: 72px !important;
  padding-left: 72px !important;
}

.py-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.py-72--force {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.pt-72 {
  padding-top: 72px;
}

.pt-72--force {
  padding-top: 72px !important;
}

.pr-72 {
  padding-right: 72px;
}

.pr-72--force {
  padding-right: 72px !important;
}

.pb-72 {
  padding-bottom: 72px;
}

.pb-72--force {
  padding-bottom: 72px !important;
}

.pl-72 {
  padding-left: 72px;
}

.pl-72--force {
  padding-left: 72px !important;
}

.p-76 {
  padding: 76px;
}

.p-76--force {
  padding: 76px !important;
}

.px-76 {
  padding-right: 76px;
  padding-left: 76px;
}

.px-76--force {
  padding-right: 76px !important;
  padding-left: 76px !important;
}

.py-76 {
  padding-top: 76px;
  padding-bottom: 76px;
}

.py-76--force {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

.pt-76 {
  padding-top: 76px;
}

.pt-76--force {
  padding-top: 76px !important;
}

.pr-76 {
  padding-right: 76px;
}

.pr-76--force {
  padding-right: 76px !important;
}

.pb-76 {
  padding-bottom: 76px;
}

.pb-76--force {
  padding-bottom: 76px !important;
}

.pl-76 {
  padding-left: 76px;
}

.pl-76--force {
  padding-left: 76px !important;
}

.p-80 {
  padding: var(--matcha-space-1000, 80px);
}

.p-80--force {
  padding: var(--matcha-space-1000, 80px) !important;
}

.px-80 {
  padding-right: var(--matcha-space-1000, 80px);
  padding-left: var(--matcha-space-1000, 80px);
}

.px-80--force {
  padding-right: var(--matcha-space-1000, 80px) !important;
  padding-left: var(--matcha-space-1000, 80px) !important;
}

.py-80 {
  padding-top: var(--matcha-space-1000, 80px);
  padding-bottom: var(--matcha-space-1000, 80px);
}

.py-80--force {
  padding-top: var(--matcha-space-1000, 80px) !important;
  padding-bottom: var(--matcha-space-1000, 80px) !important;
}

.pt-80 {
  padding-top: var(--matcha-space-1000, 80px);
}

.pt-80--force {
  padding-top: var(--matcha-space-1000, 80px) !important;
}

.pr-80 {
  padding-right: var(--matcha-space-1000, 80px);
}

.pr-80--force {
  padding-right: var(--matcha-space-1000, 80px) !important;
}

.pb-80 {
  padding-bottom: var(--matcha-space-1000, 80px);
}

.pb-80--force {
  padding-bottom: var(--matcha-space-1000, 80px) !important;
}

.pl-80 {
  padding-left: var(--matcha-space-1000, 80px);
}

.pl-80--force {
  padding-left: var(--matcha-space-1000, 80px) !important;
}

.p-84 {
  padding: 84px;
}

.p-84--force {
  padding: 84px !important;
}

.px-84 {
  padding-right: 84px;
  padding-left: 84px;
}

.px-84--force {
  padding-right: 84px !important;
  padding-left: 84px !important;
}

.py-84 {
  padding-top: 84px;
  padding-bottom: 84px;
}

.py-84--force {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}

.pt-84 {
  padding-top: 84px;
}

.pt-84--force {
  padding-top: 84px !important;
}

.pr-84 {
  padding-right: 84px;
}

.pr-84--force {
  padding-right: 84px !important;
}

.pb-84 {
  padding-bottom: 84px;
}

.pb-84--force {
  padding-bottom: 84px !important;
}

.pl-84 {
  padding-left: 84px;
}

.pl-84--force {
  padding-left: 84px !important;
}

.p-88 {
  padding: 88px;
}

.p-88--force {
  padding: 88px !important;
}

.px-88 {
  padding-right: 88px;
  padding-left: 88px;
}

.px-88--force {
  padding-right: 88px !important;
  padding-left: 88px !important;
}

.py-88 {
  padding-top: 88px;
  padding-bottom: 88px;
}

.py-88--force {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.pt-88 {
  padding-top: 88px;
}

.pt-88--force {
  padding-top: 88px !important;
}

.pr-88 {
  padding-right: 88px;
}

.pr-88--force {
  padding-right: 88px !important;
}

.pb-88 {
  padding-bottom: 88px;
}

.pb-88--force {
  padding-bottom: 88px !important;
}

.pl-88 {
  padding-left: 88px;
}

.pl-88--force {
  padding-left: 88px !important;
}

.p-92 {
  padding: 92px;
}

.p-92--force {
  padding: 92px !important;
}

.px-92 {
  padding-right: 92px;
  padding-left: 92px;
}

.px-92--force {
  padding-right: 92px !important;
  padding-left: 92px !important;
}

.py-92 {
  padding-top: 92px;
  padding-bottom: 92px;
}

.py-92--force {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

.pt-92 {
  padding-top: 92px;
}

.pt-92--force {
  padding-top: 92px !important;
}

.pr-92 {
  padding-right: 92px;
}

.pr-92--force {
  padding-right: 92px !important;
}

.pb-92 {
  padding-bottom: 92px;
}

.pb-92--force {
  padding-bottom: 92px !important;
}

.pl-92 {
  padding-left: 92px;
}

.pl-92--force {
  padding-left: 92px !important;
}

.p-96 {
  padding: var(--matcha-space-1200, 96px);
}

.p-96--force {
  padding: var(--matcha-space-1200, 96px) !important;
}

.px-96 {
  padding-right: var(--matcha-space-1200, 96px);
  padding-left: var(--matcha-space-1200, 96px);
}

.px-96--force {
  padding-right: var(--matcha-space-1200, 96px) !important;
  padding-left: var(--matcha-space-1200, 96px) !important;
}

.py-96 {
  padding-top: var(--matcha-space-1200, 96px);
  padding-bottom: var(--matcha-space-1200, 96px);
}

.py-96--force {
  padding-top: var(--matcha-space-1200, 96px) !important;
  padding-bottom: var(--matcha-space-1200, 96px) !important;
}

.pt-96 {
  padding-top: var(--matcha-space-1200, 96px);
}

.pt-96--force {
  padding-top: var(--matcha-space-1200, 96px) !important;
}

.pr-96 {
  padding-right: var(--matcha-space-1200, 96px);
}

.pr-96--force {
  padding-right: var(--matcha-space-1200, 96px) !important;
}

.pb-96 {
  padding-bottom: var(--matcha-space-1200, 96px);
}

.pb-96--force {
  padding-bottom: var(--matcha-space-1200, 96px) !important;
}

.pl-96 {
  padding-left: var(--matcha-space-1200, 96px);
}

.pl-96--force {
  padding-left: var(--matcha-space-1200, 96px) !important;
}

@media screen and (max-width: 639px) {
  .m-xs--64 {
    margin: calc(-1 * var(--matcha-space-800, 64px));
  }
  .m-xs--64--force {
    margin: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mx-xs--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mx-xs--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .my-xs--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .my-xs--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mt-xs--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mt-xs--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mr-xs--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mr-xs--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mb-xs--64 {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mb-xs--64--force {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .ml-xs--64 {
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .ml-xs--64--force {
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .m-xs--60 {
    margin: -60px;
  }
  .m-xs--60--force {
    margin: -60px !important;
  }
  .mx-xs--60 {
    margin-right: -60px;
    margin-left: -60px;
  }
  .mx-xs--60--force {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .my-xs--60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }
  .my-xs--60--force {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .mt-xs--60 {
    margin-top: -60px;
  }
  .mt-xs--60--force {
    margin-top: -60px !important;
  }
  .mr-xs--60 {
    margin-right: -60px;
  }
  .mr-xs--60--force {
    margin-right: -60px !important;
  }
  .mb-xs--60 {
    margin-bottom: -60px;
  }
  .mb-xs--60--force {
    margin-bottom: -60px !important;
  }
  .ml-xs--60 {
    margin-left: -60px;
  }
  .ml-xs--60--force {
    margin-left: -60px !important;
  }
  .m-xs--56 {
    margin: -56px;
  }
  .m-xs--56--force {
    margin: -56px !important;
  }
  .mx-xs--56 {
    margin-right: -56px;
    margin-left: -56px;
  }
  .mx-xs--56--force {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .my-xs--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .my-xs--56--force {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .mt-xs--56 {
    margin-top: -56px;
  }
  .mt-xs--56--force {
    margin-top: -56px !important;
  }
  .mr-xs--56 {
    margin-right: -56px;
  }
  .mr-xs--56--force {
    margin-right: -56px !important;
  }
  .mb-xs--56 {
    margin-bottom: -56px;
  }
  .mb-xs--56--force {
    margin-bottom: -56px !important;
  }
  .ml-xs--56 {
    margin-left: -56px;
  }
  .ml-xs--56--force {
    margin-left: -56px !important;
  }
  .m-xs--52 {
    margin: -52px;
  }
  .m-xs--52--force {
    margin: -52px !important;
  }
  .mx-xs--52 {
    margin-right: -52px;
    margin-left: -52px;
  }
  .mx-xs--52--force {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .my-xs--52 {
    margin-top: -52px;
    margin-bottom: -52px;
  }
  .my-xs--52--force {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .mt-xs--52 {
    margin-top: -52px;
  }
  .mt-xs--52--force {
    margin-top: -52px !important;
  }
  .mr-xs--52 {
    margin-right: -52px;
  }
  .mr-xs--52--force {
    margin-right: -52px !important;
  }
  .mb-xs--52 {
    margin-bottom: -52px;
  }
  .mb-xs--52--force {
    margin-bottom: -52px !important;
  }
  .ml-xs--52 {
    margin-left: -52px;
  }
  .ml-xs--52--force {
    margin-left: -52px !important;
  }
  .m-xs--48 {
    margin: calc(-1 * var(--matcha-space-600, 48px));
  }
  .m-xs--48--force {
    margin: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mx-xs--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mx-xs--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .my-xs--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .my-xs--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mt-xs--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mt-xs--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mr-xs--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mr-xs--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mb-xs--48 {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mb-xs--48--force {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .ml-xs--48 {
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .ml-xs--48--force {
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .m-xs--44 {
    margin: -44px;
  }
  .m-xs--44--force {
    margin: -44px !important;
  }
  .mx-xs--44 {
    margin-right: -44px;
    margin-left: -44px;
  }
  .mx-xs--44--force {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .my-xs--44 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .my-xs--44--force {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .mt-xs--44 {
    margin-top: -44px;
  }
  .mt-xs--44--force {
    margin-top: -44px !important;
  }
  .mr-xs--44 {
    margin-right: -44px;
  }
  .mr-xs--44--force {
    margin-right: -44px !important;
  }
  .mb-xs--44 {
    margin-bottom: -44px;
  }
  .mb-xs--44--force {
    margin-bottom: -44px !important;
  }
  .ml-xs--44 {
    margin-left: -44px;
  }
  .ml-xs--44--force {
    margin-left: -44px !important;
  }
  .m-xs--40 {
    margin: calc(-1 * var(--matcha-space-500, 40px));
  }
  .m-xs--40--force {
    margin: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mx-xs--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mx-xs--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .my-xs--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .my-xs--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mt-xs--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mt-xs--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mr-xs--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mr-xs--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mb-xs--40 {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mb-xs--40--force {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .ml-xs--40 {
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .ml-xs--40--force {
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .m-xs--36 {
    margin: -36px;
  }
  .m-xs--36--force {
    margin: -36px !important;
  }
  .mx-xs--36 {
    margin-right: -36px;
    margin-left: -36px;
  }
  .mx-xs--36--force {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .my-xs--36 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .my-xs--36--force {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .mt-xs--36 {
    margin-top: -36px;
  }
  .mt-xs--36--force {
    margin-top: -36px !important;
  }
  .mr-xs--36 {
    margin-right: -36px;
  }
  .mr-xs--36--force {
    margin-right: -36px !important;
  }
  .mb-xs--36 {
    margin-bottom: -36px;
  }
  .mb-xs--36--force {
    margin-bottom: -36px !important;
  }
  .ml-xs--36 {
    margin-left: -36px;
  }
  .ml-xs--36--force {
    margin-left: -36px !important;
  }
  .m-xs--32 {
    margin: calc(-1 * var(--matcha-space-400, 32px));
  }
  .m-xs--32--force {
    margin: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mx-xs--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mx-xs--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .my-xs--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .my-xs--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mt-xs--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mt-xs--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mr-xs--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mr-xs--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mb-xs--32 {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mb-xs--32--force {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .ml-xs--32 {
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .ml-xs--32--force {
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .m-xs--28 {
    margin: -28px;
  }
  .m-xs--28--force {
    margin: -28px !important;
  }
  .mx-xs--28 {
    margin-right: -28px;
    margin-left: -28px;
  }
  .mx-xs--28--force {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .my-xs--28 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .my-xs--28--force {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .mt-xs--28 {
    margin-top: -28px;
  }
  .mt-xs--28--force {
    margin-top: -28px !important;
  }
  .mr-xs--28 {
    margin-right: -28px;
  }
  .mr-xs--28--force {
    margin-right: -28px !important;
  }
  .mb-xs--28 {
    margin-bottom: -28px;
  }
  .mb-xs--28--force {
    margin-bottom: -28px !important;
  }
  .ml-xs--28 {
    margin-left: -28px;
  }
  .ml-xs--28--force {
    margin-left: -28px !important;
  }
  .m-xs--24 {
    margin: calc(-1 * var(--matcha-space-300, 24px));
  }
  .m-xs--24--force {
    margin: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mx-xs--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mx-xs--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .my-xs--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .my-xs--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mt-xs--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mt-xs--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mr-xs--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mr-xs--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mb-xs--24 {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mb-xs--24--force {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .ml-xs--24 {
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .ml-xs--24--force {
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .m-xs--20 {
    margin: calc(-1 * var(--matcha-space-250, 20px));
  }
  .m-xs--20--force {
    margin: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mx-xs--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mx-xs--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .my-xs--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .my-xs--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mt-xs--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mt-xs--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mr-xs--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mr-xs--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mb-xs--20 {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mb-xs--20--force {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .ml-xs--20 {
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .ml-xs--20--force {
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .m-xs--16 {
    margin: calc(-1 * var(--matcha-space-200, 16px));
  }
  .m-xs--16--force {
    margin: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mx-xs--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mx-xs--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .my-xs--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .my-xs--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mt-xs--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mt-xs--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mr-xs--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mr-xs--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mb-xs--16 {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mb-xs--16--force {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .ml-xs--16 {
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .ml-xs--16--force {
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .m-xs--12 {
    margin: calc(-1 * var(--matcha-space-150, 12px));
  }
  .m-xs--12--force {
    margin: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mx-xs--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mx-xs--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .my-xs--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .my-xs--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mt-xs--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mt-xs--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mr-xs--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mr-xs--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mb-xs--12 {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mb-xs--12--force {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .ml-xs--12 {
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .ml-xs--12--force {
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .m-xs--8 {
    margin: calc(-1 * var(--matcha-space-100, 8px));
  }
  .m-xs--8--force {
    margin: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mx-xs--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mx-xs--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .my-xs--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .my-xs--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mt-xs--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mt-xs--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mr-xs--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mr-xs--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mb-xs--8 {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mb-xs--8--force {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .ml-xs--8 {
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .ml-xs--8--force {
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .m-xs--4 {
    margin: calc(-1 * var(--matcha-space-050, 4px));
  }
  .m-xs--4--force {
    margin: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mx-xs--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mx-xs--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .my-xs--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .my-xs--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mt-xs--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mt-xs--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mr-xs--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mr-xs--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mb-xs--4 {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mb-xs--4--force {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .ml-xs--4 {
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .ml-xs--4--force {
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .m-xs-0 {
    margin: var(--matcha-space-0, 0);
  }
  .m-xs-0--force {
    margin: var(--matcha-space-0, 0) !important;
  }
  .mx-xs-0 {
    margin-right: var(--matcha-space-0, 0);
    margin-left: var(--matcha-space-0, 0);
  }
  .mx-xs-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .my-xs-0 {
    margin-top: var(--matcha-space-0, 0);
    margin-bottom: var(--matcha-space-0, 0);
  }
  .my-xs-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .mt-xs-0 {
    margin-top: var(--matcha-space-0, 0);
  }
  .mt-xs-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
  }
  .mr-xs-0 {
    margin-right: var(--matcha-space-0, 0);
  }
  .mr-xs-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
  }
  .mb-xs-0 {
    margin-bottom: var(--matcha-space-0, 0);
  }
  .mb-xs-0--force {
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .ml-xs-0 {
    margin-left: var(--matcha-space-0, 0);
  }
  .ml-xs-0--force {
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .m-xs-4 {
    margin: var(--matcha-space-050, 4px);
  }
  .m-xs-4--force {
    margin: var(--matcha-space-050, 4px) !important;
  }
  .mx-xs-4 {
    margin-right: var(--matcha-space-050, 4px);
    margin-left: var(--matcha-space-050, 4px);
  }
  .mx-xs-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .my-xs-4 {
    margin-top: var(--matcha-space-050, 4px);
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .my-xs-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .mt-xs-4 {
    margin-top: var(--matcha-space-050, 4px);
  }
  .mt-xs-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
  }
  .mr-xs-4 {
    margin-right: var(--matcha-space-050, 4px);
  }
  .mr-xs-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
  }
  .mb-xs-4 {
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .mb-xs-4--force {
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .ml-xs-4 {
    margin-left: var(--matcha-space-050, 4px);
  }
  .ml-xs-4--force {
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .m-xs-8 {
    margin: var(--matcha-space-100, 8px);
  }
  .m-xs-8--force {
    margin: var(--matcha-space-100, 8px) !important;
  }
  .mx-xs-8 {
    margin-right: var(--matcha-space-100, 8px);
    margin-left: var(--matcha-space-100, 8px);
  }
  .mx-xs-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .my-xs-8 {
    margin-top: var(--matcha-space-100, 8px);
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .my-xs-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .mt-xs-8 {
    margin-top: var(--matcha-space-100, 8px);
  }
  .mt-xs-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
  }
  .mr-xs-8 {
    margin-right: var(--matcha-space-100, 8px);
  }
  .mr-xs-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
  }
  .mb-xs-8 {
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .mb-xs-8--force {
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .ml-xs-8 {
    margin-left: var(--matcha-space-100, 8px);
  }
  .ml-xs-8--force {
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .m-xs-12 {
    margin: var(--matcha-space-150, 12px);
  }
  .m-xs-12--force {
    margin: var(--matcha-space-150, 12px) !important;
  }
  .mx-xs-12 {
    margin-right: var(--matcha-space-150, 12px);
    margin-left: var(--matcha-space-150, 12px);
  }
  .mx-xs-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .my-xs-12 {
    margin-top: var(--matcha-space-150, 12px);
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .my-xs-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .mt-xs-12 {
    margin-top: var(--matcha-space-150, 12px);
  }
  .mt-xs-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
  }
  .mr-xs-12 {
    margin-right: var(--matcha-space-150, 12px);
  }
  .mr-xs-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
  }
  .mb-xs-12 {
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .mb-xs-12--force {
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .ml-xs-12 {
    margin-left: var(--matcha-space-150, 12px);
  }
  .ml-xs-12--force {
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .m-xs-16 {
    margin: var(--matcha-space-200, 16px);
  }
  .m-xs-16--force {
    margin: var(--matcha-space-200, 16px) !important;
  }
  .mx-xs-16 {
    margin-right: var(--matcha-space-200, 16px);
    margin-left: var(--matcha-space-200, 16px);
  }
  .mx-xs-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .my-xs-16 {
    margin-top: var(--matcha-space-200, 16px);
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .my-xs-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .mt-xs-16 {
    margin-top: var(--matcha-space-200, 16px);
  }
  .mt-xs-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
  }
  .mr-xs-16 {
    margin-right: var(--matcha-space-200, 16px);
  }
  .mr-xs-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
  }
  .mb-xs-16 {
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .mb-xs-16--force {
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .ml-xs-16 {
    margin-left: var(--matcha-space-200, 16px);
  }
  .ml-xs-16--force {
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .m-xs-20 {
    margin: var(--matcha-space-250, 20px);
  }
  .m-xs-20--force {
    margin: var(--matcha-space-250, 20px) !important;
  }
  .mx-xs-20 {
    margin-right: var(--matcha-space-250, 20px);
    margin-left: var(--matcha-space-250, 20px);
  }
  .mx-xs-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .my-xs-20 {
    margin-top: var(--matcha-space-250, 20px);
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .my-xs-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .mt-xs-20 {
    margin-top: var(--matcha-space-250, 20px);
  }
  .mt-xs-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
  }
  .mr-xs-20 {
    margin-right: var(--matcha-space-250, 20px);
  }
  .mr-xs-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
  }
  .mb-xs-20 {
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .mb-xs-20--force {
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .ml-xs-20 {
    margin-left: var(--matcha-space-250, 20px);
  }
  .ml-xs-20--force {
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .m-xs-24 {
    margin: var(--matcha-space-300, 24px);
  }
  .m-xs-24--force {
    margin: var(--matcha-space-300, 24px) !important;
  }
  .mx-xs-24 {
    margin-right: var(--matcha-space-300, 24px);
    margin-left: var(--matcha-space-300, 24px);
  }
  .mx-xs-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .my-xs-24 {
    margin-top: var(--matcha-space-300, 24px);
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .my-xs-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .mt-xs-24 {
    margin-top: var(--matcha-space-300, 24px);
  }
  .mt-xs-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
  }
  .mr-xs-24 {
    margin-right: var(--matcha-space-300, 24px);
  }
  .mr-xs-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
  }
  .mb-xs-24 {
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .mb-xs-24--force {
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .ml-xs-24 {
    margin-left: var(--matcha-space-300, 24px);
  }
  .ml-xs-24--force {
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .m-xs-28 {
    margin: 28px;
  }
  .m-xs-28--force {
    margin: 28px !important;
  }
  .mx-xs-28 {
    margin-right: 28px;
    margin-left: 28px;
  }
  .mx-xs-28--force {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-xs-28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .my-xs-28--force {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-xs-28 {
    margin-top: 28px;
  }
  .mt-xs-28--force {
    margin-top: 28px !important;
  }
  .mr-xs-28 {
    margin-right: 28px;
  }
  .mr-xs-28--force {
    margin-right: 28px !important;
  }
  .mb-xs-28 {
    margin-bottom: 28px;
  }
  .mb-xs-28--force {
    margin-bottom: 28px !important;
  }
  .ml-xs-28 {
    margin-left: 28px;
  }
  .ml-xs-28--force {
    margin-left: 28px !important;
  }
  .m-xs-32 {
    margin: var(--matcha-space-400, 32px);
  }
  .m-xs-32--force {
    margin: var(--matcha-space-400, 32px) !important;
  }
  .mx-xs-32 {
    margin-right: var(--matcha-space-400, 32px);
    margin-left: var(--matcha-space-400, 32px);
  }
  .mx-xs-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .my-xs-32 {
    margin-top: var(--matcha-space-400, 32px);
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .my-xs-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .mt-xs-32 {
    margin-top: var(--matcha-space-400, 32px);
  }
  .mt-xs-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
  }
  .mr-xs-32 {
    margin-right: var(--matcha-space-400, 32px);
  }
  .mr-xs-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
  }
  .mb-xs-32 {
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .mb-xs-32--force {
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .ml-xs-32 {
    margin-left: var(--matcha-space-400, 32px);
  }
  .ml-xs-32--force {
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .m-xs-36 {
    margin: 36px;
  }
  .m-xs-36--force {
    margin: 36px !important;
  }
  .mx-xs-36 {
    margin-right: 36px;
    margin-left: 36px;
  }
  .mx-xs-36--force {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-xs-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .my-xs-36--force {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mt-xs-36 {
    margin-top: 36px;
  }
  .mt-xs-36--force {
    margin-top: 36px !important;
  }
  .mr-xs-36 {
    margin-right: 36px;
  }
  .mr-xs-36--force {
    margin-right: 36px !important;
  }
  .mb-xs-36 {
    margin-bottom: 36px;
  }
  .mb-xs-36--force {
    margin-bottom: 36px !important;
  }
  .ml-xs-36 {
    margin-left: 36px;
  }
  .ml-xs-36--force {
    margin-left: 36px !important;
  }
  .m-xs-40 {
    margin: var(--matcha-space-500, 40px);
  }
  .m-xs-40--force {
    margin: var(--matcha-space-500, 40px) !important;
  }
  .mx-xs-40 {
    margin-right: var(--matcha-space-500, 40px);
    margin-left: var(--matcha-space-500, 40px);
  }
  .mx-xs-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .my-xs-40 {
    margin-top: var(--matcha-space-500, 40px);
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .my-xs-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .mt-xs-40 {
    margin-top: var(--matcha-space-500, 40px);
  }
  .mt-xs-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
  }
  .mr-xs-40 {
    margin-right: var(--matcha-space-500, 40px);
  }
  .mr-xs-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
  }
  .mb-xs-40 {
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .mb-xs-40--force {
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .ml-xs-40 {
    margin-left: var(--matcha-space-500, 40px);
  }
  .ml-xs-40--force {
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .m-xs-44 {
    margin: 44px;
  }
  .m-xs-44--force {
    margin: 44px !important;
  }
  .mx-xs-44 {
    margin-right: 44px;
    margin-left: 44px;
  }
  .mx-xs-44--force {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-xs-44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .my-xs-44--force {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .mt-xs-44 {
    margin-top: 44px;
  }
  .mt-xs-44--force {
    margin-top: 44px !important;
  }
  .mr-xs-44 {
    margin-right: 44px;
  }
  .mr-xs-44--force {
    margin-right: 44px !important;
  }
  .mb-xs-44 {
    margin-bottom: 44px;
  }
  .mb-xs-44--force {
    margin-bottom: 44px !important;
  }
  .ml-xs-44 {
    margin-left: 44px;
  }
  .ml-xs-44--force {
    margin-left: 44px !important;
  }
  .m-xs-48 {
    margin: var(--matcha-space-600, 48px);
  }
  .m-xs-48--force {
    margin: var(--matcha-space-600, 48px) !important;
  }
  .mx-xs-48 {
    margin-right: var(--matcha-space-600, 48px);
    margin-left: var(--matcha-space-600, 48px);
  }
  .mx-xs-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .my-xs-48 {
    margin-top: var(--matcha-space-600, 48px);
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .my-xs-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .mt-xs-48 {
    margin-top: var(--matcha-space-600, 48px);
  }
  .mt-xs-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
  }
  .mr-xs-48 {
    margin-right: var(--matcha-space-600, 48px);
  }
  .mr-xs-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
  }
  .mb-xs-48 {
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .mb-xs-48--force {
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .ml-xs-48 {
    margin-left: var(--matcha-space-600, 48px);
  }
  .ml-xs-48--force {
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .m-xs-52 {
    margin: 52px;
  }
  .m-xs-52--force {
    margin: 52px !important;
  }
  .mx-xs-52 {
    margin-right: 52px;
    margin-left: 52px;
  }
  .mx-xs-52--force {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-xs-52 {
    margin-top: 52px;
    margin-bottom: 52px;
  }
  .my-xs-52--force {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .mt-xs-52 {
    margin-top: 52px;
  }
  .mt-xs-52--force {
    margin-top: 52px !important;
  }
  .mr-xs-52 {
    margin-right: 52px;
  }
  .mr-xs-52--force {
    margin-right: 52px !important;
  }
  .mb-xs-52 {
    margin-bottom: 52px;
  }
  .mb-xs-52--force {
    margin-bottom: 52px !important;
  }
  .ml-xs-52 {
    margin-left: 52px;
  }
  .ml-xs-52--force {
    margin-left: 52px !important;
  }
  .m-xs-56 {
    margin: 56px;
  }
  .m-xs-56--force {
    margin: 56px !important;
  }
  .mx-xs-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .mx-xs-56--force {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-xs-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .my-xs-56--force {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mt-xs-56 {
    margin-top: 56px;
  }
  .mt-xs-56--force {
    margin-top: 56px !important;
  }
  .mr-xs-56 {
    margin-right: 56px;
  }
  .mr-xs-56--force {
    margin-right: 56px !important;
  }
  .mb-xs-56 {
    margin-bottom: 56px;
  }
  .mb-xs-56--force {
    margin-bottom: 56px !important;
  }
  .ml-xs-56 {
    margin-left: 56px;
  }
  .ml-xs-56--force {
    margin-left: 56px !important;
  }
  .m-xs-60 {
    margin: 60px;
  }
  .m-xs-60--force {
    margin: 60px !important;
  }
  .mx-xs-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mx-xs-60--force {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-xs-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .my-xs-60--force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mt-xs-60 {
    margin-top: 60px;
  }
  .mt-xs-60--force {
    margin-top: 60px !important;
  }
  .mr-xs-60 {
    margin-right: 60px;
  }
  .mr-xs-60--force {
    margin-right: 60px !important;
  }
  .mb-xs-60 {
    margin-bottom: 60px;
  }
  .mb-xs-60--force {
    margin-bottom: 60px !important;
  }
  .ml-xs-60 {
    margin-left: 60px;
  }
  .ml-xs-60--force {
    margin-left: 60px !important;
  }
  .m-xs-64 {
    margin: var(--matcha-space-800, 64px);
  }
  .m-xs-64--force {
    margin: var(--matcha-space-800, 64px) !important;
  }
  .mx-xs-64 {
    margin-right: var(--matcha-space-800, 64px);
    margin-left: var(--matcha-space-800, 64px);
  }
  .mx-xs-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .my-xs-64 {
    margin-top: var(--matcha-space-800, 64px);
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .my-xs-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .mt-xs-64 {
    margin-top: var(--matcha-space-800, 64px);
  }
  .mt-xs-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
  }
  .mr-xs-64 {
    margin-right: var(--matcha-space-800, 64px);
  }
  .mr-xs-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
  }
  .mb-xs-64 {
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .mb-xs-64--force {
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .ml-xs-64 {
    margin-left: var(--matcha-space-800, 64px);
  }
  .ml-xs-64--force {
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .m-xs-auto {
    margin: auto;
  }
  .m-xs-auto--force {
    margin: auto !important;
  }
  .mt-xs-auto {
    margin-top: auto;
  }
  .mt-xs-auto--force {
    margin-top: auto !important;
  }
  .mr-xs-auto {
    margin-right: auto;
  }
  .mr-xs-auto--force {
    margin-right: auto !important;
  }
  .mb-xs-auto {
    margin-bottom: auto;
  }
  .mb-xs-auto--force {
    margin-bottom: auto !important;
  }
  .ml-xs-auto {
    margin-left: auto;
  }
  .ml-xs-auto--force {
    margin-left: auto !important;
  }
  .mx-xs-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .mx-xs-auto--force {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xs-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .my-xs-auto--force {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-xs--64 {
    padding: calc(-1 * var(--matcha-space-800, 64px));
  }
  .p-xs--64--force {
    padding: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .px-xs--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .px-xs--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .py-xs--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .py-xs--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pt-xs--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pt-xs--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pr-xs--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pr-xs--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pb-xs--64 {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pb-xs--64--force {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pl-xs--64 {
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pl-xs--64--force {
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .p-xs--60 {
    padding: -60px;
  }
  .p-xs--60--force {
    padding: -60px !important;
  }
  .px-xs--60 {
    padding-right: -60px;
    padding-left: -60px;
  }
  .px-xs--60--force {
    padding-right: -60px !important;
    padding-left: -60px !important;
  }
  .py-xs--60 {
    padding-top: -60px;
    padding-bottom: -60px;
  }
  .py-xs--60--force {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }
  .pt-xs--60 {
    padding-top: -60px;
  }
  .pt-xs--60--force {
    padding-top: -60px !important;
  }
  .pr-xs--60 {
    padding-right: -60px;
  }
  .pr-xs--60--force {
    padding-right: -60px !important;
  }
  .pb-xs--60 {
    padding-bottom: -60px;
  }
  .pb-xs--60--force {
    padding-bottom: -60px !important;
  }
  .pl-xs--60 {
    padding-left: -60px;
  }
  .pl-xs--60--force {
    padding-left: -60px !important;
  }
  .p-xs--56 {
    padding: -56px;
  }
  .p-xs--56--force {
    padding: -56px !important;
  }
  .px-xs--56 {
    padding-right: -56px;
    padding-left: -56px;
  }
  .px-xs--56--force {
    padding-right: -56px !important;
    padding-left: -56px !important;
  }
  .py-xs--56 {
    padding-top: -56px;
    padding-bottom: -56px;
  }
  .py-xs--56--force {
    padding-top: -56px !important;
    padding-bottom: -56px !important;
  }
  .pt-xs--56 {
    padding-top: -56px;
  }
  .pt-xs--56--force {
    padding-top: -56px !important;
  }
  .pr-xs--56 {
    padding-right: -56px;
  }
  .pr-xs--56--force {
    padding-right: -56px !important;
  }
  .pb-xs--56 {
    padding-bottom: -56px;
  }
  .pb-xs--56--force {
    padding-bottom: -56px !important;
  }
  .pl-xs--56 {
    padding-left: -56px;
  }
  .pl-xs--56--force {
    padding-left: -56px !important;
  }
  .p-xs--52 {
    padding: -52px;
  }
  .p-xs--52--force {
    padding: -52px !important;
  }
  .px-xs--52 {
    padding-right: -52px;
    padding-left: -52px;
  }
  .px-xs--52--force {
    padding-right: -52px !important;
    padding-left: -52px !important;
  }
  .py-xs--52 {
    padding-top: -52px;
    padding-bottom: -52px;
  }
  .py-xs--52--force {
    padding-top: -52px !important;
    padding-bottom: -52px !important;
  }
  .pt-xs--52 {
    padding-top: -52px;
  }
  .pt-xs--52--force {
    padding-top: -52px !important;
  }
  .pr-xs--52 {
    padding-right: -52px;
  }
  .pr-xs--52--force {
    padding-right: -52px !important;
  }
  .pb-xs--52 {
    padding-bottom: -52px;
  }
  .pb-xs--52--force {
    padding-bottom: -52px !important;
  }
  .pl-xs--52 {
    padding-left: -52px;
  }
  .pl-xs--52--force {
    padding-left: -52px !important;
  }
  .p-xs--48 {
    padding: calc(-1 * var(--matcha-space-600, 48px));
  }
  .p-xs--48--force {
    padding: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .px-xs--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .px-xs--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .py-xs--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .py-xs--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pt-xs--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pt-xs--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pr-xs--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pr-xs--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pb-xs--48 {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pb-xs--48--force {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pl-xs--48 {
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pl-xs--48--force {
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .p-xs--44 {
    padding: -44px;
  }
  .p-xs--44--force {
    padding: -44px !important;
  }
  .px-xs--44 {
    padding-right: -44px;
    padding-left: -44px;
  }
  .px-xs--44--force {
    padding-right: -44px !important;
    padding-left: -44px !important;
  }
  .py-xs--44 {
    padding-top: -44px;
    padding-bottom: -44px;
  }
  .py-xs--44--force {
    padding-top: -44px !important;
    padding-bottom: -44px !important;
  }
  .pt-xs--44 {
    padding-top: -44px;
  }
  .pt-xs--44--force {
    padding-top: -44px !important;
  }
  .pr-xs--44 {
    padding-right: -44px;
  }
  .pr-xs--44--force {
    padding-right: -44px !important;
  }
  .pb-xs--44 {
    padding-bottom: -44px;
  }
  .pb-xs--44--force {
    padding-bottom: -44px !important;
  }
  .pl-xs--44 {
    padding-left: -44px;
  }
  .pl-xs--44--force {
    padding-left: -44px !important;
  }
  .p-xs--40 {
    padding: calc(-1 * var(--matcha-space-500, 40px));
  }
  .p-xs--40--force {
    padding: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .px-xs--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .px-xs--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .py-xs--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .py-xs--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pt-xs--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pt-xs--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pr-xs--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pr-xs--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pb-xs--40 {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pb-xs--40--force {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pl-xs--40 {
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pl-xs--40--force {
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .p-xs--36 {
    padding: -36px;
  }
  .p-xs--36--force {
    padding: -36px !important;
  }
  .px-xs--36 {
    padding-right: -36px;
    padding-left: -36px;
  }
  .px-xs--36--force {
    padding-right: -36px !important;
    padding-left: -36px !important;
  }
  .py-xs--36 {
    padding-top: -36px;
    padding-bottom: -36px;
  }
  .py-xs--36--force {
    padding-top: -36px !important;
    padding-bottom: -36px !important;
  }
  .pt-xs--36 {
    padding-top: -36px;
  }
  .pt-xs--36--force {
    padding-top: -36px !important;
  }
  .pr-xs--36 {
    padding-right: -36px;
  }
  .pr-xs--36--force {
    padding-right: -36px !important;
  }
  .pb-xs--36 {
    padding-bottom: -36px;
  }
  .pb-xs--36--force {
    padding-bottom: -36px !important;
  }
  .pl-xs--36 {
    padding-left: -36px;
  }
  .pl-xs--36--force {
    padding-left: -36px !important;
  }
  .p-xs--32 {
    padding: calc(-1 * var(--matcha-space-400, 32px));
  }
  .p-xs--32--force {
    padding: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .px-xs--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .px-xs--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .py-xs--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .py-xs--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pt-xs--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pt-xs--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pr-xs--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pr-xs--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pb-xs--32 {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pb-xs--32--force {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pl-xs--32 {
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pl-xs--32--force {
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .p-xs--28 {
    padding: -28px;
  }
  .p-xs--28--force {
    padding: -28px !important;
  }
  .px-xs--28 {
    padding-right: -28px;
    padding-left: -28px;
  }
  .px-xs--28--force {
    padding-right: -28px !important;
    padding-left: -28px !important;
  }
  .py-xs--28 {
    padding-top: -28px;
    padding-bottom: -28px;
  }
  .py-xs--28--force {
    padding-top: -28px !important;
    padding-bottom: -28px !important;
  }
  .pt-xs--28 {
    padding-top: -28px;
  }
  .pt-xs--28--force {
    padding-top: -28px !important;
  }
  .pr-xs--28 {
    padding-right: -28px;
  }
  .pr-xs--28--force {
    padding-right: -28px !important;
  }
  .pb-xs--28 {
    padding-bottom: -28px;
  }
  .pb-xs--28--force {
    padding-bottom: -28px !important;
  }
  .pl-xs--28 {
    padding-left: -28px;
  }
  .pl-xs--28--force {
    padding-left: -28px !important;
  }
  .p-xs--24 {
    padding: calc(-1 * var(--matcha-space-300, 24px));
  }
  .p-xs--24--force {
    padding: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .px-xs--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .px-xs--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .py-xs--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .py-xs--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pt-xs--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pt-xs--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pr-xs--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pr-xs--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pb-xs--24 {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pb-xs--24--force {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pl-xs--24 {
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pl-xs--24--force {
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .p-xs--20 {
    padding: calc(-1 * var(--matcha-space-250, 20px));
  }
  .p-xs--20--force {
    padding: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .px-xs--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .px-xs--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .py-xs--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .py-xs--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pt-xs--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pt-xs--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pr-xs--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pr-xs--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pb-xs--20 {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pb-xs--20--force {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pl-xs--20 {
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pl-xs--20--force {
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .p-xs--16 {
    padding: calc(-1 * var(--matcha-space-200, 16px));
  }
  .p-xs--16--force {
    padding: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .px-xs--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .px-xs--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .py-xs--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .py-xs--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pt-xs--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pt-xs--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pr-xs--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pr-xs--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pb-xs--16 {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pb-xs--16--force {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pl-xs--16 {
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pl-xs--16--force {
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .p-xs--12 {
    padding: calc(-1 * var(--matcha-space-150, 12px));
  }
  .p-xs--12--force {
    padding: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .px-xs--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .px-xs--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .py-xs--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .py-xs--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pt-xs--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pt-xs--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pr-xs--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pr-xs--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pb-xs--12 {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pb-xs--12--force {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pl-xs--12 {
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pl-xs--12--force {
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .p-xs--8 {
    padding: calc(-1 * var(--matcha-space-100, 8px));
  }
  .p-xs--8--force {
    padding: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .px-xs--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .px-xs--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .py-xs--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .py-xs--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pt-xs--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pt-xs--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pr-xs--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pr-xs--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pb-xs--8 {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pb-xs--8--force {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pl-xs--8 {
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pl-xs--8--force {
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .p-xs--4 {
    padding: calc(-1 * var(--matcha-space-050, 4px));
  }
  .p-xs--4--force {
    padding: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .px-xs--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .px-xs--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .py-xs--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .py-xs--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pt-xs--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pt-xs--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pr-xs--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pr-xs--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pb-xs--4 {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pb-xs--4--force {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pl-xs--4 {
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pl-xs--4--force {
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .p-xs-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-xs-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-xs-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-xs-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-xs-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-xs-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-xs-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-xs-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-xs-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-xs-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-xs-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-xs-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-xs-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-xs-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-xs-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-xs-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-xs-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-xs-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-xs-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-xs-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-xs-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-xs-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-xs-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-xs-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-xs-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-xs-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-xs-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-xs-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-xs-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-xs-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-xs-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-xs-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-xs-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-xs-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-xs-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-xs-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-xs-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-xs-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-xs-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-xs-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-xs-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-xs-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-xs-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-xs-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-xs-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-xs-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-xs-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-xs-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-xs-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-xs-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-xs-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-xs-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-xs-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-xs-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-xs-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-xs-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-xs-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-xs-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-xs-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-xs-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-xs-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-xs-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-xs-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-xs-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-xs-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-xs-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-xs-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-xs-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-xs-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-xs-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-xs-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-xs-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-xs-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-xs-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-xs-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-xs-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-xs-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-xs-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-xs-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-xs-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-xs-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-xs-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-xs-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-xs-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-xs-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-xs-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-xs-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-xs-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-xs-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-xs-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-xs-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-xs-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-xs-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-xs-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-xs-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-xs-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-xs-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-xs-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-xs-28 {
    padding: 28px;
  }
  .p-xs-28--force {
    padding: 28px !important;
  }
  .px-xs-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-xs-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-xs-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-xs-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-xs-28 {
    padding-top: 28px;
  }
  .pt-xs-28--force {
    padding-top: 28px !important;
  }
  .pr-xs-28 {
    padding-right: 28px;
  }
  .pr-xs-28--force {
    padding-right: 28px !important;
  }
  .pb-xs-28 {
    padding-bottom: 28px;
  }
  .pb-xs-28--force {
    padding-bottom: 28px !important;
  }
  .pl-xs-28 {
    padding-left: 28px;
  }
  .pl-xs-28--force {
    padding-left: 28px !important;
  }
  .p-xs-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-xs-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-xs-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-xs-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-xs-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-xs-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-xs-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-xs-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-xs-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-xs-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-xs-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-xs-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-xs-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-xs-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-xs-36 {
    padding: 36px;
  }
  .p-xs-36--force {
    padding: 36px !important;
  }
  .px-xs-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-xs-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-xs-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-xs-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-xs-36 {
    padding-top: 36px;
  }
  .pt-xs-36--force {
    padding-top: 36px !important;
  }
  .pr-xs-36 {
    padding-right: 36px;
  }
  .pr-xs-36--force {
    padding-right: 36px !important;
  }
  .pb-xs-36 {
    padding-bottom: 36px;
  }
  .pb-xs-36--force {
    padding-bottom: 36px !important;
  }
  .pl-xs-36 {
    padding-left: 36px;
  }
  .pl-xs-36--force {
    padding-left: 36px !important;
  }
  .p-xs-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-xs-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-xs-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-xs-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-xs-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-xs-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-xs-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-xs-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-xs-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-xs-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-xs-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-xs-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-xs-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-xs-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-xs-44 {
    padding: 44px;
  }
  .p-xs-44--force {
    padding: 44px !important;
  }
  .px-xs-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-xs-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-xs-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-xs-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-xs-44 {
    padding-top: 44px;
  }
  .pt-xs-44--force {
    padding-top: 44px !important;
  }
  .pr-xs-44 {
    padding-right: 44px;
  }
  .pr-xs-44--force {
    padding-right: 44px !important;
  }
  .pb-xs-44 {
    padding-bottom: 44px;
  }
  .pb-xs-44--force {
    padding-bottom: 44px !important;
  }
  .pl-xs-44 {
    padding-left: 44px;
  }
  .pl-xs-44--force {
    padding-left: 44px !important;
  }
  .p-xs-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-xs-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-xs-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-xs-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-xs-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-xs-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-xs-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-xs-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-xs-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-xs-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-xs-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-xs-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-xs-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-xs-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-xs-52 {
    padding: 52px;
  }
  .p-xs-52--force {
    padding: 52px !important;
  }
  .px-xs-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-xs-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-xs-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-xs-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-xs-52 {
    padding-top: 52px;
  }
  .pt-xs-52--force {
    padding-top: 52px !important;
  }
  .pr-xs-52 {
    padding-right: 52px;
  }
  .pr-xs-52--force {
    padding-right: 52px !important;
  }
  .pb-xs-52 {
    padding-bottom: 52px;
  }
  .pb-xs-52--force {
    padding-bottom: 52px !important;
  }
  .pl-xs-52 {
    padding-left: 52px;
  }
  .pl-xs-52--force {
    padding-left: 52px !important;
  }
  .p-xs-56 {
    padding: 56px;
  }
  .p-xs-56--force {
    padding: 56px !important;
  }
  .px-xs-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-xs-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-xs-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-xs-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-xs-56 {
    padding-top: 56px;
  }
  .pt-xs-56--force {
    padding-top: 56px !important;
  }
  .pr-xs-56 {
    padding-right: 56px;
  }
  .pr-xs-56--force {
    padding-right: 56px !important;
  }
  .pb-xs-56 {
    padding-bottom: 56px;
  }
  .pb-xs-56--force {
    padding-bottom: 56px !important;
  }
  .pl-xs-56 {
    padding-left: 56px;
  }
  .pl-xs-56--force {
    padding-left: 56px !important;
  }
  .p-xs-60 {
    padding: 60px;
  }
  .p-xs-60--force {
    padding: 60px !important;
  }
  .px-xs-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-xs-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-xs-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-xs-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-xs-60 {
    padding-top: 60px;
  }
  .pt-xs-60--force {
    padding-top: 60px !important;
  }
  .pr-xs-60 {
    padding-right: 60px;
  }
  .pr-xs-60--force {
    padding-right: 60px !important;
  }
  .pb-xs-60 {
    padding-bottom: 60px;
  }
  .pb-xs-60--force {
    padding-bottom: 60px !important;
  }
  .pl-xs-60 {
    padding-left: 60px;
  }
  .pl-xs-60--force {
    padding-left: 60px !important;
  }
  .p-xs-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-xs-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-xs-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-xs-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-xs-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-xs-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-xs-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-xs-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-xs-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-xs-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-xs-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-xs-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-xs-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-xs-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-xs-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-xs-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-xs-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-xs-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-xs-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-xs-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-xs-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-xs-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-xs-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-xs-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-xs-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-xs-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-xs-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-xs-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-xs-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-xs-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-xs-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-xs-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-xs-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-xs-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-xs-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-xs-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-xs-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-xs-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-xs-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-xs-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-xs-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-xs-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-xs-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-xs-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-xs-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-xs-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-xs-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-xs-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-xs-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-xs-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-xs-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-xs-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-xs-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-xs-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-xs-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-xs-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-xs-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-xs-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-xs-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-xs-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-xs-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-xs-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-xs-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-xs-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-xs-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-xs-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-xs-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-xs-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-xs-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-xs-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-xs-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-xs-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-xs-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-xs-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-xs-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-xs-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-xs-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-xs-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-xs-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-xs-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-xs-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-xs-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-xs-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-xs-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-xs-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-xs-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-xs-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-xs-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-xs-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-xs-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-xs-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-xs-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-xs-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-xs-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-xs-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-xs-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-xs-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-xs-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-xs-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-xs-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-xs-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-xs-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-xs-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-xs-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-xs-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-xs-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-xs-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-xs-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-xs-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-xs-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-xs-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-xs-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-xs-28 {
    padding: 28px;
  }
  .p-xs-28--force {
    padding: 28px !important;
  }
  .px-xs-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-xs-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-xs-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-xs-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-xs-28 {
    padding-top: 28px;
  }
  .pt-xs-28--force {
    padding-top: 28px !important;
  }
  .pr-xs-28 {
    padding-right: 28px;
  }
  .pr-xs-28--force {
    padding-right: 28px !important;
  }
  .pb-xs-28 {
    padding-bottom: 28px;
  }
  .pb-xs-28--force {
    padding-bottom: 28px !important;
  }
  .pl-xs-28 {
    padding-left: 28px;
  }
  .pl-xs-28--force {
    padding-left: 28px !important;
  }
  .p-xs-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-xs-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-xs-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-xs-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-xs-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-xs-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-xs-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-xs-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-xs-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-xs-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-xs-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-xs-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-xs-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-xs-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-xs-36 {
    padding: 36px;
  }
  .p-xs-36--force {
    padding: 36px !important;
  }
  .px-xs-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-xs-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-xs-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-xs-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-xs-36 {
    padding-top: 36px;
  }
  .pt-xs-36--force {
    padding-top: 36px !important;
  }
  .pr-xs-36 {
    padding-right: 36px;
  }
  .pr-xs-36--force {
    padding-right: 36px !important;
  }
  .pb-xs-36 {
    padding-bottom: 36px;
  }
  .pb-xs-36--force {
    padding-bottom: 36px !important;
  }
  .pl-xs-36 {
    padding-left: 36px;
  }
  .pl-xs-36--force {
    padding-left: 36px !important;
  }
  .p-xs-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-xs-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-xs-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-xs-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-xs-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-xs-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-xs-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-xs-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-xs-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-xs-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-xs-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-xs-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-xs-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-xs-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-xs-44 {
    padding: 44px;
  }
  .p-xs-44--force {
    padding: 44px !important;
  }
  .px-xs-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-xs-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-xs-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-xs-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-xs-44 {
    padding-top: 44px;
  }
  .pt-xs-44--force {
    padding-top: 44px !important;
  }
  .pr-xs-44 {
    padding-right: 44px;
  }
  .pr-xs-44--force {
    padding-right: 44px !important;
  }
  .pb-xs-44 {
    padding-bottom: 44px;
  }
  .pb-xs-44--force {
    padding-bottom: 44px !important;
  }
  .pl-xs-44 {
    padding-left: 44px;
  }
  .pl-xs-44--force {
    padding-left: 44px !important;
  }
  .p-xs-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-xs-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-xs-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-xs-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-xs-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-xs-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-xs-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-xs-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-xs-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-xs-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-xs-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-xs-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-xs-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-xs-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-xs-52 {
    padding: 52px;
  }
  .p-xs-52--force {
    padding: 52px !important;
  }
  .px-xs-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-xs-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-xs-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-xs-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-xs-52 {
    padding-top: 52px;
  }
  .pt-xs-52--force {
    padding-top: 52px !important;
  }
  .pr-xs-52 {
    padding-right: 52px;
  }
  .pr-xs-52--force {
    padding-right: 52px !important;
  }
  .pb-xs-52 {
    padding-bottom: 52px;
  }
  .pb-xs-52--force {
    padding-bottom: 52px !important;
  }
  .pl-xs-52 {
    padding-left: 52px;
  }
  .pl-xs-52--force {
    padding-left: 52px !important;
  }
  .p-xs-56 {
    padding: 56px;
  }
  .p-xs-56--force {
    padding: 56px !important;
  }
  .px-xs-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-xs-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-xs-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-xs-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-xs-56 {
    padding-top: 56px;
  }
  .pt-xs-56--force {
    padding-top: 56px !important;
  }
  .pr-xs-56 {
    padding-right: 56px;
  }
  .pr-xs-56--force {
    padding-right: 56px !important;
  }
  .pb-xs-56 {
    padding-bottom: 56px;
  }
  .pb-xs-56--force {
    padding-bottom: 56px !important;
  }
  .pl-xs-56 {
    padding-left: 56px;
  }
  .pl-xs-56--force {
    padding-left: 56px !important;
  }
  .p-xs-60 {
    padding: 60px;
  }
  .p-xs-60--force {
    padding: 60px !important;
  }
  .px-xs-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-xs-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-xs-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-xs-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-xs-60 {
    padding-top: 60px;
  }
  .pt-xs-60--force {
    padding-top: 60px !important;
  }
  .pr-xs-60 {
    padding-right: 60px;
  }
  .pr-xs-60--force {
    padding-right: 60px !important;
  }
  .pb-xs-60 {
    padding-bottom: 60px;
  }
  .pb-xs-60--force {
    padding-bottom: 60px !important;
  }
  .pl-xs-60 {
    padding-left: 60px;
  }
  .pl-xs-60--force {
    padding-left: 60px !important;
  }
  .p-xs-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-xs-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-xs-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-xs-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-xs-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-xs-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-xs-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-xs-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-xs-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-xs-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-xs-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-xs-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-xs-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-xs-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-xs-68 {
    padding: 68px;
  }
  .p-xs-68--force {
    padding: 68px !important;
  }
  .px-xs-68 {
    padding-right: 68px;
    padding-left: 68px;
  }
  .px-xs-68--force {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .py-xs-68 {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .py-xs-68--force {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .pt-xs-68 {
    padding-top: 68px;
  }
  .pt-xs-68--force {
    padding-top: 68px !important;
  }
  .pr-xs-68 {
    padding-right: 68px;
  }
  .pr-xs-68--force {
    padding-right: 68px !important;
  }
  .pb-xs-68 {
    padding-bottom: 68px;
  }
  .pb-xs-68--force {
    padding-bottom: 68px !important;
  }
  .pl-xs-68 {
    padding-left: 68px;
  }
  .pl-xs-68--force {
    padding-left: 68px !important;
  }
  .p-xs-72 {
    padding: 72px;
  }
  .p-xs-72--force {
    padding: 72px !important;
  }
  .px-xs-72 {
    padding-right: 72px;
    padding-left: 72px;
  }
  .px-xs-72--force {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-xs-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .py-xs-72--force {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .pt-xs-72 {
    padding-top: 72px;
  }
  .pt-xs-72--force {
    padding-top: 72px !important;
  }
  .pr-xs-72 {
    padding-right: 72px;
  }
  .pr-xs-72--force {
    padding-right: 72px !important;
  }
  .pb-xs-72 {
    padding-bottom: 72px;
  }
  .pb-xs-72--force {
    padding-bottom: 72px !important;
  }
  .pl-xs-72 {
    padding-left: 72px;
  }
  .pl-xs-72--force {
    padding-left: 72px !important;
  }
  .p-xs-76 {
    padding: 76px;
  }
  .p-xs-76--force {
    padding: 76px !important;
  }
  .px-xs-76 {
    padding-right: 76px;
    padding-left: 76px;
  }
  .px-xs-76--force {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .py-xs-76 {
    padding-top: 76px;
    padding-bottom: 76px;
  }
  .py-xs-76--force {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .pt-xs-76 {
    padding-top: 76px;
  }
  .pt-xs-76--force {
    padding-top: 76px !important;
  }
  .pr-xs-76 {
    padding-right: 76px;
  }
  .pr-xs-76--force {
    padding-right: 76px !important;
  }
  .pb-xs-76 {
    padding-bottom: 76px;
  }
  .pb-xs-76--force {
    padding-bottom: 76px !important;
  }
  .pl-xs-76 {
    padding-left: 76px;
  }
  .pl-xs-76--force {
    padding-left: 76px !important;
  }
  .p-xs-80 {
    padding: var(--matcha-space-1000, 80px);
  }
  .p-xs-80--force {
    padding: var(--matcha-space-1000, 80px) !important;
  }
  .px-xs-80 {
    padding-right: var(--matcha-space-1000, 80px);
    padding-left: var(--matcha-space-1000, 80px);
  }
  .px-xs-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .py-xs-80 {
    padding-top: var(--matcha-space-1000, 80px);
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .py-xs-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pt-xs-80 {
    padding-top: var(--matcha-space-1000, 80px);
  }
  .pt-xs-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
  }
  .pr-xs-80 {
    padding-right: var(--matcha-space-1000, 80px);
  }
  .pr-xs-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
  }
  .pb-xs-80 {
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .pb-xs-80--force {
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pl-xs-80 {
    padding-left: var(--matcha-space-1000, 80px);
  }
  .pl-xs-80--force {
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .p-xs-84 {
    padding: 84px;
  }
  .p-xs-84--force {
    padding: 84px !important;
  }
  .px-xs-84 {
    padding-right: 84px;
    padding-left: 84px;
  }
  .px-xs-84--force {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .py-xs-84 {
    padding-top: 84px;
    padding-bottom: 84px;
  }
  .py-xs-84--force {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .pt-xs-84 {
    padding-top: 84px;
  }
  .pt-xs-84--force {
    padding-top: 84px !important;
  }
  .pr-xs-84 {
    padding-right: 84px;
  }
  .pr-xs-84--force {
    padding-right: 84px !important;
  }
  .pb-xs-84 {
    padding-bottom: 84px;
  }
  .pb-xs-84--force {
    padding-bottom: 84px !important;
  }
  .pl-xs-84 {
    padding-left: 84px;
  }
  .pl-xs-84--force {
    padding-left: 84px !important;
  }
  .p-xs-88 {
    padding: 88px;
  }
  .p-xs-88--force {
    padding: 88px !important;
  }
  .px-xs-88 {
    padding-right: 88px;
    padding-left: 88px;
  }
  .px-xs-88--force {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-xs-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .py-xs-88--force {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .pt-xs-88 {
    padding-top: 88px;
  }
  .pt-xs-88--force {
    padding-top: 88px !important;
  }
  .pr-xs-88 {
    padding-right: 88px;
  }
  .pr-xs-88--force {
    padding-right: 88px !important;
  }
  .pb-xs-88 {
    padding-bottom: 88px;
  }
  .pb-xs-88--force {
    padding-bottom: 88px !important;
  }
  .pl-xs-88 {
    padding-left: 88px;
  }
  .pl-xs-88--force {
    padding-left: 88px !important;
  }
  .p-xs-92 {
    padding: 92px;
  }
  .p-xs-92--force {
    padding: 92px !important;
  }
  .px-xs-92 {
    padding-right: 92px;
    padding-left: 92px;
  }
  .px-xs-92--force {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .py-xs-92 {
    padding-top: 92px;
    padding-bottom: 92px;
  }
  .py-xs-92--force {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .pt-xs-92 {
    padding-top: 92px;
  }
  .pt-xs-92--force {
    padding-top: 92px !important;
  }
  .pr-xs-92 {
    padding-right: 92px;
  }
  .pr-xs-92--force {
    padding-right: 92px !important;
  }
  .pb-xs-92 {
    padding-bottom: 92px;
  }
  .pb-xs-92--force {
    padding-bottom: 92px !important;
  }
  .pl-xs-92 {
    padding-left: 92px;
  }
  .pl-xs-92--force {
    padding-left: 92px !important;
  }
  .p-xs-96 {
    padding: var(--matcha-space-1200, 96px);
  }
  .p-xs-96--force {
    padding: var(--matcha-space-1200, 96px) !important;
  }
  .px-xs-96 {
    padding-right: var(--matcha-space-1200, 96px);
    padding-left: var(--matcha-space-1200, 96px);
  }
  .px-xs-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
  .py-xs-96 {
    padding-top: var(--matcha-space-1200, 96px);
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .py-xs-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pt-xs-96 {
    padding-top: var(--matcha-space-1200, 96px);
  }
  .pt-xs-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
  }
  .pr-xs-96 {
    padding-right: var(--matcha-space-1200, 96px);
  }
  .pr-xs-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
  }
  .pb-xs-96 {
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .pb-xs-96--force {
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pl-xs-96 {
    padding-left: var(--matcha-space-1200, 96px);
  }
  .pl-xs-96--force {
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
}
@media screen and (min-width: 640px) {
  .m-sm--64 {
    margin: calc(-1 * var(--matcha-space-800, 64px));
  }
  .m-sm--64--force {
    margin: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mx-sm--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mx-sm--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .my-sm--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .my-sm--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mt-sm--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mt-sm--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mr-sm--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mr-sm--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mb-sm--64 {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mb-sm--64--force {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .ml-sm--64 {
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .ml-sm--64--force {
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .m-sm--60 {
    margin: -60px;
  }
  .m-sm--60--force {
    margin: -60px !important;
  }
  .mx-sm--60 {
    margin-right: -60px;
    margin-left: -60px;
  }
  .mx-sm--60--force {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .my-sm--60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }
  .my-sm--60--force {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .mt-sm--60 {
    margin-top: -60px;
  }
  .mt-sm--60--force {
    margin-top: -60px !important;
  }
  .mr-sm--60 {
    margin-right: -60px;
  }
  .mr-sm--60--force {
    margin-right: -60px !important;
  }
  .mb-sm--60 {
    margin-bottom: -60px;
  }
  .mb-sm--60--force {
    margin-bottom: -60px !important;
  }
  .ml-sm--60 {
    margin-left: -60px;
  }
  .ml-sm--60--force {
    margin-left: -60px !important;
  }
  .m-sm--56 {
    margin: -56px;
  }
  .m-sm--56--force {
    margin: -56px !important;
  }
  .mx-sm--56 {
    margin-right: -56px;
    margin-left: -56px;
  }
  .mx-sm--56--force {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .my-sm--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .my-sm--56--force {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .mt-sm--56 {
    margin-top: -56px;
  }
  .mt-sm--56--force {
    margin-top: -56px !important;
  }
  .mr-sm--56 {
    margin-right: -56px;
  }
  .mr-sm--56--force {
    margin-right: -56px !important;
  }
  .mb-sm--56 {
    margin-bottom: -56px;
  }
  .mb-sm--56--force {
    margin-bottom: -56px !important;
  }
  .ml-sm--56 {
    margin-left: -56px;
  }
  .ml-sm--56--force {
    margin-left: -56px !important;
  }
  .m-sm--52 {
    margin: -52px;
  }
  .m-sm--52--force {
    margin: -52px !important;
  }
  .mx-sm--52 {
    margin-right: -52px;
    margin-left: -52px;
  }
  .mx-sm--52--force {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .my-sm--52 {
    margin-top: -52px;
    margin-bottom: -52px;
  }
  .my-sm--52--force {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .mt-sm--52 {
    margin-top: -52px;
  }
  .mt-sm--52--force {
    margin-top: -52px !important;
  }
  .mr-sm--52 {
    margin-right: -52px;
  }
  .mr-sm--52--force {
    margin-right: -52px !important;
  }
  .mb-sm--52 {
    margin-bottom: -52px;
  }
  .mb-sm--52--force {
    margin-bottom: -52px !important;
  }
  .ml-sm--52 {
    margin-left: -52px;
  }
  .ml-sm--52--force {
    margin-left: -52px !important;
  }
  .m-sm--48 {
    margin: calc(-1 * var(--matcha-space-600, 48px));
  }
  .m-sm--48--force {
    margin: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mx-sm--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mx-sm--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .my-sm--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .my-sm--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mt-sm--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mt-sm--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mr-sm--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mr-sm--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mb-sm--48 {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mb-sm--48--force {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .ml-sm--48 {
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .ml-sm--48--force {
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .m-sm--44 {
    margin: -44px;
  }
  .m-sm--44--force {
    margin: -44px !important;
  }
  .mx-sm--44 {
    margin-right: -44px;
    margin-left: -44px;
  }
  .mx-sm--44--force {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .my-sm--44 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .my-sm--44--force {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .mt-sm--44 {
    margin-top: -44px;
  }
  .mt-sm--44--force {
    margin-top: -44px !important;
  }
  .mr-sm--44 {
    margin-right: -44px;
  }
  .mr-sm--44--force {
    margin-right: -44px !important;
  }
  .mb-sm--44 {
    margin-bottom: -44px;
  }
  .mb-sm--44--force {
    margin-bottom: -44px !important;
  }
  .ml-sm--44 {
    margin-left: -44px;
  }
  .ml-sm--44--force {
    margin-left: -44px !important;
  }
  .m-sm--40 {
    margin: calc(-1 * var(--matcha-space-500, 40px));
  }
  .m-sm--40--force {
    margin: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mx-sm--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mx-sm--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .my-sm--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .my-sm--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mt-sm--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mt-sm--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mr-sm--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mr-sm--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mb-sm--40 {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mb-sm--40--force {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .ml-sm--40 {
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .ml-sm--40--force {
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .m-sm--36 {
    margin: -36px;
  }
  .m-sm--36--force {
    margin: -36px !important;
  }
  .mx-sm--36 {
    margin-right: -36px;
    margin-left: -36px;
  }
  .mx-sm--36--force {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .my-sm--36 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .my-sm--36--force {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .mt-sm--36 {
    margin-top: -36px;
  }
  .mt-sm--36--force {
    margin-top: -36px !important;
  }
  .mr-sm--36 {
    margin-right: -36px;
  }
  .mr-sm--36--force {
    margin-right: -36px !important;
  }
  .mb-sm--36 {
    margin-bottom: -36px;
  }
  .mb-sm--36--force {
    margin-bottom: -36px !important;
  }
  .ml-sm--36 {
    margin-left: -36px;
  }
  .ml-sm--36--force {
    margin-left: -36px !important;
  }
  .m-sm--32 {
    margin: calc(-1 * var(--matcha-space-400, 32px));
  }
  .m-sm--32--force {
    margin: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mx-sm--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mx-sm--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .my-sm--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .my-sm--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mt-sm--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mt-sm--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mr-sm--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mr-sm--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mb-sm--32 {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mb-sm--32--force {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .ml-sm--32 {
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .ml-sm--32--force {
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .m-sm--28 {
    margin: -28px;
  }
  .m-sm--28--force {
    margin: -28px !important;
  }
  .mx-sm--28 {
    margin-right: -28px;
    margin-left: -28px;
  }
  .mx-sm--28--force {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .my-sm--28 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .my-sm--28--force {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .mt-sm--28 {
    margin-top: -28px;
  }
  .mt-sm--28--force {
    margin-top: -28px !important;
  }
  .mr-sm--28 {
    margin-right: -28px;
  }
  .mr-sm--28--force {
    margin-right: -28px !important;
  }
  .mb-sm--28 {
    margin-bottom: -28px;
  }
  .mb-sm--28--force {
    margin-bottom: -28px !important;
  }
  .ml-sm--28 {
    margin-left: -28px;
  }
  .ml-sm--28--force {
    margin-left: -28px !important;
  }
  .m-sm--24 {
    margin: calc(-1 * var(--matcha-space-300, 24px));
  }
  .m-sm--24--force {
    margin: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mx-sm--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mx-sm--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .my-sm--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .my-sm--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mt-sm--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mt-sm--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mr-sm--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mr-sm--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mb-sm--24 {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mb-sm--24--force {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .ml-sm--24 {
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .ml-sm--24--force {
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .m-sm--20 {
    margin: calc(-1 * var(--matcha-space-250, 20px));
  }
  .m-sm--20--force {
    margin: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mx-sm--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mx-sm--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .my-sm--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .my-sm--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mt-sm--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mt-sm--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mr-sm--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mr-sm--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mb-sm--20 {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mb-sm--20--force {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .ml-sm--20 {
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .ml-sm--20--force {
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .m-sm--16 {
    margin: calc(-1 * var(--matcha-space-200, 16px));
  }
  .m-sm--16--force {
    margin: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mx-sm--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mx-sm--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .my-sm--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .my-sm--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mt-sm--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mt-sm--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mr-sm--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mr-sm--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mb-sm--16 {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mb-sm--16--force {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .ml-sm--16 {
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .ml-sm--16--force {
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .m-sm--12 {
    margin: calc(-1 * var(--matcha-space-150, 12px));
  }
  .m-sm--12--force {
    margin: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mx-sm--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mx-sm--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .my-sm--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .my-sm--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mt-sm--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mt-sm--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mr-sm--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mr-sm--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mb-sm--12 {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mb-sm--12--force {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .ml-sm--12 {
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .ml-sm--12--force {
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .m-sm--8 {
    margin: calc(-1 * var(--matcha-space-100, 8px));
  }
  .m-sm--8--force {
    margin: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mx-sm--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mx-sm--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .my-sm--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .my-sm--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mt-sm--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mt-sm--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mr-sm--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mr-sm--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mb-sm--8 {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mb-sm--8--force {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .ml-sm--8 {
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .ml-sm--8--force {
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .m-sm--4 {
    margin: calc(-1 * var(--matcha-space-050, 4px));
  }
  .m-sm--4--force {
    margin: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mx-sm--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mx-sm--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .my-sm--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .my-sm--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mt-sm--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mt-sm--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mr-sm--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mr-sm--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mb-sm--4 {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mb-sm--4--force {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .ml-sm--4 {
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .ml-sm--4--force {
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .m-sm-0 {
    margin: var(--matcha-space-0, 0);
  }
  .m-sm-0--force {
    margin: var(--matcha-space-0, 0) !important;
  }
  .mx-sm-0 {
    margin-right: var(--matcha-space-0, 0);
    margin-left: var(--matcha-space-0, 0);
  }
  .mx-sm-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .my-sm-0 {
    margin-top: var(--matcha-space-0, 0);
    margin-bottom: var(--matcha-space-0, 0);
  }
  .my-sm-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .mt-sm-0 {
    margin-top: var(--matcha-space-0, 0);
  }
  .mt-sm-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
  }
  .mr-sm-0 {
    margin-right: var(--matcha-space-0, 0);
  }
  .mr-sm-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
  }
  .mb-sm-0 {
    margin-bottom: var(--matcha-space-0, 0);
  }
  .mb-sm-0--force {
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .ml-sm-0 {
    margin-left: var(--matcha-space-0, 0);
  }
  .ml-sm-0--force {
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .m-sm-4 {
    margin: var(--matcha-space-050, 4px);
  }
  .m-sm-4--force {
    margin: var(--matcha-space-050, 4px) !important;
  }
  .mx-sm-4 {
    margin-right: var(--matcha-space-050, 4px);
    margin-left: var(--matcha-space-050, 4px);
  }
  .mx-sm-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .my-sm-4 {
    margin-top: var(--matcha-space-050, 4px);
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .my-sm-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .mt-sm-4 {
    margin-top: var(--matcha-space-050, 4px);
  }
  .mt-sm-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
  }
  .mr-sm-4 {
    margin-right: var(--matcha-space-050, 4px);
  }
  .mr-sm-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
  }
  .mb-sm-4 {
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .mb-sm-4--force {
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .ml-sm-4 {
    margin-left: var(--matcha-space-050, 4px);
  }
  .ml-sm-4--force {
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .m-sm-8 {
    margin: var(--matcha-space-100, 8px);
  }
  .m-sm-8--force {
    margin: var(--matcha-space-100, 8px) !important;
  }
  .mx-sm-8 {
    margin-right: var(--matcha-space-100, 8px);
    margin-left: var(--matcha-space-100, 8px);
  }
  .mx-sm-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .my-sm-8 {
    margin-top: var(--matcha-space-100, 8px);
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .my-sm-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .mt-sm-8 {
    margin-top: var(--matcha-space-100, 8px);
  }
  .mt-sm-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
  }
  .mr-sm-8 {
    margin-right: var(--matcha-space-100, 8px);
  }
  .mr-sm-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
  }
  .mb-sm-8 {
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .mb-sm-8--force {
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .ml-sm-8 {
    margin-left: var(--matcha-space-100, 8px);
  }
  .ml-sm-8--force {
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .m-sm-12 {
    margin: var(--matcha-space-150, 12px);
  }
  .m-sm-12--force {
    margin: var(--matcha-space-150, 12px) !important;
  }
  .mx-sm-12 {
    margin-right: var(--matcha-space-150, 12px);
    margin-left: var(--matcha-space-150, 12px);
  }
  .mx-sm-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .my-sm-12 {
    margin-top: var(--matcha-space-150, 12px);
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .my-sm-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .mt-sm-12 {
    margin-top: var(--matcha-space-150, 12px);
  }
  .mt-sm-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
  }
  .mr-sm-12 {
    margin-right: var(--matcha-space-150, 12px);
  }
  .mr-sm-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
  }
  .mb-sm-12 {
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .mb-sm-12--force {
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .ml-sm-12 {
    margin-left: var(--matcha-space-150, 12px);
  }
  .ml-sm-12--force {
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .m-sm-16 {
    margin: var(--matcha-space-200, 16px);
  }
  .m-sm-16--force {
    margin: var(--matcha-space-200, 16px) !important;
  }
  .mx-sm-16 {
    margin-right: var(--matcha-space-200, 16px);
    margin-left: var(--matcha-space-200, 16px);
  }
  .mx-sm-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .my-sm-16 {
    margin-top: var(--matcha-space-200, 16px);
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .my-sm-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .mt-sm-16 {
    margin-top: var(--matcha-space-200, 16px);
  }
  .mt-sm-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
  }
  .mr-sm-16 {
    margin-right: var(--matcha-space-200, 16px);
  }
  .mr-sm-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
  }
  .mb-sm-16 {
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .mb-sm-16--force {
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .ml-sm-16 {
    margin-left: var(--matcha-space-200, 16px);
  }
  .ml-sm-16--force {
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .m-sm-20 {
    margin: var(--matcha-space-250, 20px);
  }
  .m-sm-20--force {
    margin: var(--matcha-space-250, 20px) !important;
  }
  .mx-sm-20 {
    margin-right: var(--matcha-space-250, 20px);
    margin-left: var(--matcha-space-250, 20px);
  }
  .mx-sm-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .my-sm-20 {
    margin-top: var(--matcha-space-250, 20px);
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .my-sm-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .mt-sm-20 {
    margin-top: var(--matcha-space-250, 20px);
  }
  .mt-sm-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
  }
  .mr-sm-20 {
    margin-right: var(--matcha-space-250, 20px);
  }
  .mr-sm-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
  }
  .mb-sm-20 {
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .mb-sm-20--force {
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .ml-sm-20 {
    margin-left: var(--matcha-space-250, 20px);
  }
  .ml-sm-20--force {
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .m-sm-24 {
    margin: var(--matcha-space-300, 24px);
  }
  .m-sm-24--force {
    margin: var(--matcha-space-300, 24px) !important;
  }
  .mx-sm-24 {
    margin-right: var(--matcha-space-300, 24px);
    margin-left: var(--matcha-space-300, 24px);
  }
  .mx-sm-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .my-sm-24 {
    margin-top: var(--matcha-space-300, 24px);
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .my-sm-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .mt-sm-24 {
    margin-top: var(--matcha-space-300, 24px);
  }
  .mt-sm-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
  }
  .mr-sm-24 {
    margin-right: var(--matcha-space-300, 24px);
  }
  .mr-sm-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
  }
  .mb-sm-24 {
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .mb-sm-24--force {
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .ml-sm-24 {
    margin-left: var(--matcha-space-300, 24px);
  }
  .ml-sm-24--force {
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .m-sm-28 {
    margin: 28px;
  }
  .m-sm-28--force {
    margin: 28px !important;
  }
  .mx-sm-28 {
    margin-right: 28px;
    margin-left: 28px;
  }
  .mx-sm-28--force {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-sm-28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .my-sm-28--force {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-sm-28 {
    margin-top: 28px;
  }
  .mt-sm-28--force {
    margin-top: 28px !important;
  }
  .mr-sm-28 {
    margin-right: 28px;
  }
  .mr-sm-28--force {
    margin-right: 28px !important;
  }
  .mb-sm-28 {
    margin-bottom: 28px;
  }
  .mb-sm-28--force {
    margin-bottom: 28px !important;
  }
  .ml-sm-28 {
    margin-left: 28px;
  }
  .ml-sm-28--force {
    margin-left: 28px !important;
  }
  .m-sm-32 {
    margin: var(--matcha-space-400, 32px);
  }
  .m-sm-32--force {
    margin: var(--matcha-space-400, 32px) !important;
  }
  .mx-sm-32 {
    margin-right: var(--matcha-space-400, 32px);
    margin-left: var(--matcha-space-400, 32px);
  }
  .mx-sm-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .my-sm-32 {
    margin-top: var(--matcha-space-400, 32px);
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .my-sm-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .mt-sm-32 {
    margin-top: var(--matcha-space-400, 32px);
  }
  .mt-sm-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
  }
  .mr-sm-32 {
    margin-right: var(--matcha-space-400, 32px);
  }
  .mr-sm-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
  }
  .mb-sm-32 {
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .mb-sm-32--force {
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .ml-sm-32 {
    margin-left: var(--matcha-space-400, 32px);
  }
  .ml-sm-32--force {
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .m-sm-36 {
    margin: 36px;
  }
  .m-sm-36--force {
    margin: 36px !important;
  }
  .mx-sm-36 {
    margin-right: 36px;
    margin-left: 36px;
  }
  .mx-sm-36--force {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-sm-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .my-sm-36--force {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mt-sm-36 {
    margin-top: 36px;
  }
  .mt-sm-36--force {
    margin-top: 36px !important;
  }
  .mr-sm-36 {
    margin-right: 36px;
  }
  .mr-sm-36--force {
    margin-right: 36px !important;
  }
  .mb-sm-36 {
    margin-bottom: 36px;
  }
  .mb-sm-36--force {
    margin-bottom: 36px !important;
  }
  .ml-sm-36 {
    margin-left: 36px;
  }
  .ml-sm-36--force {
    margin-left: 36px !important;
  }
  .m-sm-40 {
    margin: var(--matcha-space-500, 40px);
  }
  .m-sm-40--force {
    margin: var(--matcha-space-500, 40px) !important;
  }
  .mx-sm-40 {
    margin-right: var(--matcha-space-500, 40px);
    margin-left: var(--matcha-space-500, 40px);
  }
  .mx-sm-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .my-sm-40 {
    margin-top: var(--matcha-space-500, 40px);
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .my-sm-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .mt-sm-40 {
    margin-top: var(--matcha-space-500, 40px);
  }
  .mt-sm-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
  }
  .mr-sm-40 {
    margin-right: var(--matcha-space-500, 40px);
  }
  .mr-sm-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
  }
  .mb-sm-40 {
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .mb-sm-40--force {
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .ml-sm-40 {
    margin-left: var(--matcha-space-500, 40px);
  }
  .ml-sm-40--force {
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .m-sm-44 {
    margin: 44px;
  }
  .m-sm-44--force {
    margin: 44px !important;
  }
  .mx-sm-44 {
    margin-right: 44px;
    margin-left: 44px;
  }
  .mx-sm-44--force {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-sm-44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .my-sm-44--force {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .mt-sm-44 {
    margin-top: 44px;
  }
  .mt-sm-44--force {
    margin-top: 44px !important;
  }
  .mr-sm-44 {
    margin-right: 44px;
  }
  .mr-sm-44--force {
    margin-right: 44px !important;
  }
  .mb-sm-44 {
    margin-bottom: 44px;
  }
  .mb-sm-44--force {
    margin-bottom: 44px !important;
  }
  .ml-sm-44 {
    margin-left: 44px;
  }
  .ml-sm-44--force {
    margin-left: 44px !important;
  }
  .m-sm-48 {
    margin: var(--matcha-space-600, 48px);
  }
  .m-sm-48--force {
    margin: var(--matcha-space-600, 48px) !important;
  }
  .mx-sm-48 {
    margin-right: var(--matcha-space-600, 48px);
    margin-left: var(--matcha-space-600, 48px);
  }
  .mx-sm-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .my-sm-48 {
    margin-top: var(--matcha-space-600, 48px);
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .my-sm-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .mt-sm-48 {
    margin-top: var(--matcha-space-600, 48px);
  }
  .mt-sm-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
  }
  .mr-sm-48 {
    margin-right: var(--matcha-space-600, 48px);
  }
  .mr-sm-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
  }
  .mb-sm-48 {
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .mb-sm-48--force {
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .ml-sm-48 {
    margin-left: var(--matcha-space-600, 48px);
  }
  .ml-sm-48--force {
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .m-sm-52 {
    margin: 52px;
  }
  .m-sm-52--force {
    margin: 52px !important;
  }
  .mx-sm-52 {
    margin-right: 52px;
    margin-left: 52px;
  }
  .mx-sm-52--force {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-sm-52 {
    margin-top: 52px;
    margin-bottom: 52px;
  }
  .my-sm-52--force {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .mt-sm-52 {
    margin-top: 52px;
  }
  .mt-sm-52--force {
    margin-top: 52px !important;
  }
  .mr-sm-52 {
    margin-right: 52px;
  }
  .mr-sm-52--force {
    margin-right: 52px !important;
  }
  .mb-sm-52 {
    margin-bottom: 52px;
  }
  .mb-sm-52--force {
    margin-bottom: 52px !important;
  }
  .ml-sm-52 {
    margin-left: 52px;
  }
  .ml-sm-52--force {
    margin-left: 52px !important;
  }
  .m-sm-56 {
    margin: 56px;
  }
  .m-sm-56--force {
    margin: 56px !important;
  }
  .mx-sm-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .mx-sm-56--force {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-sm-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .my-sm-56--force {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mt-sm-56 {
    margin-top: 56px;
  }
  .mt-sm-56--force {
    margin-top: 56px !important;
  }
  .mr-sm-56 {
    margin-right: 56px;
  }
  .mr-sm-56--force {
    margin-right: 56px !important;
  }
  .mb-sm-56 {
    margin-bottom: 56px;
  }
  .mb-sm-56--force {
    margin-bottom: 56px !important;
  }
  .ml-sm-56 {
    margin-left: 56px;
  }
  .ml-sm-56--force {
    margin-left: 56px !important;
  }
  .m-sm-60 {
    margin: 60px;
  }
  .m-sm-60--force {
    margin: 60px !important;
  }
  .mx-sm-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mx-sm-60--force {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-sm-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .my-sm-60--force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mt-sm-60 {
    margin-top: 60px;
  }
  .mt-sm-60--force {
    margin-top: 60px !important;
  }
  .mr-sm-60 {
    margin-right: 60px;
  }
  .mr-sm-60--force {
    margin-right: 60px !important;
  }
  .mb-sm-60 {
    margin-bottom: 60px;
  }
  .mb-sm-60--force {
    margin-bottom: 60px !important;
  }
  .ml-sm-60 {
    margin-left: 60px;
  }
  .ml-sm-60--force {
    margin-left: 60px !important;
  }
  .m-sm-64 {
    margin: var(--matcha-space-800, 64px);
  }
  .m-sm-64--force {
    margin: var(--matcha-space-800, 64px) !important;
  }
  .mx-sm-64 {
    margin-right: var(--matcha-space-800, 64px);
    margin-left: var(--matcha-space-800, 64px);
  }
  .mx-sm-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .my-sm-64 {
    margin-top: var(--matcha-space-800, 64px);
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .my-sm-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .mt-sm-64 {
    margin-top: var(--matcha-space-800, 64px);
  }
  .mt-sm-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
  }
  .mr-sm-64 {
    margin-right: var(--matcha-space-800, 64px);
  }
  .mr-sm-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
  }
  .mb-sm-64 {
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .mb-sm-64--force {
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .ml-sm-64 {
    margin-left: var(--matcha-space-800, 64px);
  }
  .ml-sm-64--force {
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .m-sm-auto {
    margin: auto;
  }
  .m-sm-auto--force {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto;
  }
  .mt-sm-auto--force {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto;
  }
  .mr-sm-auto--force {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto;
  }
  .mb-sm-auto--force {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto;
  }
  .ml-sm-auto--force {
    margin-left: auto !important;
  }
  .mx-sm-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .mx-sm-auto--force {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .my-sm-auto--force {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-sm--64 {
    padding: calc(-1 * var(--matcha-space-800, 64px));
  }
  .p-sm--64--force {
    padding: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .px-sm--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .px-sm--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .py-sm--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .py-sm--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pt-sm--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pt-sm--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pr-sm--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pr-sm--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pb-sm--64 {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pb-sm--64--force {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pl-sm--64 {
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pl-sm--64--force {
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .p-sm--60 {
    padding: -60px;
  }
  .p-sm--60--force {
    padding: -60px !important;
  }
  .px-sm--60 {
    padding-right: -60px;
    padding-left: -60px;
  }
  .px-sm--60--force {
    padding-right: -60px !important;
    padding-left: -60px !important;
  }
  .py-sm--60 {
    padding-top: -60px;
    padding-bottom: -60px;
  }
  .py-sm--60--force {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }
  .pt-sm--60 {
    padding-top: -60px;
  }
  .pt-sm--60--force {
    padding-top: -60px !important;
  }
  .pr-sm--60 {
    padding-right: -60px;
  }
  .pr-sm--60--force {
    padding-right: -60px !important;
  }
  .pb-sm--60 {
    padding-bottom: -60px;
  }
  .pb-sm--60--force {
    padding-bottom: -60px !important;
  }
  .pl-sm--60 {
    padding-left: -60px;
  }
  .pl-sm--60--force {
    padding-left: -60px !important;
  }
  .p-sm--56 {
    padding: -56px;
  }
  .p-sm--56--force {
    padding: -56px !important;
  }
  .px-sm--56 {
    padding-right: -56px;
    padding-left: -56px;
  }
  .px-sm--56--force {
    padding-right: -56px !important;
    padding-left: -56px !important;
  }
  .py-sm--56 {
    padding-top: -56px;
    padding-bottom: -56px;
  }
  .py-sm--56--force {
    padding-top: -56px !important;
    padding-bottom: -56px !important;
  }
  .pt-sm--56 {
    padding-top: -56px;
  }
  .pt-sm--56--force {
    padding-top: -56px !important;
  }
  .pr-sm--56 {
    padding-right: -56px;
  }
  .pr-sm--56--force {
    padding-right: -56px !important;
  }
  .pb-sm--56 {
    padding-bottom: -56px;
  }
  .pb-sm--56--force {
    padding-bottom: -56px !important;
  }
  .pl-sm--56 {
    padding-left: -56px;
  }
  .pl-sm--56--force {
    padding-left: -56px !important;
  }
  .p-sm--52 {
    padding: -52px;
  }
  .p-sm--52--force {
    padding: -52px !important;
  }
  .px-sm--52 {
    padding-right: -52px;
    padding-left: -52px;
  }
  .px-sm--52--force {
    padding-right: -52px !important;
    padding-left: -52px !important;
  }
  .py-sm--52 {
    padding-top: -52px;
    padding-bottom: -52px;
  }
  .py-sm--52--force {
    padding-top: -52px !important;
    padding-bottom: -52px !important;
  }
  .pt-sm--52 {
    padding-top: -52px;
  }
  .pt-sm--52--force {
    padding-top: -52px !important;
  }
  .pr-sm--52 {
    padding-right: -52px;
  }
  .pr-sm--52--force {
    padding-right: -52px !important;
  }
  .pb-sm--52 {
    padding-bottom: -52px;
  }
  .pb-sm--52--force {
    padding-bottom: -52px !important;
  }
  .pl-sm--52 {
    padding-left: -52px;
  }
  .pl-sm--52--force {
    padding-left: -52px !important;
  }
  .p-sm--48 {
    padding: calc(-1 * var(--matcha-space-600, 48px));
  }
  .p-sm--48--force {
    padding: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .px-sm--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .px-sm--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .py-sm--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .py-sm--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pt-sm--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pt-sm--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pr-sm--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pr-sm--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pb-sm--48 {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pb-sm--48--force {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pl-sm--48 {
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pl-sm--48--force {
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .p-sm--44 {
    padding: -44px;
  }
  .p-sm--44--force {
    padding: -44px !important;
  }
  .px-sm--44 {
    padding-right: -44px;
    padding-left: -44px;
  }
  .px-sm--44--force {
    padding-right: -44px !important;
    padding-left: -44px !important;
  }
  .py-sm--44 {
    padding-top: -44px;
    padding-bottom: -44px;
  }
  .py-sm--44--force {
    padding-top: -44px !important;
    padding-bottom: -44px !important;
  }
  .pt-sm--44 {
    padding-top: -44px;
  }
  .pt-sm--44--force {
    padding-top: -44px !important;
  }
  .pr-sm--44 {
    padding-right: -44px;
  }
  .pr-sm--44--force {
    padding-right: -44px !important;
  }
  .pb-sm--44 {
    padding-bottom: -44px;
  }
  .pb-sm--44--force {
    padding-bottom: -44px !important;
  }
  .pl-sm--44 {
    padding-left: -44px;
  }
  .pl-sm--44--force {
    padding-left: -44px !important;
  }
  .p-sm--40 {
    padding: calc(-1 * var(--matcha-space-500, 40px));
  }
  .p-sm--40--force {
    padding: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .px-sm--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .px-sm--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .py-sm--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .py-sm--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pt-sm--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pt-sm--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pr-sm--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pr-sm--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pb-sm--40 {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pb-sm--40--force {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pl-sm--40 {
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pl-sm--40--force {
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .p-sm--36 {
    padding: -36px;
  }
  .p-sm--36--force {
    padding: -36px !important;
  }
  .px-sm--36 {
    padding-right: -36px;
    padding-left: -36px;
  }
  .px-sm--36--force {
    padding-right: -36px !important;
    padding-left: -36px !important;
  }
  .py-sm--36 {
    padding-top: -36px;
    padding-bottom: -36px;
  }
  .py-sm--36--force {
    padding-top: -36px !important;
    padding-bottom: -36px !important;
  }
  .pt-sm--36 {
    padding-top: -36px;
  }
  .pt-sm--36--force {
    padding-top: -36px !important;
  }
  .pr-sm--36 {
    padding-right: -36px;
  }
  .pr-sm--36--force {
    padding-right: -36px !important;
  }
  .pb-sm--36 {
    padding-bottom: -36px;
  }
  .pb-sm--36--force {
    padding-bottom: -36px !important;
  }
  .pl-sm--36 {
    padding-left: -36px;
  }
  .pl-sm--36--force {
    padding-left: -36px !important;
  }
  .p-sm--32 {
    padding: calc(-1 * var(--matcha-space-400, 32px));
  }
  .p-sm--32--force {
    padding: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .px-sm--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .px-sm--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .py-sm--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .py-sm--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pt-sm--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pt-sm--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pr-sm--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pr-sm--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pb-sm--32 {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pb-sm--32--force {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pl-sm--32 {
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pl-sm--32--force {
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .p-sm--28 {
    padding: -28px;
  }
  .p-sm--28--force {
    padding: -28px !important;
  }
  .px-sm--28 {
    padding-right: -28px;
    padding-left: -28px;
  }
  .px-sm--28--force {
    padding-right: -28px !important;
    padding-left: -28px !important;
  }
  .py-sm--28 {
    padding-top: -28px;
    padding-bottom: -28px;
  }
  .py-sm--28--force {
    padding-top: -28px !important;
    padding-bottom: -28px !important;
  }
  .pt-sm--28 {
    padding-top: -28px;
  }
  .pt-sm--28--force {
    padding-top: -28px !important;
  }
  .pr-sm--28 {
    padding-right: -28px;
  }
  .pr-sm--28--force {
    padding-right: -28px !important;
  }
  .pb-sm--28 {
    padding-bottom: -28px;
  }
  .pb-sm--28--force {
    padding-bottom: -28px !important;
  }
  .pl-sm--28 {
    padding-left: -28px;
  }
  .pl-sm--28--force {
    padding-left: -28px !important;
  }
  .p-sm--24 {
    padding: calc(-1 * var(--matcha-space-300, 24px));
  }
  .p-sm--24--force {
    padding: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .px-sm--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .px-sm--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .py-sm--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .py-sm--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pt-sm--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pt-sm--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pr-sm--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pr-sm--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pb-sm--24 {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pb-sm--24--force {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pl-sm--24 {
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pl-sm--24--force {
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .p-sm--20 {
    padding: calc(-1 * var(--matcha-space-250, 20px));
  }
  .p-sm--20--force {
    padding: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .px-sm--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .px-sm--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .py-sm--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .py-sm--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pt-sm--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pt-sm--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pr-sm--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pr-sm--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pb-sm--20 {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pb-sm--20--force {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pl-sm--20 {
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pl-sm--20--force {
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .p-sm--16 {
    padding: calc(-1 * var(--matcha-space-200, 16px));
  }
  .p-sm--16--force {
    padding: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .px-sm--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .px-sm--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .py-sm--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .py-sm--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pt-sm--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pt-sm--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pr-sm--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pr-sm--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pb-sm--16 {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pb-sm--16--force {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pl-sm--16 {
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pl-sm--16--force {
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .p-sm--12 {
    padding: calc(-1 * var(--matcha-space-150, 12px));
  }
  .p-sm--12--force {
    padding: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .px-sm--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .px-sm--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .py-sm--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .py-sm--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pt-sm--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pt-sm--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pr-sm--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pr-sm--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pb-sm--12 {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pb-sm--12--force {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pl-sm--12 {
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pl-sm--12--force {
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .p-sm--8 {
    padding: calc(-1 * var(--matcha-space-100, 8px));
  }
  .p-sm--8--force {
    padding: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .px-sm--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .px-sm--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .py-sm--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .py-sm--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pt-sm--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pt-sm--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pr-sm--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pr-sm--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pb-sm--8 {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pb-sm--8--force {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pl-sm--8 {
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pl-sm--8--force {
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .p-sm--4 {
    padding: calc(-1 * var(--matcha-space-050, 4px));
  }
  .p-sm--4--force {
    padding: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .px-sm--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .px-sm--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .py-sm--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .py-sm--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pt-sm--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pt-sm--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pr-sm--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pr-sm--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pb-sm--4 {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pb-sm--4--force {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pl-sm--4 {
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pl-sm--4--force {
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .p-sm-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-sm-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-sm-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-sm-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-sm-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-sm-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-sm-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-sm-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-sm-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-sm-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-sm-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-sm-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-sm-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-sm-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-sm-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-sm-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-sm-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-sm-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-sm-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-sm-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-sm-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-sm-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-sm-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-sm-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-sm-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-sm-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-sm-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-sm-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-sm-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-sm-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-sm-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-sm-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-sm-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-sm-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-sm-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-sm-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-sm-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-sm-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-sm-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-sm-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-sm-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-sm-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-sm-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-sm-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-sm-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-sm-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-sm-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-sm-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-sm-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-sm-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-sm-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-sm-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-sm-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-sm-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-sm-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-sm-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-sm-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-sm-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-sm-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-sm-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-sm-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-sm-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-sm-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-sm-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-sm-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-sm-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-sm-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-sm-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-sm-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-sm-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-sm-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-sm-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-sm-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-sm-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-sm-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-sm-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-sm-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-sm-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-sm-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-sm-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-sm-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-sm-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-sm-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-sm-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-sm-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-sm-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-sm-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-sm-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-sm-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-sm-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-sm-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-sm-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-sm-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-sm-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-sm-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-sm-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-sm-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-sm-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-sm-28 {
    padding: 28px;
  }
  .p-sm-28--force {
    padding: 28px !important;
  }
  .px-sm-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-sm-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-sm-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-sm-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-sm-28 {
    padding-top: 28px;
  }
  .pt-sm-28--force {
    padding-top: 28px !important;
  }
  .pr-sm-28 {
    padding-right: 28px;
  }
  .pr-sm-28--force {
    padding-right: 28px !important;
  }
  .pb-sm-28 {
    padding-bottom: 28px;
  }
  .pb-sm-28--force {
    padding-bottom: 28px !important;
  }
  .pl-sm-28 {
    padding-left: 28px;
  }
  .pl-sm-28--force {
    padding-left: 28px !important;
  }
  .p-sm-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-sm-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-sm-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-sm-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-sm-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-sm-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-sm-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-sm-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-sm-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-sm-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-sm-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-sm-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-sm-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-sm-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-sm-36 {
    padding: 36px;
  }
  .p-sm-36--force {
    padding: 36px !important;
  }
  .px-sm-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-sm-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-sm-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-sm-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-sm-36 {
    padding-top: 36px;
  }
  .pt-sm-36--force {
    padding-top: 36px !important;
  }
  .pr-sm-36 {
    padding-right: 36px;
  }
  .pr-sm-36--force {
    padding-right: 36px !important;
  }
  .pb-sm-36 {
    padding-bottom: 36px;
  }
  .pb-sm-36--force {
    padding-bottom: 36px !important;
  }
  .pl-sm-36 {
    padding-left: 36px;
  }
  .pl-sm-36--force {
    padding-left: 36px !important;
  }
  .p-sm-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-sm-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-sm-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-sm-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-sm-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-sm-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-sm-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-sm-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-sm-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-sm-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-sm-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-sm-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-sm-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-sm-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-sm-44 {
    padding: 44px;
  }
  .p-sm-44--force {
    padding: 44px !important;
  }
  .px-sm-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-sm-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-sm-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-sm-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-sm-44 {
    padding-top: 44px;
  }
  .pt-sm-44--force {
    padding-top: 44px !important;
  }
  .pr-sm-44 {
    padding-right: 44px;
  }
  .pr-sm-44--force {
    padding-right: 44px !important;
  }
  .pb-sm-44 {
    padding-bottom: 44px;
  }
  .pb-sm-44--force {
    padding-bottom: 44px !important;
  }
  .pl-sm-44 {
    padding-left: 44px;
  }
  .pl-sm-44--force {
    padding-left: 44px !important;
  }
  .p-sm-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-sm-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-sm-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-sm-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-sm-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-sm-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-sm-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-sm-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-sm-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-sm-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-sm-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-sm-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-sm-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-sm-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-sm-52 {
    padding: 52px;
  }
  .p-sm-52--force {
    padding: 52px !important;
  }
  .px-sm-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-sm-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-sm-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-sm-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-sm-52 {
    padding-top: 52px;
  }
  .pt-sm-52--force {
    padding-top: 52px !important;
  }
  .pr-sm-52 {
    padding-right: 52px;
  }
  .pr-sm-52--force {
    padding-right: 52px !important;
  }
  .pb-sm-52 {
    padding-bottom: 52px;
  }
  .pb-sm-52--force {
    padding-bottom: 52px !important;
  }
  .pl-sm-52 {
    padding-left: 52px;
  }
  .pl-sm-52--force {
    padding-left: 52px !important;
  }
  .p-sm-56 {
    padding: 56px;
  }
  .p-sm-56--force {
    padding: 56px !important;
  }
  .px-sm-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-sm-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-sm-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-sm-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-sm-56 {
    padding-top: 56px;
  }
  .pt-sm-56--force {
    padding-top: 56px !important;
  }
  .pr-sm-56 {
    padding-right: 56px;
  }
  .pr-sm-56--force {
    padding-right: 56px !important;
  }
  .pb-sm-56 {
    padding-bottom: 56px;
  }
  .pb-sm-56--force {
    padding-bottom: 56px !important;
  }
  .pl-sm-56 {
    padding-left: 56px;
  }
  .pl-sm-56--force {
    padding-left: 56px !important;
  }
  .p-sm-60 {
    padding: 60px;
  }
  .p-sm-60--force {
    padding: 60px !important;
  }
  .px-sm-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-sm-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-sm-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-sm-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-sm-60 {
    padding-top: 60px;
  }
  .pt-sm-60--force {
    padding-top: 60px !important;
  }
  .pr-sm-60 {
    padding-right: 60px;
  }
  .pr-sm-60--force {
    padding-right: 60px !important;
  }
  .pb-sm-60 {
    padding-bottom: 60px;
  }
  .pb-sm-60--force {
    padding-bottom: 60px !important;
  }
  .pl-sm-60 {
    padding-left: 60px;
  }
  .pl-sm-60--force {
    padding-left: 60px !important;
  }
  .p-sm-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-sm-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-sm-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-sm-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-sm-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-sm-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-sm-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-sm-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-sm-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-sm-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-sm-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-sm-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-sm-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-sm-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-sm-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-sm-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-sm-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-sm-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-sm-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-sm-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-sm-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-sm-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-sm-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-sm-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-sm-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-sm-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-sm-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-sm-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-sm-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-sm-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-sm-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-sm-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-sm-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-sm-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-sm-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-sm-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-sm-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-sm-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-sm-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-sm-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-sm-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-sm-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-sm-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-sm-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-sm-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-sm-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-sm-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-sm-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-sm-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-sm-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-sm-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-sm-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-sm-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-sm-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-sm-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-sm-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-sm-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-sm-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-sm-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-sm-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-sm-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-sm-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-sm-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-sm-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-sm-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-sm-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-sm-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-sm-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-sm-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-sm-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-sm-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-sm-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-sm-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-sm-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-sm-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-sm-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-sm-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-sm-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-sm-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-sm-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-sm-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-sm-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-sm-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-sm-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-sm-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-sm-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-sm-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-sm-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-sm-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-sm-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-sm-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-sm-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-sm-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-sm-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-sm-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-sm-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-sm-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-sm-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-sm-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-sm-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-sm-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-sm-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-sm-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-sm-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-sm-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-sm-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-sm-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-sm-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-sm-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-sm-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-sm-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-sm-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-sm-28 {
    padding: 28px;
  }
  .p-sm-28--force {
    padding: 28px !important;
  }
  .px-sm-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-sm-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-sm-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-sm-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-sm-28 {
    padding-top: 28px;
  }
  .pt-sm-28--force {
    padding-top: 28px !important;
  }
  .pr-sm-28 {
    padding-right: 28px;
  }
  .pr-sm-28--force {
    padding-right: 28px !important;
  }
  .pb-sm-28 {
    padding-bottom: 28px;
  }
  .pb-sm-28--force {
    padding-bottom: 28px !important;
  }
  .pl-sm-28 {
    padding-left: 28px;
  }
  .pl-sm-28--force {
    padding-left: 28px !important;
  }
  .p-sm-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-sm-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-sm-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-sm-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-sm-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-sm-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-sm-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-sm-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-sm-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-sm-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-sm-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-sm-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-sm-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-sm-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-sm-36 {
    padding: 36px;
  }
  .p-sm-36--force {
    padding: 36px !important;
  }
  .px-sm-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-sm-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-sm-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-sm-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-sm-36 {
    padding-top: 36px;
  }
  .pt-sm-36--force {
    padding-top: 36px !important;
  }
  .pr-sm-36 {
    padding-right: 36px;
  }
  .pr-sm-36--force {
    padding-right: 36px !important;
  }
  .pb-sm-36 {
    padding-bottom: 36px;
  }
  .pb-sm-36--force {
    padding-bottom: 36px !important;
  }
  .pl-sm-36 {
    padding-left: 36px;
  }
  .pl-sm-36--force {
    padding-left: 36px !important;
  }
  .p-sm-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-sm-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-sm-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-sm-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-sm-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-sm-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-sm-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-sm-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-sm-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-sm-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-sm-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-sm-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-sm-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-sm-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-sm-44 {
    padding: 44px;
  }
  .p-sm-44--force {
    padding: 44px !important;
  }
  .px-sm-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-sm-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-sm-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-sm-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-sm-44 {
    padding-top: 44px;
  }
  .pt-sm-44--force {
    padding-top: 44px !important;
  }
  .pr-sm-44 {
    padding-right: 44px;
  }
  .pr-sm-44--force {
    padding-right: 44px !important;
  }
  .pb-sm-44 {
    padding-bottom: 44px;
  }
  .pb-sm-44--force {
    padding-bottom: 44px !important;
  }
  .pl-sm-44 {
    padding-left: 44px;
  }
  .pl-sm-44--force {
    padding-left: 44px !important;
  }
  .p-sm-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-sm-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-sm-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-sm-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-sm-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-sm-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-sm-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-sm-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-sm-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-sm-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-sm-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-sm-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-sm-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-sm-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-sm-52 {
    padding: 52px;
  }
  .p-sm-52--force {
    padding: 52px !important;
  }
  .px-sm-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-sm-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-sm-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-sm-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-sm-52 {
    padding-top: 52px;
  }
  .pt-sm-52--force {
    padding-top: 52px !important;
  }
  .pr-sm-52 {
    padding-right: 52px;
  }
  .pr-sm-52--force {
    padding-right: 52px !important;
  }
  .pb-sm-52 {
    padding-bottom: 52px;
  }
  .pb-sm-52--force {
    padding-bottom: 52px !important;
  }
  .pl-sm-52 {
    padding-left: 52px;
  }
  .pl-sm-52--force {
    padding-left: 52px !important;
  }
  .p-sm-56 {
    padding: 56px;
  }
  .p-sm-56--force {
    padding: 56px !important;
  }
  .px-sm-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-sm-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-sm-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-sm-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-sm-56 {
    padding-top: 56px;
  }
  .pt-sm-56--force {
    padding-top: 56px !important;
  }
  .pr-sm-56 {
    padding-right: 56px;
  }
  .pr-sm-56--force {
    padding-right: 56px !important;
  }
  .pb-sm-56 {
    padding-bottom: 56px;
  }
  .pb-sm-56--force {
    padding-bottom: 56px !important;
  }
  .pl-sm-56 {
    padding-left: 56px;
  }
  .pl-sm-56--force {
    padding-left: 56px !important;
  }
  .p-sm-60 {
    padding: 60px;
  }
  .p-sm-60--force {
    padding: 60px !important;
  }
  .px-sm-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-sm-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-sm-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-sm-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-sm-60 {
    padding-top: 60px;
  }
  .pt-sm-60--force {
    padding-top: 60px !important;
  }
  .pr-sm-60 {
    padding-right: 60px;
  }
  .pr-sm-60--force {
    padding-right: 60px !important;
  }
  .pb-sm-60 {
    padding-bottom: 60px;
  }
  .pb-sm-60--force {
    padding-bottom: 60px !important;
  }
  .pl-sm-60 {
    padding-left: 60px;
  }
  .pl-sm-60--force {
    padding-left: 60px !important;
  }
  .p-sm-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-sm-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-sm-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-sm-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-sm-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-sm-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-sm-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-sm-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-sm-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-sm-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-sm-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-sm-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-sm-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-sm-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-sm-68 {
    padding: 68px;
  }
  .p-sm-68--force {
    padding: 68px !important;
  }
  .px-sm-68 {
    padding-right: 68px;
    padding-left: 68px;
  }
  .px-sm-68--force {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .py-sm-68 {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .py-sm-68--force {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .pt-sm-68 {
    padding-top: 68px;
  }
  .pt-sm-68--force {
    padding-top: 68px !important;
  }
  .pr-sm-68 {
    padding-right: 68px;
  }
  .pr-sm-68--force {
    padding-right: 68px !important;
  }
  .pb-sm-68 {
    padding-bottom: 68px;
  }
  .pb-sm-68--force {
    padding-bottom: 68px !important;
  }
  .pl-sm-68 {
    padding-left: 68px;
  }
  .pl-sm-68--force {
    padding-left: 68px !important;
  }
  .p-sm-72 {
    padding: 72px;
  }
  .p-sm-72--force {
    padding: 72px !important;
  }
  .px-sm-72 {
    padding-right: 72px;
    padding-left: 72px;
  }
  .px-sm-72--force {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-sm-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .py-sm-72--force {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .pt-sm-72 {
    padding-top: 72px;
  }
  .pt-sm-72--force {
    padding-top: 72px !important;
  }
  .pr-sm-72 {
    padding-right: 72px;
  }
  .pr-sm-72--force {
    padding-right: 72px !important;
  }
  .pb-sm-72 {
    padding-bottom: 72px;
  }
  .pb-sm-72--force {
    padding-bottom: 72px !important;
  }
  .pl-sm-72 {
    padding-left: 72px;
  }
  .pl-sm-72--force {
    padding-left: 72px !important;
  }
  .p-sm-76 {
    padding: 76px;
  }
  .p-sm-76--force {
    padding: 76px !important;
  }
  .px-sm-76 {
    padding-right: 76px;
    padding-left: 76px;
  }
  .px-sm-76--force {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .py-sm-76 {
    padding-top: 76px;
    padding-bottom: 76px;
  }
  .py-sm-76--force {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .pt-sm-76 {
    padding-top: 76px;
  }
  .pt-sm-76--force {
    padding-top: 76px !important;
  }
  .pr-sm-76 {
    padding-right: 76px;
  }
  .pr-sm-76--force {
    padding-right: 76px !important;
  }
  .pb-sm-76 {
    padding-bottom: 76px;
  }
  .pb-sm-76--force {
    padding-bottom: 76px !important;
  }
  .pl-sm-76 {
    padding-left: 76px;
  }
  .pl-sm-76--force {
    padding-left: 76px !important;
  }
  .p-sm-80 {
    padding: var(--matcha-space-1000, 80px);
  }
  .p-sm-80--force {
    padding: var(--matcha-space-1000, 80px) !important;
  }
  .px-sm-80 {
    padding-right: var(--matcha-space-1000, 80px);
    padding-left: var(--matcha-space-1000, 80px);
  }
  .px-sm-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .py-sm-80 {
    padding-top: var(--matcha-space-1000, 80px);
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .py-sm-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pt-sm-80 {
    padding-top: var(--matcha-space-1000, 80px);
  }
  .pt-sm-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
  }
  .pr-sm-80 {
    padding-right: var(--matcha-space-1000, 80px);
  }
  .pr-sm-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
  }
  .pb-sm-80 {
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .pb-sm-80--force {
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pl-sm-80 {
    padding-left: var(--matcha-space-1000, 80px);
  }
  .pl-sm-80--force {
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .p-sm-84 {
    padding: 84px;
  }
  .p-sm-84--force {
    padding: 84px !important;
  }
  .px-sm-84 {
    padding-right: 84px;
    padding-left: 84px;
  }
  .px-sm-84--force {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .py-sm-84 {
    padding-top: 84px;
    padding-bottom: 84px;
  }
  .py-sm-84--force {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .pt-sm-84 {
    padding-top: 84px;
  }
  .pt-sm-84--force {
    padding-top: 84px !important;
  }
  .pr-sm-84 {
    padding-right: 84px;
  }
  .pr-sm-84--force {
    padding-right: 84px !important;
  }
  .pb-sm-84 {
    padding-bottom: 84px;
  }
  .pb-sm-84--force {
    padding-bottom: 84px !important;
  }
  .pl-sm-84 {
    padding-left: 84px;
  }
  .pl-sm-84--force {
    padding-left: 84px !important;
  }
  .p-sm-88 {
    padding: 88px;
  }
  .p-sm-88--force {
    padding: 88px !important;
  }
  .px-sm-88 {
    padding-right: 88px;
    padding-left: 88px;
  }
  .px-sm-88--force {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-sm-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .py-sm-88--force {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .pt-sm-88 {
    padding-top: 88px;
  }
  .pt-sm-88--force {
    padding-top: 88px !important;
  }
  .pr-sm-88 {
    padding-right: 88px;
  }
  .pr-sm-88--force {
    padding-right: 88px !important;
  }
  .pb-sm-88 {
    padding-bottom: 88px;
  }
  .pb-sm-88--force {
    padding-bottom: 88px !important;
  }
  .pl-sm-88 {
    padding-left: 88px;
  }
  .pl-sm-88--force {
    padding-left: 88px !important;
  }
  .p-sm-92 {
    padding: 92px;
  }
  .p-sm-92--force {
    padding: 92px !important;
  }
  .px-sm-92 {
    padding-right: 92px;
    padding-left: 92px;
  }
  .px-sm-92--force {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .py-sm-92 {
    padding-top: 92px;
    padding-bottom: 92px;
  }
  .py-sm-92--force {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .pt-sm-92 {
    padding-top: 92px;
  }
  .pt-sm-92--force {
    padding-top: 92px !important;
  }
  .pr-sm-92 {
    padding-right: 92px;
  }
  .pr-sm-92--force {
    padding-right: 92px !important;
  }
  .pb-sm-92 {
    padding-bottom: 92px;
  }
  .pb-sm-92--force {
    padding-bottom: 92px !important;
  }
  .pl-sm-92 {
    padding-left: 92px;
  }
  .pl-sm-92--force {
    padding-left: 92px !important;
  }
  .p-sm-96 {
    padding: var(--matcha-space-1200, 96px);
  }
  .p-sm-96--force {
    padding: var(--matcha-space-1200, 96px) !important;
  }
  .px-sm-96 {
    padding-right: var(--matcha-space-1200, 96px);
    padding-left: var(--matcha-space-1200, 96px);
  }
  .px-sm-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
  .py-sm-96 {
    padding-top: var(--matcha-space-1200, 96px);
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .py-sm-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pt-sm-96 {
    padding-top: var(--matcha-space-1200, 96px);
  }
  .pt-sm-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
  }
  .pr-sm-96 {
    padding-right: var(--matcha-space-1200, 96px);
  }
  .pr-sm-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
  }
  .pb-sm-96 {
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .pb-sm-96--force {
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pl-sm-96 {
    padding-left: var(--matcha-space-1200, 96px);
  }
  .pl-sm-96--force {
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
}
@media screen and (min-width: 1024px) {
  .m-md--64 {
    margin: calc(-1 * var(--matcha-space-800, 64px));
  }
  .m-md--64--force {
    margin: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mx-md--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mx-md--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .my-md--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .my-md--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mt-md--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mt-md--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mr-md--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mr-md--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mb-md--64 {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mb-md--64--force {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .ml-md--64 {
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .ml-md--64--force {
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .m-md--60 {
    margin: -60px;
  }
  .m-md--60--force {
    margin: -60px !important;
  }
  .mx-md--60 {
    margin-right: -60px;
    margin-left: -60px;
  }
  .mx-md--60--force {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .my-md--60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }
  .my-md--60--force {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .mt-md--60 {
    margin-top: -60px;
  }
  .mt-md--60--force {
    margin-top: -60px !important;
  }
  .mr-md--60 {
    margin-right: -60px;
  }
  .mr-md--60--force {
    margin-right: -60px !important;
  }
  .mb-md--60 {
    margin-bottom: -60px;
  }
  .mb-md--60--force {
    margin-bottom: -60px !important;
  }
  .ml-md--60 {
    margin-left: -60px;
  }
  .ml-md--60--force {
    margin-left: -60px !important;
  }
  .m-md--56 {
    margin: -56px;
  }
  .m-md--56--force {
    margin: -56px !important;
  }
  .mx-md--56 {
    margin-right: -56px;
    margin-left: -56px;
  }
  .mx-md--56--force {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .my-md--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .my-md--56--force {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .mt-md--56 {
    margin-top: -56px;
  }
  .mt-md--56--force {
    margin-top: -56px !important;
  }
  .mr-md--56 {
    margin-right: -56px;
  }
  .mr-md--56--force {
    margin-right: -56px !important;
  }
  .mb-md--56 {
    margin-bottom: -56px;
  }
  .mb-md--56--force {
    margin-bottom: -56px !important;
  }
  .ml-md--56 {
    margin-left: -56px;
  }
  .ml-md--56--force {
    margin-left: -56px !important;
  }
  .m-md--52 {
    margin: -52px;
  }
  .m-md--52--force {
    margin: -52px !important;
  }
  .mx-md--52 {
    margin-right: -52px;
    margin-left: -52px;
  }
  .mx-md--52--force {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .my-md--52 {
    margin-top: -52px;
    margin-bottom: -52px;
  }
  .my-md--52--force {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .mt-md--52 {
    margin-top: -52px;
  }
  .mt-md--52--force {
    margin-top: -52px !important;
  }
  .mr-md--52 {
    margin-right: -52px;
  }
  .mr-md--52--force {
    margin-right: -52px !important;
  }
  .mb-md--52 {
    margin-bottom: -52px;
  }
  .mb-md--52--force {
    margin-bottom: -52px !important;
  }
  .ml-md--52 {
    margin-left: -52px;
  }
  .ml-md--52--force {
    margin-left: -52px !important;
  }
  .m-md--48 {
    margin: calc(-1 * var(--matcha-space-600, 48px));
  }
  .m-md--48--force {
    margin: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mx-md--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mx-md--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .my-md--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .my-md--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mt-md--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mt-md--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mr-md--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mr-md--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mb-md--48 {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mb-md--48--force {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .ml-md--48 {
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .ml-md--48--force {
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .m-md--44 {
    margin: -44px;
  }
  .m-md--44--force {
    margin: -44px !important;
  }
  .mx-md--44 {
    margin-right: -44px;
    margin-left: -44px;
  }
  .mx-md--44--force {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .my-md--44 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .my-md--44--force {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .mt-md--44 {
    margin-top: -44px;
  }
  .mt-md--44--force {
    margin-top: -44px !important;
  }
  .mr-md--44 {
    margin-right: -44px;
  }
  .mr-md--44--force {
    margin-right: -44px !important;
  }
  .mb-md--44 {
    margin-bottom: -44px;
  }
  .mb-md--44--force {
    margin-bottom: -44px !important;
  }
  .ml-md--44 {
    margin-left: -44px;
  }
  .ml-md--44--force {
    margin-left: -44px !important;
  }
  .m-md--40 {
    margin: calc(-1 * var(--matcha-space-500, 40px));
  }
  .m-md--40--force {
    margin: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mx-md--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mx-md--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .my-md--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .my-md--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mt-md--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mt-md--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mr-md--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mr-md--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mb-md--40 {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mb-md--40--force {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .ml-md--40 {
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .ml-md--40--force {
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .m-md--36 {
    margin: -36px;
  }
  .m-md--36--force {
    margin: -36px !important;
  }
  .mx-md--36 {
    margin-right: -36px;
    margin-left: -36px;
  }
  .mx-md--36--force {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .my-md--36 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .my-md--36--force {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .mt-md--36 {
    margin-top: -36px;
  }
  .mt-md--36--force {
    margin-top: -36px !important;
  }
  .mr-md--36 {
    margin-right: -36px;
  }
  .mr-md--36--force {
    margin-right: -36px !important;
  }
  .mb-md--36 {
    margin-bottom: -36px;
  }
  .mb-md--36--force {
    margin-bottom: -36px !important;
  }
  .ml-md--36 {
    margin-left: -36px;
  }
  .ml-md--36--force {
    margin-left: -36px !important;
  }
  .m-md--32 {
    margin: calc(-1 * var(--matcha-space-400, 32px));
  }
  .m-md--32--force {
    margin: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mx-md--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mx-md--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .my-md--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .my-md--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mt-md--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mt-md--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mr-md--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mr-md--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mb-md--32 {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mb-md--32--force {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .ml-md--32 {
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .ml-md--32--force {
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .m-md--28 {
    margin: -28px;
  }
  .m-md--28--force {
    margin: -28px !important;
  }
  .mx-md--28 {
    margin-right: -28px;
    margin-left: -28px;
  }
  .mx-md--28--force {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .my-md--28 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .my-md--28--force {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .mt-md--28 {
    margin-top: -28px;
  }
  .mt-md--28--force {
    margin-top: -28px !important;
  }
  .mr-md--28 {
    margin-right: -28px;
  }
  .mr-md--28--force {
    margin-right: -28px !important;
  }
  .mb-md--28 {
    margin-bottom: -28px;
  }
  .mb-md--28--force {
    margin-bottom: -28px !important;
  }
  .ml-md--28 {
    margin-left: -28px;
  }
  .ml-md--28--force {
    margin-left: -28px !important;
  }
  .m-md--24 {
    margin: calc(-1 * var(--matcha-space-300, 24px));
  }
  .m-md--24--force {
    margin: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mx-md--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mx-md--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .my-md--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .my-md--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mt-md--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mt-md--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mr-md--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mr-md--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mb-md--24 {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mb-md--24--force {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .ml-md--24 {
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .ml-md--24--force {
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .m-md--20 {
    margin: calc(-1 * var(--matcha-space-250, 20px));
  }
  .m-md--20--force {
    margin: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mx-md--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mx-md--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .my-md--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .my-md--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mt-md--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mt-md--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mr-md--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mr-md--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mb-md--20 {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mb-md--20--force {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .ml-md--20 {
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .ml-md--20--force {
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .m-md--16 {
    margin: calc(-1 * var(--matcha-space-200, 16px));
  }
  .m-md--16--force {
    margin: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mx-md--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mx-md--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .my-md--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .my-md--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mt-md--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mt-md--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mr-md--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mr-md--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mb-md--16 {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mb-md--16--force {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .ml-md--16 {
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .ml-md--16--force {
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .m-md--12 {
    margin: calc(-1 * var(--matcha-space-150, 12px));
  }
  .m-md--12--force {
    margin: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mx-md--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mx-md--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .my-md--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .my-md--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mt-md--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mt-md--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mr-md--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mr-md--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mb-md--12 {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mb-md--12--force {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .ml-md--12 {
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .ml-md--12--force {
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .m-md--8 {
    margin: calc(-1 * var(--matcha-space-100, 8px));
  }
  .m-md--8--force {
    margin: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mx-md--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mx-md--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .my-md--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .my-md--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mt-md--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mt-md--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mr-md--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mr-md--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mb-md--8 {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mb-md--8--force {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .ml-md--8 {
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .ml-md--8--force {
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .m-md--4 {
    margin: calc(-1 * var(--matcha-space-050, 4px));
  }
  .m-md--4--force {
    margin: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mx-md--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mx-md--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .my-md--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .my-md--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mt-md--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mt-md--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mr-md--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mr-md--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mb-md--4 {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mb-md--4--force {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .ml-md--4 {
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .ml-md--4--force {
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .m-md-0 {
    margin: var(--matcha-space-0, 0);
  }
  .m-md-0--force {
    margin: var(--matcha-space-0, 0) !important;
  }
  .mx-md-0 {
    margin-right: var(--matcha-space-0, 0);
    margin-left: var(--matcha-space-0, 0);
  }
  .mx-md-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .my-md-0 {
    margin-top: var(--matcha-space-0, 0);
    margin-bottom: var(--matcha-space-0, 0);
  }
  .my-md-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .mt-md-0 {
    margin-top: var(--matcha-space-0, 0);
  }
  .mt-md-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
  }
  .mr-md-0 {
    margin-right: var(--matcha-space-0, 0);
  }
  .mr-md-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
  }
  .mb-md-0 {
    margin-bottom: var(--matcha-space-0, 0);
  }
  .mb-md-0--force {
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .ml-md-0 {
    margin-left: var(--matcha-space-0, 0);
  }
  .ml-md-0--force {
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .m-md-4 {
    margin: var(--matcha-space-050, 4px);
  }
  .m-md-4--force {
    margin: var(--matcha-space-050, 4px) !important;
  }
  .mx-md-4 {
    margin-right: var(--matcha-space-050, 4px);
    margin-left: var(--matcha-space-050, 4px);
  }
  .mx-md-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .my-md-4 {
    margin-top: var(--matcha-space-050, 4px);
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .my-md-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .mt-md-4 {
    margin-top: var(--matcha-space-050, 4px);
  }
  .mt-md-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
  }
  .mr-md-4 {
    margin-right: var(--matcha-space-050, 4px);
  }
  .mr-md-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
  }
  .mb-md-4 {
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .mb-md-4--force {
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .ml-md-4 {
    margin-left: var(--matcha-space-050, 4px);
  }
  .ml-md-4--force {
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .m-md-8 {
    margin: var(--matcha-space-100, 8px);
  }
  .m-md-8--force {
    margin: var(--matcha-space-100, 8px) !important;
  }
  .mx-md-8 {
    margin-right: var(--matcha-space-100, 8px);
    margin-left: var(--matcha-space-100, 8px);
  }
  .mx-md-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .my-md-8 {
    margin-top: var(--matcha-space-100, 8px);
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .my-md-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .mt-md-8 {
    margin-top: var(--matcha-space-100, 8px);
  }
  .mt-md-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
  }
  .mr-md-8 {
    margin-right: var(--matcha-space-100, 8px);
  }
  .mr-md-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
  }
  .mb-md-8 {
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .mb-md-8--force {
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .ml-md-8 {
    margin-left: var(--matcha-space-100, 8px);
  }
  .ml-md-8--force {
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .m-md-12 {
    margin: var(--matcha-space-150, 12px);
  }
  .m-md-12--force {
    margin: var(--matcha-space-150, 12px) !important;
  }
  .mx-md-12 {
    margin-right: var(--matcha-space-150, 12px);
    margin-left: var(--matcha-space-150, 12px);
  }
  .mx-md-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .my-md-12 {
    margin-top: var(--matcha-space-150, 12px);
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .my-md-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .mt-md-12 {
    margin-top: var(--matcha-space-150, 12px);
  }
  .mt-md-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
  }
  .mr-md-12 {
    margin-right: var(--matcha-space-150, 12px);
  }
  .mr-md-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
  }
  .mb-md-12 {
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .mb-md-12--force {
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .ml-md-12 {
    margin-left: var(--matcha-space-150, 12px);
  }
  .ml-md-12--force {
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .m-md-16 {
    margin: var(--matcha-space-200, 16px);
  }
  .m-md-16--force {
    margin: var(--matcha-space-200, 16px) !important;
  }
  .mx-md-16 {
    margin-right: var(--matcha-space-200, 16px);
    margin-left: var(--matcha-space-200, 16px);
  }
  .mx-md-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .my-md-16 {
    margin-top: var(--matcha-space-200, 16px);
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .my-md-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .mt-md-16 {
    margin-top: var(--matcha-space-200, 16px);
  }
  .mt-md-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
  }
  .mr-md-16 {
    margin-right: var(--matcha-space-200, 16px);
  }
  .mr-md-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
  }
  .mb-md-16 {
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .mb-md-16--force {
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .ml-md-16 {
    margin-left: var(--matcha-space-200, 16px);
  }
  .ml-md-16--force {
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .m-md-20 {
    margin: var(--matcha-space-250, 20px);
  }
  .m-md-20--force {
    margin: var(--matcha-space-250, 20px) !important;
  }
  .mx-md-20 {
    margin-right: var(--matcha-space-250, 20px);
    margin-left: var(--matcha-space-250, 20px);
  }
  .mx-md-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .my-md-20 {
    margin-top: var(--matcha-space-250, 20px);
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .my-md-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .mt-md-20 {
    margin-top: var(--matcha-space-250, 20px);
  }
  .mt-md-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
  }
  .mr-md-20 {
    margin-right: var(--matcha-space-250, 20px);
  }
  .mr-md-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
  }
  .mb-md-20 {
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .mb-md-20--force {
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .ml-md-20 {
    margin-left: var(--matcha-space-250, 20px);
  }
  .ml-md-20--force {
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .m-md-24 {
    margin: var(--matcha-space-300, 24px);
  }
  .m-md-24--force {
    margin: var(--matcha-space-300, 24px) !important;
  }
  .mx-md-24 {
    margin-right: var(--matcha-space-300, 24px);
    margin-left: var(--matcha-space-300, 24px);
  }
  .mx-md-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .my-md-24 {
    margin-top: var(--matcha-space-300, 24px);
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .my-md-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .mt-md-24 {
    margin-top: var(--matcha-space-300, 24px);
  }
  .mt-md-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
  }
  .mr-md-24 {
    margin-right: var(--matcha-space-300, 24px);
  }
  .mr-md-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
  }
  .mb-md-24 {
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .mb-md-24--force {
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .ml-md-24 {
    margin-left: var(--matcha-space-300, 24px);
  }
  .ml-md-24--force {
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .m-md-28 {
    margin: 28px;
  }
  .m-md-28--force {
    margin: 28px !important;
  }
  .mx-md-28 {
    margin-right: 28px;
    margin-left: 28px;
  }
  .mx-md-28--force {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-md-28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .my-md-28--force {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-md-28 {
    margin-top: 28px;
  }
  .mt-md-28--force {
    margin-top: 28px !important;
  }
  .mr-md-28 {
    margin-right: 28px;
  }
  .mr-md-28--force {
    margin-right: 28px !important;
  }
  .mb-md-28 {
    margin-bottom: 28px;
  }
  .mb-md-28--force {
    margin-bottom: 28px !important;
  }
  .ml-md-28 {
    margin-left: 28px;
  }
  .ml-md-28--force {
    margin-left: 28px !important;
  }
  .m-md-32 {
    margin: var(--matcha-space-400, 32px);
  }
  .m-md-32--force {
    margin: var(--matcha-space-400, 32px) !important;
  }
  .mx-md-32 {
    margin-right: var(--matcha-space-400, 32px);
    margin-left: var(--matcha-space-400, 32px);
  }
  .mx-md-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .my-md-32 {
    margin-top: var(--matcha-space-400, 32px);
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .my-md-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .mt-md-32 {
    margin-top: var(--matcha-space-400, 32px);
  }
  .mt-md-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
  }
  .mr-md-32 {
    margin-right: var(--matcha-space-400, 32px);
  }
  .mr-md-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
  }
  .mb-md-32 {
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .mb-md-32--force {
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .ml-md-32 {
    margin-left: var(--matcha-space-400, 32px);
  }
  .ml-md-32--force {
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .m-md-36 {
    margin: 36px;
  }
  .m-md-36--force {
    margin: 36px !important;
  }
  .mx-md-36 {
    margin-right: 36px;
    margin-left: 36px;
  }
  .mx-md-36--force {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-md-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .my-md-36--force {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mt-md-36 {
    margin-top: 36px;
  }
  .mt-md-36--force {
    margin-top: 36px !important;
  }
  .mr-md-36 {
    margin-right: 36px;
  }
  .mr-md-36--force {
    margin-right: 36px !important;
  }
  .mb-md-36 {
    margin-bottom: 36px;
  }
  .mb-md-36--force {
    margin-bottom: 36px !important;
  }
  .ml-md-36 {
    margin-left: 36px;
  }
  .ml-md-36--force {
    margin-left: 36px !important;
  }
  .m-md-40 {
    margin: var(--matcha-space-500, 40px);
  }
  .m-md-40--force {
    margin: var(--matcha-space-500, 40px) !important;
  }
  .mx-md-40 {
    margin-right: var(--matcha-space-500, 40px);
    margin-left: var(--matcha-space-500, 40px);
  }
  .mx-md-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .my-md-40 {
    margin-top: var(--matcha-space-500, 40px);
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .my-md-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .mt-md-40 {
    margin-top: var(--matcha-space-500, 40px);
  }
  .mt-md-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
  }
  .mr-md-40 {
    margin-right: var(--matcha-space-500, 40px);
  }
  .mr-md-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
  }
  .mb-md-40 {
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .mb-md-40--force {
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .ml-md-40 {
    margin-left: var(--matcha-space-500, 40px);
  }
  .ml-md-40--force {
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .m-md-44 {
    margin: 44px;
  }
  .m-md-44--force {
    margin: 44px !important;
  }
  .mx-md-44 {
    margin-right: 44px;
    margin-left: 44px;
  }
  .mx-md-44--force {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-md-44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .my-md-44--force {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .mt-md-44 {
    margin-top: 44px;
  }
  .mt-md-44--force {
    margin-top: 44px !important;
  }
  .mr-md-44 {
    margin-right: 44px;
  }
  .mr-md-44--force {
    margin-right: 44px !important;
  }
  .mb-md-44 {
    margin-bottom: 44px;
  }
  .mb-md-44--force {
    margin-bottom: 44px !important;
  }
  .ml-md-44 {
    margin-left: 44px;
  }
  .ml-md-44--force {
    margin-left: 44px !important;
  }
  .m-md-48 {
    margin: var(--matcha-space-600, 48px);
  }
  .m-md-48--force {
    margin: var(--matcha-space-600, 48px) !important;
  }
  .mx-md-48 {
    margin-right: var(--matcha-space-600, 48px);
    margin-left: var(--matcha-space-600, 48px);
  }
  .mx-md-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .my-md-48 {
    margin-top: var(--matcha-space-600, 48px);
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .my-md-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .mt-md-48 {
    margin-top: var(--matcha-space-600, 48px);
  }
  .mt-md-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
  }
  .mr-md-48 {
    margin-right: var(--matcha-space-600, 48px);
  }
  .mr-md-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
  }
  .mb-md-48 {
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .mb-md-48--force {
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .ml-md-48 {
    margin-left: var(--matcha-space-600, 48px);
  }
  .ml-md-48--force {
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .m-md-52 {
    margin: 52px;
  }
  .m-md-52--force {
    margin: 52px !important;
  }
  .mx-md-52 {
    margin-right: 52px;
    margin-left: 52px;
  }
  .mx-md-52--force {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-md-52 {
    margin-top: 52px;
    margin-bottom: 52px;
  }
  .my-md-52--force {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .mt-md-52 {
    margin-top: 52px;
  }
  .mt-md-52--force {
    margin-top: 52px !important;
  }
  .mr-md-52 {
    margin-right: 52px;
  }
  .mr-md-52--force {
    margin-right: 52px !important;
  }
  .mb-md-52 {
    margin-bottom: 52px;
  }
  .mb-md-52--force {
    margin-bottom: 52px !important;
  }
  .ml-md-52 {
    margin-left: 52px;
  }
  .ml-md-52--force {
    margin-left: 52px !important;
  }
  .m-md-56 {
    margin: 56px;
  }
  .m-md-56--force {
    margin: 56px !important;
  }
  .mx-md-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .mx-md-56--force {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-md-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .my-md-56--force {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mt-md-56 {
    margin-top: 56px;
  }
  .mt-md-56--force {
    margin-top: 56px !important;
  }
  .mr-md-56 {
    margin-right: 56px;
  }
  .mr-md-56--force {
    margin-right: 56px !important;
  }
  .mb-md-56 {
    margin-bottom: 56px;
  }
  .mb-md-56--force {
    margin-bottom: 56px !important;
  }
  .ml-md-56 {
    margin-left: 56px;
  }
  .ml-md-56--force {
    margin-left: 56px !important;
  }
  .m-md-60 {
    margin: 60px;
  }
  .m-md-60--force {
    margin: 60px !important;
  }
  .mx-md-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mx-md-60--force {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-md-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .my-md-60--force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mt-md-60 {
    margin-top: 60px;
  }
  .mt-md-60--force {
    margin-top: 60px !important;
  }
  .mr-md-60 {
    margin-right: 60px;
  }
  .mr-md-60--force {
    margin-right: 60px !important;
  }
  .mb-md-60 {
    margin-bottom: 60px;
  }
  .mb-md-60--force {
    margin-bottom: 60px !important;
  }
  .ml-md-60 {
    margin-left: 60px;
  }
  .ml-md-60--force {
    margin-left: 60px !important;
  }
  .m-md-64 {
    margin: var(--matcha-space-800, 64px);
  }
  .m-md-64--force {
    margin: var(--matcha-space-800, 64px) !important;
  }
  .mx-md-64 {
    margin-right: var(--matcha-space-800, 64px);
    margin-left: var(--matcha-space-800, 64px);
  }
  .mx-md-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .my-md-64 {
    margin-top: var(--matcha-space-800, 64px);
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .my-md-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .mt-md-64 {
    margin-top: var(--matcha-space-800, 64px);
  }
  .mt-md-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
  }
  .mr-md-64 {
    margin-right: var(--matcha-space-800, 64px);
  }
  .mr-md-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
  }
  .mb-md-64 {
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .mb-md-64--force {
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .ml-md-64 {
    margin-left: var(--matcha-space-800, 64px);
  }
  .ml-md-64--force {
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .m-md-auto {
    margin: auto;
  }
  .m-md-auto--force {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto;
  }
  .mt-md-auto--force {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto;
  }
  .mr-md-auto--force {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto;
  }
  .mb-md-auto--force {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto;
  }
  .ml-md-auto--force {
    margin-left: auto !important;
  }
  .mx-md-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .mx-md-auto--force {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .my-md-auto--force {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-md--64 {
    padding: calc(-1 * var(--matcha-space-800, 64px));
  }
  .p-md--64--force {
    padding: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .px-md--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .px-md--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .py-md--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .py-md--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pt-md--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pt-md--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pr-md--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pr-md--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pb-md--64 {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pb-md--64--force {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pl-md--64 {
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pl-md--64--force {
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .p-md--60 {
    padding: -60px;
  }
  .p-md--60--force {
    padding: -60px !important;
  }
  .px-md--60 {
    padding-right: -60px;
    padding-left: -60px;
  }
  .px-md--60--force {
    padding-right: -60px !important;
    padding-left: -60px !important;
  }
  .py-md--60 {
    padding-top: -60px;
    padding-bottom: -60px;
  }
  .py-md--60--force {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }
  .pt-md--60 {
    padding-top: -60px;
  }
  .pt-md--60--force {
    padding-top: -60px !important;
  }
  .pr-md--60 {
    padding-right: -60px;
  }
  .pr-md--60--force {
    padding-right: -60px !important;
  }
  .pb-md--60 {
    padding-bottom: -60px;
  }
  .pb-md--60--force {
    padding-bottom: -60px !important;
  }
  .pl-md--60 {
    padding-left: -60px;
  }
  .pl-md--60--force {
    padding-left: -60px !important;
  }
  .p-md--56 {
    padding: -56px;
  }
  .p-md--56--force {
    padding: -56px !important;
  }
  .px-md--56 {
    padding-right: -56px;
    padding-left: -56px;
  }
  .px-md--56--force {
    padding-right: -56px !important;
    padding-left: -56px !important;
  }
  .py-md--56 {
    padding-top: -56px;
    padding-bottom: -56px;
  }
  .py-md--56--force {
    padding-top: -56px !important;
    padding-bottom: -56px !important;
  }
  .pt-md--56 {
    padding-top: -56px;
  }
  .pt-md--56--force {
    padding-top: -56px !important;
  }
  .pr-md--56 {
    padding-right: -56px;
  }
  .pr-md--56--force {
    padding-right: -56px !important;
  }
  .pb-md--56 {
    padding-bottom: -56px;
  }
  .pb-md--56--force {
    padding-bottom: -56px !important;
  }
  .pl-md--56 {
    padding-left: -56px;
  }
  .pl-md--56--force {
    padding-left: -56px !important;
  }
  .p-md--52 {
    padding: -52px;
  }
  .p-md--52--force {
    padding: -52px !important;
  }
  .px-md--52 {
    padding-right: -52px;
    padding-left: -52px;
  }
  .px-md--52--force {
    padding-right: -52px !important;
    padding-left: -52px !important;
  }
  .py-md--52 {
    padding-top: -52px;
    padding-bottom: -52px;
  }
  .py-md--52--force {
    padding-top: -52px !important;
    padding-bottom: -52px !important;
  }
  .pt-md--52 {
    padding-top: -52px;
  }
  .pt-md--52--force {
    padding-top: -52px !important;
  }
  .pr-md--52 {
    padding-right: -52px;
  }
  .pr-md--52--force {
    padding-right: -52px !important;
  }
  .pb-md--52 {
    padding-bottom: -52px;
  }
  .pb-md--52--force {
    padding-bottom: -52px !important;
  }
  .pl-md--52 {
    padding-left: -52px;
  }
  .pl-md--52--force {
    padding-left: -52px !important;
  }
  .p-md--48 {
    padding: calc(-1 * var(--matcha-space-600, 48px));
  }
  .p-md--48--force {
    padding: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .px-md--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .px-md--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .py-md--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .py-md--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pt-md--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pt-md--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pr-md--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pr-md--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pb-md--48 {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pb-md--48--force {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pl-md--48 {
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pl-md--48--force {
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .p-md--44 {
    padding: -44px;
  }
  .p-md--44--force {
    padding: -44px !important;
  }
  .px-md--44 {
    padding-right: -44px;
    padding-left: -44px;
  }
  .px-md--44--force {
    padding-right: -44px !important;
    padding-left: -44px !important;
  }
  .py-md--44 {
    padding-top: -44px;
    padding-bottom: -44px;
  }
  .py-md--44--force {
    padding-top: -44px !important;
    padding-bottom: -44px !important;
  }
  .pt-md--44 {
    padding-top: -44px;
  }
  .pt-md--44--force {
    padding-top: -44px !important;
  }
  .pr-md--44 {
    padding-right: -44px;
  }
  .pr-md--44--force {
    padding-right: -44px !important;
  }
  .pb-md--44 {
    padding-bottom: -44px;
  }
  .pb-md--44--force {
    padding-bottom: -44px !important;
  }
  .pl-md--44 {
    padding-left: -44px;
  }
  .pl-md--44--force {
    padding-left: -44px !important;
  }
  .p-md--40 {
    padding: calc(-1 * var(--matcha-space-500, 40px));
  }
  .p-md--40--force {
    padding: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .px-md--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .px-md--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .py-md--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .py-md--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pt-md--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pt-md--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pr-md--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pr-md--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pb-md--40 {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pb-md--40--force {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pl-md--40 {
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pl-md--40--force {
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .p-md--36 {
    padding: -36px;
  }
  .p-md--36--force {
    padding: -36px !important;
  }
  .px-md--36 {
    padding-right: -36px;
    padding-left: -36px;
  }
  .px-md--36--force {
    padding-right: -36px !important;
    padding-left: -36px !important;
  }
  .py-md--36 {
    padding-top: -36px;
    padding-bottom: -36px;
  }
  .py-md--36--force {
    padding-top: -36px !important;
    padding-bottom: -36px !important;
  }
  .pt-md--36 {
    padding-top: -36px;
  }
  .pt-md--36--force {
    padding-top: -36px !important;
  }
  .pr-md--36 {
    padding-right: -36px;
  }
  .pr-md--36--force {
    padding-right: -36px !important;
  }
  .pb-md--36 {
    padding-bottom: -36px;
  }
  .pb-md--36--force {
    padding-bottom: -36px !important;
  }
  .pl-md--36 {
    padding-left: -36px;
  }
  .pl-md--36--force {
    padding-left: -36px !important;
  }
  .p-md--32 {
    padding: calc(-1 * var(--matcha-space-400, 32px));
  }
  .p-md--32--force {
    padding: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .px-md--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .px-md--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .py-md--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .py-md--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pt-md--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pt-md--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pr-md--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pr-md--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pb-md--32 {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pb-md--32--force {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pl-md--32 {
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pl-md--32--force {
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .p-md--28 {
    padding: -28px;
  }
  .p-md--28--force {
    padding: -28px !important;
  }
  .px-md--28 {
    padding-right: -28px;
    padding-left: -28px;
  }
  .px-md--28--force {
    padding-right: -28px !important;
    padding-left: -28px !important;
  }
  .py-md--28 {
    padding-top: -28px;
    padding-bottom: -28px;
  }
  .py-md--28--force {
    padding-top: -28px !important;
    padding-bottom: -28px !important;
  }
  .pt-md--28 {
    padding-top: -28px;
  }
  .pt-md--28--force {
    padding-top: -28px !important;
  }
  .pr-md--28 {
    padding-right: -28px;
  }
  .pr-md--28--force {
    padding-right: -28px !important;
  }
  .pb-md--28 {
    padding-bottom: -28px;
  }
  .pb-md--28--force {
    padding-bottom: -28px !important;
  }
  .pl-md--28 {
    padding-left: -28px;
  }
  .pl-md--28--force {
    padding-left: -28px !important;
  }
  .p-md--24 {
    padding: calc(-1 * var(--matcha-space-300, 24px));
  }
  .p-md--24--force {
    padding: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .px-md--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .px-md--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .py-md--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .py-md--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pt-md--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pt-md--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pr-md--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pr-md--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pb-md--24 {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pb-md--24--force {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pl-md--24 {
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pl-md--24--force {
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .p-md--20 {
    padding: calc(-1 * var(--matcha-space-250, 20px));
  }
  .p-md--20--force {
    padding: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .px-md--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .px-md--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .py-md--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .py-md--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pt-md--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pt-md--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pr-md--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pr-md--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pb-md--20 {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pb-md--20--force {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pl-md--20 {
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pl-md--20--force {
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .p-md--16 {
    padding: calc(-1 * var(--matcha-space-200, 16px));
  }
  .p-md--16--force {
    padding: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .px-md--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .px-md--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .py-md--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .py-md--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pt-md--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pt-md--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pr-md--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pr-md--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pb-md--16 {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pb-md--16--force {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pl-md--16 {
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pl-md--16--force {
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .p-md--12 {
    padding: calc(-1 * var(--matcha-space-150, 12px));
  }
  .p-md--12--force {
    padding: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .px-md--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .px-md--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .py-md--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .py-md--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pt-md--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pt-md--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pr-md--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pr-md--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pb-md--12 {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pb-md--12--force {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pl-md--12 {
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pl-md--12--force {
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .p-md--8 {
    padding: calc(-1 * var(--matcha-space-100, 8px));
  }
  .p-md--8--force {
    padding: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .px-md--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .px-md--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .py-md--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .py-md--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pt-md--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pt-md--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pr-md--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pr-md--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pb-md--8 {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pb-md--8--force {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pl-md--8 {
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pl-md--8--force {
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .p-md--4 {
    padding: calc(-1 * var(--matcha-space-050, 4px));
  }
  .p-md--4--force {
    padding: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .px-md--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .px-md--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .py-md--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .py-md--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pt-md--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pt-md--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pr-md--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pr-md--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pb-md--4 {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pb-md--4--force {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pl-md--4 {
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pl-md--4--force {
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .p-md-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-md-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-md-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-md-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-md-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-md-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-md-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-md-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-md-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-md-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-md-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-md-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-md-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-md-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-md-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-md-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-md-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-md-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-md-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-md-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-md-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-md-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-md-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-md-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-md-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-md-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-md-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-md-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-md-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-md-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-md-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-md-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-md-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-md-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-md-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-md-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-md-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-md-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-md-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-md-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-md-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-md-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-md-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-md-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-md-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-md-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-md-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-md-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-md-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-md-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-md-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-md-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-md-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-md-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-md-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-md-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-md-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-md-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-md-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-md-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-md-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-md-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-md-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-md-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-md-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-md-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-md-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-md-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-md-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-md-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-md-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-md-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-md-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-md-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-md-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-md-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-md-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-md-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-md-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-md-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-md-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-md-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-md-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-md-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-md-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-md-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-md-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-md-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-md-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-md-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-md-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-md-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-md-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-md-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-md-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-md-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-md-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-md-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-md-28 {
    padding: 28px;
  }
  .p-md-28--force {
    padding: 28px !important;
  }
  .px-md-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-md-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-md-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-md-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-md-28 {
    padding-top: 28px;
  }
  .pt-md-28--force {
    padding-top: 28px !important;
  }
  .pr-md-28 {
    padding-right: 28px;
  }
  .pr-md-28--force {
    padding-right: 28px !important;
  }
  .pb-md-28 {
    padding-bottom: 28px;
  }
  .pb-md-28--force {
    padding-bottom: 28px !important;
  }
  .pl-md-28 {
    padding-left: 28px;
  }
  .pl-md-28--force {
    padding-left: 28px !important;
  }
  .p-md-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-md-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-md-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-md-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-md-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-md-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-md-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-md-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-md-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-md-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-md-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-md-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-md-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-md-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-md-36 {
    padding: 36px;
  }
  .p-md-36--force {
    padding: 36px !important;
  }
  .px-md-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-md-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-md-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-md-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-md-36 {
    padding-top: 36px;
  }
  .pt-md-36--force {
    padding-top: 36px !important;
  }
  .pr-md-36 {
    padding-right: 36px;
  }
  .pr-md-36--force {
    padding-right: 36px !important;
  }
  .pb-md-36 {
    padding-bottom: 36px;
  }
  .pb-md-36--force {
    padding-bottom: 36px !important;
  }
  .pl-md-36 {
    padding-left: 36px;
  }
  .pl-md-36--force {
    padding-left: 36px !important;
  }
  .p-md-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-md-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-md-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-md-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-md-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-md-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-md-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-md-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-md-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-md-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-md-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-md-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-md-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-md-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-md-44 {
    padding: 44px;
  }
  .p-md-44--force {
    padding: 44px !important;
  }
  .px-md-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-md-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-md-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-md-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-md-44 {
    padding-top: 44px;
  }
  .pt-md-44--force {
    padding-top: 44px !important;
  }
  .pr-md-44 {
    padding-right: 44px;
  }
  .pr-md-44--force {
    padding-right: 44px !important;
  }
  .pb-md-44 {
    padding-bottom: 44px;
  }
  .pb-md-44--force {
    padding-bottom: 44px !important;
  }
  .pl-md-44 {
    padding-left: 44px;
  }
  .pl-md-44--force {
    padding-left: 44px !important;
  }
  .p-md-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-md-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-md-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-md-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-md-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-md-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-md-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-md-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-md-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-md-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-md-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-md-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-md-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-md-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-md-52 {
    padding: 52px;
  }
  .p-md-52--force {
    padding: 52px !important;
  }
  .px-md-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-md-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-md-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-md-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-md-52 {
    padding-top: 52px;
  }
  .pt-md-52--force {
    padding-top: 52px !important;
  }
  .pr-md-52 {
    padding-right: 52px;
  }
  .pr-md-52--force {
    padding-right: 52px !important;
  }
  .pb-md-52 {
    padding-bottom: 52px;
  }
  .pb-md-52--force {
    padding-bottom: 52px !important;
  }
  .pl-md-52 {
    padding-left: 52px;
  }
  .pl-md-52--force {
    padding-left: 52px !important;
  }
  .p-md-56 {
    padding: 56px;
  }
  .p-md-56--force {
    padding: 56px !important;
  }
  .px-md-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-md-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-md-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-md-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-md-56 {
    padding-top: 56px;
  }
  .pt-md-56--force {
    padding-top: 56px !important;
  }
  .pr-md-56 {
    padding-right: 56px;
  }
  .pr-md-56--force {
    padding-right: 56px !important;
  }
  .pb-md-56 {
    padding-bottom: 56px;
  }
  .pb-md-56--force {
    padding-bottom: 56px !important;
  }
  .pl-md-56 {
    padding-left: 56px;
  }
  .pl-md-56--force {
    padding-left: 56px !important;
  }
  .p-md-60 {
    padding: 60px;
  }
  .p-md-60--force {
    padding: 60px !important;
  }
  .px-md-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-md-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-md-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-md-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-md-60 {
    padding-top: 60px;
  }
  .pt-md-60--force {
    padding-top: 60px !important;
  }
  .pr-md-60 {
    padding-right: 60px;
  }
  .pr-md-60--force {
    padding-right: 60px !important;
  }
  .pb-md-60 {
    padding-bottom: 60px;
  }
  .pb-md-60--force {
    padding-bottom: 60px !important;
  }
  .pl-md-60 {
    padding-left: 60px;
  }
  .pl-md-60--force {
    padding-left: 60px !important;
  }
  .p-md-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-md-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-md-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-md-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-md-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-md-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-md-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-md-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-md-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-md-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-md-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-md-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-md-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-md-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-md-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-md-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-md-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-md-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-md-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-md-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-md-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-md-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-md-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-md-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-md-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-md-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-md-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-md-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-md-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-md-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-md-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-md-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-md-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-md-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-md-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-md-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-md-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-md-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-md-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-md-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-md-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-md-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-md-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-md-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-md-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-md-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-md-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-md-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-md-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-md-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-md-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-md-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-md-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-md-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-md-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-md-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-md-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-md-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-md-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-md-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-md-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-md-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-md-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-md-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-md-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-md-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-md-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-md-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-md-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-md-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-md-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-md-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-md-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-md-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-md-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-md-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-md-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-md-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-md-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-md-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-md-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-md-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-md-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-md-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-md-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-md-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-md-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-md-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-md-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-md-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-md-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-md-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-md-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-md-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-md-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-md-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-md-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-md-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-md-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-md-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-md-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-md-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-md-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-md-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-md-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-md-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-md-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-md-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-md-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-md-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-md-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-md-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-md-28 {
    padding: 28px;
  }
  .p-md-28--force {
    padding: 28px !important;
  }
  .px-md-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-md-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-md-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-md-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-md-28 {
    padding-top: 28px;
  }
  .pt-md-28--force {
    padding-top: 28px !important;
  }
  .pr-md-28 {
    padding-right: 28px;
  }
  .pr-md-28--force {
    padding-right: 28px !important;
  }
  .pb-md-28 {
    padding-bottom: 28px;
  }
  .pb-md-28--force {
    padding-bottom: 28px !important;
  }
  .pl-md-28 {
    padding-left: 28px;
  }
  .pl-md-28--force {
    padding-left: 28px !important;
  }
  .p-md-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-md-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-md-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-md-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-md-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-md-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-md-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-md-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-md-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-md-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-md-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-md-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-md-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-md-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-md-36 {
    padding: 36px;
  }
  .p-md-36--force {
    padding: 36px !important;
  }
  .px-md-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-md-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-md-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-md-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-md-36 {
    padding-top: 36px;
  }
  .pt-md-36--force {
    padding-top: 36px !important;
  }
  .pr-md-36 {
    padding-right: 36px;
  }
  .pr-md-36--force {
    padding-right: 36px !important;
  }
  .pb-md-36 {
    padding-bottom: 36px;
  }
  .pb-md-36--force {
    padding-bottom: 36px !important;
  }
  .pl-md-36 {
    padding-left: 36px;
  }
  .pl-md-36--force {
    padding-left: 36px !important;
  }
  .p-md-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-md-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-md-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-md-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-md-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-md-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-md-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-md-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-md-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-md-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-md-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-md-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-md-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-md-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-md-44 {
    padding: 44px;
  }
  .p-md-44--force {
    padding: 44px !important;
  }
  .px-md-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-md-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-md-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-md-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-md-44 {
    padding-top: 44px;
  }
  .pt-md-44--force {
    padding-top: 44px !important;
  }
  .pr-md-44 {
    padding-right: 44px;
  }
  .pr-md-44--force {
    padding-right: 44px !important;
  }
  .pb-md-44 {
    padding-bottom: 44px;
  }
  .pb-md-44--force {
    padding-bottom: 44px !important;
  }
  .pl-md-44 {
    padding-left: 44px;
  }
  .pl-md-44--force {
    padding-left: 44px !important;
  }
  .p-md-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-md-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-md-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-md-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-md-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-md-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-md-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-md-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-md-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-md-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-md-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-md-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-md-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-md-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-md-52 {
    padding: 52px;
  }
  .p-md-52--force {
    padding: 52px !important;
  }
  .px-md-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-md-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-md-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-md-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-md-52 {
    padding-top: 52px;
  }
  .pt-md-52--force {
    padding-top: 52px !important;
  }
  .pr-md-52 {
    padding-right: 52px;
  }
  .pr-md-52--force {
    padding-right: 52px !important;
  }
  .pb-md-52 {
    padding-bottom: 52px;
  }
  .pb-md-52--force {
    padding-bottom: 52px !important;
  }
  .pl-md-52 {
    padding-left: 52px;
  }
  .pl-md-52--force {
    padding-left: 52px !important;
  }
  .p-md-56 {
    padding: 56px;
  }
  .p-md-56--force {
    padding: 56px !important;
  }
  .px-md-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-md-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-md-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-md-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-md-56 {
    padding-top: 56px;
  }
  .pt-md-56--force {
    padding-top: 56px !important;
  }
  .pr-md-56 {
    padding-right: 56px;
  }
  .pr-md-56--force {
    padding-right: 56px !important;
  }
  .pb-md-56 {
    padding-bottom: 56px;
  }
  .pb-md-56--force {
    padding-bottom: 56px !important;
  }
  .pl-md-56 {
    padding-left: 56px;
  }
  .pl-md-56--force {
    padding-left: 56px !important;
  }
  .p-md-60 {
    padding: 60px;
  }
  .p-md-60--force {
    padding: 60px !important;
  }
  .px-md-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-md-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-md-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-md-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-md-60 {
    padding-top: 60px;
  }
  .pt-md-60--force {
    padding-top: 60px !important;
  }
  .pr-md-60 {
    padding-right: 60px;
  }
  .pr-md-60--force {
    padding-right: 60px !important;
  }
  .pb-md-60 {
    padding-bottom: 60px;
  }
  .pb-md-60--force {
    padding-bottom: 60px !important;
  }
  .pl-md-60 {
    padding-left: 60px;
  }
  .pl-md-60--force {
    padding-left: 60px !important;
  }
  .p-md-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-md-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-md-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-md-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-md-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-md-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-md-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-md-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-md-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-md-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-md-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-md-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-md-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-md-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-md-68 {
    padding: 68px;
  }
  .p-md-68--force {
    padding: 68px !important;
  }
  .px-md-68 {
    padding-right: 68px;
    padding-left: 68px;
  }
  .px-md-68--force {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .py-md-68 {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .py-md-68--force {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .pt-md-68 {
    padding-top: 68px;
  }
  .pt-md-68--force {
    padding-top: 68px !important;
  }
  .pr-md-68 {
    padding-right: 68px;
  }
  .pr-md-68--force {
    padding-right: 68px !important;
  }
  .pb-md-68 {
    padding-bottom: 68px;
  }
  .pb-md-68--force {
    padding-bottom: 68px !important;
  }
  .pl-md-68 {
    padding-left: 68px;
  }
  .pl-md-68--force {
    padding-left: 68px !important;
  }
  .p-md-72 {
    padding: 72px;
  }
  .p-md-72--force {
    padding: 72px !important;
  }
  .px-md-72 {
    padding-right: 72px;
    padding-left: 72px;
  }
  .px-md-72--force {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-md-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .py-md-72--force {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .pt-md-72 {
    padding-top: 72px;
  }
  .pt-md-72--force {
    padding-top: 72px !important;
  }
  .pr-md-72 {
    padding-right: 72px;
  }
  .pr-md-72--force {
    padding-right: 72px !important;
  }
  .pb-md-72 {
    padding-bottom: 72px;
  }
  .pb-md-72--force {
    padding-bottom: 72px !important;
  }
  .pl-md-72 {
    padding-left: 72px;
  }
  .pl-md-72--force {
    padding-left: 72px !important;
  }
  .p-md-76 {
    padding: 76px;
  }
  .p-md-76--force {
    padding: 76px !important;
  }
  .px-md-76 {
    padding-right: 76px;
    padding-left: 76px;
  }
  .px-md-76--force {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .py-md-76 {
    padding-top: 76px;
    padding-bottom: 76px;
  }
  .py-md-76--force {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .pt-md-76 {
    padding-top: 76px;
  }
  .pt-md-76--force {
    padding-top: 76px !important;
  }
  .pr-md-76 {
    padding-right: 76px;
  }
  .pr-md-76--force {
    padding-right: 76px !important;
  }
  .pb-md-76 {
    padding-bottom: 76px;
  }
  .pb-md-76--force {
    padding-bottom: 76px !important;
  }
  .pl-md-76 {
    padding-left: 76px;
  }
  .pl-md-76--force {
    padding-left: 76px !important;
  }
  .p-md-80 {
    padding: var(--matcha-space-1000, 80px);
  }
  .p-md-80--force {
    padding: var(--matcha-space-1000, 80px) !important;
  }
  .px-md-80 {
    padding-right: var(--matcha-space-1000, 80px);
    padding-left: var(--matcha-space-1000, 80px);
  }
  .px-md-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .py-md-80 {
    padding-top: var(--matcha-space-1000, 80px);
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .py-md-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pt-md-80 {
    padding-top: var(--matcha-space-1000, 80px);
  }
  .pt-md-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
  }
  .pr-md-80 {
    padding-right: var(--matcha-space-1000, 80px);
  }
  .pr-md-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
  }
  .pb-md-80 {
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .pb-md-80--force {
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pl-md-80 {
    padding-left: var(--matcha-space-1000, 80px);
  }
  .pl-md-80--force {
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .p-md-84 {
    padding: 84px;
  }
  .p-md-84--force {
    padding: 84px !important;
  }
  .px-md-84 {
    padding-right: 84px;
    padding-left: 84px;
  }
  .px-md-84--force {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .py-md-84 {
    padding-top: 84px;
    padding-bottom: 84px;
  }
  .py-md-84--force {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .pt-md-84 {
    padding-top: 84px;
  }
  .pt-md-84--force {
    padding-top: 84px !important;
  }
  .pr-md-84 {
    padding-right: 84px;
  }
  .pr-md-84--force {
    padding-right: 84px !important;
  }
  .pb-md-84 {
    padding-bottom: 84px;
  }
  .pb-md-84--force {
    padding-bottom: 84px !important;
  }
  .pl-md-84 {
    padding-left: 84px;
  }
  .pl-md-84--force {
    padding-left: 84px !important;
  }
  .p-md-88 {
    padding: 88px;
  }
  .p-md-88--force {
    padding: 88px !important;
  }
  .px-md-88 {
    padding-right: 88px;
    padding-left: 88px;
  }
  .px-md-88--force {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-md-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .py-md-88--force {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .pt-md-88 {
    padding-top: 88px;
  }
  .pt-md-88--force {
    padding-top: 88px !important;
  }
  .pr-md-88 {
    padding-right: 88px;
  }
  .pr-md-88--force {
    padding-right: 88px !important;
  }
  .pb-md-88 {
    padding-bottom: 88px;
  }
  .pb-md-88--force {
    padding-bottom: 88px !important;
  }
  .pl-md-88 {
    padding-left: 88px;
  }
  .pl-md-88--force {
    padding-left: 88px !important;
  }
  .p-md-92 {
    padding: 92px;
  }
  .p-md-92--force {
    padding: 92px !important;
  }
  .px-md-92 {
    padding-right: 92px;
    padding-left: 92px;
  }
  .px-md-92--force {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .py-md-92 {
    padding-top: 92px;
    padding-bottom: 92px;
  }
  .py-md-92--force {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .pt-md-92 {
    padding-top: 92px;
  }
  .pt-md-92--force {
    padding-top: 92px !important;
  }
  .pr-md-92 {
    padding-right: 92px;
  }
  .pr-md-92--force {
    padding-right: 92px !important;
  }
  .pb-md-92 {
    padding-bottom: 92px;
  }
  .pb-md-92--force {
    padding-bottom: 92px !important;
  }
  .pl-md-92 {
    padding-left: 92px;
  }
  .pl-md-92--force {
    padding-left: 92px !important;
  }
  .p-md-96 {
    padding: var(--matcha-space-1200, 96px);
  }
  .p-md-96--force {
    padding: var(--matcha-space-1200, 96px) !important;
  }
  .px-md-96 {
    padding-right: var(--matcha-space-1200, 96px);
    padding-left: var(--matcha-space-1200, 96px);
  }
  .px-md-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
  .py-md-96 {
    padding-top: var(--matcha-space-1200, 96px);
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .py-md-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pt-md-96 {
    padding-top: var(--matcha-space-1200, 96px);
  }
  .pt-md-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
  }
  .pr-md-96 {
    padding-right: var(--matcha-space-1200, 96px);
  }
  .pr-md-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
  }
  .pb-md-96 {
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .pb-md-96--force {
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pl-md-96 {
    padding-left: var(--matcha-space-1200, 96px);
  }
  .pl-md-96--force {
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
}
@media screen and (min-width: 1280px) {
  .m-lg--64 {
    margin: calc(-1 * var(--matcha-space-800, 64px));
  }
  .m-lg--64--force {
    margin: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mx-lg--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mx-lg--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .my-lg--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .my-lg--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mt-lg--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mt-lg--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mr-lg--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mr-lg--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mb-lg--64 {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mb-lg--64--force {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .ml-lg--64 {
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .ml-lg--64--force {
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .m-lg--60 {
    margin: -60px;
  }
  .m-lg--60--force {
    margin: -60px !important;
  }
  .mx-lg--60 {
    margin-right: -60px;
    margin-left: -60px;
  }
  .mx-lg--60--force {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .my-lg--60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }
  .my-lg--60--force {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .mt-lg--60 {
    margin-top: -60px;
  }
  .mt-lg--60--force {
    margin-top: -60px !important;
  }
  .mr-lg--60 {
    margin-right: -60px;
  }
  .mr-lg--60--force {
    margin-right: -60px !important;
  }
  .mb-lg--60 {
    margin-bottom: -60px;
  }
  .mb-lg--60--force {
    margin-bottom: -60px !important;
  }
  .ml-lg--60 {
    margin-left: -60px;
  }
  .ml-lg--60--force {
    margin-left: -60px !important;
  }
  .m-lg--56 {
    margin: -56px;
  }
  .m-lg--56--force {
    margin: -56px !important;
  }
  .mx-lg--56 {
    margin-right: -56px;
    margin-left: -56px;
  }
  .mx-lg--56--force {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .my-lg--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .my-lg--56--force {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .mt-lg--56 {
    margin-top: -56px;
  }
  .mt-lg--56--force {
    margin-top: -56px !important;
  }
  .mr-lg--56 {
    margin-right: -56px;
  }
  .mr-lg--56--force {
    margin-right: -56px !important;
  }
  .mb-lg--56 {
    margin-bottom: -56px;
  }
  .mb-lg--56--force {
    margin-bottom: -56px !important;
  }
  .ml-lg--56 {
    margin-left: -56px;
  }
  .ml-lg--56--force {
    margin-left: -56px !important;
  }
  .m-lg--52 {
    margin: -52px;
  }
  .m-lg--52--force {
    margin: -52px !important;
  }
  .mx-lg--52 {
    margin-right: -52px;
    margin-left: -52px;
  }
  .mx-lg--52--force {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .my-lg--52 {
    margin-top: -52px;
    margin-bottom: -52px;
  }
  .my-lg--52--force {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .mt-lg--52 {
    margin-top: -52px;
  }
  .mt-lg--52--force {
    margin-top: -52px !important;
  }
  .mr-lg--52 {
    margin-right: -52px;
  }
  .mr-lg--52--force {
    margin-right: -52px !important;
  }
  .mb-lg--52 {
    margin-bottom: -52px;
  }
  .mb-lg--52--force {
    margin-bottom: -52px !important;
  }
  .ml-lg--52 {
    margin-left: -52px;
  }
  .ml-lg--52--force {
    margin-left: -52px !important;
  }
  .m-lg--48 {
    margin: calc(-1 * var(--matcha-space-600, 48px));
  }
  .m-lg--48--force {
    margin: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mx-lg--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mx-lg--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .my-lg--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .my-lg--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mt-lg--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mt-lg--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mr-lg--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mr-lg--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mb-lg--48 {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mb-lg--48--force {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .ml-lg--48 {
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .ml-lg--48--force {
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .m-lg--44 {
    margin: -44px;
  }
  .m-lg--44--force {
    margin: -44px !important;
  }
  .mx-lg--44 {
    margin-right: -44px;
    margin-left: -44px;
  }
  .mx-lg--44--force {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .my-lg--44 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .my-lg--44--force {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .mt-lg--44 {
    margin-top: -44px;
  }
  .mt-lg--44--force {
    margin-top: -44px !important;
  }
  .mr-lg--44 {
    margin-right: -44px;
  }
  .mr-lg--44--force {
    margin-right: -44px !important;
  }
  .mb-lg--44 {
    margin-bottom: -44px;
  }
  .mb-lg--44--force {
    margin-bottom: -44px !important;
  }
  .ml-lg--44 {
    margin-left: -44px;
  }
  .ml-lg--44--force {
    margin-left: -44px !important;
  }
  .m-lg--40 {
    margin: calc(-1 * var(--matcha-space-500, 40px));
  }
  .m-lg--40--force {
    margin: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mx-lg--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mx-lg--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .my-lg--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .my-lg--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mt-lg--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mt-lg--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mr-lg--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mr-lg--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mb-lg--40 {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mb-lg--40--force {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .ml-lg--40 {
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .ml-lg--40--force {
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .m-lg--36 {
    margin: -36px;
  }
  .m-lg--36--force {
    margin: -36px !important;
  }
  .mx-lg--36 {
    margin-right: -36px;
    margin-left: -36px;
  }
  .mx-lg--36--force {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .my-lg--36 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .my-lg--36--force {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .mt-lg--36 {
    margin-top: -36px;
  }
  .mt-lg--36--force {
    margin-top: -36px !important;
  }
  .mr-lg--36 {
    margin-right: -36px;
  }
  .mr-lg--36--force {
    margin-right: -36px !important;
  }
  .mb-lg--36 {
    margin-bottom: -36px;
  }
  .mb-lg--36--force {
    margin-bottom: -36px !important;
  }
  .ml-lg--36 {
    margin-left: -36px;
  }
  .ml-lg--36--force {
    margin-left: -36px !important;
  }
  .m-lg--32 {
    margin: calc(-1 * var(--matcha-space-400, 32px));
  }
  .m-lg--32--force {
    margin: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mx-lg--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mx-lg--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .my-lg--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .my-lg--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mt-lg--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mt-lg--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mr-lg--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mr-lg--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mb-lg--32 {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mb-lg--32--force {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .ml-lg--32 {
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .ml-lg--32--force {
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .m-lg--28 {
    margin: -28px;
  }
  .m-lg--28--force {
    margin: -28px !important;
  }
  .mx-lg--28 {
    margin-right: -28px;
    margin-left: -28px;
  }
  .mx-lg--28--force {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .my-lg--28 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .my-lg--28--force {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .mt-lg--28 {
    margin-top: -28px;
  }
  .mt-lg--28--force {
    margin-top: -28px !important;
  }
  .mr-lg--28 {
    margin-right: -28px;
  }
  .mr-lg--28--force {
    margin-right: -28px !important;
  }
  .mb-lg--28 {
    margin-bottom: -28px;
  }
  .mb-lg--28--force {
    margin-bottom: -28px !important;
  }
  .ml-lg--28 {
    margin-left: -28px;
  }
  .ml-lg--28--force {
    margin-left: -28px !important;
  }
  .m-lg--24 {
    margin: calc(-1 * var(--matcha-space-300, 24px));
  }
  .m-lg--24--force {
    margin: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mx-lg--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mx-lg--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .my-lg--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .my-lg--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mt-lg--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mt-lg--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mr-lg--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mr-lg--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mb-lg--24 {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mb-lg--24--force {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .ml-lg--24 {
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .ml-lg--24--force {
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .m-lg--20 {
    margin: calc(-1 * var(--matcha-space-250, 20px));
  }
  .m-lg--20--force {
    margin: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mx-lg--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mx-lg--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .my-lg--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .my-lg--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mt-lg--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mt-lg--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mr-lg--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mr-lg--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mb-lg--20 {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mb-lg--20--force {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .ml-lg--20 {
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .ml-lg--20--force {
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .m-lg--16 {
    margin: calc(-1 * var(--matcha-space-200, 16px));
  }
  .m-lg--16--force {
    margin: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mx-lg--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mx-lg--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .my-lg--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .my-lg--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mt-lg--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mt-lg--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mr-lg--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mr-lg--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mb-lg--16 {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mb-lg--16--force {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .ml-lg--16 {
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .ml-lg--16--force {
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .m-lg--12 {
    margin: calc(-1 * var(--matcha-space-150, 12px));
  }
  .m-lg--12--force {
    margin: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mx-lg--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mx-lg--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .my-lg--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .my-lg--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mt-lg--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mt-lg--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mr-lg--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mr-lg--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mb-lg--12 {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mb-lg--12--force {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .ml-lg--12 {
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .ml-lg--12--force {
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .m-lg--8 {
    margin: calc(-1 * var(--matcha-space-100, 8px));
  }
  .m-lg--8--force {
    margin: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mx-lg--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mx-lg--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .my-lg--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .my-lg--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mt-lg--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mt-lg--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mr-lg--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mr-lg--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mb-lg--8 {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mb-lg--8--force {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .ml-lg--8 {
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .ml-lg--8--force {
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .m-lg--4 {
    margin: calc(-1 * var(--matcha-space-050, 4px));
  }
  .m-lg--4--force {
    margin: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mx-lg--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mx-lg--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .my-lg--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .my-lg--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mt-lg--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mt-lg--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mr-lg--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mr-lg--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mb-lg--4 {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mb-lg--4--force {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .ml-lg--4 {
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .ml-lg--4--force {
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .m-lg-0 {
    margin: var(--matcha-space-0, 0);
  }
  .m-lg-0--force {
    margin: var(--matcha-space-0, 0) !important;
  }
  .mx-lg-0 {
    margin-right: var(--matcha-space-0, 0);
    margin-left: var(--matcha-space-0, 0);
  }
  .mx-lg-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .my-lg-0 {
    margin-top: var(--matcha-space-0, 0);
    margin-bottom: var(--matcha-space-0, 0);
  }
  .my-lg-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .mt-lg-0 {
    margin-top: var(--matcha-space-0, 0);
  }
  .mt-lg-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
  }
  .mr-lg-0 {
    margin-right: var(--matcha-space-0, 0);
  }
  .mr-lg-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
  }
  .mb-lg-0 {
    margin-bottom: var(--matcha-space-0, 0);
  }
  .mb-lg-0--force {
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .ml-lg-0 {
    margin-left: var(--matcha-space-0, 0);
  }
  .ml-lg-0--force {
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .m-lg-4 {
    margin: var(--matcha-space-050, 4px);
  }
  .m-lg-4--force {
    margin: var(--matcha-space-050, 4px) !important;
  }
  .mx-lg-4 {
    margin-right: var(--matcha-space-050, 4px);
    margin-left: var(--matcha-space-050, 4px);
  }
  .mx-lg-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .my-lg-4 {
    margin-top: var(--matcha-space-050, 4px);
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .my-lg-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .mt-lg-4 {
    margin-top: var(--matcha-space-050, 4px);
  }
  .mt-lg-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
  }
  .mr-lg-4 {
    margin-right: var(--matcha-space-050, 4px);
  }
  .mr-lg-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
  }
  .mb-lg-4 {
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .mb-lg-4--force {
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .ml-lg-4 {
    margin-left: var(--matcha-space-050, 4px);
  }
  .ml-lg-4--force {
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .m-lg-8 {
    margin: var(--matcha-space-100, 8px);
  }
  .m-lg-8--force {
    margin: var(--matcha-space-100, 8px) !important;
  }
  .mx-lg-8 {
    margin-right: var(--matcha-space-100, 8px);
    margin-left: var(--matcha-space-100, 8px);
  }
  .mx-lg-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .my-lg-8 {
    margin-top: var(--matcha-space-100, 8px);
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .my-lg-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .mt-lg-8 {
    margin-top: var(--matcha-space-100, 8px);
  }
  .mt-lg-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
  }
  .mr-lg-8 {
    margin-right: var(--matcha-space-100, 8px);
  }
  .mr-lg-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
  }
  .mb-lg-8 {
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .mb-lg-8--force {
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .ml-lg-8 {
    margin-left: var(--matcha-space-100, 8px);
  }
  .ml-lg-8--force {
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .m-lg-12 {
    margin: var(--matcha-space-150, 12px);
  }
  .m-lg-12--force {
    margin: var(--matcha-space-150, 12px) !important;
  }
  .mx-lg-12 {
    margin-right: var(--matcha-space-150, 12px);
    margin-left: var(--matcha-space-150, 12px);
  }
  .mx-lg-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .my-lg-12 {
    margin-top: var(--matcha-space-150, 12px);
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .my-lg-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .mt-lg-12 {
    margin-top: var(--matcha-space-150, 12px);
  }
  .mt-lg-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
  }
  .mr-lg-12 {
    margin-right: var(--matcha-space-150, 12px);
  }
  .mr-lg-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
  }
  .mb-lg-12 {
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .mb-lg-12--force {
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .ml-lg-12 {
    margin-left: var(--matcha-space-150, 12px);
  }
  .ml-lg-12--force {
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .m-lg-16 {
    margin: var(--matcha-space-200, 16px);
  }
  .m-lg-16--force {
    margin: var(--matcha-space-200, 16px) !important;
  }
  .mx-lg-16 {
    margin-right: var(--matcha-space-200, 16px);
    margin-left: var(--matcha-space-200, 16px);
  }
  .mx-lg-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .my-lg-16 {
    margin-top: var(--matcha-space-200, 16px);
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .my-lg-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .mt-lg-16 {
    margin-top: var(--matcha-space-200, 16px);
  }
  .mt-lg-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
  }
  .mr-lg-16 {
    margin-right: var(--matcha-space-200, 16px);
  }
  .mr-lg-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
  }
  .mb-lg-16 {
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .mb-lg-16--force {
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .ml-lg-16 {
    margin-left: var(--matcha-space-200, 16px);
  }
  .ml-lg-16--force {
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .m-lg-20 {
    margin: var(--matcha-space-250, 20px);
  }
  .m-lg-20--force {
    margin: var(--matcha-space-250, 20px) !important;
  }
  .mx-lg-20 {
    margin-right: var(--matcha-space-250, 20px);
    margin-left: var(--matcha-space-250, 20px);
  }
  .mx-lg-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .my-lg-20 {
    margin-top: var(--matcha-space-250, 20px);
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .my-lg-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .mt-lg-20 {
    margin-top: var(--matcha-space-250, 20px);
  }
  .mt-lg-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
  }
  .mr-lg-20 {
    margin-right: var(--matcha-space-250, 20px);
  }
  .mr-lg-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
  }
  .mb-lg-20 {
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .mb-lg-20--force {
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .ml-lg-20 {
    margin-left: var(--matcha-space-250, 20px);
  }
  .ml-lg-20--force {
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .m-lg-24 {
    margin: var(--matcha-space-300, 24px);
  }
  .m-lg-24--force {
    margin: var(--matcha-space-300, 24px) !important;
  }
  .mx-lg-24 {
    margin-right: var(--matcha-space-300, 24px);
    margin-left: var(--matcha-space-300, 24px);
  }
  .mx-lg-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .my-lg-24 {
    margin-top: var(--matcha-space-300, 24px);
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .my-lg-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .mt-lg-24 {
    margin-top: var(--matcha-space-300, 24px);
  }
  .mt-lg-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
  }
  .mr-lg-24 {
    margin-right: var(--matcha-space-300, 24px);
  }
  .mr-lg-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
  }
  .mb-lg-24 {
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .mb-lg-24--force {
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .ml-lg-24 {
    margin-left: var(--matcha-space-300, 24px);
  }
  .ml-lg-24--force {
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .m-lg-28 {
    margin: 28px;
  }
  .m-lg-28--force {
    margin: 28px !important;
  }
  .mx-lg-28 {
    margin-right: 28px;
    margin-left: 28px;
  }
  .mx-lg-28--force {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-lg-28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .my-lg-28--force {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-lg-28 {
    margin-top: 28px;
  }
  .mt-lg-28--force {
    margin-top: 28px !important;
  }
  .mr-lg-28 {
    margin-right: 28px;
  }
  .mr-lg-28--force {
    margin-right: 28px !important;
  }
  .mb-lg-28 {
    margin-bottom: 28px;
  }
  .mb-lg-28--force {
    margin-bottom: 28px !important;
  }
  .ml-lg-28 {
    margin-left: 28px;
  }
  .ml-lg-28--force {
    margin-left: 28px !important;
  }
  .m-lg-32 {
    margin: var(--matcha-space-400, 32px);
  }
  .m-lg-32--force {
    margin: var(--matcha-space-400, 32px) !important;
  }
  .mx-lg-32 {
    margin-right: var(--matcha-space-400, 32px);
    margin-left: var(--matcha-space-400, 32px);
  }
  .mx-lg-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .my-lg-32 {
    margin-top: var(--matcha-space-400, 32px);
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .my-lg-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .mt-lg-32 {
    margin-top: var(--matcha-space-400, 32px);
  }
  .mt-lg-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
  }
  .mr-lg-32 {
    margin-right: var(--matcha-space-400, 32px);
  }
  .mr-lg-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
  }
  .mb-lg-32 {
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .mb-lg-32--force {
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .ml-lg-32 {
    margin-left: var(--matcha-space-400, 32px);
  }
  .ml-lg-32--force {
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .m-lg-36 {
    margin: 36px;
  }
  .m-lg-36--force {
    margin: 36px !important;
  }
  .mx-lg-36 {
    margin-right: 36px;
    margin-left: 36px;
  }
  .mx-lg-36--force {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-lg-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .my-lg-36--force {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mt-lg-36 {
    margin-top: 36px;
  }
  .mt-lg-36--force {
    margin-top: 36px !important;
  }
  .mr-lg-36 {
    margin-right: 36px;
  }
  .mr-lg-36--force {
    margin-right: 36px !important;
  }
  .mb-lg-36 {
    margin-bottom: 36px;
  }
  .mb-lg-36--force {
    margin-bottom: 36px !important;
  }
  .ml-lg-36 {
    margin-left: 36px;
  }
  .ml-lg-36--force {
    margin-left: 36px !important;
  }
  .m-lg-40 {
    margin: var(--matcha-space-500, 40px);
  }
  .m-lg-40--force {
    margin: var(--matcha-space-500, 40px) !important;
  }
  .mx-lg-40 {
    margin-right: var(--matcha-space-500, 40px);
    margin-left: var(--matcha-space-500, 40px);
  }
  .mx-lg-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .my-lg-40 {
    margin-top: var(--matcha-space-500, 40px);
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .my-lg-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .mt-lg-40 {
    margin-top: var(--matcha-space-500, 40px);
  }
  .mt-lg-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
  }
  .mr-lg-40 {
    margin-right: var(--matcha-space-500, 40px);
  }
  .mr-lg-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
  }
  .mb-lg-40 {
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .mb-lg-40--force {
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .ml-lg-40 {
    margin-left: var(--matcha-space-500, 40px);
  }
  .ml-lg-40--force {
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .m-lg-44 {
    margin: 44px;
  }
  .m-lg-44--force {
    margin: 44px !important;
  }
  .mx-lg-44 {
    margin-right: 44px;
    margin-left: 44px;
  }
  .mx-lg-44--force {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-lg-44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .my-lg-44--force {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .mt-lg-44 {
    margin-top: 44px;
  }
  .mt-lg-44--force {
    margin-top: 44px !important;
  }
  .mr-lg-44 {
    margin-right: 44px;
  }
  .mr-lg-44--force {
    margin-right: 44px !important;
  }
  .mb-lg-44 {
    margin-bottom: 44px;
  }
  .mb-lg-44--force {
    margin-bottom: 44px !important;
  }
  .ml-lg-44 {
    margin-left: 44px;
  }
  .ml-lg-44--force {
    margin-left: 44px !important;
  }
  .m-lg-48 {
    margin: var(--matcha-space-600, 48px);
  }
  .m-lg-48--force {
    margin: var(--matcha-space-600, 48px) !important;
  }
  .mx-lg-48 {
    margin-right: var(--matcha-space-600, 48px);
    margin-left: var(--matcha-space-600, 48px);
  }
  .mx-lg-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .my-lg-48 {
    margin-top: var(--matcha-space-600, 48px);
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .my-lg-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .mt-lg-48 {
    margin-top: var(--matcha-space-600, 48px);
  }
  .mt-lg-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
  }
  .mr-lg-48 {
    margin-right: var(--matcha-space-600, 48px);
  }
  .mr-lg-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
  }
  .mb-lg-48 {
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .mb-lg-48--force {
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .ml-lg-48 {
    margin-left: var(--matcha-space-600, 48px);
  }
  .ml-lg-48--force {
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .m-lg-52 {
    margin: 52px;
  }
  .m-lg-52--force {
    margin: 52px !important;
  }
  .mx-lg-52 {
    margin-right: 52px;
    margin-left: 52px;
  }
  .mx-lg-52--force {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-lg-52 {
    margin-top: 52px;
    margin-bottom: 52px;
  }
  .my-lg-52--force {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .mt-lg-52 {
    margin-top: 52px;
  }
  .mt-lg-52--force {
    margin-top: 52px !important;
  }
  .mr-lg-52 {
    margin-right: 52px;
  }
  .mr-lg-52--force {
    margin-right: 52px !important;
  }
  .mb-lg-52 {
    margin-bottom: 52px;
  }
  .mb-lg-52--force {
    margin-bottom: 52px !important;
  }
  .ml-lg-52 {
    margin-left: 52px;
  }
  .ml-lg-52--force {
    margin-left: 52px !important;
  }
  .m-lg-56 {
    margin: 56px;
  }
  .m-lg-56--force {
    margin: 56px !important;
  }
  .mx-lg-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .mx-lg-56--force {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-lg-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .my-lg-56--force {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mt-lg-56 {
    margin-top: 56px;
  }
  .mt-lg-56--force {
    margin-top: 56px !important;
  }
  .mr-lg-56 {
    margin-right: 56px;
  }
  .mr-lg-56--force {
    margin-right: 56px !important;
  }
  .mb-lg-56 {
    margin-bottom: 56px;
  }
  .mb-lg-56--force {
    margin-bottom: 56px !important;
  }
  .ml-lg-56 {
    margin-left: 56px;
  }
  .ml-lg-56--force {
    margin-left: 56px !important;
  }
  .m-lg-60 {
    margin: 60px;
  }
  .m-lg-60--force {
    margin: 60px !important;
  }
  .mx-lg-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mx-lg-60--force {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-lg-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .my-lg-60--force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mt-lg-60 {
    margin-top: 60px;
  }
  .mt-lg-60--force {
    margin-top: 60px !important;
  }
  .mr-lg-60 {
    margin-right: 60px;
  }
  .mr-lg-60--force {
    margin-right: 60px !important;
  }
  .mb-lg-60 {
    margin-bottom: 60px;
  }
  .mb-lg-60--force {
    margin-bottom: 60px !important;
  }
  .ml-lg-60 {
    margin-left: 60px;
  }
  .ml-lg-60--force {
    margin-left: 60px !important;
  }
  .m-lg-64 {
    margin: var(--matcha-space-800, 64px);
  }
  .m-lg-64--force {
    margin: var(--matcha-space-800, 64px) !important;
  }
  .mx-lg-64 {
    margin-right: var(--matcha-space-800, 64px);
    margin-left: var(--matcha-space-800, 64px);
  }
  .mx-lg-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .my-lg-64 {
    margin-top: var(--matcha-space-800, 64px);
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .my-lg-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .mt-lg-64 {
    margin-top: var(--matcha-space-800, 64px);
  }
  .mt-lg-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
  }
  .mr-lg-64 {
    margin-right: var(--matcha-space-800, 64px);
  }
  .mr-lg-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
  }
  .mb-lg-64 {
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .mb-lg-64--force {
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .ml-lg-64 {
    margin-left: var(--matcha-space-800, 64px);
  }
  .ml-lg-64--force {
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .m-lg-auto {
    margin: auto;
  }
  .m-lg-auto--force {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto;
  }
  .mt-lg-auto--force {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto;
  }
  .mr-lg-auto--force {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto;
  }
  .mb-lg-auto--force {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto;
  }
  .ml-lg-auto--force {
    margin-left: auto !important;
  }
  .mx-lg-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .mx-lg-auto--force {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .my-lg-auto--force {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-lg--64 {
    padding: calc(-1 * var(--matcha-space-800, 64px));
  }
  .p-lg--64--force {
    padding: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .px-lg--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .px-lg--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .py-lg--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .py-lg--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pt-lg--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pt-lg--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pr-lg--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pr-lg--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pb-lg--64 {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pb-lg--64--force {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pl-lg--64 {
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pl-lg--64--force {
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .p-lg--60 {
    padding: -60px;
  }
  .p-lg--60--force {
    padding: -60px !important;
  }
  .px-lg--60 {
    padding-right: -60px;
    padding-left: -60px;
  }
  .px-lg--60--force {
    padding-right: -60px !important;
    padding-left: -60px !important;
  }
  .py-lg--60 {
    padding-top: -60px;
    padding-bottom: -60px;
  }
  .py-lg--60--force {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }
  .pt-lg--60 {
    padding-top: -60px;
  }
  .pt-lg--60--force {
    padding-top: -60px !important;
  }
  .pr-lg--60 {
    padding-right: -60px;
  }
  .pr-lg--60--force {
    padding-right: -60px !important;
  }
  .pb-lg--60 {
    padding-bottom: -60px;
  }
  .pb-lg--60--force {
    padding-bottom: -60px !important;
  }
  .pl-lg--60 {
    padding-left: -60px;
  }
  .pl-lg--60--force {
    padding-left: -60px !important;
  }
  .p-lg--56 {
    padding: -56px;
  }
  .p-lg--56--force {
    padding: -56px !important;
  }
  .px-lg--56 {
    padding-right: -56px;
    padding-left: -56px;
  }
  .px-lg--56--force {
    padding-right: -56px !important;
    padding-left: -56px !important;
  }
  .py-lg--56 {
    padding-top: -56px;
    padding-bottom: -56px;
  }
  .py-lg--56--force {
    padding-top: -56px !important;
    padding-bottom: -56px !important;
  }
  .pt-lg--56 {
    padding-top: -56px;
  }
  .pt-lg--56--force {
    padding-top: -56px !important;
  }
  .pr-lg--56 {
    padding-right: -56px;
  }
  .pr-lg--56--force {
    padding-right: -56px !important;
  }
  .pb-lg--56 {
    padding-bottom: -56px;
  }
  .pb-lg--56--force {
    padding-bottom: -56px !important;
  }
  .pl-lg--56 {
    padding-left: -56px;
  }
  .pl-lg--56--force {
    padding-left: -56px !important;
  }
  .p-lg--52 {
    padding: -52px;
  }
  .p-lg--52--force {
    padding: -52px !important;
  }
  .px-lg--52 {
    padding-right: -52px;
    padding-left: -52px;
  }
  .px-lg--52--force {
    padding-right: -52px !important;
    padding-left: -52px !important;
  }
  .py-lg--52 {
    padding-top: -52px;
    padding-bottom: -52px;
  }
  .py-lg--52--force {
    padding-top: -52px !important;
    padding-bottom: -52px !important;
  }
  .pt-lg--52 {
    padding-top: -52px;
  }
  .pt-lg--52--force {
    padding-top: -52px !important;
  }
  .pr-lg--52 {
    padding-right: -52px;
  }
  .pr-lg--52--force {
    padding-right: -52px !important;
  }
  .pb-lg--52 {
    padding-bottom: -52px;
  }
  .pb-lg--52--force {
    padding-bottom: -52px !important;
  }
  .pl-lg--52 {
    padding-left: -52px;
  }
  .pl-lg--52--force {
    padding-left: -52px !important;
  }
  .p-lg--48 {
    padding: calc(-1 * var(--matcha-space-600, 48px));
  }
  .p-lg--48--force {
    padding: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .px-lg--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .px-lg--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .py-lg--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .py-lg--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pt-lg--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pt-lg--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pr-lg--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pr-lg--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pb-lg--48 {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pb-lg--48--force {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pl-lg--48 {
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pl-lg--48--force {
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .p-lg--44 {
    padding: -44px;
  }
  .p-lg--44--force {
    padding: -44px !important;
  }
  .px-lg--44 {
    padding-right: -44px;
    padding-left: -44px;
  }
  .px-lg--44--force {
    padding-right: -44px !important;
    padding-left: -44px !important;
  }
  .py-lg--44 {
    padding-top: -44px;
    padding-bottom: -44px;
  }
  .py-lg--44--force {
    padding-top: -44px !important;
    padding-bottom: -44px !important;
  }
  .pt-lg--44 {
    padding-top: -44px;
  }
  .pt-lg--44--force {
    padding-top: -44px !important;
  }
  .pr-lg--44 {
    padding-right: -44px;
  }
  .pr-lg--44--force {
    padding-right: -44px !important;
  }
  .pb-lg--44 {
    padding-bottom: -44px;
  }
  .pb-lg--44--force {
    padding-bottom: -44px !important;
  }
  .pl-lg--44 {
    padding-left: -44px;
  }
  .pl-lg--44--force {
    padding-left: -44px !important;
  }
  .p-lg--40 {
    padding: calc(-1 * var(--matcha-space-500, 40px));
  }
  .p-lg--40--force {
    padding: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .px-lg--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .px-lg--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .py-lg--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .py-lg--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pt-lg--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pt-lg--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pr-lg--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pr-lg--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pb-lg--40 {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pb-lg--40--force {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pl-lg--40 {
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pl-lg--40--force {
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .p-lg--36 {
    padding: -36px;
  }
  .p-lg--36--force {
    padding: -36px !important;
  }
  .px-lg--36 {
    padding-right: -36px;
    padding-left: -36px;
  }
  .px-lg--36--force {
    padding-right: -36px !important;
    padding-left: -36px !important;
  }
  .py-lg--36 {
    padding-top: -36px;
    padding-bottom: -36px;
  }
  .py-lg--36--force {
    padding-top: -36px !important;
    padding-bottom: -36px !important;
  }
  .pt-lg--36 {
    padding-top: -36px;
  }
  .pt-lg--36--force {
    padding-top: -36px !important;
  }
  .pr-lg--36 {
    padding-right: -36px;
  }
  .pr-lg--36--force {
    padding-right: -36px !important;
  }
  .pb-lg--36 {
    padding-bottom: -36px;
  }
  .pb-lg--36--force {
    padding-bottom: -36px !important;
  }
  .pl-lg--36 {
    padding-left: -36px;
  }
  .pl-lg--36--force {
    padding-left: -36px !important;
  }
  .p-lg--32 {
    padding: calc(-1 * var(--matcha-space-400, 32px));
  }
  .p-lg--32--force {
    padding: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .px-lg--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .px-lg--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .py-lg--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .py-lg--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pt-lg--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pt-lg--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pr-lg--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pr-lg--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pb-lg--32 {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pb-lg--32--force {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pl-lg--32 {
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pl-lg--32--force {
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .p-lg--28 {
    padding: -28px;
  }
  .p-lg--28--force {
    padding: -28px !important;
  }
  .px-lg--28 {
    padding-right: -28px;
    padding-left: -28px;
  }
  .px-lg--28--force {
    padding-right: -28px !important;
    padding-left: -28px !important;
  }
  .py-lg--28 {
    padding-top: -28px;
    padding-bottom: -28px;
  }
  .py-lg--28--force {
    padding-top: -28px !important;
    padding-bottom: -28px !important;
  }
  .pt-lg--28 {
    padding-top: -28px;
  }
  .pt-lg--28--force {
    padding-top: -28px !important;
  }
  .pr-lg--28 {
    padding-right: -28px;
  }
  .pr-lg--28--force {
    padding-right: -28px !important;
  }
  .pb-lg--28 {
    padding-bottom: -28px;
  }
  .pb-lg--28--force {
    padding-bottom: -28px !important;
  }
  .pl-lg--28 {
    padding-left: -28px;
  }
  .pl-lg--28--force {
    padding-left: -28px !important;
  }
  .p-lg--24 {
    padding: calc(-1 * var(--matcha-space-300, 24px));
  }
  .p-lg--24--force {
    padding: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .px-lg--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .px-lg--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .py-lg--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .py-lg--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pt-lg--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pt-lg--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pr-lg--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pr-lg--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pb-lg--24 {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pb-lg--24--force {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pl-lg--24 {
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pl-lg--24--force {
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .p-lg--20 {
    padding: calc(-1 * var(--matcha-space-250, 20px));
  }
  .p-lg--20--force {
    padding: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .px-lg--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .px-lg--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .py-lg--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .py-lg--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pt-lg--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pt-lg--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pr-lg--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pr-lg--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pb-lg--20 {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pb-lg--20--force {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pl-lg--20 {
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pl-lg--20--force {
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .p-lg--16 {
    padding: calc(-1 * var(--matcha-space-200, 16px));
  }
  .p-lg--16--force {
    padding: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .px-lg--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .px-lg--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .py-lg--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .py-lg--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pt-lg--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pt-lg--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pr-lg--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pr-lg--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pb-lg--16 {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pb-lg--16--force {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pl-lg--16 {
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pl-lg--16--force {
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .p-lg--12 {
    padding: calc(-1 * var(--matcha-space-150, 12px));
  }
  .p-lg--12--force {
    padding: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .px-lg--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .px-lg--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .py-lg--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .py-lg--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pt-lg--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pt-lg--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pr-lg--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pr-lg--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pb-lg--12 {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pb-lg--12--force {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pl-lg--12 {
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pl-lg--12--force {
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .p-lg--8 {
    padding: calc(-1 * var(--matcha-space-100, 8px));
  }
  .p-lg--8--force {
    padding: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .px-lg--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .px-lg--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .py-lg--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .py-lg--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pt-lg--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pt-lg--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pr-lg--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pr-lg--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pb-lg--8 {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pb-lg--8--force {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pl-lg--8 {
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pl-lg--8--force {
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .p-lg--4 {
    padding: calc(-1 * var(--matcha-space-050, 4px));
  }
  .p-lg--4--force {
    padding: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .px-lg--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .px-lg--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .py-lg--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .py-lg--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pt-lg--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pt-lg--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pr-lg--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pr-lg--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pb-lg--4 {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pb-lg--4--force {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pl-lg--4 {
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pl-lg--4--force {
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .p-lg-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-lg-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-lg-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-lg-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-lg-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-lg-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-lg-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-lg-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-lg-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-lg-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-lg-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-lg-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-lg-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-lg-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-lg-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-lg-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-lg-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-lg-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-lg-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-lg-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-lg-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-lg-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-lg-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-lg-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-lg-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-lg-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-lg-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-lg-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-lg-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-lg-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-lg-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-lg-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-lg-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-lg-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-lg-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-lg-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-lg-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-lg-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-lg-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-lg-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-lg-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-lg-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-lg-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-lg-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-lg-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-lg-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-lg-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-lg-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-lg-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-lg-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-lg-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-lg-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-lg-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-lg-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-lg-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-lg-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-lg-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-lg-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-lg-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-lg-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-lg-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-lg-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-lg-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-lg-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-lg-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-lg-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-lg-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-lg-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-lg-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-lg-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-lg-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-lg-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-lg-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-lg-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-lg-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-lg-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-lg-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-lg-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-lg-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-lg-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-lg-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-lg-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-lg-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-lg-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-lg-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-lg-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-lg-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-lg-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-lg-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-lg-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-lg-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-lg-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-lg-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-lg-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-lg-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-lg-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-lg-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-lg-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-lg-28 {
    padding: 28px;
  }
  .p-lg-28--force {
    padding: 28px !important;
  }
  .px-lg-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-lg-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-lg-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-lg-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-lg-28 {
    padding-top: 28px;
  }
  .pt-lg-28--force {
    padding-top: 28px !important;
  }
  .pr-lg-28 {
    padding-right: 28px;
  }
  .pr-lg-28--force {
    padding-right: 28px !important;
  }
  .pb-lg-28 {
    padding-bottom: 28px;
  }
  .pb-lg-28--force {
    padding-bottom: 28px !important;
  }
  .pl-lg-28 {
    padding-left: 28px;
  }
  .pl-lg-28--force {
    padding-left: 28px !important;
  }
  .p-lg-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-lg-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-lg-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-lg-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-lg-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-lg-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-lg-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-lg-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-lg-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-lg-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-lg-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-lg-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-lg-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-lg-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-lg-36 {
    padding: 36px;
  }
  .p-lg-36--force {
    padding: 36px !important;
  }
  .px-lg-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-lg-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-lg-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-lg-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-lg-36 {
    padding-top: 36px;
  }
  .pt-lg-36--force {
    padding-top: 36px !important;
  }
  .pr-lg-36 {
    padding-right: 36px;
  }
  .pr-lg-36--force {
    padding-right: 36px !important;
  }
  .pb-lg-36 {
    padding-bottom: 36px;
  }
  .pb-lg-36--force {
    padding-bottom: 36px !important;
  }
  .pl-lg-36 {
    padding-left: 36px;
  }
  .pl-lg-36--force {
    padding-left: 36px !important;
  }
  .p-lg-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-lg-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-lg-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-lg-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-lg-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-lg-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-lg-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-lg-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-lg-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-lg-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-lg-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-lg-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-lg-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-lg-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-lg-44 {
    padding: 44px;
  }
  .p-lg-44--force {
    padding: 44px !important;
  }
  .px-lg-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-lg-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-lg-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-lg-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-lg-44 {
    padding-top: 44px;
  }
  .pt-lg-44--force {
    padding-top: 44px !important;
  }
  .pr-lg-44 {
    padding-right: 44px;
  }
  .pr-lg-44--force {
    padding-right: 44px !important;
  }
  .pb-lg-44 {
    padding-bottom: 44px;
  }
  .pb-lg-44--force {
    padding-bottom: 44px !important;
  }
  .pl-lg-44 {
    padding-left: 44px;
  }
  .pl-lg-44--force {
    padding-left: 44px !important;
  }
  .p-lg-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-lg-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-lg-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-lg-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-lg-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-lg-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-lg-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-lg-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-lg-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-lg-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-lg-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-lg-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-lg-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-lg-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-lg-52 {
    padding: 52px;
  }
  .p-lg-52--force {
    padding: 52px !important;
  }
  .px-lg-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-lg-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-lg-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-lg-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-lg-52 {
    padding-top: 52px;
  }
  .pt-lg-52--force {
    padding-top: 52px !important;
  }
  .pr-lg-52 {
    padding-right: 52px;
  }
  .pr-lg-52--force {
    padding-right: 52px !important;
  }
  .pb-lg-52 {
    padding-bottom: 52px;
  }
  .pb-lg-52--force {
    padding-bottom: 52px !important;
  }
  .pl-lg-52 {
    padding-left: 52px;
  }
  .pl-lg-52--force {
    padding-left: 52px !important;
  }
  .p-lg-56 {
    padding: 56px;
  }
  .p-lg-56--force {
    padding: 56px !important;
  }
  .px-lg-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-lg-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-lg-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-lg-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-lg-56 {
    padding-top: 56px;
  }
  .pt-lg-56--force {
    padding-top: 56px !important;
  }
  .pr-lg-56 {
    padding-right: 56px;
  }
  .pr-lg-56--force {
    padding-right: 56px !important;
  }
  .pb-lg-56 {
    padding-bottom: 56px;
  }
  .pb-lg-56--force {
    padding-bottom: 56px !important;
  }
  .pl-lg-56 {
    padding-left: 56px;
  }
  .pl-lg-56--force {
    padding-left: 56px !important;
  }
  .p-lg-60 {
    padding: 60px;
  }
  .p-lg-60--force {
    padding: 60px !important;
  }
  .px-lg-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-lg-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-lg-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-lg-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-lg-60 {
    padding-top: 60px;
  }
  .pt-lg-60--force {
    padding-top: 60px !important;
  }
  .pr-lg-60 {
    padding-right: 60px;
  }
  .pr-lg-60--force {
    padding-right: 60px !important;
  }
  .pb-lg-60 {
    padding-bottom: 60px;
  }
  .pb-lg-60--force {
    padding-bottom: 60px !important;
  }
  .pl-lg-60 {
    padding-left: 60px;
  }
  .pl-lg-60--force {
    padding-left: 60px !important;
  }
  .p-lg-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-lg-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-lg-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-lg-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-lg-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-lg-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-lg-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-lg-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-lg-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-lg-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-lg-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-lg-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-lg-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-lg-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-lg-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-lg-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-lg-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-lg-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-lg-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-lg-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-lg-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-lg-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-lg-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-lg-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-lg-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-lg-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-lg-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-lg-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-lg-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-lg-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-lg-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-lg-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-lg-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-lg-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-lg-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-lg-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-lg-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-lg-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-lg-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-lg-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-lg-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-lg-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-lg-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-lg-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-lg-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-lg-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-lg-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-lg-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-lg-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-lg-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-lg-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-lg-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-lg-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-lg-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-lg-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-lg-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-lg-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-lg-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-lg-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-lg-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-lg-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-lg-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-lg-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-lg-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-lg-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-lg-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-lg-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-lg-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-lg-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-lg-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-lg-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-lg-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-lg-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-lg-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-lg-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-lg-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-lg-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-lg-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-lg-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-lg-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-lg-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-lg-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-lg-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-lg-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-lg-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-lg-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-lg-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-lg-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-lg-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-lg-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-lg-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-lg-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-lg-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-lg-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-lg-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-lg-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-lg-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-lg-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-lg-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-lg-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-lg-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-lg-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-lg-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-lg-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-lg-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-lg-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-lg-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-lg-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-lg-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-lg-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-lg-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-lg-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-lg-28 {
    padding: 28px;
  }
  .p-lg-28--force {
    padding: 28px !important;
  }
  .px-lg-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-lg-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-lg-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-lg-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-lg-28 {
    padding-top: 28px;
  }
  .pt-lg-28--force {
    padding-top: 28px !important;
  }
  .pr-lg-28 {
    padding-right: 28px;
  }
  .pr-lg-28--force {
    padding-right: 28px !important;
  }
  .pb-lg-28 {
    padding-bottom: 28px;
  }
  .pb-lg-28--force {
    padding-bottom: 28px !important;
  }
  .pl-lg-28 {
    padding-left: 28px;
  }
  .pl-lg-28--force {
    padding-left: 28px !important;
  }
  .p-lg-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-lg-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-lg-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-lg-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-lg-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-lg-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-lg-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-lg-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-lg-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-lg-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-lg-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-lg-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-lg-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-lg-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-lg-36 {
    padding: 36px;
  }
  .p-lg-36--force {
    padding: 36px !important;
  }
  .px-lg-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-lg-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-lg-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-lg-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-lg-36 {
    padding-top: 36px;
  }
  .pt-lg-36--force {
    padding-top: 36px !important;
  }
  .pr-lg-36 {
    padding-right: 36px;
  }
  .pr-lg-36--force {
    padding-right: 36px !important;
  }
  .pb-lg-36 {
    padding-bottom: 36px;
  }
  .pb-lg-36--force {
    padding-bottom: 36px !important;
  }
  .pl-lg-36 {
    padding-left: 36px;
  }
  .pl-lg-36--force {
    padding-left: 36px !important;
  }
  .p-lg-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-lg-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-lg-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-lg-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-lg-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-lg-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-lg-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-lg-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-lg-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-lg-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-lg-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-lg-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-lg-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-lg-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-lg-44 {
    padding: 44px;
  }
  .p-lg-44--force {
    padding: 44px !important;
  }
  .px-lg-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-lg-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-lg-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-lg-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-lg-44 {
    padding-top: 44px;
  }
  .pt-lg-44--force {
    padding-top: 44px !important;
  }
  .pr-lg-44 {
    padding-right: 44px;
  }
  .pr-lg-44--force {
    padding-right: 44px !important;
  }
  .pb-lg-44 {
    padding-bottom: 44px;
  }
  .pb-lg-44--force {
    padding-bottom: 44px !important;
  }
  .pl-lg-44 {
    padding-left: 44px;
  }
  .pl-lg-44--force {
    padding-left: 44px !important;
  }
  .p-lg-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-lg-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-lg-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-lg-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-lg-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-lg-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-lg-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-lg-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-lg-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-lg-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-lg-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-lg-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-lg-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-lg-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-lg-52 {
    padding: 52px;
  }
  .p-lg-52--force {
    padding: 52px !important;
  }
  .px-lg-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-lg-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-lg-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-lg-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-lg-52 {
    padding-top: 52px;
  }
  .pt-lg-52--force {
    padding-top: 52px !important;
  }
  .pr-lg-52 {
    padding-right: 52px;
  }
  .pr-lg-52--force {
    padding-right: 52px !important;
  }
  .pb-lg-52 {
    padding-bottom: 52px;
  }
  .pb-lg-52--force {
    padding-bottom: 52px !important;
  }
  .pl-lg-52 {
    padding-left: 52px;
  }
  .pl-lg-52--force {
    padding-left: 52px !important;
  }
  .p-lg-56 {
    padding: 56px;
  }
  .p-lg-56--force {
    padding: 56px !important;
  }
  .px-lg-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-lg-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-lg-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-lg-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-lg-56 {
    padding-top: 56px;
  }
  .pt-lg-56--force {
    padding-top: 56px !important;
  }
  .pr-lg-56 {
    padding-right: 56px;
  }
  .pr-lg-56--force {
    padding-right: 56px !important;
  }
  .pb-lg-56 {
    padding-bottom: 56px;
  }
  .pb-lg-56--force {
    padding-bottom: 56px !important;
  }
  .pl-lg-56 {
    padding-left: 56px;
  }
  .pl-lg-56--force {
    padding-left: 56px !important;
  }
  .p-lg-60 {
    padding: 60px;
  }
  .p-lg-60--force {
    padding: 60px !important;
  }
  .px-lg-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-lg-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-lg-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-lg-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-lg-60 {
    padding-top: 60px;
  }
  .pt-lg-60--force {
    padding-top: 60px !important;
  }
  .pr-lg-60 {
    padding-right: 60px;
  }
  .pr-lg-60--force {
    padding-right: 60px !important;
  }
  .pb-lg-60 {
    padding-bottom: 60px;
  }
  .pb-lg-60--force {
    padding-bottom: 60px !important;
  }
  .pl-lg-60 {
    padding-left: 60px;
  }
  .pl-lg-60--force {
    padding-left: 60px !important;
  }
  .p-lg-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-lg-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-lg-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-lg-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-lg-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-lg-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-lg-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-lg-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-lg-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-lg-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-lg-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-lg-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-lg-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-lg-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-lg-68 {
    padding: 68px;
  }
  .p-lg-68--force {
    padding: 68px !important;
  }
  .px-lg-68 {
    padding-right: 68px;
    padding-left: 68px;
  }
  .px-lg-68--force {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .py-lg-68 {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .py-lg-68--force {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .pt-lg-68 {
    padding-top: 68px;
  }
  .pt-lg-68--force {
    padding-top: 68px !important;
  }
  .pr-lg-68 {
    padding-right: 68px;
  }
  .pr-lg-68--force {
    padding-right: 68px !important;
  }
  .pb-lg-68 {
    padding-bottom: 68px;
  }
  .pb-lg-68--force {
    padding-bottom: 68px !important;
  }
  .pl-lg-68 {
    padding-left: 68px;
  }
  .pl-lg-68--force {
    padding-left: 68px !important;
  }
  .p-lg-72 {
    padding: 72px;
  }
  .p-lg-72--force {
    padding: 72px !important;
  }
  .px-lg-72 {
    padding-right: 72px;
    padding-left: 72px;
  }
  .px-lg-72--force {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-lg-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .py-lg-72--force {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .pt-lg-72 {
    padding-top: 72px;
  }
  .pt-lg-72--force {
    padding-top: 72px !important;
  }
  .pr-lg-72 {
    padding-right: 72px;
  }
  .pr-lg-72--force {
    padding-right: 72px !important;
  }
  .pb-lg-72 {
    padding-bottom: 72px;
  }
  .pb-lg-72--force {
    padding-bottom: 72px !important;
  }
  .pl-lg-72 {
    padding-left: 72px;
  }
  .pl-lg-72--force {
    padding-left: 72px !important;
  }
  .p-lg-76 {
    padding: 76px;
  }
  .p-lg-76--force {
    padding: 76px !important;
  }
  .px-lg-76 {
    padding-right: 76px;
    padding-left: 76px;
  }
  .px-lg-76--force {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .py-lg-76 {
    padding-top: 76px;
    padding-bottom: 76px;
  }
  .py-lg-76--force {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .pt-lg-76 {
    padding-top: 76px;
  }
  .pt-lg-76--force {
    padding-top: 76px !important;
  }
  .pr-lg-76 {
    padding-right: 76px;
  }
  .pr-lg-76--force {
    padding-right: 76px !important;
  }
  .pb-lg-76 {
    padding-bottom: 76px;
  }
  .pb-lg-76--force {
    padding-bottom: 76px !important;
  }
  .pl-lg-76 {
    padding-left: 76px;
  }
  .pl-lg-76--force {
    padding-left: 76px !important;
  }
  .p-lg-80 {
    padding: var(--matcha-space-1000, 80px);
  }
  .p-lg-80--force {
    padding: var(--matcha-space-1000, 80px) !important;
  }
  .px-lg-80 {
    padding-right: var(--matcha-space-1000, 80px);
    padding-left: var(--matcha-space-1000, 80px);
  }
  .px-lg-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .py-lg-80 {
    padding-top: var(--matcha-space-1000, 80px);
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .py-lg-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pt-lg-80 {
    padding-top: var(--matcha-space-1000, 80px);
  }
  .pt-lg-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
  }
  .pr-lg-80 {
    padding-right: var(--matcha-space-1000, 80px);
  }
  .pr-lg-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
  }
  .pb-lg-80 {
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .pb-lg-80--force {
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pl-lg-80 {
    padding-left: var(--matcha-space-1000, 80px);
  }
  .pl-lg-80--force {
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .p-lg-84 {
    padding: 84px;
  }
  .p-lg-84--force {
    padding: 84px !important;
  }
  .px-lg-84 {
    padding-right: 84px;
    padding-left: 84px;
  }
  .px-lg-84--force {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .py-lg-84 {
    padding-top: 84px;
    padding-bottom: 84px;
  }
  .py-lg-84--force {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .pt-lg-84 {
    padding-top: 84px;
  }
  .pt-lg-84--force {
    padding-top: 84px !important;
  }
  .pr-lg-84 {
    padding-right: 84px;
  }
  .pr-lg-84--force {
    padding-right: 84px !important;
  }
  .pb-lg-84 {
    padding-bottom: 84px;
  }
  .pb-lg-84--force {
    padding-bottom: 84px !important;
  }
  .pl-lg-84 {
    padding-left: 84px;
  }
  .pl-lg-84--force {
    padding-left: 84px !important;
  }
  .p-lg-88 {
    padding: 88px;
  }
  .p-lg-88--force {
    padding: 88px !important;
  }
  .px-lg-88 {
    padding-right: 88px;
    padding-left: 88px;
  }
  .px-lg-88--force {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-lg-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .py-lg-88--force {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .pt-lg-88 {
    padding-top: 88px;
  }
  .pt-lg-88--force {
    padding-top: 88px !important;
  }
  .pr-lg-88 {
    padding-right: 88px;
  }
  .pr-lg-88--force {
    padding-right: 88px !important;
  }
  .pb-lg-88 {
    padding-bottom: 88px;
  }
  .pb-lg-88--force {
    padding-bottom: 88px !important;
  }
  .pl-lg-88 {
    padding-left: 88px;
  }
  .pl-lg-88--force {
    padding-left: 88px !important;
  }
  .p-lg-92 {
    padding: 92px;
  }
  .p-lg-92--force {
    padding: 92px !important;
  }
  .px-lg-92 {
    padding-right: 92px;
    padding-left: 92px;
  }
  .px-lg-92--force {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .py-lg-92 {
    padding-top: 92px;
    padding-bottom: 92px;
  }
  .py-lg-92--force {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .pt-lg-92 {
    padding-top: 92px;
  }
  .pt-lg-92--force {
    padding-top: 92px !important;
  }
  .pr-lg-92 {
    padding-right: 92px;
  }
  .pr-lg-92--force {
    padding-right: 92px !important;
  }
  .pb-lg-92 {
    padding-bottom: 92px;
  }
  .pb-lg-92--force {
    padding-bottom: 92px !important;
  }
  .pl-lg-92 {
    padding-left: 92px;
  }
  .pl-lg-92--force {
    padding-left: 92px !important;
  }
  .p-lg-96 {
    padding: var(--matcha-space-1200, 96px);
  }
  .p-lg-96--force {
    padding: var(--matcha-space-1200, 96px) !important;
  }
  .px-lg-96 {
    padding-right: var(--matcha-space-1200, 96px);
    padding-left: var(--matcha-space-1200, 96px);
  }
  .px-lg-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
  .py-lg-96 {
    padding-top: var(--matcha-space-1200, 96px);
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .py-lg-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pt-lg-96 {
    padding-top: var(--matcha-space-1200, 96px);
  }
  .pt-lg-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
  }
  .pr-lg-96 {
    padding-right: var(--matcha-space-1200, 96px);
  }
  .pr-lg-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
  }
  .pb-lg-96 {
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .pb-lg-96--force {
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pl-lg-96 {
    padding-left: var(--matcha-space-1200, 96px);
  }
  .pl-lg-96--force {
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
}
@media screen and (min-width: 1536px) {
  .m-xl--64 {
    margin: calc(-1 * var(--matcha-space-800, 64px));
  }
  .m-xl--64--force {
    margin: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mx-xl--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mx-xl--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .my-xl--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .my-xl--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mt-xl--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mt-xl--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mr-xl--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mr-xl--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mb-xl--64 {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mb-xl--64--force {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .ml-xl--64 {
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .ml-xl--64--force {
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .m-xl--60 {
    margin: -60px;
  }
  .m-xl--60--force {
    margin: -60px !important;
  }
  .mx-xl--60 {
    margin-right: -60px;
    margin-left: -60px;
  }
  .mx-xl--60--force {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .my-xl--60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }
  .my-xl--60--force {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .mt-xl--60 {
    margin-top: -60px;
  }
  .mt-xl--60--force {
    margin-top: -60px !important;
  }
  .mr-xl--60 {
    margin-right: -60px;
  }
  .mr-xl--60--force {
    margin-right: -60px !important;
  }
  .mb-xl--60 {
    margin-bottom: -60px;
  }
  .mb-xl--60--force {
    margin-bottom: -60px !important;
  }
  .ml-xl--60 {
    margin-left: -60px;
  }
  .ml-xl--60--force {
    margin-left: -60px !important;
  }
  .m-xl--56 {
    margin: -56px;
  }
  .m-xl--56--force {
    margin: -56px !important;
  }
  .mx-xl--56 {
    margin-right: -56px;
    margin-left: -56px;
  }
  .mx-xl--56--force {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .my-xl--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .my-xl--56--force {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .mt-xl--56 {
    margin-top: -56px;
  }
  .mt-xl--56--force {
    margin-top: -56px !important;
  }
  .mr-xl--56 {
    margin-right: -56px;
  }
  .mr-xl--56--force {
    margin-right: -56px !important;
  }
  .mb-xl--56 {
    margin-bottom: -56px;
  }
  .mb-xl--56--force {
    margin-bottom: -56px !important;
  }
  .ml-xl--56 {
    margin-left: -56px;
  }
  .ml-xl--56--force {
    margin-left: -56px !important;
  }
  .m-xl--52 {
    margin: -52px;
  }
  .m-xl--52--force {
    margin: -52px !important;
  }
  .mx-xl--52 {
    margin-right: -52px;
    margin-left: -52px;
  }
  .mx-xl--52--force {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .my-xl--52 {
    margin-top: -52px;
    margin-bottom: -52px;
  }
  .my-xl--52--force {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .mt-xl--52 {
    margin-top: -52px;
  }
  .mt-xl--52--force {
    margin-top: -52px !important;
  }
  .mr-xl--52 {
    margin-right: -52px;
  }
  .mr-xl--52--force {
    margin-right: -52px !important;
  }
  .mb-xl--52 {
    margin-bottom: -52px;
  }
  .mb-xl--52--force {
    margin-bottom: -52px !important;
  }
  .ml-xl--52 {
    margin-left: -52px;
  }
  .ml-xl--52--force {
    margin-left: -52px !important;
  }
  .m-xl--48 {
    margin: calc(-1 * var(--matcha-space-600, 48px));
  }
  .m-xl--48--force {
    margin: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mx-xl--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mx-xl--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .my-xl--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .my-xl--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mt-xl--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mt-xl--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mr-xl--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mr-xl--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mb-xl--48 {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mb-xl--48--force {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .ml-xl--48 {
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .ml-xl--48--force {
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .m-xl--44 {
    margin: -44px;
  }
  .m-xl--44--force {
    margin: -44px !important;
  }
  .mx-xl--44 {
    margin-right: -44px;
    margin-left: -44px;
  }
  .mx-xl--44--force {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .my-xl--44 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .my-xl--44--force {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .mt-xl--44 {
    margin-top: -44px;
  }
  .mt-xl--44--force {
    margin-top: -44px !important;
  }
  .mr-xl--44 {
    margin-right: -44px;
  }
  .mr-xl--44--force {
    margin-right: -44px !important;
  }
  .mb-xl--44 {
    margin-bottom: -44px;
  }
  .mb-xl--44--force {
    margin-bottom: -44px !important;
  }
  .ml-xl--44 {
    margin-left: -44px;
  }
  .ml-xl--44--force {
    margin-left: -44px !important;
  }
  .m-xl--40 {
    margin: calc(-1 * var(--matcha-space-500, 40px));
  }
  .m-xl--40--force {
    margin: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mx-xl--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mx-xl--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .my-xl--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .my-xl--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mt-xl--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mt-xl--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mr-xl--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mr-xl--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mb-xl--40 {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mb-xl--40--force {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .ml-xl--40 {
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .ml-xl--40--force {
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .m-xl--36 {
    margin: -36px;
  }
  .m-xl--36--force {
    margin: -36px !important;
  }
  .mx-xl--36 {
    margin-right: -36px;
    margin-left: -36px;
  }
  .mx-xl--36--force {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .my-xl--36 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .my-xl--36--force {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .mt-xl--36 {
    margin-top: -36px;
  }
  .mt-xl--36--force {
    margin-top: -36px !important;
  }
  .mr-xl--36 {
    margin-right: -36px;
  }
  .mr-xl--36--force {
    margin-right: -36px !important;
  }
  .mb-xl--36 {
    margin-bottom: -36px;
  }
  .mb-xl--36--force {
    margin-bottom: -36px !important;
  }
  .ml-xl--36 {
    margin-left: -36px;
  }
  .ml-xl--36--force {
    margin-left: -36px !important;
  }
  .m-xl--32 {
    margin: calc(-1 * var(--matcha-space-400, 32px));
  }
  .m-xl--32--force {
    margin: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mx-xl--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mx-xl--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .my-xl--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .my-xl--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mt-xl--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mt-xl--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mr-xl--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mr-xl--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mb-xl--32 {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mb-xl--32--force {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .ml-xl--32 {
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .ml-xl--32--force {
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .m-xl--28 {
    margin: -28px;
  }
  .m-xl--28--force {
    margin: -28px !important;
  }
  .mx-xl--28 {
    margin-right: -28px;
    margin-left: -28px;
  }
  .mx-xl--28--force {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .my-xl--28 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .my-xl--28--force {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .mt-xl--28 {
    margin-top: -28px;
  }
  .mt-xl--28--force {
    margin-top: -28px !important;
  }
  .mr-xl--28 {
    margin-right: -28px;
  }
  .mr-xl--28--force {
    margin-right: -28px !important;
  }
  .mb-xl--28 {
    margin-bottom: -28px;
  }
  .mb-xl--28--force {
    margin-bottom: -28px !important;
  }
  .ml-xl--28 {
    margin-left: -28px;
  }
  .ml-xl--28--force {
    margin-left: -28px !important;
  }
  .m-xl--24 {
    margin: calc(-1 * var(--matcha-space-300, 24px));
  }
  .m-xl--24--force {
    margin: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mx-xl--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mx-xl--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .my-xl--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .my-xl--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mt-xl--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mt-xl--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mr-xl--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mr-xl--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mb-xl--24 {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mb-xl--24--force {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .ml-xl--24 {
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .ml-xl--24--force {
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .m-xl--20 {
    margin: calc(-1 * var(--matcha-space-250, 20px));
  }
  .m-xl--20--force {
    margin: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mx-xl--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mx-xl--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .my-xl--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .my-xl--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mt-xl--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mt-xl--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mr-xl--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mr-xl--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mb-xl--20 {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mb-xl--20--force {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .ml-xl--20 {
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .ml-xl--20--force {
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .m-xl--16 {
    margin: calc(-1 * var(--matcha-space-200, 16px));
  }
  .m-xl--16--force {
    margin: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mx-xl--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mx-xl--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .my-xl--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .my-xl--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mt-xl--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mt-xl--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mr-xl--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mr-xl--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mb-xl--16 {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mb-xl--16--force {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .ml-xl--16 {
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .ml-xl--16--force {
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .m-xl--12 {
    margin: calc(-1 * var(--matcha-space-150, 12px));
  }
  .m-xl--12--force {
    margin: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mx-xl--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mx-xl--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .my-xl--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .my-xl--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mt-xl--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mt-xl--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mr-xl--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mr-xl--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mb-xl--12 {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mb-xl--12--force {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .ml-xl--12 {
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .ml-xl--12--force {
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .m-xl--8 {
    margin: calc(-1 * var(--matcha-space-100, 8px));
  }
  .m-xl--8--force {
    margin: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mx-xl--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mx-xl--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .my-xl--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .my-xl--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mt-xl--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mt-xl--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mr-xl--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mr-xl--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mb-xl--8 {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mb-xl--8--force {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .ml-xl--8 {
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .ml-xl--8--force {
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .m-xl--4 {
    margin: calc(-1 * var(--matcha-space-050, 4px));
  }
  .m-xl--4--force {
    margin: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mx-xl--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mx-xl--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .my-xl--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .my-xl--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mt-xl--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mt-xl--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mr-xl--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mr-xl--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mb-xl--4 {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mb-xl--4--force {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .ml-xl--4 {
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .ml-xl--4--force {
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .m-xl-0 {
    margin: var(--matcha-space-0, 0);
  }
  .m-xl-0--force {
    margin: var(--matcha-space-0, 0) !important;
  }
  .mx-xl-0 {
    margin-right: var(--matcha-space-0, 0);
    margin-left: var(--matcha-space-0, 0);
  }
  .mx-xl-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .my-xl-0 {
    margin-top: var(--matcha-space-0, 0);
    margin-bottom: var(--matcha-space-0, 0);
  }
  .my-xl-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .mt-xl-0 {
    margin-top: var(--matcha-space-0, 0);
  }
  .mt-xl-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
  }
  .mr-xl-0 {
    margin-right: var(--matcha-space-0, 0);
  }
  .mr-xl-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
  }
  .mb-xl-0 {
    margin-bottom: var(--matcha-space-0, 0);
  }
  .mb-xl-0--force {
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .ml-xl-0 {
    margin-left: var(--matcha-space-0, 0);
  }
  .ml-xl-0--force {
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .m-xl-4 {
    margin: var(--matcha-space-050, 4px);
  }
  .m-xl-4--force {
    margin: var(--matcha-space-050, 4px) !important;
  }
  .mx-xl-4 {
    margin-right: var(--matcha-space-050, 4px);
    margin-left: var(--matcha-space-050, 4px);
  }
  .mx-xl-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .my-xl-4 {
    margin-top: var(--matcha-space-050, 4px);
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .my-xl-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .mt-xl-4 {
    margin-top: var(--matcha-space-050, 4px);
  }
  .mt-xl-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
  }
  .mr-xl-4 {
    margin-right: var(--matcha-space-050, 4px);
  }
  .mr-xl-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
  }
  .mb-xl-4 {
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .mb-xl-4--force {
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .ml-xl-4 {
    margin-left: var(--matcha-space-050, 4px);
  }
  .ml-xl-4--force {
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .m-xl-8 {
    margin: var(--matcha-space-100, 8px);
  }
  .m-xl-8--force {
    margin: var(--matcha-space-100, 8px) !important;
  }
  .mx-xl-8 {
    margin-right: var(--matcha-space-100, 8px);
    margin-left: var(--matcha-space-100, 8px);
  }
  .mx-xl-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .my-xl-8 {
    margin-top: var(--matcha-space-100, 8px);
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .my-xl-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .mt-xl-8 {
    margin-top: var(--matcha-space-100, 8px);
  }
  .mt-xl-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
  }
  .mr-xl-8 {
    margin-right: var(--matcha-space-100, 8px);
  }
  .mr-xl-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
  }
  .mb-xl-8 {
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .mb-xl-8--force {
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .ml-xl-8 {
    margin-left: var(--matcha-space-100, 8px);
  }
  .ml-xl-8--force {
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .m-xl-12 {
    margin: var(--matcha-space-150, 12px);
  }
  .m-xl-12--force {
    margin: var(--matcha-space-150, 12px) !important;
  }
  .mx-xl-12 {
    margin-right: var(--matcha-space-150, 12px);
    margin-left: var(--matcha-space-150, 12px);
  }
  .mx-xl-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .my-xl-12 {
    margin-top: var(--matcha-space-150, 12px);
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .my-xl-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .mt-xl-12 {
    margin-top: var(--matcha-space-150, 12px);
  }
  .mt-xl-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
  }
  .mr-xl-12 {
    margin-right: var(--matcha-space-150, 12px);
  }
  .mr-xl-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
  }
  .mb-xl-12 {
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .mb-xl-12--force {
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .ml-xl-12 {
    margin-left: var(--matcha-space-150, 12px);
  }
  .ml-xl-12--force {
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .m-xl-16 {
    margin: var(--matcha-space-200, 16px);
  }
  .m-xl-16--force {
    margin: var(--matcha-space-200, 16px) !important;
  }
  .mx-xl-16 {
    margin-right: var(--matcha-space-200, 16px);
    margin-left: var(--matcha-space-200, 16px);
  }
  .mx-xl-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .my-xl-16 {
    margin-top: var(--matcha-space-200, 16px);
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .my-xl-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .mt-xl-16 {
    margin-top: var(--matcha-space-200, 16px);
  }
  .mt-xl-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
  }
  .mr-xl-16 {
    margin-right: var(--matcha-space-200, 16px);
  }
  .mr-xl-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
  }
  .mb-xl-16 {
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .mb-xl-16--force {
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .ml-xl-16 {
    margin-left: var(--matcha-space-200, 16px);
  }
  .ml-xl-16--force {
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .m-xl-20 {
    margin: var(--matcha-space-250, 20px);
  }
  .m-xl-20--force {
    margin: var(--matcha-space-250, 20px) !important;
  }
  .mx-xl-20 {
    margin-right: var(--matcha-space-250, 20px);
    margin-left: var(--matcha-space-250, 20px);
  }
  .mx-xl-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .my-xl-20 {
    margin-top: var(--matcha-space-250, 20px);
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .my-xl-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .mt-xl-20 {
    margin-top: var(--matcha-space-250, 20px);
  }
  .mt-xl-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
  }
  .mr-xl-20 {
    margin-right: var(--matcha-space-250, 20px);
  }
  .mr-xl-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
  }
  .mb-xl-20 {
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .mb-xl-20--force {
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .ml-xl-20 {
    margin-left: var(--matcha-space-250, 20px);
  }
  .ml-xl-20--force {
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .m-xl-24 {
    margin: var(--matcha-space-300, 24px);
  }
  .m-xl-24--force {
    margin: var(--matcha-space-300, 24px) !important;
  }
  .mx-xl-24 {
    margin-right: var(--matcha-space-300, 24px);
    margin-left: var(--matcha-space-300, 24px);
  }
  .mx-xl-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .my-xl-24 {
    margin-top: var(--matcha-space-300, 24px);
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .my-xl-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .mt-xl-24 {
    margin-top: var(--matcha-space-300, 24px);
  }
  .mt-xl-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
  }
  .mr-xl-24 {
    margin-right: var(--matcha-space-300, 24px);
  }
  .mr-xl-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
  }
  .mb-xl-24 {
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .mb-xl-24--force {
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .ml-xl-24 {
    margin-left: var(--matcha-space-300, 24px);
  }
  .ml-xl-24--force {
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .m-xl-28 {
    margin: 28px;
  }
  .m-xl-28--force {
    margin: 28px !important;
  }
  .mx-xl-28 {
    margin-right: 28px;
    margin-left: 28px;
  }
  .mx-xl-28--force {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-xl-28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .my-xl-28--force {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-xl-28 {
    margin-top: 28px;
  }
  .mt-xl-28--force {
    margin-top: 28px !important;
  }
  .mr-xl-28 {
    margin-right: 28px;
  }
  .mr-xl-28--force {
    margin-right: 28px !important;
  }
  .mb-xl-28 {
    margin-bottom: 28px;
  }
  .mb-xl-28--force {
    margin-bottom: 28px !important;
  }
  .ml-xl-28 {
    margin-left: 28px;
  }
  .ml-xl-28--force {
    margin-left: 28px !important;
  }
  .m-xl-32 {
    margin: var(--matcha-space-400, 32px);
  }
  .m-xl-32--force {
    margin: var(--matcha-space-400, 32px) !important;
  }
  .mx-xl-32 {
    margin-right: var(--matcha-space-400, 32px);
    margin-left: var(--matcha-space-400, 32px);
  }
  .mx-xl-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .my-xl-32 {
    margin-top: var(--matcha-space-400, 32px);
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .my-xl-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .mt-xl-32 {
    margin-top: var(--matcha-space-400, 32px);
  }
  .mt-xl-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
  }
  .mr-xl-32 {
    margin-right: var(--matcha-space-400, 32px);
  }
  .mr-xl-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
  }
  .mb-xl-32 {
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .mb-xl-32--force {
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .ml-xl-32 {
    margin-left: var(--matcha-space-400, 32px);
  }
  .ml-xl-32--force {
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .m-xl-36 {
    margin: 36px;
  }
  .m-xl-36--force {
    margin: 36px !important;
  }
  .mx-xl-36 {
    margin-right: 36px;
    margin-left: 36px;
  }
  .mx-xl-36--force {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-xl-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .my-xl-36--force {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mt-xl-36 {
    margin-top: 36px;
  }
  .mt-xl-36--force {
    margin-top: 36px !important;
  }
  .mr-xl-36 {
    margin-right: 36px;
  }
  .mr-xl-36--force {
    margin-right: 36px !important;
  }
  .mb-xl-36 {
    margin-bottom: 36px;
  }
  .mb-xl-36--force {
    margin-bottom: 36px !important;
  }
  .ml-xl-36 {
    margin-left: 36px;
  }
  .ml-xl-36--force {
    margin-left: 36px !important;
  }
  .m-xl-40 {
    margin: var(--matcha-space-500, 40px);
  }
  .m-xl-40--force {
    margin: var(--matcha-space-500, 40px) !important;
  }
  .mx-xl-40 {
    margin-right: var(--matcha-space-500, 40px);
    margin-left: var(--matcha-space-500, 40px);
  }
  .mx-xl-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .my-xl-40 {
    margin-top: var(--matcha-space-500, 40px);
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .my-xl-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .mt-xl-40 {
    margin-top: var(--matcha-space-500, 40px);
  }
  .mt-xl-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
  }
  .mr-xl-40 {
    margin-right: var(--matcha-space-500, 40px);
  }
  .mr-xl-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
  }
  .mb-xl-40 {
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .mb-xl-40--force {
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .ml-xl-40 {
    margin-left: var(--matcha-space-500, 40px);
  }
  .ml-xl-40--force {
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .m-xl-44 {
    margin: 44px;
  }
  .m-xl-44--force {
    margin: 44px !important;
  }
  .mx-xl-44 {
    margin-right: 44px;
    margin-left: 44px;
  }
  .mx-xl-44--force {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-xl-44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .my-xl-44--force {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .mt-xl-44 {
    margin-top: 44px;
  }
  .mt-xl-44--force {
    margin-top: 44px !important;
  }
  .mr-xl-44 {
    margin-right: 44px;
  }
  .mr-xl-44--force {
    margin-right: 44px !important;
  }
  .mb-xl-44 {
    margin-bottom: 44px;
  }
  .mb-xl-44--force {
    margin-bottom: 44px !important;
  }
  .ml-xl-44 {
    margin-left: 44px;
  }
  .ml-xl-44--force {
    margin-left: 44px !important;
  }
  .m-xl-48 {
    margin: var(--matcha-space-600, 48px);
  }
  .m-xl-48--force {
    margin: var(--matcha-space-600, 48px) !important;
  }
  .mx-xl-48 {
    margin-right: var(--matcha-space-600, 48px);
    margin-left: var(--matcha-space-600, 48px);
  }
  .mx-xl-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .my-xl-48 {
    margin-top: var(--matcha-space-600, 48px);
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .my-xl-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .mt-xl-48 {
    margin-top: var(--matcha-space-600, 48px);
  }
  .mt-xl-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
  }
  .mr-xl-48 {
    margin-right: var(--matcha-space-600, 48px);
  }
  .mr-xl-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
  }
  .mb-xl-48 {
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .mb-xl-48--force {
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .ml-xl-48 {
    margin-left: var(--matcha-space-600, 48px);
  }
  .ml-xl-48--force {
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .m-xl-52 {
    margin: 52px;
  }
  .m-xl-52--force {
    margin: 52px !important;
  }
  .mx-xl-52 {
    margin-right: 52px;
    margin-left: 52px;
  }
  .mx-xl-52--force {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-xl-52 {
    margin-top: 52px;
    margin-bottom: 52px;
  }
  .my-xl-52--force {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .mt-xl-52 {
    margin-top: 52px;
  }
  .mt-xl-52--force {
    margin-top: 52px !important;
  }
  .mr-xl-52 {
    margin-right: 52px;
  }
  .mr-xl-52--force {
    margin-right: 52px !important;
  }
  .mb-xl-52 {
    margin-bottom: 52px;
  }
  .mb-xl-52--force {
    margin-bottom: 52px !important;
  }
  .ml-xl-52 {
    margin-left: 52px;
  }
  .ml-xl-52--force {
    margin-left: 52px !important;
  }
  .m-xl-56 {
    margin: 56px;
  }
  .m-xl-56--force {
    margin: 56px !important;
  }
  .mx-xl-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .mx-xl-56--force {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-xl-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .my-xl-56--force {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mt-xl-56 {
    margin-top: 56px;
  }
  .mt-xl-56--force {
    margin-top: 56px !important;
  }
  .mr-xl-56 {
    margin-right: 56px;
  }
  .mr-xl-56--force {
    margin-right: 56px !important;
  }
  .mb-xl-56 {
    margin-bottom: 56px;
  }
  .mb-xl-56--force {
    margin-bottom: 56px !important;
  }
  .ml-xl-56 {
    margin-left: 56px;
  }
  .ml-xl-56--force {
    margin-left: 56px !important;
  }
  .m-xl-60 {
    margin: 60px;
  }
  .m-xl-60--force {
    margin: 60px !important;
  }
  .mx-xl-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mx-xl-60--force {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-xl-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .my-xl-60--force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mt-xl-60 {
    margin-top: 60px;
  }
  .mt-xl-60--force {
    margin-top: 60px !important;
  }
  .mr-xl-60 {
    margin-right: 60px;
  }
  .mr-xl-60--force {
    margin-right: 60px !important;
  }
  .mb-xl-60 {
    margin-bottom: 60px;
  }
  .mb-xl-60--force {
    margin-bottom: 60px !important;
  }
  .ml-xl-60 {
    margin-left: 60px;
  }
  .ml-xl-60--force {
    margin-left: 60px !important;
  }
  .m-xl-64 {
    margin: var(--matcha-space-800, 64px);
  }
  .m-xl-64--force {
    margin: var(--matcha-space-800, 64px) !important;
  }
  .mx-xl-64 {
    margin-right: var(--matcha-space-800, 64px);
    margin-left: var(--matcha-space-800, 64px);
  }
  .mx-xl-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .my-xl-64 {
    margin-top: var(--matcha-space-800, 64px);
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .my-xl-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .mt-xl-64 {
    margin-top: var(--matcha-space-800, 64px);
  }
  .mt-xl-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
  }
  .mr-xl-64 {
    margin-right: var(--matcha-space-800, 64px);
  }
  .mr-xl-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
  }
  .mb-xl-64 {
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .mb-xl-64--force {
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .ml-xl-64 {
    margin-left: var(--matcha-space-800, 64px);
  }
  .ml-xl-64--force {
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .m-xl-auto {
    margin: auto;
  }
  .m-xl-auto--force {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto;
  }
  .mt-xl-auto--force {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto;
  }
  .mr-xl-auto--force {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto;
  }
  .mb-xl-auto--force {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto;
  }
  .ml-xl-auto--force {
    margin-left: auto !important;
  }
  .mx-xl-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .mx-xl-auto--force {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .my-xl-auto--force {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-xl--64 {
    padding: calc(-1 * var(--matcha-space-800, 64px));
  }
  .p-xl--64--force {
    padding: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .px-xl--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .px-xl--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .py-xl--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .py-xl--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pt-xl--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pt-xl--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pr-xl--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pr-xl--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pb-xl--64 {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pb-xl--64--force {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pl-xl--64 {
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pl-xl--64--force {
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .p-xl--60 {
    padding: -60px;
  }
  .p-xl--60--force {
    padding: -60px !important;
  }
  .px-xl--60 {
    padding-right: -60px;
    padding-left: -60px;
  }
  .px-xl--60--force {
    padding-right: -60px !important;
    padding-left: -60px !important;
  }
  .py-xl--60 {
    padding-top: -60px;
    padding-bottom: -60px;
  }
  .py-xl--60--force {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }
  .pt-xl--60 {
    padding-top: -60px;
  }
  .pt-xl--60--force {
    padding-top: -60px !important;
  }
  .pr-xl--60 {
    padding-right: -60px;
  }
  .pr-xl--60--force {
    padding-right: -60px !important;
  }
  .pb-xl--60 {
    padding-bottom: -60px;
  }
  .pb-xl--60--force {
    padding-bottom: -60px !important;
  }
  .pl-xl--60 {
    padding-left: -60px;
  }
  .pl-xl--60--force {
    padding-left: -60px !important;
  }
  .p-xl--56 {
    padding: -56px;
  }
  .p-xl--56--force {
    padding: -56px !important;
  }
  .px-xl--56 {
    padding-right: -56px;
    padding-left: -56px;
  }
  .px-xl--56--force {
    padding-right: -56px !important;
    padding-left: -56px !important;
  }
  .py-xl--56 {
    padding-top: -56px;
    padding-bottom: -56px;
  }
  .py-xl--56--force {
    padding-top: -56px !important;
    padding-bottom: -56px !important;
  }
  .pt-xl--56 {
    padding-top: -56px;
  }
  .pt-xl--56--force {
    padding-top: -56px !important;
  }
  .pr-xl--56 {
    padding-right: -56px;
  }
  .pr-xl--56--force {
    padding-right: -56px !important;
  }
  .pb-xl--56 {
    padding-bottom: -56px;
  }
  .pb-xl--56--force {
    padding-bottom: -56px !important;
  }
  .pl-xl--56 {
    padding-left: -56px;
  }
  .pl-xl--56--force {
    padding-left: -56px !important;
  }
  .p-xl--52 {
    padding: -52px;
  }
  .p-xl--52--force {
    padding: -52px !important;
  }
  .px-xl--52 {
    padding-right: -52px;
    padding-left: -52px;
  }
  .px-xl--52--force {
    padding-right: -52px !important;
    padding-left: -52px !important;
  }
  .py-xl--52 {
    padding-top: -52px;
    padding-bottom: -52px;
  }
  .py-xl--52--force {
    padding-top: -52px !important;
    padding-bottom: -52px !important;
  }
  .pt-xl--52 {
    padding-top: -52px;
  }
  .pt-xl--52--force {
    padding-top: -52px !important;
  }
  .pr-xl--52 {
    padding-right: -52px;
  }
  .pr-xl--52--force {
    padding-right: -52px !important;
  }
  .pb-xl--52 {
    padding-bottom: -52px;
  }
  .pb-xl--52--force {
    padding-bottom: -52px !important;
  }
  .pl-xl--52 {
    padding-left: -52px;
  }
  .pl-xl--52--force {
    padding-left: -52px !important;
  }
  .p-xl--48 {
    padding: calc(-1 * var(--matcha-space-600, 48px));
  }
  .p-xl--48--force {
    padding: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .px-xl--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .px-xl--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .py-xl--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .py-xl--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pt-xl--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pt-xl--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pr-xl--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pr-xl--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pb-xl--48 {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pb-xl--48--force {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pl-xl--48 {
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pl-xl--48--force {
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .p-xl--44 {
    padding: -44px;
  }
  .p-xl--44--force {
    padding: -44px !important;
  }
  .px-xl--44 {
    padding-right: -44px;
    padding-left: -44px;
  }
  .px-xl--44--force {
    padding-right: -44px !important;
    padding-left: -44px !important;
  }
  .py-xl--44 {
    padding-top: -44px;
    padding-bottom: -44px;
  }
  .py-xl--44--force {
    padding-top: -44px !important;
    padding-bottom: -44px !important;
  }
  .pt-xl--44 {
    padding-top: -44px;
  }
  .pt-xl--44--force {
    padding-top: -44px !important;
  }
  .pr-xl--44 {
    padding-right: -44px;
  }
  .pr-xl--44--force {
    padding-right: -44px !important;
  }
  .pb-xl--44 {
    padding-bottom: -44px;
  }
  .pb-xl--44--force {
    padding-bottom: -44px !important;
  }
  .pl-xl--44 {
    padding-left: -44px;
  }
  .pl-xl--44--force {
    padding-left: -44px !important;
  }
  .p-xl--40 {
    padding: calc(-1 * var(--matcha-space-500, 40px));
  }
  .p-xl--40--force {
    padding: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .px-xl--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .px-xl--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .py-xl--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .py-xl--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pt-xl--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pt-xl--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pr-xl--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pr-xl--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pb-xl--40 {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pb-xl--40--force {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pl-xl--40 {
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pl-xl--40--force {
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .p-xl--36 {
    padding: -36px;
  }
  .p-xl--36--force {
    padding: -36px !important;
  }
  .px-xl--36 {
    padding-right: -36px;
    padding-left: -36px;
  }
  .px-xl--36--force {
    padding-right: -36px !important;
    padding-left: -36px !important;
  }
  .py-xl--36 {
    padding-top: -36px;
    padding-bottom: -36px;
  }
  .py-xl--36--force {
    padding-top: -36px !important;
    padding-bottom: -36px !important;
  }
  .pt-xl--36 {
    padding-top: -36px;
  }
  .pt-xl--36--force {
    padding-top: -36px !important;
  }
  .pr-xl--36 {
    padding-right: -36px;
  }
  .pr-xl--36--force {
    padding-right: -36px !important;
  }
  .pb-xl--36 {
    padding-bottom: -36px;
  }
  .pb-xl--36--force {
    padding-bottom: -36px !important;
  }
  .pl-xl--36 {
    padding-left: -36px;
  }
  .pl-xl--36--force {
    padding-left: -36px !important;
  }
  .p-xl--32 {
    padding: calc(-1 * var(--matcha-space-400, 32px));
  }
  .p-xl--32--force {
    padding: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .px-xl--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .px-xl--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .py-xl--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .py-xl--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pt-xl--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pt-xl--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pr-xl--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pr-xl--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pb-xl--32 {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pb-xl--32--force {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pl-xl--32 {
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pl-xl--32--force {
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .p-xl--28 {
    padding: -28px;
  }
  .p-xl--28--force {
    padding: -28px !important;
  }
  .px-xl--28 {
    padding-right: -28px;
    padding-left: -28px;
  }
  .px-xl--28--force {
    padding-right: -28px !important;
    padding-left: -28px !important;
  }
  .py-xl--28 {
    padding-top: -28px;
    padding-bottom: -28px;
  }
  .py-xl--28--force {
    padding-top: -28px !important;
    padding-bottom: -28px !important;
  }
  .pt-xl--28 {
    padding-top: -28px;
  }
  .pt-xl--28--force {
    padding-top: -28px !important;
  }
  .pr-xl--28 {
    padding-right: -28px;
  }
  .pr-xl--28--force {
    padding-right: -28px !important;
  }
  .pb-xl--28 {
    padding-bottom: -28px;
  }
  .pb-xl--28--force {
    padding-bottom: -28px !important;
  }
  .pl-xl--28 {
    padding-left: -28px;
  }
  .pl-xl--28--force {
    padding-left: -28px !important;
  }
  .p-xl--24 {
    padding: calc(-1 * var(--matcha-space-300, 24px));
  }
  .p-xl--24--force {
    padding: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .px-xl--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .px-xl--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .py-xl--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .py-xl--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pt-xl--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pt-xl--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pr-xl--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pr-xl--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pb-xl--24 {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pb-xl--24--force {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pl-xl--24 {
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pl-xl--24--force {
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .p-xl--20 {
    padding: calc(-1 * var(--matcha-space-250, 20px));
  }
  .p-xl--20--force {
    padding: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .px-xl--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .px-xl--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .py-xl--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .py-xl--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pt-xl--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pt-xl--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pr-xl--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pr-xl--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pb-xl--20 {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pb-xl--20--force {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pl-xl--20 {
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pl-xl--20--force {
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .p-xl--16 {
    padding: calc(-1 * var(--matcha-space-200, 16px));
  }
  .p-xl--16--force {
    padding: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .px-xl--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .px-xl--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .py-xl--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .py-xl--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pt-xl--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pt-xl--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pr-xl--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pr-xl--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pb-xl--16 {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pb-xl--16--force {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pl-xl--16 {
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pl-xl--16--force {
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .p-xl--12 {
    padding: calc(-1 * var(--matcha-space-150, 12px));
  }
  .p-xl--12--force {
    padding: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .px-xl--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .px-xl--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .py-xl--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .py-xl--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pt-xl--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pt-xl--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pr-xl--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pr-xl--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pb-xl--12 {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pb-xl--12--force {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pl-xl--12 {
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pl-xl--12--force {
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .p-xl--8 {
    padding: calc(-1 * var(--matcha-space-100, 8px));
  }
  .p-xl--8--force {
    padding: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .px-xl--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .px-xl--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .py-xl--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .py-xl--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pt-xl--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pt-xl--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pr-xl--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pr-xl--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pb-xl--8 {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pb-xl--8--force {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pl-xl--8 {
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pl-xl--8--force {
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .p-xl--4 {
    padding: calc(-1 * var(--matcha-space-050, 4px));
  }
  .p-xl--4--force {
    padding: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .px-xl--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .px-xl--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .py-xl--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .py-xl--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pt-xl--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pt-xl--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pr-xl--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pr-xl--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pb-xl--4 {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pb-xl--4--force {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pl-xl--4 {
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pl-xl--4--force {
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .p-xl-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-xl-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-xl-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-xl-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-xl-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-xl-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-xl-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-xl-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-xl-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-xl-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-xl-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-xl-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-xl-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-xl-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-xl-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-xl-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-xl-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-xl-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-xl-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-xl-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-xl-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-xl-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-xl-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-xl-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-xl-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-xl-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-xl-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-xl-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-xl-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-xl-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-xl-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-xl-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-xl-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-xl-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-xl-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-xl-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-xl-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-xl-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-xl-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-xl-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-xl-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-xl-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-xl-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-xl-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-xl-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-xl-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-xl-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-xl-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-xl-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-xl-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-xl-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-xl-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-xl-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-xl-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-xl-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-xl-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-xl-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-xl-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-xl-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-xl-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-xl-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-xl-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-xl-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-xl-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-xl-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-xl-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-xl-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-xl-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-xl-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-xl-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-xl-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-xl-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-xl-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-xl-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-xl-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-xl-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-xl-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-xl-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-xl-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-xl-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-xl-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-xl-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-xl-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-xl-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-xl-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-xl-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-xl-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-xl-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-xl-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-xl-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-xl-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-xl-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-xl-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-xl-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-xl-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-xl-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-xl-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-xl-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-xl-28 {
    padding: 28px;
  }
  .p-xl-28--force {
    padding: 28px !important;
  }
  .px-xl-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-xl-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-xl-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-xl-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-xl-28 {
    padding-top: 28px;
  }
  .pt-xl-28--force {
    padding-top: 28px !important;
  }
  .pr-xl-28 {
    padding-right: 28px;
  }
  .pr-xl-28--force {
    padding-right: 28px !important;
  }
  .pb-xl-28 {
    padding-bottom: 28px;
  }
  .pb-xl-28--force {
    padding-bottom: 28px !important;
  }
  .pl-xl-28 {
    padding-left: 28px;
  }
  .pl-xl-28--force {
    padding-left: 28px !important;
  }
  .p-xl-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-xl-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-xl-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-xl-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-xl-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-xl-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-xl-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-xl-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-xl-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-xl-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-xl-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-xl-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-xl-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-xl-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-xl-36 {
    padding: 36px;
  }
  .p-xl-36--force {
    padding: 36px !important;
  }
  .px-xl-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-xl-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-xl-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-xl-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-xl-36 {
    padding-top: 36px;
  }
  .pt-xl-36--force {
    padding-top: 36px !important;
  }
  .pr-xl-36 {
    padding-right: 36px;
  }
  .pr-xl-36--force {
    padding-right: 36px !important;
  }
  .pb-xl-36 {
    padding-bottom: 36px;
  }
  .pb-xl-36--force {
    padding-bottom: 36px !important;
  }
  .pl-xl-36 {
    padding-left: 36px;
  }
  .pl-xl-36--force {
    padding-left: 36px !important;
  }
  .p-xl-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-xl-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-xl-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-xl-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-xl-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-xl-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-xl-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-xl-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-xl-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-xl-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-xl-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-xl-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-xl-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-xl-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-xl-44 {
    padding: 44px;
  }
  .p-xl-44--force {
    padding: 44px !important;
  }
  .px-xl-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-xl-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-xl-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-xl-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-xl-44 {
    padding-top: 44px;
  }
  .pt-xl-44--force {
    padding-top: 44px !important;
  }
  .pr-xl-44 {
    padding-right: 44px;
  }
  .pr-xl-44--force {
    padding-right: 44px !important;
  }
  .pb-xl-44 {
    padding-bottom: 44px;
  }
  .pb-xl-44--force {
    padding-bottom: 44px !important;
  }
  .pl-xl-44 {
    padding-left: 44px;
  }
  .pl-xl-44--force {
    padding-left: 44px !important;
  }
  .p-xl-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-xl-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-xl-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-xl-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-xl-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-xl-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-xl-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-xl-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-xl-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-xl-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-xl-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-xl-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-xl-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-xl-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-xl-52 {
    padding: 52px;
  }
  .p-xl-52--force {
    padding: 52px !important;
  }
  .px-xl-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-xl-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-xl-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-xl-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-xl-52 {
    padding-top: 52px;
  }
  .pt-xl-52--force {
    padding-top: 52px !important;
  }
  .pr-xl-52 {
    padding-right: 52px;
  }
  .pr-xl-52--force {
    padding-right: 52px !important;
  }
  .pb-xl-52 {
    padding-bottom: 52px;
  }
  .pb-xl-52--force {
    padding-bottom: 52px !important;
  }
  .pl-xl-52 {
    padding-left: 52px;
  }
  .pl-xl-52--force {
    padding-left: 52px !important;
  }
  .p-xl-56 {
    padding: 56px;
  }
  .p-xl-56--force {
    padding: 56px !important;
  }
  .px-xl-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-xl-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-xl-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-xl-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-xl-56 {
    padding-top: 56px;
  }
  .pt-xl-56--force {
    padding-top: 56px !important;
  }
  .pr-xl-56 {
    padding-right: 56px;
  }
  .pr-xl-56--force {
    padding-right: 56px !important;
  }
  .pb-xl-56 {
    padding-bottom: 56px;
  }
  .pb-xl-56--force {
    padding-bottom: 56px !important;
  }
  .pl-xl-56 {
    padding-left: 56px;
  }
  .pl-xl-56--force {
    padding-left: 56px !important;
  }
  .p-xl-60 {
    padding: 60px;
  }
  .p-xl-60--force {
    padding: 60px !important;
  }
  .px-xl-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-xl-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-xl-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-xl-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-xl-60 {
    padding-top: 60px;
  }
  .pt-xl-60--force {
    padding-top: 60px !important;
  }
  .pr-xl-60 {
    padding-right: 60px;
  }
  .pr-xl-60--force {
    padding-right: 60px !important;
  }
  .pb-xl-60 {
    padding-bottom: 60px;
  }
  .pb-xl-60--force {
    padding-bottom: 60px !important;
  }
  .pl-xl-60 {
    padding-left: 60px;
  }
  .pl-xl-60--force {
    padding-left: 60px !important;
  }
  .p-xl-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-xl-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-xl-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-xl-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-xl-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-xl-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-xl-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-xl-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-xl-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-xl-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-xl-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-xl-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-xl-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-xl-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-xl-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-xl-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-xl-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-xl-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-xl-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-xl-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-xl-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-xl-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-xl-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-xl-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-xl-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-xl-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-xl-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-xl-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-xl-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-xl-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-xl-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-xl-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-xl-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-xl-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-xl-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-xl-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-xl-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-xl-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-xl-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-xl-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-xl-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-xl-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-xl-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-xl-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-xl-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-xl-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-xl-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-xl-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-xl-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-xl-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-xl-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-xl-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-xl-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-xl-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-xl-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-xl-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-xl-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-xl-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-xl-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-xl-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-xl-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-xl-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-xl-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-xl-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-xl-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-xl-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-xl-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-xl-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-xl-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-xl-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-xl-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-xl-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-xl-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-xl-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-xl-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-xl-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-xl-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-xl-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-xl-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-xl-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-xl-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-xl-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-xl-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-xl-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-xl-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-xl-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-xl-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-xl-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-xl-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-xl-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-xl-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-xl-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-xl-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-xl-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-xl-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-xl-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-xl-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-xl-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-xl-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-xl-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-xl-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-xl-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-xl-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-xl-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-xl-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-xl-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-xl-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-xl-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-xl-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-xl-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-xl-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-xl-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-xl-28 {
    padding: 28px;
  }
  .p-xl-28--force {
    padding: 28px !important;
  }
  .px-xl-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-xl-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-xl-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-xl-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-xl-28 {
    padding-top: 28px;
  }
  .pt-xl-28--force {
    padding-top: 28px !important;
  }
  .pr-xl-28 {
    padding-right: 28px;
  }
  .pr-xl-28--force {
    padding-right: 28px !important;
  }
  .pb-xl-28 {
    padding-bottom: 28px;
  }
  .pb-xl-28--force {
    padding-bottom: 28px !important;
  }
  .pl-xl-28 {
    padding-left: 28px;
  }
  .pl-xl-28--force {
    padding-left: 28px !important;
  }
  .p-xl-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-xl-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-xl-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-xl-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-xl-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-xl-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-xl-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-xl-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-xl-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-xl-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-xl-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-xl-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-xl-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-xl-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-xl-36 {
    padding: 36px;
  }
  .p-xl-36--force {
    padding: 36px !important;
  }
  .px-xl-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-xl-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-xl-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-xl-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-xl-36 {
    padding-top: 36px;
  }
  .pt-xl-36--force {
    padding-top: 36px !important;
  }
  .pr-xl-36 {
    padding-right: 36px;
  }
  .pr-xl-36--force {
    padding-right: 36px !important;
  }
  .pb-xl-36 {
    padding-bottom: 36px;
  }
  .pb-xl-36--force {
    padding-bottom: 36px !important;
  }
  .pl-xl-36 {
    padding-left: 36px;
  }
  .pl-xl-36--force {
    padding-left: 36px !important;
  }
  .p-xl-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-xl-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-xl-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-xl-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-xl-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-xl-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-xl-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-xl-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-xl-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-xl-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-xl-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-xl-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-xl-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-xl-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-xl-44 {
    padding: 44px;
  }
  .p-xl-44--force {
    padding: 44px !important;
  }
  .px-xl-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-xl-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-xl-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-xl-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-xl-44 {
    padding-top: 44px;
  }
  .pt-xl-44--force {
    padding-top: 44px !important;
  }
  .pr-xl-44 {
    padding-right: 44px;
  }
  .pr-xl-44--force {
    padding-right: 44px !important;
  }
  .pb-xl-44 {
    padding-bottom: 44px;
  }
  .pb-xl-44--force {
    padding-bottom: 44px !important;
  }
  .pl-xl-44 {
    padding-left: 44px;
  }
  .pl-xl-44--force {
    padding-left: 44px !important;
  }
  .p-xl-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-xl-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-xl-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-xl-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-xl-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-xl-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-xl-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-xl-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-xl-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-xl-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-xl-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-xl-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-xl-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-xl-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-xl-52 {
    padding: 52px;
  }
  .p-xl-52--force {
    padding: 52px !important;
  }
  .px-xl-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-xl-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-xl-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-xl-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-xl-52 {
    padding-top: 52px;
  }
  .pt-xl-52--force {
    padding-top: 52px !important;
  }
  .pr-xl-52 {
    padding-right: 52px;
  }
  .pr-xl-52--force {
    padding-right: 52px !important;
  }
  .pb-xl-52 {
    padding-bottom: 52px;
  }
  .pb-xl-52--force {
    padding-bottom: 52px !important;
  }
  .pl-xl-52 {
    padding-left: 52px;
  }
  .pl-xl-52--force {
    padding-left: 52px !important;
  }
  .p-xl-56 {
    padding: 56px;
  }
  .p-xl-56--force {
    padding: 56px !important;
  }
  .px-xl-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-xl-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-xl-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-xl-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-xl-56 {
    padding-top: 56px;
  }
  .pt-xl-56--force {
    padding-top: 56px !important;
  }
  .pr-xl-56 {
    padding-right: 56px;
  }
  .pr-xl-56--force {
    padding-right: 56px !important;
  }
  .pb-xl-56 {
    padding-bottom: 56px;
  }
  .pb-xl-56--force {
    padding-bottom: 56px !important;
  }
  .pl-xl-56 {
    padding-left: 56px;
  }
  .pl-xl-56--force {
    padding-left: 56px !important;
  }
  .p-xl-60 {
    padding: 60px;
  }
  .p-xl-60--force {
    padding: 60px !important;
  }
  .px-xl-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-xl-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-xl-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-xl-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-xl-60 {
    padding-top: 60px;
  }
  .pt-xl-60--force {
    padding-top: 60px !important;
  }
  .pr-xl-60 {
    padding-right: 60px;
  }
  .pr-xl-60--force {
    padding-right: 60px !important;
  }
  .pb-xl-60 {
    padding-bottom: 60px;
  }
  .pb-xl-60--force {
    padding-bottom: 60px !important;
  }
  .pl-xl-60 {
    padding-left: 60px;
  }
  .pl-xl-60--force {
    padding-left: 60px !important;
  }
  .p-xl-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-xl-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-xl-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-xl-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-xl-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-xl-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-xl-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-xl-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-xl-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-xl-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-xl-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-xl-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-xl-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-xl-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-xl-68 {
    padding: 68px;
  }
  .p-xl-68--force {
    padding: 68px !important;
  }
  .px-xl-68 {
    padding-right: 68px;
    padding-left: 68px;
  }
  .px-xl-68--force {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .py-xl-68 {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .py-xl-68--force {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .pt-xl-68 {
    padding-top: 68px;
  }
  .pt-xl-68--force {
    padding-top: 68px !important;
  }
  .pr-xl-68 {
    padding-right: 68px;
  }
  .pr-xl-68--force {
    padding-right: 68px !important;
  }
  .pb-xl-68 {
    padding-bottom: 68px;
  }
  .pb-xl-68--force {
    padding-bottom: 68px !important;
  }
  .pl-xl-68 {
    padding-left: 68px;
  }
  .pl-xl-68--force {
    padding-left: 68px !important;
  }
  .p-xl-72 {
    padding: 72px;
  }
  .p-xl-72--force {
    padding: 72px !important;
  }
  .px-xl-72 {
    padding-right: 72px;
    padding-left: 72px;
  }
  .px-xl-72--force {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-xl-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .py-xl-72--force {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .pt-xl-72 {
    padding-top: 72px;
  }
  .pt-xl-72--force {
    padding-top: 72px !important;
  }
  .pr-xl-72 {
    padding-right: 72px;
  }
  .pr-xl-72--force {
    padding-right: 72px !important;
  }
  .pb-xl-72 {
    padding-bottom: 72px;
  }
  .pb-xl-72--force {
    padding-bottom: 72px !important;
  }
  .pl-xl-72 {
    padding-left: 72px;
  }
  .pl-xl-72--force {
    padding-left: 72px !important;
  }
  .p-xl-76 {
    padding: 76px;
  }
  .p-xl-76--force {
    padding: 76px !important;
  }
  .px-xl-76 {
    padding-right: 76px;
    padding-left: 76px;
  }
  .px-xl-76--force {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .py-xl-76 {
    padding-top: 76px;
    padding-bottom: 76px;
  }
  .py-xl-76--force {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .pt-xl-76 {
    padding-top: 76px;
  }
  .pt-xl-76--force {
    padding-top: 76px !important;
  }
  .pr-xl-76 {
    padding-right: 76px;
  }
  .pr-xl-76--force {
    padding-right: 76px !important;
  }
  .pb-xl-76 {
    padding-bottom: 76px;
  }
  .pb-xl-76--force {
    padding-bottom: 76px !important;
  }
  .pl-xl-76 {
    padding-left: 76px;
  }
  .pl-xl-76--force {
    padding-left: 76px !important;
  }
  .p-xl-80 {
    padding: var(--matcha-space-1000, 80px);
  }
  .p-xl-80--force {
    padding: var(--matcha-space-1000, 80px) !important;
  }
  .px-xl-80 {
    padding-right: var(--matcha-space-1000, 80px);
    padding-left: var(--matcha-space-1000, 80px);
  }
  .px-xl-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .py-xl-80 {
    padding-top: var(--matcha-space-1000, 80px);
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .py-xl-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pt-xl-80 {
    padding-top: var(--matcha-space-1000, 80px);
  }
  .pt-xl-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
  }
  .pr-xl-80 {
    padding-right: var(--matcha-space-1000, 80px);
  }
  .pr-xl-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
  }
  .pb-xl-80 {
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .pb-xl-80--force {
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pl-xl-80 {
    padding-left: var(--matcha-space-1000, 80px);
  }
  .pl-xl-80--force {
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .p-xl-84 {
    padding: 84px;
  }
  .p-xl-84--force {
    padding: 84px !important;
  }
  .px-xl-84 {
    padding-right: 84px;
    padding-left: 84px;
  }
  .px-xl-84--force {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .py-xl-84 {
    padding-top: 84px;
    padding-bottom: 84px;
  }
  .py-xl-84--force {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .pt-xl-84 {
    padding-top: 84px;
  }
  .pt-xl-84--force {
    padding-top: 84px !important;
  }
  .pr-xl-84 {
    padding-right: 84px;
  }
  .pr-xl-84--force {
    padding-right: 84px !important;
  }
  .pb-xl-84 {
    padding-bottom: 84px;
  }
  .pb-xl-84--force {
    padding-bottom: 84px !important;
  }
  .pl-xl-84 {
    padding-left: 84px;
  }
  .pl-xl-84--force {
    padding-left: 84px !important;
  }
  .p-xl-88 {
    padding: 88px;
  }
  .p-xl-88--force {
    padding: 88px !important;
  }
  .px-xl-88 {
    padding-right: 88px;
    padding-left: 88px;
  }
  .px-xl-88--force {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-xl-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .py-xl-88--force {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .pt-xl-88 {
    padding-top: 88px;
  }
  .pt-xl-88--force {
    padding-top: 88px !important;
  }
  .pr-xl-88 {
    padding-right: 88px;
  }
  .pr-xl-88--force {
    padding-right: 88px !important;
  }
  .pb-xl-88 {
    padding-bottom: 88px;
  }
  .pb-xl-88--force {
    padding-bottom: 88px !important;
  }
  .pl-xl-88 {
    padding-left: 88px;
  }
  .pl-xl-88--force {
    padding-left: 88px !important;
  }
  .p-xl-92 {
    padding: 92px;
  }
  .p-xl-92--force {
    padding: 92px !important;
  }
  .px-xl-92 {
    padding-right: 92px;
    padding-left: 92px;
  }
  .px-xl-92--force {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .py-xl-92 {
    padding-top: 92px;
    padding-bottom: 92px;
  }
  .py-xl-92--force {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .pt-xl-92 {
    padding-top: 92px;
  }
  .pt-xl-92--force {
    padding-top: 92px !important;
  }
  .pr-xl-92 {
    padding-right: 92px;
  }
  .pr-xl-92--force {
    padding-right: 92px !important;
  }
  .pb-xl-92 {
    padding-bottom: 92px;
  }
  .pb-xl-92--force {
    padding-bottom: 92px !important;
  }
  .pl-xl-92 {
    padding-left: 92px;
  }
  .pl-xl-92--force {
    padding-left: 92px !important;
  }
  .p-xl-96 {
    padding: var(--matcha-space-1200, 96px);
  }
  .p-xl-96--force {
    padding: var(--matcha-space-1200, 96px) !important;
  }
  .px-xl-96 {
    padding-right: var(--matcha-space-1200, 96px);
    padding-left: var(--matcha-space-1200, 96px);
  }
  .px-xl-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
  .py-xl-96 {
    padding-top: var(--matcha-space-1200, 96px);
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .py-xl-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pt-xl-96 {
    padding-top: var(--matcha-space-1200, 96px);
  }
  .pt-xl-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
  }
  .pr-xl-96 {
    padding-right: var(--matcha-space-1200, 96px);
  }
  .pr-xl-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
  }
  .pb-xl-96 {
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .pb-xl-96--force {
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pl-xl-96 {
    padding-left: var(--matcha-space-1200, 96px);
  }
  .pl-xl-96--force {
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
}
[class^=grid-] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

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

.span-1c,
.colspan-1 {
  grid-column-end: span 1;
}

.span-1r,
.rowspan-1 {
  grid-row-end: span 1;
}

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

.span-2c,
.colspan-2 {
  grid-column-end: span 2;
}

.span-2r,
.rowspan-2 {
  grid-row-end: span 2;
}

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

.span-3c,
.colspan-3 {
  grid-column-end: span 3;
}

.span-3r,
.rowspan-3 {
  grid-row-end: span 3;
}

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

.span-4c,
.colspan-4 {
  grid-column-end: span 4;
}

.span-4r,
.rowspan-4 {
  grid-row-end: span 4;
}

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

.span-5c,
.colspan-5 {
  grid-column-end: span 5;
}

.span-5r,
.rowspan-5 {
  grid-row-end: span 5;
}

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

.span-6c,
.colspan-6 {
  grid-column-end: span 6;
}

.span-6r,
.rowspan-6 {
  grid-row-end: span 6;
}

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

.span-7c,
.colspan-7 {
  grid-column-end: span 7;
}

.span-7r,
.rowspan-7 {
  grid-row-end: span 7;
}

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

.span-8c,
.colspan-8 {
  grid-column-end: span 8;
}

.span-8r,
.rowspan-8 {
  grid-row-end: span 8;
}

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

.span-9c,
.colspan-9 {
  grid-column-end: span 9;
}

.span-9r,
.rowspan-9 {
  grid-row-end: span 9;
}

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

.span-10c,
.colspan-10 {
  grid-column-end: span 10;
}

.span-10r,
.rowspan-10 {
  grid-row-end: span 10;
}

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

.span-11c,
.colspan-11 {
  grid-column-end: span 11;
}

.span-11r,
.rowspan-11 {
  grid-row-end: span 11;
}

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

.span-12c,
.colspan-12 {
  grid-column-end: span 12;
}

.span-12r,
.rowspan-12 {
  grid-row-end: span 12;
}

@media screen and (max-width: 639px) {
  .grid-xs-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .span-xs-1c,
  .colspan-xs-1 {
    grid-column-end: span 1;
  }
  .span-xs-1r,
  .rowspan-xs-1 {
    grid-row-end: span 1;
  }
  .grid-xs-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .span-xs-2c,
  .colspan-xs-2 {
    grid-column-end: span 2;
  }
  .span-xs-2r,
  .rowspan-xs-2 {
    grid-row-end: span 2;
  }
  .grid-xs-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .span-xs-3c,
  .colspan-xs-3 {
    grid-column-end: span 3;
  }
  .span-xs-3r,
  .rowspan-xs-3 {
    grid-row-end: span 3;
  }
  .grid-xs-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .span-xs-4c,
  .colspan-xs-4 {
    grid-column-end: span 4;
  }
  .span-xs-4r,
  .rowspan-xs-4 {
    grid-row-end: span 4;
  }
  .grid-xs-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .span-xs-5c,
  .colspan-xs-5 {
    grid-column-end: span 5;
  }
  .span-xs-5r,
  .rowspan-xs-5 {
    grid-row-end: span 5;
  }
  .grid-xs-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .span-xs-6c,
  .colspan-xs-6 {
    grid-column-end: span 6;
  }
  .span-xs-6r,
  .rowspan-xs-6 {
    grid-row-end: span 6;
  }
  .grid-xs-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .span-xs-7c,
  .colspan-xs-7 {
    grid-column-end: span 7;
  }
  .span-xs-7r,
  .rowspan-xs-7 {
    grid-row-end: span 7;
  }
  .grid-xs-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .span-xs-8c,
  .colspan-xs-8 {
    grid-column-end: span 8;
  }
  .span-xs-8r,
  .rowspan-xs-8 {
    grid-row-end: span 8;
  }
  .grid-xs-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .span-xs-9c,
  .colspan-xs-9 {
    grid-column-end: span 9;
  }
  .span-xs-9r,
  .rowspan-xs-9 {
    grid-row-end: span 9;
  }
  .grid-xs-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .span-xs-10c,
  .colspan-xs-10 {
    grid-column-end: span 10;
  }
  .span-xs-10r,
  .rowspan-xs-10 {
    grid-row-end: span 10;
  }
  .grid-xs-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .span-xs-11c,
  .colspan-xs-11 {
    grid-column-end: span 11;
  }
  .span-xs-11r,
  .rowspan-xs-11 {
    grid-row-end: span 11;
  }
  .grid-xs-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .span-xs-12c,
  .colspan-xs-12 {
    grid-column-end: span 12;
  }
  .span-xs-12r,
  .rowspan-xs-12 {
    grid-row-end: span 12;
  }
}
@media screen and (min-width: 640px) {
  .grid-sm-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .span-sm-1c,
  .colspan-sm-1 {
    grid-column-end: span 1;
  }
  .span-sm-1r,
  .rowspan-sm-1 {
    grid-row-end: span 1;
  }
  .grid-sm-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .span-sm-2c,
  .colspan-sm-2 {
    grid-column-end: span 2;
  }
  .span-sm-2r,
  .rowspan-sm-2 {
    grid-row-end: span 2;
  }
  .grid-sm-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .span-sm-3c,
  .colspan-sm-3 {
    grid-column-end: span 3;
  }
  .span-sm-3r,
  .rowspan-sm-3 {
    grid-row-end: span 3;
  }
  .grid-sm-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .span-sm-4c,
  .colspan-sm-4 {
    grid-column-end: span 4;
  }
  .span-sm-4r,
  .rowspan-sm-4 {
    grid-row-end: span 4;
  }
  .grid-sm-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .span-sm-5c,
  .colspan-sm-5 {
    grid-column-end: span 5;
  }
  .span-sm-5r,
  .rowspan-sm-5 {
    grid-row-end: span 5;
  }
  .grid-sm-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .span-sm-6c,
  .colspan-sm-6 {
    grid-column-end: span 6;
  }
  .span-sm-6r,
  .rowspan-sm-6 {
    grid-row-end: span 6;
  }
  .grid-sm-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .span-sm-7c,
  .colspan-sm-7 {
    grid-column-end: span 7;
  }
  .span-sm-7r,
  .rowspan-sm-7 {
    grid-row-end: span 7;
  }
  .grid-sm-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .span-sm-8c,
  .colspan-sm-8 {
    grid-column-end: span 8;
  }
  .span-sm-8r,
  .rowspan-sm-8 {
    grid-row-end: span 8;
  }
  .grid-sm-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .span-sm-9c,
  .colspan-sm-9 {
    grid-column-end: span 9;
  }
  .span-sm-9r,
  .rowspan-sm-9 {
    grid-row-end: span 9;
  }
  .grid-sm-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .span-sm-10c,
  .colspan-sm-10 {
    grid-column-end: span 10;
  }
  .span-sm-10r,
  .rowspan-sm-10 {
    grid-row-end: span 10;
  }
  .grid-sm-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .span-sm-11c,
  .colspan-sm-11 {
    grid-column-end: span 11;
  }
  .span-sm-11r,
  .rowspan-sm-11 {
    grid-row-end: span 11;
  }
  .grid-sm-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .span-sm-12c,
  .colspan-sm-12 {
    grid-column-end: span 12;
  }
  .span-sm-12r,
  .rowspan-sm-12 {
    grid-row-end: span 12;
  }
}
@media screen and (min-width: 1024px) {
  .grid-md-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .span-md-1c,
  .colspan-md-1 {
    grid-column-end: span 1;
  }
  .span-md-1r,
  .rowspan-md-1 {
    grid-row-end: span 1;
  }
  .grid-md-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .span-md-2c,
  .colspan-md-2 {
    grid-column-end: span 2;
  }
  .span-md-2r,
  .rowspan-md-2 {
    grid-row-end: span 2;
  }
  .grid-md-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .span-md-3c,
  .colspan-md-3 {
    grid-column-end: span 3;
  }
  .span-md-3r,
  .rowspan-md-3 {
    grid-row-end: span 3;
  }
  .grid-md-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .span-md-4c,
  .colspan-md-4 {
    grid-column-end: span 4;
  }
  .span-md-4r,
  .rowspan-md-4 {
    grid-row-end: span 4;
  }
  .grid-md-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .span-md-5c,
  .colspan-md-5 {
    grid-column-end: span 5;
  }
  .span-md-5r,
  .rowspan-md-5 {
    grid-row-end: span 5;
  }
  .grid-md-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .span-md-6c,
  .colspan-md-6 {
    grid-column-end: span 6;
  }
  .span-md-6r,
  .rowspan-md-6 {
    grid-row-end: span 6;
  }
  .grid-md-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .span-md-7c,
  .colspan-md-7 {
    grid-column-end: span 7;
  }
  .span-md-7r,
  .rowspan-md-7 {
    grid-row-end: span 7;
  }
  .grid-md-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .span-md-8c,
  .colspan-md-8 {
    grid-column-end: span 8;
  }
  .span-md-8r,
  .rowspan-md-8 {
    grid-row-end: span 8;
  }
  .grid-md-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .span-md-9c,
  .colspan-md-9 {
    grid-column-end: span 9;
  }
  .span-md-9r,
  .rowspan-md-9 {
    grid-row-end: span 9;
  }
  .grid-md-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .span-md-10c,
  .colspan-md-10 {
    grid-column-end: span 10;
  }
  .span-md-10r,
  .rowspan-md-10 {
    grid-row-end: span 10;
  }
  .grid-md-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .span-md-11c,
  .colspan-md-11 {
    grid-column-end: span 11;
  }
  .span-md-11r,
  .rowspan-md-11 {
    grid-row-end: span 11;
  }
  .grid-md-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .span-md-12c,
  .colspan-md-12 {
    grid-column-end: span 12;
  }
  .span-md-12r,
  .rowspan-md-12 {
    grid-row-end: span 12;
  }
}
@media screen and (min-width: 1280px) {
  .grid-lg-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .span-lg-1c,
  .colspan-lg-1 {
    grid-column-end: span 1;
  }
  .span-lg-1r,
  .rowspan-lg-1 {
    grid-row-end: span 1;
  }
  .grid-lg-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .span-lg-2c,
  .colspan-lg-2 {
    grid-column-end: span 2;
  }
  .span-lg-2r,
  .rowspan-lg-2 {
    grid-row-end: span 2;
  }
  .grid-lg-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .span-lg-3c,
  .colspan-lg-3 {
    grid-column-end: span 3;
  }
  .span-lg-3r,
  .rowspan-lg-3 {
    grid-row-end: span 3;
  }
  .grid-lg-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .span-lg-4c,
  .colspan-lg-4 {
    grid-column-end: span 4;
  }
  .span-lg-4r,
  .rowspan-lg-4 {
    grid-row-end: span 4;
  }
  .grid-lg-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .span-lg-5c,
  .colspan-lg-5 {
    grid-column-end: span 5;
  }
  .span-lg-5r,
  .rowspan-lg-5 {
    grid-row-end: span 5;
  }
  .grid-lg-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .span-lg-6c,
  .colspan-lg-6 {
    grid-column-end: span 6;
  }
  .span-lg-6r,
  .rowspan-lg-6 {
    grid-row-end: span 6;
  }
  .grid-lg-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .span-lg-7c,
  .colspan-lg-7 {
    grid-column-end: span 7;
  }
  .span-lg-7r,
  .rowspan-lg-7 {
    grid-row-end: span 7;
  }
  .grid-lg-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .span-lg-8c,
  .colspan-lg-8 {
    grid-column-end: span 8;
  }
  .span-lg-8r,
  .rowspan-lg-8 {
    grid-row-end: span 8;
  }
  .grid-lg-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .span-lg-9c,
  .colspan-lg-9 {
    grid-column-end: span 9;
  }
  .span-lg-9r,
  .rowspan-lg-9 {
    grid-row-end: span 9;
  }
  .grid-lg-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .span-lg-10c,
  .colspan-lg-10 {
    grid-column-end: span 10;
  }
  .span-lg-10r,
  .rowspan-lg-10 {
    grid-row-end: span 10;
  }
  .grid-lg-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .span-lg-11c,
  .colspan-lg-11 {
    grid-column-end: span 11;
  }
  .span-lg-11r,
  .rowspan-lg-11 {
    grid-row-end: span 11;
  }
  .grid-lg-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .span-lg-12c,
  .colspan-lg-12 {
    grid-column-end: span 12;
  }
  .span-lg-12r,
  .rowspan-lg-12 {
    grid-row-end: span 12;
  }
}
@media screen and (min-width: 1536px) {
  .grid-xl-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .span-xl-1c,
  .colspan-xl-1 {
    grid-column-end: span 1;
  }
  .span-xl-1r,
  .rowspan-xl-1 {
    grid-row-end: span 1;
  }
  .grid-xl-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .span-xl-2c,
  .colspan-xl-2 {
    grid-column-end: span 2;
  }
  .span-xl-2r,
  .rowspan-xl-2 {
    grid-row-end: span 2;
  }
  .grid-xl-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .span-xl-3c,
  .colspan-xl-3 {
    grid-column-end: span 3;
  }
  .span-xl-3r,
  .rowspan-xl-3 {
    grid-row-end: span 3;
  }
  .grid-xl-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .span-xl-4c,
  .colspan-xl-4 {
    grid-column-end: span 4;
  }
  .span-xl-4r,
  .rowspan-xl-4 {
    grid-row-end: span 4;
  }
  .grid-xl-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .span-xl-5c,
  .colspan-xl-5 {
    grid-column-end: span 5;
  }
  .span-xl-5r,
  .rowspan-xl-5 {
    grid-row-end: span 5;
  }
  .grid-xl-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .span-xl-6c,
  .colspan-xl-6 {
    grid-column-end: span 6;
  }
  .span-xl-6r,
  .rowspan-xl-6 {
    grid-row-end: span 6;
  }
  .grid-xl-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .span-xl-7c,
  .colspan-xl-7 {
    grid-column-end: span 7;
  }
  .span-xl-7r,
  .rowspan-xl-7 {
    grid-row-end: span 7;
  }
  .grid-xl-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .span-xl-8c,
  .colspan-xl-8 {
    grid-column-end: span 8;
  }
  .span-xl-8r,
  .rowspan-xl-8 {
    grid-row-end: span 8;
  }
  .grid-xl-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .span-xl-9c,
  .colspan-xl-9 {
    grid-column-end: span 9;
  }
  .span-xl-9r,
  .rowspan-xl-9 {
    grid-row-end: span 9;
  }
  .grid-xl-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .span-xl-10c,
  .colspan-xl-10 {
    grid-column-end: span 10;
  }
  .span-xl-10r,
  .rowspan-xl-10 {
    grid-row-end: span 10;
  }
  .grid-xl-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .span-xl-11c,
  .colspan-xl-11 {
    grid-column-end: span 11;
  }
  .span-xl-11r,
  .rowspan-xl-11 {
    grid-row-end: span 11;
  }
  .grid-xl-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .span-xl-12c,
  .colspan-xl-12 {
    grid-column-end: span 12;
  }
  .span-xl-12r,
  .rowspan-xl-12 {
    grid-row-end: span 12;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
}
.row > div[class*=col-] {
  box-sizing: border-box;
}
.row > div:not([class*=col-]) {
  flex: 1;
}
.row .col-1 {
  flex-basis: 8.3333333333%;
}
.row .col-offset-1 {
  margin-left: 8.3333333333%;
}
.row .col-2 {
  flex-basis: 16.6666666667%;
}
.row .col-offset-2 {
  margin-left: 16.6666666667%;
}
.row .col-3 {
  flex-basis: 25%;
}
.row .col-offset-3 {
  margin-left: 25%;
}
.row .col-4 {
  flex-basis: 33.3333333333%;
}
.row .col-offset-4 {
  margin-left: 33.3333333333%;
}
.row .col-5 {
  flex-basis: 41.6666666667%;
}
.row .col-offset-5 {
  margin-left: 41.6666666667%;
}
.row .col-6 {
  flex-basis: 50%;
}
.row .col-offset-6 {
  margin-left: 50%;
}
.row .col-7 {
  flex-basis: 58.3333333333%;
}
.row .col-offset-7 {
  margin-left: 58.3333333333%;
}
.row .col-8 {
  flex-basis: 66.6666666667%;
}
.row .col-offset-8 {
  margin-left: 66.6666666667%;
}
.row .col-9 {
  flex-basis: 75%;
}
.row .col-offset-9 {
  margin-left: 75%;
}
.row .col-10 {
  flex-basis: 83.3333333333%;
}
.row .col-offset-10 {
  margin-left: 83.3333333333%;
}
.row .col-11 {
  flex-basis: 91.6666666667%;
}
.row .col-offset-11 {
  margin-left: 91.6666666667%;
}
.row .col-12 {
  flex-basis: 100%;
}
.row .col-offset-12 {
  margin-left: 100%;
}
.row > div[class*=col-].align-start {
  align-self: flex-start;
}
.row > div[class*=col-].align-center {
  align-self: center;
}
.row > div[class*=col-].align-end {
  align-self: flex-end;
}
.row.align-start {
  justify-content: flex-start;
}
.row.align-center {
  justify-content: center;
}
.row.align-end {
  justify-content: flex-end;
}
.row.space-around {
  justify-content: space-around;
}
.row.space-between {
  justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .row .col-xs-1 {
    flex-basis: 8.3333333333%;
  }
  .row .col-offset-xs-1 {
    margin-left: 8.3333333333%;
  }
  .row .col-xs-2 {
    flex-basis: 16.6666666667%;
  }
  .row .col-offset-xs-2 {
    margin-left: 16.6666666667%;
  }
  .row .col-xs-3 {
    flex-basis: 25%;
  }
  .row .col-offset-xs-3 {
    margin-left: 25%;
  }
  .row .col-xs-4 {
    flex-basis: 33.3333333333%;
  }
  .row .col-offset-xs-4 {
    margin-left: 33.3333333333%;
  }
  .row .col-xs-5 {
    flex-basis: 41.6666666667%;
  }
  .row .col-offset-xs-5 {
    margin-left: 41.6666666667%;
  }
  .row .col-xs-6 {
    flex-basis: 50%;
  }
  .row .col-offset-xs-6 {
    margin-left: 50%;
  }
  .row .col-xs-7 {
    flex-basis: 58.3333333333%;
  }
  .row .col-offset-xs-7 {
    margin-left: 58.3333333333%;
  }
  .row .col-xs-8 {
    flex-basis: 66.6666666667%;
  }
  .row .col-offset-xs-8 {
    margin-left: 66.6666666667%;
  }
  .row .col-xs-9 {
    flex-basis: 75%;
  }
  .row .col-offset-xs-9 {
    margin-left: 75%;
  }
  .row .col-xs-10 {
    flex-basis: 83.3333333333%;
  }
  .row .col-offset-xs-10 {
    margin-left: 83.3333333333%;
  }
  .row .col-xs-11 {
    flex-basis: 91.6666666667%;
  }
  .row .col-offset-xs-11 {
    margin-left: 91.6666666667%;
  }
  .row .col-xs-12 {
    flex-basis: 100%;
  }
  .row .col-offset-xs-12 {
    margin-left: 100%;
  }
  .row > div[class*=col-].align-start {
    align-self: flex-start;
  }
  .row > div[class*=col-].align-center {
    align-self: center;
  }
  .row > div[class*=col-].align-end {
    align-self: flex-end;
  }
  .row.align-start {
    justify-content: flex-start;
  }
  .row.align-center {
    justify-content: center;
  }
  .row.align-end {
    justify-content: flex-end;
  }
  .row.space-around {
    justify-content: space-around;
  }
  .row.space-between {
    justify-content: space-between;
  }
}
@media screen and (min-width: 640px) {
  .row .col-sm-1 {
    flex-basis: 8.3333333333%;
  }
  .row .col-offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .row .col-sm-2 {
    flex-basis: 16.6666666667%;
  }
  .row .col-offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .row .col-sm-3 {
    flex-basis: 25%;
  }
  .row .col-offset-sm-3 {
    margin-left: 25%;
  }
  .row .col-sm-4 {
    flex-basis: 33.3333333333%;
  }
  .row .col-offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .row .col-sm-5 {
    flex-basis: 41.6666666667%;
  }
  .row .col-offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .row .col-sm-6 {
    flex-basis: 50%;
  }
  .row .col-offset-sm-6 {
    margin-left: 50%;
  }
  .row .col-sm-7 {
    flex-basis: 58.3333333333%;
  }
  .row .col-offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .row .col-sm-8 {
    flex-basis: 66.6666666667%;
  }
  .row .col-offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .row .col-sm-9 {
    flex-basis: 75%;
  }
  .row .col-offset-sm-9 {
    margin-left: 75%;
  }
  .row .col-sm-10 {
    flex-basis: 83.3333333333%;
  }
  .row .col-offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .row .col-sm-11 {
    flex-basis: 91.6666666667%;
  }
  .row .col-offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .row .col-sm-12 {
    flex-basis: 100%;
  }
  .row .col-offset-sm-12 {
    margin-left: 100%;
  }
  .row > div[class*=col-].align-start {
    align-self: flex-start;
  }
  .row > div[class*=col-].align-center {
    align-self: center;
  }
  .row > div[class*=col-].align-end {
    align-self: flex-end;
  }
  .row.align-start {
    justify-content: flex-start;
  }
  .row.align-center {
    justify-content: center;
  }
  .row.align-end {
    justify-content: flex-end;
  }
  .row.space-around {
    justify-content: space-around;
  }
  .row.space-between {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .row .col-md-1 {
    flex-basis: 8.3333333333%;
  }
  .row .col-offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .row .col-md-2 {
    flex-basis: 16.6666666667%;
  }
  .row .col-offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .row .col-md-3 {
    flex-basis: 25%;
  }
  .row .col-offset-md-3 {
    margin-left: 25%;
  }
  .row .col-md-4 {
    flex-basis: 33.3333333333%;
  }
  .row .col-offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .row .col-md-5 {
    flex-basis: 41.6666666667%;
  }
  .row .col-offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .row .col-md-6 {
    flex-basis: 50%;
  }
  .row .col-offset-md-6 {
    margin-left: 50%;
  }
  .row .col-md-7 {
    flex-basis: 58.3333333333%;
  }
  .row .col-offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .row .col-md-8 {
    flex-basis: 66.6666666667%;
  }
  .row .col-offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .row .col-md-9 {
    flex-basis: 75%;
  }
  .row .col-offset-md-9 {
    margin-left: 75%;
  }
  .row .col-md-10 {
    flex-basis: 83.3333333333%;
  }
  .row .col-offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .row .col-md-11 {
    flex-basis: 91.6666666667%;
  }
  .row .col-offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .row .col-md-12 {
    flex-basis: 100%;
  }
  .row .col-offset-md-12 {
    margin-left: 100%;
  }
  .row > div[class*=col-].align-start {
    align-self: flex-start;
  }
  .row > div[class*=col-].align-center {
    align-self: center;
  }
  .row > div[class*=col-].align-end {
    align-self: flex-end;
  }
  .row.align-start {
    justify-content: flex-start;
  }
  .row.align-center {
    justify-content: center;
  }
  .row.align-end {
    justify-content: flex-end;
  }
  .row.space-around {
    justify-content: space-around;
  }
  .row.space-between {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1280px) {
  .row .col-lg-1 {
    flex-basis: 8.3333333333%;
  }
  .row .col-offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .row .col-lg-2 {
    flex-basis: 16.6666666667%;
  }
  .row .col-offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .row .col-lg-3 {
    flex-basis: 25%;
  }
  .row .col-offset-lg-3 {
    margin-left: 25%;
  }
  .row .col-lg-4 {
    flex-basis: 33.3333333333%;
  }
  .row .col-offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .row .col-lg-5 {
    flex-basis: 41.6666666667%;
  }
  .row .col-offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .row .col-lg-6 {
    flex-basis: 50%;
  }
  .row .col-offset-lg-6 {
    margin-left: 50%;
  }
  .row .col-lg-7 {
    flex-basis: 58.3333333333%;
  }
  .row .col-offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .row .col-lg-8 {
    flex-basis: 66.6666666667%;
  }
  .row .col-offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .row .col-lg-9 {
    flex-basis: 75%;
  }
  .row .col-offset-lg-9 {
    margin-left: 75%;
  }
  .row .col-lg-10 {
    flex-basis: 83.3333333333%;
  }
  .row .col-offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .row .col-lg-11 {
    flex-basis: 91.6666666667%;
  }
  .row .col-offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .row .col-lg-12 {
    flex-basis: 100%;
  }
  .row .col-offset-lg-12 {
    margin-left: 100%;
  }
  .row > div[class*=col-].align-start {
    align-self: flex-start;
  }
  .row > div[class*=col-].align-center {
    align-self: center;
  }
  .row > div[class*=col-].align-end {
    align-self: flex-end;
  }
  .row.align-start {
    justify-content: flex-start;
  }
  .row.align-center {
    justify-content: center;
  }
  .row.align-end {
    justify-content: flex-end;
  }
  .row.space-around {
    justify-content: space-around;
  }
  .row.space-between {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1536px) {
  .row .col-xl-1 {
    flex-basis: 8.3333333333%;
  }
  .row .col-offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .row .col-xl-2 {
    flex-basis: 16.6666666667%;
  }
  .row .col-offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .row .col-xl-3 {
    flex-basis: 25%;
  }
  .row .col-offset-xl-3 {
    margin-left: 25%;
  }
  .row .col-xl-4 {
    flex-basis: 33.3333333333%;
  }
  .row .col-offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .row .col-xl-5 {
    flex-basis: 41.6666666667%;
  }
  .row .col-offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .row .col-xl-6 {
    flex-basis: 50%;
  }
  .row .col-offset-xl-6 {
    margin-left: 50%;
  }
  .row .col-xl-7 {
    flex-basis: 58.3333333333%;
  }
  .row .col-offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .row .col-xl-8 {
    flex-basis: 66.6666666667%;
  }
  .row .col-offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .row .col-xl-9 {
    flex-basis: 75%;
  }
  .row .col-offset-xl-9 {
    margin-left: 75%;
  }
  .row .col-xl-10 {
    flex-basis: 83.3333333333%;
  }
  .row .col-offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .row .col-xl-11 {
    flex-basis: 91.6666666667%;
  }
  .row .col-offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .row .col-xl-12 {
    flex-basis: 100%;
  }
  .row .col-offset-xl-12 {
    margin-left: 100%;
  }
  .row > div[class*=col-].align-start {
    align-self: flex-start;
  }
  .row > div[class*=col-].align-center {
    align-self: center;
  }
  .row > div[class*=col-].align-end {
    align-self: flex-end;
  }
  .row.align-start {
    justify-content: flex-start;
  }
  .row.align-center {
    justify-content: center;
  }
  .row.align-end {
    justify-content: flex-end;
  }
  .row.space-around {
    justify-content: space-around;
  }
  .row.space-between {
    justify-content: space-between;
  }
}

.gap-0 {
  column-gap: var(--matcha-space-0, 0);
  row-gap: var(--matcha-space-0, 0);
}

.gap-4 {
  column-gap: var(--matcha-space-050, 4px);
  row-gap: var(--matcha-space-050, 4px);
}

.gap-8 {
  column-gap: var(--matcha-space-100, 8px);
  row-gap: var(--matcha-space-100, 8px);
}

.gap-12 {
  column-gap: var(--matcha-space-150, 12px);
  row-gap: var(--matcha-space-150, 12px);
}

.gap-16 {
  column-gap: var(--matcha-space-200, 16px);
  row-gap: var(--matcha-space-200, 16px);
}

.gap-20 {
  column-gap: var(--matcha-space-250, 20px);
  row-gap: var(--matcha-space-250, 20px);
}

.gap-24 {
  column-gap: var(--matcha-space-300, 24px);
  row-gap: var(--matcha-space-300, 24px);
}

.gap-28 {
  column-gap: 28px;
  row-gap: 28px;
}

.gap-32 {
  column-gap: var(--matcha-space-400, 32px);
  row-gap: var(--matcha-space-400, 32px);
}

.gap-36 {
  column-gap: 36px;
  row-gap: 36px;
}

.gap-40 {
  column-gap: var(--matcha-space-500, 40px);
  row-gap: var(--matcha-space-500, 40px);
}

.gap-44 {
  column-gap: 44px;
  row-gap: 44px;
}

.gap-48 {
  column-gap: var(--matcha-space-600, 48px);
  row-gap: var(--matcha-space-600, 48px);
}

@media screen and (max-width: 639px) {
  .gap-xs-0 {
    column-gap: var(--matcha-space-0, 0);
    row-gap: var(--matcha-space-0, 0);
  }
  .gap-xs-4 {
    column-gap: var(--matcha-space-050, 4px);
    row-gap: var(--matcha-space-050, 4px);
  }
  .gap-xs-8 {
    column-gap: var(--matcha-space-100, 8px);
    row-gap: var(--matcha-space-100, 8px);
  }
  .gap-xs-12 {
    column-gap: var(--matcha-space-150, 12px);
    row-gap: var(--matcha-space-150, 12px);
  }
  .gap-xs-16 {
    column-gap: var(--matcha-space-200, 16px);
    row-gap: var(--matcha-space-200, 16px);
  }
  .gap-xs-20 {
    column-gap: var(--matcha-space-250, 20px);
    row-gap: var(--matcha-space-250, 20px);
  }
  .gap-xs-24 {
    column-gap: var(--matcha-space-300, 24px);
    row-gap: var(--matcha-space-300, 24px);
  }
  .gap-xs-28 {
    column-gap: 28px;
    row-gap: 28px;
  }
  .gap-xs-32 {
    column-gap: var(--matcha-space-400, 32px);
    row-gap: var(--matcha-space-400, 32px);
  }
  .gap-xs-36 {
    column-gap: 36px;
    row-gap: 36px;
  }
  .gap-xs-40 {
    column-gap: var(--matcha-space-500, 40px);
    row-gap: var(--matcha-space-500, 40px);
  }
  .gap-xs-44 {
    column-gap: 44px;
    row-gap: 44px;
  }
  .gap-xs-48 {
    column-gap: var(--matcha-space-600, 48px);
    row-gap: var(--matcha-space-600, 48px);
  }
}
@media screen and (min-width: 640px) {
  .gap-sm-0 {
    column-gap: var(--matcha-space-0, 0);
    row-gap: var(--matcha-space-0, 0);
  }
  .gap-sm-4 {
    column-gap: var(--matcha-space-050, 4px);
    row-gap: var(--matcha-space-050, 4px);
  }
  .gap-sm-8 {
    column-gap: var(--matcha-space-100, 8px);
    row-gap: var(--matcha-space-100, 8px);
  }
  .gap-sm-12 {
    column-gap: var(--matcha-space-150, 12px);
    row-gap: var(--matcha-space-150, 12px);
  }
  .gap-sm-16 {
    column-gap: var(--matcha-space-200, 16px);
    row-gap: var(--matcha-space-200, 16px);
  }
  .gap-sm-20 {
    column-gap: var(--matcha-space-250, 20px);
    row-gap: var(--matcha-space-250, 20px);
  }
  .gap-sm-24 {
    column-gap: var(--matcha-space-300, 24px);
    row-gap: var(--matcha-space-300, 24px);
  }
  .gap-sm-28 {
    column-gap: 28px;
    row-gap: 28px;
  }
  .gap-sm-32 {
    column-gap: var(--matcha-space-400, 32px);
    row-gap: var(--matcha-space-400, 32px);
  }
  .gap-sm-36 {
    column-gap: 36px;
    row-gap: 36px;
  }
  .gap-sm-40 {
    column-gap: var(--matcha-space-500, 40px);
    row-gap: var(--matcha-space-500, 40px);
  }
  .gap-sm-44 {
    column-gap: 44px;
    row-gap: 44px;
  }
  .gap-sm-48 {
    column-gap: var(--matcha-space-600, 48px);
    row-gap: var(--matcha-space-600, 48px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-md-0 {
    column-gap: var(--matcha-space-0, 0);
    row-gap: var(--matcha-space-0, 0);
  }
  .gap-md-4 {
    column-gap: var(--matcha-space-050, 4px);
    row-gap: var(--matcha-space-050, 4px);
  }
  .gap-md-8 {
    column-gap: var(--matcha-space-100, 8px);
    row-gap: var(--matcha-space-100, 8px);
  }
  .gap-md-12 {
    column-gap: var(--matcha-space-150, 12px);
    row-gap: var(--matcha-space-150, 12px);
  }
  .gap-md-16 {
    column-gap: var(--matcha-space-200, 16px);
    row-gap: var(--matcha-space-200, 16px);
  }
  .gap-md-20 {
    column-gap: var(--matcha-space-250, 20px);
    row-gap: var(--matcha-space-250, 20px);
  }
  .gap-md-24 {
    column-gap: var(--matcha-space-300, 24px);
    row-gap: var(--matcha-space-300, 24px);
  }
  .gap-md-28 {
    column-gap: 28px;
    row-gap: 28px;
  }
  .gap-md-32 {
    column-gap: var(--matcha-space-400, 32px);
    row-gap: var(--matcha-space-400, 32px);
  }
  .gap-md-36 {
    column-gap: 36px;
    row-gap: 36px;
  }
  .gap-md-40 {
    column-gap: var(--matcha-space-500, 40px);
    row-gap: var(--matcha-space-500, 40px);
  }
  .gap-md-44 {
    column-gap: 44px;
    row-gap: 44px;
  }
  .gap-md-48 {
    column-gap: var(--matcha-space-600, 48px);
    row-gap: var(--matcha-space-600, 48px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-0 {
    column-gap: var(--matcha-space-0, 0);
    row-gap: var(--matcha-space-0, 0);
  }
  .gap-lg-4 {
    column-gap: var(--matcha-space-050, 4px);
    row-gap: var(--matcha-space-050, 4px);
  }
  .gap-lg-8 {
    column-gap: var(--matcha-space-100, 8px);
    row-gap: var(--matcha-space-100, 8px);
  }
  .gap-lg-12 {
    column-gap: var(--matcha-space-150, 12px);
    row-gap: var(--matcha-space-150, 12px);
  }
  .gap-lg-16 {
    column-gap: var(--matcha-space-200, 16px);
    row-gap: var(--matcha-space-200, 16px);
  }
  .gap-lg-20 {
    column-gap: var(--matcha-space-250, 20px);
    row-gap: var(--matcha-space-250, 20px);
  }
  .gap-lg-24 {
    column-gap: var(--matcha-space-300, 24px);
    row-gap: var(--matcha-space-300, 24px);
  }
  .gap-lg-28 {
    column-gap: 28px;
    row-gap: 28px;
  }
  .gap-lg-32 {
    column-gap: var(--matcha-space-400, 32px);
    row-gap: var(--matcha-space-400, 32px);
  }
  .gap-lg-36 {
    column-gap: 36px;
    row-gap: 36px;
  }
  .gap-lg-40 {
    column-gap: var(--matcha-space-500, 40px);
    row-gap: var(--matcha-space-500, 40px);
  }
  .gap-lg-44 {
    column-gap: 44px;
    row-gap: 44px;
  }
  .gap-lg-48 {
    column-gap: var(--matcha-space-600, 48px);
    row-gap: var(--matcha-space-600, 48px);
  }
}
@media screen and (min-width: 1536px) {
  .gap-xl-0 {
    column-gap: var(--matcha-space-0, 0);
    row-gap: var(--matcha-space-0, 0);
  }
  .gap-xl-4 {
    column-gap: var(--matcha-space-050, 4px);
    row-gap: var(--matcha-space-050, 4px);
  }
  .gap-xl-8 {
    column-gap: var(--matcha-space-100, 8px);
    row-gap: var(--matcha-space-100, 8px);
  }
  .gap-xl-12 {
    column-gap: var(--matcha-space-150, 12px);
    row-gap: var(--matcha-space-150, 12px);
  }
  .gap-xl-16 {
    column-gap: var(--matcha-space-200, 16px);
    row-gap: var(--matcha-space-200, 16px);
  }
  .gap-xl-20 {
    column-gap: var(--matcha-space-250, 20px);
    row-gap: var(--matcha-space-250, 20px);
  }
  .gap-xl-24 {
    column-gap: var(--matcha-space-300, 24px);
    row-gap: var(--matcha-space-300, 24px);
  }
  .gap-xl-28 {
    column-gap: 28px;
    row-gap: 28px;
  }
  .gap-xl-32 {
    column-gap: var(--matcha-space-400, 32px);
    row-gap: var(--matcha-space-400, 32px);
  }
  .gap-xl-36 {
    column-gap: 36px;
    row-gap: 36px;
  }
  .gap-xl-40 {
    column-gap: var(--matcha-space-500, 40px);
    row-gap: var(--matcha-space-500, 40px);
  }
  .gap-xl-44 {
    column-gap: 44px;
    row-gap: 44px;
  }
  .gap-xl-48 {
    column-gap: var(--matcha-space-600, 48px);
    row-gap: var(--matcha-space-600, 48px);
  }
}
.gap-inside {
  column-gap: var(--matcha-space-200, 16px);
  row-gap: var(--matcha-space-200, 16px);
}

.gap-outside {
  column-gap: var(--matcha-space-200, 16px);
  row-gap: var(--matcha-space-200, 16px);
}

@media screen and (min-width: 640px) {
  .gap-outside {
    column-gap: var(--matcha-space-300, 24px);
    row-gap: var(--matcha-space-300, 24px);
  }
}
.gap-2 {
  column-gap: var(--matcha-space-025, 2px);
  row-gap: var(--matcha-space-025, 2px);
}

.z-index--1 {
  z-index: -1;
}

.z-index--1--force {
  z-index: -1 !important;
}

.z-index-0 {
  z-index: 0;
}

.z-index-0--force {
  z-index: 0 !important;
}

.z-index-1 {
  z-index: 1;
}

.z-index-1--force {
  z-index: 1 !important;
}

.z-index-2 {
  z-index: 2;
}

.z-index-2--force {
  z-index: 2 !important;
}

.z-index-3 {
  z-index: 3;
}

.z-index-3--force {
  z-index: 3 !important;
}

.z-index-4 {
  z-index: 4;
}

.z-index-4--force {
  z-index: 4 !important;
}

.z-index-5 {
  z-index: 5;
}

.z-index-5--force {
  z-index: 5 !important;
}

.z-index-6 {
  z-index: 6;
}

.z-index-6--force {
  z-index: 6 !important;
}

.z-index-7 {
  z-index: 7;
}

.z-index-7--force {
  z-index: 7 !important;
}

.z-index-8 {
  z-index: 8;
}

.z-index-8--force {
  z-index: 8 !important;
}

.z-index-9 {
  z-index: 9;
}

.z-index-9--force {
  z-index: 9 !important;
}

.z-index-10 {
  z-index: 10;
}

.z-index-10--force {
  z-index: 10 !important;
}

.z-index-11 {
  z-index: 11;
}

.z-index-11--force {
  z-index: 11 !important;
}

.z-index-12 {
  z-index: 12;
}

.z-index-12--force {
  z-index: 12 !important;
}

.z-index-13 {
  z-index: 13;
}

.z-index-13--force {
  z-index: 13 !important;
}

.z-index-14 {
  z-index: 14;
}

.z-index-14--force {
  z-index: 14 !important;
}

.z-index-15 {
  z-index: 15;
}

.z-index-15--force {
  z-index: 15 !important;
}

.z-index-16 {
  z-index: 16;
}

.z-index-16--force {
  z-index: 16 !important;
}

.z-index-17 {
  z-index: 17;
}

.z-index-17--force {
  z-index: 17 !important;
}

.z-index-18 {
  z-index: 18;
}

.z-index-18--force {
  z-index: 18 !important;
}

.z-index-19 {
  z-index: 19;
}

.z-index-19--force {
  z-index: 19 !important;
}

.z-index-20 {
  z-index: 20;
}

.z-index-20--force {
  z-index: 20 !important;
}

.z-index-21 {
  z-index: 21;
}

.z-index-21--force {
  z-index: 21 !important;
}

.z-index-22 {
  z-index: 22;
}

.z-index-22--force {
  z-index: 22 !important;
}

.z-index-23 {
  z-index: 23;
}

.z-index-23--force {
  z-index: 23 !important;
}

.z-index-24 {
  z-index: 24;
}

.z-index-24--force {
  z-index: 24 !important;
}

@media screen and (max-width: 639px) {
  .z-index-xs--1 {
    z-index: -1;
  }
  .z-index-xs--1--force {
    z-index: -1 !important;
  }
  .z-index-xs-0 {
    z-index: 0;
  }
  .z-index-xs-0--force {
    z-index: 0 !important;
  }
  .z-index-xs-1 {
    z-index: 1;
  }
  .z-index-xs-1--force {
    z-index: 1 !important;
  }
  .z-index-xs-2 {
    z-index: 2;
  }
  .z-index-xs-2--force {
    z-index: 2 !important;
  }
  .z-index-xs-3 {
    z-index: 3;
  }
  .z-index-xs-3--force {
    z-index: 3 !important;
  }
  .z-index-xs-4 {
    z-index: 4;
  }
  .z-index-xs-4--force {
    z-index: 4 !important;
  }
  .z-index-xs-5 {
    z-index: 5;
  }
  .z-index-xs-5--force {
    z-index: 5 !important;
  }
  .z-index-xs-6 {
    z-index: 6;
  }
  .z-index-xs-6--force {
    z-index: 6 !important;
  }
  .z-index-xs-7 {
    z-index: 7;
  }
  .z-index-xs-7--force {
    z-index: 7 !important;
  }
  .z-index-xs-8 {
    z-index: 8;
  }
  .z-index-xs-8--force {
    z-index: 8 !important;
  }
  .z-index-xs-9 {
    z-index: 9;
  }
  .z-index-xs-9--force {
    z-index: 9 !important;
  }
  .z-index-xs-10 {
    z-index: 10;
  }
  .z-index-xs-10--force {
    z-index: 10 !important;
  }
  .z-index-xs-11 {
    z-index: 11;
  }
  .z-index-xs-11--force {
    z-index: 11 !important;
  }
  .z-index-xs-12 {
    z-index: 12;
  }
  .z-index-xs-12--force {
    z-index: 12 !important;
  }
  .z-index-xs-13 {
    z-index: 13;
  }
  .z-index-xs-13--force {
    z-index: 13 !important;
  }
  .z-index-xs-14 {
    z-index: 14;
  }
  .z-index-xs-14--force {
    z-index: 14 !important;
  }
  .z-index-xs-15 {
    z-index: 15;
  }
  .z-index-xs-15--force {
    z-index: 15 !important;
  }
  .z-index-xs-16 {
    z-index: 16;
  }
  .z-index-xs-16--force {
    z-index: 16 !important;
  }
  .z-index-xs-17 {
    z-index: 17;
  }
  .z-index-xs-17--force {
    z-index: 17 !important;
  }
  .z-index-xs-18 {
    z-index: 18;
  }
  .z-index-xs-18--force {
    z-index: 18 !important;
  }
  .z-index-xs-19 {
    z-index: 19;
  }
  .z-index-xs-19--force {
    z-index: 19 !important;
  }
  .z-index-xs-20 {
    z-index: 20;
  }
  .z-index-xs-20--force {
    z-index: 20 !important;
  }
  .z-index-xs-21 {
    z-index: 21;
  }
  .z-index-xs-21--force {
    z-index: 21 !important;
  }
  .z-index-xs-22 {
    z-index: 22;
  }
  .z-index-xs-22--force {
    z-index: 22 !important;
  }
  .z-index-xs-23 {
    z-index: 23;
  }
  .z-index-xs-23--force {
    z-index: 23 !important;
  }
  .z-index-xs-24 {
    z-index: 24;
  }
  .z-index-xs-24--force {
    z-index: 24 !important;
  }
}
@media screen and (min-width: 640px) {
  .z-index-sm--1 {
    z-index: -1;
  }
  .z-index-sm--1--force {
    z-index: -1 !important;
  }
  .z-index-sm-0 {
    z-index: 0;
  }
  .z-index-sm-0--force {
    z-index: 0 !important;
  }
  .z-index-sm-1 {
    z-index: 1;
  }
  .z-index-sm-1--force {
    z-index: 1 !important;
  }
  .z-index-sm-2 {
    z-index: 2;
  }
  .z-index-sm-2--force {
    z-index: 2 !important;
  }
  .z-index-sm-3 {
    z-index: 3;
  }
  .z-index-sm-3--force {
    z-index: 3 !important;
  }
  .z-index-sm-4 {
    z-index: 4;
  }
  .z-index-sm-4--force {
    z-index: 4 !important;
  }
  .z-index-sm-5 {
    z-index: 5;
  }
  .z-index-sm-5--force {
    z-index: 5 !important;
  }
  .z-index-sm-6 {
    z-index: 6;
  }
  .z-index-sm-6--force {
    z-index: 6 !important;
  }
  .z-index-sm-7 {
    z-index: 7;
  }
  .z-index-sm-7--force {
    z-index: 7 !important;
  }
  .z-index-sm-8 {
    z-index: 8;
  }
  .z-index-sm-8--force {
    z-index: 8 !important;
  }
  .z-index-sm-9 {
    z-index: 9;
  }
  .z-index-sm-9--force {
    z-index: 9 !important;
  }
  .z-index-sm-10 {
    z-index: 10;
  }
  .z-index-sm-10--force {
    z-index: 10 !important;
  }
  .z-index-sm-11 {
    z-index: 11;
  }
  .z-index-sm-11--force {
    z-index: 11 !important;
  }
  .z-index-sm-12 {
    z-index: 12;
  }
  .z-index-sm-12--force {
    z-index: 12 !important;
  }
  .z-index-sm-13 {
    z-index: 13;
  }
  .z-index-sm-13--force {
    z-index: 13 !important;
  }
  .z-index-sm-14 {
    z-index: 14;
  }
  .z-index-sm-14--force {
    z-index: 14 !important;
  }
  .z-index-sm-15 {
    z-index: 15;
  }
  .z-index-sm-15--force {
    z-index: 15 !important;
  }
  .z-index-sm-16 {
    z-index: 16;
  }
  .z-index-sm-16--force {
    z-index: 16 !important;
  }
  .z-index-sm-17 {
    z-index: 17;
  }
  .z-index-sm-17--force {
    z-index: 17 !important;
  }
  .z-index-sm-18 {
    z-index: 18;
  }
  .z-index-sm-18--force {
    z-index: 18 !important;
  }
  .z-index-sm-19 {
    z-index: 19;
  }
  .z-index-sm-19--force {
    z-index: 19 !important;
  }
  .z-index-sm-20 {
    z-index: 20;
  }
  .z-index-sm-20--force {
    z-index: 20 !important;
  }
  .z-index-sm-21 {
    z-index: 21;
  }
  .z-index-sm-21--force {
    z-index: 21 !important;
  }
  .z-index-sm-22 {
    z-index: 22;
  }
  .z-index-sm-22--force {
    z-index: 22 !important;
  }
  .z-index-sm-23 {
    z-index: 23;
  }
  .z-index-sm-23--force {
    z-index: 23 !important;
  }
  .z-index-sm-24 {
    z-index: 24;
  }
  .z-index-sm-24--force {
    z-index: 24 !important;
  }
}
@media screen and (min-width: 1024px) {
  .z-index-md--1 {
    z-index: -1;
  }
  .z-index-md--1--force {
    z-index: -1 !important;
  }
  .z-index-md-0 {
    z-index: 0;
  }
  .z-index-md-0--force {
    z-index: 0 !important;
  }
  .z-index-md-1 {
    z-index: 1;
  }
  .z-index-md-1--force {
    z-index: 1 !important;
  }
  .z-index-md-2 {
    z-index: 2;
  }
  .z-index-md-2--force {
    z-index: 2 !important;
  }
  .z-index-md-3 {
    z-index: 3;
  }
  .z-index-md-3--force {
    z-index: 3 !important;
  }
  .z-index-md-4 {
    z-index: 4;
  }
  .z-index-md-4--force {
    z-index: 4 !important;
  }
  .z-index-md-5 {
    z-index: 5;
  }
  .z-index-md-5--force {
    z-index: 5 !important;
  }
  .z-index-md-6 {
    z-index: 6;
  }
  .z-index-md-6--force {
    z-index: 6 !important;
  }
  .z-index-md-7 {
    z-index: 7;
  }
  .z-index-md-7--force {
    z-index: 7 !important;
  }
  .z-index-md-8 {
    z-index: 8;
  }
  .z-index-md-8--force {
    z-index: 8 !important;
  }
  .z-index-md-9 {
    z-index: 9;
  }
  .z-index-md-9--force {
    z-index: 9 !important;
  }
  .z-index-md-10 {
    z-index: 10;
  }
  .z-index-md-10--force {
    z-index: 10 !important;
  }
  .z-index-md-11 {
    z-index: 11;
  }
  .z-index-md-11--force {
    z-index: 11 !important;
  }
  .z-index-md-12 {
    z-index: 12;
  }
  .z-index-md-12--force {
    z-index: 12 !important;
  }
  .z-index-md-13 {
    z-index: 13;
  }
  .z-index-md-13--force {
    z-index: 13 !important;
  }
  .z-index-md-14 {
    z-index: 14;
  }
  .z-index-md-14--force {
    z-index: 14 !important;
  }
  .z-index-md-15 {
    z-index: 15;
  }
  .z-index-md-15--force {
    z-index: 15 !important;
  }
  .z-index-md-16 {
    z-index: 16;
  }
  .z-index-md-16--force {
    z-index: 16 !important;
  }
  .z-index-md-17 {
    z-index: 17;
  }
  .z-index-md-17--force {
    z-index: 17 !important;
  }
  .z-index-md-18 {
    z-index: 18;
  }
  .z-index-md-18--force {
    z-index: 18 !important;
  }
  .z-index-md-19 {
    z-index: 19;
  }
  .z-index-md-19--force {
    z-index: 19 !important;
  }
  .z-index-md-20 {
    z-index: 20;
  }
  .z-index-md-20--force {
    z-index: 20 !important;
  }
  .z-index-md-21 {
    z-index: 21;
  }
  .z-index-md-21--force {
    z-index: 21 !important;
  }
  .z-index-md-22 {
    z-index: 22;
  }
  .z-index-md-22--force {
    z-index: 22 !important;
  }
  .z-index-md-23 {
    z-index: 23;
  }
  .z-index-md-23--force {
    z-index: 23 !important;
  }
  .z-index-md-24 {
    z-index: 24;
  }
  .z-index-md-24--force {
    z-index: 24 !important;
  }
}
@media screen and (min-width: 1280px) {
  .z-index-lg--1 {
    z-index: -1;
  }
  .z-index-lg--1--force {
    z-index: -1 !important;
  }
  .z-index-lg-0 {
    z-index: 0;
  }
  .z-index-lg-0--force {
    z-index: 0 !important;
  }
  .z-index-lg-1 {
    z-index: 1;
  }
  .z-index-lg-1--force {
    z-index: 1 !important;
  }
  .z-index-lg-2 {
    z-index: 2;
  }
  .z-index-lg-2--force {
    z-index: 2 !important;
  }
  .z-index-lg-3 {
    z-index: 3;
  }
  .z-index-lg-3--force {
    z-index: 3 !important;
  }
  .z-index-lg-4 {
    z-index: 4;
  }
  .z-index-lg-4--force {
    z-index: 4 !important;
  }
  .z-index-lg-5 {
    z-index: 5;
  }
  .z-index-lg-5--force {
    z-index: 5 !important;
  }
  .z-index-lg-6 {
    z-index: 6;
  }
  .z-index-lg-6--force {
    z-index: 6 !important;
  }
  .z-index-lg-7 {
    z-index: 7;
  }
  .z-index-lg-7--force {
    z-index: 7 !important;
  }
  .z-index-lg-8 {
    z-index: 8;
  }
  .z-index-lg-8--force {
    z-index: 8 !important;
  }
  .z-index-lg-9 {
    z-index: 9;
  }
  .z-index-lg-9--force {
    z-index: 9 !important;
  }
  .z-index-lg-10 {
    z-index: 10;
  }
  .z-index-lg-10--force {
    z-index: 10 !important;
  }
  .z-index-lg-11 {
    z-index: 11;
  }
  .z-index-lg-11--force {
    z-index: 11 !important;
  }
  .z-index-lg-12 {
    z-index: 12;
  }
  .z-index-lg-12--force {
    z-index: 12 !important;
  }
  .z-index-lg-13 {
    z-index: 13;
  }
  .z-index-lg-13--force {
    z-index: 13 !important;
  }
  .z-index-lg-14 {
    z-index: 14;
  }
  .z-index-lg-14--force {
    z-index: 14 !important;
  }
  .z-index-lg-15 {
    z-index: 15;
  }
  .z-index-lg-15--force {
    z-index: 15 !important;
  }
  .z-index-lg-16 {
    z-index: 16;
  }
  .z-index-lg-16--force {
    z-index: 16 !important;
  }
  .z-index-lg-17 {
    z-index: 17;
  }
  .z-index-lg-17--force {
    z-index: 17 !important;
  }
  .z-index-lg-18 {
    z-index: 18;
  }
  .z-index-lg-18--force {
    z-index: 18 !important;
  }
  .z-index-lg-19 {
    z-index: 19;
  }
  .z-index-lg-19--force {
    z-index: 19 !important;
  }
  .z-index-lg-20 {
    z-index: 20;
  }
  .z-index-lg-20--force {
    z-index: 20 !important;
  }
  .z-index-lg-21 {
    z-index: 21;
  }
  .z-index-lg-21--force {
    z-index: 21 !important;
  }
  .z-index-lg-22 {
    z-index: 22;
  }
  .z-index-lg-22--force {
    z-index: 22 !important;
  }
  .z-index-lg-23 {
    z-index: 23;
  }
  .z-index-lg-23--force {
    z-index: 23 !important;
  }
  .z-index-lg-24 {
    z-index: 24;
  }
  .z-index-lg-24--force {
    z-index: 24 !important;
  }
}
@media screen and (min-width: 1536px) {
  .z-index-xl--1 {
    z-index: -1;
  }
  .z-index-xl--1--force {
    z-index: -1 !important;
  }
  .z-index-xl-0 {
    z-index: 0;
  }
  .z-index-xl-0--force {
    z-index: 0 !important;
  }
  .z-index-xl-1 {
    z-index: 1;
  }
  .z-index-xl-1--force {
    z-index: 1 !important;
  }
  .z-index-xl-2 {
    z-index: 2;
  }
  .z-index-xl-2--force {
    z-index: 2 !important;
  }
  .z-index-xl-3 {
    z-index: 3;
  }
  .z-index-xl-3--force {
    z-index: 3 !important;
  }
  .z-index-xl-4 {
    z-index: 4;
  }
  .z-index-xl-4--force {
    z-index: 4 !important;
  }
  .z-index-xl-5 {
    z-index: 5;
  }
  .z-index-xl-5--force {
    z-index: 5 !important;
  }
  .z-index-xl-6 {
    z-index: 6;
  }
  .z-index-xl-6--force {
    z-index: 6 !important;
  }
  .z-index-xl-7 {
    z-index: 7;
  }
  .z-index-xl-7--force {
    z-index: 7 !important;
  }
  .z-index-xl-8 {
    z-index: 8;
  }
  .z-index-xl-8--force {
    z-index: 8 !important;
  }
  .z-index-xl-9 {
    z-index: 9;
  }
  .z-index-xl-9--force {
    z-index: 9 !important;
  }
  .z-index-xl-10 {
    z-index: 10;
  }
  .z-index-xl-10--force {
    z-index: 10 !important;
  }
  .z-index-xl-11 {
    z-index: 11;
  }
  .z-index-xl-11--force {
    z-index: 11 !important;
  }
  .z-index-xl-12 {
    z-index: 12;
  }
  .z-index-xl-12--force {
    z-index: 12 !important;
  }
  .z-index-xl-13 {
    z-index: 13;
  }
  .z-index-xl-13--force {
    z-index: 13 !important;
  }
  .z-index-xl-14 {
    z-index: 14;
  }
  .z-index-xl-14--force {
    z-index: 14 !important;
  }
  .z-index-xl-15 {
    z-index: 15;
  }
  .z-index-xl-15--force {
    z-index: 15 !important;
  }
  .z-index-xl-16 {
    z-index: 16;
  }
  .z-index-xl-16--force {
    z-index: 16 !important;
  }
  .z-index-xl-17 {
    z-index: 17;
  }
  .z-index-xl-17--force {
    z-index: 17 !important;
  }
  .z-index-xl-18 {
    z-index: 18;
  }
  .z-index-xl-18--force {
    z-index: 18 !important;
  }
  .z-index-xl-19 {
    z-index: 19;
  }
  .z-index-xl-19--force {
    z-index: 19 !important;
  }
  .z-index-xl-20 {
    z-index: 20;
  }
  .z-index-xl-20--force {
    z-index: 20 !important;
  }
  .z-index-xl-21 {
    z-index: 21;
  }
  .z-index-xl-21--force {
    z-index: 21 !important;
  }
  .z-index-xl-22 {
    z-index: 22;
  }
  .z-index-xl-22--force {
    z-index: 22 !important;
  }
  .z-index-xl-23 {
    z-index: 23;
  }
  .z-index-xl-23--force {
    z-index: 23 !important;
  }
  .z-index-xl-24 {
    z-index: 24;
  }
  .z-index-xl-24--force {
    z-index: 24 !important;
  }
}
/* <integer> values */
.order--12 {
  order: -12;
}

.order--12--force {
  order: -12 !important;
}

.order--11 {
  order: -11;
}

.order--11--force {
  order: -11 !important;
}

.order--10 {
  order: -10;
}

.order--10--force {
  order: -10 !important;
}

.order--9 {
  order: -9;
}

.order--9--force {
  order: -9 !important;
}

.order--8 {
  order: -8;
}

.order--8--force {
  order: -8 !important;
}

.order--7 {
  order: -7;
}

.order--7--force {
  order: -7 !important;
}

.order--6 {
  order: -6;
}

.order--6--force {
  order: -6 !important;
}

.order--5 {
  order: -5;
}

.order--5--force {
  order: -5 !important;
}

.order--4 {
  order: -4;
}

.order--4--force {
  order: -4 !important;
}

.order--3 {
  order: -3;
}

.order--3--force {
  order: -3 !important;
}

.order--2 {
  order: -2;
}

.order--2--force {
  order: -2 !important;
}

.order--1 {
  order: -1;
}

.order--1--force {
  order: -1 !important;
}

.order-0 {
  order: 0;
}

.order-0--force {
  order: 0 !important;
}

.order-1 {
  order: 1;
}

.order-1--force {
  order: 1 !important;
}

.order-2 {
  order: 2;
}

.order-2--force {
  order: 2 !important;
}

.order-3 {
  order: 3;
}

.order-3--force {
  order: 3 !important;
}

.order-4 {
  order: 4;
}

.order-4--force {
  order: 4 !important;
}

.order-5 {
  order: 5;
}

.order-5--force {
  order: 5 !important;
}

.order-6 {
  order: 6;
}

.order-6--force {
  order: 6 !important;
}

.order-7 {
  order: 7;
}

.order-7--force {
  order: 7 !important;
}

.order-8 {
  order: 8;
}

.order-8--force {
  order: 8 !important;
}

.order-9 {
  order: 9;
}

.order-9--force {
  order: 9 !important;
}

.order-10 {
  order: 10;
}

.order-10--force {
  order: 10 !important;
}

.order-11 {
  order: 11;
}

.order-11--force {
  order: 11 !important;
}

.order-12 {
  order: 12;
}

.order-12--force {
  order: 12 !important;
}

/* Global values */
.order-inherit {
  order: inherit;
}

.order-inherit--force {
  order: inherit !important;
}

.order-initial {
  order: initial;
}

.order-initial--force {
  order: initial !important;
}

@media screen and (max-width: 639px) {
  /* <integer> values */
  .order-xs--12 {
    order: -12;
  }
  .order-xs--12--force {
    order: -12 !important;
  }
  .order-xs--11 {
    order: -11;
  }
  .order-xs--11--force {
    order: -11 !important;
  }
  .order-xs--10 {
    order: -10;
  }
  .order-xs--10--force {
    order: -10 !important;
  }
  .order-xs--9 {
    order: -9;
  }
  .order-xs--9--force {
    order: -9 !important;
  }
  .order-xs--8 {
    order: -8;
  }
  .order-xs--8--force {
    order: -8 !important;
  }
  .order-xs--7 {
    order: -7;
  }
  .order-xs--7--force {
    order: -7 !important;
  }
  .order-xs--6 {
    order: -6;
  }
  .order-xs--6--force {
    order: -6 !important;
  }
  .order-xs--5 {
    order: -5;
  }
  .order-xs--5--force {
    order: -5 !important;
  }
  .order-xs--4 {
    order: -4;
  }
  .order-xs--4--force {
    order: -4 !important;
  }
  .order-xs--3 {
    order: -3;
  }
  .order-xs--3--force {
    order: -3 !important;
  }
  .order-xs--2 {
    order: -2;
  }
  .order-xs--2--force {
    order: -2 !important;
  }
  .order-xs--1 {
    order: -1;
  }
  .order-xs--1--force {
    order: -1 !important;
  }
  .order-xs-0 {
    order: 0;
  }
  .order-xs-0--force {
    order: 0 !important;
  }
  .order-xs-1 {
    order: 1;
  }
  .order-xs-1--force {
    order: 1 !important;
  }
  .order-xs-2 {
    order: 2;
  }
  .order-xs-2--force {
    order: 2 !important;
  }
  .order-xs-3 {
    order: 3;
  }
  .order-xs-3--force {
    order: 3 !important;
  }
  .order-xs-4 {
    order: 4;
  }
  .order-xs-4--force {
    order: 4 !important;
  }
  .order-xs-5 {
    order: 5;
  }
  .order-xs-5--force {
    order: 5 !important;
  }
  .order-xs-6 {
    order: 6;
  }
  .order-xs-6--force {
    order: 6 !important;
  }
  .order-xs-7 {
    order: 7;
  }
  .order-xs-7--force {
    order: 7 !important;
  }
  .order-xs-8 {
    order: 8;
  }
  .order-xs-8--force {
    order: 8 !important;
  }
  .order-xs-9 {
    order: 9;
  }
  .order-xs-9--force {
    order: 9 !important;
  }
  .order-xs-10 {
    order: 10;
  }
  .order-xs-10--force {
    order: 10 !important;
  }
  .order-xs-11 {
    order: 11;
  }
  .order-xs-11--force {
    order: 11 !important;
  }
  .order-xs-12 {
    order: 12;
  }
  .order-xs-12--force {
    order: 12 !important;
  }
  /* Global values */
  .order-xs-inherit {
    order: inherit;
  }
  .order-xs-inherit--force {
    order: inherit !important;
  }
  .order-xs-initial {
    order: initial;
  }
  .order-xs-initial--force {
    order: initial !important;
  }
}
@media screen and (min-width: 640px) {
  /* <integer> values */
  .order-sm--12 {
    order: -12;
  }
  .order-sm--12--force {
    order: -12 !important;
  }
  .order-sm--11 {
    order: -11;
  }
  .order-sm--11--force {
    order: -11 !important;
  }
  .order-sm--10 {
    order: -10;
  }
  .order-sm--10--force {
    order: -10 !important;
  }
  .order-sm--9 {
    order: -9;
  }
  .order-sm--9--force {
    order: -9 !important;
  }
  .order-sm--8 {
    order: -8;
  }
  .order-sm--8--force {
    order: -8 !important;
  }
  .order-sm--7 {
    order: -7;
  }
  .order-sm--7--force {
    order: -7 !important;
  }
  .order-sm--6 {
    order: -6;
  }
  .order-sm--6--force {
    order: -6 !important;
  }
  .order-sm--5 {
    order: -5;
  }
  .order-sm--5--force {
    order: -5 !important;
  }
  .order-sm--4 {
    order: -4;
  }
  .order-sm--4--force {
    order: -4 !important;
  }
  .order-sm--3 {
    order: -3;
  }
  .order-sm--3--force {
    order: -3 !important;
  }
  .order-sm--2 {
    order: -2;
  }
  .order-sm--2--force {
    order: -2 !important;
  }
  .order-sm--1 {
    order: -1;
  }
  .order-sm--1--force {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-0--force {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-1--force {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-2--force {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-3--force {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-4--force {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-5--force {
    order: 5 !important;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-6--force {
    order: 6 !important;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-7--force {
    order: 7 !important;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-8--force {
    order: 8 !important;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-9--force {
    order: 9 !important;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-10--force {
    order: 10 !important;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-11--force {
    order: 11 !important;
  }
  .order-sm-12 {
    order: 12;
  }
  .order-sm-12--force {
    order: 12 !important;
  }
  /* Global values */
  .order-sm-inherit {
    order: inherit;
  }
  .order-sm-inherit--force {
    order: inherit !important;
  }
  .order-sm-initial {
    order: initial;
  }
  .order-sm-initial--force {
    order: initial !important;
  }
}
@media screen and (min-width: 1024px) {
  /* <integer> values */
  .order-md--12 {
    order: -12;
  }
  .order-md--12--force {
    order: -12 !important;
  }
  .order-md--11 {
    order: -11;
  }
  .order-md--11--force {
    order: -11 !important;
  }
  .order-md--10 {
    order: -10;
  }
  .order-md--10--force {
    order: -10 !important;
  }
  .order-md--9 {
    order: -9;
  }
  .order-md--9--force {
    order: -9 !important;
  }
  .order-md--8 {
    order: -8;
  }
  .order-md--8--force {
    order: -8 !important;
  }
  .order-md--7 {
    order: -7;
  }
  .order-md--7--force {
    order: -7 !important;
  }
  .order-md--6 {
    order: -6;
  }
  .order-md--6--force {
    order: -6 !important;
  }
  .order-md--5 {
    order: -5;
  }
  .order-md--5--force {
    order: -5 !important;
  }
  .order-md--4 {
    order: -4;
  }
  .order-md--4--force {
    order: -4 !important;
  }
  .order-md--3 {
    order: -3;
  }
  .order-md--3--force {
    order: -3 !important;
  }
  .order-md--2 {
    order: -2;
  }
  .order-md--2--force {
    order: -2 !important;
  }
  .order-md--1 {
    order: -1;
  }
  .order-md--1--force {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-0--force {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-1--force {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-2--force {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-3--force {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-4--force {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-5--force {
    order: 5 !important;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-6--force {
    order: 6 !important;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-7--force {
    order: 7 !important;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-8--force {
    order: 8 !important;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-9--force {
    order: 9 !important;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-10--force {
    order: 10 !important;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-11--force {
    order: 11 !important;
  }
  .order-md-12 {
    order: 12;
  }
  .order-md-12--force {
    order: 12 !important;
  }
  /* Global values */
  .order-md-inherit {
    order: inherit;
  }
  .order-md-inherit--force {
    order: inherit !important;
  }
  .order-md-initial {
    order: initial;
  }
  .order-md-initial--force {
    order: initial !important;
  }
}
@media screen and (min-width: 1280px) {
  /* <integer> values */
  .order-lg--12 {
    order: -12;
  }
  .order-lg--12--force {
    order: -12 !important;
  }
  .order-lg--11 {
    order: -11;
  }
  .order-lg--11--force {
    order: -11 !important;
  }
  .order-lg--10 {
    order: -10;
  }
  .order-lg--10--force {
    order: -10 !important;
  }
  .order-lg--9 {
    order: -9;
  }
  .order-lg--9--force {
    order: -9 !important;
  }
  .order-lg--8 {
    order: -8;
  }
  .order-lg--8--force {
    order: -8 !important;
  }
  .order-lg--7 {
    order: -7;
  }
  .order-lg--7--force {
    order: -7 !important;
  }
  .order-lg--6 {
    order: -6;
  }
  .order-lg--6--force {
    order: -6 !important;
  }
  .order-lg--5 {
    order: -5;
  }
  .order-lg--5--force {
    order: -5 !important;
  }
  .order-lg--4 {
    order: -4;
  }
  .order-lg--4--force {
    order: -4 !important;
  }
  .order-lg--3 {
    order: -3;
  }
  .order-lg--3--force {
    order: -3 !important;
  }
  .order-lg--2 {
    order: -2;
  }
  .order-lg--2--force {
    order: -2 !important;
  }
  .order-lg--1 {
    order: -1;
  }
  .order-lg--1--force {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-0--force {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-1--force {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-2--force {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-3--force {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-4--force {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-5--force {
    order: 5 !important;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-6--force {
    order: 6 !important;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-7--force {
    order: 7 !important;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-8--force {
    order: 8 !important;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-9--force {
    order: 9 !important;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-10--force {
    order: 10 !important;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-11--force {
    order: 11 !important;
  }
  .order-lg-12 {
    order: 12;
  }
  .order-lg-12--force {
    order: 12 !important;
  }
  /* Global values */
  .order-lg-inherit {
    order: inherit;
  }
  .order-lg-inherit--force {
    order: inherit !important;
  }
  .order-lg-initial {
    order: initial;
  }
  .order-lg-initial--force {
    order: initial !important;
  }
}
@media screen and (min-width: 1536px) {
  /* <integer> values */
  .order-xl--12 {
    order: -12;
  }
  .order-xl--12--force {
    order: -12 !important;
  }
  .order-xl--11 {
    order: -11;
  }
  .order-xl--11--force {
    order: -11 !important;
  }
  .order-xl--10 {
    order: -10;
  }
  .order-xl--10--force {
    order: -10 !important;
  }
  .order-xl--9 {
    order: -9;
  }
  .order-xl--9--force {
    order: -9 !important;
  }
  .order-xl--8 {
    order: -8;
  }
  .order-xl--8--force {
    order: -8 !important;
  }
  .order-xl--7 {
    order: -7;
  }
  .order-xl--7--force {
    order: -7 !important;
  }
  .order-xl--6 {
    order: -6;
  }
  .order-xl--6--force {
    order: -6 !important;
  }
  .order-xl--5 {
    order: -5;
  }
  .order-xl--5--force {
    order: -5 !important;
  }
  .order-xl--4 {
    order: -4;
  }
  .order-xl--4--force {
    order: -4 !important;
  }
  .order-xl--3 {
    order: -3;
  }
  .order-xl--3--force {
    order: -3 !important;
  }
  .order-xl--2 {
    order: -2;
  }
  .order-xl--2--force {
    order: -2 !important;
  }
  .order-xl--1 {
    order: -1;
  }
  .order-xl--1--force {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-0--force {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-1--force {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-2--force {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-3--force {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-4--force {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-5--force {
    order: 5 !important;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-6--force {
    order: 6 !important;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-7--force {
    order: 7 !important;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-8--force {
    order: 8 !important;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-9--force {
    order: 9 !important;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-10--force {
    order: 10 !important;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-11--force {
    order: 11 !important;
  }
  .order-xl-12 {
    order: 12;
  }
  .order-xl-12--force {
    order: 12 !important;
  }
  /* Global values */
  .order-xl-inherit {
    order: inherit;
  }
  .order-xl-inherit--force {
    order: inherit !important;
  }
  .order-xl-initial {
    order: initial;
  }
  .order-xl-initial--force {
    order: initial !important;
  }
}
.place-top {
  top: 0;
}

.place-top--force {
  top: 0 !important;
}

.place-right {
  right: 0;
}

.place-right--force {
  right: 0 !important;
}

.place-bottom {
  bottom: 0;
}

.place-bottom--force {
  bottom: 0 !important;
}

.place-left {
  left: 0;
}

.place-left--force {
  left: 0 !important;
}

@media screen and (max-width: 639px) {
  .place-xs-top {
    top: 0;
  }
  .place-xs-top--force {
    top: 0 !important;
  }
  .place-xs-right {
    right: 0;
  }
  .place-xs-right--force {
    right: 0 !important;
  }
  .place-xs-bottom {
    bottom: 0;
  }
  .place-xs-bottom--force {
    bottom: 0 !important;
  }
  .place-xs-left {
    left: 0;
  }
  .place-xs-left--force {
    left: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .place-sm-top {
    top: 0;
  }
  .place-sm-top--force {
    top: 0 !important;
  }
  .place-sm-right {
    right: 0;
  }
  .place-sm-right--force {
    right: 0 !important;
  }
  .place-sm-bottom {
    bottom: 0;
  }
  .place-sm-bottom--force {
    bottom: 0 !important;
  }
  .place-sm-left {
    left: 0;
  }
  .place-sm-left--force {
    left: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .place-md-top {
    top: 0;
  }
  .place-md-top--force {
    top: 0 !important;
  }
  .place-md-right {
    right: 0;
  }
  .place-md-right--force {
    right: 0 !important;
  }
  .place-md-bottom {
    bottom: 0;
  }
  .place-md-bottom--force {
    bottom: 0 !important;
  }
  .place-md-left {
    left: 0;
  }
  .place-md-left--force {
    left: 0 !important;
  }
}
@media screen and (min-width: 1280px) {
  .place-lg-top {
    top: 0;
  }
  .place-lg-top--force {
    top: 0 !important;
  }
  .place-lg-right {
    right: 0;
  }
  .place-lg-right--force {
    right: 0 !important;
  }
  .place-lg-bottom {
    bottom: 0;
  }
  .place-lg-bottom--force {
    bottom: 0 !important;
  }
  .place-lg-left {
    left: 0;
  }
  .place-lg-left--force {
    left: 0 !important;
  }
}
@media screen and (min-width: 1536px) {
  .place-xl-top {
    top: 0;
  }
  .place-xl-top--force {
    top: 0 !important;
  }
  .place-xl-right {
    right: 0;
  }
  .place-xl-right--force {
    right: 0 !important;
  }
  .place-xl-bottom {
    bottom: 0;
  }
  .place-xl-bottom--force {
    bottom: 0 !important;
  }
  .place-xl-left {
    left: 0;
  }
  .place-xl-left--force {
    left: 0 !important;
  }
}
.position-relative {
  position: relative;
}

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

.position-absolute {
  position: absolute;
}

.position-absolute--force {
  position: absolute !important;
}

.position-static {
  position: static;
}

.position-static--force {
  position: static !important;
}

.position-fixed {
  position: fixed;
}

.position-fixed--force {
  position: fixed !important;
}

.position-sticky {
  position: sticky;
}

.position-sticky--force {
  position: sticky !important;
}

@media screen and (max-width: 639px) {
  .position-xs-relative {
    position: relative;
  }
  .position-xs-relative--force {
    position: relative !important;
  }
  .position-xs-absolute {
    position: absolute;
  }
  .position-xs-absolute--force {
    position: absolute !important;
  }
  .position-xs-static {
    position: static;
  }
  .position-xs-static--force {
    position: static !important;
  }
  .position-xs-fixed {
    position: fixed;
  }
  .position-xs-fixed--force {
    position: fixed !important;
  }
  .position-xs-sticky {
    position: sticky;
  }
  .position-xs-sticky--force {
    position: sticky !important;
  }
}
@media screen and (min-width: 640px) {
  .position-sm-relative {
    position: relative;
  }
  .position-sm-relative--force {
    position: relative !important;
  }
  .position-sm-absolute {
    position: absolute;
  }
  .position-sm-absolute--force {
    position: absolute !important;
  }
  .position-sm-static {
    position: static;
  }
  .position-sm-static--force {
    position: static !important;
  }
  .position-sm-fixed {
    position: fixed;
  }
  .position-sm-fixed--force {
    position: fixed !important;
  }
  .position-sm-sticky {
    position: sticky;
  }
  .position-sm-sticky--force {
    position: sticky !important;
  }
}
@media screen and (min-width: 1024px) {
  .position-md-relative {
    position: relative;
  }
  .position-md-relative--force {
    position: relative !important;
  }
  .position-md-absolute {
    position: absolute;
  }
  .position-md-absolute--force {
    position: absolute !important;
  }
  .position-md-static {
    position: static;
  }
  .position-md-static--force {
    position: static !important;
  }
  .position-md-fixed {
    position: fixed;
  }
  .position-md-fixed--force {
    position: fixed !important;
  }
  .position-md-sticky {
    position: sticky;
  }
  .position-md-sticky--force {
    position: sticky !important;
  }
}
@media screen and (min-width: 1280px) {
  .position-lg-relative {
    position: relative;
  }
  .position-lg-relative--force {
    position: relative !important;
  }
  .position-lg-absolute {
    position: absolute;
  }
  .position-lg-absolute--force {
    position: absolute !important;
  }
  .position-lg-static {
    position: static;
  }
  .position-lg-static--force {
    position: static !important;
  }
  .position-lg-fixed {
    position: fixed;
  }
  .position-lg-fixed--force {
    position: fixed !important;
  }
  .position-lg-sticky {
    position: sticky;
  }
  .position-lg-sticky--force {
    position: sticky !important;
  }
}
@media screen and (min-width: 1536px) {
  .position-xl-relative {
    position: relative;
  }
  .position-xl-relative--force {
    position: relative !important;
  }
  .position-xl-absolute {
    position: absolute;
  }
  .position-xl-absolute--force {
    position: absolute !important;
  }
  .position-xl-static {
    position: static;
  }
  .position-xl-static--force {
    position: static !important;
  }
  .position-xl-fixed {
    position: fixed;
  }
  .position-xl-fixed--force {
    position: fixed !important;
  }
  .position-xl-sticky {
    position: sticky;
  }
  .position-xl-sticky--force {
    position: sticky !important;
  }
}
.d-none {
  display: none;
}

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

.d-inline {
  display: inline;
}

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

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

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

.d-block {
  display: block;
}

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

.d-grid {
  display: grid;
}

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

.d-table {
  display: table;
}

.d-table--force {
  display: table !important;
}

.d-table-cell {
  display: table-cell;
}

.d-table-cell--force {
  display: table-cell !important;
}

.d-table-row {
  display: table-row;
}

.d-table-row--force {
  display: table-row !important;
}

.d-inline-flex {
  display: inline-flex;
}

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

.d-flex {
  display: flex;
}

.d-flex--force {
  display: flex !important;
}

@media screen and (max-width: 639px) {
  .d-xs-none {
    display: none;
  }
  .d-xs-none--force {
    display: none !important;
  }
  .d-xs-inline {
    display: inline;
  }
  .d-xs-inline--force {
    display: inline !important;
  }
  .d-xs-inline-block {
    display: inline-block;
  }
  .d-xs-inline-block--force {
    display: inline-block !important;
  }
  .d-xs-block {
    display: block;
  }
  .d-xs-block--force {
    display: block !important;
  }
  .d-xs-grid {
    display: grid;
  }
  .d-xs-grid--force {
    display: grid !important;
  }
  .d-xs-table {
    display: table;
  }
  .d-xs-table--force {
    display: table !important;
  }
  .d-xs-table-cell {
    display: table-cell;
  }
  .d-xs-table-cell--force {
    display: table-cell !important;
  }
  .d-xs-table-row {
    display: table-row;
  }
  .d-xs-table-row--force {
    display: table-row !important;
  }
  .d-xs-inline-flex {
    display: inline-flex;
  }
  .d-xs-inline-flex--force {
    display: inline-flex !important;
  }
  .d-xs-flex {
    display: flex;
  }
  .d-xs-flex--force {
    display: flex !important;
  }
}
@media screen and (min-width: 640px) {
  .d-sm-none {
    display: none;
  }
  .d-sm-none--force {
    display: none !important;
  }
  .d-sm-inline {
    display: inline;
  }
  .d-sm-inline--force {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block;
  }
  .d-sm-inline-block--force {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block;
  }
  .d-sm-block--force {
    display: block !important;
  }
  .d-sm-grid {
    display: grid;
  }
  .d-sm-grid--force {
    display: grid !important;
  }
  .d-sm-table {
    display: table;
  }
  .d-sm-table--force {
    display: table !important;
  }
  .d-sm-table-cell {
    display: table-cell;
  }
  .d-sm-table-cell--force {
    display: table-cell !important;
  }
  .d-sm-table-row {
    display: table-row;
  }
  .d-sm-table-row--force {
    display: table-row !important;
  }
  .d-sm-inline-flex {
    display: inline-flex;
  }
  .d-sm-inline-flex--force {
    display: inline-flex !important;
  }
  .d-sm-flex {
    display: flex;
  }
  .d-sm-flex--force {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .d-md-none {
    display: none;
  }
  .d-md-none--force {
    display: none !important;
  }
  .d-md-inline {
    display: inline;
  }
  .d-md-inline--force {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block;
  }
  .d-md-inline-block--force {
    display: inline-block !important;
  }
  .d-md-block {
    display: block;
  }
  .d-md-block--force {
    display: block !important;
  }
  .d-md-grid {
    display: grid;
  }
  .d-md-grid--force {
    display: grid !important;
  }
  .d-md-table {
    display: table;
  }
  .d-md-table--force {
    display: table !important;
  }
  .d-md-table-cell {
    display: table-cell;
  }
  .d-md-table-cell--force {
    display: table-cell !important;
  }
  .d-md-table-row {
    display: table-row;
  }
  .d-md-table-row--force {
    display: table-row !important;
  }
  .d-md-inline-flex {
    display: inline-flex;
  }
  .d-md-inline-flex--force {
    display: inline-flex !important;
  }
  .d-md-flex {
    display: flex;
  }
  .d-md-flex--force {
    display: flex !important;
  }
}
@media screen and (min-width: 1280px) {
  .d-lg-none {
    display: none;
  }
  .d-lg-none--force {
    display: none !important;
  }
  .d-lg-inline {
    display: inline;
  }
  .d-lg-inline--force {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block;
  }
  .d-lg-inline-block--force {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block;
  }
  .d-lg-block--force {
    display: block !important;
  }
  .d-lg-grid {
    display: grid;
  }
  .d-lg-grid--force {
    display: grid !important;
  }
  .d-lg-table {
    display: table;
  }
  .d-lg-table--force {
    display: table !important;
  }
  .d-lg-table-cell {
    display: table-cell;
  }
  .d-lg-table-cell--force {
    display: table-cell !important;
  }
  .d-lg-table-row {
    display: table-row;
  }
  .d-lg-table-row--force {
    display: table-row !important;
  }
  .d-lg-inline-flex {
    display: inline-flex;
  }
  .d-lg-inline-flex--force {
    display: inline-flex !important;
  }
  .d-lg-flex {
    display: flex;
  }
  .d-lg-flex--force {
    display: flex !important;
  }
}
@media screen and (min-width: 1536px) {
  .d-xl-none {
    display: none;
  }
  .d-xl-none--force {
    display: none !important;
  }
  .d-xl-inline {
    display: inline;
  }
  .d-xl-inline--force {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block;
  }
  .d-xl-inline-block--force {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block;
  }
  .d-xl-block--force {
    display: block !important;
  }
  .d-xl-grid {
    display: grid;
  }
  .d-xl-grid--force {
    display: grid !important;
  }
  .d-xl-table {
    display: table;
  }
  .d-xl-table--force {
    display: table !important;
  }
  .d-xl-table-cell {
    display: table-cell;
  }
  .d-xl-table-cell--force {
    display: table-cell !important;
  }
  .d-xl-table-row {
    display: table-row;
  }
  .d-xl-table-row--force {
    display: table-row !important;
  }
  .d-xl-inline-flex {
    display: inline-flex;
  }
  .d-xl-inline-flex--force {
    display: inline-flex !important;
  }
  .d-xl-flex {
    display: flex;
  }
  .d-xl-flex--force {
    display: flex !important;
  }
}
.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-row--force {
  display: flex !important;
  flex-direction: row !important;
}

.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}

.flex-row-reverse--force {
  display: flex !important;
  flex-direction: row-reverse !important;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-column--force {
  display: flex !important;
  flex-direction: column !important;
}

.flex-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}

.flex-column-reverse--force {
  display: flex !important;
  flex-direction: column-reverse !important;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-nowrap--force {
  flex-wrap: nowrap !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap--force {
  flex-wrap: wrap !important;
}

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

.flex-align-center--force {
  display: flex !important;
  align-items: center !important;
}

.flex-align-start {
  display: flex;
  align-items: flex-start;
}

.flex-align-start--force {
  display: flex !important;
  align-items: flex-start !important;
}

.flex-align-end {
  display: flex;
  align-items: flex-end;
}

.flex-align-end--force {
  display: flex !important;
  align-items: flex-end !important;
}

.flex-align-inherit {
  display: flex;
  align-items: inherit;
}

.flex-align-inherit--force {
  display: flex !important;
  align-items: inherit !important;
}

.flex-align-initial {
  display: flex;
  align-items: initial;
}

.flex-align-initial--force {
  display: flex !important;
  align-items: initial !important;
}

.flex-align-self-end {
  display: flex;
  align-self: flex-end;
}

.flex-align-self-end--force {
  display: flex !important;
  align-self: flex-end !important;
}

.flex-align-self-start {
  display: flex;
  align-self: flex-start;
}

.flex-align-self-start--force {
  display: flex !important;
  align-self: flex-start !important;
}

.flex-align-self-inherit {
  display: flex;
  align-self: inherit;
}

.flex-align-self-inherit--force {
  display: flex !important;
  align-self: inherit !important;
}

.flex-align-self-initial {
  display: flex;
  align-self: initial;
}

.flex-align-self-initial--force {
  display: flex !important;
  align-self: initial !important;
}

.flex-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-center-center--force {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.flex-justify-center {
  display: flex;
  justify-content: center;
}

.flex-justify-center--force {
  display: flex !important;
  justify-content: center !important;
}

.flex-center {
  display: flex;
  justify-content: center;
}

.flex-center--force {
  display: flex !important;
  justify-content: center !important;
}

.flex-justify-end {
  display: flex;
  justify-content: flex-end;
}

.flex-justify-end--force {
  display: flex !important;
  justify-content: flex-end !important;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.flex-end--force {
  display: flex !important;
  justify-content: flex-end !important;
}

.flex-justify-start {
  display: flex;
  justify-content: flex-start;
}

.flex-justify-start--force {
  display: flex !important;
  justify-content: flex-start !important;
}

.flex-start {
  display: flex;
  justify-content: flex-start;
}

.flex-start--force {
  display: flex !important;
  justify-content: flex-start !important;
}

.flex-justify-inherit {
  display: flex;
  justify-content: inherit;
}

.flex-justify-inherit--force {
  display: flex !important;
  justify-content: inherit !important;
}

.flex-inherit {
  display: flex;
  justify-content: inherit;
}

.flex-inherit--force {
  display: flex !important;
  justify-content: inherit !important;
}

.flex-justify-initial {
  display: flex;
  justify-content: initial;
}

.flex-justify-initial--force {
  display: flex !important;
  justify-content: initial !important;
}

.flex-initial {
  display: flex;
  justify-content: initial;
}

.flex-initial--force {
  display: flex !important;
  justify-content: initial !important;
}

.flex-left {
  display: flex;
  justify-content: left;
}

.flex-left--force {
  display: flex !important;
  justify-content: left !important;
}

.flex-right {
  display: flex;
  justify-content: right;
}

.flex-right--force {
  display: flex !important;
  justify-content: right !important;
}

.flex-normal {
  display: flex;
  justify-content: normal;
}

.flex-normal--force {
  display: flex !important;
  justify-content: normal !important;
}

.flex-revert {
  display: flex;
  justify-content: revert;
}

.flex-revert--force {
  display: flex !important;
  justify-content: revert !important;
}

.flex-space-around {
  display: flex;
  justify-content: space-around;
}

.flex-space-around--force {
  display: flex !important;
  justify-content: space-around !important;
}

.flex-around {
  display: flex;
  justify-content: space-around;
}

.flex-around--force {
  display: flex !important;
  justify-content: space-around !important;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
}

.flex-space-between--force {
  display: flex !important;
  justify-content: space-between !important;
}

.flex-between {
  display: flex;
  justify-content: space-between;
}

.flex-between--force {
  display: flex !important;
  justify-content: space-between !important;
}

.flex-space-evenly {
  display: flex;
  justify-content: space-evenly;
}

.flex-space-evenly--force {
  display: flex !important;
  justify-content: space-evenly !important;
}

.flex-evenly {
  display: flex;
  justify-content: space-evenly;
}

.flex-evenly--force {
  display: flex !important;
  justify-content: space-evenly !important;
}

.flex-stretch {
  display: flex;
  justify-content: stretch;
}

.flex-stretch--force {
  display: flex !important;
  justify-content: stretch !important;
}

.flex-unset {
  display: flex;
  justify-content: unset;
}

.flex-unset--force {
  display: flex !important;
  justify-content: unset !important;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

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

.flex-shrink-1 {
  flex-shrink: 1;
}

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

.flex-shrink-2 {
  flex-shrink: 2;
}

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

.flex-shrink-3 {
  flex-shrink: 3;
}

.flex-full {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
}

.flex-basis-1 {
  flex-basis: 100%;
}

@media screen and (max-width: 639px) {
  .flex-xs-row {
    display: flex;
    flex-direction: row;
  }
  .flex-xs-row--force {
    display: flex !important;
    flex-direction: row !important;
  }
  .flex-xs-row-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .flex-xs-row-reverse--force {
    display: flex !important;
    flex-direction: row-reverse !important;
  }
  .flex-xs-column {
    display: flex;
    flex-direction: column;
  }
  .flex-xs-column--force {
    display: flex !important;
    flex-direction: column !important;
  }
  .flex-xs-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex-xs-column-reverse--force {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .flex-xs-nowrap {
    flex-wrap: nowrap;
  }
  .flex-xs-nowrap--force {
    flex-wrap: nowrap !important;
  }
  .flex-xs-wrap {
    flex-wrap: wrap;
  }
  .flex-xs-wrap--force {
    flex-wrap: wrap !important;
  }
  .flex-xs-align-center {
    display: flex;
    align-items: center;
  }
  .flex-xs-align-center--force {
    display: flex !important;
    align-items: center !important;
  }
  .flex-xs-align-start {
    display: flex;
    align-items: flex-start;
  }
  .flex-xs-align-start--force {
    display: flex !important;
    align-items: flex-start !important;
  }
  .flex-xs-align-end {
    display: flex;
    align-items: flex-end;
  }
  .flex-xs-align-end--force {
    display: flex !important;
    align-items: flex-end !important;
  }
  .flex-xs-align-inherit {
    display: flex;
    align-items: inherit;
  }
  .flex-xs-align-inherit--force {
    display: flex !important;
    align-items: inherit !important;
  }
  .flex-xs-align-initial {
    display: flex;
    align-items: initial;
  }
  .flex-xs-align-initial--force {
    display: flex !important;
    align-items: initial !important;
  }
  .flex-xs-align-self-end {
    display: flex;
    align-self: flex-end;
  }
  .flex-xs-align-self-end--force {
    display: flex !important;
    align-self: flex-end !important;
  }
  .flex-xs-align-self-start {
    display: flex;
    align-self: flex-start;
  }
  .flex-xs-align-self-start--force {
    display: flex !important;
    align-self: flex-start !important;
  }
  .flex-xs-align-self-inherit {
    display: flex;
    align-self: inherit;
  }
  .flex-xs-align-self-inherit--force {
    display: flex !important;
    align-self: inherit !important;
  }
  .flex-xs-align-self-initial {
    display: flex;
    align-self: initial;
  }
  .flex-xs-align-self-initial--force {
    display: flex !important;
    align-self: initial !important;
  }
  .flex-xs-center-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex-xs-center-center--force {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .flex-xs-justify-center {
    display: flex;
    justify-content: center;
  }
  .flex-xs-justify-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-xs-center {
    display: flex;
    justify-content: center;
  }
  .flex-xs-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-xs-justify-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-xs-justify-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-xs-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-xs-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-xs-justify-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-xs-justify-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-xs-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-xs-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-xs-justify-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-xs-justify-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-xs-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-xs-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-xs-justify-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-xs-justify-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-xs-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-xs-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-xs-left {
    display: flex;
    justify-content: left;
  }
  .flex-xs-left--force {
    display: flex !important;
    justify-content: left !important;
  }
  .flex-xs-right {
    display: flex;
    justify-content: right;
  }
  .flex-xs-right--force {
    display: flex !important;
    justify-content: right !important;
  }
  .flex-xs-normal {
    display: flex;
    justify-content: normal;
  }
  .flex-xs-normal--force {
    display: flex !important;
    justify-content: normal !important;
  }
  .flex-xs-revert {
    display: flex;
    justify-content: revert;
  }
  .flex-xs-revert--force {
    display: flex !important;
    justify-content: revert !important;
  }
  .flex-xs-space-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-xs-space-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-xs-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-xs-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-xs-space-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-xs-space-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-xs-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-xs-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-xs-space-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-xs-space-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-xs-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-xs-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-xs-stretch {
    display: flex;
    justify-content: stretch;
  }
  .flex-xs-stretch--force {
    display: flex !important;
    justify-content: stretch !important;
  }
  .flex-xs-unset {
    display: flex;
    justify-content: unset;
  }
  .flex-xs-unset--force {
    display: flex !important;
    justify-content: unset !important;
  }
  .flex-xs-grow-0 {
    flex-grow: 0;
  }
  .flex-xs-shrink-0 {
    flex-shrink: 0;
  }
  .flex-xs-grow-1 {
    flex-grow: 1;
  }
  .flex-xs-shrink-1 {
    flex-shrink: 1;
  }
  .flex-xs-grow-2 {
    flex-grow: 2;
  }
  .flex-xs-shrink-2 {
    flex-shrink: 2;
  }
  .flex-xs-grow-3 {
    flex-grow: 3;
  }
  .flex-xs-shrink-3 {
    flex-shrink: 3;
  }
  .flex-xs-full {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
  }
  .flex-xs-basis-1 {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 640px) {
  .flex-sm-row {
    display: flex;
    flex-direction: row;
  }
  .flex-sm-row--force {
    display: flex !important;
    flex-direction: row !important;
  }
  .flex-sm-row-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .flex-sm-row-reverse--force {
    display: flex !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column {
    display: flex;
    flex-direction: column;
  }
  .flex-sm-column--force {
    display: flex !important;
    flex-direction: column !important;
  }
  .flex-sm-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex-sm-column-reverse--force {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap;
  }
  .flex-sm-nowrap--force {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap;
  }
  .flex-sm-wrap--force {
    flex-wrap: wrap !important;
  }
  .flex-sm-align-center {
    display: flex;
    align-items: center;
  }
  .flex-sm-align-center--force {
    display: flex !important;
    align-items: center !important;
  }
  .flex-sm-align-start {
    display: flex;
    align-items: flex-start;
  }
  .flex-sm-align-start--force {
    display: flex !important;
    align-items: flex-start !important;
  }
  .flex-sm-align-end {
    display: flex;
    align-items: flex-end;
  }
  .flex-sm-align-end--force {
    display: flex !important;
    align-items: flex-end !important;
  }
  .flex-sm-align-inherit {
    display: flex;
    align-items: inherit;
  }
  .flex-sm-align-inherit--force {
    display: flex !important;
    align-items: inherit !important;
  }
  .flex-sm-align-initial {
    display: flex;
    align-items: initial;
  }
  .flex-sm-align-initial--force {
    display: flex !important;
    align-items: initial !important;
  }
  .flex-sm-align-self-end {
    display: flex;
    align-self: flex-end;
  }
  .flex-sm-align-self-end--force {
    display: flex !important;
    align-self: flex-end !important;
  }
  .flex-sm-align-self-start {
    display: flex;
    align-self: flex-start;
  }
  .flex-sm-align-self-start--force {
    display: flex !important;
    align-self: flex-start !important;
  }
  .flex-sm-align-self-inherit {
    display: flex;
    align-self: inherit;
  }
  .flex-sm-align-self-inherit--force {
    display: flex !important;
    align-self: inherit !important;
  }
  .flex-sm-align-self-initial {
    display: flex;
    align-self: initial;
  }
  .flex-sm-align-self-initial--force {
    display: flex !important;
    align-self: initial !important;
  }
  .flex-sm-center-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex-sm-center-center--force {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .flex-sm-justify-center {
    display: flex;
    justify-content: center;
  }
  .flex-sm-justify-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-sm-center {
    display: flex;
    justify-content: center;
  }
  .flex-sm-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-sm-justify-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-sm-justify-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-sm-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-sm-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-sm-justify-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-sm-justify-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-sm-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-sm-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-sm-justify-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-sm-justify-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-sm-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-sm-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-sm-justify-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-sm-justify-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-sm-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-sm-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-sm-left {
    display: flex;
    justify-content: left;
  }
  .flex-sm-left--force {
    display: flex !important;
    justify-content: left !important;
  }
  .flex-sm-right {
    display: flex;
    justify-content: right;
  }
  .flex-sm-right--force {
    display: flex !important;
    justify-content: right !important;
  }
  .flex-sm-normal {
    display: flex;
    justify-content: normal;
  }
  .flex-sm-normal--force {
    display: flex !important;
    justify-content: normal !important;
  }
  .flex-sm-revert {
    display: flex;
    justify-content: revert;
  }
  .flex-sm-revert--force {
    display: flex !important;
    justify-content: revert !important;
  }
  .flex-sm-space-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-sm-space-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-sm-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-sm-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-sm-space-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-sm-space-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-sm-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-sm-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-sm-space-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-sm-space-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-sm-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-sm-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-sm-stretch {
    display: flex;
    justify-content: stretch;
  }
  .flex-sm-stretch--force {
    display: flex !important;
    justify-content: stretch !important;
  }
  .flex-sm-unset {
    display: flex;
    justify-content: unset;
  }
  .flex-sm-unset--force {
    display: flex !important;
    justify-content: unset !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0;
  }
  .flex-sm-grow-1 {
    flex-grow: 1;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1;
  }
  .flex-sm-grow-2 {
    flex-grow: 2;
  }
  .flex-sm-shrink-2 {
    flex-shrink: 2;
  }
  .flex-sm-grow-3 {
    flex-grow: 3;
  }
  .flex-sm-shrink-3 {
    flex-shrink: 3;
  }
  .flex-sm-full {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
  }
  .flex-sm-basis-1 {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .flex-md-row {
    display: flex;
    flex-direction: row;
  }
  .flex-md-row--force {
    display: flex !important;
    flex-direction: row !important;
  }
  .flex-md-row-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .flex-md-row-reverse--force {
    display: flex !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column {
    display: flex;
    flex-direction: column;
  }
  .flex-md-column--force {
    display: flex !important;
    flex-direction: column !important;
  }
  .flex-md-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex-md-column-reverse--force {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap;
  }
  .flex-md-nowrap--force {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap;
  }
  .flex-md-wrap--force {
    flex-wrap: wrap !important;
  }
  .flex-md-align-center {
    display: flex;
    align-items: center;
  }
  .flex-md-align-center--force {
    display: flex !important;
    align-items: center !important;
  }
  .flex-md-align-start {
    display: flex;
    align-items: flex-start;
  }
  .flex-md-align-start--force {
    display: flex !important;
    align-items: flex-start !important;
  }
  .flex-md-align-end {
    display: flex;
    align-items: flex-end;
  }
  .flex-md-align-end--force {
    display: flex !important;
    align-items: flex-end !important;
  }
  .flex-md-align-inherit {
    display: flex;
    align-items: inherit;
  }
  .flex-md-align-inherit--force {
    display: flex !important;
    align-items: inherit !important;
  }
  .flex-md-align-initial {
    display: flex;
    align-items: initial;
  }
  .flex-md-align-initial--force {
    display: flex !important;
    align-items: initial !important;
  }
  .flex-md-align-self-end {
    display: flex;
    align-self: flex-end;
  }
  .flex-md-align-self-end--force {
    display: flex !important;
    align-self: flex-end !important;
  }
  .flex-md-align-self-start {
    display: flex;
    align-self: flex-start;
  }
  .flex-md-align-self-start--force {
    display: flex !important;
    align-self: flex-start !important;
  }
  .flex-md-align-self-inherit {
    display: flex;
    align-self: inherit;
  }
  .flex-md-align-self-inherit--force {
    display: flex !important;
    align-self: inherit !important;
  }
  .flex-md-align-self-initial {
    display: flex;
    align-self: initial;
  }
  .flex-md-align-self-initial--force {
    display: flex !important;
    align-self: initial !important;
  }
  .flex-md-center-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex-md-center-center--force {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .flex-md-justify-center {
    display: flex;
    justify-content: center;
  }
  .flex-md-justify-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-md-center {
    display: flex;
    justify-content: center;
  }
  .flex-md-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-md-justify-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-md-justify-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-md-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-md-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-md-justify-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-md-justify-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-md-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-md-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-md-justify-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-md-justify-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-md-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-md-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-md-justify-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-md-justify-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-md-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-md-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-md-left {
    display: flex;
    justify-content: left;
  }
  .flex-md-left--force {
    display: flex !important;
    justify-content: left !important;
  }
  .flex-md-right {
    display: flex;
    justify-content: right;
  }
  .flex-md-right--force {
    display: flex !important;
    justify-content: right !important;
  }
  .flex-md-normal {
    display: flex;
    justify-content: normal;
  }
  .flex-md-normal--force {
    display: flex !important;
    justify-content: normal !important;
  }
  .flex-md-revert {
    display: flex;
    justify-content: revert;
  }
  .flex-md-revert--force {
    display: flex !important;
    justify-content: revert !important;
  }
  .flex-md-space-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-md-space-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-md-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-md-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-md-space-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-md-space-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-md-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-md-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-md-space-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-md-space-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-md-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-md-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-md-stretch {
    display: flex;
    justify-content: stretch;
  }
  .flex-md-stretch--force {
    display: flex !important;
    justify-content: stretch !important;
  }
  .flex-md-unset {
    display: flex;
    justify-content: unset;
  }
  .flex-md-unset--force {
    display: flex !important;
    justify-content: unset !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0;
  }
  .flex-md-grow-1 {
    flex-grow: 1;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1;
  }
  .flex-md-grow-2 {
    flex-grow: 2;
  }
  .flex-md-shrink-2 {
    flex-shrink: 2;
  }
  .flex-md-grow-3 {
    flex-grow: 3;
  }
  .flex-md-shrink-3 {
    flex-shrink: 3;
  }
  .flex-md-full {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
  }
  .flex-md-basis-1 {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .flex-lg-row {
    display: flex;
    flex-direction: row;
  }
  .flex-lg-row--force {
    display: flex !important;
    flex-direction: row !important;
  }
  .flex-lg-row-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .flex-lg-row-reverse--force {
    display: flex !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column {
    display: flex;
    flex-direction: column;
  }
  .flex-lg-column--force {
    display: flex !important;
    flex-direction: column !important;
  }
  .flex-lg-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex-lg-column-reverse--force {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap;
  }
  .flex-lg-nowrap--force {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap;
  }
  .flex-lg-wrap--force {
    flex-wrap: wrap !important;
  }
  .flex-lg-align-center {
    display: flex;
    align-items: center;
  }
  .flex-lg-align-center--force {
    display: flex !important;
    align-items: center !important;
  }
  .flex-lg-align-start {
    display: flex;
    align-items: flex-start;
  }
  .flex-lg-align-start--force {
    display: flex !important;
    align-items: flex-start !important;
  }
  .flex-lg-align-end {
    display: flex;
    align-items: flex-end;
  }
  .flex-lg-align-end--force {
    display: flex !important;
    align-items: flex-end !important;
  }
  .flex-lg-align-inherit {
    display: flex;
    align-items: inherit;
  }
  .flex-lg-align-inherit--force {
    display: flex !important;
    align-items: inherit !important;
  }
  .flex-lg-align-initial {
    display: flex;
    align-items: initial;
  }
  .flex-lg-align-initial--force {
    display: flex !important;
    align-items: initial !important;
  }
  .flex-lg-align-self-end {
    display: flex;
    align-self: flex-end;
  }
  .flex-lg-align-self-end--force {
    display: flex !important;
    align-self: flex-end !important;
  }
  .flex-lg-align-self-start {
    display: flex;
    align-self: flex-start;
  }
  .flex-lg-align-self-start--force {
    display: flex !important;
    align-self: flex-start !important;
  }
  .flex-lg-align-self-inherit {
    display: flex;
    align-self: inherit;
  }
  .flex-lg-align-self-inherit--force {
    display: flex !important;
    align-self: inherit !important;
  }
  .flex-lg-align-self-initial {
    display: flex;
    align-self: initial;
  }
  .flex-lg-align-self-initial--force {
    display: flex !important;
    align-self: initial !important;
  }
  .flex-lg-center-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex-lg-center-center--force {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .flex-lg-justify-center {
    display: flex;
    justify-content: center;
  }
  .flex-lg-justify-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-lg-center {
    display: flex;
    justify-content: center;
  }
  .flex-lg-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-lg-justify-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-lg-justify-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-lg-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-lg-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-lg-justify-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-lg-justify-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-lg-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-lg-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-lg-justify-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-lg-justify-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-lg-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-lg-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-lg-justify-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-lg-justify-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-lg-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-lg-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-lg-left {
    display: flex;
    justify-content: left;
  }
  .flex-lg-left--force {
    display: flex !important;
    justify-content: left !important;
  }
  .flex-lg-right {
    display: flex;
    justify-content: right;
  }
  .flex-lg-right--force {
    display: flex !important;
    justify-content: right !important;
  }
  .flex-lg-normal {
    display: flex;
    justify-content: normal;
  }
  .flex-lg-normal--force {
    display: flex !important;
    justify-content: normal !important;
  }
  .flex-lg-revert {
    display: flex;
    justify-content: revert;
  }
  .flex-lg-revert--force {
    display: flex !important;
    justify-content: revert !important;
  }
  .flex-lg-space-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-lg-space-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-lg-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-lg-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-lg-space-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-lg-space-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-lg-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-lg-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-lg-space-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-lg-space-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-lg-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-lg-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-lg-stretch {
    display: flex;
    justify-content: stretch;
  }
  .flex-lg-stretch--force {
    display: flex !important;
    justify-content: stretch !important;
  }
  .flex-lg-unset {
    display: flex;
    justify-content: unset;
  }
  .flex-lg-unset--force {
    display: flex !important;
    justify-content: unset !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0;
  }
  .flex-lg-grow-1 {
    flex-grow: 1;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1;
  }
  .flex-lg-grow-2 {
    flex-grow: 2;
  }
  .flex-lg-shrink-2 {
    flex-shrink: 2;
  }
  .flex-lg-grow-3 {
    flex-grow: 3;
  }
  .flex-lg-shrink-3 {
    flex-shrink: 3;
  }
  .flex-lg-full {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
  }
  .flex-lg-basis-1 {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 1536px) {
  .flex-xl-row {
    display: flex;
    flex-direction: row;
  }
  .flex-xl-row--force {
    display: flex !important;
    flex-direction: row !important;
  }
  .flex-xl-row-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .flex-xl-row-reverse--force {
    display: flex !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column {
    display: flex;
    flex-direction: column;
  }
  .flex-xl-column--force {
    display: flex !important;
    flex-direction: column !important;
  }
  .flex-xl-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex-xl-column-reverse--force {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap;
  }
  .flex-xl-nowrap--force {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap;
  }
  .flex-xl-wrap--force {
    flex-wrap: wrap !important;
  }
  .flex-xl-align-center {
    display: flex;
    align-items: center;
  }
  .flex-xl-align-center--force {
    display: flex !important;
    align-items: center !important;
  }
  .flex-xl-align-start {
    display: flex;
    align-items: flex-start;
  }
  .flex-xl-align-start--force {
    display: flex !important;
    align-items: flex-start !important;
  }
  .flex-xl-align-end {
    display: flex;
    align-items: flex-end;
  }
  .flex-xl-align-end--force {
    display: flex !important;
    align-items: flex-end !important;
  }
  .flex-xl-align-inherit {
    display: flex;
    align-items: inherit;
  }
  .flex-xl-align-inherit--force {
    display: flex !important;
    align-items: inherit !important;
  }
  .flex-xl-align-initial {
    display: flex;
    align-items: initial;
  }
  .flex-xl-align-initial--force {
    display: flex !important;
    align-items: initial !important;
  }
  .flex-xl-align-self-end {
    display: flex;
    align-self: flex-end;
  }
  .flex-xl-align-self-end--force {
    display: flex !important;
    align-self: flex-end !important;
  }
  .flex-xl-align-self-start {
    display: flex;
    align-self: flex-start;
  }
  .flex-xl-align-self-start--force {
    display: flex !important;
    align-self: flex-start !important;
  }
  .flex-xl-align-self-inherit {
    display: flex;
    align-self: inherit;
  }
  .flex-xl-align-self-inherit--force {
    display: flex !important;
    align-self: inherit !important;
  }
  .flex-xl-align-self-initial {
    display: flex;
    align-self: initial;
  }
  .flex-xl-align-self-initial--force {
    display: flex !important;
    align-self: initial !important;
  }
  .flex-xl-center-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex-xl-center-center--force {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .flex-xl-justify-center {
    display: flex;
    justify-content: center;
  }
  .flex-xl-justify-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-xl-center {
    display: flex;
    justify-content: center;
  }
  .flex-xl-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-xl-justify-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-xl-justify-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-xl-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-xl-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-xl-justify-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-xl-justify-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-xl-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-xl-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-xl-justify-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-xl-justify-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-xl-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-xl-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-xl-justify-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-xl-justify-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-xl-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-xl-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-xl-left {
    display: flex;
    justify-content: left;
  }
  .flex-xl-left--force {
    display: flex !important;
    justify-content: left !important;
  }
  .flex-xl-right {
    display: flex;
    justify-content: right;
  }
  .flex-xl-right--force {
    display: flex !important;
    justify-content: right !important;
  }
  .flex-xl-normal {
    display: flex;
    justify-content: normal;
  }
  .flex-xl-normal--force {
    display: flex !important;
    justify-content: normal !important;
  }
  .flex-xl-revert {
    display: flex;
    justify-content: revert;
  }
  .flex-xl-revert--force {
    display: flex !important;
    justify-content: revert !important;
  }
  .flex-xl-space-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-xl-space-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-xl-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-xl-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-xl-space-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-xl-space-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-xl-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-xl-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-xl-space-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-xl-space-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-xl-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-xl-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-xl-stretch {
    display: flex;
    justify-content: stretch;
  }
  .flex-xl-stretch--force {
    display: flex !important;
    justify-content: stretch !important;
  }
  .flex-xl-unset {
    display: flex;
    justify-content: unset;
  }
  .flex-xl-unset--force {
    display: flex !important;
    justify-content: unset !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0;
  }
  .flex-xl-grow-1 {
    flex-grow: 1;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1;
  }
  .flex-xl-grow-2 {
    flex-grow: 2;
  }
  .flex-xl-shrink-2 {
    flex-shrink: 2;
  }
  .flex-xl-grow-3 {
    flex-grow: 3;
  }
  .flex-xl-shrink-3 {
    flex-shrink: 3;
  }
  .flex-xl-full {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
  }
  .flex-xl-basis-1 {
    flex-basis: 100%;
  }
}
.fw-100 {
  font-weight: 100;
}

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

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

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

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

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

.fw-400 {
  font-weight: var(--matcha-weight-regular, 400);
}

.fw-400--force {
  font-weight: var(--matcha-weight-regular, 400) !important;
}

.fw-500 {
  font-weight: var(--matcha-weight-medium, 500);
}

.fw-500--force {
  font-weight: var(--matcha-weight-medium, 500) !important;
}

.fw-600 {
  font-weight: var(--matcha-weight-semibold, 600);
}

.fw-600--force {
  font-weight: var(--matcha-weight-semibold, 600) !important;
}

.fw-700 {
  font-weight: var(--matcha-weight-bold, 700);
}

.fw-700--force {
  font-weight: var(--matcha-weight-bold, 700) !important;
}

.fw-800 {
  font-weight: 800;
}

.fw-800--force {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: var(--matcha-weight-black, 900);
}

.fw-900--force {
  font-weight: var(--matcha-weight-black, 900) !important;
}

@media screen and (max-width: 639px) {
  .fw-xs-100 {
    font-weight: 100;
  }
  .fw-xs-100--force {
    font-weight: 100 !important;
  }
  .fw-xs-200 {
    font-weight: 200;
  }
  .fw-xs-200--force {
    font-weight: 200 !important;
  }
  .fw-xs-300 {
    font-weight: 300;
  }
  .fw-xs-300--force {
    font-weight: 300 !important;
  }
  .fw-xs-400 {
    font-weight: var(--matcha-weight-regular, 400);
  }
  .fw-xs-400--force {
    font-weight: var(--matcha-weight-regular, 400) !important;
  }
  .fw-xs-500 {
    font-weight: var(--matcha-weight-medium, 500);
  }
  .fw-xs-500--force {
    font-weight: var(--matcha-weight-medium, 500) !important;
  }
  .fw-xs-600 {
    font-weight: var(--matcha-weight-semibold, 600);
  }
  .fw-xs-600--force {
    font-weight: var(--matcha-weight-semibold, 600) !important;
  }
  .fw-xs-700 {
    font-weight: var(--matcha-weight-bold, 700);
  }
  .fw-xs-700--force {
    font-weight: var(--matcha-weight-bold, 700) !important;
  }
  .fw-xs-800 {
    font-weight: 800;
  }
  .fw-xs-800--force {
    font-weight: 800 !important;
  }
  .fw-xs-900 {
    font-weight: var(--matcha-weight-black, 900);
  }
  .fw-xs-900--force {
    font-weight: var(--matcha-weight-black, 900) !important;
  }
}
@media screen and (min-width: 640px) {
  .fw-sm-100 {
    font-weight: 100;
  }
  .fw-sm-100--force {
    font-weight: 100 !important;
  }
  .fw-sm-200 {
    font-weight: 200;
  }
  .fw-sm-200--force {
    font-weight: 200 !important;
  }
  .fw-sm-300 {
    font-weight: 300;
  }
  .fw-sm-300--force {
    font-weight: 300 !important;
  }
  .fw-sm-400 {
    font-weight: var(--matcha-weight-regular, 400);
  }
  .fw-sm-400--force {
    font-weight: var(--matcha-weight-regular, 400) !important;
  }
  .fw-sm-500 {
    font-weight: var(--matcha-weight-medium, 500);
  }
  .fw-sm-500--force {
    font-weight: var(--matcha-weight-medium, 500) !important;
  }
  .fw-sm-600 {
    font-weight: var(--matcha-weight-semibold, 600);
  }
  .fw-sm-600--force {
    font-weight: var(--matcha-weight-semibold, 600) !important;
  }
  .fw-sm-700 {
    font-weight: var(--matcha-weight-bold, 700);
  }
  .fw-sm-700--force {
    font-weight: var(--matcha-weight-bold, 700) !important;
  }
  .fw-sm-800 {
    font-weight: 800;
  }
  .fw-sm-800--force {
    font-weight: 800 !important;
  }
  .fw-sm-900 {
    font-weight: var(--matcha-weight-black, 900);
  }
  .fw-sm-900--force {
    font-weight: var(--matcha-weight-black, 900) !important;
  }
}
@media screen and (min-width: 1024px) {
  .fw-md-100 {
    font-weight: 100;
  }
  .fw-md-100--force {
    font-weight: 100 !important;
  }
  .fw-md-200 {
    font-weight: 200;
  }
  .fw-md-200--force {
    font-weight: 200 !important;
  }
  .fw-md-300 {
    font-weight: 300;
  }
  .fw-md-300--force {
    font-weight: 300 !important;
  }
  .fw-md-400 {
    font-weight: var(--matcha-weight-regular, 400);
  }
  .fw-md-400--force {
    font-weight: var(--matcha-weight-regular, 400) !important;
  }
  .fw-md-500 {
    font-weight: var(--matcha-weight-medium, 500);
  }
  .fw-md-500--force {
    font-weight: var(--matcha-weight-medium, 500) !important;
  }
  .fw-md-600 {
    font-weight: var(--matcha-weight-semibold, 600);
  }
  .fw-md-600--force {
    font-weight: var(--matcha-weight-semibold, 600) !important;
  }
  .fw-md-700 {
    font-weight: var(--matcha-weight-bold, 700);
  }
  .fw-md-700--force {
    font-weight: var(--matcha-weight-bold, 700) !important;
  }
  .fw-md-800 {
    font-weight: 800;
  }
  .fw-md-800--force {
    font-weight: 800 !important;
  }
  .fw-md-900 {
    font-weight: var(--matcha-weight-black, 900);
  }
  .fw-md-900--force {
    font-weight: var(--matcha-weight-black, 900) !important;
  }
}
@media screen and (min-width: 1280px) {
  .fw-lg-100 {
    font-weight: 100;
  }
  .fw-lg-100--force {
    font-weight: 100 !important;
  }
  .fw-lg-200 {
    font-weight: 200;
  }
  .fw-lg-200--force {
    font-weight: 200 !important;
  }
  .fw-lg-300 {
    font-weight: 300;
  }
  .fw-lg-300--force {
    font-weight: 300 !important;
  }
  .fw-lg-400 {
    font-weight: var(--matcha-weight-regular, 400);
  }
  .fw-lg-400--force {
    font-weight: var(--matcha-weight-regular, 400) !important;
  }
  .fw-lg-500 {
    font-weight: var(--matcha-weight-medium, 500);
  }
  .fw-lg-500--force {
    font-weight: var(--matcha-weight-medium, 500) !important;
  }
  .fw-lg-600 {
    font-weight: var(--matcha-weight-semibold, 600);
  }
  .fw-lg-600--force {
    font-weight: var(--matcha-weight-semibold, 600) !important;
  }
  .fw-lg-700 {
    font-weight: var(--matcha-weight-bold, 700);
  }
  .fw-lg-700--force {
    font-weight: var(--matcha-weight-bold, 700) !important;
  }
  .fw-lg-800 {
    font-weight: 800;
  }
  .fw-lg-800--force {
    font-weight: 800 !important;
  }
  .fw-lg-900 {
    font-weight: var(--matcha-weight-black, 900);
  }
  .fw-lg-900--force {
    font-weight: var(--matcha-weight-black, 900) !important;
  }
}
@media screen and (min-width: 1536px) {
  .fw-xl-100 {
    font-weight: 100;
  }
  .fw-xl-100--force {
    font-weight: 100 !important;
  }
  .fw-xl-200 {
    font-weight: 200;
  }
  .fw-xl-200--force {
    font-weight: 200 !important;
  }
  .fw-xl-300 {
    font-weight: 300;
  }
  .fw-xl-300--force {
    font-weight: 300 !important;
  }
  .fw-xl-400 {
    font-weight: var(--matcha-weight-regular, 400);
  }
  .fw-xl-400--force {
    font-weight: var(--matcha-weight-regular, 400) !important;
  }
  .fw-xl-500 {
    font-weight: var(--matcha-weight-medium, 500);
  }
  .fw-xl-500--force {
    font-weight: var(--matcha-weight-medium, 500) !important;
  }
  .fw-xl-600 {
    font-weight: var(--matcha-weight-semibold, 600);
  }
  .fw-xl-600--force {
    font-weight: var(--matcha-weight-semibold, 600) !important;
  }
  .fw-xl-700 {
    font-weight: var(--matcha-weight-bold, 700);
  }
  .fw-xl-700--force {
    font-weight: var(--matcha-weight-bold, 700) !important;
  }
  .fw-xl-800 {
    font-weight: 800;
  }
  .fw-xl-800--force {
    font-weight: 800 !important;
  }
  .fw-xl-900 {
    font-weight: var(--matcha-weight-black, 900);
  }
  .fw-xl-900--force {
    font-weight: var(--matcha-weight-black, 900) !important;
  }
}
.fs-0 {
  font-size: 0px;
}

.fs-0--force {
  font-size: 0px !important;
}

.fs-1 {
  font-size: 1px;
}

.fs-1--force {
  font-size: 1px !important;
}

.fs-2 {
  font-size: 2px;
}

.fs-2--force {
  font-size: 2px !important;
}

.fs-3 {
  font-size: 3px;
}

.fs-3--force {
  font-size: 3px !important;
}

.fs-4 {
  font-size: 4px;
}

.fs-4--force {
  font-size: 4px !important;
}

.fs-5 {
  font-size: 5px;
}

.fs-5--force {
  font-size: 5px !important;
}

.fs-6 {
  font-size: 6px;
}

.fs-6--force {
  font-size: 6px !important;
}

.fs-7 {
  font-size: 7px;
}

.fs-7--force {
  font-size: 7px !important;
}

.fs-8 {
  font-size: 8px;
}

.fs-8--force {
  font-size: 8px !important;
}

.fs-9 {
  font-size: 9px;
}

.fs-9--force {
  font-size: 9px !important;
}

.fs-10 {
  font-size: var(--matcha-font-size-2xs, 10px);
}

.fs-10--force {
  font-size: var(--matcha-font-size-2xs, 10px) !important;
}

.fs-11 {
  font-size: 11px;
}

.fs-11--force {
  font-size: 11px !important;
}

.fs-12 {
  font-size: var(--matcha-font-size-xs, 12px);
}

.fs-12--force {
  font-size: var(--matcha-font-size-xs, 12px) !important;
}

.fs-13 {
  font-size: 13px;
}

.fs-13--force {
  font-size: 13px !important;
}

.fs-14 {
  font-size: var(--matcha-font-size-sm, 14px);
}

.fs-14--force {
  font-size: var(--matcha-font-size-sm, 14px) !important;
}

.fs-15 {
  font-size: 15px;
}

.fs-15--force {
  font-size: 15px !important;
}

.fs-16 {
  font-size: var(--matcha-font-size-md, 16px);
}

.fs-16--force {
  font-size: var(--matcha-font-size-md, 16px) !important;
}

.fs-17 {
  font-size: 17px;
}

.fs-17--force {
  font-size: 17px !important;
}

.fs-18 {
  font-size: var(--matcha-font-size-lg, 18px);
}

.fs-18--force {
  font-size: var(--matcha-font-size-lg, 18px) !important;
}

.fs-19 {
  font-size: 19px;
}

.fs-19--force {
  font-size: 19px !important;
}

.fs-20 {
  font-size: var(--matcha-font-size-xl, 20px);
}

.fs-20--force {
  font-size: var(--matcha-font-size-xl, 20px) !important;
}

.fs-21 {
  font-size: 21px;
}

.fs-21--force {
  font-size: 21px !important;
}

.fs-22 {
  font-size: 22px;
}

.fs-22--force {
  font-size: 22px !important;
}

.fs-23 {
  font-size: 23px;
}

.fs-23--force {
  font-size: 23px !important;
}

.fs-24 {
  font-size: var(--matcha-font-size-2xl, 24px);
}

.fs-24--force {
  font-size: var(--matcha-font-size-2xl, 24px) !important;
}

.fs-25 {
  font-size: 25px;
}

.fs-25--force {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px;
}

.fs-26--force {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px;
}

.fs-27--force {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px;
}

.fs-28--force {
  font-size: 28px !important;
}

.fs-29 {
  font-size: 29px;
}

.fs-29--force {
  font-size: 29px !important;
}

.fs-30 {
  font-size: 30px;
}

.fs-30--force {
  font-size: 30px !important;
}

.fs-31 {
  font-size: 31px;
}

.fs-31--force {
  font-size: 31px !important;
}

.fs-32 {
  font-size: var(--matcha-font-size-3xl, 32px);
}

.fs-32--force {
  font-size: var(--matcha-font-size-3xl, 32px) !important;
}

.fs-33 {
  font-size: 33px;
}

.fs-33--force {
  font-size: 33px !important;
}

.fs-34 {
  font-size: 34px;
}

.fs-34--force {
  font-size: 34px !important;
}

.fs-35 {
  font-size: 35px;
}

.fs-35--force {
  font-size: 35px !important;
}

.fs-36 {
  font-size: 36px;
}

.fs-36--force {
  font-size: 36px !important;
}

.fs-37 {
  font-size: 37px;
}

.fs-37--force {
  font-size: 37px !important;
}

.fs-38 {
  font-size: 38px;
}

.fs-38--force {
  font-size: 38px !important;
}

.fs-39 {
  font-size: 39px;
}

.fs-39--force {
  font-size: 39px !important;
}

.fs-40 {
  font-size: 40px;
}

.fs-40--force {
  font-size: 40px !important;
}

.fs-41 {
  font-size: 41px;
}

.fs-41--force {
  font-size: 41px !important;
}

.fs-42 {
  font-size: 42px;
}

.fs-42--force {
  font-size: 42px !important;
}

.fs-43 {
  font-size: 43px;
}

.fs-43--force {
  font-size: 43px !important;
}

.fs-44 {
  font-size: 44px;
}

.fs-44--force {
  font-size: 44px !important;
}

.fs-45 {
  font-size: 45px;
}

.fs-45--force {
  font-size: 45px !important;
}

.fs-46 {
  font-size: 46px;
}

.fs-46--force {
  font-size: 46px !important;
}

.fs-47 {
  font-size: 47px;
}

.fs-47--force {
  font-size: 47px !important;
}

.fs-48 {
  font-size: 48px;
}

.fs-48--force {
  font-size: 48px !important;
}

.fs-49 {
  font-size: 49px;
}

.fs-49--force {
  font-size: 49px !important;
}

.fs-50 {
  font-size: 50px;
}

.fs-50--force {
  font-size: 50px !important;
}

.fs-51 {
  font-size: 51px;
}

.fs-51--force {
  font-size: 51px !important;
}

.fs-52 {
  font-size: 52px;
}

.fs-52--force {
  font-size: 52px !important;
}

.fs-53 {
  font-size: 53px;
}

.fs-53--force {
  font-size: 53px !important;
}

.fs-54 {
  font-size: 54px;
}

.fs-54--force {
  font-size: 54px !important;
}

.fs-55 {
  font-size: 55px;
}

.fs-55--force {
  font-size: 55px !important;
}

.fs-56 {
  font-size: 56px;
}

.fs-56--force {
  font-size: 56px !important;
}

.fs-57 {
  font-size: 57px;
}

.fs-57--force {
  font-size: 57px !important;
}

.fs-58 {
  font-size: 58px;
}

.fs-58--force {
  font-size: 58px !important;
}

.fs-59 {
  font-size: 59px;
}

.fs-59--force {
  font-size: 59px !important;
}

.fs-60 {
  font-size: 60px;
}

.fs-60--force {
  font-size: 60px !important;
}

.fs-61 {
  font-size: 61px;
}

.fs-61--force {
  font-size: 61px !important;
}

.fs-62 {
  font-size: 62px;
}

.fs-62--force {
  font-size: 62px !important;
}

.fs-63 {
  font-size: 63px;
}

.fs-63--force {
  font-size: 63px !important;
}

.fs-64 {
  font-size: 64px;
}

.fs-64--force {
  font-size: 64px !important;
}

.fs-65 {
  font-size: 65px;
}

.fs-65--force {
  font-size: 65px !important;
}

.fs-66 {
  font-size: 66px;
}

.fs-66--force {
  font-size: 66px !important;
}

.fs-67 {
  font-size: 67px;
}

.fs-67--force {
  font-size: 67px !important;
}

.fs-68 {
  font-size: 68px;
}

.fs-68--force {
  font-size: 68px !important;
}

.fs-69 {
  font-size: 69px;
}

.fs-69--force {
  font-size: 69px !important;
}

.fs-70 {
  font-size: 70px;
}

.fs-70--force {
  font-size: 70px !important;
}

.fs-71 {
  font-size: 71px;
}

.fs-71--force {
  font-size: 71px !important;
}

.fs-72 {
  font-size: 72px;
}

.fs-72--force {
  font-size: 72px !important;
}

.fs-73 {
  font-size: 73px;
}

.fs-73--force {
  font-size: 73px !important;
}

.fs-74 {
  font-size: 74px;
}

.fs-74--force {
  font-size: 74px !important;
}

.fs-75 {
  font-size: 75px;
}

.fs-75--force {
  font-size: 75px !important;
}

.fs-76 {
  font-size: 76px;
}

.fs-76--force {
  font-size: 76px !important;
}

.fs-77 {
  font-size: 77px;
}

.fs-77--force {
  font-size: 77px !important;
}

.fs-78 {
  font-size: 78px;
}

.fs-78--force {
  font-size: 78px !important;
}

.fs-79 {
  font-size: 79px;
}

.fs-79--force {
  font-size: 79px !important;
}

.fs-80 {
  font-size: 80px;
}

.fs-80--force {
  font-size: 80px !important;
}

.fs-81 {
  font-size: 81px;
}

.fs-81--force {
  font-size: 81px !important;
}

.fs-82 {
  font-size: 82px;
}

.fs-82--force {
  font-size: 82px !important;
}

.fs-83 {
  font-size: 83px;
}

.fs-83--force {
  font-size: 83px !important;
}

.fs-84 {
  font-size: 84px;
}

.fs-84--force {
  font-size: 84px !important;
}

.fs-85 {
  font-size: 85px;
}

.fs-85--force {
  font-size: 85px !important;
}

.fs-86 {
  font-size: 86px;
}

.fs-86--force {
  font-size: 86px !important;
}

.fs-87 {
  font-size: 87px;
}

.fs-87--force {
  font-size: 87px !important;
}

.fs-88 {
  font-size: 88px;
}

.fs-88--force {
  font-size: 88px !important;
}

.fs-89 {
  font-size: 89px;
}

.fs-89--force {
  font-size: 89px !important;
}

.fs-90 {
  font-size: 90px;
}

.fs-90--force {
  font-size: 90px !important;
}

.fs-91 {
  font-size: 91px;
}

.fs-91--force {
  font-size: 91px !important;
}

.fs-92 {
  font-size: 92px;
}

.fs-92--force {
  font-size: 92px !important;
}

.fs-93 {
  font-size: 93px;
}

.fs-93--force {
  font-size: 93px !important;
}

.fs-94 {
  font-size: 94px;
}

.fs-94--force {
  font-size: 94px !important;
}

.fs-95 {
  font-size: 95px;
}

.fs-95--force {
  font-size: 95px !important;
}

.fs-96 {
  font-size: 96px;
}

.fs-96--force {
  font-size: 96px !important;
}

@media screen and (max-width: 639px) {
  .fs-xs-0 {
    font-size: 0px;
  }
  .fs-xs-0--force {
    font-size: 0px !important;
  }
  .fs-xs-1 {
    font-size: 1px;
  }
  .fs-xs-1--force {
    font-size: 1px !important;
  }
  .fs-xs-2 {
    font-size: 2px;
  }
  .fs-xs-2--force {
    font-size: 2px !important;
  }
  .fs-xs-3 {
    font-size: 3px;
  }
  .fs-xs-3--force {
    font-size: 3px !important;
  }
  .fs-xs-4 {
    font-size: 4px;
  }
  .fs-xs-4--force {
    font-size: 4px !important;
  }
  .fs-xs-5 {
    font-size: 5px;
  }
  .fs-xs-5--force {
    font-size: 5px !important;
  }
  .fs-xs-6 {
    font-size: 6px;
  }
  .fs-xs-6--force {
    font-size: 6px !important;
  }
  .fs-xs-7 {
    font-size: 7px;
  }
  .fs-xs-7--force {
    font-size: 7px !important;
  }
  .fs-xs-8 {
    font-size: 8px;
  }
  .fs-xs-8--force {
    font-size: 8px !important;
  }
  .fs-xs-9 {
    font-size: 9px;
  }
  .fs-xs-9--force {
    font-size: 9px !important;
  }
  .fs-xs-10 {
    font-size: var(--matcha-font-size-2xs, 10px);
  }
  .fs-xs-10--force {
    font-size: var(--matcha-font-size-2xs, 10px) !important;
  }
  .fs-xs-11 {
    font-size: 11px;
  }
  .fs-xs-11--force {
    font-size: 11px !important;
  }
  .fs-xs-12 {
    font-size: var(--matcha-font-size-xs, 12px);
  }
  .fs-xs-12--force {
    font-size: var(--matcha-font-size-xs, 12px) !important;
  }
  .fs-xs-13 {
    font-size: 13px;
  }
  .fs-xs-13--force {
    font-size: 13px !important;
  }
  .fs-xs-14 {
    font-size: var(--matcha-font-size-sm, 14px);
  }
  .fs-xs-14--force {
    font-size: var(--matcha-font-size-sm, 14px) !important;
  }
  .fs-xs-15 {
    font-size: 15px;
  }
  .fs-xs-15--force {
    font-size: 15px !important;
  }
  .fs-xs-16 {
    font-size: var(--matcha-font-size-md, 16px);
  }
  .fs-xs-16--force {
    font-size: var(--matcha-font-size-md, 16px) !important;
  }
  .fs-xs-17 {
    font-size: 17px;
  }
  .fs-xs-17--force {
    font-size: 17px !important;
  }
  .fs-xs-18 {
    font-size: var(--matcha-font-size-lg, 18px);
  }
  .fs-xs-18--force {
    font-size: var(--matcha-font-size-lg, 18px) !important;
  }
  .fs-xs-19 {
    font-size: 19px;
  }
  .fs-xs-19--force {
    font-size: 19px !important;
  }
  .fs-xs-20 {
    font-size: var(--matcha-font-size-xl, 20px);
  }
  .fs-xs-20--force {
    font-size: var(--matcha-font-size-xl, 20px) !important;
  }
  .fs-xs-21 {
    font-size: 21px;
  }
  .fs-xs-21--force {
    font-size: 21px !important;
  }
  .fs-xs-22 {
    font-size: 22px;
  }
  .fs-xs-22--force {
    font-size: 22px !important;
  }
  .fs-xs-23 {
    font-size: 23px;
  }
  .fs-xs-23--force {
    font-size: 23px !important;
  }
  .fs-xs-24 {
    font-size: var(--matcha-font-size-2xl, 24px);
  }
  .fs-xs-24--force {
    font-size: var(--matcha-font-size-2xl, 24px) !important;
  }
  .fs-xs-25 {
    font-size: 25px;
  }
  .fs-xs-25--force {
    font-size: 25px !important;
  }
  .fs-xs-26 {
    font-size: 26px;
  }
  .fs-xs-26--force {
    font-size: 26px !important;
  }
  .fs-xs-27 {
    font-size: 27px;
  }
  .fs-xs-27--force {
    font-size: 27px !important;
  }
  .fs-xs-28 {
    font-size: 28px;
  }
  .fs-xs-28--force {
    font-size: 28px !important;
  }
  .fs-xs-29 {
    font-size: 29px;
  }
  .fs-xs-29--force {
    font-size: 29px !important;
  }
  .fs-xs-30 {
    font-size: 30px;
  }
  .fs-xs-30--force {
    font-size: 30px !important;
  }
  .fs-xs-31 {
    font-size: 31px;
  }
  .fs-xs-31--force {
    font-size: 31px !important;
  }
  .fs-xs-32 {
    font-size: var(--matcha-font-size-3xl, 32px);
  }
  .fs-xs-32--force {
    font-size: var(--matcha-font-size-3xl, 32px) !important;
  }
  .fs-xs-33 {
    font-size: 33px;
  }
  .fs-xs-33--force {
    font-size: 33px !important;
  }
  .fs-xs-34 {
    font-size: 34px;
  }
  .fs-xs-34--force {
    font-size: 34px !important;
  }
  .fs-xs-35 {
    font-size: 35px;
  }
  .fs-xs-35--force {
    font-size: 35px !important;
  }
  .fs-xs-36 {
    font-size: 36px;
  }
  .fs-xs-36--force {
    font-size: 36px !important;
  }
  .fs-xs-37 {
    font-size: 37px;
  }
  .fs-xs-37--force {
    font-size: 37px !important;
  }
  .fs-xs-38 {
    font-size: 38px;
  }
  .fs-xs-38--force {
    font-size: 38px !important;
  }
  .fs-xs-39 {
    font-size: 39px;
  }
  .fs-xs-39--force {
    font-size: 39px !important;
  }
  .fs-xs-40 {
    font-size: 40px;
  }
  .fs-xs-40--force {
    font-size: 40px !important;
  }
  .fs-xs-41 {
    font-size: 41px;
  }
  .fs-xs-41--force {
    font-size: 41px !important;
  }
  .fs-xs-42 {
    font-size: 42px;
  }
  .fs-xs-42--force {
    font-size: 42px !important;
  }
  .fs-xs-43 {
    font-size: 43px;
  }
  .fs-xs-43--force {
    font-size: 43px !important;
  }
  .fs-xs-44 {
    font-size: 44px;
  }
  .fs-xs-44--force {
    font-size: 44px !important;
  }
  .fs-xs-45 {
    font-size: 45px;
  }
  .fs-xs-45--force {
    font-size: 45px !important;
  }
  .fs-xs-46 {
    font-size: 46px;
  }
  .fs-xs-46--force {
    font-size: 46px !important;
  }
  .fs-xs-47 {
    font-size: 47px;
  }
  .fs-xs-47--force {
    font-size: 47px !important;
  }
  .fs-xs-48 {
    font-size: 48px;
  }
  .fs-xs-48--force {
    font-size: 48px !important;
  }
  .fs-xs-49 {
    font-size: 49px;
  }
  .fs-xs-49--force {
    font-size: 49px !important;
  }
  .fs-xs-50 {
    font-size: 50px;
  }
  .fs-xs-50--force {
    font-size: 50px !important;
  }
  .fs-xs-51 {
    font-size: 51px;
  }
  .fs-xs-51--force {
    font-size: 51px !important;
  }
  .fs-xs-52 {
    font-size: 52px;
  }
  .fs-xs-52--force {
    font-size: 52px !important;
  }
  .fs-xs-53 {
    font-size: 53px;
  }
  .fs-xs-53--force {
    font-size: 53px !important;
  }
  .fs-xs-54 {
    font-size: 54px;
  }
  .fs-xs-54--force {
    font-size: 54px !important;
  }
  .fs-xs-55 {
    font-size: 55px;
  }
  .fs-xs-55--force {
    font-size: 55px !important;
  }
  .fs-xs-56 {
    font-size: 56px;
  }
  .fs-xs-56--force {
    font-size: 56px !important;
  }
  .fs-xs-57 {
    font-size: 57px;
  }
  .fs-xs-57--force {
    font-size: 57px !important;
  }
  .fs-xs-58 {
    font-size: 58px;
  }
  .fs-xs-58--force {
    font-size: 58px !important;
  }
  .fs-xs-59 {
    font-size: 59px;
  }
  .fs-xs-59--force {
    font-size: 59px !important;
  }
  .fs-xs-60 {
    font-size: 60px;
  }
  .fs-xs-60--force {
    font-size: 60px !important;
  }
  .fs-xs-61 {
    font-size: 61px;
  }
  .fs-xs-61--force {
    font-size: 61px !important;
  }
  .fs-xs-62 {
    font-size: 62px;
  }
  .fs-xs-62--force {
    font-size: 62px !important;
  }
  .fs-xs-63 {
    font-size: 63px;
  }
  .fs-xs-63--force {
    font-size: 63px !important;
  }
  .fs-xs-64 {
    font-size: 64px;
  }
  .fs-xs-64--force {
    font-size: 64px !important;
  }
  .fs-xs-65 {
    font-size: 65px;
  }
  .fs-xs-65--force {
    font-size: 65px !important;
  }
  .fs-xs-66 {
    font-size: 66px;
  }
  .fs-xs-66--force {
    font-size: 66px !important;
  }
  .fs-xs-67 {
    font-size: 67px;
  }
  .fs-xs-67--force {
    font-size: 67px !important;
  }
  .fs-xs-68 {
    font-size: 68px;
  }
  .fs-xs-68--force {
    font-size: 68px !important;
  }
  .fs-xs-69 {
    font-size: 69px;
  }
  .fs-xs-69--force {
    font-size: 69px !important;
  }
  .fs-xs-70 {
    font-size: 70px;
  }
  .fs-xs-70--force {
    font-size: 70px !important;
  }
  .fs-xs-71 {
    font-size: 71px;
  }
  .fs-xs-71--force {
    font-size: 71px !important;
  }
  .fs-xs-72 {
    font-size: 72px;
  }
  .fs-xs-72--force {
    font-size: 72px !important;
  }
  .fs-xs-73 {
    font-size: 73px;
  }
  .fs-xs-73--force {
    font-size: 73px !important;
  }
  .fs-xs-74 {
    font-size: 74px;
  }
  .fs-xs-74--force {
    font-size: 74px !important;
  }
  .fs-xs-75 {
    font-size: 75px;
  }
  .fs-xs-75--force {
    font-size: 75px !important;
  }
  .fs-xs-76 {
    font-size: 76px;
  }
  .fs-xs-76--force {
    font-size: 76px !important;
  }
  .fs-xs-77 {
    font-size: 77px;
  }
  .fs-xs-77--force {
    font-size: 77px !important;
  }
  .fs-xs-78 {
    font-size: 78px;
  }
  .fs-xs-78--force {
    font-size: 78px !important;
  }
  .fs-xs-79 {
    font-size: 79px;
  }
  .fs-xs-79--force {
    font-size: 79px !important;
  }
  .fs-xs-80 {
    font-size: 80px;
  }
  .fs-xs-80--force {
    font-size: 80px !important;
  }
  .fs-xs-81 {
    font-size: 81px;
  }
  .fs-xs-81--force {
    font-size: 81px !important;
  }
  .fs-xs-82 {
    font-size: 82px;
  }
  .fs-xs-82--force {
    font-size: 82px !important;
  }
  .fs-xs-83 {
    font-size: 83px;
  }
  .fs-xs-83--force {
    font-size: 83px !important;
  }
  .fs-xs-84 {
    font-size: 84px;
  }
  .fs-xs-84--force {
    font-size: 84px !important;
  }
  .fs-xs-85 {
    font-size: 85px;
  }
  .fs-xs-85--force {
    font-size: 85px !important;
  }
  .fs-xs-86 {
    font-size: 86px;
  }
  .fs-xs-86--force {
    font-size: 86px !important;
  }
  .fs-xs-87 {
    font-size: 87px;
  }
  .fs-xs-87--force {
    font-size: 87px !important;
  }
  .fs-xs-88 {
    font-size: 88px;
  }
  .fs-xs-88--force {
    font-size: 88px !important;
  }
  .fs-xs-89 {
    font-size: 89px;
  }
  .fs-xs-89--force {
    font-size: 89px !important;
  }
  .fs-xs-90 {
    font-size: 90px;
  }
  .fs-xs-90--force {
    font-size: 90px !important;
  }
  .fs-xs-91 {
    font-size: 91px;
  }
  .fs-xs-91--force {
    font-size: 91px !important;
  }
  .fs-xs-92 {
    font-size: 92px;
  }
  .fs-xs-92--force {
    font-size: 92px !important;
  }
  .fs-xs-93 {
    font-size: 93px;
  }
  .fs-xs-93--force {
    font-size: 93px !important;
  }
  .fs-xs-94 {
    font-size: 94px;
  }
  .fs-xs-94--force {
    font-size: 94px !important;
  }
  .fs-xs-95 {
    font-size: 95px;
  }
  .fs-xs-95--force {
    font-size: 95px !important;
  }
  .fs-xs-96 {
    font-size: 96px;
  }
  .fs-xs-96--force {
    font-size: 96px !important;
  }
}
@media screen and (min-width: 640px) {
  .fs-sm-0 {
    font-size: 0px;
  }
  .fs-sm-0--force {
    font-size: 0px !important;
  }
  .fs-sm-1 {
    font-size: 1px;
  }
  .fs-sm-1--force {
    font-size: 1px !important;
  }
  .fs-sm-2 {
    font-size: 2px;
  }
  .fs-sm-2--force {
    font-size: 2px !important;
  }
  .fs-sm-3 {
    font-size: 3px;
  }
  .fs-sm-3--force {
    font-size: 3px !important;
  }
  .fs-sm-4 {
    font-size: 4px;
  }
  .fs-sm-4--force {
    font-size: 4px !important;
  }
  .fs-sm-5 {
    font-size: 5px;
  }
  .fs-sm-5--force {
    font-size: 5px !important;
  }
  .fs-sm-6 {
    font-size: 6px;
  }
  .fs-sm-6--force {
    font-size: 6px !important;
  }
  .fs-sm-7 {
    font-size: 7px;
  }
  .fs-sm-7--force {
    font-size: 7px !important;
  }
  .fs-sm-8 {
    font-size: 8px;
  }
  .fs-sm-8--force {
    font-size: 8px !important;
  }
  .fs-sm-9 {
    font-size: 9px;
  }
  .fs-sm-9--force {
    font-size: 9px !important;
  }
  .fs-sm-10 {
    font-size: var(--matcha-font-size-2xs, 10px);
  }
  .fs-sm-10--force {
    font-size: var(--matcha-font-size-2xs, 10px) !important;
  }
  .fs-sm-11 {
    font-size: 11px;
  }
  .fs-sm-11--force {
    font-size: 11px !important;
  }
  .fs-sm-12 {
    font-size: var(--matcha-font-size-xs, 12px);
  }
  .fs-sm-12--force {
    font-size: var(--matcha-font-size-xs, 12px) !important;
  }
  .fs-sm-13 {
    font-size: 13px;
  }
  .fs-sm-13--force {
    font-size: 13px !important;
  }
  .fs-sm-14 {
    font-size: var(--matcha-font-size-sm, 14px);
  }
  .fs-sm-14--force {
    font-size: var(--matcha-font-size-sm, 14px) !important;
  }
  .fs-sm-15 {
    font-size: 15px;
  }
  .fs-sm-15--force {
    font-size: 15px !important;
  }
  .fs-sm-16 {
    font-size: var(--matcha-font-size-md, 16px);
  }
  .fs-sm-16--force {
    font-size: var(--matcha-font-size-md, 16px) !important;
  }
  .fs-sm-17 {
    font-size: 17px;
  }
  .fs-sm-17--force {
    font-size: 17px !important;
  }
  .fs-sm-18 {
    font-size: var(--matcha-font-size-lg, 18px);
  }
  .fs-sm-18--force {
    font-size: var(--matcha-font-size-lg, 18px) !important;
  }
  .fs-sm-19 {
    font-size: 19px;
  }
  .fs-sm-19--force {
    font-size: 19px !important;
  }
  .fs-sm-20 {
    font-size: var(--matcha-font-size-xl, 20px);
  }
  .fs-sm-20--force {
    font-size: var(--matcha-font-size-xl, 20px) !important;
  }
  .fs-sm-21 {
    font-size: 21px;
  }
  .fs-sm-21--force {
    font-size: 21px !important;
  }
  .fs-sm-22 {
    font-size: 22px;
  }
  .fs-sm-22--force {
    font-size: 22px !important;
  }
  .fs-sm-23 {
    font-size: 23px;
  }
  .fs-sm-23--force {
    font-size: 23px !important;
  }
  .fs-sm-24 {
    font-size: var(--matcha-font-size-2xl, 24px);
  }
  .fs-sm-24--force {
    font-size: var(--matcha-font-size-2xl, 24px) !important;
  }
  .fs-sm-25 {
    font-size: 25px;
  }
  .fs-sm-25--force {
    font-size: 25px !important;
  }
  .fs-sm-26 {
    font-size: 26px;
  }
  .fs-sm-26--force {
    font-size: 26px !important;
  }
  .fs-sm-27 {
    font-size: 27px;
  }
  .fs-sm-27--force {
    font-size: 27px !important;
  }
  .fs-sm-28 {
    font-size: 28px;
  }
  .fs-sm-28--force {
    font-size: 28px !important;
  }
  .fs-sm-29 {
    font-size: 29px;
  }
  .fs-sm-29--force {
    font-size: 29px !important;
  }
  .fs-sm-30 {
    font-size: 30px;
  }
  .fs-sm-30--force {
    font-size: 30px !important;
  }
  .fs-sm-31 {
    font-size: 31px;
  }
  .fs-sm-31--force {
    font-size: 31px !important;
  }
  .fs-sm-32 {
    font-size: var(--matcha-font-size-3xl, 32px);
  }
  .fs-sm-32--force {
    font-size: var(--matcha-font-size-3xl, 32px) !important;
  }
  .fs-sm-33 {
    font-size: 33px;
  }
  .fs-sm-33--force {
    font-size: 33px !important;
  }
  .fs-sm-34 {
    font-size: 34px;
  }
  .fs-sm-34--force {
    font-size: 34px !important;
  }
  .fs-sm-35 {
    font-size: 35px;
  }
  .fs-sm-35--force {
    font-size: 35px !important;
  }
  .fs-sm-36 {
    font-size: 36px;
  }
  .fs-sm-36--force {
    font-size: 36px !important;
  }
  .fs-sm-37 {
    font-size: 37px;
  }
  .fs-sm-37--force {
    font-size: 37px !important;
  }
  .fs-sm-38 {
    font-size: 38px;
  }
  .fs-sm-38--force {
    font-size: 38px !important;
  }
  .fs-sm-39 {
    font-size: 39px;
  }
  .fs-sm-39--force {
    font-size: 39px !important;
  }
  .fs-sm-40 {
    font-size: 40px;
  }
  .fs-sm-40--force {
    font-size: 40px !important;
  }
  .fs-sm-41 {
    font-size: 41px;
  }
  .fs-sm-41--force {
    font-size: 41px !important;
  }
  .fs-sm-42 {
    font-size: 42px;
  }
  .fs-sm-42--force {
    font-size: 42px !important;
  }
  .fs-sm-43 {
    font-size: 43px;
  }
  .fs-sm-43--force {
    font-size: 43px !important;
  }
  .fs-sm-44 {
    font-size: 44px;
  }
  .fs-sm-44--force {
    font-size: 44px !important;
  }
  .fs-sm-45 {
    font-size: 45px;
  }
  .fs-sm-45--force {
    font-size: 45px !important;
  }
  .fs-sm-46 {
    font-size: 46px;
  }
  .fs-sm-46--force {
    font-size: 46px !important;
  }
  .fs-sm-47 {
    font-size: 47px;
  }
  .fs-sm-47--force {
    font-size: 47px !important;
  }
  .fs-sm-48 {
    font-size: 48px;
  }
  .fs-sm-48--force {
    font-size: 48px !important;
  }
  .fs-sm-49 {
    font-size: 49px;
  }
  .fs-sm-49--force {
    font-size: 49px !important;
  }
  .fs-sm-50 {
    font-size: 50px;
  }
  .fs-sm-50--force {
    font-size: 50px !important;
  }
  .fs-sm-51 {
    font-size: 51px;
  }
  .fs-sm-51--force {
    font-size: 51px !important;
  }
  .fs-sm-52 {
    font-size: 52px;
  }
  .fs-sm-52--force {
    font-size: 52px !important;
  }
  .fs-sm-53 {
    font-size: 53px;
  }
  .fs-sm-53--force {
    font-size: 53px !important;
  }
  .fs-sm-54 {
    font-size: 54px;
  }
  .fs-sm-54--force {
    font-size: 54px !important;
  }
  .fs-sm-55 {
    font-size: 55px;
  }
  .fs-sm-55--force {
    font-size: 55px !important;
  }
  .fs-sm-56 {
    font-size: 56px;
  }
  .fs-sm-56--force {
    font-size: 56px !important;
  }
  .fs-sm-57 {
    font-size: 57px;
  }
  .fs-sm-57--force {
    font-size: 57px !important;
  }
  .fs-sm-58 {
    font-size: 58px;
  }
  .fs-sm-58--force {
    font-size: 58px !important;
  }
  .fs-sm-59 {
    font-size: 59px;
  }
  .fs-sm-59--force {
    font-size: 59px !important;
  }
  .fs-sm-60 {
    font-size: 60px;
  }
  .fs-sm-60--force {
    font-size: 60px !important;
  }
  .fs-sm-61 {
    font-size: 61px;
  }
  .fs-sm-61--force {
    font-size: 61px !important;
  }
  .fs-sm-62 {
    font-size: 62px;
  }
  .fs-sm-62--force {
    font-size: 62px !important;
  }
  .fs-sm-63 {
    font-size: 63px;
  }
  .fs-sm-63--force {
    font-size: 63px !important;
  }
  .fs-sm-64 {
    font-size: 64px;
  }
  .fs-sm-64--force {
    font-size: 64px !important;
  }
  .fs-sm-65 {
    font-size: 65px;
  }
  .fs-sm-65--force {
    font-size: 65px !important;
  }
  .fs-sm-66 {
    font-size: 66px;
  }
  .fs-sm-66--force {
    font-size: 66px !important;
  }
  .fs-sm-67 {
    font-size: 67px;
  }
  .fs-sm-67--force {
    font-size: 67px !important;
  }
  .fs-sm-68 {
    font-size: 68px;
  }
  .fs-sm-68--force {
    font-size: 68px !important;
  }
  .fs-sm-69 {
    font-size: 69px;
  }
  .fs-sm-69--force {
    font-size: 69px !important;
  }
  .fs-sm-70 {
    font-size: 70px;
  }
  .fs-sm-70--force {
    font-size: 70px !important;
  }
  .fs-sm-71 {
    font-size: 71px;
  }
  .fs-sm-71--force {
    font-size: 71px !important;
  }
  .fs-sm-72 {
    font-size: 72px;
  }
  .fs-sm-72--force {
    font-size: 72px !important;
  }
  .fs-sm-73 {
    font-size: 73px;
  }
  .fs-sm-73--force {
    font-size: 73px !important;
  }
  .fs-sm-74 {
    font-size: 74px;
  }
  .fs-sm-74--force {
    font-size: 74px !important;
  }
  .fs-sm-75 {
    font-size: 75px;
  }
  .fs-sm-75--force {
    font-size: 75px !important;
  }
  .fs-sm-76 {
    font-size: 76px;
  }
  .fs-sm-76--force {
    font-size: 76px !important;
  }
  .fs-sm-77 {
    font-size: 77px;
  }
  .fs-sm-77--force {
    font-size: 77px !important;
  }
  .fs-sm-78 {
    font-size: 78px;
  }
  .fs-sm-78--force {
    font-size: 78px !important;
  }
  .fs-sm-79 {
    font-size: 79px;
  }
  .fs-sm-79--force {
    font-size: 79px !important;
  }
  .fs-sm-80 {
    font-size: 80px;
  }
  .fs-sm-80--force {
    font-size: 80px !important;
  }
  .fs-sm-81 {
    font-size: 81px;
  }
  .fs-sm-81--force {
    font-size: 81px !important;
  }
  .fs-sm-82 {
    font-size: 82px;
  }
  .fs-sm-82--force {
    font-size: 82px !important;
  }
  .fs-sm-83 {
    font-size: 83px;
  }
  .fs-sm-83--force {
    font-size: 83px !important;
  }
  .fs-sm-84 {
    font-size: 84px;
  }
  .fs-sm-84--force {
    font-size: 84px !important;
  }
  .fs-sm-85 {
    font-size: 85px;
  }
  .fs-sm-85--force {
    font-size: 85px !important;
  }
  .fs-sm-86 {
    font-size: 86px;
  }
  .fs-sm-86--force {
    font-size: 86px !important;
  }
  .fs-sm-87 {
    font-size: 87px;
  }
  .fs-sm-87--force {
    font-size: 87px !important;
  }
  .fs-sm-88 {
    font-size: 88px;
  }
  .fs-sm-88--force {
    font-size: 88px !important;
  }
  .fs-sm-89 {
    font-size: 89px;
  }
  .fs-sm-89--force {
    font-size: 89px !important;
  }
  .fs-sm-90 {
    font-size: 90px;
  }
  .fs-sm-90--force {
    font-size: 90px !important;
  }
  .fs-sm-91 {
    font-size: 91px;
  }
  .fs-sm-91--force {
    font-size: 91px !important;
  }
  .fs-sm-92 {
    font-size: 92px;
  }
  .fs-sm-92--force {
    font-size: 92px !important;
  }
  .fs-sm-93 {
    font-size: 93px;
  }
  .fs-sm-93--force {
    font-size: 93px !important;
  }
  .fs-sm-94 {
    font-size: 94px;
  }
  .fs-sm-94--force {
    font-size: 94px !important;
  }
  .fs-sm-95 {
    font-size: 95px;
  }
  .fs-sm-95--force {
    font-size: 95px !important;
  }
  .fs-sm-96 {
    font-size: 96px;
  }
  .fs-sm-96--force {
    font-size: 96px !important;
  }
}
@media screen and (min-width: 1024px) {
  .fs-md-0 {
    font-size: 0px;
  }
  .fs-md-0--force {
    font-size: 0px !important;
  }
  .fs-md-1 {
    font-size: 1px;
  }
  .fs-md-1--force {
    font-size: 1px !important;
  }
  .fs-md-2 {
    font-size: 2px;
  }
  .fs-md-2--force {
    font-size: 2px !important;
  }
  .fs-md-3 {
    font-size: 3px;
  }
  .fs-md-3--force {
    font-size: 3px !important;
  }
  .fs-md-4 {
    font-size: 4px;
  }
  .fs-md-4--force {
    font-size: 4px !important;
  }
  .fs-md-5 {
    font-size: 5px;
  }
  .fs-md-5--force {
    font-size: 5px !important;
  }
  .fs-md-6 {
    font-size: 6px;
  }
  .fs-md-6--force {
    font-size: 6px !important;
  }
  .fs-md-7 {
    font-size: 7px;
  }
  .fs-md-7--force {
    font-size: 7px !important;
  }
  .fs-md-8 {
    font-size: 8px;
  }
  .fs-md-8--force {
    font-size: 8px !important;
  }
  .fs-md-9 {
    font-size: 9px;
  }
  .fs-md-9--force {
    font-size: 9px !important;
  }
  .fs-md-10 {
    font-size: var(--matcha-font-size-2xs, 10px);
  }
  .fs-md-10--force {
    font-size: var(--matcha-font-size-2xs, 10px) !important;
  }
  .fs-md-11 {
    font-size: 11px;
  }
  .fs-md-11--force {
    font-size: 11px !important;
  }
  .fs-md-12 {
    font-size: var(--matcha-font-size-xs, 12px);
  }
  .fs-md-12--force {
    font-size: var(--matcha-font-size-xs, 12px) !important;
  }
  .fs-md-13 {
    font-size: 13px;
  }
  .fs-md-13--force {
    font-size: 13px !important;
  }
  .fs-md-14 {
    font-size: var(--matcha-font-size-sm, 14px);
  }
  .fs-md-14--force {
    font-size: var(--matcha-font-size-sm, 14px) !important;
  }
  .fs-md-15 {
    font-size: 15px;
  }
  .fs-md-15--force {
    font-size: 15px !important;
  }
  .fs-md-16 {
    font-size: var(--matcha-font-size-md, 16px);
  }
  .fs-md-16--force {
    font-size: var(--matcha-font-size-md, 16px) !important;
  }
  .fs-md-17 {
    font-size: 17px;
  }
  .fs-md-17--force {
    font-size: 17px !important;
  }
  .fs-md-18 {
    font-size: var(--matcha-font-size-lg, 18px);
  }
  .fs-md-18--force {
    font-size: var(--matcha-font-size-lg, 18px) !important;
  }
  .fs-md-19 {
    font-size: 19px;
  }
  .fs-md-19--force {
    font-size: 19px !important;
  }
  .fs-md-20 {
    font-size: var(--matcha-font-size-xl, 20px);
  }
  .fs-md-20--force {
    font-size: var(--matcha-font-size-xl, 20px) !important;
  }
  .fs-md-21 {
    font-size: 21px;
  }
  .fs-md-21--force {
    font-size: 21px !important;
  }
  .fs-md-22 {
    font-size: 22px;
  }
  .fs-md-22--force {
    font-size: 22px !important;
  }
  .fs-md-23 {
    font-size: 23px;
  }
  .fs-md-23--force {
    font-size: 23px !important;
  }
  .fs-md-24 {
    font-size: var(--matcha-font-size-2xl, 24px);
  }
  .fs-md-24--force {
    font-size: var(--matcha-font-size-2xl, 24px) !important;
  }
  .fs-md-25 {
    font-size: 25px;
  }
  .fs-md-25--force {
    font-size: 25px !important;
  }
  .fs-md-26 {
    font-size: 26px;
  }
  .fs-md-26--force {
    font-size: 26px !important;
  }
  .fs-md-27 {
    font-size: 27px;
  }
  .fs-md-27--force {
    font-size: 27px !important;
  }
  .fs-md-28 {
    font-size: 28px;
  }
  .fs-md-28--force {
    font-size: 28px !important;
  }
  .fs-md-29 {
    font-size: 29px;
  }
  .fs-md-29--force {
    font-size: 29px !important;
  }
  .fs-md-30 {
    font-size: 30px;
  }
  .fs-md-30--force {
    font-size: 30px !important;
  }
  .fs-md-31 {
    font-size: 31px;
  }
  .fs-md-31--force {
    font-size: 31px !important;
  }
  .fs-md-32 {
    font-size: var(--matcha-font-size-3xl, 32px);
  }
  .fs-md-32--force {
    font-size: var(--matcha-font-size-3xl, 32px) !important;
  }
  .fs-md-33 {
    font-size: 33px;
  }
  .fs-md-33--force {
    font-size: 33px !important;
  }
  .fs-md-34 {
    font-size: 34px;
  }
  .fs-md-34--force {
    font-size: 34px !important;
  }
  .fs-md-35 {
    font-size: 35px;
  }
  .fs-md-35--force {
    font-size: 35px !important;
  }
  .fs-md-36 {
    font-size: 36px;
  }
  .fs-md-36--force {
    font-size: 36px !important;
  }
  .fs-md-37 {
    font-size: 37px;
  }
  .fs-md-37--force {
    font-size: 37px !important;
  }
  .fs-md-38 {
    font-size: 38px;
  }
  .fs-md-38--force {
    font-size: 38px !important;
  }
  .fs-md-39 {
    font-size: 39px;
  }
  .fs-md-39--force {
    font-size: 39px !important;
  }
  .fs-md-40 {
    font-size: 40px;
  }
  .fs-md-40--force {
    font-size: 40px !important;
  }
  .fs-md-41 {
    font-size: 41px;
  }
  .fs-md-41--force {
    font-size: 41px !important;
  }
  .fs-md-42 {
    font-size: 42px;
  }
  .fs-md-42--force {
    font-size: 42px !important;
  }
  .fs-md-43 {
    font-size: 43px;
  }
  .fs-md-43--force {
    font-size: 43px !important;
  }
  .fs-md-44 {
    font-size: 44px;
  }
  .fs-md-44--force {
    font-size: 44px !important;
  }
  .fs-md-45 {
    font-size: 45px;
  }
  .fs-md-45--force {
    font-size: 45px !important;
  }
  .fs-md-46 {
    font-size: 46px;
  }
  .fs-md-46--force {
    font-size: 46px !important;
  }
  .fs-md-47 {
    font-size: 47px;
  }
  .fs-md-47--force {
    font-size: 47px !important;
  }
  .fs-md-48 {
    font-size: 48px;
  }
  .fs-md-48--force {
    font-size: 48px !important;
  }
  .fs-md-49 {
    font-size: 49px;
  }
  .fs-md-49--force {
    font-size: 49px !important;
  }
  .fs-md-50 {
    font-size: 50px;
  }
  .fs-md-50--force {
    font-size: 50px !important;
  }
  .fs-md-51 {
    font-size: 51px;
  }
  .fs-md-51--force {
    font-size: 51px !important;
  }
  .fs-md-52 {
    font-size: 52px;
  }
  .fs-md-52--force {
    font-size: 52px !important;
  }
  .fs-md-53 {
    font-size: 53px;
  }
  .fs-md-53--force {
    font-size: 53px !important;
  }
  .fs-md-54 {
    font-size: 54px;
  }
  .fs-md-54--force {
    font-size: 54px !important;
  }
  .fs-md-55 {
    font-size: 55px;
  }
  .fs-md-55--force {
    font-size: 55px !important;
  }
  .fs-md-56 {
    font-size: 56px;
  }
  .fs-md-56--force {
    font-size: 56px !important;
  }
  .fs-md-57 {
    font-size: 57px;
  }
  .fs-md-57--force {
    font-size: 57px !important;
  }
  .fs-md-58 {
    font-size: 58px;
  }
  .fs-md-58--force {
    font-size: 58px !important;
  }
  .fs-md-59 {
    font-size: 59px;
  }
  .fs-md-59--force {
    font-size: 59px !important;
  }
  .fs-md-60 {
    font-size: 60px;
  }
  .fs-md-60--force {
    font-size: 60px !important;
  }
  .fs-md-61 {
    font-size: 61px;
  }
  .fs-md-61--force {
    font-size: 61px !important;
  }
  .fs-md-62 {
    font-size: 62px;
  }
  .fs-md-62--force {
    font-size: 62px !important;
  }
  .fs-md-63 {
    font-size: 63px;
  }
  .fs-md-63--force {
    font-size: 63px !important;
  }
  .fs-md-64 {
    font-size: 64px;
  }
  .fs-md-64--force {
    font-size: 64px !important;
  }
  .fs-md-65 {
    font-size: 65px;
  }
  .fs-md-65--force {
    font-size: 65px !important;
  }
  .fs-md-66 {
    font-size: 66px;
  }
  .fs-md-66--force {
    font-size: 66px !important;
  }
  .fs-md-67 {
    font-size: 67px;
  }
  .fs-md-67--force {
    font-size: 67px !important;
  }
  .fs-md-68 {
    font-size: 68px;
  }
  .fs-md-68--force {
    font-size: 68px !important;
  }
  .fs-md-69 {
    font-size: 69px;
  }
  .fs-md-69--force {
    font-size: 69px !important;
  }
  .fs-md-70 {
    font-size: 70px;
  }
  .fs-md-70--force {
    font-size: 70px !important;
  }
  .fs-md-71 {
    font-size: 71px;
  }
  .fs-md-71--force {
    font-size: 71px !important;
  }
  .fs-md-72 {
    font-size: 72px;
  }
  .fs-md-72--force {
    font-size: 72px !important;
  }
  .fs-md-73 {
    font-size: 73px;
  }
  .fs-md-73--force {
    font-size: 73px !important;
  }
  .fs-md-74 {
    font-size: 74px;
  }
  .fs-md-74--force {
    font-size: 74px !important;
  }
  .fs-md-75 {
    font-size: 75px;
  }
  .fs-md-75--force {
    font-size: 75px !important;
  }
  .fs-md-76 {
    font-size: 76px;
  }
  .fs-md-76--force {
    font-size: 76px !important;
  }
  .fs-md-77 {
    font-size: 77px;
  }
  .fs-md-77--force {
    font-size: 77px !important;
  }
  .fs-md-78 {
    font-size: 78px;
  }
  .fs-md-78--force {
    font-size: 78px !important;
  }
  .fs-md-79 {
    font-size: 79px;
  }
  .fs-md-79--force {
    font-size: 79px !important;
  }
  .fs-md-80 {
    font-size: 80px;
  }
  .fs-md-80--force {
    font-size: 80px !important;
  }
  .fs-md-81 {
    font-size: 81px;
  }
  .fs-md-81--force {
    font-size: 81px !important;
  }
  .fs-md-82 {
    font-size: 82px;
  }
  .fs-md-82--force {
    font-size: 82px !important;
  }
  .fs-md-83 {
    font-size: 83px;
  }
  .fs-md-83--force {
    font-size: 83px !important;
  }
  .fs-md-84 {
    font-size: 84px;
  }
  .fs-md-84--force {
    font-size: 84px !important;
  }
  .fs-md-85 {
    font-size: 85px;
  }
  .fs-md-85--force {
    font-size: 85px !important;
  }
  .fs-md-86 {
    font-size: 86px;
  }
  .fs-md-86--force {
    font-size: 86px !important;
  }
  .fs-md-87 {
    font-size: 87px;
  }
  .fs-md-87--force {
    font-size: 87px !important;
  }
  .fs-md-88 {
    font-size: 88px;
  }
  .fs-md-88--force {
    font-size: 88px !important;
  }
  .fs-md-89 {
    font-size: 89px;
  }
  .fs-md-89--force {
    font-size: 89px !important;
  }
  .fs-md-90 {
    font-size: 90px;
  }
  .fs-md-90--force {
    font-size: 90px !important;
  }
  .fs-md-91 {
    font-size: 91px;
  }
  .fs-md-91--force {
    font-size: 91px !important;
  }
  .fs-md-92 {
    font-size: 92px;
  }
  .fs-md-92--force {
    font-size: 92px !important;
  }
  .fs-md-93 {
    font-size: 93px;
  }
  .fs-md-93--force {
    font-size: 93px !important;
  }
  .fs-md-94 {
    font-size: 94px;
  }
  .fs-md-94--force {
    font-size: 94px !important;
  }
  .fs-md-95 {
    font-size: 95px;
  }
  .fs-md-95--force {
    font-size: 95px !important;
  }
  .fs-md-96 {
    font-size: 96px;
  }
  .fs-md-96--force {
    font-size: 96px !important;
  }
}
@media screen and (min-width: 1280px) {
  .fs-lg-0 {
    font-size: 0px;
  }
  .fs-lg-0--force {
    font-size: 0px !important;
  }
  .fs-lg-1 {
    font-size: 1px;
  }
  .fs-lg-1--force {
    font-size: 1px !important;
  }
  .fs-lg-2 {
    font-size: 2px;
  }
  .fs-lg-2--force {
    font-size: 2px !important;
  }
  .fs-lg-3 {
    font-size: 3px;
  }
  .fs-lg-3--force {
    font-size: 3px !important;
  }
  .fs-lg-4 {
    font-size: 4px;
  }
  .fs-lg-4--force {
    font-size: 4px !important;
  }
  .fs-lg-5 {
    font-size: 5px;
  }
  .fs-lg-5--force {
    font-size: 5px !important;
  }
  .fs-lg-6 {
    font-size: 6px;
  }
  .fs-lg-6--force {
    font-size: 6px !important;
  }
  .fs-lg-7 {
    font-size: 7px;
  }
  .fs-lg-7--force {
    font-size: 7px !important;
  }
  .fs-lg-8 {
    font-size: 8px;
  }
  .fs-lg-8--force {
    font-size: 8px !important;
  }
  .fs-lg-9 {
    font-size: 9px;
  }
  .fs-lg-9--force {
    font-size: 9px !important;
  }
  .fs-lg-10 {
    font-size: var(--matcha-font-size-2xs, 10px);
  }
  .fs-lg-10--force {
    font-size: var(--matcha-font-size-2xs, 10px) !important;
  }
  .fs-lg-11 {
    font-size: 11px;
  }
  .fs-lg-11--force {
    font-size: 11px !important;
  }
  .fs-lg-12 {
    font-size: var(--matcha-font-size-xs, 12px);
  }
  .fs-lg-12--force {
    font-size: var(--matcha-font-size-xs, 12px) !important;
  }
  .fs-lg-13 {
    font-size: 13px;
  }
  .fs-lg-13--force {
    font-size: 13px !important;
  }
  .fs-lg-14 {
    font-size: var(--matcha-font-size-sm, 14px);
  }
  .fs-lg-14--force {
    font-size: var(--matcha-font-size-sm, 14px) !important;
  }
  .fs-lg-15 {
    font-size: 15px;
  }
  .fs-lg-15--force {
    font-size: 15px !important;
  }
  .fs-lg-16 {
    font-size: var(--matcha-font-size-md, 16px);
  }
  .fs-lg-16--force {
    font-size: var(--matcha-font-size-md, 16px) !important;
  }
  .fs-lg-17 {
    font-size: 17px;
  }
  .fs-lg-17--force {
    font-size: 17px !important;
  }
  .fs-lg-18 {
    font-size: var(--matcha-font-size-lg, 18px);
  }
  .fs-lg-18--force {
    font-size: var(--matcha-font-size-lg, 18px) !important;
  }
  .fs-lg-19 {
    font-size: 19px;
  }
  .fs-lg-19--force {
    font-size: 19px !important;
  }
  .fs-lg-20 {
    font-size: var(--matcha-font-size-xl, 20px);
  }
  .fs-lg-20--force {
    font-size: var(--matcha-font-size-xl, 20px) !important;
  }
  .fs-lg-21 {
    font-size: 21px;
  }
  .fs-lg-21--force {
    font-size: 21px !important;
  }
  .fs-lg-22 {
    font-size: 22px;
  }
  .fs-lg-22--force {
    font-size: 22px !important;
  }
  .fs-lg-23 {
    font-size: 23px;
  }
  .fs-lg-23--force {
    font-size: 23px !important;
  }
  .fs-lg-24 {
    font-size: var(--matcha-font-size-2xl, 24px);
  }
  .fs-lg-24--force {
    font-size: var(--matcha-font-size-2xl, 24px) !important;
  }
  .fs-lg-25 {
    font-size: 25px;
  }
  .fs-lg-25--force {
    font-size: 25px !important;
  }
  .fs-lg-26 {
    font-size: 26px;
  }
  .fs-lg-26--force {
    font-size: 26px !important;
  }
  .fs-lg-27 {
    font-size: 27px;
  }
  .fs-lg-27--force {
    font-size: 27px !important;
  }
  .fs-lg-28 {
    font-size: 28px;
  }
  .fs-lg-28--force {
    font-size: 28px !important;
  }
  .fs-lg-29 {
    font-size: 29px;
  }
  .fs-lg-29--force {
    font-size: 29px !important;
  }
  .fs-lg-30 {
    font-size: 30px;
  }
  .fs-lg-30--force {
    font-size: 30px !important;
  }
  .fs-lg-31 {
    font-size: 31px;
  }
  .fs-lg-31--force {
    font-size: 31px !important;
  }
  .fs-lg-32 {
    font-size: var(--matcha-font-size-3xl, 32px);
  }
  .fs-lg-32--force {
    font-size: var(--matcha-font-size-3xl, 32px) !important;
  }
  .fs-lg-33 {
    font-size: 33px;
  }
  .fs-lg-33--force {
    font-size: 33px !important;
  }
  .fs-lg-34 {
    font-size: 34px;
  }
  .fs-lg-34--force {
    font-size: 34px !important;
  }
  .fs-lg-35 {
    font-size: 35px;
  }
  .fs-lg-35--force {
    font-size: 35px !important;
  }
  .fs-lg-36 {
    font-size: 36px;
  }
  .fs-lg-36--force {
    font-size: 36px !important;
  }
  .fs-lg-37 {
    font-size: 37px;
  }
  .fs-lg-37--force {
    font-size: 37px !important;
  }
  .fs-lg-38 {
    font-size: 38px;
  }
  .fs-lg-38--force {
    font-size: 38px !important;
  }
  .fs-lg-39 {
    font-size: 39px;
  }
  .fs-lg-39--force {
    font-size: 39px !important;
  }
  .fs-lg-40 {
    font-size: 40px;
  }
  .fs-lg-40--force {
    font-size: 40px !important;
  }
  .fs-lg-41 {
    font-size: 41px;
  }
  .fs-lg-41--force {
    font-size: 41px !important;
  }
  .fs-lg-42 {
    font-size: 42px;
  }
  .fs-lg-42--force {
    font-size: 42px !important;
  }
  .fs-lg-43 {
    font-size: 43px;
  }
  .fs-lg-43--force {
    font-size: 43px !important;
  }
  .fs-lg-44 {
    font-size: 44px;
  }
  .fs-lg-44--force {
    font-size: 44px !important;
  }
  .fs-lg-45 {
    font-size: 45px;
  }
  .fs-lg-45--force {
    font-size: 45px !important;
  }
  .fs-lg-46 {
    font-size: 46px;
  }
  .fs-lg-46--force {
    font-size: 46px !important;
  }
  .fs-lg-47 {
    font-size: 47px;
  }
  .fs-lg-47--force {
    font-size: 47px !important;
  }
  .fs-lg-48 {
    font-size: 48px;
  }
  .fs-lg-48--force {
    font-size: 48px !important;
  }
  .fs-lg-49 {
    font-size: 49px;
  }
  .fs-lg-49--force {
    font-size: 49px !important;
  }
  .fs-lg-50 {
    font-size: 50px;
  }
  .fs-lg-50--force {
    font-size: 50px !important;
  }
  .fs-lg-51 {
    font-size: 51px;
  }
  .fs-lg-51--force {
    font-size: 51px !important;
  }
  .fs-lg-52 {
    font-size: 52px;
  }
  .fs-lg-52--force {
    font-size: 52px !important;
  }
  .fs-lg-53 {
    font-size: 53px;
  }
  .fs-lg-53--force {
    font-size: 53px !important;
  }
  .fs-lg-54 {
    font-size: 54px;
  }
  .fs-lg-54--force {
    font-size: 54px !important;
  }
  .fs-lg-55 {
    font-size: 55px;
  }
  .fs-lg-55--force {
    font-size: 55px !important;
  }
  .fs-lg-56 {
    font-size: 56px;
  }
  .fs-lg-56--force {
    font-size: 56px !important;
  }
  .fs-lg-57 {
    font-size: 57px;
  }
  .fs-lg-57--force {
    font-size: 57px !important;
  }
  .fs-lg-58 {
    font-size: 58px;
  }
  .fs-lg-58--force {
    font-size: 58px !important;
  }
  .fs-lg-59 {
    font-size: 59px;
  }
  .fs-lg-59--force {
    font-size: 59px !important;
  }
  .fs-lg-60 {
    font-size: 60px;
  }
  .fs-lg-60--force {
    font-size: 60px !important;
  }
  .fs-lg-61 {
    font-size: 61px;
  }
  .fs-lg-61--force {
    font-size: 61px !important;
  }
  .fs-lg-62 {
    font-size: 62px;
  }
  .fs-lg-62--force {
    font-size: 62px !important;
  }
  .fs-lg-63 {
    font-size: 63px;
  }
  .fs-lg-63--force {
    font-size: 63px !important;
  }
  .fs-lg-64 {
    font-size: 64px;
  }
  .fs-lg-64--force {
    font-size: 64px !important;
  }
  .fs-lg-65 {
    font-size: 65px;
  }
  .fs-lg-65--force {
    font-size: 65px !important;
  }
  .fs-lg-66 {
    font-size: 66px;
  }
  .fs-lg-66--force {
    font-size: 66px !important;
  }
  .fs-lg-67 {
    font-size: 67px;
  }
  .fs-lg-67--force {
    font-size: 67px !important;
  }
  .fs-lg-68 {
    font-size: 68px;
  }
  .fs-lg-68--force {
    font-size: 68px !important;
  }
  .fs-lg-69 {
    font-size: 69px;
  }
  .fs-lg-69--force {
    font-size: 69px !important;
  }
  .fs-lg-70 {
    font-size: 70px;
  }
  .fs-lg-70--force {
    font-size: 70px !important;
  }
  .fs-lg-71 {
    font-size: 71px;
  }
  .fs-lg-71--force {
    font-size: 71px !important;
  }
  .fs-lg-72 {
    font-size: 72px;
  }
  .fs-lg-72--force {
    font-size: 72px !important;
  }
  .fs-lg-73 {
    font-size: 73px;
  }
  .fs-lg-73--force {
    font-size: 73px !important;
  }
  .fs-lg-74 {
    font-size: 74px;
  }
  .fs-lg-74--force {
    font-size: 74px !important;
  }
  .fs-lg-75 {
    font-size: 75px;
  }
  .fs-lg-75--force {
    font-size: 75px !important;
  }
  .fs-lg-76 {
    font-size: 76px;
  }
  .fs-lg-76--force {
    font-size: 76px !important;
  }
  .fs-lg-77 {
    font-size: 77px;
  }
  .fs-lg-77--force {
    font-size: 77px !important;
  }
  .fs-lg-78 {
    font-size: 78px;
  }
  .fs-lg-78--force {
    font-size: 78px !important;
  }
  .fs-lg-79 {
    font-size: 79px;
  }
  .fs-lg-79--force {
    font-size: 79px !important;
  }
  .fs-lg-80 {
    font-size: 80px;
  }
  .fs-lg-80--force {
    font-size: 80px !important;
  }
  .fs-lg-81 {
    font-size: 81px;
  }
  .fs-lg-81--force {
    font-size: 81px !important;
  }
  .fs-lg-82 {
    font-size: 82px;
  }
  .fs-lg-82--force {
    font-size: 82px !important;
  }
  .fs-lg-83 {
    font-size: 83px;
  }
  .fs-lg-83--force {
    font-size: 83px !important;
  }
  .fs-lg-84 {
    font-size: 84px;
  }
  .fs-lg-84--force {
    font-size: 84px !important;
  }
  .fs-lg-85 {
    font-size: 85px;
  }
  .fs-lg-85--force {
    font-size: 85px !important;
  }
  .fs-lg-86 {
    font-size: 86px;
  }
  .fs-lg-86--force {
    font-size: 86px !important;
  }
  .fs-lg-87 {
    font-size: 87px;
  }
  .fs-lg-87--force {
    font-size: 87px !important;
  }
  .fs-lg-88 {
    font-size: 88px;
  }
  .fs-lg-88--force {
    font-size: 88px !important;
  }
  .fs-lg-89 {
    font-size: 89px;
  }
  .fs-lg-89--force {
    font-size: 89px !important;
  }
  .fs-lg-90 {
    font-size: 90px;
  }
  .fs-lg-90--force {
    font-size: 90px !important;
  }
  .fs-lg-91 {
    font-size: 91px;
  }
  .fs-lg-91--force {
    font-size: 91px !important;
  }
  .fs-lg-92 {
    font-size: 92px;
  }
  .fs-lg-92--force {
    font-size: 92px !important;
  }
  .fs-lg-93 {
    font-size: 93px;
  }
  .fs-lg-93--force {
    font-size: 93px !important;
  }
  .fs-lg-94 {
    font-size: 94px;
  }
  .fs-lg-94--force {
    font-size: 94px !important;
  }
  .fs-lg-95 {
    font-size: 95px;
  }
  .fs-lg-95--force {
    font-size: 95px !important;
  }
  .fs-lg-96 {
    font-size: 96px;
  }
  .fs-lg-96--force {
    font-size: 96px !important;
  }
}
@media screen and (min-width: 1536px) {
  .fs-xl-0 {
    font-size: 0px;
  }
  .fs-xl-0--force {
    font-size: 0px !important;
  }
  .fs-xl-1 {
    font-size: 1px;
  }
  .fs-xl-1--force {
    font-size: 1px !important;
  }
  .fs-xl-2 {
    font-size: 2px;
  }
  .fs-xl-2--force {
    font-size: 2px !important;
  }
  .fs-xl-3 {
    font-size: 3px;
  }
  .fs-xl-3--force {
    font-size: 3px !important;
  }
  .fs-xl-4 {
    font-size: 4px;
  }
  .fs-xl-4--force {
    font-size: 4px !important;
  }
  .fs-xl-5 {
    font-size: 5px;
  }
  .fs-xl-5--force {
    font-size: 5px !important;
  }
  .fs-xl-6 {
    font-size: 6px;
  }
  .fs-xl-6--force {
    font-size: 6px !important;
  }
  .fs-xl-7 {
    font-size: 7px;
  }
  .fs-xl-7--force {
    font-size: 7px !important;
  }
  .fs-xl-8 {
    font-size: 8px;
  }
  .fs-xl-8--force {
    font-size: 8px !important;
  }
  .fs-xl-9 {
    font-size: 9px;
  }
  .fs-xl-9--force {
    font-size: 9px !important;
  }
  .fs-xl-10 {
    font-size: var(--matcha-font-size-2xs, 10px);
  }
  .fs-xl-10--force {
    font-size: var(--matcha-font-size-2xs, 10px) !important;
  }
  .fs-xl-11 {
    font-size: 11px;
  }
  .fs-xl-11--force {
    font-size: 11px !important;
  }
  .fs-xl-12 {
    font-size: var(--matcha-font-size-xs, 12px);
  }
  .fs-xl-12--force {
    font-size: var(--matcha-font-size-xs, 12px) !important;
  }
  .fs-xl-13 {
    font-size: 13px;
  }
  .fs-xl-13--force {
    font-size: 13px !important;
  }
  .fs-xl-14 {
    font-size: var(--matcha-font-size-sm, 14px);
  }
  .fs-xl-14--force {
    font-size: var(--matcha-font-size-sm, 14px) !important;
  }
  .fs-xl-15 {
    font-size: 15px;
  }
  .fs-xl-15--force {
    font-size: 15px !important;
  }
  .fs-xl-16 {
    font-size: var(--matcha-font-size-md, 16px);
  }
  .fs-xl-16--force {
    font-size: var(--matcha-font-size-md, 16px) !important;
  }
  .fs-xl-17 {
    font-size: 17px;
  }
  .fs-xl-17--force {
    font-size: 17px !important;
  }
  .fs-xl-18 {
    font-size: var(--matcha-font-size-lg, 18px);
  }
  .fs-xl-18--force {
    font-size: var(--matcha-font-size-lg, 18px) !important;
  }
  .fs-xl-19 {
    font-size: 19px;
  }
  .fs-xl-19--force {
    font-size: 19px !important;
  }
  .fs-xl-20 {
    font-size: var(--matcha-font-size-xl, 20px);
  }
  .fs-xl-20--force {
    font-size: var(--matcha-font-size-xl, 20px) !important;
  }
  .fs-xl-21 {
    font-size: 21px;
  }
  .fs-xl-21--force {
    font-size: 21px !important;
  }
  .fs-xl-22 {
    font-size: 22px;
  }
  .fs-xl-22--force {
    font-size: 22px !important;
  }
  .fs-xl-23 {
    font-size: 23px;
  }
  .fs-xl-23--force {
    font-size: 23px !important;
  }
  .fs-xl-24 {
    font-size: var(--matcha-font-size-2xl, 24px);
  }
  .fs-xl-24--force {
    font-size: var(--matcha-font-size-2xl, 24px) !important;
  }
  .fs-xl-25 {
    font-size: 25px;
  }
  .fs-xl-25--force {
    font-size: 25px !important;
  }
  .fs-xl-26 {
    font-size: 26px;
  }
  .fs-xl-26--force {
    font-size: 26px !important;
  }
  .fs-xl-27 {
    font-size: 27px;
  }
  .fs-xl-27--force {
    font-size: 27px !important;
  }
  .fs-xl-28 {
    font-size: 28px;
  }
  .fs-xl-28--force {
    font-size: 28px !important;
  }
  .fs-xl-29 {
    font-size: 29px;
  }
  .fs-xl-29--force {
    font-size: 29px !important;
  }
  .fs-xl-30 {
    font-size: 30px;
  }
  .fs-xl-30--force {
    font-size: 30px !important;
  }
  .fs-xl-31 {
    font-size: 31px;
  }
  .fs-xl-31--force {
    font-size: 31px !important;
  }
  .fs-xl-32 {
    font-size: var(--matcha-font-size-3xl, 32px);
  }
  .fs-xl-32--force {
    font-size: var(--matcha-font-size-3xl, 32px) !important;
  }
  .fs-xl-33 {
    font-size: 33px;
  }
  .fs-xl-33--force {
    font-size: 33px !important;
  }
  .fs-xl-34 {
    font-size: 34px;
  }
  .fs-xl-34--force {
    font-size: 34px !important;
  }
  .fs-xl-35 {
    font-size: 35px;
  }
  .fs-xl-35--force {
    font-size: 35px !important;
  }
  .fs-xl-36 {
    font-size: 36px;
  }
  .fs-xl-36--force {
    font-size: 36px !important;
  }
  .fs-xl-37 {
    font-size: 37px;
  }
  .fs-xl-37--force {
    font-size: 37px !important;
  }
  .fs-xl-38 {
    font-size: 38px;
  }
  .fs-xl-38--force {
    font-size: 38px !important;
  }
  .fs-xl-39 {
    font-size: 39px;
  }
  .fs-xl-39--force {
    font-size: 39px !important;
  }
  .fs-xl-40 {
    font-size: 40px;
  }
  .fs-xl-40--force {
    font-size: 40px !important;
  }
  .fs-xl-41 {
    font-size: 41px;
  }
  .fs-xl-41--force {
    font-size: 41px !important;
  }
  .fs-xl-42 {
    font-size: 42px;
  }
  .fs-xl-42--force {
    font-size: 42px !important;
  }
  .fs-xl-43 {
    font-size: 43px;
  }
  .fs-xl-43--force {
    font-size: 43px !important;
  }
  .fs-xl-44 {
    font-size: 44px;
  }
  .fs-xl-44--force {
    font-size: 44px !important;
  }
  .fs-xl-45 {
    font-size: 45px;
  }
  .fs-xl-45--force {
    font-size: 45px !important;
  }
  .fs-xl-46 {
    font-size: 46px;
  }
  .fs-xl-46--force {
    font-size: 46px !important;
  }
  .fs-xl-47 {
    font-size: 47px;
  }
  .fs-xl-47--force {
    font-size: 47px !important;
  }
  .fs-xl-48 {
    font-size: 48px;
  }
  .fs-xl-48--force {
    font-size: 48px !important;
  }
  .fs-xl-49 {
    font-size: 49px;
  }
  .fs-xl-49--force {
    font-size: 49px !important;
  }
  .fs-xl-50 {
    font-size: 50px;
  }
  .fs-xl-50--force {
    font-size: 50px !important;
  }
  .fs-xl-51 {
    font-size: 51px;
  }
  .fs-xl-51--force {
    font-size: 51px !important;
  }
  .fs-xl-52 {
    font-size: 52px;
  }
  .fs-xl-52--force {
    font-size: 52px !important;
  }
  .fs-xl-53 {
    font-size: 53px;
  }
  .fs-xl-53--force {
    font-size: 53px !important;
  }
  .fs-xl-54 {
    font-size: 54px;
  }
  .fs-xl-54--force {
    font-size: 54px !important;
  }
  .fs-xl-55 {
    font-size: 55px;
  }
  .fs-xl-55--force {
    font-size: 55px !important;
  }
  .fs-xl-56 {
    font-size: 56px;
  }
  .fs-xl-56--force {
    font-size: 56px !important;
  }
  .fs-xl-57 {
    font-size: 57px;
  }
  .fs-xl-57--force {
    font-size: 57px !important;
  }
  .fs-xl-58 {
    font-size: 58px;
  }
  .fs-xl-58--force {
    font-size: 58px !important;
  }
  .fs-xl-59 {
    font-size: 59px;
  }
  .fs-xl-59--force {
    font-size: 59px !important;
  }
  .fs-xl-60 {
    font-size: 60px;
  }
  .fs-xl-60--force {
    font-size: 60px !important;
  }
  .fs-xl-61 {
    font-size: 61px;
  }
  .fs-xl-61--force {
    font-size: 61px !important;
  }
  .fs-xl-62 {
    font-size: 62px;
  }
  .fs-xl-62--force {
    font-size: 62px !important;
  }
  .fs-xl-63 {
    font-size: 63px;
  }
  .fs-xl-63--force {
    font-size: 63px !important;
  }
  .fs-xl-64 {
    font-size: 64px;
  }
  .fs-xl-64--force {
    font-size: 64px !important;
  }
  .fs-xl-65 {
    font-size: 65px;
  }
  .fs-xl-65--force {
    font-size: 65px !important;
  }
  .fs-xl-66 {
    font-size: 66px;
  }
  .fs-xl-66--force {
    font-size: 66px !important;
  }
  .fs-xl-67 {
    font-size: 67px;
  }
  .fs-xl-67--force {
    font-size: 67px !important;
  }
  .fs-xl-68 {
    font-size: 68px;
  }
  .fs-xl-68--force {
    font-size: 68px !important;
  }
  .fs-xl-69 {
    font-size: 69px;
  }
  .fs-xl-69--force {
    font-size: 69px !important;
  }
  .fs-xl-70 {
    font-size: 70px;
  }
  .fs-xl-70--force {
    font-size: 70px !important;
  }
  .fs-xl-71 {
    font-size: 71px;
  }
  .fs-xl-71--force {
    font-size: 71px !important;
  }
  .fs-xl-72 {
    font-size: 72px;
  }
  .fs-xl-72--force {
    font-size: 72px !important;
  }
  .fs-xl-73 {
    font-size: 73px;
  }
  .fs-xl-73--force {
    font-size: 73px !important;
  }
  .fs-xl-74 {
    font-size: 74px;
  }
  .fs-xl-74--force {
    font-size: 74px !important;
  }
  .fs-xl-75 {
    font-size: 75px;
  }
  .fs-xl-75--force {
    font-size: 75px !important;
  }
  .fs-xl-76 {
    font-size: 76px;
  }
  .fs-xl-76--force {
    font-size: 76px !important;
  }
  .fs-xl-77 {
    font-size: 77px;
  }
  .fs-xl-77--force {
    font-size: 77px !important;
  }
  .fs-xl-78 {
    font-size: 78px;
  }
  .fs-xl-78--force {
    font-size: 78px !important;
  }
  .fs-xl-79 {
    font-size: 79px;
  }
  .fs-xl-79--force {
    font-size: 79px !important;
  }
  .fs-xl-80 {
    font-size: 80px;
  }
  .fs-xl-80--force {
    font-size: 80px !important;
  }
  .fs-xl-81 {
    font-size: 81px;
  }
  .fs-xl-81--force {
    font-size: 81px !important;
  }
  .fs-xl-82 {
    font-size: 82px;
  }
  .fs-xl-82--force {
    font-size: 82px !important;
  }
  .fs-xl-83 {
    font-size: 83px;
  }
  .fs-xl-83--force {
    font-size: 83px !important;
  }
  .fs-xl-84 {
    font-size: 84px;
  }
  .fs-xl-84--force {
    font-size: 84px !important;
  }
  .fs-xl-85 {
    font-size: 85px;
  }
  .fs-xl-85--force {
    font-size: 85px !important;
  }
  .fs-xl-86 {
    font-size: 86px;
  }
  .fs-xl-86--force {
    font-size: 86px !important;
  }
  .fs-xl-87 {
    font-size: 87px;
  }
  .fs-xl-87--force {
    font-size: 87px !important;
  }
  .fs-xl-88 {
    font-size: 88px;
  }
  .fs-xl-88--force {
    font-size: 88px !important;
  }
  .fs-xl-89 {
    font-size: 89px;
  }
  .fs-xl-89--force {
    font-size: 89px !important;
  }
  .fs-xl-90 {
    font-size: 90px;
  }
  .fs-xl-90--force {
    font-size: 90px !important;
  }
  .fs-xl-91 {
    font-size: 91px;
  }
  .fs-xl-91--force {
    font-size: 91px !important;
  }
  .fs-xl-92 {
    font-size: 92px;
  }
  .fs-xl-92--force {
    font-size: 92px !important;
  }
  .fs-xl-93 {
    font-size: 93px;
  }
  .fs-xl-93--force {
    font-size: 93px !important;
  }
  .fs-xl-94 {
    font-size: 94px;
  }
  .fs-xl-94--force {
    font-size: 94px !important;
  }
  .fs-xl-95 {
    font-size: 95px;
  }
  .fs-xl-95--force {
    font-size: 95px !important;
  }
  .fs-xl-96 {
    font-size: 96px;
  }
  .fs-xl-96--force {
    font-size: 96px !important;
  }
}
.ls-0 {
  letter-spacing: 0em;
}

.ls-0--force {
  letter-spacing: 0em !important;
}

.ls-1 {
  letter-spacing: 0.1em;
}

.ls-1--force {
  letter-spacing: 0.1em !important;
}

.ls-2 {
  letter-spacing: 0.2em;
}

.ls-2--force {
  letter-spacing: 0.2em !important;
}

.ls-3 {
  letter-spacing: 0.3em;
}

.ls-3--force {
  letter-spacing: 0.3em !important;
}

.ls-4 {
  letter-spacing: 0.4em;
}

.ls-4--force {
  letter-spacing: 0.4em !important;
}

.ls-5 {
  letter-spacing: 0.5em;
}

.ls-5--force {
  letter-spacing: 0.5em !important;
}

.ls-6 {
  letter-spacing: 0.6em;
}

.ls-6--force {
  letter-spacing: 0.6em !important;
}

.ls-7 {
  letter-spacing: 0.7em;
}

.ls-7--force {
  letter-spacing: 0.7em !important;
}

.ls-8 {
  letter-spacing: 0.8em;
}

.ls-8--force {
  letter-spacing: 0.8em !important;
}

.ls-9 {
  letter-spacing: 0.9em;
}

.ls-9--force {
  letter-spacing: 0.9em !important;
}

.ls-10 {
  letter-spacing: 1em;
}

.ls-10--force {
  letter-spacing: 1em !important;
}

.ls-11 {
  letter-spacing: 1.1em;
}

.ls-11--force {
  letter-spacing: 1.1em !important;
}

.ls-12 {
  letter-spacing: 1.2em;
}

.ls-12--force {
  letter-spacing: 1.2em !important;
}

.ls-13 {
  letter-spacing: 1.3em;
}

.ls-13--force {
  letter-spacing: 1.3em !important;
}

.ls-14 {
  letter-spacing: 1.4em;
}

.ls-14--force {
  letter-spacing: 1.4em !important;
}

.ls-15 {
  letter-spacing: 1.5em;
}

.ls-15--force {
  letter-spacing: 1.5em !important;
}

.ls-16 {
  letter-spacing: 1.6em;
}

.ls-16--force {
  letter-spacing: 1.6em !important;
}

.ls-17 {
  letter-spacing: 1.7em;
}

.ls-17--force {
  letter-spacing: 1.7em !important;
}

.ls-18 {
  letter-spacing: 1.8em;
}

.ls-18--force {
  letter-spacing: 1.8em !important;
}

@media screen and (max-width: 639px) {
  .ls-xs-0 {
    letter-spacing: 0em;
  }
  .ls-xs-0--force {
    letter-spacing: 0em !important;
  }
  .ls-xs-1 {
    letter-spacing: 0.1em;
  }
  .ls-xs-1--force {
    letter-spacing: 0.1em !important;
  }
  .ls-xs-2 {
    letter-spacing: 0.2em;
  }
  .ls-xs-2--force {
    letter-spacing: 0.2em !important;
  }
  .ls-xs-3 {
    letter-spacing: 0.3em;
  }
  .ls-xs-3--force {
    letter-spacing: 0.3em !important;
  }
  .ls-xs-4 {
    letter-spacing: 0.4em;
  }
  .ls-xs-4--force {
    letter-spacing: 0.4em !important;
  }
  .ls-xs-5 {
    letter-spacing: 0.5em;
  }
  .ls-xs-5--force {
    letter-spacing: 0.5em !important;
  }
  .ls-xs-6 {
    letter-spacing: 0.6em;
  }
  .ls-xs-6--force {
    letter-spacing: 0.6em !important;
  }
  .ls-xs-7 {
    letter-spacing: 0.7em;
  }
  .ls-xs-7--force {
    letter-spacing: 0.7em !important;
  }
  .ls-xs-8 {
    letter-spacing: 0.8em;
  }
  .ls-xs-8--force {
    letter-spacing: 0.8em !important;
  }
  .ls-xs-9 {
    letter-spacing: 0.9em;
  }
  .ls-xs-9--force {
    letter-spacing: 0.9em !important;
  }
  .ls-xs-10 {
    letter-spacing: 1em;
  }
  .ls-xs-10--force {
    letter-spacing: 1em !important;
  }
  .ls-xs-11 {
    letter-spacing: 1.1em;
  }
  .ls-xs-11--force {
    letter-spacing: 1.1em !important;
  }
  .ls-xs-12 {
    letter-spacing: 1.2em;
  }
  .ls-xs-12--force {
    letter-spacing: 1.2em !important;
  }
  .ls-xs-13 {
    letter-spacing: 1.3em;
  }
  .ls-xs-13--force {
    letter-spacing: 1.3em !important;
  }
  .ls-xs-14 {
    letter-spacing: 1.4em;
  }
  .ls-xs-14--force {
    letter-spacing: 1.4em !important;
  }
  .ls-xs-15 {
    letter-spacing: 1.5em;
  }
  .ls-xs-15--force {
    letter-spacing: 1.5em !important;
  }
  .ls-xs-16 {
    letter-spacing: 1.6em;
  }
  .ls-xs-16--force {
    letter-spacing: 1.6em !important;
  }
  .ls-xs-17 {
    letter-spacing: 1.7em;
  }
  .ls-xs-17--force {
    letter-spacing: 1.7em !important;
  }
  .ls-xs-18 {
    letter-spacing: 1.8em;
  }
  .ls-xs-18--force {
    letter-spacing: 1.8em !important;
  }
}
@media screen and (min-width: 640px) {
  .ls-sm-0 {
    letter-spacing: 0em;
  }
  .ls-sm-0--force {
    letter-spacing: 0em !important;
  }
  .ls-sm-1 {
    letter-spacing: 0.1em;
  }
  .ls-sm-1--force {
    letter-spacing: 0.1em !important;
  }
  .ls-sm-2 {
    letter-spacing: 0.2em;
  }
  .ls-sm-2--force {
    letter-spacing: 0.2em !important;
  }
  .ls-sm-3 {
    letter-spacing: 0.3em;
  }
  .ls-sm-3--force {
    letter-spacing: 0.3em !important;
  }
  .ls-sm-4 {
    letter-spacing: 0.4em;
  }
  .ls-sm-4--force {
    letter-spacing: 0.4em !important;
  }
  .ls-sm-5 {
    letter-spacing: 0.5em;
  }
  .ls-sm-5--force {
    letter-spacing: 0.5em !important;
  }
  .ls-sm-6 {
    letter-spacing: 0.6em;
  }
  .ls-sm-6--force {
    letter-spacing: 0.6em !important;
  }
  .ls-sm-7 {
    letter-spacing: 0.7em;
  }
  .ls-sm-7--force {
    letter-spacing: 0.7em !important;
  }
  .ls-sm-8 {
    letter-spacing: 0.8em;
  }
  .ls-sm-8--force {
    letter-spacing: 0.8em !important;
  }
  .ls-sm-9 {
    letter-spacing: 0.9em;
  }
  .ls-sm-9--force {
    letter-spacing: 0.9em !important;
  }
  .ls-sm-10 {
    letter-spacing: 1em;
  }
  .ls-sm-10--force {
    letter-spacing: 1em !important;
  }
  .ls-sm-11 {
    letter-spacing: 1.1em;
  }
  .ls-sm-11--force {
    letter-spacing: 1.1em !important;
  }
  .ls-sm-12 {
    letter-spacing: 1.2em;
  }
  .ls-sm-12--force {
    letter-spacing: 1.2em !important;
  }
  .ls-sm-13 {
    letter-spacing: 1.3em;
  }
  .ls-sm-13--force {
    letter-spacing: 1.3em !important;
  }
  .ls-sm-14 {
    letter-spacing: 1.4em;
  }
  .ls-sm-14--force {
    letter-spacing: 1.4em !important;
  }
  .ls-sm-15 {
    letter-spacing: 1.5em;
  }
  .ls-sm-15--force {
    letter-spacing: 1.5em !important;
  }
  .ls-sm-16 {
    letter-spacing: 1.6em;
  }
  .ls-sm-16--force {
    letter-spacing: 1.6em !important;
  }
  .ls-sm-17 {
    letter-spacing: 1.7em;
  }
  .ls-sm-17--force {
    letter-spacing: 1.7em !important;
  }
  .ls-sm-18 {
    letter-spacing: 1.8em;
  }
  .ls-sm-18--force {
    letter-spacing: 1.8em !important;
  }
}
@media screen and (min-width: 1024px) {
  .ls-md-0 {
    letter-spacing: 0em;
  }
  .ls-md-0--force {
    letter-spacing: 0em !important;
  }
  .ls-md-1 {
    letter-spacing: 0.1em;
  }
  .ls-md-1--force {
    letter-spacing: 0.1em !important;
  }
  .ls-md-2 {
    letter-spacing: 0.2em;
  }
  .ls-md-2--force {
    letter-spacing: 0.2em !important;
  }
  .ls-md-3 {
    letter-spacing: 0.3em;
  }
  .ls-md-3--force {
    letter-spacing: 0.3em !important;
  }
  .ls-md-4 {
    letter-spacing: 0.4em;
  }
  .ls-md-4--force {
    letter-spacing: 0.4em !important;
  }
  .ls-md-5 {
    letter-spacing: 0.5em;
  }
  .ls-md-5--force {
    letter-spacing: 0.5em !important;
  }
  .ls-md-6 {
    letter-spacing: 0.6em;
  }
  .ls-md-6--force {
    letter-spacing: 0.6em !important;
  }
  .ls-md-7 {
    letter-spacing: 0.7em;
  }
  .ls-md-7--force {
    letter-spacing: 0.7em !important;
  }
  .ls-md-8 {
    letter-spacing: 0.8em;
  }
  .ls-md-8--force {
    letter-spacing: 0.8em !important;
  }
  .ls-md-9 {
    letter-spacing: 0.9em;
  }
  .ls-md-9--force {
    letter-spacing: 0.9em !important;
  }
  .ls-md-10 {
    letter-spacing: 1em;
  }
  .ls-md-10--force {
    letter-spacing: 1em !important;
  }
  .ls-md-11 {
    letter-spacing: 1.1em;
  }
  .ls-md-11--force {
    letter-spacing: 1.1em !important;
  }
  .ls-md-12 {
    letter-spacing: 1.2em;
  }
  .ls-md-12--force {
    letter-spacing: 1.2em !important;
  }
  .ls-md-13 {
    letter-spacing: 1.3em;
  }
  .ls-md-13--force {
    letter-spacing: 1.3em !important;
  }
  .ls-md-14 {
    letter-spacing: 1.4em;
  }
  .ls-md-14--force {
    letter-spacing: 1.4em !important;
  }
  .ls-md-15 {
    letter-spacing: 1.5em;
  }
  .ls-md-15--force {
    letter-spacing: 1.5em !important;
  }
  .ls-md-16 {
    letter-spacing: 1.6em;
  }
  .ls-md-16--force {
    letter-spacing: 1.6em !important;
  }
  .ls-md-17 {
    letter-spacing: 1.7em;
  }
  .ls-md-17--force {
    letter-spacing: 1.7em !important;
  }
  .ls-md-18 {
    letter-spacing: 1.8em;
  }
  .ls-md-18--force {
    letter-spacing: 1.8em !important;
  }
}
@media screen and (min-width: 1280px) {
  .ls-lg-0 {
    letter-spacing: 0em;
  }
  .ls-lg-0--force {
    letter-spacing: 0em !important;
  }
  .ls-lg-1 {
    letter-spacing: 0.1em;
  }
  .ls-lg-1--force {
    letter-spacing: 0.1em !important;
  }
  .ls-lg-2 {
    letter-spacing: 0.2em;
  }
  .ls-lg-2--force {
    letter-spacing: 0.2em !important;
  }
  .ls-lg-3 {
    letter-spacing: 0.3em;
  }
  .ls-lg-3--force {
    letter-spacing: 0.3em !important;
  }
  .ls-lg-4 {
    letter-spacing: 0.4em;
  }
  .ls-lg-4--force {
    letter-spacing: 0.4em !important;
  }
  .ls-lg-5 {
    letter-spacing: 0.5em;
  }
  .ls-lg-5--force {
    letter-spacing: 0.5em !important;
  }
  .ls-lg-6 {
    letter-spacing: 0.6em;
  }
  .ls-lg-6--force {
    letter-spacing: 0.6em !important;
  }
  .ls-lg-7 {
    letter-spacing: 0.7em;
  }
  .ls-lg-7--force {
    letter-spacing: 0.7em !important;
  }
  .ls-lg-8 {
    letter-spacing: 0.8em;
  }
  .ls-lg-8--force {
    letter-spacing: 0.8em !important;
  }
  .ls-lg-9 {
    letter-spacing: 0.9em;
  }
  .ls-lg-9--force {
    letter-spacing: 0.9em !important;
  }
  .ls-lg-10 {
    letter-spacing: 1em;
  }
  .ls-lg-10--force {
    letter-spacing: 1em !important;
  }
  .ls-lg-11 {
    letter-spacing: 1.1em;
  }
  .ls-lg-11--force {
    letter-spacing: 1.1em !important;
  }
  .ls-lg-12 {
    letter-spacing: 1.2em;
  }
  .ls-lg-12--force {
    letter-spacing: 1.2em !important;
  }
  .ls-lg-13 {
    letter-spacing: 1.3em;
  }
  .ls-lg-13--force {
    letter-spacing: 1.3em !important;
  }
  .ls-lg-14 {
    letter-spacing: 1.4em;
  }
  .ls-lg-14--force {
    letter-spacing: 1.4em !important;
  }
  .ls-lg-15 {
    letter-spacing: 1.5em;
  }
  .ls-lg-15--force {
    letter-spacing: 1.5em !important;
  }
  .ls-lg-16 {
    letter-spacing: 1.6em;
  }
  .ls-lg-16--force {
    letter-spacing: 1.6em !important;
  }
  .ls-lg-17 {
    letter-spacing: 1.7em;
  }
  .ls-lg-17--force {
    letter-spacing: 1.7em !important;
  }
  .ls-lg-18 {
    letter-spacing: 1.8em;
  }
  .ls-lg-18--force {
    letter-spacing: 1.8em !important;
  }
}
@media screen and (min-width: 1536px) {
  .ls-xl-0 {
    letter-spacing: 0em;
  }
  .ls-xl-0--force {
    letter-spacing: 0em !important;
  }
  .ls-xl-1 {
    letter-spacing: 0.1em;
  }
  .ls-xl-1--force {
    letter-spacing: 0.1em !important;
  }
  .ls-xl-2 {
    letter-spacing: 0.2em;
  }
  .ls-xl-2--force {
    letter-spacing: 0.2em !important;
  }
  .ls-xl-3 {
    letter-spacing: 0.3em;
  }
  .ls-xl-3--force {
    letter-spacing: 0.3em !important;
  }
  .ls-xl-4 {
    letter-spacing: 0.4em;
  }
  .ls-xl-4--force {
    letter-spacing: 0.4em !important;
  }
  .ls-xl-5 {
    letter-spacing: 0.5em;
  }
  .ls-xl-5--force {
    letter-spacing: 0.5em !important;
  }
  .ls-xl-6 {
    letter-spacing: 0.6em;
  }
  .ls-xl-6--force {
    letter-spacing: 0.6em !important;
  }
  .ls-xl-7 {
    letter-spacing: 0.7em;
  }
  .ls-xl-7--force {
    letter-spacing: 0.7em !important;
  }
  .ls-xl-8 {
    letter-spacing: 0.8em;
  }
  .ls-xl-8--force {
    letter-spacing: 0.8em !important;
  }
  .ls-xl-9 {
    letter-spacing: 0.9em;
  }
  .ls-xl-9--force {
    letter-spacing: 0.9em !important;
  }
  .ls-xl-10 {
    letter-spacing: 1em;
  }
  .ls-xl-10--force {
    letter-spacing: 1em !important;
  }
  .ls-xl-11 {
    letter-spacing: 1.1em;
  }
  .ls-xl-11--force {
    letter-spacing: 1.1em !important;
  }
  .ls-xl-12 {
    letter-spacing: 1.2em;
  }
  .ls-xl-12--force {
    letter-spacing: 1.2em !important;
  }
  .ls-xl-13 {
    letter-spacing: 1.3em;
  }
  .ls-xl-13--force {
    letter-spacing: 1.3em !important;
  }
  .ls-xl-14 {
    letter-spacing: 1.4em;
  }
  .ls-xl-14--force {
    letter-spacing: 1.4em !important;
  }
  .ls-xl-15 {
    letter-spacing: 1.5em;
  }
  .ls-xl-15--force {
    letter-spacing: 1.5em !important;
  }
  .ls-xl-16 {
    letter-spacing: 1.6em;
  }
  .ls-xl-16--force {
    letter-spacing: 1.6em !important;
  }
  .ls-xl-17 {
    letter-spacing: 1.7em;
  }
  .ls-xl-17--force {
    letter-spacing: 1.7em !important;
  }
  .ls-xl-18 {
    letter-spacing: 1.8em;
  }
  .ls-xl-18--force {
    letter-spacing: 1.8em !important;
  }
}
.tracking-display-hero {
  letter-spacing: var(--matcha-tracking-display-hero);
}

.tracking-display-hero--force {
  letter-spacing: var(--matcha-tracking-display-hero) !important;
}

.tracking-display {
  letter-spacing: var(--matcha-tracking-display);
}

.tracking-display--force {
  letter-spacing: var(--matcha-tracking-display) !important;
}

.tracking-headline {
  letter-spacing: var(--matcha-tracking-headline);
}

.tracking-headline--force {
  letter-spacing: var(--matcha-tracking-headline) !important;
}

.tracking-overline {
  letter-spacing: var(--matcha-tracking-overline);
}

.tracking-overline--force {
  letter-spacing: var(--matcha-tracking-overline) !important;
}

.tracking-p-tiny {
  letter-spacing: var(--matcha-tracking-p-tiny);
}

.tracking-p-tiny--force {
  letter-spacing: var(--matcha-tracking-p-tiny) !important;
}

@media screen and (max-width: 639px) {
  .tracking-xs-display-hero {
    letter-spacing: var(--matcha-tracking-display-hero);
  }
  .tracking-xs-display-hero--force {
    letter-spacing: var(--matcha-tracking-display-hero) !important;
  }
  .tracking-xs-display {
    letter-spacing: var(--matcha-tracking-display);
  }
  .tracking-xs-display--force {
    letter-spacing: var(--matcha-tracking-display) !important;
  }
  .tracking-xs-headline {
    letter-spacing: var(--matcha-tracking-headline);
  }
  .tracking-xs-headline--force {
    letter-spacing: var(--matcha-tracking-headline) !important;
  }
  .tracking-xs-overline {
    letter-spacing: var(--matcha-tracking-overline);
  }
  .tracking-xs-overline--force {
    letter-spacing: var(--matcha-tracking-overline) !important;
  }
  .tracking-xs-p-tiny {
    letter-spacing: var(--matcha-tracking-p-tiny);
  }
  .tracking-xs-p-tiny--force {
    letter-spacing: var(--matcha-tracking-p-tiny) !important;
  }
}
@media screen and (min-width: 640px) {
  .tracking-sm-display-hero {
    letter-spacing: var(--matcha-tracking-display-hero);
  }
  .tracking-sm-display-hero--force {
    letter-spacing: var(--matcha-tracking-display-hero) !important;
  }
  .tracking-sm-display {
    letter-spacing: var(--matcha-tracking-display);
  }
  .tracking-sm-display--force {
    letter-spacing: var(--matcha-tracking-display) !important;
  }
  .tracking-sm-headline {
    letter-spacing: var(--matcha-tracking-headline);
  }
  .tracking-sm-headline--force {
    letter-spacing: var(--matcha-tracking-headline) !important;
  }
  .tracking-sm-overline {
    letter-spacing: var(--matcha-tracking-overline);
  }
  .tracking-sm-overline--force {
    letter-spacing: var(--matcha-tracking-overline) !important;
  }
  .tracking-sm-p-tiny {
    letter-spacing: var(--matcha-tracking-p-tiny);
  }
  .tracking-sm-p-tiny--force {
    letter-spacing: var(--matcha-tracking-p-tiny) !important;
  }
}
@media screen and (min-width: 1024px) {
  .tracking-md-display-hero {
    letter-spacing: var(--matcha-tracking-display-hero);
  }
  .tracking-md-display-hero--force {
    letter-spacing: var(--matcha-tracking-display-hero) !important;
  }
  .tracking-md-display {
    letter-spacing: var(--matcha-tracking-display);
  }
  .tracking-md-display--force {
    letter-spacing: var(--matcha-tracking-display) !important;
  }
  .tracking-md-headline {
    letter-spacing: var(--matcha-tracking-headline);
  }
  .tracking-md-headline--force {
    letter-spacing: var(--matcha-tracking-headline) !important;
  }
  .tracking-md-overline {
    letter-spacing: var(--matcha-tracking-overline);
  }
  .tracking-md-overline--force {
    letter-spacing: var(--matcha-tracking-overline) !important;
  }
  .tracking-md-p-tiny {
    letter-spacing: var(--matcha-tracking-p-tiny);
  }
  .tracking-md-p-tiny--force {
    letter-spacing: var(--matcha-tracking-p-tiny) !important;
  }
}
@media screen and (min-width: 1280px) {
  .tracking-lg-display-hero {
    letter-spacing: var(--matcha-tracking-display-hero);
  }
  .tracking-lg-display-hero--force {
    letter-spacing: var(--matcha-tracking-display-hero) !important;
  }
  .tracking-lg-display {
    letter-spacing: var(--matcha-tracking-display);
  }
  .tracking-lg-display--force {
    letter-spacing: var(--matcha-tracking-display) !important;
  }
  .tracking-lg-headline {
    letter-spacing: var(--matcha-tracking-headline);
  }
  .tracking-lg-headline--force {
    letter-spacing: var(--matcha-tracking-headline) !important;
  }
  .tracking-lg-overline {
    letter-spacing: var(--matcha-tracking-overline);
  }
  .tracking-lg-overline--force {
    letter-spacing: var(--matcha-tracking-overline) !important;
  }
  .tracking-lg-p-tiny {
    letter-spacing: var(--matcha-tracking-p-tiny);
  }
  .tracking-lg-p-tiny--force {
    letter-spacing: var(--matcha-tracking-p-tiny) !important;
  }
}
@media screen and (min-width: 1536px) {
  .tracking-xl-display-hero {
    letter-spacing: var(--matcha-tracking-display-hero);
  }
  .tracking-xl-display-hero--force {
    letter-spacing: var(--matcha-tracking-display-hero) !important;
  }
  .tracking-xl-display {
    letter-spacing: var(--matcha-tracking-display);
  }
  .tracking-xl-display--force {
    letter-spacing: var(--matcha-tracking-display) !important;
  }
  .tracking-xl-headline {
    letter-spacing: var(--matcha-tracking-headline);
  }
  .tracking-xl-headline--force {
    letter-spacing: var(--matcha-tracking-headline) !important;
  }
  .tracking-xl-overline {
    letter-spacing: var(--matcha-tracking-overline);
  }
  .tracking-xl-overline--force {
    letter-spacing: var(--matcha-tracking-overline) !important;
  }
  .tracking-xl-p-tiny {
    letter-spacing: var(--matcha-tracking-p-tiny);
  }
  .tracking-xl-p-tiny--force {
    letter-spacing: var(--matcha-tracking-p-tiny) !important;
  }
}
.lh-0 {
  line-height: 0px;
}

.lh-0--force {
  line-height: 0px !important;
}

.lh-1 {
  line-height: 1px;
}

.lh-1--force {
  line-height: 1px !important;
}

.lh-2 {
  line-height: 2px;
}

.lh-2--force {
  line-height: 2px !important;
}

.lh-3 {
  line-height: 3px;
}

.lh-3--force {
  line-height: 3px !important;
}

.lh-4 {
  line-height: 4px;
}

.lh-4--force {
  line-height: 4px !important;
}

.lh-5 {
  line-height: 5px;
}

.lh-5--force {
  line-height: 5px !important;
}

.lh-6 {
  line-height: 6px;
}

.lh-6--force {
  line-height: 6px !important;
}

.lh-7 {
  line-height: 7px;
}

.lh-7--force {
  line-height: 7px !important;
}

.lh-8 {
  line-height: 8px;
}

.lh-8--force {
  line-height: 8px !important;
}

.lh-9 {
  line-height: 9px;
}

.lh-9--force {
  line-height: 9px !important;
}

.lh-10 {
  line-height: 10px;
}

.lh-10--force {
  line-height: 10px !important;
}

.lh-11 {
  line-height: 11px;
}

.lh-11--force {
  line-height: 11px !important;
}

.lh-12 {
  line-height: 12px;
}

.lh-12--force {
  line-height: 12px !important;
}

.lh-13 {
  line-height: 13px;
}

.lh-13--force {
  line-height: 13px !important;
}

.lh-14 {
  line-height: 14px;
}

.lh-14--force {
  line-height: 14px !important;
}

.lh-15 {
  line-height: 15px;
}

.lh-15--force {
  line-height: 15px !important;
}

.lh-16 {
  line-height: 16px;
}

.lh-16--force {
  line-height: 16px !important;
}

.lh-17 {
  line-height: 17px;
}

.lh-17--force {
  line-height: 17px !important;
}

.lh-18 {
  line-height: 18px;
}

.lh-18--force {
  line-height: 18px !important;
}

.lh-19 {
  line-height: 19px;
}

.lh-19--force {
  line-height: 19px !important;
}

.lh-20 {
  line-height: 20px;
}

.lh-20--force {
  line-height: 20px !important;
}

.lh-21 {
  line-height: 21px;
}

.lh-21--force {
  line-height: 21px !important;
}

.lh-22 {
  line-height: 22px;
}

.lh-22--force {
  line-height: 22px !important;
}

.lh-23 {
  line-height: 23px;
}

.lh-23--force {
  line-height: 23px !important;
}

.lh-24 {
  line-height: 24px;
}

.lh-24--force {
  line-height: 24px !important;
}

.lh-25 {
  line-height: 25px;
}

.lh-25--force {
  line-height: 25px !important;
}

.lh-26 {
  line-height: 26px;
}

.lh-26--force {
  line-height: 26px !important;
}

.lh-27 {
  line-height: 27px;
}

.lh-27--force {
  line-height: 27px !important;
}

.lh-28 {
  line-height: 28px;
}

.lh-28--force {
  line-height: 28px !important;
}

.lh-29 {
  line-height: 29px;
}

.lh-29--force {
  line-height: 29px !important;
}

.lh-30 {
  line-height: 30px;
}

.lh-30--force {
  line-height: 30px !important;
}

.lh-31 {
  line-height: 31px;
}

.lh-31--force {
  line-height: 31px !important;
}

.lh-32 {
  line-height: 32px;
}

.lh-32--force {
  line-height: 32px !important;
}

.lh-33 {
  line-height: 33px;
}

.lh-33--force {
  line-height: 33px !important;
}

.lh-34 {
  line-height: 34px;
}

.lh-34--force {
  line-height: 34px !important;
}

.lh-35 {
  line-height: 35px;
}

.lh-35--force {
  line-height: 35px !important;
}

.lh-36 {
  line-height: 36px;
}

.lh-36--force {
  line-height: 36px !important;
}

.lh-37 {
  line-height: 37px;
}

.lh-37--force {
  line-height: 37px !important;
}

.lh-38 {
  line-height: 38px;
}

.lh-38--force {
  line-height: 38px !important;
}

.lh-39 {
  line-height: 39px;
}

.lh-39--force {
  line-height: 39px !important;
}

.lh-40 {
  line-height: 40px;
}

.lh-40--force {
  line-height: 40px !important;
}

.lh-41 {
  line-height: 41px;
}

.lh-41--force {
  line-height: 41px !important;
}

.lh-42 {
  line-height: 42px;
}

.lh-42--force {
  line-height: 42px !important;
}

.lh-43 {
  line-height: 43px;
}

.lh-43--force {
  line-height: 43px !important;
}

.lh-44 {
  line-height: 44px;
}

.lh-44--force {
  line-height: 44px !important;
}

.lh-45 {
  line-height: 45px;
}

.lh-45--force {
  line-height: 45px !important;
}

.lh-46 {
  line-height: 46px;
}

.lh-46--force {
  line-height: 46px !important;
}

.lh-47 {
  line-height: 47px;
}

.lh-47--force {
  line-height: 47px !important;
}

.lh-48 {
  line-height: 48px;
}

.lh-48--force {
  line-height: 48px !important;
}

.lh-49 {
  line-height: 49px;
}

.lh-49--force {
  line-height: 49px !important;
}

.lh-50 {
  line-height: 50px;
}

.lh-50--force {
  line-height: 50px !important;
}

.lh-51 {
  line-height: 51px;
}

.lh-51--force {
  line-height: 51px !important;
}

.lh-52 {
  line-height: 52px;
}

.lh-52--force {
  line-height: 52px !important;
}

.lh-53 {
  line-height: 53px;
}

.lh-53--force {
  line-height: 53px !important;
}

.lh-54 {
  line-height: 54px;
}

.lh-54--force {
  line-height: 54px !important;
}

.lh-55 {
  line-height: 55px;
}

.lh-55--force {
  line-height: 55px !important;
}

.lh-56 {
  line-height: 56px;
}

.lh-56--force {
  line-height: 56px !important;
}

.lh-57 {
  line-height: 57px;
}

.lh-57--force {
  line-height: 57px !important;
}

.lh-58 {
  line-height: 58px;
}

.lh-58--force {
  line-height: 58px !important;
}

.lh-59 {
  line-height: 59px;
}

.lh-59--force {
  line-height: 59px !important;
}

.lh-60 {
  line-height: 60px;
}

.lh-60--force {
  line-height: 60px !important;
}

.lh-61 {
  line-height: 61px;
}

.lh-61--force {
  line-height: 61px !important;
}

.lh-62 {
  line-height: 62px;
}

.lh-62--force {
  line-height: 62px !important;
}

.lh-63 {
  line-height: 63px;
}

.lh-63--force {
  line-height: 63px !important;
}

.lh-64 {
  line-height: 64px;
}

.lh-64--force {
  line-height: 64px !important;
}

.lh-65 {
  line-height: 65px;
}

.lh-65--force {
  line-height: 65px !important;
}

.lh-66 {
  line-height: 66px;
}

.lh-66--force {
  line-height: 66px !important;
}

.lh-67 {
  line-height: 67px;
}

.lh-67--force {
  line-height: 67px !important;
}

.lh-68 {
  line-height: 68px;
}

.lh-68--force {
  line-height: 68px !important;
}

.lh-69 {
  line-height: 69px;
}

.lh-69--force {
  line-height: 69px !important;
}

.lh-70 {
  line-height: 70px;
}

.lh-70--force {
  line-height: 70px !important;
}

.lh-71 {
  line-height: 71px;
}

.lh-71--force {
  line-height: 71px !important;
}

.lh-72 {
  line-height: 72px;
}

.lh-72--force {
  line-height: 72px !important;
}

.lh-73 {
  line-height: 73px;
}

.lh-73--force {
  line-height: 73px !important;
}

.lh-74 {
  line-height: 74px;
}

.lh-74--force {
  line-height: 74px !important;
}

.lh-75 {
  line-height: 75px;
}

.lh-75--force {
  line-height: 75px !important;
}

.lh-76 {
  line-height: 76px;
}

.lh-76--force {
  line-height: 76px !important;
}

.lh-77 {
  line-height: 77px;
}

.lh-77--force {
  line-height: 77px !important;
}

.lh-78 {
  line-height: 78px;
}

.lh-78--force {
  line-height: 78px !important;
}

.lh-79 {
  line-height: 79px;
}

.lh-79--force {
  line-height: 79px !important;
}

.lh-80 {
  line-height: 80px;
}

.lh-80--force {
  line-height: 80px !important;
}

.lh-81 {
  line-height: 81px;
}

.lh-81--force {
  line-height: 81px !important;
}

.lh-82 {
  line-height: 82px;
}

.lh-82--force {
  line-height: 82px !important;
}

.lh-83 {
  line-height: 83px;
}

.lh-83--force {
  line-height: 83px !important;
}

.lh-84 {
  line-height: 84px;
}

.lh-84--force {
  line-height: 84px !important;
}

.lh-85 {
  line-height: 85px;
}

.lh-85--force {
  line-height: 85px !important;
}

.lh-86 {
  line-height: 86px;
}

.lh-86--force {
  line-height: 86px !important;
}

.lh-87 {
  line-height: 87px;
}

.lh-87--force {
  line-height: 87px !important;
}

.lh-88 {
  line-height: 88px;
}

.lh-88--force {
  line-height: 88px !important;
}

.lh-89 {
  line-height: 89px;
}

.lh-89--force {
  line-height: 89px !important;
}

.lh-90 {
  line-height: 90px;
}

.lh-90--force {
  line-height: 90px !important;
}

.lh-91 {
  line-height: 91px;
}

.lh-91--force {
  line-height: 91px !important;
}

.lh-92 {
  line-height: 92px;
}

.lh-92--force {
  line-height: 92px !important;
}

.lh-93 {
  line-height: 93px;
}

.lh-93--force {
  line-height: 93px !important;
}

.lh-94 {
  line-height: 94px;
}

.lh-94--force {
  line-height: 94px !important;
}

.lh-95 {
  line-height: 95px;
}

.lh-95--force {
  line-height: 95px !important;
}

.lh-96 {
  line-height: 96px;
}

.lh-96--force {
  line-height: 96px !important;
}

.lh-97 {
  line-height: 97px;
}

.lh-97--force {
  line-height: 97px !important;
}

.lh-98 {
  line-height: 98px;
}

.lh-98--force {
  line-height: 98px !important;
}

.lh-99 {
  line-height: 99px;
}

.lh-99--force {
  line-height: 99px !important;
}

.lh-100 {
  line-height: 100px;
}

.lh-100--force {
  line-height: 100px !important;
}

@media screen and (max-width: 639px) {
  .lh-xs-0 {
    line-height: 0px;
  }
  .lh-xs-0--force {
    line-height: 0px !important;
  }
  .lh-xs-1 {
    line-height: 1px;
  }
  .lh-xs-1--force {
    line-height: 1px !important;
  }
  .lh-xs-2 {
    line-height: 2px;
  }
  .lh-xs-2--force {
    line-height: 2px !important;
  }
  .lh-xs-3 {
    line-height: 3px;
  }
  .lh-xs-3--force {
    line-height: 3px !important;
  }
  .lh-xs-4 {
    line-height: 4px;
  }
  .lh-xs-4--force {
    line-height: 4px !important;
  }
  .lh-xs-5 {
    line-height: 5px;
  }
  .lh-xs-5--force {
    line-height: 5px !important;
  }
  .lh-xs-6 {
    line-height: 6px;
  }
  .lh-xs-6--force {
    line-height: 6px !important;
  }
  .lh-xs-7 {
    line-height: 7px;
  }
  .lh-xs-7--force {
    line-height: 7px !important;
  }
  .lh-xs-8 {
    line-height: 8px;
  }
  .lh-xs-8--force {
    line-height: 8px !important;
  }
  .lh-xs-9 {
    line-height: 9px;
  }
  .lh-xs-9--force {
    line-height: 9px !important;
  }
  .lh-xs-10 {
    line-height: 10px;
  }
  .lh-xs-10--force {
    line-height: 10px !important;
  }
  .lh-xs-11 {
    line-height: 11px;
  }
  .lh-xs-11--force {
    line-height: 11px !important;
  }
  .lh-xs-12 {
    line-height: 12px;
  }
  .lh-xs-12--force {
    line-height: 12px !important;
  }
  .lh-xs-13 {
    line-height: 13px;
  }
  .lh-xs-13--force {
    line-height: 13px !important;
  }
  .lh-xs-14 {
    line-height: 14px;
  }
  .lh-xs-14--force {
    line-height: 14px !important;
  }
  .lh-xs-15 {
    line-height: 15px;
  }
  .lh-xs-15--force {
    line-height: 15px !important;
  }
  .lh-xs-16 {
    line-height: 16px;
  }
  .lh-xs-16--force {
    line-height: 16px !important;
  }
  .lh-xs-17 {
    line-height: 17px;
  }
  .lh-xs-17--force {
    line-height: 17px !important;
  }
  .lh-xs-18 {
    line-height: 18px;
  }
  .lh-xs-18--force {
    line-height: 18px !important;
  }
  .lh-xs-19 {
    line-height: 19px;
  }
  .lh-xs-19--force {
    line-height: 19px !important;
  }
  .lh-xs-20 {
    line-height: 20px;
  }
  .lh-xs-20--force {
    line-height: 20px !important;
  }
  .lh-xs-21 {
    line-height: 21px;
  }
  .lh-xs-21--force {
    line-height: 21px !important;
  }
  .lh-xs-22 {
    line-height: 22px;
  }
  .lh-xs-22--force {
    line-height: 22px !important;
  }
  .lh-xs-23 {
    line-height: 23px;
  }
  .lh-xs-23--force {
    line-height: 23px !important;
  }
  .lh-xs-24 {
    line-height: 24px;
  }
  .lh-xs-24--force {
    line-height: 24px !important;
  }
  .lh-xs-25 {
    line-height: 25px;
  }
  .lh-xs-25--force {
    line-height: 25px !important;
  }
  .lh-xs-26 {
    line-height: 26px;
  }
  .lh-xs-26--force {
    line-height: 26px !important;
  }
  .lh-xs-27 {
    line-height: 27px;
  }
  .lh-xs-27--force {
    line-height: 27px !important;
  }
  .lh-xs-28 {
    line-height: 28px;
  }
  .lh-xs-28--force {
    line-height: 28px !important;
  }
  .lh-xs-29 {
    line-height: 29px;
  }
  .lh-xs-29--force {
    line-height: 29px !important;
  }
  .lh-xs-30 {
    line-height: 30px;
  }
  .lh-xs-30--force {
    line-height: 30px !important;
  }
  .lh-xs-31 {
    line-height: 31px;
  }
  .lh-xs-31--force {
    line-height: 31px !important;
  }
  .lh-xs-32 {
    line-height: 32px;
  }
  .lh-xs-32--force {
    line-height: 32px !important;
  }
  .lh-xs-33 {
    line-height: 33px;
  }
  .lh-xs-33--force {
    line-height: 33px !important;
  }
  .lh-xs-34 {
    line-height: 34px;
  }
  .lh-xs-34--force {
    line-height: 34px !important;
  }
  .lh-xs-35 {
    line-height: 35px;
  }
  .lh-xs-35--force {
    line-height: 35px !important;
  }
  .lh-xs-36 {
    line-height: 36px;
  }
  .lh-xs-36--force {
    line-height: 36px !important;
  }
  .lh-xs-37 {
    line-height: 37px;
  }
  .lh-xs-37--force {
    line-height: 37px !important;
  }
  .lh-xs-38 {
    line-height: 38px;
  }
  .lh-xs-38--force {
    line-height: 38px !important;
  }
  .lh-xs-39 {
    line-height: 39px;
  }
  .lh-xs-39--force {
    line-height: 39px !important;
  }
  .lh-xs-40 {
    line-height: 40px;
  }
  .lh-xs-40--force {
    line-height: 40px !important;
  }
  .lh-xs-41 {
    line-height: 41px;
  }
  .lh-xs-41--force {
    line-height: 41px !important;
  }
  .lh-xs-42 {
    line-height: 42px;
  }
  .lh-xs-42--force {
    line-height: 42px !important;
  }
  .lh-xs-43 {
    line-height: 43px;
  }
  .lh-xs-43--force {
    line-height: 43px !important;
  }
  .lh-xs-44 {
    line-height: 44px;
  }
  .lh-xs-44--force {
    line-height: 44px !important;
  }
  .lh-xs-45 {
    line-height: 45px;
  }
  .lh-xs-45--force {
    line-height: 45px !important;
  }
  .lh-xs-46 {
    line-height: 46px;
  }
  .lh-xs-46--force {
    line-height: 46px !important;
  }
  .lh-xs-47 {
    line-height: 47px;
  }
  .lh-xs-47--force {
    line-height: 47px !important;
  }
  .lh-xs-48 {
    line-height: 48px;
  }
  .lh-xs-48--force {
    line-height: 48px !important;
  }
  .lh-xs-49 {
    line-height: 49px;
  }
  .lh-xs-49--force {
    line-height: 49px !important;
  }
  .lh-xs-50 {
    line-height: 50px;
  }
  .lh-xs-50--force {
    line-height: 50px !important;
  }
  .lh-xs-51 {
    line-height: 51px;
  }
  .lh-xs-51--force {
    line-height: 51px !important;
  }
  .lh-xs-52 {
    line-height: 52px;
  }
  .lh-xs-52--force {
    line-height: 52px !important;
  }
  .lh-xs-53 {
    line-height: 53px;
  }
  .lh-xs-53--force {
    line-height: 53px !important;
  }
  .lh-xs-54 {
    line-height: 54px;
  }
  .lh-xs-54--force {
    line-height: 54px !important;
  }
  .lh-xs-55 {
    line-height: 55px;
  }
  .lh-xs-55--force {
    line-height: 55px !important;
  }
  .lh-xs-56 {
    line-height: 56px;
  }
  .lh-xs-56--force {
    line-height: 56px !important;
  }
  .lh-xs-57 {
    line-height: 57px;
  }
  .lh-xs-57--force {
    line-height: 57px !important;
  }
  .lh-xs-58 {
    line-height: 58px;
  }
  .lh-xs-58--force {
    line-height: 58px !important;
  }
  .lh-xs-59 {
    line-height: 59px;
  }
  .lh-xs-59--force {
    line-height: 59px !important;
  }
  .lh-xs-60 {
    line-height: 60px;
  }
  .lh-xs-60--force {
    line-height: 60px !important;
  }
  .lh-xs-61 {
    line-height: 61px;
  }
  .lh-xs-61--force {
    line-height: 61px !important;
  }
  .lh-xs-62 {
    line-height: 62px;
  }
  .lh-xs-62--force {
    line-height: 62px !important;
  }
  .lh-xs-63 {
    line-height: 63px;
  }
  .lh-xs-63--force {
    line-height: 63px !important;
  }
  .lh-xs-64 {
    line-height: 64px;
  }
  .lh-xs-64--force {
    line-height: 64px !important;
  }
  .lh-xs-65 {
    line-height: 65px;
  }
  .lh-xs-65--force {
    line-height: 65px !important;
  }
  .lh-xs-66 {
    line-height: 66px;
  }
  .lh-xs-66--force {
    line-height: 66px !important;
  }
  .lh-xs-67 {
    line-height: 67px;
  }
  .lh-xs-67--force {
    line-height: 67px !important;
  }
  .lh-xs-68 {
    line-height: 68px;
  }
  .lh-xs-68--force {
    line-height: 68px !important;
  }
  .lh-xs-69 {
    line-height: 69px;
  }
  .lh-xs-69--force {
    line-height: 69px !important;
  }
  .lh-xs-70 {
    line-height: 70px;
  }
  .lh-xs-70--force {
    line-height: 70px !important;
  }
  .lh-xs-71 {
    line-height: 71px;
  }
  .lh-xs-71--force {
    line-height: 71px !important;
  }
  .lh-xs-72 {
    line-height: 72px;
  }
  .lh-xs-72--force {
    line-height: 72px !important;
  }
  .lh-xs-73 {
    line-height: 73px;
  }
  .lh-xs-73--force {
    line-height: 73px !important;
  }
  .lh-xs-74 {
    line-height: 74px;
  }
  .lh-xs-74--force {
    line-height: 74px !important;
  }
  .lh-xs-75 {
    line-height: 75px;
  }
  .lh-xs-75--force {
    line-height: 75px !important;
  }
  .lh-xs-76 {
    line-height: 76px;
  }
  .lh-xs-76--force {
    line-height: 76px !important;
  }
  .lh-xs-77 {
    line-height: 77px;
  }
  .lh-xs-77--force {
    line-height: 77px !important;
  }
  .lh-xs-78 {
    line-height: 78px;
  }
  .lh-xs-78--force {
    line-height: 78px !important;
  }
  .lh-xs-79 {
    line-height: 79px;
  }
  .lh-xs-79--force {
    line-height: 79px !important;
  }
  .lh-xs-80 {
    line-height: 80px;
  }
  .lh-xs-80--force {
    line-height: 80px !important;
  }
  .lh-xs-81 {
    line-height: 81px;
  }
  .lh-xs-81--force {
    line-height: 81px !important;
  }
  .lh-xs-82 {
    line-height: 82px;
  }
  .lh-xs-82--force {
    line-height: 82px !important;
  }
  .lh-xs-83 {
    line-height: 83px;
  }
  .lh-xs-83--force {
    line-height: 83px !important;
  }
  .lh-xs-84 {
    line-height: 84px;
  }
  .lh-xs-84--force {
    line-height: 84px !important;
  }
  .lh-xs-85 {
    line-height: 85px;
  }
  .lh-xs-85--force {
    line-height: 85px !important;
  }
  .lh-xs-86 {
    line-height: 86px;
  }
  .lh-xs-86--force {
    line-height: 86px !important;
  }
  .lh-xs-87 {
    line-height: 87px;
  }
  .lh-xs-87--force {
    line-height: 87px !important;
  }
  .lh-xs-88 {
    line-height: 88px;
  }
  .lh-xs-88--force {
    line-height: 88px !important;
  }
  .lh-xs-89 {
    line-height: 89px;
  }
  .lh-xs-89--force {
    line-height: 89px !important;
  }
  .lh-xs-90 {
    line-height: 90px;
  }
  .lh-xs-90--force {
    line-height: 90px !important;
  }
  .lh-xs-91 {
    line-height: 91px;
  }
  .lh-xs-91--force {
    line-height: 91px !important;
  }
  .lh-xs-92 {
    line-height: 92px;
  }
  .lh-xs-92--force {
    line-height: 92px !important;
  }
  .lh-xs-93 {
    line-height: 93px;
  }
  .lh-xs-93--force {
    line-height: 93px !important;
  }
  .lh-xs-94 {
    line-height: 94px;
  }
  .lh-xs-94--force {
    line-height: 94px !important;
  }
  .lh-xs-95 {
    line-height: 95px;
  }
  .lh-xs-95--force {
    line-height: 95px !important;
  }
  .lh-xs-96 {
    line-height: 96px;
  }
  .lh-xs-96--force {
    line-height: 96px !important;
  }
  .lh-xs-97 {
    line-height: 97px;
  }
  .lh-xs-97--force {
    line-height: 97px !important;
  }
  .lh-xs-98 {
    line-height: 98px;
  }
  .lh-xs-98--force {
    line-height: 98px !important;
  }
  .lh-xs-99 {
    line-height: 99px;
  }
  .lh-xs-99--force {
    line-height: 99px !important;
  }
  .lh-xs-100 {
    line-height: 100px;
  }
  .lh-xs-100--force {
    line-height: 100px !important;
  }
}
@media screen and (min-width: 640px) {
  .lh-sm-0 {
    line-height: 0px;
  }
  .lh-sm-0--force {
    line-height: 0px !important;
  }
  .lh-sm-1 {
    line-height: 1px;
  }
  .lh-sm-1--force {
    line-height: 1px !important;
  }
  .lh-sm-2 {
    line-height: 2px;
  }
  .lh-sm-2--force {
    line-height: 2px !important;
  }
  .lh-sm-3 {
    line-height: 3px;
  }
  .lh-sm-3--force {
    line-height: 3px !important;
  }
  .lh-sm-4 {
    line-height: 4px;
  }
  .lh-sm-4--force {
    line-height: 4px !important;
  }
  .lh-sm-5 {
    line-height: 5px;
  }
  .lh-sm-5--force {
    line-height: 5px !important;
  }
  .lh-sm-6 {
    line-height: 6px;
  }
  .lh-sm-6--force {
    line-height: 6px !important;
  }
  .lh-sm-7 {
    line-height: 7px;
  }
  .lh-sm-7--force {
    line-height: 7px !important;
  }
  .lh-sm-8 {
    line-height: 8px;
  }
  .lh-sm-8--force {
    line-height: 8px !important;
  }
  .lh-sm-9 {
    line-height: 9px;
  }
  .lh-sm-9--force {
    line-height: 9px !important;
  }
  .lh-sm-10 {
    line-height: 10px;
  }
  .lh-sm-10--force {
    line-height: 10px !important;
  }
  .lh-sm-11 {
    line-height: 11px;
  }
  .lh-sm-11--force {
    line-height: 11px !important;
  }
  .lh-sm-12 {
    line-height: 12px;
  }
  .lh-sm-12--force {
    line-height: 12px !important;
  }
  .lh-sm-13 {
    line-height: 13px;
  }
  .lh-sm-13--force {
    line-height: 13px !important;
  }
  .lh-sm-14 {
    line-height: 14px;
  }
  .lh-sm-14--force {
    line-height: 14px !important;
  }
  .lh-sm-15 {
    line-height: 15px;
  }
  .lh-sm-15--force {
    line-height: 15px !important;
  }
  .lh-sm-16 {
    line-height: 16px;
  }
  .lh-sm-16--force {
    line-height: 16px !important;
  }
  .lh-sm-17 {
    line-height: 17px;
  }
  .lh-sm-17--force {
    line-height: 17px !important;
  }
  .lh-sm-18 {
    line-height: 18px;
  }
  .lh-sm-18--force {
    line-height: 18px !important;
  }
  .lh-sm-19 {
    line-height: 19px;
  }
  .lh-sm-19--force {
    line-height: 19px !important;
  }
  .lh-sm-20 {
    line-height: 20px;
  }
  .lh-sm-20--force {
    line-height: 20px !important;
  }
  .lh-sm-21 {
    line-height: 21px;
  }
  .lh-sm-21--force {
    line-height: 21px !important;
  }
  .lh-sm-22 {
    line-height: 22px;
  }
  .lh-sm-22--force {
    line-height: 22px !important;
  }
  .lh-sm-23 {
    line-height: 23px;
  }
  .lh-sm-23--force {
    line-height: 23px !important;
  }
  .lh-sm-24 {
    line-height: 24px;
  }
  .lh-sm-24--force {
    line-height: 24px !important;
  }
  .lh-sm-25 {
    line-height: 25px;
  }
  .lh-sm-25--force {
    line-height: 25px !important;
  }
  .lh-sm-26 {
    line-height: 26px;
  }
  .lh-sm-26--force {
    line-height: 26px !important;
  }
  .lh-sm-27 {
    line-height: 27px;
  }
  .lh-sm-27--force {
    line-height: 27px !important;
  }
  .lh-sm-28 {
    line-height: 28px;
  }
  .lh-sm-28--force {
    line-height: 28px !important;
  }
  .lh-sm-29 {
    line-height: 29px;
  }
  .lh-sm-29--force {
    line-height: 29px !important;
  }
  .lh-sm-30 {
    line-height: 30px;
  }
  .lh-sm-30--force {
    line-height: 30px !important;
  }
  .lh-sm-31 {
    line-height: 31px;
  }
  .lh-sm-31--force {
    line-height: 31px !important;
  }
  .lh-sm-32 {
    line-height: 32px;
  }
  .lh-sm-32--force {
    line-height: 32px !important;
  }
  .lh-sm-33 {
    line-height: 33px;
  }
  .lh-sm-33--force {
    line-height: 33px !important;
  }
  .lh-sm-34 {
    line-height: 34px;
  }
  .lh-sm-34--force {
    line-height: 34px !important;
  }
  .lh-sm-35 {
    line-height: 35px;
  }
  .lh-sm-35--force {
    line-height: 35px !important;
  }
  .lh-sm-36 {
    line-height: 36px;
  }
  .lh-sm-36--force {
    line-height: 36px !important;
  }
  .lh-sm-37 {
    line-height: 37px;
  }
  .lh-sm-37--force {
    line-height: 37px !important;
  }
  .lh-sm-38 {
    line-height: 38px;
  }
  .lh-sm-38--force {
    line-height: 38px !important;
  }
  .lh-sm-39 {
    line-height: 39px;
  }
  .lh-sm-39--force {
    line-height: 39px !important;
  }
  .lh-sm-40 {
    line-height: 40px;
  }
  .lh-sm-40--force {
    line-height: 40px !important;
  }
  .lh-sm-41 {
    line-height: 41px;
  }
  .lh-sm-41--force {
    line-height: 41px !important;
  }
  .lh-sm-42 {
    line-height: 42px;
  }
  .lh-sm-42--force {
    line-height: 42px !important;
  }
  .lh-sm-43 {
    line-height: 43px;
  }
  .lh-sm-43--force {
    line-height: 43px !important;
  }
  .lh-sm-44 {
    line-height: 44px;
  }
  .lh-sm-44--force {
    line-height: 44px !important;
  }
  .lh-sm-45 {
    line-height: 45px;
  }
  .lh-sm-45--force {
    line-height: 45px !important;
  }
  .lh-sm-46 {
    line-height: 46px;
  }
  .lh-sm-46--force {
    line-height: 46px !important;
  }
  .lh-sm-47 {
    line-height: 47px;
  }
  .lh-sm-47--force {
    line-height: 47px !important;
  }
  .lh-sm-48 {
    line-height: 48px;
  }
  .lh-sm-48--force {
    line-height: 48px !important;
  }
  .lh-sm-49 {
    line-height: 49px;
  }
  .lh-sm-49--force {
    line-height: 49px !important;
  }
  .lh-sm-50 {
    line-height: 50px;
  }
  .lh-sm-50--force {
    line-height: 50px !important;
  }
  .lh-sm-51 {
    line-height: 51px;
  }
  .lh-sm-51--force {
    line-height: 51px !important;
  }
  .lh-sm-52 {
    line-height: 52px;
  }
  .lh-sm-52--force {
    line-height: 52px !important;
  }
  .lh-sm-53 {
    line-height: 53px;
  }
  .lh-sm-53--force {
    line-height: 53px !important;
  }
  .lh-sm-54 {
    line-height: 54px;
  }
  .lh-sm-54--force {
    line-height: 54px !important;
  }
  .lh-sm-55 {
    line-height: 55px;
  }
  .lh-sm-55--force {
    line-height: 55px !important;
  }
  .lh-sm-56 {
    line-height: 56px;
  }
  .lh-sm-56--force {
    line-height: 56px !important;
  }
  .lh-sm-57 {
    line-height: 57px;
  }
  .lh-sm-57--force {
    line-height: 57px !important;
  }
  .lh-sm-58 {
    line-height: 58px;
  }
  .lh-sm-58--force {
    line-height: 58px !important;
  }
  .lh-sm-59 {
    line-height: 59px;
  }
  .lh-sm-59--force {
    line-height: 59px !important;
  }
  .lh-sm-60 {
    line-height: 60px;
  }
  .lh-sm-60--force {
    line-height: 60px !important;
  }
  .lh-sm-61 {
    line-height: 61px;
  }
  .lh-sm-61--force {
    line-height: 61px !important;
  }
  .lh-sm-62 {
    line-height: 62px;
  }
  .lh-sm-62--force {
    line-height: 62px !important;
  }
  .lh-sm-63 {
    line-height: 63px;
  }
  .lh-sm-63--force {
    line-height: 63px !important;
  }
  .lh-sm-64 {
    line-height: 64px;
  }
  .lh-sm-64--force {
    line-height: 64px !important;
  }
  .lh-sm-65 {
    line-height: 65px;
  }
  .lh-sm-65--force {
    line-height: 65px !important;
  }
  .lh-sm-66 {
    line-height: 66px;
  }
  .lh-sm-66--force {
    line-height: 66px !important;
  }
  .lh-sm-67 {
    line-height: 67px;
  }
  .lh-sm-67--force {
    line-height: 67px !important;
  }
  .lh-sm-68 {
    line-height: 68px;
  }
  .lh-sm-68--force {
    line-height: 68px !important;
  }
  .lh-sm-69 {
    line-height: 69px;
  }
  .lh-sm-69--force {
    line-height: 69px !important;
  }
  .lh-sm-70 {
    line-height: 70px;
  }
  .lh-sm-70--force {
    line-height: 70px !important;
  }
  .lh-sm-71 {
    line-height: 71px;
  }
  .lh-sm-71--force {
    line-height: 71px !important;
  }
  .lh-sm-72 {
    line-height: 72px;
  }
  .lh-sm-72--force {
    line-height: 72px !important;
  }
  .lh-sm-73 {
    line-height: 73px;
  }
  .lh-sm-73--force {
    line-height: 73px !important;
  }
  .lh-sm-74 {
    line-height: 74px;
  }
  .lh-sm-74--force {
    line-height: 74px !important;
  }
  .lh-sm-75 {
    line-height: 75px;
  }
  .lh-sm-75--force {
    line-height: 75px !important;
  }
  .lh-sm-76 {
    line-height: 76px;
  }
  .lh-sm-76--force {
    line-height: 76px !important;
  }
  .lh-sm-77 {
    line-height: 77px;
  }
  .lh-sm-77--force {
    line-height: 77px !important;
  }
  .lh-sm-78 {
    line-height: 78px;
  }
  .lh-sm-78--force {
    line-height: 78px !important;
  }
  .lh-sm-79 {
    line-height: 79px;
  }
  .lh-sm-79--force {
    line-height: 79px !important;
  }
  .lh-sm-80 {
    line-height: 80px;
  }
  .lh-sm-80--force {
    line-height: 80px !important;
  }
  .lh-sm-81 {
    line-height: 81px;
  }
  .lh-sm-81--force {
    line-height: 81px !important;
  }
  .lh-sm-82 {
    line-height: 82px;
  }
  .lh-sm-82--force {
    line-height: 82px !important;
  }
  .lh-sm-83 {
    line-height: 83px;
  }
  .lh-sm-83--force {
    line-height: 83px !important;
  }
  .lh-sm-84 {
    line-height: 84px;
  }
  .lh-sm-84--force {
    line-height: 84px !important;
  }
  .lh-sm-85 {
    line-height: 85px;
  }
  .lh-sm-85--force {
    line-height: 85px !important;
  }
  .lh-sm-86 {
    line-height: 86px;
  }
  .lh-sm-86--force {
    line-height: 86px !important;
  }
  .lh-sm-87 {
    line-height: 87px;
  }
  .lh-sm-87--force {
    line-height: 87px !important;
  }
  .lh-sm-88 {
    line-height: 88px;
  }
  .lh-sm-88--force {
    line-height: 88px !important;
  }
  .lh-sm-89 {
    line-height: 89px;
  }
  .lh-sm-89--force {
    line-height: 89px !important;
  }
  .lh-sm-90 {
    line-height: 90px;
  }
  .lh-sm-90--force {
    line-height: 90px !important;
  }
  .lh-sm-91 {
    line-height: 91px;
  }
  .lh-sm-91--force {
    line-height: 91px !important;
  }
  .lh-sm-92 {
    line-height: 92px;
  }
  .lh-sm-92--force {
    line-height: 92px !important;
  }
  .lh-sm-93 {
    line-height: 93px;
  }
  .lh-sm-93--force {
    line-height: 93px !important;
  }
  .lh-sm-94 {
    line-height: 94px;
  }
  .lh-sm-94--force {
    line-height: 94px !important;
  }
  .lh-sm-95 {
    line-height: 95px;
  }
  .lh-sm-95--force {
    line-height: 95px !important;
  }
  .lh-sm-96 {
    line-height: 96px;
  }
  .lh-sm-96--force {
    line-height: 96px !important;
  }
  .lh-sm-97 {
    line-height: 97px;
  }
  .lh-sm-97--force {
    line-height: 97px !important;
  }
  .lh-sm-98 {
    line-height: 98px;
  }
  .lh-sm-98--force {
    line-height: 98px !important;
  }
  .lh-sm-99 {
    line-height: 99px;
  }
  .lh-sm-99--force {
    line-height: 99px !important;
  }
  .lh-sm-100 {
    line-height: 100px;
  }
  .lh-sm-100--force {
    line-height: 100px !important;
  }
}
@media screen and (min-width: 1024px) {
  .lh-md-0 {
    line-height: 0px;
  }
  .lh-md-0--force {
    line-height: 0px !important;
  }
  .lh-md-1 {
    line-height: 1px;
  }
  .lh-md-1--force {
    line-height: 1px !important;
  }
  .lh-md-2 {
    line-height: 2px;
  }
  .lh-md-2--force {
    line-height: 2px !important;
  }
  .lh-md-3 {
    line-height: 3px;
  }
  .lh-md-3--force {
    line-height: 3px !important;
  }
  .lh-md-4 {
    line-height: 4px;
  }
  .lh-md-4--force {
    line-height: 4px !important;
  }
  .lh-md-5 {
    line-height: 5px;
  }
  .lh-md-5--force {
    line-height: 5px !important;
  }
  .lh-md-6 {
    line-height: 6px;
  }
  .lh-md-6--force {
    line-height: 6px !important;
  }
  .lh-md-7 {
    line-height: 7px;
  }
  .lh-md-7--force {
    line-height: 7px !important;
  }
  .lh-md-8 {
    line-height: 8px;
  }
  .lh-md-8--force {
    line-height: 8px !important;
  }
  .lh-md-9 {
    line-height: 9px;
  }
  .lh-md-9--force {
    line-height: 9px !important;
  }
  .lh-md-10 {
    line-height: 10px;
  }
  .lh-md-10--force {
    line-height: 10px !important;
  }
  .lh-md-11 {
    line-height: 11px;
  }
  .lh-md-11--force {
    line-height: 11px !important;
  }
  .lh-md-12 {
    line-height: 12px;
  }
  .lh-md-12--force {
    line-height: 12px !important;
  }
  .lh-md-13 {
    line-height: 13px;
  }
  .lh-md-13--force {
    line-height: 13px !important;
  }
  .lh-md-14 {
    line-height: 14px;
  }
  .lh-md-14--force {
    line-height: 14px !important;
  }
  .lh-md-15 {
    line-height: 15px;
  }
  .lh-md-15--force {
    line-height: 15px !important;
  }
  .lh-md-16 {
    line-height: 16px;
  }
  .lh-md-16--force {
    line-height: 16px !important;
  }
  .lh-md-17 {
    line-height: 17px;
  }
  .lh-md-17--force {
    line-height: 17px !important;
  }
  .lh-md-18 {
    line-height: 18px;
  }
  .lh-md-18--force {
    line-height: 18px !important;
  }
  .lh-md-19 {
    line-height: 19px;
  }
  .lh-md-19--force {
    line-height: 19px !important;
  }
  .lh-md-20 {
    line-height: 20px;
  }
  .lh-md-20--force {
    line-height: 20px !important;
  }
  .lh-md-21 {
    line-height: 21px;
  }
  .lh-md-21--force {
    line-height: 21px !important;
  }
  .lh-md-22 {
    line-height: 22px;
  }
  .lh-md-22--force {
    line-height: 22px !important;
  }
  .lh-md-23 {
    line-height: 23px;
  }
  .lh-md-23--force {
    line-height: 23px !important;
  }
  .lh-md-24 {
    line-height: 24px;
  }
  .lh-md-24--force {
    line-height: 24px !important;
  }
  .lh-md-25 {
    line-height: 25px;
  }
  .lh-md-25--force {
    line-height: 25px !important;
  }
  .lh-md-26 {
    line-height: 26px;
  }
  .lh-md-26--force {
    line-height: 26px !important;
  }
  .lh-md-27 {
    line-height: 27px;
  }
  .lh-md-27--force {
    line-height: 27px !important;
  }
  .lh-md-28 {
    line-height: 28px;
  }
  .lh-md-28--force {
    line-height: 28px !important;
  }
  .lh-md-29 {
    line-height: 29px;
  }
  .lh-md-29--force {
    line-height: 29px !important;
  }
  .lh-md-30 {
    line-height: 30px;
  }
  .lh-md-30--force {
    line-height: 30px !important;
  }
  .lh-md-31 {
    line-height: 31px;
  }
  .lh-md-31--force {
    line-height: 31px !important;
  }
  .lh-md-32 {
    line-height: 32px;
  }
  .lh-md-32--force {
    line-height: 32px !important;
  }
  .lh-md-33 {
    line-height: 33px;
  }
  .lh-md-33--force {
    line-height: 33px !important;
  }
  .lh-md-34 {
    line-height: 34px;
  }
  .lh-md-34--force {
    line-height: 34px !important;
  }
  .lh-md-35 {
    line-height: 35px;
  }
  .lh-md-35--force {
    line-height: 35px !important;
  }
  .lh-md-36 {
    line-height: 36px;
  }
  .lh-md-36--force {
    line-height: 36px !important;
  }
  .lh-md-37 {
    line-height: 37px;
  }
  .lh-md-37--force {
    line-height: 37px !important;
  }
  .lh-md-38 {
    line-height: 38px;
  }
  .lh-md-38--force {
    line-height: 38px !important;
  }
  .lh-md-39 {
    line-height: 39px;
  }
  .lh-md-39--force {
    line-height: 39px !important;
  }
  .lh-md-40 {
    line-height: 40px;
  }
  .lh-md-40--force {
    line-height: 40px !important;
  }
  .lh-md-41 {
    line-height: 41px;
  }
  .lh-md-41--force {
    line-height: 41px !important;
  }
  .lh-md-42 {
    line-height: 42px;
  }
  .lh-md-42--force {
    line-height: 42px !important;
  }
  .lh-md-43 {
    line-height: 43px;
  }
  .lh-md-43--force {
    line-height: 43px !important;
  }
  .lh-md-44 {
    line-height: 44px;
  }
  .lh-md-44--force {
    line-height: 44px !important;
  }
  .lh-md-45 {
    line-height: 45px;
  }
  .lh-md-45--force {
    line-height: 45px !important;
  }
  .lh-md-46 {
    line-height: 46px;
  }
  .lh-md-46--force {
    line-height: 46px !important;
  }
  .lh-md-47 {
    line-height: 47px;
  }
  .lh-md-47--force {
    line-height: 47px !important;
  }
  .lh-md-48 {
    line-height: 48px;
  }
  .lh-md-48--force {
    line-height: 48px !important;
  }
  .lh-md-49 {
    line-height: 49px;
  }
  .lh-md-49--force {
    line-height: 49px !important;
  }
  .lh-md-50 {
    line-height: 50px;
  }
  .lh-md-50--force {
    line-height: 50px !important;
  }
  .lh-md-51 {
    line-height: 51px;
  }
  .lh-md-51--force {
    line-height: 51px !important;
  }
  .lh-md-52 {
    line-height: 52px;
  }
  .lh-md-52--force {
    line-height: 52px !important;
  }
  .lh-md-53 {
    line-height: 53px;
  }
  .lh-md-53--force {
    line-height: 53px !important;
  }
  .lh-md-54 {
    line-height: 54px;
  }
  .lh-md-54--force {
    line-height: 54px !important;
  }
  .lh-md-55 {
    line-height: 55px;
  }
  .lh-md-55--force {
    line-height: 55px !important;
  }
  .lh-md-56 {
    line-height: 56px;
  }
  .lh-md-56--force {
    line-height: 56px !important;
  }
  .lh-md-57 {
    line-height: 57px;
  }
  .lh-md-57--force {
    line-height: 57px !important;
  }
  .lh-md-58 {
    line-height: 58px;
  }
  .lh-md-58--force {
    line-height: 58px !important;
  }
  .lh-md-59 {
    line-height: 59px;
  }
  .lh-md-59--force {
    line-height: 59px !important;
  }
  .lh-md-60 {
    line-height: 60px;
  }
  .lh-md-60--force {
    line-height: 60px !important;
  }
  .lh-md-61 {
    line-height: 61px;
  }
  .lh-md-61--force {
    line-height: 61px !important;
  }
  .lh-md-62 {
    line-height: 62px;
  }
  .lh-md-62--force {
    line-height: 62px !important;
  }
  .lh-md-63 {
    line-height: 63px;
  }
  .lh-md-63--force {
    line-height: 63px !important;
  }
  .lh-md-64 {
    line-height: 64px;
  }
  .lh-md-64--force {
    line-height: 64px !important;
  }
  .lh-md-65 {
    line-height: 65px;
  }
  .lh-md-65--force {
    line-height: 65px !important;
  }
  .lh-md-66 {
    line-height: 66px;
  }
  .lh-md-66--force {
    line-height: 66px !important;
  }
  .lh-md-67 {
    line-height: 67px;
  }
  .lh-md-67--force {
    line-height: 67px !important;
  }
  .lh-md-68 {
    line-height: 68px;
  }
  .lh-md-68--force {
    line-height: 68px !important;
  }
  .lh-md-69 {
    line-height: 69px;
  }
  .lh-md-69--force {
    line-height: 69px !important;
  }
  .lh-md-70 {
    line-height: 70px;
  }
  .lh-md-70--force {
    line-height: 70px !important;
  }
  .lh-md-71 {
    line-height: 71px;
  }
  .lh-md-71--force {
    line-height: 71px !important;
  }
  .lh-md-72 {
    line-height: 72px;
  }
  .lh-md-72--force {
    line-height: 72px !important;
  }
  .lh-md-73 {
    line-height: 73px;
  }
  .lh-md-73--force {
    line-height: 73px !important;
  }
  .lh-md-74 {
    line-height: 74px;
  }
  .lh-md-74--force {
    line-height: 74px !important;
  }
  .lh-md-75 {
    line-height: 75px;
  }
  .lh-md-75--force {
    line-height: 75px !important;
  }
  .lh-md-76 {
    line-height: 76px;
  }
  .lh-md-76--force {
    line-height: 76px !important;
  }
  .lh-md-77 {
    line-height: 77px;
  }
  .lh-md-77--force {
    line-height: 77px !important;
  }
  .lh-md-78 {
    line-height: 78px;
  }
  .lh-md-78--force {
    line-height: 78px !important;
  }
  .lh-md-79 {
    line-height: 79px;
  }
  .lh-md-79--force {
    line-height: 79px !important;
  }
  .lh-md-80 {
    line-height: 80px;
  }
  .lh-md-80--force {
    line-height: 80px !important;
  }
  .lh-md-81 {
    line-height: 81px;
  }
  .lh-md-81--force {
    line-height: 81px !important;
  }
  .lh-md-82 {
    line-height: 82px;
  }
  .lh-md-82--force {
    line-height: 82px !important;
  }
  .lh-md-83 {
    line-height: 83px;
  }
  .lh-md-83--force {
    line-height: 83px !important;
  }
  .lh-md-84 {
    line-height: 84px;
  }
  .lh-md-84--force {
    line-height: 84px !important;
  }
  .lh-md-85 {
    line-height: 85px;
  }
  .lh-md-85--force {
    line-height: 85px !important;
  }
  .lh-md-86 {
    line-height: 86px;
  }
  .lh-md-86--force {
    line-height: 86px !important;
  }
  .lh-md-87 {
    line-height: 87px;
  }
  .lh-md-87--force {
    line-height: 87px !important;
  }
  .lh-md-88 {
    line-height: 88px;
  }
  .lh-md-88--force {
    line-height: 88px !important;
  }
  .lh-md-89 {
    line-height: 89px;
  }
  .lh-md-89--force {
    line-height: 89px !important;
  }
  .lh-md-90 {
    line-height: 90px;
  }
  .lh-md-90--force {
    line-height: 90px !important;
  }
  .lh-md-91 {
    line-height: 91px;
  }
  .lh-md-91--force {
    line-height: 91px !important;
  }
  .lh-md-92 {
    line-height: 92px;
  }
  .lh-md-92--force {
    line-height: 92px !important;
  }
  .lh-md-93 {
    line-height: 93px;
  }
  .lh-md-93--force {
    line-height: 93px !important;
  }
  .lh-md-94 {
    line-height: 94px;
  }
  .lh-md-94--force {
    line-height: 94px !important;
  }
  .lh-md-95 {
    line-height: 95px;
  }
  .lh-md-95--force {
    line-height: 95px !important;
  }
  .lh-md-96 {
    line-height: 96px;
  }
  .lh-md-96--force {
    line-height: 96px !important;
  }
  .lh-md-97 {
    line-height: 97px;
  }
  .lh-md-97--force {
    line-height: 97px !important;
  }
  .lh-md-98 {
    line-height: 98px;
  }
  .lh-md-98--force {
    line-height: 98px !important;
  }
  .lh-md-99 {
    line-height: 99px;
  }
  .lh-md-99--force {
    line-height: 99px !important;
  }
  .lh-md-100 {
    line-height: 100px;
  }
  .lh-md-100--force {
    line-height: 100px !important;
  }
}
@media screen and (min-width: 1280px) {
  .lh-lg-0 {
    line-height: 0px;
  }
  .lh-lg-0--force {
    line-height: 0px !important;
  }
  .lh-lg-1 {
    line-height: 1px;
  }
  .lh-lg-1--force {
    line-height: 1px !important;
  }
  .lh-lg-2 {
    line-height: 2px;
  }
  .lh-lg-2--force {
    line-height: 2px !important;
  }
  .lh-lg-3 {
    line-height: 3px;
  }
  .lh-lg-3--force {
    line-height: 3px !important;
  }
  .lh-lg-4 {
    line-height: 4px;
  }
  .lh-lg-4--force {
    line-height: 4px !important;
  }
  .lh-lg-5 {
    line-height: 5px;
  }
  .lh-lg-5--force {
    line-height: 5px !important;
  }
  .lh-lg-6 {
    line-height: 6px;
  }
  .lh-lg-6--force {
    line-height: 6px !important;
  }
  .lh-lg-7 {
    line-height: 7px;
  }
  .lh-lg-7--force {
    line-height: 7px !important;
  }
  .lh-lg-8 {
    line-height: 8px;
  }
  .lh-lg-8--force {
    line-height: 8px !important;
  }
  .lh-lg-9 {
    line-height: 9px;
  }
  .lh-lg-9--force {
    line-height: 9px !important;
  }
  .lh-lg-10 {
    line-height: 10px;
  }
  .lh-lg-10--force {
    line-height: 10px !important;
  }
  .lh-lg-11 {
    line-height: 11px;
  }
  .lh-lg-11--force {
    line-height: 11px !important;
  }
  .lh-lg-12 {
    line-height: 12px;
  }
  .lh-lg-12--force {
    line-height: 12px !important;
  }
  .lh-lg-13 {
    line-height: 13px;
  }
  .lh-lg-13--force {
    line-height: 13px !important;
  }
  .lh-lg-14 {
    line-height: 14px;
  }
  .lh-lg-14--force {
    line-height: 14px !important;
  }
  .lh-lg-15 {
    line-height: 15px;
  }
  .lh-lg-15--force {
    line-height: 15px !important;
  }
  .lh-lg-16 {
    line-height: 16px;
  }
  .lh-lg-16--force {
    line-height: 16px !important;
  }
  .lh-lg-17 {
    line-height: 17px;
  }
  .lh-lg-17--force {
    line-height: 17px !important;
  }
  .lh-lg-18 {
    line-height: 18px;
  }
  .lh-lg-18--force {
    line-height: 18px !important;
  }
  .lh-lg-19 {
    line-height: 19px;
  }
  .lh-lg-19--force {
    line-height: 19px !important;
  }
  .lh-lg-20 {
    line-height: 20px;
  }
  .lh-lg-20--force {
    line-height: 20px !important;
  }
  .lh-lg-21 {
    line-height: 21px;
  }
  .lh-lg-21--force {
    line-height: 21px !important;
  }
  .lh-lg-22 {
    line-height: 22px;
  }
  .lh-lg-22--force {
    line-height: 22px !important;
  }
  .lh-lg-23 {
    line-height: 23px;
  }
  .lh-lg-23--force {
    line-height: 23px !important;
  }
  .lh-lg-24 {
    line-height: 24px;
  }
  .lh-lg-24--force {
    line-height: 24px !important;
  }
  .lh-lg-25 {
    line-height: 25px;
  }
  .lh-lg-25--force {
    line-height: 25px !important;
  }
  .lh-lg-26 {
    line-height: 26px;
  }
  .lh-lg-26--force {
    line-height: 26px !important;
  }
  .lh-lg-27 {
    line-height: 27px;
  }
  .lh-lg-27--force {
    line-height: 27px !important;
  }
  .lh-lg-28 {
    line-height: 28px;
  }
  .lh-lg-28--force {
    line-height: 28px !important;
  }
  .lh-lg-29 {
    line-height: 29px;
  }
  .lh-lg-29--force {
    line-height: 29px !important;
  }
  .lh-lg-30 {
    line-height: 30px;
  }
  .lh-lg-30--force {
    line-height: 30px !important;
  }
  .lh-lg-31 {
    line-height: 31px;
  }
  .lh-lg-31--force {
    line-height: 31px !important;
  }
  .lh-lg-32 {
    line-height: 32px;
  }
  .lh-lg-32--force {
    line-height: 32px !important;
  }
  .lh-lg-33 {
    line-height: 33px;
  }
  .lh-lg-33--force {
    line-height: 33px !important;
  }
  .lh-lg-34 {
    line-height: 34px;
  }
  .lh-lg-34--force {
    line-height: 34px !important;
  }
  .lh-lg-35 {
    line-height: 35px;
  }
  .lh-lg-35--force {
    line-height: 35px !important;
  }
  .lh-lg-36 {
    line-height: 36px;
  }
  .lh-lg-36--force {
    line-height: 36px !important;
  }
  .lh-lg-37 {
    line-height: 37px;
  }
  .lh-lg-37--force {
    line-height: 37px !important;
  }
  .lh-lg-38 {
    line-height: 38px;
  }
  .lh-lg-38--force {
    line-height: 38px !important;
  }
  .lh-lg-39 {
    line-height: 39px;
  }
  .lh-lg-39--force {
    line-height: 39px !important;
  }
  .lh-lg-40 {
    line-height: 40px;
  }
  .lh-lg-40--force {
    line-height: 40px !important;
  }
  .lh-lg-41 {
    line-height: 41px;
  }
  .lh-lg-41--force {
    line-height: 41px !important;
  }
  .lh-lg-42 {
    line-height: 42px;
  }
  .lh-lg-42--force {
    line-height: 42px !important;
  }
  .lh-lg-43 {
    line-height: 43px;
  }
  .lh-lg-43--force {
    line-height: 43px !important;
  }
  .lh-lg-44 {
    line-height: 44px;
  }
  .lh-lg-44--force {
    line-height: 44px !important;
  }
  .lh-lg-45 {
    line-height: 45px;
  }
  .lh-lg-45--force {
    line-height: 45px !important;
  }
  .lh-lg-46 {
    line-height: 46px;
  }
  .lh-lg-46--force {
    line-height: 46px !important;
  }
  .lh-lg-47 {
    line-height: 47px;
  }
  .lh-lg-47--force {
    line-height: 47px !important;
  }
  .lh-lg-48 {
    line-height: 48px;
  }
  .lh-lg-48--force {
    line-height: 48px !important;
  }
  .lh-lg-49 {
    line-height: 49px;
  }
  .lh-lg-49--force {
    line-height: 49px !important;
  }
  .lh-lg-50 {
    line-height: 50px;
  }
  .lh-lg-50--force {
    line-height: 50px !important;
  }
  .lh-lg-51 {
    line-height: 51px;
  }
  .lh-lg-51--force {
    line-height: 51px !important;
  }
  .lh-lg-52 {
    line-height: 52px;
  }
  .lh-lg-52--force {
    line-height: 52px !important;
  }
  .lh-lg-53 {
    line-height: 53px;
  }
  .lh-lg-53--force {
    line-height: 53px !important;
  }
  .lh-lg-54 {
    line-height: 54px;
  }
  .lh-lg-54--force {
    line-height: 54px !important;
  }
  .lh-lg-55 {
    line-height: 55px;
  }
  .lh-lg-55--force {
    line-height: 55px !important;
  }
  .lh-lg-56 {
    line-height: 56px;
  }
  .lh-lg-56--force {
    line-height: 56px !important;
  }
  .lh-lg-57 {
    line-height: 57px;
  }
  .lh-lg-57--force {
    line-height: 57px !important;
  }
  .lh-lg-58 {
    line-height: 58px;
  }
  .lh-lg-58--force {
    line-height: 58px !important;
  }
  .lh-lg-59 {
    line-height: 59px;
  }
  .lh-lg-59--force {
    line-height: 59px !important;
  }
  .lh-lg-60 {
    line-height: 60px;
  }
  .lh-lg-60--force {
    line-height: 60px !important;
  }
  .lh-lg-61 {
    line-height: 61px;
  }
  .lh-lg-61--force {
    line-height: 61px !important;
  }
  .lh-lg-62 {
    line-height: 62px;
  }
  .lh-lg-62--force {
    line-height: 62px !important;
  }
  .lh-lg-63 {
    line-height: 63px;
  }
  .lh-lg-63--force {
    line-height: 63px !important;
  }
  .lh-lg-64 {
    line-height: 64px;
  }
  .lh-lg-64--force {
    line-height: 64px !important;
  }
  .lh-lg-65 {
    line-height: 65px;
  }
  .lh-lg-65--force {
    line-height: 65px !important;
  }
  .lh-lg-66 {
    line-height: 66px;
  }
  .lh-lg-66--force {
    line-height: 66px !important;
  }
  .lh-lg-67 {
    line-height: 67px;
  }
  .lh-lg-67--force {
    line-height: 67px !important;
  }
  .lh-lg-68 {
    line-height: 68px;
  }
  .lh-lg-68--force {
    line-height: 68px !important;
  }
  .lh-lg-69 {
    line-height: 69px;
  }
  .lh-lg-69--force {
    line-height: 69px !important;
  }
  .lh-lg-70 {
    line-height: 70px;
  }
  .lh-lg-70--force {
    line-height: 70px !important;
  }
  .lh-lg-71 {
    line-height: 71px;
  }
  .lh-lg-71--force {
    line-height: 71px !important;
  }
  .lh-lg-72 {
    line-height: 72px;
  }
  .lh-lg-72--force {
    line-height: 72px !important;
  }
  .lh-lg-73 {
    line-height: 73px;
  }
  .lh-lg-73--force {
    line-height: 73px !important;
  }
  .lh-lg-74 {
    line-height: 74px;
  }
  .lh-lg-74--force {
    line-height: 74px !important;
  }
  .lh-lg-75 {
    line-height: 75px;
  }
  .lh-lg-75--force {
    line-height: 75px !important;
  }
  .lh-lg-76 {
    line-height: 76px;
  }
  .lh-lg-76--force {
    line-height: 76px !important;
  }
  .lh-lg-77 {
    line-height: 77px;
  }
  .lh-lg-77--force {
    line-height: 77px !important;
  }
  .lh-lg-78 {
    line-height: 78px;
  }
  .lh-lg-78--force {
    line-height: 78px !important;
  }
  .lh-lg-79 {
    line-height: 79px;
  }
  .lh-lg-79--force {
    line-height: 79px !important;
  }
  .lh-lg-80 {
    line-height: 80px;
  }
  .lh-lg-80--force {
    line-height: 80px !important;
  }
  .lh-lg-81 {
    line-height: 81px;
  }
  .lh-lg-81--force {
    line-height: 81px !important;
  }
  .lh-lg-82 {
    line-height: 82px;
  }
  .lh-lg-82--force {
    line-height: 82px !important;
  }
  .lh-lg-83 {
    line-height: 83px;
  }
  .lh-lg-83--force {
    line-height: 83px !important;
  }
  .lh-lg-84 {
    line-height: 84px;
  }
  .lh-lg-84--force {
    line-height: 84px !important;
  }
  .lh-lg-85 {
    line-height: 85px;
  }
  .lh-lg-85--force {
    line-height: 85px !important;
  }
  .lh-lg-86 {
    line-height: 86px;
  }
  .lh-lg-86--force {
    line-height: 86px !important;
  }
  .lh-lg-87 {
    line-height: 87px;
  }
  .lh-lg-87--force {
    line-height: 87px !important;
  }
  .lh-lg-88 {
    line-height: 88px;
  }
  .lh-lg-88--force {
    line-height: 88px !important;
  }
  .lh-lg-89 {
    line-height: 89px;
  }
  .lh-lg-89--force {
    line-height: 89px !important;
  }
  .lh-lg-90 {
    line-height: 90px;
  }
  .lh-lg-90--force {
    line-height: 90px !important;
  }
  .lh-lg-91 {
    line-height: 91px;
  }
  .lh-lg-91--force {
    line-height: 91px !important;
  }
  .lh-lg-92 {
    line-height: 92px;
  }
  .lh-lg-92--force {
    line-height: 92px !important;
  }
  .lh-lg-93 {
    line-height: 93px;
  }
  .lh-lg-93--force {
    line-height: 93px !important;
  }
  .lh-lg-94 {
    line-height: 94px;
  }
  .lh-lg-94--force {
    line-height: 94px !important;
  }
  .lh-lg-95 {
    line-height: 95px;
  }
  .lh-lg-95--force {
    line-height: 95px !important;
  }
  .lh-lg-96 {
    line-height: 96px;
  }
  .lh-lg-96--force {
    line-height: 96px !important;
  }
  .lh-lg-97 {
    line-height: 97px;
  }
  .lh-lg-97--force {
    line-height: 97px !important;
  }
  .lh-lg-98 {
    line-height: 98px;
  }
  .lh-lg-98--force {
    line-height: 98px !important;
  }
  .lh-lg-99 {
    line-height: 99px;
  }
  .lh-lg-99--force {
    line-height: 99px !important;
  }
  .lh-lg-100 {
    line-height: 100px;
  }
  .lh-lg-100--force {
    line-height: 100px !important;
  }
}
@media screen and (min-width: 1536px) {
  .lh-xl-0 {
    line-height: 0px;
  }
  .lh-xl-0--force {
    line-height: 0px !important;
  }
  .lh-xl-1 {
    line-height: 1px;
  }
  .lh-xl-1--force {
    line-height: 1px !important;
  }
  .lh-xl-2 {
    line-height: 2px;
  }
  .lh-xl-2--force {
    line-height: 2px !important;
  }
  .lh-xl-3 {
    line-height: 3px;
  }
  .lh-xl-3--force {
    line-height: 3px !important;
  }
  .lh-xl-4 {
    line-height: 4px;
  }
  .lh-xl-4--force {
    line-height: 4px !important;
  }
  .lh-xl-5 {
    line-height: 5px;
  }
  .lh-xl-5--force {
    line-height: 5px !important;
  }
  .lh-xl-6 {
    line-height: 6px;
  }
  .lh-xl-6--force {
    line-height: 6px !important;
  }
  .lh-xl-7 {
    line-height: 7px;
  }
  .lh-xl-7--force {
    line-height: 7px !important;
  }
  .lh-xl-8 {
    line-height: 8px;
  }
  .lh-xl-8--force {
    line-height: 8px !important;
  }
  .lh-xl-9 {
    line-height: 9px;
  }
  .lh-xl-9--force {
    line-height: 9px !important;
  }
  .lh-xl-10 {
    line-height: 10px;
  }
  .lh-xl-10--force {
    line-height: 10px !important;
  }
  .lh-xl-11 {
    line-height: 11px;
  }
  .lh-xl-11--force {
    line-height: 11px !important;
  }
  .lh-xl-12 {
    line-height: 12px;
  }
  .lh-xl-12--force {
    line-height: 12px !important;
  }
  .lh-xl-13 {
    line-height: 13px;
  }
  .lh-xl-13--force {
    line-height: 13px !important;
  }
  .lh-xl-14 {
    line-height: 14px;
  }
  .lh-xl-14--force {
    line-height: 14px !important;
  }
  .lh-xl-15 {
    line-height: 15px;
  }
  .lh-xl-15--force {
    line-height: 15px !important;
  }
  .lh-xl-16 {
    line-height: 16px;
  }
  .lh-xl-16--force {
    line-height: 16px !important;
  }
  .lh-xl-17 {
    line-height: 17px;
  }
  .lh-xl-17--force {
    line-height: 17px !important;
  }
  .lh-xl-18 {
    line-height: 18px;
  }
  .lh-xl-18--force {
    line-height: 18px !important;
  }
  .lh-xl-19 {
    line-height: 19px;
  }
  .lh-xl-19--force {
    line-height: 19px !important;
  }
  .lh-xl-20 {
    line-height: 20px;
  }
  .lh-xl-20--force {
    line-height: 20px !important;
  }
  .lh-xl-21 {
    line-height: 21px;
  }
  .lh-xl-21--force {
    line-height: 21px !important;
  }
  .lh-xl-22 {
    line-height: 22px;
  }
  .lh-xl-22--force {
    line-height: 22px !important;
  }
  .lh-xl-23 {
    line-height: 23px;
  }
  .lh-xl-23--force {
    line-height: 23px !important;
  }
  .lh-xl-24 {
    line-height: 24px;
  }
  .lh-xl-24--force {
    line-height: 24px !important;
  }
  .lh-xl-25 {
    line-height: 25px;
  }
  .lh-xl-25--force {
    line-height: 25px !important;
  }
  .lh-xl-26 {
    line-height: 26px;
  }
  .lh-xl-26--force {
    line-height: 26px !important;
  }
  .lh-xl-27 {
    line-height: 27px;
  }
  .lh-xl-27--force {
    line-height: 27px !important;
  }
  .lh-xl-28 {
    line-height: 28px;
  }
  .lh-xl-28--force {
    line-height: 28px !important;
  }
  .lh-xl-29 {
    line-height: 29px;
  }
  .lh-xl-29--force {
    line-height: 29px !important;
  }
  .lh-xl-30 {
    line-height: 30px;
  }
  .lh-xl-30--force {
    line-height: 30px !important;
  }
  .lh-xl-31 {
    line-height: 31px;
  }
  .lh-xl-31--force {
    line-height: 31px !important;
  }
  .lh-xl-32 {
    line-height: 32px;
  }
  .lh-xl-32--force {
    line-height: 32px !important;
  }
  .lh-xl-33 {
    line-height: 33px;
  }
  .lh-xl-33--force {
    line-height: 33px !important;
  }
  .lh-xl-34 {
    line-height: 34px;
  }
  .lh-xl-34--force {
    line-height: 34px !important;
  }
  .lh-xl-35 {
    line-height: 35px;
  }
  .lh-xl-35--force {
    line-height: 35px !important;
  }
  .lh-xl-36 {
    line-height: 36px;
  }
  .lh-xl-36--force {
    line-height: 36px !important;
  }
  .lh-xl-37 {
    line-height: 37px;
  }
  .lh-xl-37--force {
    line-height: 37px !important;
  }
  .lh-xl-38 {
    line-height: 38px;
  }
  .lh-xl-38--force {
    line-height: 38px !important;
  }
  .lh-xl-39 {
    line-height: 39px;
  }
  .lh-xl-39--force {
    line-height: 39px !important;
  }
  .lh-xl-40 {
    line-height: 40px;
  }
  .lh-xl-40--force {
    line-height: 40px !important;
  }
  .lh-xl-41 {
    line-height: 41px;
  }
  .lh-xl-41--force {
    line-height: 41px !important;
  }
  .lh-xl-42 {
    line-height: 42px;
  }
  .lh-xl-42--force {
    line-height: 42px !important;
  }
  .lh-xl-43 {
    line-height: 43px;
  }
  .lh-xl-43--force {
    line-height: 43px !important;
  }
  .lh-xl-44 {
    line-height: 44px;
  }
  .lh-xl-44--force {
    line-height: 44px !important;
  }
  .lh-xl-45 {
    line-height: 45px;
  }
  .lh-xl-45--force {
    line-height: 45px !important;
  }
  .lh-xl-46 {
    line-height: 46px;
  }
  .lh-xl-46--force {
    line-height: 46px !important;
  }
  .lh-xl-47 {
    line-height: 47px;
  }
  .lh-xl-47--force {
    line-height: 47px !important;
  }
  .lh-xl-48 {
    line-height: 48px;
  }
  .lh-xl-48--force {
    line-height: 48px !important;
  }
  .lh-xl-49 {
    line-height: 49px;
  }
  .lh-xl-49--force {
    line-height: 49px !important;
  }
  .lh-xl-50 {
    line-height: 50px;
  }
  .lh-xl-50--force {
    line-height: 50px !important;
  }
  .lh-xl-51 {
    line-height: 51px;
  }
  .lh-xl-51--force {
    line-height: 51px !important;
  }
  .lh-xl-52 {
    line-height: 52px;
  }
  .lh-xl-52--force {
    line-height: 52px !important;
  }
  .lh-xl-53 {
    line-height: 53px;
  }
  .lh-xl-53--force {
    line-height: 53px !important;
  }
  .lh-xl-54 {
    line-height: 54px;
  }
  .lh-xl-54--force {
    line-height: 54px !important;
  }
  .lh-xl-55 {
    line-height: 55px;
  }
  .lh-xl-55--force {
    line-height: 55px !important;
  }
  .lh-xl-56 {
    line-height: 56px;
  }
  .lh-xl-56--force {
    line-height: 56px !important;
  }
  .lh-xl-57 {
    line-height: 57px;
  }
  .lh-xl-57--force {
    line-height: 57px !important;
  }
  .lh-xl-58 {
    line-height: 58px;
  }
  .lh-xl-58--force {
    line-height: 58px !important;
  }
  .lh-xl-59 {
    line-height: 59px;
  }
  .lh-xl-59--force {
    line-height: 59px !important;
  }
  .lh-xl-60 {
    line-height: 60px;
  }
  .lh-xl-60--force {
    line-height: 60px !important;
  }
  .lh-xl-61 {
    line-height: 61px;
  }
  .lh-xl-61--force {
    line-height: 61px !important;
  }
  .lh-xl-62 {
    line-height: 62px;
  }
  .lh-xl-62--force {
    line-height: 62px !important;
  }
  .lh-xl-63 {
    line-height: 63px;
  }
  .lh-xl-63--force {
    line-height: 63px !important;
  }
  .lh-xl-64 {
    line-height: 64px;
  }
  .lh-xl-64--force {
    line-height: 64px !important;
  }
  .lh-xl-65 {
    line-height: 65px;
  }
  .lh-xl-65--force {
    line-height: 65px !important;
  }
  .lh-xl-66 {
    line-height: 66px;
  }
  .lh-xl-66--force {
    line-height: 66px !important;
  }
  .lh-xl-67 {
    line-height: 67px;
  }
  .lh-xl-67--force {
    line-height: 67px !important;
  }
  .lh-xl-68 {
    line-height: 68px;
  }
  .lh-xl-68--force {
    line-height: 68px !important;
  }
  .lh-xl-69 {
    line-height: 69px;
  }
  .lh-xl-69--force {
    line-height: 69px !important;
  }
  .lh-xl-70 {
    line-height: 70px;
  }
  .lh-xl-70--force {
    line-height: 70px !important;
  }
  .lh-xl-71 {
    line-height: 71px;
  }
  .lh-xl-71--force {
    line-height: 71px !important;
  }
  .lh-xl-72 {
    line-height: 72px;
  }
  .lh-xl-72--force {
    line-height: 72px !important;
  }
  .lh-xl-73 {
    line-height: 73px;
  }
  .lh-xl-73--force {
    line-height: 73px !important;
  }
  .lh-xl-74 {
    line-height: 74px;
  }
  .lh-xl-74--force {
    line-height: 74px !important;
  }
  .lh-xl-75 {
    line-height: 75px;
  }
  .lh-xl-75--force {
    line-height: 75px !important;
  }
  .lh-xl-76 {
    line-height: 76px;
  }
  .lh-xl-76--force {
    line-height: 76px !important;
  }
  .lh-xl-77 {
    line-height: 77px;
  }
  .lh-xl-77--force {
    line-height: 77px !important;
  }
  .lh-xl-78 {
    line-height: 78px;
  }
  .lh-xl-78--force {
    line-height: 78px !important;
  }
  .lh-xl-79 {
    line-height: 79px;
  }
  .lh-xl-79--force {
    line-height: 79px !important;
  }
  .lh-xl-80 {
    line-height: 80px;
  }
  .lh-xl-80--force {
    line-height: 80px !important;
  }
  .lh-xl-81 {
    line-height: 81px;
  }
  .lh-xl-81--force {
    line-height: 81px !important;
  }
  .lh-xl-82 {
    line-height: 82px;
  }
  .lh-xl-82--force {
    line-height: 82px !important;
  }
  .lh-xl-83 {
    line-height: 83px;
  }
  .lh-xl-83--force {
    line-height: 83px !important;
  }
  .lh-xl-84 {
    line-height: 84px;
  }
  .lh-xl-84--force {
    line-height: 84px !important;
  }
  .lh-xl-85 {
    line-height: 85px;
  }
  .lh-xl-85--force {
    line-height: 85px !important;
  }
  .lh-xl-86 {
    line-height: 86px;
  }
  .lh-xl-86--force {
    line-height: 86px !important;
  }
  .lh-xl-87 {
    line-height: 87px;
  }
  .lh-xl-87--force {
    line-height: 87px !important;
  }
  .lh-xl-88 {
    line-height: 88px;
  }
  .lh-xl-88--force {
    line-height: 88px !important;
  }
  .lh-xl-89 {
    line-height: 89px;
  }
  .lh-xl-89--force {
    line-height: 89px !important;
  }
  .lh-xl-90 {
    line-height: 90px;
  }
  .lh-xl-90--force {
    line-height: 90px !important;
  }
  .lh-xl-91 {
    line-height: 91px;
  }
  .lh-xl-91--force {
    line-height: 91px !important;
  }
  .lh-xl-92 {
    line-height: 92px;
  }
  .lh-xl-92--force {
    line-height: 92px !important;
  }
  .lh-xl-93 {
    line-height: 93px;
  }
  .lh-xl-93--force {
    line-height: 93px !important;
  }
  .lh-xl-94 {
    line-height: 94px;
  }
  .lh-xl-94--force {
    line-height: 94px !important;
  }
  .lh-xl-95 {
    line-height: 95px;
  }
  .lh-xl-95--force {
    line-height: 95px !important;
  }
  .lh-xl-96 {
    line-height: 96px;
  }
  .lh-xl-96--force {
    line-height: 96px !important;
  }
  .lh-xl-97 {
    line-height: 97px;
  }
  .lh-xl-97--force {
    line-height: 97px !important;
  }
  .lh-xl-98 {
    line-height: 98px;
  }
  .lh-xl-98--force {
    line-height: 98px !important;
  }
  .lh-xl-99 {
    line-height: 99px;
  }
  .lh-xl-99--force {
    line-height: 99px !important;
  }
  .lh-xl-100 {
    line-height: 100px;
  }
  .lh-xl-100--force {
    line-height: 100px !important;
  }
}
.text-display-hero {
  font-size: var(--matcha-text-display-hero, 36px);
  font-weight: var(--matcha-weight-extrabold, 800);
  line-height: var(--matcha-leading-display-hero, 40px);
  letter-spacing: var(--matcha-tracking-display-hero, -1.2px);
}

.text-display-hero--force {
  font-size: var(--matcha-text-display-hero, 36px) !important;
  font-weight: var(--matcha-weight-extrabold, 800) !important;
  line-height: var(--matcha-leading-display-hero, 40px) !important;
  letter-spacing: var(--matcha-tracking-display-hero, -1.2px) !important;
}

.text-display {
  font-size: var(--matcha-text-display, 32px);
  font-weight: var(--matcha-weight-bold, 700);
  line-height: var(--matcha-leading-display, 40px);
  letter-spacing: var(--matcha-tracking-display, -0.3px);
}

.text-display--force {
  font-size: var(--matcha-text-display, 32px) !important;
  font-weight: var(--matcha-weight-bold, 700) !important;
  line-height: var(--matcha-leading-display, 40px) !important;
  letter-spacing: var(--matcha-tracking-display, -0.3px) !important;
}

.text-headline {
  font-size: var(--matcha-text-headline, 24px);
  font-weight: var(--matcha-weight-bold, 700);
  line-height: var(--matcha-leading-headline, 32px);
  letter-spacing: var(--matcha-tracking-headline, -0.3px);
}

.text-headline--force {
  font-size: var(--matcha-text-headline, 24px) !important;
  font-weight: var(--matcha-weight-bold, 700) !important;
  line-height: var(--matcha-leading-headline, 32px) !important;
  letter-spacing: var(--matcha-tracking-headline, -0.3px) !important;
}

.text-title-lg {
  font-size: var(--matcha-text-title-lg, 20px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-title-lg, 28px);
}

.text-title-lg--force {
  font-size: var(--matcha-text-title-lg, 20px) !important;
  font-weight: var(--matcha-weight-semibold, 600) !important;
  line-height: var(--matcha-leading-title-lg, 28px) !important;
}

.text-title-md {
  font-size: var(--matcha-text-title-md, 18px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-title-md, 24px);
}

.text-title-md--force {
  font-size: var(--matcha-text-title-md, 18px) !important;
  font-weight: var(--matcha-weight-semibold, 600) !important;
  line-height: var(--matcha-leading-title-md, 24px) !important;
}

.text-title-sm {
  font-size: var(--matcha-text-title-sm, 16px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-title-sm, 22px);
}

.text-title-sm--force {
  font-size: var(--matcha-text-title-sm, 16px) !important;
  font-weight: var(--matcha-weight-semibold, 600) !important;
  line-height: var(--matcha-leading-title-sm, 22px) !important;
}

.text-title-xs {
  font-size: var(--matcha-text-title-xs, 14px);
  font-weight: var(--matcha-weight-extrabold, 800);
  line-height: var(--matcha-leading-title-xs, 20px);
}

.text-title-xs--force {
  font-size: var(--matcha-text-title-xs, 14px) !important;
  font-weight: var(--matcha-weight-extrabold, 800) !important;
  line-height: var(--matcha-leading-title-xs, 20px) !important;
}

.text-body-lg {
  font-size: var(--matcha-text-body-lg, 16px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-lg, 24px);
}

.text-body-lg--force {
  font-size: var(--matcha-text-body-lg, 16px) !important;
  font-weight: var(--matcha-weight-regular, 400) !important;
  line-height: var(--matcha-leading-body-lg, 24px) !important;
}

.text-body-md {
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-md, 20px);
}

.text-body-md--force {
  font-size: var(--matcha-text-body-md, 14px) !important;
  font-weight: var(--matcha-weight-regular, 400) !important;
  line-height: var(--matcha-leading-body-md, 20px) !important;
}

.text-body-sm {
  font-size: var(--matcha-text-body-sm, 12px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-sm, 16px);
}

.text-body-sm--force {
  font-size: var(--matcha-text-body-sm, 12px) !important;
  font-weight: var(--matcha-weight-regular, 400) !important;
  line-height: var(--matcha-leading-body-sm, 16px) !important;
}

.text-p-tiny {
  font-size: var(--matcha-text-p-tiny, 11px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-p-tiny, 14px);
  letter-spacing: var(--matcha-tracking-p-tiny, 0.3px);
}

.text-p-tiny--force {
  font-size: var(--matcha-text-p-tiny, 11px) !important;
  font-weight: var(--matcha-weight-regular, 400) !important;
  line-height: var(--matcha-leading-p-tiny, 14px) !important;
  letter-spacing: var(--matcha-tracking-p-tiny, 0.3px) !important;
}

.text-label-lg {
  font-size: var(--matcha-text-label-lg, 16px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-label-lg, 22px);
}

.text-label-lg--force {
  font-size: var(--matcha-text-label-lg, 16px) !important;
  font-weight: var(--matcha-weight-medium, 500) !important;
  line-height: var(--matcha-leading-label-lg, 22px) !important;
}

.text-label-md {
  font-size: var(--matcha-text-label-md, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-label-md, 20px);
}

.text-label-md--force {
  font-size: var(--matcha-text-label-md, 14px) !important;
  font-weight: var(--matcha-weight-medium, 500) !important;
  line-height: var(--matcha-leading-label-md, 20px) !important;
}

.text-label-sm {
  font-size: var(--matcha-text-label-sm, 12px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-label-sm, 16px);
}

.text-label-sm--force {
  font-size: var(--matcha-text-label-sm, 12px) !important;
  font-weight: var(--matcha-weight-medium, 500) !important;
  line-height: var(--matcha-leading-label-sm, 16px) !important;
}

.text-overline {
  font-size: var(--matcha-text-overline, 10px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-overline, 14px);
  letter-spacing: var(--matcha-tracking-overline, 1px);
  text-transform: uppercase;
}

.text-overline--force {
  font-size: var(--matcha-text-overline, 10px) !important;
  font-weight: var(--matcha-weight-semibold, 600) !important;
  line-height: var(--matcha-leading-overline, 14px) !important;
  letter-spacing: var(--matcha-tracking-overline, 1px) !important;
  text-transform: uppercase !important;
}

@media screen and (max-width: 639px) {
  .text-xs-display-hero {
    font-size: var(--matcha-text-display-hero, 36px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-display-hero, 40px);
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px);
  }
  .text-xs-display-hero--force {
    font-size: var(--matcha-text-display-hero, 36px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-display-hero, 40px) !important;
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px) !important;
  }
  .text-xs-display {
    font-size: var(--matcha-text-display, 32px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-display, 40px);
    letter-spacing: var(--matcha-tracking-display, -0.3px);
  }
  .text-xs-display--force {
    font-size: var(--matcha-text-display, 32px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-display, 40px) !important;
    letter-spacing: var(--matcha-tracking-display, -0.3px) !important;
  }
  .text-xs-headline {
    font-size: var(--matcha-text-headline, 24px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-headline, 32px);
    letter-spacing: var(--matcha-tracking-headline, -0.3px);
  }
  .text-xs-headline--force {
    font-size: var(--matcha-text-headline, 24px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-headline, 32px) !important;
    letter-spacing: var(--matcha-tracking-headline, -0.3px) !important;
  }
  .text-xs-title-lg {
    font-size: var(--matcha-text-title-lg, 20px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-lg, 28px);
  }
  .text-xs-title-lg--force {
    font-size: var(--matcha-text-title-lg, 20px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-lg, 28px) !important;
  }
  .text-xs-title-md {
    font-size: var(--matcha-text-title-md, 18px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-md, 24px);
  }
  .text-xs-title-md--force {
    font-size: var(--matcha-text-title-md, 18px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-md, 24px) !important;
  }
  .text-xs-title-sm {
    font-size: var(--matcha-text-title-sm, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-sm, 22px);
  }
  .text-xs-title-sm--force {
    font-size: var(--matcha-text-title-sm, 16px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-sm, 22px) !important;
  }
  .text-xs-title-xs {
    font-size: var(--matcha-text-title-xs, 14px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-title-xs, 20px);
  }
  .text-xs-title-xs--force {
    font-size: var(--matcha-text-title-xs, 14px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-title-xs, 20px) !important;
  }
  .text-xs-body-lg {
    font-size: var(--matcha-text-body-lg, 16px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-lg, 24px);
  }
  .text-xs-body-lg--force {
    font-size: var(--matcha-text-body-lg, 16px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-lg, 24px) !important;
  }
  .text-xs-body-md {
    font-size: var(--matcha-text-body-md, 14px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-md, 20px);
  }
  .text-xs-body-md--force {
    font-size: var(--matcha-text-body-md, 14px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-md, 20px) !important;
  }
  .text-xs-body-sm {
    font-size: var(--matcha-text-body-sm, 12px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-sm, 16px);
  }
  .text-xs-body-sm--force {
    font-size: var(--matcha-text-body-sm, 12px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-sm, 16px) !important;
  }
  .text-xs-p-tiny {
    font-size: var(--matcha-text-p-tiny, 11px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-p-tiny, 14px);
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px);
  }
  .text-xs-p-tiny--force {
    font-size: var(--matcha-text-p-tiny, 11px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-p-tiny, 14px) !important;
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px) !important;
  }
  .text-xs-label-lg {
    font-size: var(--matcha-text-label-lg, 16px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-lg, 22px);
  }
  .text-xs-label-lg--force {
    font-size: var(--matcha-text-label-lg, 16px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-lg, 22px) !important;
  }
  .text-xs-label-md {
    font-size: var(--matcha-text-label-md, 14px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-md, 20px);
  }
  .text-xs-label-md--force {
    font-size: var(--matcha-text-label-md, 14px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-md, 20px) !important;
  }
  .text-xs-label-sm {
    font-size: var(--matcha-text-label-sm, 12px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-sm, 16px);
  }
  .text-xs-label-sm--force {
    font-size: var(--matcha-text-label-sm, 12px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-sm, 16px) !important;
  }
  .text-xs-overline {
    font-size: var(--matcha-text-overline, 10px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-overline, 14px);
    letter-spacing: var(--matcha-tracking-overline, 1px);
    text-transform: uppercase;
  }
  .text-xs-overline--force {
    font-size: var(--matcha-text-overline, 10px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-overline, 14px) !important;
    letter-spacing: var(--matcha-tracking-overline, 1px) !important;
    text-transform: uppercase !important;
  }
}
@media screen and (min-width: 640px) {
  .text-sm-display-hero {
    font-size: var(--matcha-text-display-hero, 36px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-display-hero, 40px);
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px);
  }
  .text-sm-display-hero--force {
    font-size: var(--matcha-text-display-hero, 36px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-display-hero, 40px) !important;
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px) !important;
  }
  .text-sm-display {
    font-size: var(--matcha-text-display, 32px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-display, 40px);
    letter-spacing: var(--matcha-tracking-display, -0.3px);
  }
  .text-sm-display--force {
    font-size: var(--matcha-text-display, 32px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-display, 40px) !important;
    letter-spacing: var(--matcha-tracking-display, -0.3px) !important;
  }
  .text-sm-headline {
    font-size: var(--matcha-text-headline, 24px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-headline, 32px);
    letter-spacing: var(--matcha-tracking-headline, -0.3px);
  }
  .text-sm-headline--force {
    font-size: var(--matcha-text-headline, 24px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-headline, 32px) !important;
    letter-spacing: var(--matcha-tracking-headline, -0.3px) !important;
  }
  .text-sm-title-lg {
    font-size: var(--matcha-text-title-lg, 20px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-lg, 28px);
  }
  .text-sm-title-lg--force {
    font-size: var(--matcha-text-title-lg, 20px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-lg, 28px) !important;
  }
  .text-sm-title-md {
    font-size: var(--matcha-text-title-md, 18px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-md, 24px);
  }
  .text-sm-title-md--force {
    font-size: var(--matcha-text-title-md, 18px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-md, 24px) !important;
  }
  .text-sm-title-sm {
    font-size: var(--matcha-text-title-sm, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-sm, 22px);
  }
  .text-sm-title-sm--force {
    font-size: var(--matcha-text-title-sm, 16px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-sm, 22px) !important;
  }
  .text-sm-title-xs {
    font-size: var(--matcha-text-title-xs, 14px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-title-xs, 20px);
  }
  .text-sm-title-xs--force {
    font-size: var(--matcha-text-title-xs, 14px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-title-xs, 20px) !important;
  }
  .text-sm-body-lg {
    font-size: var(--matcha-text-body-lg, 16px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-lg, 24px);
  }
  .text-sm-body-lg--force {
    font-size: var(--matcha-text-body-lg, 16px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-lg, 24px) !important;
  }
  .text-sm-body-md {
    font-size: var(--matcha-text-body-md, 14px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-md, 20px);
  }
  .text-sm-body-md--force {
    font-size: var(--matcha-text-body-md, 14px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-md, 20px) !important;
  }
  .text-sm-body-sm {
    font-size: var(--matcha-text-body-sm, 12px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-sm, 16px);
  }
  .text-sm-body-sm--force {
    font-size: var(--matcha-text-body-sm, 12px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-sm, 16px) !important;
  }
  .text-sm-p-tiny {
    font-size: var(--matcha-text-p-tiny, 11px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-p-tiny, 14px);
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px);
  }
  .text-sm-p-tiny--force {
    font-size: var(--matcha-text-p-tiny, 11px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-p-tiny, 14px) !important;
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px) !important;
  }
  .text-sm-label-lg {
    font-size: var(--matcha-text-label-lg, 16px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-lg, 22px);
  }
  .text-sm-label-lg--force {
    font-size: var(--matcha-text-label-lg, 16px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-lg, 22px) !important;
  }
  .text-sm-label-md {
    font-size: var(--matcha-text-label-md, 14px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-md, 20px);
  }
  .text-sm-label-md--force {
    font-size: var(--matcha-text-label-md, 14px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-md, 20px) !important;
  }
  .text-sm-label-sm {
    font-size: var(--matcha-text-label-sm, 12px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-sm, 16px);
  }
  .text-sm-label-sm--force {
    font-size: var(--matcha-text-label-sm, 12px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-sm, 16px) !important;
  }
  .text-sm-overline {
    font-size: var(--matcha-text-overline, 10px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-overline, 14px);
    letter-spacing: var(--matcha-tracking-overline, 1px);
    text-transform: uppercase;
  }
  .text-sm-overline--force {
    font-size: var(--matcha-text-overline, 10px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-overline, 14px) !important;
    letter-spacing: var(--matcha-tracking-overline, 1px) !important;
    text-transform: uppercase !important;
  }
}
@media screen and (min-width: 1024px) {
  .text-md-display-hero {
    font-size: var(--matcha-text-display-hero, 36px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-display-hero, 40px);
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px);
  }
  .text-md-display-hero--force {
    font-size: var(--matcha-text-display-hero, 36px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-display-hero, 40px) !important;
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px) !important;
  }
  .text-md-display {
    font-size: var(--matcha-text-display, 32px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-display, 40px);
    letter-spacing: var(--matcha-tracking-display, -0.3px);
  }
  .text-md-display--force {
    font-size: var(--matcha-text-display, 32px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-display, 40px) !important;
    letter-spacing: var(--matcha-tracking-display, -0.3px) !important;
  }
  .text-md-headline {
    font-size: var(--matcha-text-headline, 24px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-headline, 32px);
    letter-spacing: var(--matcha-tracking-headline, -0.3px);
  }
  .text-md-headline--force {
    font-size: var(--matcha-text-headline, 24px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-headline, 32px) !important;
    letter-spacing: var(--matcha-tracking-headline, -0.3px) !important;
  }
  .text-md-title-lg {
    font-size: var(--matcha-text-title-lg, 20px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-lg, 28px);
  }
  .text-md-title-lg--force {
    font-size: var(--matcha-text-title-lg, 20px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-lg, 28px) !important;
  }
  .text-md-title-md {
    font-size: var(--matcha-text-title-md, 18px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-md, 24px);
  }
  .text-md-title-md--force {
    font-size: var(--matcha-text-title-md, 18px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-md, 24px) !important;
  }
  .text-md-title-sm {
    font-size: var(--matcha-text-title-sm, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-sm, 22px);
  }
  .text-md-title-sm--force {
    font-size: var(--matcha-text-title-sm, 16px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-sm, 22px) !important;
  }
  .text-md-title-xs {
    font-size: var(--matcha-text-title-xs, 14px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-title-xs, 20px);
  }
  .text-md-title-xs--force {
    font-size: var(--matcha-text-title-xs, 14px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-title-xs, 20px) !important;
  }
  .text-md-body-lg {
    font-size: var(--matcha-text-body-lg, 16px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-lg, 24px);
  }
  .text-md-body-lg--force {
    font-size: var(--matcha-text-body-lg, 16px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-lg, 24px) !important;
  }
  .text-md-body-md {
    font-size: var(--matcha-text-body-md, 14px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-md, 20px);
  }
  .text-md-body-md--force {
    font-size: var(--matcha-text-body-md, 14px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-md, 20px) !important;
  }
  .text-md-body-sm {
    font-size: var(--matcha-text-body-sm, 12px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-sm, 16px);
  }
  .text-md-body-sm--force {
    font-size: var(--matcha-text-body-sm, 12px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-sm, 16px) !important;
  }
  .text-md-p-tiny {
    font-size: var(--matcha-text-p-tiny, 11px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-p-tiny, 14px);
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px);
  }
  .text-md-p-tiny--force {
    font-size: var(--matcha-text-p-tiny, 11px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-p-tiny, 14px) !important;
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px) !important;
  }
  .text-md-label-lg {
    font-size: var(--matcha-text-label-lg, 16px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-lg, 22px);
  }
  .text-md-label-lg--force {
    font-size: var(--matcha-text-label-lg, 16px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-lg, 22px) !important;
  }
  .text-md-label-md {
    font-size: var(--matcha-text-label-md, 14px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-md, 20px);
  }
  .text-md-label-md--force {
    font-size: var(--matcha-text-label-md, 14px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-md, 20px) !important;
  }
  .text-md-label-sm {
    font-size: var(--matcha-text-label-sm, 12px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-sm, 16px);
  }
  .text-md-label-sm--force {
    font-size: var(--matcha-text-label-sm, 12px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-sm, 16px) !important;
  }
  .text-md-overline {
    font-size: var(--matcha-text-overline, 10px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-overline, 14px);
    letter-spacing: var(--matcha-tracking-overline, 1px);
    text-transform: uppercase;
  }
  .text-md-overline--force {
    font-size: var(--matcha-text-overline, 10px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-overline, 14px) !important;
    letter-spacing: var(--matcha-tracking-overline, 1px) !important;
    text-transform: uppercase !important;
  }
}
@media screen and (min-width: 1280px) {
  .text-lg-display-hero {
    font-size: var(--matcha-text-display-hero, 36px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-display-hero, 40px);
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px);
  }
  .text-lg-display-hero--force {
    font-size: var(--matcha-text-display-hero, 36px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-display-hero, 40px) !important;
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px) !important;
  }
  .text-lg-display {
    font-size: var(--matcha-text-display, 32px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-display, 40px);
    letter-spacing: var(--matcha-tracking-display, -0.3px);
  }
  .text-lg-display--force {
    font-size: var(--matcha-text-display, 32px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-display, 40px) !important;
    letter-spacing: var(--matcha-tracking-display, -0.3px) !important;
  }
  .text-lg-headline {
    font-size: var(--matcha-text-headline, 24px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-headline, 32px);
    letter-spacing: var(--matcha-tracking-headline, -0.3px);
  }
  .text-lg-headline--force {
    font-size: var(--matcha-text-headline, 24px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-headline, 32px) !important;
    letter-spacing: var(--matcha-tracking-headline, -0.3px) !important;
  }
  .text-lg-title-lg {
    font-size: var(--matcha-text-title-lg, 20px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-lg, 28px);
  }
  .text-lg-title-lg--force {
    font-size: var(--matcha-text-title-lg, 20px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-lg, 28px) !important;
  }
  .text-lg-title-md {
    font-size: var(--matcha-text-title-md, 18px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-md, 24px);
  }
  .text-lg-title-md--force {
    font-size: var(--matcha-text-title-md, 18px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-md, 24px) !important;
  }
  .text-lg-title-sm {
    font-size: var(--matcha-text-title-sm, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-sm, 22px);
  }
  .text-lg-title-sm--force {
    font-size: var(--matcha-text-title-sm, 16px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-sm, 22px) !important;
  }
  .text-lg-title-xs {
    font-size: var(--matcha-text-title-xs, 14px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-title-xs, 20px);
  }
  .text-lg-title-xs--force {
    font-size: var(--matcha-text-title-xs, 14px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-title-xs, 20px) !important;
  }
  .text-lg-body-lg {
    font-size: var(--matcha-text-body-lg, 16px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-lg, 24px);
  }
  .text-lg-body-lg--force {
    font-size: var(--matcha-text-body-lg, 16px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-lg, 24px) !important;
  }
  .text-lg-body-md {
    font-size: var(--matcha-text-body-md, 14px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-md, 20px);
  }
  .text-lg-body-md--force {
    font-size: var(--matcha-text-body-md, 14px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-md, 20px) !important;
  }
  .text-lg-body-sm {
    font-size: var(--matcha-text-body-sm, 12px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-sm, 16px);
  }
  .text-lg-body-sm--force {
    font-size: var(--matcha-text-body-sm, 12px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-sm, 16px) !important;
  }
  .text-lg-p-tiny {
    font-size: var(--matcha-text-p-tiny, 11px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-p-tiny, 14px);
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px);
  }
  .text-lg-p-tiny--force {
    font-size: var(--matcha-text-p-tiny, 11px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-p-tiny, 14px) !important;
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px) !important;
  }
  .text-lg-label-lg {
    font-size: var(--matcha-text-label-lg, 16px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-lg, 22px);
  }
  .text-lg-label-lg--force {
    font-size: var(--matcha-text-label-lg, 16px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-lg, 22px) !important;
  }
  .text-lg-label-md {
    font-size: var(--matcha-text-label-md, 14px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-md, 20px);
  }
  .text-lg-label-md--force {
    font-size: var(--matcha-text-label-md, 14px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-md, 20px) !important;
  }
  .text-lg-label-sm {
    font-size: var(--matcha-text-label-sm, 12px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-sm, 16px);
  }
  .text-lg-label-sm--force {
    font-size: var(--matcha-text-label-sm, 12px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-sm, 16px) !important;
  }
  .text-lg-overline {
    font-size: var(--matcha-text-overline, 10px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-overline, 14px);
    letter-spacing: var(--matcha-tracking-overline, 1px);
    text-transform: uppercase;
  }
  .text-lg-overline--force {
    font-size: var(--matcha-text-overline, 10px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-overline, 14px) !important;
    letter-spacing: var(--matcha-tracking-overline, 1px) !important;
    text-transform: uppercase !important;
  }
}
@media screen and (min-width: 1536px) {
  .text-xl-display-hero {
    font-size: var(--matcha-text-display-hero, 36px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-display-hero, 40px);
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px);
  }
  .text-xl-display-hero--force {
    font-size: var(--matcha-text-display-hero, 36px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-display-hero, 40px) !important;
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px) !important;
  }
  .text-xl-display {
    font-size: var(--matcha-text-display, 32px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-display, 40px);
    letter-spacing: var(--matcha-tracking-display, -0.3px);
  }
  .text-xl-display--force {
    font-size: var(--matcha-text-display, 32px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-display, 40px) !important;
    letter-spacing: var(--matcha-tracking-display, -0.3px) !important;
  }
  .text-xl-headline {
    font-size: var(--matcha-text-headline, 24px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-headline, 32px);
    letter-spacing: var(--matcha-tracking-headline, -0.3px);
  }
  .text-xl-headline--force {
    font-size: var(--matcha-text-headline, 24px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-headline, 32px) !important;
    letter-spacing: var(--matcha-tracking-headline, -0.3px) !important;
  }
  .text-xl-title-lg {
    font-size: var(--matcha-text-title-lg, 20px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-lg, 28px);
  }
  .text-xl-title-lg--force {
    font-size: var(--matcha-text-title-lg, 20px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-lg, 28px) !important;
  }
  .text-xl-title-md {
    font-size: var(--matcha-text-title-md, 18px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-md, 24px);
  }
  .text-xl-title-md--force {
    font-size: var(--matcha-text-title-md, 18px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-md, 24px) !important;
  }
  .text-xl-title-sm {
    font-size: var(--matcha-text-title-sm, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-sm, 22px);
  }
  .text-xl-title-sm--force {
    font-size: var(--matcha-text-title-sm, 16px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-sm, 22px) !important;
  }
  .text-xl-title-xs {
    font-size: var(--matcha-text-title-xs, 14px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-title-xs, 20px);
  }
  .text-xl-title-xs--force {
    font-size: var(--matcha-text-title-xs, 14px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-title-xs, 20px) !important;
  }
  .text-xl-body-lg {
    font-size: var(--matcha-text-body-lg, 16px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-lg, 24px);
  }
  .text-xl-body-lg--force {
    font-size: var(--matcha-text-body-lg, 16px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-lg, 24px) !important;
  }
  .text-xl-body-md {
    font-size: var(--matcha-text-body-md, 14px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-md, 20px);
  }
  .text-xl-body-md--force {
    font-size: var(--matcha-text-body-md, 14px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-md, 20px) !important;
  }
  .text-xl-body-sm {
    font-size: var(--matcha-text-body-sm, 12px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-sm, 16px);
  }
  .text-xl-body-sm--force {
    font-size: var(--matcha-text-body-sm, 12px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-sm, 16px) !important;
  }
  .text-xl-p-tiny {
    font-size: var(--matcha-text-p-tiny, 11px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-p-tiny, 14px);
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px);
  }
  .text-xl-p-tiny--force {
    font-size: var(--matcha-text-p-tiny, 11px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-p-tiny, 14px) !important;
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px) !important;
  }
  .text-xl-label-lg {
    font-size: var(--matcha-text-label-lg, 16px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-lg, 22px);
  }
  .text-xl-label-lg--force {
    font-size: var(--matcha-text-label-lg, 16px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-lg, 22px) !important;
  }
  .text-xl-label-md {
    font-size: var(--matcha-text-label-md, 14px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-md, 20px);
  }
  .text-xl-label-md--force {
    font-size: var(--matcha-text-label-md, 14px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-md, 20px) !important;
  }
  .text-xl-label-sm {
    font-size: var(--matcha-text-label-sm, 12px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-sm, 16px);
  }
  .text-xl-label-sm--force {
    font-size: var(--matcha-text-label-sm, 12px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-sm, 16px) !important;
  }
  .text-xl-overline {
    font-size: var(--matcha-text-overline, 10px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-overline, 14px);
    letter-spacing: var(--matcha-tracking-overline, 1px);
    text-transform: uppercase;
  }
  .text-xl-overline--force {
    font-size: var(--matcha-text-overline, 10px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-overline, 14px) !important;
    letter-spacing: var(--matcha-tracking-overline, 1px) !important;
    text-transform: uppercase !important;
  }
}
.aspect-ratio-auto {
  aspect-ratio: auto;
}

.aspect-ratio-auto--force {
  aspect-ratio: auto !important;
}

.aspect-ratio-1x1 {
  aspect-ratio: 1/1;
}

.aspect-ratio-1x1--force {
  aspect-ratio: 1/1 !important;
}

.aspect-ratio-1x2 {
  aspect-ratio: 1/2;
}

.aspect-ratio-1x2--force {
  aspect-ratio: 1/2 !important;
}

.aspect-ratio-2x1 {
  aspect-ratio: 2/1;
}

.aspect-ratio-2x1--force {
  aspect-ratio: 2/1 !important;
}

.aspect-ratio-3x4 {
  aspect-ratio: 3/4;
}

.aspect-ratio-3x4--force {
  aspect-ratio: 3/4 !important;
}

.aspect-ratio-4x3 {
  aspect-ratio: 4/3;
}

.aspect-ratio-4x3--force {
  aspect-ratio: 4/3 !important;
}

.aspect-ratio-9x16 {
  aspect-ratio: 9/16;
}

.aspect-ratio-9x16--force {
  aspect-ratio: 9/16 !important;
}

.aspect-ratio-16x9 {
  aspect-ratio: 16/9;
}

.aspect-ratio-16x9--force {
  aspect-ratio: 16/9 !important;
}

.aspect-ratio-half {
  aspect-ratio: 0.5;
}

.aspect-ratio-half--force {
  aspect-ratio: 0.5 !important;
}

.aspect-ratio-inherit {
  aspect-ratio: inherit;
}

.aspect-ratio-inherit--force {
  aspect-ratio: inherit !important;
}

.aspect-ratio-initial {
  aspect-ratio: initial;
}

.aspect-ratio-initial--force {
  aspect-ratio: initial !important;
}

.aspect-ratio-unset {
  aspect-ratio: unset;
}

.aspect-ratio-unset--force {
  aspect-ratio: unset !important;
}

@media screen and (max-width: 639px) {
  .aspect-ratio-xs-auto {
    aspect-ratio: auto;
  }
  .aspect-ratio-xs-auto--force {
    aspect-ratio: auto !important;
  }
  .aspect-ratio-xs-1x1 {
    aspect-ratio: 1/1;
  }
  .aspect-ratio-xs-1x1--force {
    aspect-ratio: 1/1 !important;
  }
  .aspect-ratio-xs-1x2 {
    aspect-ratio: 1/2;
  }
  .aspect-ratio-xs-1x2--force {
    aspect-ratio: 1/2 !important;
  }
  .aspect-ratio-xs-2x1 {
    aspect-ratio: 2/1;
  }
  .aspect-ratio-xs-2x1--force {
    aspect-ratio: 2/1 !important;
  }
  .aspect-ratio-xs-3x4 {
    aspect-ratio: 3/4;
  }
  .aspect-ratio-xs-3x4--force {
    aspect-ratio: 3/4 !important;
  }
  .aspect-ratio-xs-4x3 {
    aspect-ratio: 4/3;
  }
  .aspect-ratio-xs-4x3--force {
    aspect-ratio: 4/3 !important;
  }
  .aspect-ratio-xs-9x16 {
    aspect-ratio: 9/16;
  }
  .aspect-ratio-xs-9x16--force {
    aspect-ratio: 9/16 !important;
  }
  .aspect-ratio-xs-16x9 {
    aspect-ratio: 16/9;
  }
  .aspect-ratio-xs-16x9--force {
    aspect-ratio: 16/9 !important;
  }
  .aspect-ratio-xs-half {
    aspect-ratio: 0.5;
  }
  .aspect-ratio-xs-half--force {
    aspect-ratio: 0.5 !important;
  }
  .aspect-ratio-xs-inherit {
    aspect-ratio: inherit;
  }
  .aspect-ratio-xs-inherit--force {
    aspect-ratio: inherit !important;
  }
  .aspect-ratio-xs-initial {
    aspect-ratio: initial;
  }
  .aspect-ratio-xs-initial--force {
    aspect-ratio: initial !important;
  }
  .aspect-ratio-xs-unset {
    aspect-ratio: unset;
  }
  .aspect-ratio-xs-unset--force {
    aspect-ratio: unset !important;
  }
}
@media screen and (min-width: 640px) {
  .aspect-ratio-sm-auto {
    aspect-ratio: auto;
  }
  .aspect-ratio-sm-auto--force {
    aspect-ratio: auto !important;
  }
  .aspect-ratio-sm-1x1 {
    aspect-ratio: 1/1;
  }
  .aspect-ratio-sm-1x1--force {
    aspect-ratio: 1/1 !important;
  }
  .aspect-ratio-sm-1x2 {
    aspect-ratio: 1/2;
  }
  .aspect-ratio-sm-1x2--force {
    aspect-ratio: 1/2 !important;
  }
  .aspect-ratio-sm-2x1 {
    aspect-ratio: 2/1;
  }
  .aspect-ratio-sm-2x1--force {
    aspect-ratio: 2/1 !important;
  }
  .aspect-ratio-sm-3x4 {
    aspect-ratio: 3/4;
  }
  .aspect-ratio-sm-3x4--force {
    aspect-ratio: 3/4 !important;
  }
  .aspect-ratio-sm-4x3 {
    aspect-ratio: 4/3;
  }
  .aspect-ratio-sm-4x3--force {
    aspect-ratio: 4/3 !important;
  }
  .aspect-ratio-sm-9x16 {
    aspect-ratio: 9/16;
  }
  .aspect-ratio-sm-9x16--force {
    aspect-ratio: 9/16 !important;
  }
  .aspect-ratio-sm-16x9 {
    aspect-ratio: 16/9;
  }
  .aspect-ratio-sm-16x9--force {
    aspect-ratio: 16/9 !important;
  }
  .aspect-ratio-sm-half {
    aspect-ratio: 0.5;
  }
  .aspect-ratio-sm-half--force {
    aspect-ratio: 0.5 !important;
  }
  .aspect-ratio-sm-inherit {
    aspect-ratio: inherit;
  }
  .aspect-ratio-sm-inherit--force {
    aspect-ratio: inherit !important;
  }
  .aspect-ratio-sm-initial {
    aspect-ratio: initial;
  }
  .aspect-ratio-sm-initial--force {
    aspect-ratio: initial !important;
  }
  .aspect-ratio-sm-unset {
    aspect-ratio: unset;
  }
  .aspect-ratio-sm-unset--force {
    aspect-ratio: unset !important;
  }
}
@media screen and (min-width: 1024px) {
  .aspect-ratio-md-auto {
    aspect-ratio: auto;
  }
  .aspect-ratio-md-auto--force {
    aspect-ratio: auto !important;
  }
  .aspect-ratio-md-1x1 {
    aspect-ratio: 1/1;
  }
  .aspect-ratio-md-1x1--force {
    aspect-ratio: 1/1 !important;
  }
  .aspect-ratio-md-1x2 {
    aspect-ratio: 1/2;
  }
  .aspect-ratio-md-1x2--force {
    aspect-ratio: 1/2 !important;
  }
  .aspect-ratio-md-2x1 {
    aspect-ratio: 2/1;
  }
  .aspect-ratio-md-2x1--force {
    aspect-ratio: 2/1 !important;
  }
  .aspect-ratio-md-3x4 {
    aspect-ratio: 3/4;
  }
  .aspect-ratio-md-3x4--force {
    aspect-ratio: 3/4 !important;
  }
  .aspect-ratio-md-4x3 {
    aspect-ratio: 4/3;
  }
  .aspect-ratio-md-4x3--force {
    aspect-ratio: 4/3 !important;
  }
  .aspect-ratio-md-9x16 {
    aspect-ratio: 9/16;
  }
  .aspect-ratio-md-9x16--force {
    aspect-ratio: 9/16 !important;
  }
  .aspect-ratio-md-16x9 {
    aspect-ratio: 16/9;
  }
  .aspect-ratio-md-16x9--force {
    aspect-ratio: 16/9 !important;
  }
  .aspect-ratio-md-half {
    aspect-ratio: 0.5;
  }
  .aspect-ratio-md-half--force {
    aspect-ratio: 0.5 !important;
  }
  .aspect-ratio-md-inherit {
    aspect-ratio: inherit;
  }
  .aspect-ratio-md-inherit--force {
    aspect-ratio: inherit !important;
  }
  .aspect-ratio-md-initial {
    aspect-ratio: initial;
  }
  .aspect-ratio-md-initial--force {
    aspect-ratio: initial !important;
  }
  .aspect-ratio-md-unset {
    aspect-ratio: unset;
  }
  .aspect-ratio-md-unset--force {
    aspect-ratio: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .aspect-ratio-lg-auto {
    aspect-ratio: auto;
  }
  .aspect-ratio-lg-auto--force {
    aspect-ratio: auto !important;
  }
  .aspect-ratio-lg-1x1 {
    aspect-ratio: 1/1;
  }
  .aspect-ratio-lg-1x1--force {
    aspect-ratio: 1/1 !important;
  }
  .aspect-ratio-lg-1x2 {
    aspect-ratio: 1/2;
  }
  .aspect-ratio-lg-1x2--force {
    aspect-ratio: 1/2 !important;
  }
  .aspect-ratio-lg-2x1 {
    aspect-ratio: 2/1;
  }
  .aspect-ratio-lg-2x1--force {
    aspect-ratio: 2/1 !important;
  }
  .aspect-ratio-lg-3x4 {
    aspect-ratio: 3/4;
  }
  .aspect-ratio-lg-3x4--force {
    aspect-ratio: 3/4 !important;
  }
  .aspect-ratio-lg-4x3 {
    aspect-ratio: 4/3;
  }
  .aspect-ratio-lg-4x3--force {
    aspect-ratio: 4/3 !important;
  }
  .aspect-ratio-lg-9x16 {
    aspect-ratio: 9/16;
  }
  .aspect-ratio-lg-9x16--force {
    aspect-ratio: 9/16 !important;
  }
  .aspect-ratio-lg-16x9 {
    aspect-ratio: 16/9;
  }
  .aspect-ratio-lg-16x9--force {
    aspect-ratio: 16/9 !important;
  }
  .aspect-ratio-lg-half {
    aspect-ratio: 0.5;
  }
  .aspect-ratio-lg-half--force {
    aspect-ratio: 0.5 !important;
  }
  .aspect-ratio-lg-inherit {
    aspect-ratio: inherit;
  }
  .aspect-ratio-lg-inherit--force {
    aspect-ratio: inherit !important;
  }
  .aspect-ratio-lg-initial {
    aspect-ratio: initial;
  }
  .aspect-ratio-lg-initial--force {
    aspect-ratio: initial !important;
  }
  .aspect-ratio-lg-unset {
    aspect-ratio: unset;
  }
  .aspect-ratio-lg-unset--force {
    aspect-ratio: unset !important;
  }
}
@media screen and (min-width: 1536px) {
  .aspect-ratio-xl-auto {
    aspect-ratio: auto;
  }
  .aspect-ratio-xl-auto--force {
    aspect-ratio: auto !important;
  }
  .aspect-ratio-xl-1x1 {
    aspect-ratio: 1/1;
  }
  .aspect-ratio-xl-1x1--force {
    aspect-ratio: 1/1 !important;
  }
  .aspect-ratio-xl-1x2 {
    aspect-ratio: 1/2;
  }
  .aspect-ratio-xl-1x2--force {
    aspect-ratio: 1/2 !important;
  }
  .aspect-ratio-xl-2x1 {
    aspect-ratio: 2/1;
  }
  .aspect-ratio-xl-2x1--force {
    aspect-ratio: 2/1 !important;
  }
  .aspect-ratio-xl-3x4 {
    aspect-ratio: 3/4;
  }
  .aspect-ratio-xl-3x4--force {
    aspect-ratio: 3/4 !important;
  }
  .aspect-ratio-xl-4x3 {
    aspect-ratio: 4/3;
  }
  .aspect-ratio-xl-4x3--force {
    aspect-ratio: 4/3 !important;
  }
  .aspect-ratio-xl-9x16 {
    aspect-ratio: 9/16;
  }
  .aspect-ratio-xl-9x16--force {
    aspect-ratio: 9/16 !important;
  }
  .aspect-ratio-xl-16x9 {
    aspect-ratio: 16/9;
  }
  .aspect-ratio-xl-16x9--force {
    aspect-ratio: 16/9 !important;
  }
  .aspect-ratio-xl-half {
    aspect-ratio: 0.5;
  }
  .aspect-ratio-xl-half--force {
    aspect-ratio: 0.5 !important;
  }
  .aspect-ratio-xl-inherit {
    aspect-ratio: inherit;
  }
  .aspect-ratio-xl-inherit--force {
    aspect-ratio: inherit !important;
  }
  .aspect-ratio-xl-initial {
    aspect-ratio: initial;
  }
  .aspect-ratio-xl-initial--force {
    aspect-ratio: initial !important;
  }
  .aspect-ratio-xl-unset {
    aspect-ratio: unset;
  }
  .aspect-ratio-xl-unset--force {
    aspect-ratio: unset !important;
  }
}
.object-fit-cover {
  object-fit: cover;
}

.object-fit-cover--force {
  object-fit: cover !important;
}

.object-fit-contain {
  object-fit: contain;
}

.object-fit-contain--force {
  object-fit: contain !important;
}

.object-fit-fill {
  object-fit: fill;
}

.object-fit-fill--force {
  object-fit: fill !important;
}

.object-fit-none {
  object-fit: none;
}

.object-fit-none--force {
  object-fit: none !important;
}

.object-fit-scale-down {
  object-fit: scale-down;
}

.object-fit-scale-down--force {
  object-fit: scale-down !important;
}

.object-position-center {
  object-position: center;
}

.object-position-center--force {
  object-position: center !important;
}

.object-position-top {
  object-position: top;
}

.object-position-top--force {
  object-position: top !important;
}

.object-position-bottom {
  object-position: bottom;
}

.object-position-bottom--force {
  object-position: bottom !important;
}

.object-position-left {
  object-position: left;
}

.object-position-left--force {
  object-position: left !important;
}

.object-position-right {
  object-position: right;
}

.object-position-right--force {
  object-position: right !important;
}

@media screen and (max-width: 639px) {
  .object-fit-xs-cover {
    object-fit: cover;
  }
  .object-fit-xs-cover--force {
    object-fit: cover !important;
  }
  .object-fit-xs-contain {
    object-fit: contain;
  }
  .object-fit-xs-contain--force {
    object-fit: contain !important;
  }
  .object-fit-xs-fill {
    object-fit: fill;
  }
  .object-fit-xs-fill--force {
    object-fit: fill !important;
  }
  .object-fit-xs-none {
    object-fit: none;
  }
  .object-fit-xs-none--force {
    object-fit: none !important;
  }
  .object-fit-xs-scale-down {
    object-fit: scale-down;
  }
  .object-fit-xs-scale-down--force {
    object-fit: scale-down !important;
  }
  .object-position-xs-center {
    object-position: center;
  }
  .object-position-xs-center--force {
    object-position: center !important;
  }
  .object-position-xs-top {
    object-position: top;
  }
  .object-position-xs-top--force {
    object-position: top !important;
  }
  .object-position-xs-bottom {
    object-position: bottom;
  }
  .object-position-xs-bottom--force {
    object-position: bottom !important;
  }
  .object-position-xs-left {
    object-position: left;
  }
  .object-position-xs-left--force {
    object-position: left !important;
  }
  .object-position-xs-right {
    object-position: right;
  }
  .object-position-xs-right--force {
    object-position: right !important;
  }
}
@media screen and (min-width: 640px) {
  .object-fit-sm-cover {
    object-fit: cover;
  }
  .object-fit-sm-cover--force {
    object-fit: cover !important;
  }
  .object-fit-sm-contain {
    object-fit: contain;
  }
  .object-fit-sm-contain--force {
    object-fit: contain !important;
  }
  .object-fit-sm-fill {
    object-fit: fill;
  }
  .object-fit-sm-fill--force {
    object-fit: fill !important;
  }
  .object-fit-sm-none {
    object-fit: none;
  }
  .object-fit-sm-none--force {
    object-fit: none !important;
  }
  .object-fit-sm-scale-down {
    object-fit: scale-down;
  }
  .object-fit-sm-scale-down--force {
    object-fit: scale-down !important;
  }
  .object-position-sm-center {
    object-position: center;
  }
  .object-position-sm-center--force {
    object-position: center !important;
  }
  .object-position-sm-top {
    object-position: top;
  }
  .object-position-sm-top--force {
    object-position: top !important;
  }
  .object-position-sm-bottom {
    object-position: bottom;
  }
  .object-position-sm-bottom--force {
    object-position: bottom !important;
  }
  .object-position-sm-left {
    object-position: left;
  }
  .object-position-sm-left--force {
    object-position: left !important;
  }
  .object-position-sm-right {
    object-position: right;
  }
  .object-position-sm-right--force {
    object-position: right !important;
  }
}
@media screen and (min-width: 1024px) {
  .object-fit-md-cover {
    object-fit: cover;
  }
  .object-fit-md-cover--force {
    object-fit: cover !important;
  }
  .object-fit-md-contain {
    object-fit: contain;
  }
  .object-fit-md-contain--force {
    object-fit: contain !important;
  }
  .object-fit-md-fill {
    object-fit: fill;
  }
  .object-fit-md-fill--force {
    object-fit: fill !important;
  }
  .object-fit-md-none {
    object-fit: none;
  }
  .object-fit-md-none--force {
    object-fit: none !important;
  }
  .object-fit-md-scale-down {
    object-fit: scale-down;
  }
  .object-fit-md-scale-down--force {
    object-fit: scale-down !important;
  }
  .object-position-md-center {
    object-position: center;
  }
  .object-position-md-center--force {
    object-position: center !important;
  }
  .object-position-md-top {
    object-position: top;
  }
  .object-position-md-top--force {
    object-position: top !important;
  }
  .object-position-md-bottom {
    object-position: bottom;
  }
  .object-position-md-bottom--force {
    object-position: bottom !important;
  }
  .object-position-md-left {
    object-position: left;
  }
  .object-position-md-left--force {
    object-position: left !important;
  }
  .object-position-md-right {
    object-position: right;
  }
  .object-position-md-right--force {
    object-position: right !important;
  }
}
@media screen and (min-width: 1280px) {
  .object-fit-lg-cover {
    object-fit: cover;
  }
  .object-fit-lg-cover--force {
    object-fit: cover !important;
  }
  .object-fit-lg-contain {
    object-fit: contain;
  }
  .object-fit-lg-contain--force {
    object-fit: contain !important;
  }
  .object-fit-lg-fill {
    object-fit: fill;
  }
  .object-fit-lg-fill--force {
    object-fit: fill !important;
  }
  .object-fit-lg-none {
    object-fit: none;
  }
  .object-fit-lg-none--force {
    object-fit: none !important;
  }
  .object-fit-lg-scale-down {
    object-fit: scale-down;
  }
  .object-fit-lg-scale-down--force {
    object-fit: scale-down !important;
  }
  .object-position-lg-center {
    object-position: center;
  }
  .object-position-lg-center--force {
    object-position: center !important;
  }
  .object-position-lg-top {
    object-position: top;
  }
  .object-position-lg-top--force {
    object-position: top !important;
  }
  .object-position-lg-bottom {
    object-position: bottom;
  }
  .object-position-lg-bottom--force {
    object-position: bottom !important;
  }
  .object-position-lg-left {
    object-position: left;
  }
  .object-position-lg-left--force {
    object-position: left !important;
  }
  .object-position-lg-right {
    object-position: right;
  }
  .object-position-lg-right--force {
    object-position: right !important;
  }
}
@media screen and (min-width: 1536px) {
  .object-fit-xl-cover {
    object-fit: cover;
  }
  .object-fit-xl-cover--force {
    object-fit: cover !important;
  }
  .object-fit-xl-contain {
    object-fit: contain;
  }
  .object-fit-xl-contain--force {
    object-fit: contain !important;
  }
  .object-fit-xl-fill {
    object-fit: fill;
  }
  .object-fit-xl-fill--force {
    object-fit: fill !important;
  }
  .object-fit-xl-none {
    object-fit: none;
  }
  .object-fit-xl-none--force {
    object-fit: none !important;
  }
  .object-fit-xl-scale-down {
    object-fit: scale-down;
  }
  .object-fit-xl-scale-down--force {
    object-fit: scale-down !important;
  }
  .object-position-xl-center {
    object-position: center;
  }
  .object-position-xl-center--force {
    object-position: center !important;
  }
  .object-position-xl-top {
    object-position: top;
  }
  .object-position-xl-top--force {
    object-position: top !important;
  }
  .object-position-xl-bottom {
    object-position: bottom;
  }
  .object-position-xl-bottom--force {
    object-position: bottom !important;
  }
  .object-position-xl-left {
    object-position: left;
  }
  .object-position-xl-left--force {
    object-position: left !important;
  }
  .object-position-xl-right {
    object-position: right;
  }
  .object-position-xl-right--force {
    object-position: right !important;
  }
}
.cursor-pointer {
  cursor: pointer;
}

.cursor-pointer--force {
  cursor: pointer !important;
}

.cursor-default {
  cursor: default;
}

.cursor-default--force {
  cursor: default !important;
}

.cursor-grab {
  cursor: grab;
}

.cursor-grab--force {
  cursor: grab !important;
}

.cursor-grabbing {
  cursor: grabbing;
}

.cursor-grabbing--force {
  cursor: grabbing !important;
}

.cursor-move {
  cursor: move;
}

.cursor-move--force {
  cursor: move !important;
}

.cursor-help {
  cursor: help;
}

.cursor-help--force {
  cursor: help !important;
}

.cursor-wait {
  cursor: wait;
}

.cursor-wait--force {
  cursor: wait !important;
}

@media screen and (max-width: 639px) {
  .cursor-pointer-xs {
    cursor: pointer;
  }
  .cursor-pointer-xs--force {
    cursor: pointer !important;
  }
  .cursor-default-xs {
    cursor: default;
  }
  .cursor-default-xs--force {
    cursor: default !important;
  }
  .cursor-grab-xs {
    cursor: grab;
  }
  .cursor-grab-xs--force {
    cursor: grab !important;
  }
  .cursor-grabbing-xs {
    cursor: grabbing;
  }
  .cursor-grabbing-xs--force {
    cursor: grabbing !important;
  }
  .cursor-move-xs {
    cursor: move;
  }
  .cursor-move-xs--force {
    cursor: move !important;
  }
  .cursor-help-xs {
    cursor: help;
  }
  .cursor-help-xs--force {
    cursor: help !important;
  }
  .cursor-wait-xs {
    cursor: wait;
  }
  .cursor-wait-xs--force {
    cursor: wait !important;
  }
}
@media screen and (min-width: 640px) {
  .cursor-pointer-sm {
    cursor: pointer;
  }
  .cursor-pointer-sm--force {
    cursor: pointer !important;
  }
  .cursor-default-sm {
    cursor: default;
  }
  .cursor-default-sm--force {
    cursor: default !important;
  }
  .cursor-grab-sm {
    cursor: grab;
  }
  .cursor-grab-sm--force {
    cursor: grab !important;
  }
  .cursor-grabbing-sm {
    cursor: grabbing;
  }
  .cursor-grabbing-sm--force {
    cursor: grabbing !important;
  }
  .cursor-move-sm {
    cursor: move;
  }
  .cursor-move-sm--force {
    cursor: move !important;
  }
  .cursor-help-sm {
    cursor: help;
  }
  .cursor-help-sm--force {
    cursor: help !important;
  }
  .cursor-wait-sm {
    cursor: wait;
  }
  .cursor-wait-sm--force {
    cursor: wait !important;
  }
}
@media screen and (min-width: 1024px) {
  .cursor-pointer-md {
    cursor: pointer;
  }
  .cursor-pointer-md--force {
    cursor: pointer !important;
  }
  .cursor-default-md {
    cursor: default;
  }
  .cursor-default-md--force {
    cursor: default !important;
  }
  .cursor-grab-md {
    cursor: grab;
  }
  .cursor-grab-md--force {
    cursor: grab !important;
  }
  .cursor-grabbing-md {
    cursor: grabbing;
  }
  .cursor-grabbing-md--force {
    cursor: grabbing !important;
  }
  .cursor-move-md {
    cursor: move;
  }
  .cursor-move-md--force {
    cursor: move !important;
  }
  .cursor-help-md {
    cursor: help;
  }
  .cursor-help-md--force {
    cursor: help !important;
  }
  .cursor-wait-md {
    cursor: wait;
  }
  .cursor-wait-md--force {
    cursor: wait !important;
  }
}
@media screen and (min-width: 1280px) {
  .cursor-pointer-lg {
    cursor: pointer;
  }
  .cursor-pointer-lg--force {
    cursor: pointer !important;
  }
  .cursor-default-lg {
    cursor: default;
  }
  .cursor-default-lg--force {
    cursor: default !important;
  }
  .cursor-grab-lg {
    cursor: grab;
  }
  .cursor-grab-lg--force {
    cursor: grab !important;
  }
  .cursor-grabbing-lg {
    cursor: grabbing;
  }
  .cursor-grabbing-lg--force {
    cursor: grabbing !important;
  }
  .cursor-move-lg {
    cursor: move;
  }
  .cursor-move-lg--force {
    cursor: move !important;
  }
  .cursor-help-lg {
    cursor: help;
  }
  .cursor-help-lg--force {
    cursor: help !important;
  }
  .cursor-wait-lg {
    cursor: wait;
  }
  .cursor-wait-lg--force {
    cursor: wait !important;
  }
}
@media screen and (min-width: 1536px) {
  .cursor-pointer-xl {
    cursor: pointer;
  }
  .cursor-pointer-xl--force {
    cursor: pointer !important;
  }
  .cursor-default-xl {
    cursor: default;
  }
  .cursor-default-xl--force {
    cursor: default !important;
  }
  .cursor-grab-xl {
    cursor: grab;
  }
  .cursor-grab-xl--force {
    cursor: grab !important;
  }
  .cursor-grabbing-xl {
    cursor: grabbing;
  }
  .cursor-grabbing-xl--force {
    cursor: grabbing !important;
  }
  .cursor-move-xl {
    cursor: move;
  }
  .cursor-move-xl--force {
    cursor: move !important;
  }
  .cursor-help-xl {
    cursor: help;
  }
  .cursor-help-xl--force {
    cursor: help !important;
  }
  .cursor-wait-xl {
    cursor: wait;
  }
  .cursor-wait-xl--force {
    cursor: wait !important;
  }
}
.pointer-events-auto {
  pointer-events: auto;
}

.pointer-events-auto--force {
  pointer-events: auto !important;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-none--force {
  pointer-events: none !important;
}

.pointer-events-all {
  pointer-events: all;
}

.pointer-events-all--force {
  pointer-events: all !important;
}

.pointer-events-visible {
  pointer-events: visible;
}

.pointer-events-visible--force {
  pointer-events: visible !important;
}

.pointer-events-visiblePainted {
  pointer-events: visiblePainted;
}

.pointer-events-visiblePainted--force {
  pointer-events: visiblePainted !important;
}

.pointer-events-visibleFill {
  pointer-events: visibleFill;
}

.pointer-events-visibleFill--force {
  pointer-events: visibleFill !important;
}

.pointer-events-visibleStroke {
  pointer-events: visibleStroke;
}

.pointer-events-visibleStroke--force {
  pointer-events: visibleStroke !important;
}

.pointer-events-painted {
  pointer-events: painted;
}

.pointer-events-painted--force {
  pointer-events: painted !important;
}

.pointer-events-fill {
  pointer-events: fill;
}

.pointer-events-fill--force {
  pointer-events: fill !important;
}

.pointer-events-stroke {
  pointer-events: stroke;
}

.pointer-events-stroke--force {
  pointer-events: stroke !important;
}

@media screen and (max-width: 639px) {
  .pointer-events-auto-xs {
    pointer-events: auto;
  }
  .pointer-events-auto-xs--force {
    pointer-events: auto !important;
  }
  .pointer-events-none-xs {
    pointer-events: none;
  }
  .pointer-events-none-xs--force {
    pointer-events: none !important;
  }
  .pointer-events-all-xs {
    pointer-events: all;
  }
  .pointer-events-all-xs--force {
    pointer-events: all !important;
  }
  .pointer-events-visible-xs {
    pointer-events: visible;
  }
  .pointer-events-visible-xs--force {
    pointer-events: visible !important;
  }
  .pointer-events-visiblePainted-xs {
    pointer-events: visiblePainted;
  }
  .pointer-events-visiblePainted-xs--force {
    pointer-events: visiblePainted !important;
  }
  .pointer-events-visibleFill-xs {
    pointer-events: visibleFill;
  }
  .pointer-events-visibleFill-xs--force {
    pointer-events: visibleFill !important;
  }
  .pointer-events-visibleStroke-xs {
    pointer-events: visibleStroke;
  }
  .pointer-events-visibleStroke-xs--force {
    pointer-events: visibleStroke !important;
  }
  .pointer-events-painted-xs {
    pointer-events: painted;
  }
  .pointer-events-painted-xs--force {
    pointer-events: painted !important;
  }
  .pointer-events-fill-xs {
    pointer-events: fill;
  }
  .pointer-events-fill-xs--force {
    pointer-events: fill !important;
  }
  .pointer-events-stroke-xs {
    pointer-events: stroke;
  }
  .pointer-events-stroke-xs--force {
    pointer-events: stroke !important;
  }
}
@media screen and (min-width: 640px) {
  .pointer-events-auto-sm {
    pointer-events: auto;
  }
  .pointer-events-auto-sm--force {
    pointer-events: auto !important;
  }
  .pointer-events-none-sm {
    pointer-events: none;
  }
  .pointer-events-none-sm--force {
    pointer-events: none !important;
  }
  .pointer-events-all-sm {
    pointer-events: all;
  }
  .pointer-events-all-sm--force {
    pointer-events: all !important;
  }
  .pointer-events-visible-sm {
    pointer-events: visible;
  }
  .pointer-events-visible-sm--force {
    pointer-events: visible !important;
  }
  .pointer-events-visiblePainted-sm {
    pointer-events: visiblePainted;
  }
  .pointer-events-visiblePainted-sm--force {
    pointer-events: visiblePainted !important;
  }
  .pointer-events-visibleFill-sm {
    pointer-events: visibleFill;
  }
  .pointer-events-visibleFill-sm--force {
    pointer-events: visibleFill !important;
  }
  .pointer-events-visibleStroke-sm {
    pointer-events: visibleStroke;
  }
  .pointer-events-visibleStroke-sm--force {
    pointer-events: visibleStroke !important;
  }
  .pointer-events-painted-sm {
    pointer-events: painted;
  }
  .pointer-events-painted-sm--force {
    pointer-events: painted !important;
  }
  .pointer-events-fill-sm {
    pointer-events: fill;
  }
  .pointer-events-fill-sm--force {
    pointer-events: fill !important;
  }
  .pointer-events-stroke-sm {
    pointer-events: stroke;
  }
  .pointer-events-stroke-sm--force {
    pointer-events: stroke !important;
  }
}
@media screen and (min-width: 1024px) {
  .pointer-events-auto-md {
    pointer-events: auto;
  }
  .pointer-events-auto-md--force {
    pointer-events: auto !important;
  }
  .pointer-events-none-md {
    pointer-events: none;
  }
  .pointer-events-none-md--force {
    pointer-events: none !important;
  }
  .pointer-events-all-md {
    pointer-events: all;
  }
  .pointer-events-all-md--force {
    pointer-events: all !important;
  }
  .pointer-events-visible-md {
    pointer-events: visible;
  }
  .pointer-events-visible-md--force {
    pointer-events: visible !important;
  }
  .pointer-events-visiblePainted-md {
    pointer-events: visiblePainted;
  }
  .pointer-events-visiblePainted-md--force {
    pointer-events: visiblePainted !important;
  }
  .pointer-events-visibleFill-md {
    pointer-events: visibleFill;
  }
  .pointer-events-visibleFill-md--force {
    pointer-events: visibleFill !important;
  }
  .pointer-events-visibleStroke-md {
    pointer-events: visibleStroke;
  }
  .pointer-events-visibleStroke-md--force {
    pointer-events: visibleStroke !important;
  }
  .pointer-events-painted-md {
    pointer-events: painted;
  }
  .pointer-events-painted-md--force {
    pointer-events: painted !important;
  }
  .pointer-events-fill-md {
    pointer-events: fill;
  }
  .pointer-events-fill-md--force {
    pointer-events: fill !important;
  }
  .pointer-events-stroke-md {
    pointer-events: stroke;
  }
  .pointer-events-stroke-md--force {
    pointer-events: stroke !important;
  }
}
@media screen and (min-width: 1280px) {
  .pointer-events-auto-lg {
    pointer-events: auto;
  }
  .pointer-events-auto-lg--force {
    pointer-events: auto !important;
  }
  .pointer-events-none-lg {
    pointer-events: none;
  }
  .pointer-events-none-lg--force {
    pointer-events: none !important;
  }
  .pointer-events-all-lg {
    pointer-events: all;
  }
  .pointer-events-all-lg--force {
    pointer-events: all !important;
  }
  .pointer-events-visible-lg {
    pointer-events: visible;
  }
  .pointer-events-visible-lg--force {
    pointer-events: visible !important;
  }
  .pointer-events-visiblePainted-lg {
    pointer-events: visiblePainted;
  }
  .pointer-events-visiblePainted-lg--force {
    pointer-events: visiblePainted !important;
  }
  .pointer-events-visibleFill-lg {
    pointer-events: visibleFill;
  }
  .pointer-events-visibleFill-lg--force {
    pointer-events: visibleFill !important;
  }
  .pointer-events-visibleStroke-lg {
    pointer-events: visibleStroke;
  }
  .pointer-events-visibleStroke-lg--force {
    pointer-events: visibleStroke !important;
  }
  .pointer-events-painted-lg {
    pointer-events: painted;
  }
  .pointer-events-painted-lg--force {
    pointer-events: painted !important;
  }
  .pointer-events-fill-lg {
    pointer-events: fill;
  }
  .pointer-events-fill-lg--force {
    pointer-events: fill !important;
  }
  .pointer-events-stroke-lg {
    pointer-events: stroke;
  }
  .pointer-events-stroke-lg--force {
    pointer-events: stroke !important;
  }
}
@media screen and (min-width: 1536px) {
  .pointer-events-auto-xl {
    pointer-events: auto;
  }
  .pointer-events-auto-xl--force {
    pointer-events: auto !important;
  }
  .pointer-events-none-xl {
    pointer-events: none;
  }
  .pointer-events-none-xl--force {
    pointer-events: none !important;
  }
  .pointer-events-all-xl {
    pointer-events: all;
  }
  .pointer-events-all-xl--force {
    pointer-events: all !important;
  }
  .pointer-events-visible-xl {
    pointer-events: visible;
  }
  .pointer-events-visible-xl--force {
    pointer-events: visible !important;
  }
  .pointer-events-visiblePainted-xl {
    pointer-events: visiblePainted;
  }
  .pointer-events-visiblePainted-xl--force {
    pointer-events: visiblePainted !important;
  }
  .pointer-events-visibleFill-xl {
    pointer-events: visibleFill;
  }
  .pointer-events-visibleFill-xl--force {
    pointer-events: visibleFill !important;
  }
  .pointer-events-visibleStroke-xl {
    pointer-events: visibleStroke;
  }
  .pointer-events-visibleStroke-xl--force {
    pointer-events: visibleStroke !important;
  }
  .pointer-events-painted-xl {
    pointer-events: painted;
  }
  .pointer-events-painted-xl--force {
    pointer-events: painted !important;
  }
  .pointer-events-fill-xl {
    pointer-events: fill;
  }
  .pointer-events-fill-xl--force {
    pointer-events: fill !important;
  }
  .pointer-events-stroke-xl {
    pointer-events: stroke;
  }
  .pointer-events-stroke-xl--force {
    pointer-events: stroke !important;
  }
}
.opacity-0 {
  opacity: 0;
}

.opacity-0--force {
  opacity: 0 !important;
}

.opacity-01 {
  opacity: 0.1;
}

.opacity-01--force {
  opacity: 0.1 !important;
}

.opacity-02 {
  opacity: 0.2;
}

.opacity-02--force {
  opacity: 0.2 !important;
}

.opacity-03 {
  opacity: 0.3;
}

.opacity-03--force {
  opacity: 0.3 !important;
}

.opacity-04 {
  opacity: 0.4;
}

.opacity-04--force {
  opacity: 0.4 !important;
}

.opacity-05 {
  opacity: 0.5;
}

.opacity-05--force {
  opacity: 0.5 !important;
}

.opacity-06 {
  opacity: 0.6;
}

.opacity-06--force {
  opacity: 0.6 !important;
}

.opacity-07 {
  opacity: 0.7;
}

.opacity-07--force {
  opacity: 0.7 !important;
}

.opacity-08 {
  opacity: 0.8;
}

.opacity-08--force {
  opacity: 0.8 !important;
}

.opacity-09 {
  opacity: 0.9;
}

.opacity-09--force {
  opacity: 0.9 !important;
}

.opacity-10 {
  opacity: 1;
}

.opacity-10--force {
  opacity: 1 !important;
}

.opacity-1 {
  opacity: 1;
}

.opacity-1--force {
  opacity: 1 !important;
}

@media screen and (max-width: 639px) {
  .opacity-xs-0 {
    opacity: 0;
  }
  .opacity-xs-0--force {
    opacity: 0 !important;
  }
  .opacity-xs-01 {
    opacity: 0.1;
  }
  .opacity-xs-01--force {
    opacity: 0.1 !important;
  }
  .opacity-xs-02 {
    opacity: 0.2;
  }
  .opacity-xs-02--force {
    opacity: 0.2 !important;
  }
  .opacity-xs-03 {
    opacity: 0.3;
  }
  .opacity-xs-03--force {
    opacity: 0.3 !important;
  }
  .opacity-xs-04 {
    opacity: 0.4;
  }
  .opacity-xs-04--force {
    opacity: 0.4 !important;
  }
  .opacity-xs-05 {
    opacity: 0.5;
  }
  .opacity-xs-05--force {
    opacity: 0.5 !important;
  }
  .opacity-xs-06 {
    opacity: 0.6;
  }
  .opacity-xs-06--force {
    opacity: 0.6 !important;
  }
  .opacity-xs-07 {
    opacity: 0.7;
  }
  .opacity-xs-07--force {
    opacity: 0.7 !important;
  }
  .opacity-xs-08 {
    opacity: 0.8;
  }
  .opacity-xs-08--force {
    opacity: 0.8 !important;
  }
  .opacity-xs-09 {
    opacity: 0.9;
  }
  .opacity-xs-09--force {
    opacity: 0.9 !important;
  }
  .opacity-xs-10 {
    opacity: 1;
  }
  .opacity-xs-10--force {
    opacity: 1 !important;
  }
  .opacity-xs-1 {
    opacity: 1;
  }
  .opacity-xs-1--force {
    opacity: 1 !important;
  }
}
@media screen and (min-width: 640px) {
  .opacity-sm-0 {
    opacity: 0;
  }
  .opacity-sm-0--force {
    opacity: 0 !important;
  }
  .opacity-sm-01 {
    opacity: 0.1;
  }
  .opacity-sm-01--force {
    opacity: 0.1 !important;
  }
  .opacity-sm-02 {
    opacity: 0.2;
  }
  .opacity-sm-02--force {
    opacity: 0.2 !important;
  }
  .opacity-sm-03 {
    opacity: 0.3;
  }
  .opacity-sm-03--force {
    opacity: 0.3 !important;
  }
  .opacity-sm-04 {
    opacity: 0.4;
  }
  .opacity-sm-04--force {
    opacity: 0.4 !important;
  }
  .opacity-sm-05 {
    opacity: 0.5;
  }
  .opacity-sm-05--force {
    opacity: 0.5 !important;
  }
  .opacity-sm-06 {
    opacity: 0.6;
  }
  .opacity-sm-06--force {
    opacity: 0.6 !important;
  }
  .opacity-sm-07 {
    opacity: 0.7;
  }
  .opacity-sm-07--force {
    opacity: 0.7 !important;
  }
  .opacity-sm-08 {
    opacity: 0.8;
  }
  .opacity-sm-08--force {
    opacity: 0.8 !important;
  }
  .opacity-sm-09 {
    opacity: 0.9;
  }
  .opacity-sm-09--force {
    opacity: 0.9 !important;
  }
  .opacity-sm-10 {
    opacity: 1;
  }
  .opacity-sm-10--force {
    opacity: 1 !important;
  }
  .opacity-sm-1 {
    opacity: 1;
  }
  .opacity-sm-1--force {
    opacity: 1 !important;
  }
}
@media screen and (min-width: 1024px) {
  .opacity-md-0 {
    opacity: 0;
  }
  .opacity-md-0--force {
    opacity: 0 !important;
  }
  .opacity-md-01 {
    opacity: 0.1;
  }
  .opacity-md-01--force {
    opacity: 0.1 !important;
  }
  .opacity-md-02 {
    opacity: 0.2;
  }
  .opacity-md-02--force {
    opacity: 0.2 !important;
  }
  .opacity-md-03 {
    opacity: 0.3;
  }
  .opacity-md-03--force {
    opacity: 0.3 !important;
  }
  .opacity-md-04 {
    opacity: 0.4;
  }
  .opacity-md-04--force {
    opacity: 0.4 !important;
  }
  .opacity-md-05 {
    opacity: 0.5;
  }
  .opacity-md-05--force {
    opacity: 0.5 !important;
  }
  .opacity-md-06 {
    opacity: 0.6;
  }
  .opacity-md-06--force {
    opacity: 0.6 !important;
  }
  .opacity-md-07 {
    opacity: 0.7;
  }
  .opacity-md-07--force {
    opacity: 0.7 !important;
  }
  .opacity-md-08 {
    opacity: 0.8;
  }
  .opacity-md-08--force {
    opacity: 0.8 !important;
  }
  .opacity-md-09 {
    opacity: 0.9;
  }
  .opacity-md-09--force {
    opacity: 0.9 !important;
  }
  .opacity-md-10 {
    opacity: 1;
  }
  .opacity-md-10--force {
    opacity: 1 !important;
  }
  .opacity-md-1 {
    opacity: 1;
  }
  .opacity-md-1--force {
    opacity: 1 !important;
  }
}
@media screen and (min-width: 1280px) {
  .opacity-lg-0 {
    opacity: 0;
  }
  .opacity-lg-0--force {
    opacity: 0 !important;
  }
  .opacity-lg-01 {
    opacity: 0.1;
  }
  .opacity-lg-01--force {
    opacity: 0.1 !important;
  }
  .opacity-lg-02 {
    opacity: 0.2;
  }
  .opacity-lg-02--force {
    opacity: 0.2 !important;
  }
  .opacity-lg-03 {
    opacity: 0.3;
  }
  .opacity-lg-03--force {
    opacity: 0.3 !important;
  }
  .opacity-lg-04 {
    opacity: 0.4;
  }
  .opacity-lg-04--force {
    opacity: 0.4 !important;
  }
  .opacity-lg-05 {
    opacity: 0.5;
  }
  .opacity-lg-05--force {
    opacity: 0.5 !important;
  }
  .opacity-lg-06 {
    opacity: 0.6;
  }
  .opacity-lg-06--force {
    opacity: 0.6 !important;
  }
  .opacity-lg-07 {
    opacity: 0.7;
  }
  .opacity-lg-07--force {
    opacity: 0.7 !important;
  }
  .opacity-lg-08 {
    opacity: 0.8;
  }
  .opacity-lg-08--force {
    opacity: 0.8 !important;
  }
  .opacity-lg-09 {
    opacity: 0.9;
  }
  .opacity-lg-09--force {
    opacity: 0.9 !important;
  }
  .opacity-lg-10 {
    opacity: 1;
  }
  .opacity-lg-10--force {
    opacity: 1 !important;
  }
  .opacity-lg-1 {
    opacity: 1;
  }
  .opacity-lg-1--force {
    opacity: 1 !important;
  }
}
@media screen and (min-width: 1536px) {
  .opacity-xl-0 {
    opacity: 0;
  }
  .opacity-xl-0--force {
    opacity: 0 !important;
  }
  .opacity-xl-01 {
    opacity: 0.1;
  }
  .opacity-xl-01--force {
    opacity: 0.1 !important;
  }
  .opacity-xl-02 {
    opacity: 0.2;
  }
  .opacity-xl-02--force {
    opacity: 0.2 !important;
  }
  .opacity-xl-03 {
    opacity: 0.3;
  }
  .opacity-xl-03--force {
    opacity: 0.3 !important;
  }
  .opacity-xl-04 {
    opacity: 0.4;
  }
  .opacity-xl-04--force {
    opacity: 0.4 !important;
  }
  .opacity-xl-05 {
    opacity: 0.5;
  }
  .opacity-xl-05--force {
    opacity: 0.5 !important;
  }
  .opacity-xl-06 {
    opacity: 0.6;
  }
  .opacity-xl-06--force {
    opacity: 0.6 !important;
  }
  .opacity-xl-07 {
    opacity: 0.7;
  }
  .opacity-xl-07--force {
    opacity: 0.7 !important;
  }
  .opacity-xl-08 {
    opacity: 0.8;
  }
  .opacity-xl-08--force {
    opacity: 0.8 !important;
  }
  .opacity-xl-09 {
    opacity: 0.9;
  }
  .opacity-xl-09--force {
    opacity: 0.9 !important;
  }
  .opacity-xl-10 {
    opacity: 1;
  }
  .opacity-xl-10--force {
    opacity: 1 !important;
  }
  .opacity-xl-1 {
    opacity: 1;
  }
  .opacity-xl-1--force {
    opacity: 1 !important;
  }
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.list-style-none {
  list-style: none;
}

.list-style-disc {
  list-style: disc;
}

.list-style-dot {
  list-style: dot;
}

.text-decoration-strike,
.text-strike,
.text-line-through {
  text-decoration: line-through;
}

.text-decoration-strike--force,
.text-strike--force,
.text-line-through--force {
  text-decoration: line-through !important;
}

.text-decoration-none,
.text-none {
  text-decoration: none;
}

.text-decoration-none--force,
.text-none--force {
  text-decoration: none !important;
}

.text-super {
  vertical-align: super;
}

.text-super--force {
  vertical-align: super !important;
}

.text-sub {
  vertical-align: sub;
}

.text-sub--force {
  vertical-align: sub !important;
}

@media screen and (max-width: 639px) {
  .text-xs-decoration-strike,
  .text-xs-strike,
  .text-xs-line-through {
    text-decoration: line-through;
  }
  .text-xs-decoration-strike--force,
  .text-xs-strike--force,
  .text-xs-line-through--force {
    text-decoration: line-through !important;
  }
  .text-xs-decoration-none,
  .text-xs-none {
    text-decoration: none;
  }
  .text-xs-decoration-none--force,
  .text-xs-none--force {
    text-decoration: none !important;
  }
  .text-xs-super {
    vertical-align: super;
  }
  .text-xs-super--force {
    vertical-align: super !important;
  }
  .text-xs-sub {
    vertical-align: sub;
  }
  .text-xs-sub--force {
    vertical-align: sub !important;
  }
}
@media screen and (min-width: 640px) {
  .text-sm-decoration-strike,
  .text-sm-strike,
  .text-sm-line-through {
    text-decoration: line-through;
  }
  .text-sm-decoration-strike--force,
  .text-sm-strike--force,
  .text-sm-line-through--force {
    text-decoration: line-through !important;
  }
  .text-sm-decoration-none,
  .text-sm-none {
    text-decoration: none;
  }
  .text-sm-decoration-none--force,
  .text-sm-none--force {
    text-decoration: none !important;
  }
  .text-sm-super {
    vertical-align: super;
  }
  .text-sm-super--force {
    vertical-align: super !important;
  }
  .text-sm-sub {
    vertical-align: sub;
  }
  .text-sm-sub--force {
    vertical-align: sub !important;
  }
}
@media screen and (min-width: 1024px) {
  .text-md-decoration-strike,
  .text-md-strike,
  .text-md-line-through {
    text-decoration: line-through;
  }
  .text-md-decoration-strike--force,
  .text-md-strike--force,
  .text-md-line-through--force {
    text-decoration: line-through !important;
  }
  .text-md-decoration-none,
  .text-md-none {
    text-decoration: none;
  }
  .text-md-decoration-none--force,
  .text-md-none--force {
    text-decoration: none !important;
  }
  .text-md-super {
    vertical-align: super;
  }
  .text-md-super--force {
    vertical-align: super !important;
  }
  .text-md-sub {
    vertical-align: sub;
  }
  .text-md-sub--force {
    vertical-align: sub !important;
  }
}
@media screen and (min-width: 1280px) {
  .text-lg-decoration-strike,
  .text-lg-strike,
  .text-lg-line-through {
    text-decoration: line-through;
  }
  .text-lg-decoration-strike--force,
  .text-lg-strike--force,
  .text-lg-line-through--force {
    text-decoration: line-through !important;
  }
  .text-lg-decoration-none,
  .text-lg-none {
    text-decoration: none;
  }
  .text-lg-decoration-none--force,
  .text-lg-none--force {
    text-decoration: none !important;
  }
  .text-lg-super {
    vertical-align: super;
  }
  .text-lg-super--force {
    vertical-align: super !important;
  }
  .text-lg-sub {
    vertical-align: sub;
  }
  .text-lg-sub--force {
    vertical-align: sub !important;
  }
}
@media screen and (min-width: 1536px) {
  .text-xl-decoration-strike,
  .text-xl-strike,
  .text-xl-line-through {
    text-decoration: line-through;
  }
  .text-xl-decoration-strike--force,
  .text-xl-strike--force,
  .text-xl-line-through--force {
    text-decoration: line-through !important;
  }
  .text-xl-decoration-none,
  .text-xl-none {
    text-decoration: none;
  }
  .text-xl-decoration-none--force,
  .text-xl-none--force {
    text-decoration: none !important;
  }
  .text-xl-super {
    vertical-align: super;
  }
  .text-xl-super--force {
    vertical-align: super !important;
  }
  .text-xl-sub {
    vertical-align: sub;
  }
  .text-xl-sub--force {
    vertical-align: sub !important;
  }
}
.text-capitalize {
  text-transform: capitalize;
}

.text-capitalize--force {
  text-transform: capitalize !important;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-lowercase--force {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-uppercase--force {
  text-transform: uppercase !important;
}

.text-nowrap {
  white-space: nowrap;
}

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

.text-left--force {
  text-align: left !important;
}

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

.text-center--force {
  text-align: center !important;
}

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

.text-right--force {
  text-align: right !important;
}

@media screen and (max-width: 639px) {
  .text-xs-capitalize {
    text-transform: capitalize;
  }
  .text-xs-capitalize--force {
    text-transform: capitalize !important;
  }
  .text-xs-lowercase {
    text-transform: lowercase;
  }
  .text-xs-lowercase--force {
    text-transform: lowercase !important;
  }
  .text-xs-uppercase {
    text-transform: uppercase;
  }
  .text-xs-uppercase--force {
    text-transform: uppercase !important;
  }
  .text-xs-nowrap {
    white-space: nowrap;
  }
  .text-xs-left {
    text-align: left;
  }
  .text-xs-left--force {
    text-align: left !important;
  }
  .text-xs-center {
    text-align: center;
  }
  .text-xs-center--force {
    text-align: center !important;
  }
  .text-xs-right {
    text-align: right;
  }
  .text-xs-right--force {
    text-align: right !important;
  }
}
@media screen and (min-width: 640px) {
  .text-sm-capitalize {
    text-transform: capitalize;
  }
  .text-sm-capitalize--force {
    text-transform: capitalize !important;
  }
  .text-sm-lowercase {
    text-transform: lowercase;
  }
  .text-sm-lowercase--force {
    text-transform: lowercase !important;
  }
  .text-sm-uppercase {
    text-transform: uppercase;
  }
  .text-sm-uppercase--force {
    text-transform: uppercase !important;
  }
  .text-sm-nowrap {
    white-space: nowrap;
  }
  .text-sm-left {
    text-align: left;
  }
  .text-sm-left--force {
    text-align: left !important;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-center--force {
    text-align: center !important;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-right--force {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) {
  .text-md-capitalize {
    text-transform: capitalize;
  }
  .text-md-capitalize--force {
    text-transform: capitalize !important;
  }
  .text-md-lowercase {
    text-transform: lowercase;
  }
  .text-md-lowercase--force {
    text-transform: lowercase !important;
  }
  .text-md-uppercase {
    text-transform: uppercase;
  }
  .text-md-uppercase--force {
    text-transform: uppercase !important;
  }
  .text-md-nowrap {
    white-space: nowrap;
  }
  .text-md-left {
    text-align: left;
  }
  .text-md-left--force {
    text-align: left !important;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-center--force {
    text-align: center !important;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-right--force {
    text-align: right !important;
  }
}
@media screen and (min-width: 1280px) {
  .text-lg-capitalize {
    text-transform: capitalize;
  }
  .text-lg-capitalize--force {
    text-transform: capitalize !important;
  }
  .text-lg-lowercase {
    text-transform: lowercase;
  }
  .text-lg-lowercase--force {
    text-transform: lowercase !important;
  }
  .text-lg-uppercase {
    text-transform: uppercase;
  }
  .text-lg-uppercase--force {
    text-transform: uppercase !important;
  }
  .text-lg-nowrap {
    white-space: nowrap;
  }
  .text-lg-left {
    text-align: left;
  }
  .text-lg-left--force {
    text-align: left !important;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-center--force {
    text-align: center !important;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-right--force {
    text-align: right !important;
  }
}
@media screen and (min-width: 1536px) {
  .text-xl-capitalize {
    text-transform: capitalize;
  }
  .text-xl-capitalize--force {
    text-transform: capitalize !important;
  }
  .text-xl-lowercase {
    text-transform: lowercase;
  }
  .text-xl-lowercase--force {
    text-transform: lowercase !important;
  }
  .text-xl-uppercase {
    text-transform: uppercase;
  }
  .text-xl-uppercase--force {
    text-transform: uppercase !important;
  }
  .text-xl-nowrap {
    white-space: nowrap;
  }
  .text-xl-left {
    text-align: left;
  }
  .text-xl-left--force {
    text-align: left !important;
  }
  .text-xl-center {
    text-align: center;
  }
  .text-xl-center--force {
    text-align: center !important;
  }
  .text-xl-right {
    text-align: right;
  }
  .text-xl-right--force {
    text-align: right !important;
  }
}
.text-boxed {
  border-radius: 2px;
  padding: 4px 8px;
  margin: 0 8px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.text-truncate,
.text-ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (max-width: 639px) {
  .text-xs-boxed {
    border-radius: 2px;
    padding: 4px 8px;
    margin: 0 8px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
  }
  .text-xs-truncate,
  .text-xs-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (min-width: 640px) {
  .text-sm-boxed {
    border-radius: 2px;
    padding: 4px 8px;
    margin: 0 8px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
  }
  .text-sm-truncate,
  .text-sm-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (min-width: 1024px) {
  .text-md-boxed {
    border-radius: 2px;
    padding: 4px 8px;
    margin: 0 8px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
  }
  .text-md-truncate,
  .text-md-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (min-width: 1280px) {
  .text-lg-boxed {
    border-radius: 2px;
    padding: 4px 8px;
    margin: 0 8px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
  }
  .text-lg-truncate,
  .text-lg-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (min-width: 1536px) {
  .text-xl-boxed {
    border-radius: 2px;
    padding: 4px 8px;
    margin: 0 8px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
  }
  .text-xl-truncate,
  .text-xl-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.overflow-auto {
  overflow: auto;
}

.overflow-auto--force {
  overflow: auto !important;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-scroll--force {
  overflow: scroll !important;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-hidden--force {
  overflow: hidden !important;
}

.overflow-overlay {
  overflow: overlay;
}

.overflow-overlay--force {
  overflow: overlay !important;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-x-auto--force {
  overflow-x: auto !important;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-x-scroll--force {
  overflow-x: scroll !important;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-hidden--force {
  overflow-x: hidden !important;
}

.overflow-x-overlay {
  overflow-x: overlay;
}

.overflow-x-overlay--force {
  overflow-x: overlay !important;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-auto--force {
  overflow-y: auto !important;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-y-scroll--force {
  overflow-y: scroll !important;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y-hidden--force {
  overflow-y: hidden !important;
}

.overflow-y-overlay {
  overflow-y: overlay;
}

.overflow-y-overlay--force {
  overflow-y: overlay !important;
}

@media screen and (max-width: 639px) {
  .overflow-xs-auto {
    overflow: auto;
  }
  .overflow-xs-auto--force {
    overflow: auto !important;
  }
  .overflow-xs-scroll {
    overflow: scroll;
  }
  .overflow-xs-scroll--force {
    overflow: scroll !important;
  }
  .overflow-xs-hidden {
    overflow: hidden;
  }
  .overflow-xs-hidden--force {
    overflow: hidden !important;
  }
  .overflow-xs-overlay {
    overflow: overlay;
  }
  .overflow-xs-overlay--force {
    overflow: overlay !important;
  }
  .overflow-x-xs-auto {
    overflow-x: auto;
  }
  .overflow-x-xs-auto--force {
    overflow-x: auto !important;
  }
  .overflow-x-xs-scroll {
    overflow-x: scroll;
  }
  .overflow-x-xs-scroll--force {
    overflow-x: scroll !important;
  }
  .overflow-x-xs-hidden {
    overflow-x: hidden;
  }
  .overflow-x-xs-hidden--force {
    overflow-x: hidden !important;
  }
  .overflow-x-xs-overlay {
    overflow-x: overlay;
  }
  .overflow-x-xs-overlay--force {
    overflow-x: overlay !important;
  }
  .overflow-y-xs-auto {
    overflow-y: auto;
  }
  .overflow-y-xs-auto--force {
    overflow-y: auto !important;
  }
  .overflow-y-xs-scroll {
    overflow-y: scroll;
  }
  .overflow-y-xs-scroll--force {
    overflow-y: scroll !important;
  }
  .overflow-y-xs-hidden {
    overflow-y: hidden;
  }
  .overflow-y-xs-hidden--force {
    overflow-y: hidden !important;
  }
  .overflow-y-xs-overlay {
    overflow-y: overlay;
  }
  .overflow-y-xs-overlay--force {
    overflow-y: overlay !important;
  }
}
@media screen and (min-width: 640px) {
  .overflow-sm-auto {
    overflow: auto;
  }
  .overflow-sm-auto--force {
    overflow: auto !important;
  }
  .overflow-sm-scroll {
    overflow: scroll;
  }
  .overflow-sm-scroll--force {
    overflow: scroll !important;
  }
  .overflow-sm-hidden {
    overflow: hidden;
  }
  .overflow-sm-hidden--force {
    overflow: hidden !important;
  }
  .overflow-sm-overlay {
    overflow: overlay;
  }
  .overflow-sm-overlay--force {
    overflow: overlay !important;
  }
  .overflow-x-sm-auto {
    overflow-x: auto;
  }
  .overflow-x-sm-auto--force {
    overflow-x: auto !important;
  }
  .overflow-x-sm-scroll {
    overflow-x: scroll;
  }
  .overflow-x-sm-scroll--force {
    overflow-x: scroll !important;
  }
  .overflow-x-sm-hidden {
    overflow-x: hidden;
  }
  .overflow-x-sm-hidden--force {
    overflow-x: hidden !important;
  }
  .overflow-x-sm-overlay {
    overflow-x: overlay;
  }
  .overflow-x-sm-overlay--force {
    overflow-x: overlay !important;
  }
  .overflow-y-sm-auto {
    overflow-y: auto;
  }
  .overflow-y-sm-auto--force {
    overflow-y: auto !important;
  }
  .overflow-y-sm-scroll {
    overflow-y: scroll;
  }
  .overflow-y-sm-scroll--force {
    overflow-y: scroll !important;
  }
  .overflow-y-sm-hidden {
    overflow-y: hidden;
  }
  .overflow-y-sm-hidden--force {
    overflow-y: hidden !important;
  }
  .overflow-y-sm-overlay {
    overflow-y: overlay;
  }
  .overflow-y-sm-overlay--force {
    overflow-y: overlay !important;
  }
}
@media screen and (min-width: 1024px) {
  .overflow-md-auto {
    overflow: auto;
  }
  .overflow-md-auto--force {
    overflow: auto !important;
  }
  .overflow-md-scroll {
    overflow: scroll;
  }
  .overflow-md-scroll--force {
    overflow: scroll !important;
  }
  .overflow-md-hidden {
    overflow: hidden;
  }
  .overflow-md-hidden--force {
    overflow: hidden !important;
  }
  .overflow-md-overlay {
    overflow: overlay;
  }
  .overflow-md-overlay--force {
    overflow: overlay !important;
  }
  .overflow-x-md-auto {
    overflow-x: auto;
  }
  .overflow-x-md-auto--force {
    overflow-x: auto !important;
  }
  .overflow-x-md-scroll {
    overflow-x: scroll;
  }
  .overflow-x-md-scroll--force {
    overflow-x: scroll !important;
  }
  .overflow-x-md-hidden {
    overflow-x: hidden;
  }
  .overflow-x-md-hidden--force {
    overflow-x: hidden !important;
  }
  .overflow-x-md-overlay {
    overflow-x: overlay;
  }
  .overflow-x-md-overlay--force {
    overflow-x: overlay !important;
  }
  .overflow-y-md-auto {
    overflow-y: auto;
  }
  .overflow-y-md-auto--force {
    overflow-y: auto !important;
  }
  .overflow-y-md-scroll {
    overflow-y: scroll;
  }
  .overflow-y-md-scroll--force {
    overflow-y: scroll !important;
  }
  .overflow-y-md-hidden {
    overflow-y: hidden;
  }
  .overflow-y-md-hidden--force {
    overflow-y: hidden !important;
  }
  .overflow-y-md-overlay {
    overflow-y: overlay;
  }
  .overflow-y-md-overlay--force {
    overflow-y: overlay !important;
  }
}
@media screen and (min-width: 1280px) {
  .overflow-lg-auto {
    overflow: auto;
  }
  .overflow-lg-auto--force {
    overflow: auto !important;
  }
  .overflow-lg-scroll {
    overflow: scroll;
  }
  .overflow-lg-scroll--force {
    overflow: scroll !important;
  }
  .overflow-lg-hidden {
    overflow: hidden;
  }
  .overflow-lg-hidden--force {
    overflow: hidden !important;
  }
  .overflow-lg-overlay {
    overflow: overlay;
  }
  .overflow-lg-overlay--force {
    overflow: overlay !important;
  }
  .overflow-x-lg-auto {
    overflow-x: auto;
  }
  .overflow-x-lg-auto--force {
    overflow-x: auto !important;
  }
  .overflow-x-lg-scroll {
    overflow-x: scroll;
  }
  .overflow-x-lg-scroll--force {
    overflow-x: scroll !important;
  }
  .overflow-x-lg-hidden {
    overflow-x: hidden;
  }
  .overflow-x-lg-hidden--force {
    overflow-x: hidden !important;
  }
  .overflow-x-lg-overlay {
    overflow-x: overlay;
  }
  .overflow-x-lg-overlay--force {
    overflow-x: overlay !important;
  }
  .overflow-y-lg-auto {
    overflow-y: auto;
  }
  .overflow-y-lg-auto--force {
    overflow-y: auto !important;
  }
  .overflow-y-lg-scroll {
    overflow-y: scroll;
  }
  .overflow-y-lg-scroll--force {
    overflow-y: scroll !important;
  }
  .overflow-y-lg-hidden {
    overflow-y: hidden;
  }
  .overflow-y-lg-hidden--force {
    overflow-y: hidden !important;
  }
  .overflow-y-lg-overlay {
    overflow-y: overlay;
  }
  .overflow-y-lg-overlay--force {
    overflow-y: overlay !important;
  }
}
@media screen and (min-width: 1536px) {
  .overflow-xl-auto {
    overflow: auto;
  }
  .overflow-xl-auto--force {
    overflow: auto !important;
  }
  .overflow-xl-scroll {
    overflow: scroll;
  }
  .overflow-xl-scroll--force {
    overflow: scroll !important;
  }
  .overflow-xl-hidden {
    overflow: hidden;
  }
  .overflow-xl-hidden--force {
    overflow: hidden !important;
  }
  .overflow-xl-overlay {
    overflow: overlay;
  }
  .overflow-xl-overlay--force {
    overflow: overlay !important;
  }
  .overflow-x-xl-auto {
    overflow-x: auto;
  }
  .overflow-x-xl-auto--force {
    overflow-x: auto !important;
  }
  .overflow-x-xl-scroll {
    overflow-x: scroll;
  }
  .overflow-x-xl-scroll--force {
    overflow-x: scroll !important;
  }
  .overflow-x-xl-hidden {
    overflow-x: hidden;
  }
  .overflow-x-xl-hidden--force {
    overflow-x: hidden !important;
  }
  .overflow-x-xl-overlay {
    overflow-x: overlay;
  }
  .overflow-x-xl-overlay--force {
    overflow-x: overlay !important;
  }
  .overflow-y-xl-auto {
    overflow-y: auto;
  }
  .overflow-y-xl-auto--force {
    overflow-y: auto !important;
  }
  .overflow-y-xl-scroll {
    overflow-y: scroll;
  }
  .overflow-y-xl-scroll--force {
    overflow-y: scroll !important;
  }
  .overflow-y-xl-hidden {
    overflow-y: hidden;
  }
  .overflow-y-xl-hidden--force {
    overflow-y: hidden !important;
  }
  .overflow-y-xl-overlay {
    overflow-y: overlay;
  }
  .overflow-y-xl-overlay--force {
    overflow-y: overlay !important;
  }
}
.border-0,
.b-0 {
  border: 0px solid;
}

.border-bottom-0,
.bb-0 {
  border-bottom: 0px solid;
}

.border-bottom-0--force,
.bb-0--force {
  border-bottom: 0px solid !important;
}

.border-top-0,
.bt-0 {
  border-top: 0px solid;
}

.border-top-0--force,
.bt-0--force {
  border-top: 0px solid !important;
}

.border-left-0,
.bl-0 {
  border-left: 0px solid;
}

.border-left-0--force,
.bl-0--force {
  border-left: 0px solid !important;
}

.border-right-0,
.br-0 {
  border-right: 0px solid;
}

.border-right-0--force,
.br-0--force {
  border-right: 0px solid !important;
}

.border-2,
.b-2 {
  border: 2px solid;
}

.border-bottom-2,
.bb-2 {
  border-bottom: 2px solid;
}

.border-bottom-2--force,
.bb-2--force {
  border-bottom: 2px solid !important;
}

.border-top-2,
.bt-2 {
  border-top: 2px solid;
}

.border-top-2--force,
.bt-2--force {
  border-top: 2px solid !important;
}

.border-left-2,
.bl-2 {
  border-left: 2px solid;
}

.border-left-2--force,
.bl-2--force {
  border-left: 2px solid !important;
}

.border-right-2,
.br-2 {
  border-right: 2px solid;
}

.border-right-2--force,
.br-2--force {
  border-right: 2px solid !important;
}

.border-4,
.b-4 {
  border: 4px solid;
}

.border-bottom-4,
.bb-4 {
  border-bottom: 4px solid;
}

.border-bottom-4--force,
.bb-4--force {
  border-bottom: 4px solid !important;
}

.border-top-4,
.bt-4 {
  border-top: 4px solid;
}

.border-top-4--force,
.bt-4--force {
  border-top: 4px solid !important;
}

.border-left-4,
.bl-4 {
  border-left: 4px solid;
}

.border-left-4--force,
.bl-4--force {
  border-left: 4px solid !important;
}

.border-right-4,
.br-4 {
  border-right: 4px solid;
}

.border-right-4--force,
.br-4--force {
  border-right: 4px solid !important;
}

.border-6,
.b-6 {
  border: 6px solid;
}

.border-bottom-6,
.bb-6 {
  border-bottom: 6px solid;
}

.border-bottom-6--force,
.bb-6--force {
  border-bottom: 6px solid !important;
}

.border-top-6,
.bt-6 {
  border-top: 6px solid;
}

.border-top-6--force,
.bt-6--force {
  border-top: 6px solid !important;
}

.border-left-6,
.bl-6 {
  border-left: 6px solid;
}

.border-left-6--force,
.bl-6--force {
  border-left: 6px solid !important;
}

.border-right-6,
.br-6 {
  border-right: 6px solid;
}

.border-right-6--force,
.br-6--force {
  border-right: 6px solid !important;
}

.border-8,
.b-8 {
  border: 8px solid;
}

.border-bottom-8,
.bb-8 {
  border-bottom: 8px solid;
}

.border-bottom-8--force,
.bb-8--force {
  border-bottom: 8px solid !important;
}

.border-top-8,
.bt-8 {
  border-top: 8px solid;
}

.border-top-8--force,
.bt-8--force {
  border-top: 8px solid !important;
}

.border-left-8,
.bl-8 {
  border-left: 8px solid;
}

.border-left-8--force,
.bl-8--force {
  border-left: 8px solid !important;
}

.border-right-8,
.br-8 {
  border-right: 8px solid;
}

.border-right-8--force,
.br-8--force {
  border-right: 8px solid !important;
}

.b-none,
.border-none {
  border: none;
}

.b-none--force,
.border-none--force {
  border: none !important;
}

.border-1,
.b-1 {
  border: var(--matcha-border-hairline, 1px) solid;
}

.border-1--force,
.b-1--force {
  border: var(--matcha-border-hairline, 1px) solid !important;
}

.border-bottom-1,
.bb-1 {
  border-bottom: var(--matcha-border-hairline, 1px) solid;
}

.border-bottom-1--force,
.bb-1--force {
  border-bottom: var(--matcha-border-hairline, 1px) solid !important;
}

.border-top-1,
.bt-1 {
  border-top: var(--matcha-border-hairline, 1px) solid;
}

.border-top-1--force,
.bt-1--force {
  border-top: var(--matcha-border-hairline, 1px) solid !important;
}

.border-left-1,
.bl-1 {
  border-left: var(--matcha-border-hairline, 1px) solid;
}

.border-left-1--force,
.bl-1--force {
  border-left: var(--matcha-border-hairline, 1px) solid !important;
}

.border-right-1,
.br-1 {
  border-right: var(--matcha-border-hairline, 1px) solid;
}

.border-right-1--force,
.br-1--force {
  border-right: var(--matcha-border-hairline, 1px) solid !important;
}

@media screen and (max-width: 639px) {
  .border-xs-0,
  .b-xs-0 {
    border: 0px solid;
  }
  .border-bottom-xs-0,
  .bb-xs-0 {
    border-bottom: 0px solid;
  }
  .border-bottom-xs-0--force,
  .bb-xs-0--force {
    border-bottom: 0px solid !important;
  }
  .border-top-xs-0,
  .bt-xs-0 {
    border-top: 0px solid;
  }
  .border-top-xs-0--force,
  .bt-xs-0--force {
    border-top: 0px solid !important;
  }
  .border-left-xs-0,
  .bl-xs-0 {
    border-left: 0px solid;
  }
  .border-left-xs-0--force,
  .bl-xs-0--force {
    border-left: 0px solid !important;
  }
  .border-right-xs-0,
  .br-xs-0 {
    border-right: 0px solid;
  }
  .border-right-xs-0--force,
  .br-xs-0--force {
    border-right: 0px solid !important;
  }
  .border-xs-2,
  .b-xs-2 {
    border: 2px solid;
  }
  .border-bottom-xs-2,
  .bb-xs-2 {
    border-bottom: 2px solid;
  }
  .border-bottom-xs-2--force,
  .bb-xs-2--force {
    border-bottom: 2px solid !important;
  }
  .border-top-xs-2,
  .bt-xs-2 {
    border-top: 2px solid;
  }
  .border-top-xs-2--force,
  .bt-xs-2--force {
    border-top: 2px solid !important;
  }
  .border-left-xs-2,
  .bl-xs-2 {
    border-left: 2px solid;
  }
  .border-left-xs-2--force,
  .bl-xs-2--force {
    border-left: 2px solid !important;
  }
  .border-right-xs-2,
  .br-xs-2 {
    border-right: 2px solid;
  }
  .border-right-xs-2--force,
  .br-xs-2--force {
    border-right: 2px solid !important;
  }
  .border-xs-4,
  .b-xs-4 {
    border: 4px solid;
  }
  .border-bottom-xs-4,
  .bb-xs-4 {
    border-bottom: 4px solid;
  }
  .border-bottom-xs-4--force,
  .bb-xs-4--force {
    border-bottom: 4px solid !important;
  }
  .border-top-xs-4,
  .bt-xs-4 {
    border-top: 4px solid;
  }
  .border-top-xs-4--force,
  .bt-xs-4--force {
    border-top: 4px solid !important;
  }
  .border-left-xs-4,
  .bl-xs-4 {
    border-left: 4px solid;
  }
  .border-left-xs-4--force,
  .bl-xs-4--force {
    border-left: 4px solid !important;
  }
  .border-right-xs-4,
  .br-xs-4 {
    border-right: 4px solid;
  }
  .border-right-xs-4--force,
  .br-xs-4--force {
    border-right: 4px solid !important;
  }
  .border-xs-6,
  .b-xs-6 {
    border: 6px solid;
  }
  .border-bottom-xs-6,
  .bb-xs-6 {
    border-bottom: 6px solid;
  }
  .border-bottom-xs-6--force,
  .bb-xs-6--force {
    border-bottom: 6px solid !important;
  }
  .border-top-xs-6,
  .bt-xs-6 {
    border-top: 6px solid;
  }
  .border-top-xs-6--force,
  .bt-xs-6--force {
    border-top: 6px solid !important;
  }
  .border-left-xs-6,
  .bl-xs-6 {
    border-left: 6px solid;
  }
  .border-left-xs-6--force,
  .bl-xs-6--force {
    border-left: 6px solid !important;
  }
  .border-right-xs-6,
  .br-xs-6 {
    border-right: 6px solid;
  }
  .border-right-xs-6--force,
  .br-xs-6--force {
    border-right: 6px solid !important;
  }
  .border-xs-8,
  .b-xs-8 {
    border: 8px solid;
  }
  .border-bottom-xs-8,
  .bb-xs-8 {
    border-bottom: 8px solid;
  }
  .border-bottom-xs-8--force,
  .bb-xs-8--force {
    border-bottom: 8px solid !important;
  }
  .border-top-xs-8,
  .bt-xs-8 {
    border-top: 8px solid;
  }
  .border-top-xs-8--force,
  .bt-xs-8--force {
    border-top: 8px solid !important;
  }
  .border-left-xs-8,
  .bl-xs-8 {
    border-left: 8px solid;
  }
  .border-left-xs-8--force,
  .bl-xs-8--force {
    border-left: 8px solid !important;
  }
  .border-right-xs-8,
  .br-xs-8 {
    border-right: 8px solid;
  }
  .border-right-xs-8--force,
  .br-xs-8--force {
    border-right: 8px solid !important;
  }
  .b-xs-none,
  .border-xs-none {
    border: none;
  }
  .b-xs-none--force,
  .border-xs-none--force {
    border: none !important;
  }
  .border-xs-1,
  .b-xs-1 {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-xs-1--force,
  .b-xs-1--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-xs-1,
  .bb-xs-1 {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-xs-1--force,
  .bb-xs-1--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-xs-1,
  .bt-xs-1 {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-xs-1--force,
  .bt-xs-1--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-xs-1,
  .bl-xs-1 {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-xs-1--force,
  .bl-xs-1--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-xs-1,
  .br-xs-1 {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-xs-1--force,
  .br-xs-1--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
}
@media screen and (min-width: 640px) {
  .border-sm-0,
  .b-sm-0 {
    border: 0px solid;
  }
  .border-bottom-sm-0,
  .bb-sm-0 {
    border-bottom: 0px solid;
  }
  .border-bottom-sm-0--force,
  .bb-sm-0--force {
    border-bottom: 0px solid !important;
  }
  .border-top-sm-0,
  .bt-sm-0 {
    border-top: 0px solid;
  }
  .border-top-sm-0--force,
  .bt-sm-0--force {
    border-top: 0px solid !important;
  }
  .border-left-sm-0,
  .bl-sm-0 {
    border-left: 0px solid;
  }
  .border-left-sm-0--force,
  .bl-sm-0--force {
    border-left: 0px solid !important;
  }
  .border-right-sm-0,
  .br-sm-0 {
    border-right: 0px solid;
  }
  .border-right-sm-0--force,
  .br-sm-0--force {
    border-right: 0px solid !important;
  }
  .border-sm-2,
  .b-sm-2 {
    border: 2px solid;
  }
  .border-bottom-sm-2,
  .bb-sm-2 {
    border-bottom: 2px solid;
  }
  .border-bottom-sm-2--force,
  .bb-sm-2--force {
    border-bottom: 2px solid !important;
  }
  .border-top-sm-2,
  .bt-sm-2 {
    border-top: 2px solid;
  }
  .border-top-sm-2--force,
  .bt-sm-2--force {
    border-top: 2px solid !important;
  }
  .border-left-sm-2,
  .bl-sm-2 {
    border-left: 2px solid;
  }
  .border-left-sm-2--force,
  .bl-sm-2--force {
    border-left: 2px solid !important;
  }
  .border-right-sm-2,
  .br-sm-2 {
    border-right: 2px solid;
  }
  .border-right-sm-2--force,
  .br-sm-2--force {
    border-right: 2px solid !important;
  }
  .border-sm-4,
  .b-sm-4 {
    border: 4px solid;
  }
  .border-bottom-sm-4,
  .bb-sm-4 {
    border-bottom: 4px solid;
  }
  .border-bottom-sm-4--force,
  .bb-sm-4--force {
    border-bottom: 4px solid !important;
  }
  .border-top-sm-4,
  .bt-sm-4 {
    border-top: 4px solid;
  }
  .border-top-sm-4--force,
  .bt-sm-4--force {
    border-top: 4px solid !important;
  }
  .border-left-sm-4,
  .bl-sm-4 {
    border-left: 4px solid;
  }
  .border-left-sm-4--force,
  .bl-sm-4--force {
    border-left: 4px solid !important;
  }
  .border-right-sm-4,
  .br-sm-4 {
    border-right: 4px solid;
  }
  .border-right-sm-4--force,
  .br-sm-4--force {
    border-right: 4px solid !important;
  }
  .border-sm-6,
  .b-sm-6 {
    border: 6px solid;
  }
  .border-bottom-sm-6,
  .bb-sm-6 {
    border-bottom: 6px solid;
  }
  .border-bottom-sm-6--force,
  .bb-sm-6--force {
    border-bottom: 6px solid !important;
  }
  .border-top-sm-6,
  .bt-sm-6 {
    border-top: 6px solid;
  }
  .border-top-sm-6--force,
  .bt-sm-6--force {
    border-top: 6px solid !important;
  }
  .border-left-sm-6,
  .bl-sm-6 {
    border-left: 6px solid;
  }
  .border-left-sm-6--force,
  .bl-sm-6--force {
    border-left: 6px solid !important;
  }
  .border-right-sm-6,
  .br-sm-6 {
    border-right: 6px solid;
  }
  .border-right-sm-6--force,
  .br-sm-6--force {
    border-right: 6px solid !important;
  }
  .border-sm-8,
  .b-sm-8 {
    border: 8px solid;
  }
  .border-bottom-sm-8,
  .bb-sm-8 {
    border-bottom: 8px solid;
  }
  .border-bottom-sm-8--force,
  .bb-sm-8--force {
    border-bottom: 8px solid !important;
  }
  .border-top-sm-8,
  .bt-sm-8 {
    border-top: 8px solid;
  }
  .border-top-sm-8--force,
  .bt-sm-8--force {
    border-top: 8px solid !important;
  }
  .border-left-sm-8,
  .bl-sm-8 {
    border-left: 8px solid;
  }
  .border-left-sm-8--force,
  .bl-sm-8--force {
    border-left: 8px solid !important;
  }
  .border-right-sm-8,
  .br-sm-8 {
    border-right: 8px solid;
  }
  .border-right-sm-8--force,
  .br-sm-8--force {
    border-right: 8px solid !important;
  }
  .b-sm-none,
  .border-sm-none {
    border: none;
  }
  .b-sm-none--force,
  .border-sm-none--force {
    border: none !important;
  }
  .border-sm-1,
  .b-sm-1 {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-sm-1--force,
  .b-sm-1--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-sm-1,
  .bb-sm-1 {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-sm-1--force,
  .bb-sm-1--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-sm-1,
  .bt-sm-1 {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-sm-1--force,
  .bt-sm-1--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-sm-1,
  .bl-sm-1 {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-sm-1--force,
  .bl-sm-1--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-sm-1,
  .br-sm-1 {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-sm-1--force,
  .br-sm-1--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
}
@media screen and (min-width: 1024px) {
  .border-md-0,
  .b-md-0 {
    border: 0px solid;
  }
  .border-bottom-md-0,
  .bb-md-0 {
    border-bottom: 0px solid;
  }
  .border-bottom-md-0--force,
  .bb-md-0--force {
    border-bottom: 0px solid !important;
  }
  .border-top-md-0,
  .bt-md-0 {
    border-top: 0px solid;
  }
  .border-top-md-0--force,
  .bt-md-0--force {
    border-top: 0px solid !important;
  }
  .border-left-md-0,
  .bl-md-0 {
    border-left: 0px solid;
  }
  .border-left-md-0--force,
  .bl-md-0--force {
    border-left: 0px solid !important;
  }
  .border-right-md-0,
  .br-md-0 {
    border-right: 0px solid;
  }
  .border-right-md-0--force,
  .br-md-0--force {
    border-right: 0px solid !important;
  }
  .border-md-2,
  .b-md-2 {
    border: 2px solid;
  }
  .border-bottom-md-2,
  .bb-md-2 {
    border-bottom: 2px solid;
  }
  .border-bottom-md-2--force,
  .bb-md-2--force {
    border-bottom: 2px solid !important;
  }
  .border-top-md-2,
  .bt-md-2 {
    border-top: 2px solid;
  }
  .border-top-md-2--force,
  .bt-md-2--force {
    border-top: 2px solid !important;
  }
  .border-left-md-2,
  .bl-md-2 {
    border-left: 2px solid;
  }
  .border-left-md-2--force,
  .bl-md-2--force {
    border-left: 2px solid !important;
  }
  .border-right-md-2,
  .br-md-2 {
    border-right: 2px solid;
  }
  .border-right-md-2--force,
  .br-md-2--force {
    border-right: 2px solid !important;
  }
  .border-md-4,
  .b-md-4 {
    border: 4px solid;
  }
  .border-bottom-md-4,
  .bb-md-4 {
    border-bottom: 4px solid;
  }
  .border-bottom-md-4--force,
  .bb-md-4--force {
    border-bottom: 4px solid !important;
  }
  .border-top-md-4,
  .bt-md-4 {
    border-top: 4px solid;
  }
  .border-top-md-4--force,
  .bt-md-4--force {
    border-top: 4px solid !important;
  }
  .border-left-md-4,
  .bl-md-4 {
    border-left: 4px solid;
  }
  .border-left-md-4--force,
  .bl-md-4--force {
    border-left: 4px solid !important;
  }
  .border-right-md-4,
  .br-md-4 {
    border-right: 4px solid;
  }
  .border-right-md-4--force,
  .br-md-4--force {
    border-right: 4px solid !important;
  }
  .border-md-6,
  .b-md-6 {
    border: 6px solid;
  }
  .border-bottom-md-6,
  .bb-md-6 {
    border-bottom: 6px solid;
  }
  .border-bottom-md-6--force,
  .bb-md-6--force {
    border-bottom: 6px solid !important;
  }
  .border-top-md-6,
  .bt-md-6 {
    border-top: 6px solid;
  }
  .border-top-md-6--force,
  .bt-md-6--force {
    border-top: 6px solid !important;
  }
  .border-left-md-6,
  .bl-md-6 {
    border-left: 6px solid;
  }
  .border-left-md-6--force,
  .bl-md-6--force {
    border-left: 6px solid !important;
  }
  .border-right-md-6,
  .br-md-6 {
    border-right: 6px solid;
  }
  .border-right-md-6--force,
  .br-md-6--force {
    border-right: 6px solid !important;
  }
  .border-md-8,
  .b-md-8 {
    border: 8px solid;
  }
  .border-bottom-md-8,
  .bb-md-8 {
    border-bottom: 8px solid;
  }
  .border-bottom-md-8--force,
  .bb-md-8--force {
    border-bottom: 8px solid !important;
  }
  .border-top-md-8,
  .bt-md-8 {
    border-top: 8px solid;
  }
  .border-top-md-8--force,
  .bt-md-8--force {
    border-top: 8px solid !important;
  }
  .border-left-md-8,
  .bl-md-8 {
    border-left: 8px solid;
  }
  .border-left-md-8--force,
  .bl-md-8--force {
    border-left: 8px solid !important;
  }
  .border-right-md-8,
  .br-md-8 {
    border-right: 8px solid;
  }
  .border-right-md-8--force,
  .br-md-8--force {
    border-right: 8px solid !important;
  }
  .b-md-none,
  .border-md-none {
    border: none;
  }
  .b-md-none--force,
  .border-md-none--force {
    border: none !important;
  }
  .border-md-1,
  .b-md-1 {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-md-1--force,
  .b-md-1--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-md-1,
  .bb-md-1 {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-md-1--force,
  .bb-md-1--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-md-1,
  .bt-md-1 {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-md-1--force,
  .bt-md-1--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-md-1,
  .bl-md-1 {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-md-1--force,
  .bl-md-1--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-md-1,
  .br-md-1 {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-md-1--force,
  .br-md-1--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
}
@media screen and (min-width: 1280px) {
  .border-lg-0,
  .b-lg-0 {
    border: 0px solid;
  }
  .border-bottom-lg-0,
  .bb-lg-0 {
    border-bottom: 0px solid;
  }
  .border-bottom-lg-0--force,
  .bb-lg-0--force {
    border-bottom: 0px solid !important;
  }
  .border-top-lg-0,
  .bt-lg-0 {
    border-top: 0px solid;
  }
  .border-top-lg-0--force,
  .bt-lg-0--force {
    border-top: 0px solid !important;
  }
  .border-left-lg-0,
  .bl-lg-0 {
    border-left: 0px solid;
  }
  .border-left-lg-0--force,
  .bl-lg-0--force {
    border-left: 0px solid !important;
  }
  .border-right-lg-0,
  .br-lg-0 {
    border-right: 0px solid;
  }
  .border-right-lg-0--force,
  .br-lg-0--force {
    border-right: 0px solid !important;
  }
  .border-lg-2,
  .b-lg-2 {
    border: 2px solid;
  }
  .border-bottom-lg-2,
  .bb-lg-2 {
    border-bottom: 2px solid;
  }
  .border-bottom-lg-2--force,
  .bb-lg-2--force {
    border-bottom: 2px solid !important;
  }
  .border-top-lg-2,
  .bt-lg-2 {
    border-top: 2px solid;
  }
  .border-top-lg-2--force,
  .bt-lg-2--force {
    border-top: 2px solid !important;
  }
  .border-left-lg-2,
  .bl-lg-2 {
    border-left: 2px solid;
  }
  .border-left-lg-2--force,
  .bl-lg-2--force {
    border-left: 2px solid !important;
  }
  .border-right-lg-2,
  .br-lg-2 {
    border-right: 2px solid;
  }
  .border-right-lg-2--force,
  .br-lg-2--force {
    border-right: 2px solid !important;
  }
  .border-lg-4,
  .b-lg-4 {
    border: 4px solid;
  }
  .border-bottom-lg-4,
  .bb-lg-4 {
    border-bottom: 4px solid;
  }
  .border-bottom-lg-4--force,
  .bb-lg-4--force {
    border-bottom: 4px solid !important;
  }
  .border-top-lg-4,
  .bt-lg-4 {
    border-top: 4px solid;
  }
  .border-top-lg-4--force,
  .bt-lg-4--force {
    border-top: 4px solid !important;
  }
  .border-left-lg-4,
  .bl-lg-4 {
    border-left: 4px solid;
  }
  .border-left-lg-4--force,
  .bl-lg-4--force {
    border-left: 4px solid !important;
  }
  .border-right-lg-4,
  .br-lg-4 {
    border-right: 4px solid;
  }
  .border-right-lg-4--force,
  .br-lg-4--force {
    border-right: 4px solid !important;
  }
  .border-lg-6,
  .b-lg-6 {
    border: 6px solid;
  }
  .border-bottom-lg-6,
  .bb-lg-6 {
    border-bottom: 6px solid;
  }
  .border-bottom-lg-6--force,
  .bb-lg-6--force {
    border-bottom: 6px solid !important;
  }
  .border-top-lg-6,
  .bt-lg-6 {
    border-top: 6px solid;
  }
  .border-top-lg-6--force,
  .bt-lg-6--force {
    border-top: 6px solid !important;
  }
  .border-left-lg-6,
  .bl-lg-6 {
    border-left: 6px solid;
  }
  .border-left-lg-6--force,
  .bl-lg-6--force {
    border-left: 6px solid !important;
  }
  .border-right-lg-6,
  .br-lg-6 {
    border-right: 6px solid;
  }
  .border-right-lg-6--force,
  .br-lg-6--force {
    border-right: 6px solid !important;
  }
  .border-lg-8,
  .b-lg-8 {
    border: 8px solid;
  }
  .border-bottom-lg-8,
  .bb-lg-8 {
    border-bottom: 8px solid;
  }
  .border-bottom-lg-8--force,
  .bb-lg-8--force {
    border-bottom: 8px solid !important;
  }
  .border-top-lg-8,
  .bt-lg-8 {
    border-top: 8px solid;
  }
  .border-top-lg-8--force,
  .bt-lg-8--force {
    border-top: 8px solid !important;
  }
  .border-left-lg-8,
  .bl-lg-8 {
    border-left: 8px solid;
  }
  .border-left-lg-8--force,
  .bl-lg-8--force {
    border-left: 8px solid !important;
  }
  .border-right-lg-8,
  .br-lg-8 {
    border-right: 8px solid;
  }
  .border-right-lg-8--force,
  .br-lg-8--force {
    border-right: 8px solid !important;
  }
  .b-lg-none,
  .border-lg-none {
    border: none;
  }
  .b-lg-none--force,
  .border-lg-none--force {
    border: none !important;
  }
  .border-lg-1,
  .b-lg-1 {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-lg-1--force,
  .b-lg-1--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-lg-1,
  .bb-lg-1 {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-lg-1--force,
  .bb-lg-1--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-lg-1,
  .bt-lg-1 {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-lg-1--force,
  .bt-lg-1--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-lg-1,
  .bl-lg-1 {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-lg-1--force,
  .bl-lg-1--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-lg-1,
  .br-lg-1 {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-lg-1--force,
  .br-lg-1--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
}
@media screen and (min-width: 1536px) {
  .border-xl-0,
  .b-xl-0 {
    border: 0px solid;
  }
  .border-bottom-xl-0,
  .bb-xl-0 {
    border-bottom: 0px solid;
  }
  .border-bottom-xl-0--force,
  .bb-xl-0--force {
    border-bottom: 0px solid !important;
  }
  .border-top-xl-0,
  .bt-xl-0 {
    border-top: 0px solid;
  }
  .border-top-xl-0--force,
  .bt-xl-0--force {
    border-top: 0px solid !important;
  }
  .border-left-xl-0,
  .bl-xl-0 {
    border-left: 0px solid;
  }
  .border-left-xl-0--force,
  .bl-xl-0--force {
    border-left: 0px solid !important;
  }
  .border-right-xl-0,
  .br-xl-0 {
    border-right: 0px solid;
  }
  .border-right-xl-0--force,
  .br-xl-0--force {
    border-right: 0px solid !important;
  }
  .border-xl-2,
  .b-xl-2 {
    border: 2px solid;
  }
  .border-bottom-xl-2,
  .bb-xl-2 {
    border-bottom: 2px solid;
  }
  .border-bottom-xl-2--force,
  .bb-xl-2--force {
    border-bottom: 2px solid !important;
  }
  .border-top-xl-2,
  .bt-xl-2 {
    border-top: 2px solid;
  }
  .border-top-xl-2--force,
  .bt-xl-2--force {
    border-top: 2px solid !important;
  }
  .border-left-xl-2,
  .bl-xl-2 {
    border-left: 2px solid;
  }
  .border-left-xl-2--force,
  .bl-xl-2--force {
    border-left: 2px solid !important;
  }
  .border-right-xl-2,
  .br-xl-2 {
    border-right: 2px solid;
  }
  .border-right-xl-2--force,
  .br-xl-2--force {
    border-right: 2px solid !important;
  }
  .border-xl-4,
  .b-xl-4 {
    border: 4px solid;
  }
  .border-bottom-xl-4,
  .bb-xl-4 {
    border-bottom: 4px solid;
  }
  .border-bottom-xl-4--force,
  .bb-xl-4--force {
    border-bottom: 4px solid !important;
  }
  .border-top-xl-4,
  .bt-xl-4 {
    border-top: 4px solid;
  }
  .border-top-xl-4--force,
  .bt-xl-4--force {
    border-top: 4px solid !important;
  }
  .border-left-xl-4,
  .bl-xl-4 {
    border-left: 4px solid;
  }
  .border-left-xl-4--force,
  .bl-xl-4--force {
    border-left: 4px solid !important;
  }
  .border-right-xl-4,
  .br-xl-4 {
    border-right: 4px solid;
  }
  .border-right-xl-4--force,
  .br-xl-4--force {
    border-right: 4px solid !important;
  }
  .border-xl-6,
  .b-xl-6 {
    border: 6px solid;
  }
  .border-bottom-xl-6,
  .bb-xl-6 {
    border-bottom: 6px solid;
  }
  .border-bottom-xl-6--force,
  .bb-xl-6--force {
    border-bottom: 6px solid !important;
  }
  .border-top-xl-6,
  .bt-xl-6 {
    border-top: 6px solid;
  }
  .border-top-xl-6--force,
  .bt-xl-6--force {
    border-top: 6px solid !important;
  }
  .border-left-xl-6,
  .bl-xl-6 {
    border-left: 6px solid;
  }
  .border-left-xl-6--force,
  .bl-xl-6--force {
    border-left: 6px solid !important;
  }
  .border-right-xl-6,
  .br-xl-6 {
    border-right: 6px solid;
  }
  .border-right-xl-6--force,
  .br-xl-6--force {
    border-right: 6px solid !important;
  }
  .border-xl-8,
  .b-xl-8 {
    border: 8px solid;
  }
  .border-bottom-xl-8,
  .bb-xl-8 {
    border-bottom: 8px solid;
  }
  .border-bottom-xl-8--force,
  .bb-xl-8--force {
    border-bottom: 8px solid !important;
  }
  .border-top-xl-8,
  .bt-xl-8 {
    border-top: 8px solid;
  }
  .border-top-xl-8--force,
  .bt-xl-8--force {
    border-top: 8px solid !important;
  }
  .border-left-xl-8,
  .bl-xl-8 {
    border-left: 8px solid;
  }
  .border-left-xl-8--force,
  .bl-xl-8--force {
    border-left: 8px solid !important;
  }
  .border-right-xl-8,
  .br-xl-8 {
    border-right: 8px solid;
  }
  .border-right-xl-8--force,
  .br-xl-8--force {
    border-right: 8px solid !important;
  }
  .b-xl-none,
  .border-xl-none {
    border: none;
  }
  .b-xl-none--force,
  .border-xl-none--force {
    border: none !important;
  }
  .border-xl-1,
  .b-xl-1 {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-xl-1--force,
  .b-xl-1--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-xl-1,
  .bb-xl-1 {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-xl-1--force,
  .bb-xl-1--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-xl-1,
  .bt-xl-1 {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-xl-1--force,
  .bt-xl-1--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-xl-1,
  .bl-xl-1 {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-xl-1--force,
  .bl-xl-1--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-xl-1,
  .br-xl-1 {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-xl-1--force,
  .br-xl-1--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
}
.border-hairline,
.b-hairline {
  border: var(--matcha-border-hairline, 1px) solid;
}

.border-hairline--force,
.b-hairline--force {
  border: var(--matcha-border-hairline, 1px) solid !important;
}

.border-bottom-hairline,
.bb-hairline {
  border-bottom: var(--matcha-border-hairline, 1px) solid;
}

.border-bottom-hairline--force,
.bb-hairline--force {
  border-bottom: var(--matcha-border-hairline, 1px) solid !important;
}

.border-top-hairline,
.bt-hairline {
  border-top: var(--matcha-border-hairline, 1px) solid;
}

.border-top-hairline--force,
.bt-hairline--force {
  border-top: var(--matcha-border-hairline, 1px) solid !important;
}

.border-left-hairline,
.bl-hairline {
  border-left: var(--matcha-border-hairline, 1px) solid;
}

.border-left-hairline--force,
.bl-hairline--force {
  border-left: var(--matcha-border-hairline, 1px) solid !important;
}

.border-right-hairline,
.br-hairline {
  border-right: var(--matcha-border-hairline, 1px) solid;
}

.border-right-hairline--force,
.br-hairline--force {
  border-right: var(--matcha-border-hairline, 1px) solid !important;
}

.border-thin,
.b-thin {
  border: var(--matcha-border-thin, 2px) solid;
}

.border-thin--force,
.b-thin--force {
  border: var(--matcha-border-thin, 2px) solid !important;
}

.border-bottom-thin,
.bb-thin {
  border-bottom: var(--matcha-border-thin, 2px) solid;
}

.border-bottom-thin--force,
.bb-thin--force {
  border-bottom: var(--matcha-border-thin, 2px) solid !important;
}

.border-top-thin,
.bt-thin {
  border-top: var(--matcha-border-thin, 2px) solid;
}

.border-top-thin--force,
.bt-thin--force {
  border-top: var(--matcha-border-thin, 2px) solid !important;
}

.border-left-thin,
.bl-thin {
  border-left: var(--matcha-border-thin, 2px) solid;
}

.border-left-thin--force,
.bl-thin--force {
  border-left: var(--matcha-border-thin, 2px) solid !important;
}

.border-right-thin,
.br-thin {
  border-right: var(--matcha-border-thin, 2px) solid;
}

.border-right-thin--force,
.br-thin--force {
  border-right: var(--matcha-border-thin, 2px) solid !important;
}

.border-medium,
.b-medium {
  border: var(--matcha-border-medium, 4px) solid;
}

.border-medium--force,
.b-medium--force {
  border: var(--matcha-border-medium, 4px) solid !important;
}

.border-bottom-medium,
.bb-medium {
  border-bottom: var(--matcha-border-medium, 4px) solid;
}

.border-bottom-medium--force,
.bb-medium--force {
  border-bottom: var(--matcha-border-medium, 4px) solid !important;
}

.border-top-medium,
.bt-medium {
  border-top: var(--matcha-border-medium, 4px) solid;
}

.border-top-medium--force,
.bt-medium--force {
  border-top: var(--matcha-border-medium, 4px) solid !important;
}

.border-left-medium,
.bl-medium {
  border-left: var(--matcha-border-medium, 4px) solid;
}

.border-left-medium--force,
.bl-medium--force {
  border-left: var(--matcha-border-medium, 4px) solid !important;
}

.border-right-medium,
.br-medium {
  border-right: var(--matcha-border-medium, 4px) solid;
}

.border-right-medium--force,
.br-medium--force {
  border-right: var(--matcha-border-medium, 4px) solid !important;
}

.border-thick,
.b-thick {
  border: var(--matcha-border-thick, 8px) solid;
}

.border-thick--force,
.b-thick--force {
  border: var(--matcha-border-thick, 8px) solid !important;
}

.border-bottom-thick,
.bb-thick {
  border-bottom: var(--matcha-border-thick, 8px) solid;
}

.border-bottom-thick--force,
.bb-thick--force {
  border-bottom: var(--matcha-border-thick, 8px) solid !important;
}

.border-top-thick,
.bt-thick {
  border-top: var(--matcha-border-thick, 8px) solid;
}

.border-top-thick--force,
.bt-thick--force {
  border-top: var(--matcha-border-thick, 8px) solid !important;
}

.border-left-thick,
.bl-thick {
  border-left: var(--matcha-border-thick, 8px) solid;
}

.border-left-thick--force,
.bl-thick--force {
  border-left: var(--matcha-border-thick, 8px) solid !important;
}

.border-right-thick,
.br-thick {
  border-right: var(--matcha-border-thick, 8px) solid;
}

.border-right-thick--force,
.br-thick--force {
  border-right: var(--matcha-border-thick, 8px) solid !important;
}

@media screen and (max-width: 639px) {
  .border-xs-hairline,
  .b-xs-hairline {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-xs-hairline--force,
  .b-xs-hairline--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-xs-hairline,
  .bb-xs-hairline {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-xs-hairline--force,
  .bb-xs-hairline--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-xs-hairline,
  .bt-xs-hairline {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-xs-hairline--force,
  .bt-xs-hairline--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-xs-hairline,
  .bl-xs-hairline {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-xs-hairline--force,
  .bl-xs-hairline--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-xs-hairline,
  .br-xs-hairline {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-xs-hairline--force,
  .br-xs-hairline--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-xs-thin,
  .b-xs-thin {
    border: var(--matcha-border-thin, 2px) solid;
  }
  .border-xs-thin--force,
  .b-xs-thin--force {
    border: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-bottom-xs-thin,
  .bb-xs-thin {
    border-bottom: var(--matcha-border-thin, 2px) solid;
  }
  .border-bottom-xs-thin--force,
  .bb-xs-thin--force {
    border-bottom: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-top-xs-thin,
  .bt-xs-thin {
    border-top: var(--matcha-border-thin, 2px) solid;
  }
  .border-top-xs-thin--force,
  .bt-xs-thin--force {
    border-top: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-left-xs-thin,
  .bl-xs-thin {
    border-left: var(--matcha-border-thin, 2px) solid;
  }
  .border-left-xs-thin--force,
  .bl-xs-thin--force {
    border-left: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-right-xs-thin,
  .br-xs-thin {
    border-right: var(--matcha-border-thin, 2px) solid;
  }
  .border-right-xs-thin--force,
  .br-xs-thin--force {
    border-right: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-xs-medium,
  .b-xs-medium {
    border: var(--matcha-border-medium, 4px) solid;
  }
  .border-xs-medium--force,
  .b-xs-medium--force {
    border: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-bottom-xs-medium,
  .bb-xs-medium {
    border-bottom: var(--matcha-border-medium, 4px) solid;
  }
  .border-bottom-xs-medium--force,
  .bb-xs-medium--force {
    border-bottom: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-top-xs-medium,
  .bt-xs-medium {
    border-top: var(--matcha-border-medium, 4px) solid;
  }
  .border-top-xs-medium--force,
  .bt-xs-medium--force {
    border-top: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-left-xs-medium,
  .bl-xs-medium {
    border-left: var(--matcha-border-medium, 4px) solid;
  }
  .border-left-xs-medium--force,
  .bl-xs-medium--force {
    border-left: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-right-xs-medium,
  .br-xs-medium {
    border-right: var(--matcha-border-medium, 4px) solid;
  }
  .border-right-xs-medium--force,
  .br-xs-medium--force {
    border-right: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-xs-thick,
  .b-xs-thick {
    border: var(--matcha-border-thick, 8px) solid;
  }
  .border-xs-thick--force,
  .b-xs-thick--force {
    border: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-bottom-xs-thick,
  .bb-xs-thick {
    border-bottom: var(--matcha-border-thick, 8px) solid;
  }
  .border-bottom-xs-thick--force,
  .bb-xs-thick--force {
    border-bottom: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-top-xs-thick,
  .bt-xs-thick {
    border-top: var(--matcha-border-thick, 8px) solid;
  }
  .border-top-xs-thick--force,
  .bt-xs-thick--force {
    border-top: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-left-xs-thick,
  .bl-xs-thick {
    border-left: var(--matcha-border-thick, 8px) solid;
  }
  .border-left-xs-thick--force,
  .bl-xs-thick--force {
    border-left: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-right-xs-thick,
  .br-xs-thick {
    border-right: var(--matcha-border-thick, 8px) solid;
  }
  .border-right-xs-thick--force,
  .br-xs-thick--force {
    border-right: var(--matcha-border-thick, 8px) solid !important;
  }
}
@media screen and (min-width: 640px) {
  .border-sm-hairline,
  .b-sm-hairline {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-sm-hairline--force,
  .b-sm-hairline--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-sm-hairline,
  .bb-sm-hairline {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-sm-hairline--force,
  .bb-sm-hairline--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-sm-hairline,
  .bt-sm-hairline {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-sm-hairline--force,
  .bt-sm-hairline--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-sm-hairline,
  .bl-sm-hairline {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-sm-hairline--force,
  .bl-sm-hairline--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-sm-hairline,
  .br-sm-hairline {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-sm-hairline--force,
  .br-sm-hairline--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-sm-thin,
  .b-sm-thin {
    border: var(--matcha-border-thin, 2px) solid;
  }
  .border-sm-thin--force,
  .b-sm-thin--force {
    border: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-bottom-sm-thin,
  .bb-sm-thin {
    border-bottom: var(--matcha-border-thin, 2px) solid;
  }
  .border-bottom-sm-thin--force,
  .bb-sm-thin--force {
    border-bottom: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-top-sm-thin,
  .bt-sm-thin {
    border-top: var(--matcha-border-thin, 2px) solid;
  }
  .border-top-sm-thin--force,
  .bt-sm-thin--force {
    border-top: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-left-sm-thin,
  .bl-sm-thin {
    border-left: var(--matcha-border-thin, 2px) solid;
  }
  .border-left-sm-thin--force,
  .bl-sm-thin--force {
    border-left: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-right-sm-thin,
  .br-sm-thin {
    border-right: var(--matcha-border-thin, 2px) solid;
  }
  .border-right-sm-thin--force,
  .br-sm-thin--force {
    border-right: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-sm-medium,
  .b-sm-medium {
    border: var(--matcha-border-medium, 4px) solid;
  }
  .border-sm-medium--force,
  .b-sm-medium--force {
    border: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-bottom-sm-medium,
  .bb-sm-medium {
    border-bottom: var(--matcha-border-medium, 4px) solid;
  }
  .border-bottom-sm-medium--force,
  .bb-sm-medium--force {
    border-bottom: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-top-sm-medium,
  .bt-sm-medium {
    border-top: var(--matcha-border-medium, 4px) solid;
  }
  .border-top-sm-medium--force,
  .bt-sm-medium--force {
    border-top: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-left-sm-medium,
  .bl-sm-medium {
    border-left: var(--matcha-border-medium, 4px) solid;
  }
  .border-left-sm-medium--force,
  .bl-sm-medium--force {
    border-left: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-right-sm-medium,
  .br-sm-medium {
    border-right: var(--matcha-border-medium, 4px) solid;
  }
  .border-right-sm-medium--force,
  .br-sm-medium--force {
    border-right: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-sm-thick,
  .b-sm-thick {
    border: var(--matcha-border-thick, 8px) solid;
  }
  .border-sm-thick--force,
  .b-sm-thick--force {
    border: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-bottom-sm-thick,
  .bb-sm-thick {
    border-bottom: var(--matcha-border-thick, 8px) solid;
  }
  .border-bottom-sm-thick--force,
  .bb-sm-thick--force {
    border-bottom: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-top-sm-thick,
  .bt-sm-thick {
    border-top: var(--matcha-border-thick, 8px) solid;
  }
  .border-top-sm-thick--force,
  .bt-sm-thick--force {
    border-top: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-left-sm-thick,
  .bl-sm-thick {
    border-left: var(--matcha-border-thick, 8px) solid;
  }
  .border-left-sm-thick--force,
  .bl-sm-thick--force {
    border-left: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-right-sm-thick,
  .br-sm-thick {
    border-right: var(--matcha-border-thick, 8px) solid;
  }
  .border-right-sm-thick--force,
  .br-sm-thick--force {
    border-right: var(--matcha-border-thick, 8px) solid !important;
  }
}
@media screen and (min-width: 1024px) {
  .border-md-hairline,
  .b-md-hairline {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-md-hairline--force,
  .b-md-hairline--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-md-hairline,
  .bb-md-hairline {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-md-hairline--force,
  .bb-md-hairline--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-md-hairline,
  .bt-md-hairline {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-md-hairline--force,
  .bt-md-hairline--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-md-hairline,
  .bl-md-hairline {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-md-hairline--force,
  .bl-md-hairline--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-md-hairline,
  .br-md-hairline {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-md-hairline--force,
  .br-md-hairline--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-md-thin,
  .b-md-thin {
    border: var(--matcha-border-thin, 2px) solid;
  }
  .border-md-thin--force,
  .b-md-thin--force {
    border: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-bottom-md-thin,
  .bb-md-thin {
    border-bottom: var(--matcha-border-thin, 2px) solid;
  }
  .border-bottom-md-thin--force,
  .bb-md-thin--force {
    border-bottom: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-top-md-thin,
  .bt-md-thin {
    border-top: var(--matcha-border-thin, 2px) solid;
  }
  .border-top-md-thin--force,
  .bt-md-thin--force {
    border-top: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-left-md-thin,
  .bl-md-thin {
    border-left: var(--matcha-border-thin, 2px) solid;
  }
  .border-left-md-thin--force,
  .bl-md-thin--force {
    border-left: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-right-md-thin,
  .br-md-thin {
    border-right: var(--matcha-border-thin, 2px) solid;
  }
  .border-right-md-thin--force,
  .br-md-thin--force {
    border-right: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-md-medium,
  .b-md-medium {
    border: var(--matcha-border-medium, 4px) solid;
  }
  .border-md-medium--force,
  .b-md-medium--force {
    border: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-bottom-md-medium,
  .bb-md-medium {
    border-bottom: var(--matcha-border-medium, 4px) solid;
  }
  .border-bottom-md-medium--force,
  .bb-md-medium--force {
    border-bottom: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-top-md-medium,
  .bt-md-medium {
    border-top: var(--matcha-border-medium, 4px) solid;
  }
  .border-top-md-medium--force,
  .bt-md-medium--force {
    border-top: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-left-md-medium,
  .bl-md-medium {
    border-left: var(--matcha-border-medium, 4px) solid;
  }
  .border-left-md-medium--force,
  .bl-md-medium--force {
    border-left: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-right-md-medium,
  .br-md-medium {
    border-right: var(--matcha-border-medium, 4px) solid;
  }
  .border-right-md-medium--force,
  .br-md-medium--force {
    border-right: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-md-thick,
  .b-md-thick {
    border: var(--matcha-border-thick, 8px) solid;
  }
  .border-md-thick--force,
  .b-md-thick--force {
    border: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-bottom-md-thick,
  .bb-md-thick {
    border-bottom: var(--matcha-border-thick, 8px) solid;
  }
  .border-bottom-md-thick--force,
  .bb-md-thick--force {
    border-bottom: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-top-md-thick,
  .bt-md-thick {
    border-top: var(--matcha-border-thick, 8px) solid;
  }
  .border-top-md-thick--force,
  .bt-md-thick--force {
    border-top: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-left-md-thick,
  .bl-md-thick {
    border-left: var(--matcha-border-thick, 8px) solid;
  }
  .border-left-md-thick--force,
  .bl-md-thick--force {
    border-left: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-right-md-thick,
  .br-md-thick {
    border-right: var(--matcha-border-thick, 8px) solid;
  }
  .border-right-md-thick--force,
  .br-md-thick--force {
    border-right: var(--matcha-border-thick, 8px) solid !important;
  }
}
@media screen and (min-width: 1280px) {
  .border-lg-hairline,
  .b-lg-hairline {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-lg-hairline--force,
  .b-lg-hairline--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-lg-hairline,
  .bb-lg-hairline {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-lg-hairline--force,
  .bb-lg-hairline--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-lg-hairline,
  .bt-lg-hairline {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-lg-hairline--force,
  .bt-lg-hairline--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-lg-hairline,
  .bl-lg-hairline {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-lg-hairline--force,
  .bl-lg-hairline--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-lg-hairline,
  .br-lg-hairline {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-lg-hairline--force,
  .br-lg-hairline--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-lg-thin,
  .b-lg-thin {
    border: var(--matcha-border-thin, 2px) solid;
  }
  .border-lg-thin--force,
  .b-lg-thin--force {
    border: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-bottom-lg-thin,
  .bb-lg-thin {
    border-bottom: var(--matcha-border-thin, 2px) solid;
  }
  .border-bottom-lg-thin--force,
  .bb-lg-thin--force {
    border-bottom: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-top-lg-thin,
  .bt-lg-thin {
    border-top: var(--matcha-border-thin, 2px) solid;
  }
  .border-top-lg-thin--force,
  .bt-lg-thin--force {
    border-top: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-left-lg-thin,
  .bl-lg-thin {
    border-left: var(--matcha-border-thin, 2px) solid;
  }
  .border-left-lg-thin--force,
  .bl-lg-thin--force {
    border-left: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-right-lg-thin,
  .br-lg-thin {
    border-right: var(--matcha-border-thin, 2px) solid;
  }
  .border-right-lg-thin--force,
  .br-lg-thin--force {
    border-right: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-lg-medium,
  .b-lg-medium {
    border: var(--matcha-border-medium, 4px) solid;
  }
  .border-lg-medium--force,
  .b-lg-medium--force {
    border: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-bottom-lg-medium,
  .bb-lg-medium {
    border-bottom: var(--matcha-border-medium, 4px) solid;
  }
  .border-bottom-lg-medium--force,
  .bb-lg-medium--force {
    border-bottom: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-top-lg-medium,
  .bt-lg-medium {
    border-top: var(--matcha-border-medium, 4px) solid;
  }
  .border-top-lg-medium--force,
  .bt-lg-medium--force {
    border-top: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-left-lg-medium,
  .bl-lg-medium {
    border-left: var(--matcha-border-medium, 4px) solid;
  }
  .border-left-lg-medium--force,
  .bl-lg-medium--force {
    border-left: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-right-lg-medium,
  .br-lg-medium {
    border-right: var(--matcha-border-medium, 4px) solid;
  }
  .border-right-lg-medium--force,
  .br-lg-medium--force {
    border-right: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-lg-thick,
  .b-lg-thick {
    border: var(--matcha-border-thick, 8px) solid;
  }
  .border-lg-thick--force,
  .b-lg-thick--force {
    border: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-bottom-lg-thick,
  .bb-lg-thick {
    border-bottom: var(--matcha-border-thick, 8px) solid;
  }
  .border-bottom-lg-thick--force,
  .bb-lg-thick--force {
    border-bottom: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-top-lg-thick,
  .bt-lg-thick {
    border-top: var(--matcha-border-thick, 8px) solid;
  }
  .border-top-lg-thick--force,
  .bt-lg-thick--force {
    border-top: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-left-lg-thick,
  .bl-lg-thick {
    border-left: var(--matcha-border-thick, 8px) solid;
  }
  .border-left-lg-thick--force,
  .bl-lg-thick--force {
    border-left: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-right-lg-thick,
  .br-lg-thick {
    border-right: var(--matcha-border-thick, 8px) solid;
  }
  .border-right-lg-thick--force,
  .br-lg-thick--force {
    border-right: var(--matcha-border-thick, 8px) solid !important;
  }
}
@media screen and (min-width: 1536px) {
  .border-xl-hairline,
  .b-xl-hairline {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-xl-hairline--force,
  .b-xl-hairline--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-xl-hairline,
  .bb-xl-hairline {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-xl-hairline--force,
  .bb-xl-hairline--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-xl-hairline,
  .bt-xl-hairline {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-xl-hairline--force,
  .bt-xl-hairline--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-xl-hairline,
  .bl-xl-hairline {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-xl-hairline--force,
  .bl-xl-hairline--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-xl-hairline,
  .br-xl-hairline {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-xl-hairline--force,
  .br-xl-hairline--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-xl-thin,
  .b-xl-thin {
    border: var(--matcha-border-thin, 2px) solid;
  }
  .border-xl-thin--force,
  .b-xl-thin--force {
    border: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-bottom-xl-thin,
  .bb-xl-thin {
    border-bottom: var(--matcha-border-thin, 2px) solid;
  }
  .border-bottom-xl-thin--force,
  .bb-xl-thin--force {
    border-bottom: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-top-xl-thin,
  .bt-xl-thin {
    border-top: var(--matcha-border-thin, 2px) solid;
  }
  .border-top-xl-thin--force,
  .bt-xl-thin--force {
    border-top: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-left-xl-thin,
  .bl-xl-thin {
    border-left: var(--matcha-border-thin, 2px) solid;
  }
  .border-left-xl-thin--force,
  .bl-xl-thin--force {
    border-left: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-right-xl-thin,
  .br-xl-thin {
    border-right: var(--matcha-border-thin, 2px) solid;
  }
  .border-right-xl-thin--force,
  .br-xl-thin--force {
    border-right: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-xl-medium,
  .b-xl-medium {
    border: var(--matcha-border-medium, 4px) solid;
  }
  .border-xl-medium--force,
  .b-xl-medium--force {
    border: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-bottom-xl-medium,
  .bb-xl-medium {
    border-bottom: var(--matcha-border-medium, 4px) solid;
  }
  .border-bottom-xl-medium--force,
  .bb-xl-medium--force {
    border-bottom: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-top-xl-medium,
  .bt-xl-medium {
    border-top: var(--matcha-border-medium, 4px) solid;
  }
  .border-top-xl-medium--force,
  .bt-xl-medium--force {
    border-top: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-left-xl-medium,
  .bl-xl-medium {
    border-left: var(--matcha-border-medium, 4px) solid;
  }
  .border-left-xl-medium--force,
  .bl-xl-medium--force {
    border-left: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-right-xl-medium,
  .br-xl-medium {
    border-right: var(--matcha-border-medium, 4px) solid;
  }
  .border-right-xl-medium--force,
  .br-xl-medium--force {
    border-right: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-xl-thick,
  .b-xl-thick {
    border: var(--matcha-border-thick, 8px) solid;
  }
  .border-xl-thick--force,
  .b-xl-thick--force {
    border: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-bottom-xl-thick,
  .bb-xl-thick {
    border-bottom: var(--matcha-border-thick, 8px) solid;
  }
  .border-bottom-xl-thick--force,
  .bb-xl-thick--force {
    border-bottom: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-top-xl-thick,
  .bt-xl-thick {
    border-top: var(--matcha-border-thick, 8px) solid;
  }
  .border-top-xl-thick--force,
  .bt-xl-thick--force {
    border-top: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-left-xl-thick,
  .bl-xl-thick {
    border-left: var(--matcha-border-thick, 8px) solid;
  }
  .border-left-xl-thick--force,
  .bl-xl-thick--force {
    border-left: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-right-xl-thick,
  .br-xl-thick {
    border-right: var(--matcha-border-thick, 8px) solid;
  }
  .border-right-xl-thick--force,
  .br-xl-thick--force {
    border-right: var(--matcha-border-thick, 8px) solid !important;
  }
}
.border-style-solid {
  border-style: solid;
}

.border-style-solid--force {
  border-style: solid !important;
}

.border-style-dashed {
  border-style: dashed;
}

.border-style-dashed--force {
  border-style: dashed !important;
}

.border-style-dotted {
  border-style: dotted;
}

.border-style-dotted--force {
  border-style: dotted !important;
}

.border-style-double {
  border-style: double;
}

.border-style-double--force {
  border-style: double !important;
}

.border-style-groove {
  border-style: groove;
}

.border-style-groove--force {
  border-style: groove !important;
}

.border-style-ridge {
  border-style: ridge;
}

.border-style-ridge--force {
  border-style: ridge !important;
}

.border-style-inset {
  border-style: inset;
}

.border-style-inset--force {
  border-style: inset !important;
}

.border-style-outset {
  border-style: outset;
}

.border-style-outset--force {
  border-style: outset !important;
}

.border-style-none {
  border-style: none;
}

.border-style-none--force {
  border-style: none !important;
}

@media screen and (max-width: 639px) {
  .border-style-xs-solid {
    border-style: solid;
  }
  .border-style-xs-solid--force {
    border-style: solid !important;
  }
  .border-style-xs-dashed {
    border-style: dashed;
  }
  .border-style-xs-dashed--force {
    border-style: dashed !important;
  }
  .border-style-xs-dotted {
    border-style: dotted;
  }
  .border-style-xs-dotted--force {
    border-style: dotted !important;
  }
  .border-style-xs-double {
    border-style: double;
  }
  .border-style-xs-double--force {
    border-style: double !important;
  }
  .border-style-xs-groove {
    border-style: groove;
  }
  .border-style-xs-groove--force {
    border-style: groove !important;
  }
  .border-style-xs-ridge {
    border-style: ridge;
  }
  .border-style-xs-ridge--force {
    border-style: ridge !important;
  }
  .border-style-xs-inset {
    border-style: inset;
  }
  .border-style-xs-inset--force {
    border-style: inset !important;
  }
  .border-style-xs-outset {
    border-style: outset;
  }
  .border-style-xs-outset--force {
    border-style: outset !important;
  }
  .border-style-xs-none {
    border-style: none;
  }
  .border-style-xs-none--force {
    border-style: none !important;
  }
}
@media screen and (min-width: 640px) {
  .border-style-sm-solid {
    border-style: solid;
  }
  .border-style-sm-solid--force {
    border-style: solid !important;
  }
  .border-style-sm-dashed {
    border-style: dashed;
  }
  .border-style-sm-dashed--force {
    border-style: dashed !important;
  }
  .border-style-sm-dotted {
    border-style: dotted;
  }
  .border-style-sm-dotted--force {
    border-style: dotted !important;
  }
  .border-style-sm-double {
    border-style: double;
  }
  .border-style-sm-double--force {
    border-style: double !important;
  }
  .border-style-sm-groove {
    border-style: groove;
  }
  .border-style-sm-groove--force {
    border-style: groove !important;
  }
  .border-style-sm-ridge {
    border-style: ridge;
  }
  .border-style-sm-ridge--force {
    border-style: ridge !important;
  }
  .border-style-sm-inset {
    border-style: inset;
  }
  .border-style-sm-inset--force {
    border-style: inset !important;
  }
  .border-style-sm-outset {
    border-style: outset;
  }
  .border-style-sm-outset--force {
    border-style: outset !important;
  }
  .border-style-sm-none {
    border-style: none;
  }
  .border-style-sm-none--force {
    border-style: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .border-style-md-solid {
    border-style: solid;
  }
  .border-style-md-solid--force {
    border-style: solid !important;
  }
  .border-style-md-dashed {
    border-style: dashed;
  }
  .border-style-md-dashed--force {
    border-style: dashed !important;
  }
  .border-style-md-dotted {
    border-style: dotted;
  }
  .border-style-md-dotted--force {
    border-style: dotted !important;
  }
  .border-style-md-double {
    border-style: double;
  }
  .border-style-md-double--force {
    border-style: double !important;
  }
  .border-style-md-groove {
    border-style: groove;
  }
  .border-style-md-groove--force {
    border-style: groove !important;
  }
  .border-style-md-ridge {
    border-style: ridge;
  }
  .border-style-md-ridge--force {
    border-style: ridge !important;
  }
  .border-style-md-inset {
    border-style: inset;
  }
  .border-style-md-inset--force {
    border-style: inset !important;
  }
  .border-style-md-outset {
    border-style: outset;
  }
  .border-style-md-outset--force {
    border-style: outset !important;
  }
  .border-style-md-none {
    border-style: none;
  }
  .border-style-md-none--force {
    border-style: none !important;
  }
}
@media screen and (min-width: 1280px) {
  .border-style-lg-solid {
    border-style: solid;
  }
  .border-style-lg-solid--force {
    border-style: solid !important;
  }
  .border-style-lg-dashed {
    border-style: dashed;
  }
  .border-style-lg-dashed--force {
    border-style: dashed !important;
  }
  .border-style-lg-dotted {
    border-style: dotted;
  }
  .border-style-lg-dotted--force {
    border-style: dotted !important;
  }
  .border-style-lg-double {
    border-style: double;
  }
  .border-style-lg-double--force {
    border-style: double !important;
  }
  .border-style-lg-groove {
    border-style: groove;
  }
  .border-style-lg-groove--force {
    border-style: groove !important;
  }
  .border-style-lg-ridge {
    border-style: ridge;
  }
  .border-style-lg-ridge--force {
    border-style: ridge !important;
  }
  .border-style-lg-inset {
    border-style: inset;
  }
  .border-style-lg-inset--force {
    border-style: inset !important;
  }
  .border-style-lg-outset {
    border-style: outset;
  }
  .border-style-lg-outset--force {
    border-style: outset !important;
  }
  .border-style-lg-none {
    border-style: none;
  }
  .border-style-lg-none--force {
    border-style: none !important;
  }
}
@media screen and (min-width: 1536px) {
  .border-style-xl-solid {
    border-style: solid;
  }
  .border-style-xl-solid--force {
    border-style: solid !important;
  }
  .border-style-xl-dashed {
    border-style: dashed;
  }
  .border-style-xl-dashed--force {
    border-style: dashed !important;
  }
  .border-style-xl-dotted {
    border-style: dotted;
  }
  .border-style-xl-dotted--force {
    border-style: dotted !important;
  }
  .border-style-xl-double {
    border-style: double;
  }
  .border-style-xl-double--force {
    border-style: double !important;
  }
  .border-style-xl-groove {
    border-style: groove;
  }
  .border-style-xl-groove--force {
    border-style: groove !important;
  }
  .border-style-xl-ridge {
    border-style: ridge;
  }
  .border-style-xl-ridge--force {
    border-style: ridge !important;
  }
  .border-style-xl-inset {
    border-style: inset;
  }
  .border-style-xl-inset--force {
    border-style: inset !important;
  }
  .border-style-xl-outset {
    border-style: outset;
  }
  .border-style-xl-outset--force {
    border-style: outset !important;
  }
  .border-style-xl-none {
    border-style: none;
  }
  .border-style-xl-none--force {
    border-style: none !important;
  }
}
.radius-0 {
  border-radius: var(--matcha-radius-none, 0);
}

.radius-bottom-0 {
  border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0);
}

.radius-bottom-0--force {
  border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) !important;
}

.radius-top-0 {
  border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0;
}

.radius-top-0--force {
  border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0 !important;
}

.radius-left-0 {
  border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0);
}

.radius-left-0--force {
  border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0) !important;
}

.radius-right-0 {
  border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0;
}

.radius-right-0--force {
  border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 !important;
}

.radius-2 {
  border-radius: var(--matcha-radius-sm, 2px);
}

.radius-bottom-2 {
  border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px);
}

.radius-bottom-2--force {
  border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) !important;
}

.radius-top-2 {
  border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0;
}

.radius-top-2--force {
  border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0 !important;
}

.radius-left-2 {
  border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px);
}

.radius-left-2--force {
  border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px) !important;
}

.radius-right-2 {
  border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0;
}

.radius-right-2--force {
  border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 !important;
}

.radius-4 {
  border-radius: var(--matcha-radius-md, 4px);
}

.radius-bottom-4 {
  border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px);
}

.radius-bottom-4--force {
  border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) !important;
}

.radius-top-4 {
  border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0;
}

.radius-top-4--force {
  border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0 !important;
}

.radius-left-4 {
  border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px);
}

.radius-left-4--force {
  border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px) !important;
}

.radius-right-4 {
  border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0;
}

.radius-right-4--force {
  border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 !important;
}

.radius-6 {
  border-radius: 6px;
}

.radius-bottom-6 {
  border-radius: 0 0 6px 6px;
}

.radius-bottom-6--force {
  border-radius: 0 0 6px 6px !important;
}

.radius-top-6 {
  border-radius: 6px 6px 0 0;
}

.radius-top-6--force {
  border-radius: 6px 6px 0 0 !important;
}

.radius-left-6 {
  border-radius: 6px 0 0 6px;
}

.radius-left-6--force {
  border-radius: 6px 0 0 6px !important;
}

.radius-right-6 {
  border-radius: 0 6px 6px 0;
}

.radius-right-6--force {
  border-radius: 0 6px 6px 0 !important;
}

.radius-8 {
  border-radius: var(--matcha-radius-lg, 8px);
}

.radius-bottom-8 {
  border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px);
}

.radius-bottom-8--force {
  border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) !important;
}

.radius-top-8 {
  border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0;
}

.radius-top-8--force {
  border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0 !important;
}

.radius-left-8 {
  border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px);
}

.radius-left-8--force {
  border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px) !important;
}

.radius-right-8 {
  border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0;
}

.radius-right-8--force {
  border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 !important;
}

.radius-10 {
  border-radius: 10px;
}

.radius-bottom-10 {
  border-radius: 0 0 10px 10px;
}

.radius-bottom-10--force {
  border-radius: 0 0 10px 10px !important;
}

.radius-top-10 {
  border-radius: 10px 10px 0 0;
}

.radius-top-10--force {
  border-radius: 10px 10px 0 0 !important;
}

.radius-left-10 {
  border-radius: 10px 0 0 10px;
}

.radius-left-10--force {
  border-radius: 10px 0 0 10px !important;
}

.radius-right-10 {
  border-radius: 0 10px 10px 0;
}

.radius-right-10--force {
  border-radius: 0 10px 10px 0 !important;
}

.radius-12 {
  border-radius: 12px;
}

.radius-bottom-12 {
  border-radius: 0 0 12px 12px;
}

.radius-bottom-12--force {
  border-radius: 0 0 12px 12px !important;
}

.radius-top-12 {
  border-radius: 12px 12px 0 0;
}

.radius-top-12--force {
  border-radius: 12px 12px 0 0 !important;
}

.radius-left-12 {
  border-radius: 12px 0 0 12px;
}

.radius-left-12--force {
  border-radius: 12px 0 0 12px !important;
}

.radius-right-12 {
  border-radius: 0 12px 12px 0;
}

.radius-right-12--force {
  border-radius: 0 12px 12px 0 !important;
}

.radius-14 {
  border-radius: 14px;
}

.radius-bottom-14 {
  border-radius: 0 0 14px 14px;
}

.radius-bottom-14--force {
  border-radius: 0 0 14px 14px !important;
}

.radius-top-14 {
  border-radius: 14px 14px 0 0;
}

.radius-top-14--force {
  border-radius: 14px 14px 0 0 !important;
}

.radius-left-14 {
  border-radius: 14px 0 0 14px;
}

.radius-left-14--force {
  border-radius: 14px 0 0 14px !important;
}

.radius-right-14 {
  border-radius: 0 14px 14px 0;
}

.radius-right-14--force {
  border-radius: 0 14px 14px 0 !important;
}

.radius-16 {
  border-radius: var(--matcha-radius-xl, 16px);
}

.radius-bottom-16 {
  border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px);
}

.radius-bottom-16--force {
  border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) !important;
}

.radius-top-16 {
  border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0;
}

.radius-top-16--force {
  border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0 !important;
}

.radius-left-16 {
  border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px);
}

.radius-left-16--force {
  border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px) !important;
}

.radius-right-16 {
  border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0;
}

.radius-right-16--force {
  border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 !important;
}

.radius-18 {
  border-radius: 18px;
}

.radius-bottom-18 {
  border-radius: 0 0 18px 18px;
}

.radius-bottom-18--force {
  border-radius: 0 0 18px 18px !important;
}

.radius-top-18 {
  border-radius: 18px 18px 0 0;
}

.radius-top-18--force {
  border-radius: 18px 18px 0 0 !important;
}

.radius-left-18 {
  border-radius: 18px 0 0 18px;
}

.radius-left-18--force {
  border-radius: 18px 0 0 18px !important;
}

.radius-right-18 {
  border-radius: 0 18px 18px 0;
}

.radius-right-18--force {
  border-radius: 0 18px 18px 0 !important;
}

.radius-20 {
  border-radius: 20px;
}

.radius-bottom-20 {
  border-radius: 0 0 20px 20px;
}

.radius-bottom-20--force {
  border-radius: 0 0 20px 20px !important;
}

.radius-top-20 {
  border-radius: 20px 20px 0 0;
}

.radius-top-20--force {
  border-radius: 20px 20px 0 0 !important;
}

.radius-left-20 {
  border-radius: 20px 0 0 20px;
}

.radius-left-20--force {
  border-radius: 20px 0 0 20px !important;
}

.radius-right-20 {
  border-radius: 0 20px 20px 0;
}

.radius-right-20--force {
  border-radius: 0 20px 20px 0 !important;
}

.radius-22 {
  border-radius: 22px;
}

.radius-bottom-22 {
  border-radius: 0 0 22px 22px;
}

.radius-bottom-22--force {
  border-radius: 0 0 22px 22px !important;
}

.radius-top-22 {
  border-radius: 22px 22px 0 0;
}

.radius-top-22--force {
  border-radius: 22px 22px 0 0 !important;
}

.radius-left-22 {
  border-radius: 22px 0 0 22px;
}

.radius-left-22--force {
  border-radius: 22px 0 0 22px !important;
}

.radius-right-22 {
  border-radius: 0 22px 22px 0;
}

.radius-right-22--force {
  border-radius: 0 22px 22px 0 !important;
}

.radius-24 {
  border-radius: var(--matcha-radius-2xl, 24px);
}

.radius-bottom-24 {
  border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px);
}

.radius-bottom-24--force {
  border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) !important;
}

.radius-top-24 {
  border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0;
}

.radius-top-24--force {
  border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0 !important;
}

.radius-left-24 {
  border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px);
}

.radius-left-24--force {
  border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px) !important;
}

.radius-right-24 {
  border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0;
}

.radius-right-24--force {
  border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 !important;
}

.radius-full {
  border-radius: 9999px;
}

.radius-full--force {
  border-radius: 9999px !important;
}

.radius-none {
  border-radius: 0;
}

.radius-none--force {
  border-radius: 0 !important;
}

@media screen and (max-width: 639px) {
  .radius-xs-0 {
    border-radius: var(--matcha-radius-none, 0);
  }
  .radius-bottom-xs-0 {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0);
  }
  .radius-bottom-xs-0--force {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) !important;
  }
  .radius-top-xs-0 {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0;
  }
  .radius-top-xs-0--force {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0 !important;
  }
  .radius-left-xs-0 {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0);
  }
  .radius-left-xs-0--force {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0) !important;
  }
  .radius-right-xs-0 {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0;
  }
  .radius-right-xs-0--force {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 !important;
  }
  .radius-xs-2 {
    border-radius: var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-xs-2 {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-xs-2--force {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) !important;
  }
  .radius-top-xs-2 {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0;
  }
  .radius-top-xs-2--force {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0 !important;
  }
  .radius-left-xs-2 {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px);
  }
  .radius-left-xs-2--force {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px) !important;
  }
  .radius-right-xs-2 {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0;
  }
  .radius-right-xs-2--force {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 !important;
  }
  .radius-xs-4 {
    border-radius: var(--matcha-radius-md, 4px);
  }
  .radius-bottom-xs-4 {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px);
  }
  .radius-bottom-xs-4--force {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) !important;
  }
  .radius-top-xs-4 {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0;
  }
  .radius-top-xs-4--force {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0 !important;
  }
  .radius-left-xs-4 {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px);
  }
  .radius-left-xs-4--force {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px) !important;
  }
  .radius-right-xs-4 {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0;
  }
  .radius-right-xs-4--force {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 !important;
  }
  .radius-xs-6 {
    border-radius: 6px;
  }
  .radius-bottom-xs-6 {
    border-radius: 0 0 6px 6px;
  }
  .radius-bottom-xs-6--force {
    border-radius: 0 0 6px 6px !important;
  }
  .radius-top-xs-6 {
    border-radius: 6px 6px 0 0;
  }
  .radius-top-xs-6--force {
    border-radius: 6px 6px 0 0 !important;
  }
  .radius-left-xs-6 {
    border-radius: 6px 0 0 6px;
  }
  .radius-left-xs-6--force {
    border-radius: 6px 0 0 6px !important;
  }
  .radius-right-xs-6 {
    border-radius: 0 6px 6px 0;
  }
  .radius-right-xs-6--force {
    border-radius: 0 6px 6px 0 !important;
  }
  .radius-xs-8 {
    border-radius: var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-xs-8 {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-xs-8--force {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) !important;
  }
  .radius-top-xs-8 {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0;
  }
  .radius-top-xs-8--force {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0 !important;
  }
  .radius-left-xs-8 {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px);
  }
  .radius-left-xs-8--force {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px) !important;
  }
  .radius-right-xs-8 {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0;
  }
  .radius-right-xs-8--force {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 !important;
  }
  .radius-xs-10 {
    border-radius: 10px;
  }
  .radius-bottom-xs-10 {
    border-radius: 0 0 10px 10px;
  }
  .radius-bottom-xs-10--force {
    border-radius: 0 0 10px 10px !important;
  }
  .radius-top-xs-10 {
    border-radius: 10px 10px 0 0;
  }
  .radius-top-xs-10--force {
    border-radius: 10px 10px 0 0 !important;
  }
  .radius-left-xs-10 {
    border-radius: 10px 0 0 10px;
  }
  .radius-left-xs-10--force {
    border-radius: 10px 0 0 10px !important;
  }
  .radius-right-xs-10 {
    border-radius: 0 10px 10px 0;
  }
  .radius-right-xs-10--force {
    border-radius: 0 10px 10px 0 !important;
  }
  .radius-xs-12 {
    border-radius: 12px;
  }
  .radius-bottom-xs-12 {
    border-radius: 0 0 12px 12px;
  }
  .radius-bottom-xs-12--force {
    border-radius: 0 0 12px 12px !important;
  }
  .radius-top-xs-12 {
    border-radius: 12px 12px 0 0;
  }
  .radius-top-xs-12--force {
    border-radius: 12px 12px 0 0 !important;
  }
  .radius-left-xs-12 {
    border-radius: 12px 0 0 12px;
  }
  .radius-left-xs-12--force {
    border-radius: 12px 0 0 12px !important;
  }
  .radius-right-xs-12 {
    border-radius: 0 12px 12px 0;
  }
  .radius-right-xs-12--force {
    border-radius: 0 12px 12px 0 !important;
  }
  .radius-xs-14 {
    border-radius: 14px;
  }
  .radius-bottom-xs-14 {
    border-radius: 0 0 14px 14px;
  }
  .radius-bottom-xs-14--force {
    border-radius: 0 0 14px 14px !important;
  }
  .radius-top-xs-14 {
    border-radius: 14px 14px 0 0;
  }
  .radius-top-xs-14--force {
    border-radius: 14px 14px 0 0 !important;
  }
  .radius-left-xs-14 {
    border-radius: 14px 0 0 14px;
  }
  .radius-left-xs-14--force {
    border-radius: 14px 0 0 14px !important;
  }
  .radius-right-xs-14 {
    border-radius: 0 14px 14px 0;
  }
  .radius-right-xs-14--force {
    border-radius: 0 14px 14px 0 !important;
  }
  .radius-xs-16 {
    border-radius: var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-xs-16 {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-xs-16--force {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) !important;
  }
  .radius-top-xs-16 {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0;
  }
  .radius-top-xs-16--force {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0 !important;
  }
  .radius-left-xs-16 {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px);
  }
  .radius-left-xs-16--force {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px) !important;
  }
  .radius-right-xs-16 {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0;
  }
  .radius-right-xs-16--force {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 !important;
  }
  .radius-xs-18 {
    border-radius: 18px;
  }
  .radius-bottom-xs-18 {
    border-radius: 0 0 18px 18px;
  }
  .radius-bottom-xs-18--force {
    border-radius: 0 0 18px 18px !important;
  }
  .radius-top-xs-18 {
    border-radius: 18px 18px 0 0;
  }
  .radius-top-xs-18--force {
    border-radius: 18px 18px 0 0 !important;
  }
  .radius-left-xs-18 {
    border-radius: 18px 0 0 18px;
  }
  .radius-left-xs-18--force {
    border-radius: 18px 0 0 18px !important;
  }
  .radius-right-xs-18 {
    border-radius: 0 18px 18px 0;
  }
  .radius-right-xs-18--force {
    border-radius: 0 18px 18px 0 !important;
  }
  .radius-xs-20 {
    border-radius: 20px;
  }
  .radius-bottom-xs-20 {
    border-radius: 0 0 20px 20px;
  }
  .radius-bottom-xs-20--force {
    border-radius: 0 0 20px 20px !important;
  }
  .radius-top-xs-20 {
    border-radius: 20px 20px 0 0;
  }
  .radius-top-xs-20--force {
    border-radius: 20px 20px 0 0 !important;
  }
  .radius-left-xs-20 {
    border-radius: 20px 0 0 20px;
  }
  .radius-left-xs-20--force {
    border-radius: 20px 0 0 20px !important;
  }
  .radius-right-xs-20 {
    border-radius: 0 20px 20px 0;
  }
  .radius-right-xs-20--force {
    border-radius: 0 20px 20px 0 !important;
  }
  .radius-xs-22 {
    border-radius: 22px;
  }
  .radius-bottom-xs-22 {
    border-radius: 0 0 22px 22px;
  }
  .radius-bottom-xs-22--force {
    border-radius: 0 0 22px 22px !important;
  }
  .radius-top-xs-22 {
    border-radius: 22px 22px 0 0;
  }
  .radius-top-xs-22--force {
    border-radius: 22px 22px 0 0 !important;
  }
  .radius-left-xs-22 {
    border-radius: 22px 0 0 22px;
  }
  .radius-left-xs-22--force {
    border-radius: 22px 0 0 22px !important;
  }
  .radius-right-xs-22 {
    border-radius: 0 22px 22px 0;
  }
  .radius-right-xs-22--force {
    border-radius: 0 22px 22px 0 !important;
  }
  .radius-xs-24 {
    border-radius: var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-xs-24 {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-xs-24--force {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-top-xs-24 {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0;
  }
  .radius-top-xs-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0 !important;
  }
  .radius-left-xs-24 {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px);
  }
  .radius-left-xs-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-right-xs-24 {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0;
  }
  .radius-right-xs-24--force {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 !important;
  }
  .radius-xs-full {
    border-radius: 9999px;
  }
  .radius-xs-full--force {
    border-radius: 9999px !important;
  }
  .radius-xs-none {
    border-radius: 0;
  }
  .radius-xs-none--force {
    border-radius: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .radius-sm-0 {
    border-radius: var(--matcha-radius-none, 0);
  }
  .radius-bottom-sm-0 {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0);
  }
  .radius-bottom-sm-0--force {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) !important;
  }
  .radius-top-sm-0 {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0;
  }
  .radius-top-sm-0--force {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0 !important;
  }
  .radius-left-sm-0 {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0);
  }
  .radius-left-sm-0--force {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0) !important;
  }
  .radius-right-sm-0 {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0;
  }
  .radius-right-sm-0--force {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 !important;
  }
  .radius-sm-2 {
    border-radius: var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-sm-2 {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-sm-2--force {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) !important;
  }
  .radius-top-sm-2 {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0;
  }
  .radius-top-sm-2--force {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0 !important;
  }
  .radius-left-sm-2 {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px);
  }
  .radius-left-sm-2--force {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px) !important;
  }
  .radius-right-sm-2 {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0;
  }
  .radius-right-sm-2--force {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 !important;
  }
  .radius-sm-4 {
    border-radius: var(--matcha-radius-md, 4px);
  }
  .radius-bottom-sm-4 {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px);
  }
  .radius-bottom-sm-4--force {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) !important;
  }
  .radius-top-sm-4 {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0;
  }
  .radius-top-sm-4--force {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0 !important;
  }
  .radius-left-sm-4 {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px);
  }
  .radius-left-sm-4--force {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px) !important;
  }
  .radius-right-sm-4 {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0;
  }
  .radius-right-sm-4--force {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 !important;
  }
  .radius-sm-6 {
    border-radius: 6px;
  }
  .radius-bottom-sm-6 {
    border-radius: 0 0 6px 6px;
  }
  .radius-bottom-sm-6--force {
    border-radius: 0 0 6px 6px !important;
  }
  .radius-top-sm-6 {
    border-radius: 6px 6px 0 0;
  }
  .radius-top-sm-6--force {
    border-radius: 6px 6px 0 0 !important;
  }
  .radius-left-sm-6 {
    border-radius: 6px 0 0 6px;
  }
  .radius-left-sm-6--force {
    border-radius: 6px 0 0 6px !important;
  }
  .radius-right-sm-6 {
    border-radius: 0 6px 6px 0;
  }
  .radius-right-sm-6--force {
    border-radius: 0 6px 6px 0 !important;
  }
  .radius-sm-8 {
    border-radius: var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-sm-8 {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-sm-8--force {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) !important;
  }
  .radius-top-sm-8 {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0;
  }
  .radius-top-sm-8--force {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0 !important;
  }
  .radius-left-sm-8 {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px);
  }
  .radius-left-sm-8--force {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px) !important;
  }
  .radius-right-sm-8 {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0;
  }
  .radius-right-sm-8--force {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 !important;
  }
  .radius-sm-10 {
    border-radius: 10px;
  }
  .radius-bottom-sm-10 {
    border-radius: 0 0 10px 10px;
  }
  .radius-bottom-sm-10--force {
    border-radius: 0 0 10px 10px !important;
  }
  .radius-top-sm-10 {
    border-radius: 10px 10px 0 0;
  }
  .radius-top-sm-10--force {
    border-radius: 10px 10px 0 0 !important;
  }
  .radius-left-sm-10 {
    border-radius: 10px 0 0 10px;
  }
  .radius-left-sm-10--force {
    border-radius: 10px 0 0 10px !important;
  }
  .radius-right-sm-10 {
    border-radius: 0 10px 10px 0;
  }
  .radius-right-sm-10--force {
    border-radius: 0 10px 10px 0 !important;
  }
  .radius-sm-12 {
    border-radius: 12px;
  }
  .radius-bottom-sm-12 {
    border-radius: 0 0 12px 12px;
  }
  .radius-bottom-sm-12--force {
    border-radius: 0 0 12px 12px !important;
  }
  .radius-top-sm-12 {
    border-radius: 12px 12px 0 0;
  }
  .radius-top-sm-12--force {
    border-radius: 12px 12px 0 0 !important;
  }
  .radius-left-sm-12 {
    border-radius: 12px 0 0 12px;
  }
  .radius-left-sm-12--force {
    border-radius: 12px 0 0 12px !important;
  }
  .radius-right-sm-12 {
    border-radius: 0 12px 12px 0;
  }
  .radius-right-sm-12--force {
    border-radius: 0 12px 12px 0 !important;
  }
  .radius-sm-14 {
    border-radius: 14px;
  }
  .radius-bottom-sm-14 {
    border-radius: 0 0 14px 14px;
  }
  .radius-bottom-sm-14--force {
    border-radius: 0 0 14px 14px !important;
  }
  .radius-top-sm-14 {
    border-radius: 14px 14px 0 0;
  }
  .radius-top-sm-14--force {
    border-radius: 14px 14px 0 0 !important;
  }
  .radius-left-sm-14 {
    border-radius: 14px 0 0 14px;
  }
  .radius-left-sm-14--force {
    border-radius: 14px 0 0 14px !important;
  }
  .radius-right-sm-14 {
    border-radius: 0 14px 14px 0;
  }
  .radius-right-sm-14--force {
    border-radius: 0 14px 14px 0 !important;
  }
  .radius-sm-16 {
    border-radius: var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-sm-16 {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-sm-16--force {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) !important;
  }
  .radius-top-sm-16 {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0;
  }
  .radius-top-sm-16--force {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0 !important;
  }
  .radius-left-sm-16 {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px);
  }
  .radius-left-sm-16--force {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px) !important;
  }
  .radius-right-sm-16 {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0;
  }
  .radius-right-sm-16--force {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 !important;
  }
  .radius-sm-18 {
    border-radius: 18px;
  }
  .radius-bottom-sm-18 {
    border-radius: 0 0 18px 18px;
  }
  .radius-bottom-sm-18--force {
    border-radius: 0 0 18px 18px !important;
  }
  .radius-top-sm-18 {
    border-radius: 18px 18px 0 0;
  }
  .radius-top-sm-18--force {
    border-radius: 18px 18px 0 0 !important;
  }
  .radius-left-sm-18 {
    border-radius: 18px 0 0 18px;
  }
  .radius-left-sm-18--force {
    border-radius: 18px 0 0 18px !important;
  }
  .radius-right-sm-18 {
    border-radius: 0 18px 18px 0;
  }
  .radius-right-sm-18--force {
    border-radius: 0 18px 18px 0 !important;
  }
  .radius-sm-20 {
    border-radius: 20px;
  }
  .radius-bottom-sm-20 {
    border-radius: 0 0 20px 20px;
  }
  .radius-bottom-sm-20--force {
    border-radius: 0 0 20px 20px !important;
  }
  .radius-top-sm-20 {
    border-radius: 20px 20px 0 0;
  }
  .radius-top-sm-20--force {
    border-radius: 20px 20px 0 0 !important;
  }
  .radius-left-sm-20 {
    border-radius: 20px 0 0 20px;
  }
  .radius-left-sm-20--force {
    border-radius: 20px 0 0 20px !important;
  }
  .radius-right-sm-20 {
    border-radius: 0 20px 20px 0;
  }
  .radius-right-sm-20--force {
    border-radius: 0 20px 20px 0 !important;
  }
  .radius-sm-22 {
    border-radius: 22px;
  }
  .radius-bottom-sm-22 {
    border-radius: 0 0 22px 22px;
  }
  .radius-bottom-sm-22--force {
    border-radius: 0 0 22px 22px !important;
  }
  .radius-top-sm-22 {
    border-radius: 22px 22px 0 0;
  }
  .radius-top-sm-22--force {
    border-radius: 22px 22px 0 0 !important;
  }
  .radius-left-sm-22 {
    border-radius: 22px 0 0 22px;
  }
  .radius-left-sm-22--force {
    border-radius: 22px 0 0 22px !important;
  }
  .radius-right-sm-22 {
    border-radius: 0 22px 22px 0;
  }
  .radius-right-sm-22--force {
    border-radius: 0 22px 22px 0 !important;
  }
  .radius-sm-24 {
    border-radius: var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-sm-24 {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-sm-24--force {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-top-sm-24 {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0;
  }
  .radius-top-sm-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0 !important;
  }
  .radius-left-sm-24 {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px);
  }
  .radius-left-sm-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-right-sm-24 {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0;
  }
  .radius-right-sm-24--force {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 !important;
  }
  .radius-sm-full {
    border-radius: 9999px;
  }
  .radius-sm-full--force {
    border-radius: 9999px !important;
  }
  .radius-sm-none {
    border-radius: 0;
  }
  .radius-sm-none--force {
    border-radius: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .radius-md-0 {
    border-radius: var(--matcha-radius-none, 0);
  }
  .radius-bottom-md-0 {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0);
  }
  .radius-bottom-md-0--force {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) !important;
  }
  .radius-top-md-0 {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0;
  }
  .radius-top-md-0--force {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0 !important;
  }
  .radius-left-md-0 {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0);
  }
  .radius-left-md-0--force {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0) !important;
  }
  .radius-right-md-0 {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0;
  }
  .radius-right-md-0--force {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 !important;
  }
  .radius-md-2 {
    border-radius: var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-md-2 {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-md-2--force {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) !important;
  }
  .radius-top-md-2 {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0;
  }
  .radius-top-md-2--force {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0 !important;
  }
  .radius-left-md-2 {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px);
  }
  .radius-left-md-2--force {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px) !important;
  }
  .radius-right-md-2 {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0;
  }
  .radius-right-md-2--force {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 !important;
  }
  .radius-md-4 {
    border-radius: var(--matcha-radius-md, 4px);
  }
  .radius-bottom-md-4 {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px);
  }
  .radius-bottom-md-4--force {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) !important;
  }
  .radius-top-md-4 {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0;
  }
  .radius-top-md-4--force {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0 !important;
  }
  .radius-left-md-4 {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px);
  }
  .radius-left-md-4--force {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px) !important;
  }
  .radius-right-md-4 {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0;
  }
  .radius-right-md-4--force {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 !important;
  }
  .radius-md-6 {
    border-radius: 6px;
  }
  .radius-bottom-md-6 {
    border-radius: 0 0 6px 6px;
  }
  .radius-bottom-md-6--force {
    border-radius: 0 0 6px 6px !important;
  }
  .radius-top-md-6 {
    border-radius: 6px 6px 0 0;
  }
  .radius-top-md-6--force {
    border-radius: 6px 6px 0 0 !important;
  }
  .radius-left-md-6 {
    border-radius: 6px 0 0 6px;
  }
  .radius-left-md-6--force {
    border-radius: 6px 0 0 6px !important;
  }
  .radius-right-md-6 {
    border-radius: 0 6px 6px 0;
  }
  .radius-right-md-6--force {
    border-radius: 0 6px 6px 0 !important;
  }
  .radius-md-8 {
    border-radius: var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-md-8 {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-md-8--force {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) !important;
  }
  .radius-top-md-8 {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0;
  }
  .radius-top-md-8--force {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0 !important;
  }
  .radius-left-md-8 {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px);
  }
  .radius-left-md-8--force {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px) !important;
  }
  .radius-right-md-8 {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0;
  }
  .radius-right-md-8--force {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 !important;
  }
  .radius-md-10 {
    border-radius: 10px;
  }
  .radius-bottom-md-10 {
    border-radius: 0 0 10px 10px;
  }
  .radius-bottom-md-10--force {
    border-radius: 0 0 10px 10px !important;
  }
  .radius-top-md-10 {
    border-radius: 10px 10px 0 0;
  }
  .radius-top-md-10--force {
    border-radius: 10px 10px 0 0 !important;
  }
  .radius-left-md-10 {
    border-radius: 10px 0 0 10px;
  }
  .radius-left-md-10--force {
    border-radius: 10px 0 0 10px !important;
  }
  .radius-right-md-10 {
    border-radius: 0 10px 10px 0;
  }
  .radius-right-md-10--force {
    border-radius: 0 10px 10px 0 !important;
  }
  .radius-md-12 {
    border-radius: 12px;
  }
  .radius-bottom-md-12 {
    border-radius: 0 0 12px 12px;
  }
  .radius-bottom-md-12--force {
    border-radius: 0 0 12px 12px !important;
  }
  .radius-top-md-12 {
    border-radius: 12px 12px 0 0;
  }
  .radius-top-md-12--force {
    border-radius: 12px 12px 0 0 !important;
  }
  .radius-left-md-12 {
    border-radius: 12px 0 0 12px;
  }
  .radius-left-md-12--force {
    border-radius: 12px 0 0 12px !important;
  }
  .radius-right-md-12 {
    border-radius: 0 12px 12px 0;
  }
  .radius-right-md-12--force {
    border-radius: 0 12px 12px 0 !important;
  }
  .radius-md-14 {
    border-radius: 14px;
  }
  .radius-bottom-md-14 {
    border-radius: 0 0 14px 14px;
  }
  .radius-bottom-md-14--force {
    border-radius: 0 0 14px 14px !important;
  }
  .radius-top-md-14 {
    border-radius: 14px 14px 0 0;
  }
  .radius-top-md-14--force {
    border-radius: 14px 14px 0 0 !important;
  }
  .radius-left-md-14 {
    border-radius: 14px 0 0 14px;
  }
  .radius-left-md-14--force {
    border-radius: 14px 0 0 14px !important;
  }
  .radius-right-md-14 {
    border-radius: 0 14px 14px 0;
  }
  .radius-right-md-14--force {
    border-radius: 0 14px 14px 0 !important;
  }
  .radius-md-16 {
    border-radius: var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-md-16 {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-md-16--force {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) !important;
  }
  .radius-top-md-16 {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0;
  }
  .radius-top-md-16--force {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0 !important;
  }
  .radius-left-md-16 {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px);
  }
  .radius-left-md-16--force {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px) !important;
  }
  .radius-right-md-16 {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0;
  }
  .radius-right-md-16--force {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 !important;
  }
  .radius-md-18 {
    border-radius: 18px;
  }
  .radius-bottom-md-18 {
    border-radius: 0 0 18px 18px;
  }
  .radius-bottom-md-18--force {
    border-radius: 0 0 18px 18px !important;
  }
  .radius-top-md-18 {
    border-radius: 18px 18px 0 0;
  }
  .radius-top-md-18--force {
    border-radius: 18px 18px 0 0 !important;
  }
  .radius-left-md-18 {
    border-radius: 18px 0 0 18px;
  }
  .radius-left-md-18--force {
    border-radius: 18px 0 0 18px !important;
  }
  .radius-right-md-18 {
    border-radius: 0 18px 18px 0;
  }
  .radius-right-md-18--force {
    border-radius: 0 18px 18px 0 !important;
  }
  .radius-md-20 {
    border-radius: 20px;
  }
  .radius-bottom-md-20 {
    border-radius: 0 0 20px 20px;
  }
  .radius-bottom-md-20--force {
    border-radius: 0 0 20px 20px !important;
  }
  .radius-top-md-20 {
    border-radius: 20px 20px 0 0;
  }
  .radius-top-md-20--force {
    border-radius: 20px 20px 0 0 !important;
  }
  .radius-left-md-20 {
    border-radius: 20px 0 0 20px;
  }
  .radius-left-md-20--force {
    border-radius: 20px 0 0 20px !important;
  }
  .radius-right-md-20 {
    border-radius: 0 20px 20px 0;
  }
  .radius-right-md-20--force {
    border-radius: 0 20px 20px 0 !important;
  }
  .radius-md-22 {
    border-radius: 22px;
  }
  .radius-bottom-md-22 {
    border-radius: 0 0 22px 22px;
  }
  .radius-bottom-md-22--force {
    border-radius: 0 0 22px 22px !important;
  }
  .radius-top-md-22 {
    border-radius: 22px 22px 0 0;
  }
  .radius-top-md-22--force {
    border-radius: 22px 22px 0 0 !important;
  }
  .radius-left-md-22 {
    border-radius: 22px 0 0 22px;
  }
  .radius-left-md-22--force {
    border-radius: 22px 0 0 22px !important;
  }
  .radius-right-md-22 {
    border-radius: 0 22px 22px 0;
  }
  .radius-right-md-22--force {
    border-radius: 0 22px 22px 0 !important;
  }
  .radius-md-24 {
    border-radius: var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-md-24 {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-md-24--force {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-top-md-24 {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0;
  }
  .radius-top-md-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0 !important;
  }
  .radius-left-md-24 {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px);
  }
  .radius-left-md-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-right-md-24 {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0;
  }
  .radius-right-md-24--force {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 !important;
  }
  .radius-md-full {
    border-radius: 9999px;
  }
  .radius-md-full--force {
    border-radius: 9999px !important;
  }
  .radius-md-none {
    border-radius: 0;
  }
  .radius-md-none--force {
    border-radius: 0 !important;
  }
}
@media screen and (min-width: 1280px) {
  .radius-lg-0 {
    border-radius: var(--matcha-radius-none, 0);
  }
  .radius-bottom-lg-0 {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0);
  }
  .radius-bottom-lg-0--force {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) !important;
  }
  .radius-top-lg-0 {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0;
  }
  .radius-top-lg-0--force {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0 !important;
  }
  .radius-left-lg-0 {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0);
  }
  .radius-left-lg-0--force {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0) !important;
  }
  .radius-right-lg-0 {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0;
  }
  .radius-right-lg-0--force {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 !important;
  }
  .radius-lg-2 {
    border-radius: var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-lg-2 {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-lg-2--force {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) !important;
  }
  .radius-top-lg-2 {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0;
  }
  .radius-top-lg-2--force {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0 !important;
  }
  .radius-left-lg-2 {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px);
  }
  .radius-left-lg-2--force {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px) !important;
  }
  .radius-right-lg-2 {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0;
  }
  .radius-right-lg-2--force {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 !important;
  }
  .radius-lg-4 {
    border-radius: var(--matcha-radius-md, 4px);
  }
  .radius-bottom-lg-4 {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px);
  }
  .radius-bottom-lg-4--force {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) !important;
  }
  .radius-top-lg-4 {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0;
  }
  .radius-top-lg-4--force {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0 !important;
  }
  .radius-left-lg-4 {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px);
  }
  .radius-left-lg-4--force {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px) !important;
  }
  .radius-right-lg-4 {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0;
  }
  .radius-right-lg-4--force {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 !important;
  }
  .radius-lg-6 {
    border-radius: 6px;
  }
  .radius-bottom-lg-6 {
    border-radius: 0 0 6px 6px;
  }
  .radius-bottom-lg-6--force {
    border-radius: 0 0 6px 6px !important;
  }
  .radius-top-lg-6 {
    border-radius: 6px 6px 0 0;
  }
  .radius-top-lg-6--force {
    border-radius: 6px 6px 0 0 !important;
  }
  .radius-left-lg-6 {
    border-radius: 6px 0 0 6px;
  }
  .radius-left-lg-6--force {
    border-radius: 6px 0 0 6px !important;
  }
  .radius-right-lg-6 {
    border-radius: 0 6px 6px 0;
  }
  .radius-right-lg-6--force {
    border-radius: 0 6px 6px 0 !important;
  }
  .radius-lg-8 {
    border-radius: var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-lg-8 {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-lg-8--force {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) !important;
  }
  .radius-top-lg-8 {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0;
  }
  .radius-top-lg-8--force {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0 !important;
  }
  .radius-left-lg-8 {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px);
  }
  .radius-left-lg-8--force {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px) !important;
  }
  .radius-right-lg-8 {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0;
  }
  .radius-right-lg-8--force {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 !important;
  }
  .radius-lg-10 {
    border-radius: 10px;
  }
  .radius-bottom-lg-10 {
    border-radius: 0 0 10px 10px;
  }
  .radius-bottom-lg-10--force {
    border-radius: 0 0 10px 10px !important;
  }
  .radius-top-lg-10 {
    border-radius: 10px 10px 0 0;
  }
  .radius-top-lg-10--force {
    border-radius: 10px 10px 0 0 !important;
  }
  .radius-left-lg-10 {
    border-radius: 10px 0 0 10px;
  }
  .radius-left-lg-10--force {
    border-radius: 10px 0 0 10px !important;
  }
  .radius-right-lg-10 {
    border-radius: 0 10px 10px 0;
  }
  .radius-right-lg-10--force {
    border-radius: 0 10px 10px 0 !important;
  }
  .radius-lg-12 {
    border-radius: 12px;
  }
  .radius-bottom-lg-12 {
    border-radius: 0 0 12px 12px;
  }
  .radius-bottom-lg-12--force {
    border-radius: 0 0 12px 12px !important;
  }
  .radius-top-lg-12 {
    border-radius: 12px 12px 0 0;
  }
  .radius-top-lg-12--force {
    border-radius: 12px 12px 0 0 !important;
  }
  .radius-left-lg-12 {
    border-radius: 12px 0 0 12px;
  }
  .radius-left-lg-12--force {
    border-radius: 12px 0 0 12px !important;
  }
  .radius-right-lg-12 {
    border-radius: 0 12px 12px 0;
  }
  .radius-right-lg-12--force {
    border-radius: 0 12px 12px 0 !important;
  }
  .radius-lg-14 {
    border-radius: 14px;
  }
  .radius-bottom-lg-14 {
    border-radius: 0 0 14px 14px;
  }
  .radius-bottom-lg-14--force {
    border-radius: 0 0 14px 14px !important;
  }
  .radius-top-lg-14 {
    border-radius: 14px 14px 0 0;
  }
  .radius-top-lg-14--force {
    border-radius: 14px 14px 0 0 !important;
  }
  .radius-left-lg-14 {
    border-radius: 14px 0 0 14px;
  }
  .radius-left-lg-14--force {
    border-radius: 14px 0 0 14px !important;
  }
  .radius-right-lg-14 {
    border-radius: 0 14px 14px 0;
  }
  .radius-right-lg-14--force {
    border-radius: 0 14px 14px 0 !important;
  }
  .radius-lg-16 {
    border-radius: var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-lg-16 {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-lg-16--force {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) !important;
  }
  .radius-top-lg-16 {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0;
  }
  .radius-top-lg-16--force {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0 !important;
  }
  .radius-left-lg-16 {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px);
  }
  .radius-left-lg-16--force {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px) !important;
  }
  .radius-right-lg-16 {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0;
  }
  .radius-right-lg-16--force {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 !important;
  }
  .radius-lg-18 {
    border-radius: 18px;
  }
  .radius-bottom-lg-18 {
    border-radius: 0 0 18px 18px;
  }
  .radius-bottom-lg-18--force {
    border-radius: 0 0 18px 18px !important;
  }
  .radius-top-lg-18 {
    border-radius: 18px 18px 0 0;
  }
  .radius-top-lg-18--force {
    border-radius: 18px 18px 0 0 !important;
  }
  .radius-left-lg-18 {
    border-radius: 18px 0 0 18px;
  }
  .radius-left-lg-18--force {
    border-radius: 18px 0 0 18px !important;
  }
  .radius-right-lg-18 {
    border-radius: 0 18px 18px 0;
  }
  .radius-right-lg-18--force {
    border-radius: 0 18px 18px 0 !important;
  }
  .radius-lg-20 {
    border-radius: 20px;
  }
  .radius-bottom-lg-20 {
    border-radius: 0 0 20px 20px;
  }
  .radius-bottom-lg-20--force {
    border-radius: 0 0 20px 20px !important;
  }
  .radius-top-lg-20 {
    border-radius: 20px 20px 0 0;
  }
  .radius-top-lg-20--force {
    border-radius: 20px 20px 0 0 !important;
  }
  .radius-left-lg-20 {
    border-radius: 20px 0 0 20px;
  }
  .radius-left-lg-20--force {
    border-radius: 20px 0 0 20px !important;
  }
  .radius-right-lg-20 {
    border-radius: 0 20px 20px 0;
  }
  .radius-right-lg-20--force {
    border-radius: 0 20px 20px 0 !important;
  }
  .radius-lg-22 {
    border-radius: 22px;
  }
  .radius-bottom-lg-22 {
    border-radius: 0 0 22px 22px;
  }
  .radius-bottom-lg-22--force {
    border-radius: 0 0 22px 22px !important;
  }
  .radius-top-lg-22 {
    border-radius: 22px 22px 0 0;
  }
  .radius-top-lg-22--force {
    border-radius: 22px 22px 0 0 !important;
  }
  .radius-left-lg-22 {
    border-radius: 22px 0 0 22px;
  }
  .radius-left-lg-22--force {
    border-radius: 22px 0 0 22px !important;
  }
  .radius-right-lg-22 {
    border-radius: 0 22px 22px 0;
  }
  .radius-right-lg-22--force {
    border-radius: 0 22px 22px 0 !important;
  }
  .radius-lg-24 {
    border-radius: var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-lg-24 {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-lg-24--force {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-top-lg-24 {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0;
  }
  .radius-top-lg-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0 !important;
  }
  .radius-left-lg-24 {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px);
  }
  .radius-left-lg-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-right-lg-24 {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0;
  }
  .radius-right-lg-24--force {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 !important;
  }
  .radius-lg-full {
    border-radius: 9999px;
  }
  .radius-lg-full--force {
    border-radius: 9999px !important;
  }
  .radius-lg-none {
    border-radius: 0;
  }
  .radius-lg-none--force {
    border-radius: 0 !important;
  }
}
@media screen and (min-width: 1536px) {
  .radius-xl-0 {
    border-radius: var(--matcha-radius-none, 0);
  }
  .radius-bottom-xl-0 {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0);
  }
  .radius-bottom-xl-0--force {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) !important;
  }
  .radius-top-xl-0 {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0;
  }
  .radius-top-xl-0--force {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0 !important;
  }
  .radius-left-xl-0 {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0);
  }
  .radius-left-xl-0--force {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0) !important;
  }
  .radius-right-xl-0 {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0;
  }
  .radius-right-xl-0--force {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 !important;
  }
  .radius-xl-2 {
    border-radius: var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-xl-2 {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-xl-2--force {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) !important;
  }
  .radius-top-xl-2 {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0;
  }
  .radius-top-xl-2--force {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0 !important;
  }
  .radius-left-xl-2 {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px);
  }
  .radius-left-xl-2--force {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px) !important;
  }
  .radius-right-xl-2 {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0;
  }
  .radius-right-xl-2--force {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 !important;
  }
  .radius-xl-4 {
    border-radius: var(--matcha-radius-md, 4px);
  }
  .radius-bottom-xl-4 {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px);
  }
  .radius-bottom-xl-4--force {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) !important;
  }
  .radius-top-xl-4 {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0;
  }
  .radius-top-xl-4--force {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0 !important;
  }
  .radius-left-xl-4 {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px);
  }
  .radius-left-xl-4--force {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px) !important;
  }
  .radius-right-xl-4 {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0;
  }
  .radius-right-xl-4--force {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 !important;
  }
  .radius-xl-6 {
    border-radius: 6px;
  }
  .radius-bottom-xl-6 {
    border-radius: 0 0 6px 6px;
  }
  .radius-bottom-xl-6--force {
    border-radius: 0 0 6px 6px !important;
  }
  .radius-top-xl-6 {
    border-radius: 6px 6px 0 0;
  }
  .radius-top-xl-6--force {
    border-radius: 6px 6px 0 0 !important;
  }
  .radius-left-xl-6 {
    border-radius: 6px 0 0 6px;
  }
  .radius-left-xl-6--force {
    border-radius: 6px 0 0 6px !important;
  }
  .radius-right-xl-6 {
    border-radius: 0 6px 6px 0;
  }
  .radius-right-xl-6--force {
    border-radius: 0 6px 6px 0 !important;
  }
  .radius-xl-8 {
    border-radius: var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-xl-8 {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-xl-8--force {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) !important;
  }
  .radius-top-xl-8 {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0;
  }
  .radius-top-xl-8--force {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0 !important;
  }
  .radius-left-xl-8 {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px);
  }
  .radius-left-xl-8--force {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px) !important;
  }
  .radius-right-xl-8 {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0;
  }
  .radius-right-xl-8--force {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 !important;
  }
  .radius-xl-10 {
    border-radius: 10px;
  }
  .radius-bottom-xl-10 {
    border-radius: 0 0 10px 10px;
  }
  .radius-bottom-xl-10--force {
    border-radius: 0 0 10px 10px !important;
  }
  .radius-top-xl-10 {
    border-radius: 10px 10px 0 0;
  }
  .radius-top-xl-10--force {
    border-radius: 10px 10px 0 0 !important;
  }
  .radius-left-xl-10 {
    border-radius: 10px 0 0 10px;
  }
  .radius-left-xl-10--force {
    border-radius: 10px 0 0 10px !important;
  }
  .radius-right-xl-10 {
    border-radius: 0 10px 10px 0;
  }
  .radius-right-xl-10--force {
    border-radius: 0 10px 10px 0 !important;
  }
  .radius-xl-12 {
    border-radius: 12px;
  }
  .radius-bottom-xl-12 {
    border-radius: 0 0 12px 12px;
  }
  .radius-bottom-xl-12--force {
    border-radius: 0 0 12px 12px !important;
  }
  .radius-top-xl-12 {
    border-radius: 12px 12px 0 0;
  }
  .radius-top-xl-12--force {
    border-radius: 12px 12px 0 0 !important;
  }
  .radius-left-xl-12 {
    border-radius: 12px 0 0 12px;
  }
  .radius-left-xl-12--force {
    border-radius: 12px 0 0 12px !important;
  }
  .radius-right-xl-12 {
    border-radius: 0 12px 12px 0;
  }
  .radius-right-xl-12--force {
    border-radius: 0 12px 12px 0 !important;
  }
  .radius-xl-14 {
    border-radius: 14px;
  }
  .radius-bottom-xl-14 {
    border-radius: 0 0 14px 14px;
  }
  .radius-bottom-xl-14--force {
    border-radius: 0 0 14px 14px !important;
  }
  .radius-top-xl-14 {
    border-radius: 14px 14px 0 0;
  }
  .radius-top-xl-14--force {
    border-radius: 14px 14px 0 0 !important;
  }
  .radius-left-xl-14 {
    border-radius: 14px 0 0 14px;
  }
  .radius-left-xl-14--force {
    border-radius: 14px 0 0 14px !important;
  }
  .radius-right-xl-14 {
    border-radius: 0 14px 14px 0;
  }
  .radius-right-xl-14--force {
    border-radius: 0 14px 14px 0 !important;
  }
  .radius-xl-16 {
    border-radius: var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-xl-16 {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-xl-16--force {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) !important;
  }
  .radius-top-xl-16 {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0;
  }
  .radius-top-xl-16--force {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0 !important;
  }
  .radius-left-xl-16 {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px);
  }
  .radius-left-xl-16--force {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px) !important;
  }
  .radius-right-xl-16 {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0;
  }
  .radius-right-xl-16--force {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 !important;
  }
  .radius-xl-18 {
    border-radius: 18px;
  }
  .radius-bottom-xl-18 {
    border-radius: 0 0 18px 18px;
  }
  .radius-bottom-xl-18--force {
    border-radius: 0 0 18px 18px !important;
  }
  .radius-top-xl-18 {
    border-radius: 18px 18px 0 0;
  }
  .radius-top-xl-18--force {
    border-radius: 18px 18px 0 0 !important;
  }
  .radius-left-xl-18 {
    border-radius: 18px 0 0 18px;
  }
  .radius-left-xl-18--force {
    border-radius: 18px 0 0 18px !important;
  }
  .radius-right-xl-18 {
    border-radius: 0 18px 18px 0;
  }
  .radius-right-xl-18--force {
    border-radius: 0 18px 18px 0 !important;
  }
  .radius-xl-20 {
    border-radius: 20px;
  }
  .radius-bottom-xl-20 {
    border-radius: 0 0 20px 20px;
  }
  .radius-bottom-xl-20--force {
    border-radius: 0 0 20px 20px !important;
  }
  .radius-top-xl-20 {
    border-radius: 20px 20px 0 0;
  }
  .radius-top-xl-20--force {
    border-radius: 20px 20px 0 0 !important;
  }
  .radius-left-xl-20 {
    border-radius: 20px 0 0 20px;
  }
  .radius-left-xl-20--force {
    border-radius: 20px 0 0 20px !important;
  }
  .radius-right-xl-20 {
    border-radius: 0 20px 20px 0;
  }
  .radius-right-xl-20--force {
    border-radius: 0 20px 20px 0 !important;
  }
  .radius-xl-22 {
    border-radius: 22px;
  }
  .radius-bottom-xl-22 {
    border-radius: 0 0 22px 22px;
  }
  .radius-bottom-xl-22--force {
    border-radius: 0 0 22px 22px !important;
  }
  .radius-top-xl-22 {
    border-radius: 22px 22px 0 0;
  }
  .radius-top-xl-22--force {
    border-radius: 22px 22px 0 0 !important;
  }
  .radius-left-xl-22 {
    border-radius: 22px 0 0 22px;
  }
  .radius-left-xl-22--force {
    border-radius: 22px 0 0 22px !important;
  }
  .radius-right-xl-22 {
    border-radius: 0 22px 22px 0;
  }
  .radius-right-xl-22--force {
    border-radius: 0 22px 22px 0 !important;
  }
  .radius-xl-24 {
    border-radius: var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-xl-24 {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-xl-24--force {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-top-xl-24 {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0;
  }
  .radius-top-xl-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0 !important;
  }
  .radius-left-xl-24 {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px);
  }
  .radius-left-xl-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-right-xl-24 {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0;
  }
  .radius-right-xl-24--force {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 !important;
  }
  .radius-xl-full {
    border-radius: 9999px;
  }
  .radius-xl-full--force {
    border-radius: 9999px !important;
  }
  .radius-xl-none {
    border-radius: 0;
  }
  .radius-xl-none--force {
    border-radius: 0 !important;
  }
}
.border-none {
  border: none !important;
}

.shadow-1 {
  box-shadow: var(--matcha-shadow-1, 0 8px 24px -8px rgba(45, 122, 47, 0.04), 0 2px 8px -1px rgba(26, 44, 30, 0.08), 0 1px 2px rgba(26, 44, 30, 0.04));
}

.shadow-1--force {
  box-shadow: var(--matcha-shadow-1, 0 8px 24px -8px rgba(45, 122, 47, 0.04), 0 2px 8px -1px rgba(26, 44, 30, 0.08), 0 1px 2px rgba(26, 44, 30, 0.04)) !important;
}

.shadow-2 {
  box-shadow: var(--matcha-shadow-2, 0 12px 32px -10px rgba(45, 122, 47, 0.05), 0 4px 16px -2px rgba(26, 44, 30, 0.10), 0 2px 4px -1px rgba(26, 44, 30, 0.05));
}

.shadow-2--force {
  box-shadow: var(--matcha-shadow-2, 0 12px 32px -10px rgba(45, 122, 47, 0.05), 0 4px 16px -2px rgba(26, 44, 30, 0.10), 0 2px 4px -1px rgba(26, 44, 30, 0.05)) !important;
}

.shadow-3 {
  box-shadow: var(--matcha-shadow-3, 0 16px 40px -12px rgba(45, 122, 47, 0.06), 0 12px 32px -4px rgba(26, 44, 30, 0.14), 0 4px 8px -2px rgba(26, 44, 30, 0.08));
}

.shadow-3--force {
  box-shadow: var(--matcha-shadow-3, 0 16px 40px -12px rgba(45, 122, 47, 0.06), 0 12px 32px -4px rgba(26, 44, 30, 0.14), 0 4px 8px -2px rgba(26, 44, 30, 0.08)) !important;
}

.shadow-4 {
  box-shadow: var(--matcha-shadow-4, 0 24px 48px -16px rgba(45, 122, 47, 0.08), 0 24px 48px -8px rgba(26, 44, 30, 0.18), 0 8px 16px -4px rgba(26, 44, 30, 0.10));
}

.shadow-4--force {
  box-shadow: var(--matcha-shadow-4, 0 24px 48px -16px rgba(45, 122, 47, 0.08), 0 24px 48px -8px rgba(26, 44, 30, 0.18), 0 8px 16px -4px rgba(26, 44, 30, 0.10)) !important;
}

.shadow-none {
  box-shadow: none;
}

.shadow-none--force {
  box-shadow: none !important;
}

.on-hover-show:hover {
  opacity: 1;
}

.on-hover-hide:hover {
  opacity: 0;
}

.ts-100-l {
  transition: all 100ms linear;
}

.ts-100-ei {
  transition: all 100ms ease-in;
}

.ts-100-eo {
  transition: all 100ms ease-out;
}

.ts-100-eio {
  transition: all 100ms ease-in-out;
}

.ts-300-l {
  transition: all 300ms linear;
}

.ts-300-ei {
  transition: all 300ms ease-in;
}

.ts-300-eo {
  transition: all 300ms ease-out;
}

.ts-300-eio {
  transition: all 300ms ease-in-out;
}

.duration-instant {
  transition-duration: var(--matcha-duration-instant, 80ms);
}

.duration-instant--force {
  transition-duration: var(--matcha-duration-instant, 80ms) !important;
}

.duration-fast {
  transition-duration: var(--matcha-duration-fast, 200ms);
}

.duration-fast--force {
  transition-duration: var(--matcha-duration-fast, 200ms) !important;
}

.duration-normal {
  transition-duration: var(--matcha-duration-normal, 400ms);
}

.duration-normal--force {
  transition-duration: var(--matcha-duration-normal, 400ms) !important;
}

.duration-slow {
  transition-duration: var(--matcha-duration-slow, 600ms);
}

.duration-slow--force {
  transition-duration: var(--matcha-duration-slow, 600ms) !important;
}

.ease-standard {
  transition-timing-function: var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));
}

.ease-standard--force {
  transition-timing-function: var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)) !important;
}

.ease-emphasized {
  transition-timing-function: var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));
}

.ease-emphasized--force {
  transition-timing-function: var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)) !important;
}

.ease-decelerated {
  transition-timing-function: var(--matcha-easing-decelerated, cubic-bezier(0, 0, 0.2, 1));
}

.ease-decelerated--force {
  transition-timing-function: var(--matcha-easing-decelerated, cubic-bezier(0, 0, 0.2, 1)) !important;
}

.ease-accelerated {
  transition-timing-function: var(--matcha-easing-accelerated, cubic-bezier(0.4, 0, 1, 1));
}

.ease-accelerated--force {
  transition-timing-function: var(--matcha-easing-accelerated, cubic-bezier(0.4, 0, 1, 1)) !important;
}

.transition-instant {
  transition: all var(--matcha-duration-instant, 80ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));
}

.transition-instant--force {
  transition: all var(--matcha-duration-instant, 80ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)) !important;
}

.transition-fast {
  transition: all var(--matcha-duration-fast, 200ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));
}

.transition-fast--force {
  transition: all var(--matcha-duration-fast, 200ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)) !important;
}

.transition-normal {
  transition: all var(--matcha-duration-normal, 400ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));
}

.transition-normal--force {
  transition: all var(--matcha-duration-normal, 400ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)) !important;
}

.transition-slow {
  transition: all var(--matcha-duration-slow, 600ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));
}

.transition-slow--force {
  transition: all var(--matcha-duration-slow, 600ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)) !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rotate-infinity-1s {
  animation: spin 1s infinite;
}

.rotate-infinity-2s {
  animation: spin 2s infinite;
}

.rotate-infinity-3s {
  animation: spin 3s infinite;
}

.line-clamp-0 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 0;
  line-clamp: 0;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.line-clamp-6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.line-clamp-none {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
  line-clamp: none;
}

@media screen and (max-width: 639px) {
  .line-clamp-xs-0 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    line-clamp: 0;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xs-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xs-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xs-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xs-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xs-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xs-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xs-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
    line-clamp: none;
  }
}
@media screen and (min-width: 640px) {
  .line-clamp-sm-0 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    line-clamp: 0;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-sm-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-sm-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-sm-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-sm-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-sm-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-sm-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-sm-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
    line-clamp: none;
  }
}
@media screen and (min-width: 1024px) {
  .line-clamp-md-0 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    line-clamp: 0;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-md-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-md-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-md-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-md-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-md-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-md-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-md-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
    line-clamp: none;
  }
}
@media screen and (min-width: 1280px) {
  .line-clamp-lg-0 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    line-clamp: 0;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-lg-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-lg-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-lg-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-lg-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-lg-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-lg-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-lg-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
    line-clamp: none;
  }
}
@media screen and (min-width: 1536px) {
  .line-clamp-xl-0 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    line-clamp: 0;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xl-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xl-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xl-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xl-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xl-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xl-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xl-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
    line-clamp: none;
  }
}
.masonry-1 {
  column-count: 1;
}
.masonry-1 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-2 {
  column-count: 2;
}
.masonry-2 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-3 {
  column-count: 3;
}
.masonry-3 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-4 {
  column-count: 4;
}
.masonry-4 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-5 {
  column-count: 5;
}
.masonry-5 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-6 {
  column-count: 6;
}
.masonry-6 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-7 {
  column-count: 7;
}
.masonry-7 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-8 {
  column-count: 8;
}
.masonry-8 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-9 {
  column-count: 9;
}
.masonry-9 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-10 {
  column-count: 10;
}
.masonry-10 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-11 {
  column-count: 11;
}
.masonry-11 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-12 {
  column-count: 12;
}
.masonry-12 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-gap-0 {
  column-gap: 0px;
}
.masonry-gap-0 > * {
  margin-bottom: 0px;
}

.masonry-gap-4 {
  column-gap: 4px;
}
.masonry-gap-4 > * {
  margin-bottom: 4px;
}

.masonry-gap-8 {
  column-gap: 8px;
}
.masonry-gap-8 > * {
  margin-bottom: 8px;
}

.masonry-gap-12 {
  column-gap: 12px;
}
.masonry-gap-12 > * {
  margin-bottom: 12px;
}

.masonry-gap-16 {
  column-gap: 16px;
}
.masonry-gap-16 > * {
  margin-bottom: 16px;
}

.masonry-gap-20 {
  column-gap: 20px;
}
.masonry-gap-20 > * {
  margin-bottom: 20px;
}

.masonry-gap-24 {
  column-gap: 24px;
}
.masonry-gap-24 > * {
  margin-bottom: 24px;
}

.masonry-gap-28 {
  column-gap: 28px;
}
.masonry-gap-28 > * {
  margin-bottom: 28px;
}

.masonry-gap-32 {
  column-gap: 32px;
}
.masonry-gap-32 > * {
  margin-bottom: 32px;
}

.masonry-gap-36 {
  column-gap: 36px;
}
.masonry-gap-36 > * {
  margin-bottom: 36px;
}

.masonry-gap-40 {
  column-gap: 40px;
}
.masonry-gap-40 > * {
  margin-bottom: 40px;
}

.masonry-gap-44 {
  column-gap: 44px;
}
.masonry-gap-44 > * {
  margin-bottom: 44px;
}

.masonry-gap-48 {
  column-gap: 48px;
}
.masonry-gap-48 > * {
  margin-bottom: 48px;
}

@media screen and (max-width: 639px) {
  .masonry-xs-1 {
    column-count: 1;
  }
  .masonry-xs-1 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-2 {
    column-count: 2;
  }
  .masonry-xs-2 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-3 {
    column-count: 3;
  }
  .masonry-xs-3 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-4 {
    column-count: 4;
  }
  .masonry-xs-4 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-5 {
    column-count: 5;
  }
  .masonry-xs-5 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-6 {
    column-count: 6;
  }
  .masonry-xs-6 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-7 {
    column-count: 7;
  }
  .masonry-xs-7 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-8 {
    column-count: 8;
  }
  .masonry-xs-8 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-9 {
    column-count: 9;
  }
  .masonry-xs-9 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-10 {
    column-count: 10;
  }
  .masonry-xs-10 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-11 {
    column-count: 11;
  }
  .masonry-xs-11 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-12 {
    column-count: 12;
  }
  .masonry-xs-12 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-gap-xs-0 {
    column-gap: 0px;
  }
  .masonry-gap-xs-0 > * {
    margin-bottom: 0px;
  }
  .masonry-gap-xs-4 {
    column-gap: 4px;
  }
  .masonry-gap-xs-4 > * {
    margin-bottom: 4px;
  }
  .masonry-gap-xs-8 {
    column-gap: 8px;
  }
  .masonry-gap-xs-8 > * {
    margin-bottom: 8px;
  }
  .masonry-gap-xs-12 {
    column-gap: 12px;
  }
  .masonry-gap-xs-12 > * {
    margin-bottom: 12px;
  }
  .masonry-gap-xs-16 {
    column-gap: 16px;
  }
  .masonry-gap-xs-16 > * {
    margin-bottom: 16px;
  }
  .masonry-gap-xs-20 {
    column-gap: 20px;
  }
  .masonry-gap-xs-20 > * {
    margin-bottom: 20px;
  }
  .masonry-gap-xs-24 {
    column-gap: 24px;
  }
  .masonry-gap-xs-24 > * {
    margin-bottom: 24px;
  }
  .masonry-gap-xs-28 {
    column-gap: 28px;
  }
  .masonry-gap-xs-28 > * {
    margin-bottom: 28px;
  }
  .masonry-gap-xs-32 {
    column-gap: 32px;
  }
  .masonry-gap-xs-32 > * {
    margin-bottom: 32px;
  }
  .masonry-gap-xs-36 {
    column-gap: 36px;
  }
  .masonry-gap-xs-36 > * {
    margin-bottom: 36px;
  }
  .masonry-gap-xs-40 {
    column-gap: 40px;
  }
  .masonry-gap-xs-40 > * {
    margin-bottom: 40px;
  }
  .masonry-gap-xs-44 {
    column-gap: 44px;
  }
  .masonry-gap-xs-44 > * {
    margin-bottom: 44px;
  }
  .masonry-gap-xs-48 {
    column-gap: 48px;
  }
  .masonry-gap-xs-48 > * {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 640px) {
  .masonry-sm-1 {
    column-count: 1;
  }
  .masonry-sm-1 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-2 {
    column-count: 2;
  }
  .masonry-sm-2 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-3 {
    column-count: 3;
  }
  .masonry-sm-3 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-4 {
    column-count: 4;
  }
  .masonry-sm-4 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-5 {
    column-count: 5;
  }
  .masonry-sm-5 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-6 {
    column-count: 6;
  }
  .masonry-sm-6 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-7 {
    column-count: 7;
  }
  .masonry-sm-7 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-8 {
    column-count: 8;
  }
  .masonry-sm-8 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-9 {
    column-count: 9;
  }
  .masonry-sm-9 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-10 {
    column-count: 10;
  }
  .masonry-sm-10 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-11 {
    column-count: 11;
  }
  .masonry-sm-11 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-12 {
    column-count: 12;
  }
  .masonry-sm-12 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-gap-sm-0 {
    column-gap: 0px;
  }
  .masonry-gap-sm-0 > * {
    margin-bottom: 0px;
  }
  .masonry-gap-sm-4 {
    column-gap: 4px;
  }
  .masonry-gap-sm-4 > * {
    margin-bottom: 4px;
  }
  .masonry-gap-sm-8 {
    column-gap: 8px;
  }
  .masonry-gap-sm-8 > * {
    margin-bottom: 8px;
  }
  .masonry-gap-sm-12 {
    column-gap: 12px;
  }
  .masonry-gap-sm-12 > * {
    margin-bottom: 12px;
  }
  .masonry-gap-sm-16 {
    column-gap: 16px;
  }
  .masonry-gap-sm-16 > * {
    margin-bottom: 16px;
  }
  .masonry-gap-sm-20 {
    column-gap: 20px;
  }
  .masonry-gap-sm-20 > * {
    margin-bottom: 20px;
  }
  .masonry-gap-sm-24 {
    column-gap: 24px;
  }
  .masonry-gap-sm-24 > * {
    margin-bottom: 24px;
  }
  .masonry-gap-sm-28 {
    column-gap: 28px;
  }
  .masonry-gap-sm-28 > * {
    margin-bottom: 28px;
  }
  .masonry-gap-sm-32 {
    column-gap: 32px;
  }
  .masonry-gap-sm-32 > * {
    margin-bottom: 32px;
  }
  .masonry-gap-sm-36 {
    column-gap: 36px;
  }
  .masonry-gap-sm-36 > * {
    margin-bottom: 36px;
  }
  .masonry-gap-sm-40 {
    column-gap: 40px;
  }
  .masonry-gap-sm-40 > * {
    margin-bottom: 40px;
  }
  .masonry-gap-sm-44 {
    column-gap: 44px;
  }
  .masonry-gap-sm-44 > * {
    margin-bottom: 44px;
  }
  .masonry-gap-sm-48 {
    column-gap: 48px;
  }
  .masonry-gap-sm-48 > * {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1024px) {
  .masonry-md-1 {
    column-count: 1;
  }
  .masonry-md-1 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-2 {
    column-count: 2;
  }
  .masonry-md-2 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-3 {
    column-count: 3;
  }
  .masonry-md-3 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-4 {
    column-count: 4;
  }
  .masonry-md-4 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-5 {
    column-count: 5;
  }
  .masonry-md-5 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-6 {
    column-count: 6;
  }
  .masonry-md-6 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-7 {
    column-count: 7;
  }
  .masonry-md-7 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-8 {
    column-count: 8;
  }
  .masonry-md-8 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-9 {
    column-count: 9;
  }
  .masonry-md-9 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-10 {
    column-count: 10;
  }
  .masonry-md-10 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-11 {
    column-count: 11;
  }
  .masonry-md-11 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-12 {
    column-count: 12;
  }
  .masonry-md-12 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-gap-md-0 {
    column-gap: 0px;
  }
  .masonry-gap-md-0 > * {
    margin-bottom: 0px;
  }
  .masonry-gap-md-4 {
    column-gap: 4px;
  }
  .masonry-gap-md-4 > * {
    margin-bottom: 4px;
  }
  .masonry-gap-md-8 {
    column-gap: 8px;
  }
  .masonry-gap-md-8 > * {
    margin-bottom: 8px;
  }
  .masonry-gap-md-12 {
    column-gap: 12px;
  }
  .masonry-gap-md-12 > * {
    margin-bottom: 12px;
  }
  .masonry-gap-md-16 {
    column-gap: 16px;
  }
  .masonry-gap-md-16 > * {
    margin-bottom: 16px;
  }
  .masonry-gap-md-20 {
    column-gap: 20px;
  }
  .masonry-gap-md-20 > * {
    margin-bottom: 20px;
  }
  .masonry-gap-md-24 {
    column-gap: 24px;
  }
  .masonry-gap-md-24 > * {
    margin-bottom: 24px;
  }
  .masonry-gap-md-28 {
    column-gap: 28px;
  }
  .masonry-gap-md-28 > * {
    margin-bottom: 28px;
  }
  .masonry-gap-md-32 {
    column-gap: 32px;
  }
  .masonry-gap-md-32 > * {
    margin-bottom: 32px;
  }
  .masonry-gap-md-36 {
    column-gap: 36px;
  }
  .masonry-gap-md-36 > * {
    margin-bottom: 36px;
  }
  .masonry-gap-md-40 {
    column-gap: 40px;
  }
  .masonry-gap-md-40 > * {
    margin-bottom: 40px;
  }
  .masonry-gap-md-44 {
    column-gap: 44px;
  }
  .masonry-gap-md-44 > * {
    margin-bottom: 44px;
  }
  .masonry-gap-md-48 {
    column-gap: 48px;
  }
  .masonry-gap-md-48 > * {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1280px) {
  .masonry-lg-1 {
    column-count: 1;
  }
  .masonry-lg-1 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-2 {
    column-count: 2;
  }
  .masonry-lg-2 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-3 {
    column-count: 3;
  }
  .masonry-lg-3 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-4 {
    column-count: 4;
  }
  .masonry-lg-4 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-5 {
    column-count: 5;
  }
  .masonry-lg-5 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-6 {
    column-count: 6;
  }
  .masonry-lg-6 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-7 {
    column-count: 7;
  }
  .masonry-lg-7 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-8 {
    column-count: 8;
  }
  .masonry-lg-8 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-9 {
    column-count: 9;
  }
  .masonry-lg-9 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-10 {
    column-count: 10;
  }
  .masonry-lg-10 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-11 {
    column-count: 11;
  }
  .masonry-lg-11 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-12 {
    column-count: 12;
  }
  .masonry-lg-12 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-gap-lg-0 {
    column-gap: 0px;
  }
  .masonry-gap-lg-0 > * {
    margin-bottom: 0px;
  }
  .masonry-gap-lg-4 {
    column-gap: 4px;
  }
  .masonry-gap-lg-4 > * {
    margin-bottom: 4px;
  }
  .masonry-gap-lg-8 {
    column-gap: 8px;
  }
  .masonry-gap-lg-8 > * {
    margin-bottom: 8px;
  }
  .masonry-gap-lg-12 {
    column-gap: 12px;
  }
  .masonry-gap-lg-12 > * {
    margin-bottom: 12px;
  }
  .masonry-gap-lg-16 {
    column-gap: 16px;
  }
  .masonry-gap-lg-16 > * {
    margin-bottom: 16px;
  }
  .masonry-gap-lg-20 {
    column-gap: 20px;
  }
  .masonry-gap-lg-20 > * {
    margin-bottom: 20px;
  }
  .masonry-gap-lg-24 {
    column-gap: 24px;
  }
  .masonry-gap-lg-24 > * {
    margin-bottom: 24px;
  }
  .masonry-gap-lg-28 {
    column-gap: 28px;
  }
  .masonry-gap-lg-28 > * {
    margin-bottom: 28px;
  }
  .masonry-gap-lg-32 {
    column-gap: 32px;
  }
  .masonry-gap-lg-32 > * {
    margin-bottom: 32px;
  }
  .masonry-gap-lg-36 {
    column-gap: 36px;
  }
  .masonry-gap-lg-36 > * {
    margin-bottom: 36px;
  }
  .masonry-gap-lg-40 {
    column-gap: 40px;
  }
  .masonry-gap-lg-40 > * {
    margin-bottom: 40px;
  }
  .masonry-gap-lg-44 {
    column-gap: 44px;
  }
  .masonry-gap-lg-44 > * {
    margin-bottom: 44px;
  }
  .masonry-gap-lg-48 {
    column-gap: 48px;
  }
  .masonry-gap-lg-48 > * {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1536px) {
  .masonry-xl-1 {
    column-count: 1;
  }
  .masonry-xl-1 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-2 {
    column-count: 2;
  }
  .masonry-xl-2 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-3 {
    column-count: 3;
  }
  .masonry-xl-3 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-4 {
    column-count: 4;
  }
  .masonry-xl-4 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-5 {
    column-count: 5;
  }
  .masonry-xl-5 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-6 {
    column-count: 6;
  }
  .masonry-xl-6 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-7 {
    column-count: 7;
  }
  .masonry-xl-7 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-8 {
    column-count: 8;
  }
  .masonry-xl-8 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-9 {
    column-count: 9;
  }
  .masonry-xl-9 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-10 {
    column-count: 10;
  }
  .masonry-xl-10 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-11 {
    column-count: 11;
  }
  .masonry-xl-11 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-12 {
    column-count: 12;
  }
  .masonry-xl-12 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-gap-xl-0 {
    column-gap: 0px;
  }
  .masonry-gap-xl-0 > * {
    margin-bottom: 0px;
  }
  .masonry-gap-xl-4 {
    column-gap: 4px;
  }
  .masonry-gap-xl-4 > * {
    margin-bottom: 4px;
  }
  .masonry-gap-xl-8 {
    column-gap: 8px;
  }
  .masonry-gap-xl-8 > * {
    margin-bottom: 8px;
  }
  .masonry-gap-xl-12 {
    column-gap: 12px;
  }
  .masonry-gap-xl-12 > * {
    margin-bottom: 12px;
  }
  .masonry-gap-xl-16 {
    column-gap: 16px;
  }
  .masonry-gap-xl-16 > * {
    margin-bottom: 16px;
  }
  .masonry-gap-xl-20 {
    column-gap: 20px;
  }
  .masonry-gap-xl-20 > * {
    margin-bottom: 20px;
  }
  .masonry-gap-xl-24 {
    column-gap: 24px;
  }
  .masonry-gap-xl-24 > * {
    margin-bottom: 24px;
  }
  .masonry-gap-xl-28 {
    column-gap: 28px;
  }
  .masonry-gap-xl-28 > * {
    margin-bottom: 28px;
  }
  .masonry-gap-xl-32 {
    column-gap: 32px;
  }
  .masonry-gap-xl-32 > * {
    margin-bottom: 32px;
  }
  .masonry-gap-xl-36 {
    column-gap: 36px;
  }
  .masonry-gap-xl-36 > * {
    margin-bottom: 36px;
  }
  .masonry-gap-xl-40 {
    column-gap: 40px;
  }
  .masonry-gap-xl-40 > * {
    margin-bottom: 40px;
  }
  .masonry-gap-xl-44 {
    column-gap: 44px;
  }
  .masonry-gap-xl-44 > * {
    margin-bottom: 44px;
  }
  .masonry-gap-xl-48 {
    column-gap: 48px;
  }
  .masonry-gap-xl-48 > * {
    margin-bottom: 48px;
  }
}
.fs-8 {
  font-size: var(--matcha-font-size-3xs) !important;
}

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

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

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

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

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

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

.fs-24 {
  font-size: var(--matcha-font-size-2xl) !important;
}

.fs-32 {
  font-size: var(--matcha-font-size-3xl) !important;
}

.fs-36 {
  font-size: var(--matcha-font-size-4xl) !important;
}

.fs-48 {
  font-size: var(--matcha-font-size-5xl) !important;
}

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

.fs-72 {
  font-size: var(--matcha-font-size-7xl) !important;
}

.fw-200 {
  font-weight: var(--matcha-font-weight-extralight) !important;
}

.fw-300 {
  font-weight: var(--matcha-font-weight-light) !important;
}

.fw-400 {
  font-weight: var(--matcha-font-weight-regular) !important;
}

.fw-500 {
  font-weight: var(--matcha-font-weight-medium) !important;
}

.fw-600 {
  font-weight: var(--matcha-font-weight-semi-bold) !important;
}

.fw-700 {
  font-weight: var(--matcha-font-weight-bold) !important;
}

.fw-800 {
  font-weight: var(--matcha-font-weight-extrabold) !important;
}

.fw-900 {
  font-weight: var(--matcha-font-weight-black) !important;
}

.p-4 {
  padding: var(--matcha-space-050) !important;
}

.p-8 {
  padding: var(--matcha-space-100) !important;
}

.p-12 {
  padding: var(--matcha-space-150) !important;
}

.p-16 {
  padding: var(--matcha-space-200) !important;
}

.p-20 {
  padding: var(--matcha-space-250) !important;
}

.p-24 {
  padding: var(--matcha-space-300) !important;
}

.p-32 {
  padding: var(--matcha-space-400) !important;
}

.p-40 {
  padding: var(--matcha-space-500) !important;
}

.p-48 {
  padding: var(--matcha-space-600) !important;
}

.px-4 {
  padding-left: var(--matcha-space-050) !important;
  padding-right: var(--matcha-space-050) !important;
}

.px-8 {
  padding-left: var(--matcha-space-100) !important;
  padding-right: var(--matcha-space-100) !important;
}

.px-12 {
  padding-left: var(--matcha-space-150) !important;
  padding-right: var(--matcha-space-150) !important;
}

.px-16 {
  padding-left: var(--matcha-space-200) !important;
  padding-right: var(--matcha-space-200) !important;
}

.px-24 {
  padding-left: var(--matcha-space-300) !important;
  padding-right: var(--matcha-space-300) !important;
}

.px-32 {
  padding-left: var(--matcha-space-400) !important;
  padding-right: var(--matcha-space-400) !important;
}

.py-4 {
  padding-top: var(--matcha-space-050) !important;
  padding-bottom: var(--matcha-space-050) !important;
}

.py-8 {
  padding-top: var(--matcha-space-100) !important;
  padding-bottom: var(--matcha-space-100) !important;
}

.py-12 {
  padding-top: var(--matcha-space-150) !important;
  padding-bottom: var(--matcha-space-150) !important;
}

.py-16 {
  padding-top: var(--matcha-space-200) !important;
  padding-bottom: var(--matcha-space-200) !important;
}

.py-24 {
  padding-top: var(--matcha-space-300) !important;
  padding-bottom: var(--matcha-space-300) !important;
}

.py-32 {
  padding-top: var(--matcha-space-400) !important;
  padding-bottom: var(--matcha-space-400) !important;
}

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

.pt-4 {
  padding-top: var(--matcha-space-050) !important;
}

.pt-8 {
  padding-top: var(--matcha-space-100) !important;
}

.pt-16 {
  padding-top: var(--matcha-space-200) !important;
}

.pt-24 {
  padding-top: var(--matcha-space-300) !important;
}

.pt-32 {
  padding-top: var(--matcha-space-400) !important;
}

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

.pb-4 {
  padding-bottom: var(--matcha-space-050) !important;
}

.pb-8 {
  padding-bottom: var(--matcha-space-100) !important;
}

.pb-16 {
  padding-bottom: var(--matcha-space-200) !important;
}

.pb-24 {
  padding-bottom: var(--matcha-space-300) !important;
}

.pb-32 {
  padding-bottom: var(--matcha-space-400) !important;
}

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

.pl-4 {
  padding-left: var(--matcha-space-050) !important;
}

.pl-8 {
  padding-left: var(--matcha-space-100) !important;
}

.pl-16 {
  padding-left: var(--matcha-space-200) !important;
}

.pl-24 {
  padding-left: var(--matcha-space-300) !important;
}

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

.pr-4 {
  padding-right: var(--matcha-space-050) !important;
}

.pr-8 {
  padding-right: var(--matcha-space-100) !important;
}

.pr-16 {
  padding-right: var(--matcha-space-200) !important;
}

.pr-24 {
  padding-right: var(--matcha-space-300) !important;
}

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

.m-4 {
  margin: var(--matcha-space-050) !important;
}

.m-8 {
  margin: var(--matcha-space-100) !important;
}

.m-16 {
  margin: var(--matcha-space-200) !important;
}

.m-24 {
  margin: var(--matcha-space-300) !important;
}

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

.mt-4 {
  margin-top: var(--matcha-space-050) !important;
}

.mt-8 {
  margin-top: var(--matcha-space-100) !important;
}

.mt-12 {
  margin-top: var(--matcha-space-150) !important;
}

.mt-16 {
  margin-top: var(--matcha-space-200) !important;
}

.mt-24 {
  margin-top: var(--matcha-space-300) !important;
}

.mt-32 {
  margin-top: var(--matcha-space-400) !important;
}

.mt-40 {
  margin-top: var(--matcha-space-500) !important;
}

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

.mb-4 {
  margin-bottom: var(--matcha-space-050) !important;
}

.mb-8 {
  margin-bottom: var(--matcha-space-100) !important;
}

.mb-12 {
  margin-bottom: var(--matcha-space-150) !important;
}

.mb-16 {
  margin-bottom: var(--matcha-space-200) !important;
}

.mb-24 {
  margin-bottom: var(--matcha-space-300) !important;
}

.mb-32 {
  margin-bottom: var(--matcha-space-400) !important;
}

.mb-40 {
  margin-bottom: var(--matcha-space-500) !important;
}

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

.ml-4 {
  margin-left: var(--matcha-space-050) !important;
}

.ml-8 {
  margin-left: var(--matcha-space-100) !important;
}

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

.ml-16 {
  margin-left: var(--matcha-space-200) !important;
}

.ml-24 {
  margin-left: var(--matcha-space-300) !important;
}

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

.mr-4 {
  margin-right: var(--matcha-space-050) !important;
}

.mr-8 {
  margin-right: var(--matcha-space-100) !important;
}

.mr-16 {
  margin-right: var(--matcha-space-200) !important;
}

.mr-24 {
  margin-right: var(--matcha-space-300) !important;
}

.mx-4 {
  margin-left: var(--matcha-space-050) !important;
  margin-right: var(--matcha-space-050) !important;
}

.mx-8 {
  margin-left: var(--matcha-space-100) !important;
  margin-right: var(--matcha-space-100) !important;
}

.mx-16 {
  margin-left: var(--matcha-space-200) !important;
  margin-right: var(--matcha-space-200) !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-4 {
  margin-top: var(--matcha-space-050) !important;
  margin-bottom: var(--matcha-space-050) !important;
}

.my-8 {
  margin-top: var(--matcha-space-100) !important;
  margin-bottom: var(--matcha-space-100) !important;
}

.my-16 {
  margin-top: var(--matcha-space-200) !important;
  margin-bottom: var(--matcha-space-200) !important;
}

.my-24 {
  margin-top: var(--matcha-space-300) !important;
  margin-bottom: var(--matcha-space-300) !important;
}

.gap-2 {
  gap: var(--matcha-space-025) !important;
}

.gap-4 {
  gap: var(--matcha-space-050) !important;
}

.gap-8 {
  gap: var(--matcha-space-100) !important;
}

.gap-12 {
  gap: var(--matcha-space-150) !important;
}

.gap-16 {
  gap: var(--matcha-space-200) !important;
}

.gap-20 {
  gap: var(--matcha-space-250) !important;
}

.gap-24 {
  gap: var(--matcha-space-300) !important;
}

.gap-32 {
  gap: var(--matcha-space-400) !important;
}

.gap-40 {
  gap: var(--matcha-space-500) !important;
}

.gap-48 {
  gap: var(--matcha-space-600) !important;
}

.radius-0 {
  border-radius: var(--matcha-radius-none) !important;
}

.radius-2 {
  border-radius: var(--matcha-radius-sm) !important;
}

.radius-4 {
  border-radius: var(--matcha-radius-md) !important;
}

.radius-6 {
  border-radius: var(--matcha-radius-3xs) !important;
}

.radius-8 {
  border-radius: var(--matcha-radius-lg) !important;
}

.radius-12 {
  border-radius: var(--matcha-radius-2xl) !important;
}

.radius-16 {
  border-radius: var(--matcha-radius-xl) !important;
}

.radius-24 {
  border-radius: var(--matcha-radius-3xl) !important;
}

.radius-full {
  border-radius: var(--matcha-radius-pill) !important;
}

body:not(.is-mobile) ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0);
}
body:not(.is-mobile) ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
body:not(.is-mobile) ::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-color: rgba(0, 0, 0, 0.37);
  background-clip: padding-box;
  border-radius: 12px;
}
body:not(.is-mobile) ::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.54);
  background-clip: padding-box;
  border-radius: 12px;
}
body:not(.is-mobile) ::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
}

html,
body {
  width: 100%;
  margin: 0;
  padding: 0;
}
html:not(.is-mobile) ::-webkit-scrollbar,
body:not(.is-mobile) ::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  background-color: rgba(0, 0, 0, 0);
}
html:not(.is-mobile) ::-webkit-scrollbar:hover,
body:not(.is-mobile) ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
html:not(.is-mobile) ::-webkit-scrollbar-thumb,
body:not(.is-mobile) ::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: rgba(136, 136, 136, 0.2);
  background-clip: padding-box;
  border-radius: 12px;
}
html:not(.is-mobile) ::-webkit-scrollbar-thumb:active,
body:not(.is-mobile) ::-webkit-scrollbar-thumb:active {
  background-color: rgba(136, 136, 136, 0.2666666667);
  background-clip: padding-box;
  border-radius: 12px;
}
html:not(.is-mobile) ::-webkit-scrollbar-corner,
body:not(.is-mobile) ::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}

body.boxed {
  max-width: 1200px;
  margin: 0 auto;
}

/*----------------------------------------------------------------*/
/*  @ Text rendering & box sizing
/*----------------------------------------------------------------*/
* {
  text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -webkit-text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}
*:focus {
  outline: none;
}

input {
  border: none;
}

.h-0 {
  height: 0px;
}

.h-0--force {
  height: 0px !important;
}

.max-h-0 {
  max-height: 0px;
}

.max-h-0--force {
  max-height: 0px !important;
}

.min-h-0 {
  min-height: 0px;
}

.min-h-0--force {
  min-height: 0px !important;
}

.h-4 {
  height: 4px;
}

.h-4--force {
  height: 4px !important;
}

.max-h-4 {
  max-height: 4px;
}

.max-h-4--force {
  max-height: 4px !important;
}

.min-h-4 {
  min-height: 4px;
}

.min-h-4--force {
  min-height: 4px !important;
}

.h-8 {
  height: 8px;
}

.h-8--force {
  height: 8px !important;
}

.max-h-8 {
  max-height: 8px;
}

.max-h-8--force {
  max-height: 8px !important;
}

.min-h-8 {
  min-height: 8px;
}

.min-h-8--force {
  min-height: 8px !important;
}

.h-12 {
  height: 12px;
}

.h-12--force {
  height: 12px !important;
}

.max-h-12 {
  max-height: 12px;
}

.max-h-12--force {
  max-height: 12px !important;
}

.min-h-12 {
  min-height: 12px;
}

.min-h-12--force {
  min-height: 12px !important;
}

.h-16 {
  height: 16px;
}

.h-16--force {
  height: 16px !important;
}

.max-h-16 {
  max-height: 16px;
}

.max-h-16--force {
  max-height: 16px !important;
}

.min-h-16 {
  min-height: 16px;
}

.min-h-16--force {
  min-height: 16px !important;
}

.h-20 {
  height: 20px;
}

.h-20--force {
  height: 20px !important;
}

.max-h-20 {
  max-height: 20px;
}

.max-h-20--force {
  max-height: 20px !important;
}

.min-h-20 {
  min-height: 20px;
}

.min-h-20--force {
  min-height: 20px !important;
}

.h-24 {
  height: 24px;
}

.h-24--force {
  height: 24px !important;
}

.max-h-24 {
  max-height: 24px;
}

.max-h-24--force {
  max-height: 24px !important;
}

.min-h-24 {
  min-height: 24px;
}

.min-h-24--force {
  min-height: 24px !important;
}

.h-28 {
  height: 28px;
}

.h-28--force {
  height: 28px !important;
}

.max-h-28 {
  max-height: 28px;
}

.max-h-28--force {
  max-height: 28px !important;
}

.min-h-28 {
  min-height: 28px;
}

.min-h-28--force {
  min-height: 28px !important;
}

.h-32 {
  height: 32px;
}

.h-32--force {
  height: 32px !important;
}

.max-h-32 {
  max-height: 32px;
}

.max-h-32--force {
  max-height: 32px !important;
}

.min-h-32 {
  min-height: 32px;
}

.min-h-32--force {
  min-height: 32px !important;
}

.h-36 {
  height: 36px;
}

.h-36--force {
  height: 36px !important;
}

.max-h-36 {
  max-height: 36px;
}

.max-h-36--force {
  max-height: 36px !important;
}

.min-h-36 {
  min-height: 36px;
}

.min-h-36--force {
  min-height: 36px !important;
}

.h-40 {
  height: 40px;
}

.h-40--force {
  height: 40px !important;
}

.max-h-40 {
  max-height: 40px;
}

.max-h-40--force {
  max-height: 40px !important;
}

.min-h-40 {
  min-height: 40px;
}

.min-h-40--force {
  min-height: 40px !important;
}

.h-44 {
  height: 44px;
}

.h-44--force {
  height: 44px !important;
}

.max-h-44 {
  max-height: 44px;
}

.max-h-44--force {
  max-height: 44px !important;
}

.min-h-44 {
  min-height: 44px;
}

.min-h-44--force {
  min-height: 44px !important;
}

.h-48 {
  height: 48px;
}

.h-48--force {
  height: 48px !important;
}

.max-h-48 {
  max-height: 48px;
}

.max-h-48--force {
  max-height: 48px !important;
}

.min-h-48 {
  min-height: 48px;
}

.min-h-48--force {
  min-height: 48px !important;
}

.h-52 {
  height: 52px;
}

.h-52--force {
  height: 52px !important;
}

.max-h-52 {
  max-height: 52px;
}

.max-h-52--force {
  max-height: 52px !important;
}

.min-h-52 {
  min-height: 52px;
}

.min-h-52--force {
  min-height: 52px !important;
}

.h-56 {
  height: 56px;
}

.h-56--force {
  height: 56px !important;
}

.max-h-56 {
  max-height: 56px;
}

.max-h-56--force {
  max-height: 56px !important;
}

.min-h-56 {
  min-height: 56px;
}

.min-h-56--force {
  min-height: 56px !important;
}

.h-60 {
  height: 60px;
}

.h-60--force {
  height: 60px !important;
}

.max-h-60 {
  max-height: 60px;
}

.max-h-60--force {
  max-height: 60px !important;
}

.min-h-60 {
  min-height: 60px;
}

.min-h-60--force {
  min-height: 60px !important;
}

.h-64 {
  height: 64px;
}

.h-64--force {
  height: 64px !important;
}

.max-h-64 {
  max-height: 64px;
}

.max-h-64--force {
  max-height: 64px !important;
}

.min-h-64 {
  min-height: 64px;
}

.min-h-64--force {
  min-height: 64px !important;
}

.h-68 {
  height: 68px;
}

.h-68--force {
  height: 68px !important;
}

.max-h-68 {
  max-height: 68px;
}

.max-h-68--force {
  max-height: 68px !important;
}

.min-h-68 {
  min-height: 68px;
}

.min-h-68--force {
  min-height: 68px !important;
}

.h-72 {
  height: 72px;
}

.h-72--force {
  height: 72px !important;
}

.max-h-72 {
  max-height: 72px;
}

.max-h-72--force {
  max-height: 72px !important;
}

.min-h-72 {
  min-height: 72px;
}

.min-h-72--force {
  min-height: 72px !important;
}

.h-76 {
  height: 76px;
}

.h-76--force {
  height: 76px !important;
}

.max-h-76 {
  max-height: 76px;
}

.max-h-76--force {
  max-height: 76px !important;
}

.min-h-76 {
  min-height: 76px;
}

.min-h-76--force {
  min-height: 76px !important;
}

.h-80 {
  height: 80px;
}

.h-80--force {
  height: 80px !important;
}

.max-h-80 {
  max-height: 80px;
}

.max-h-80--force {
  max-height: 80px !important;
}

.min-h-80 {
  min-height: 80px;
}

.min-h-80--force {
  min-height: 80px !important;
}

.h-84 {
  height: 84px;
}

.h-84--force {
  height: 84px !important;
}

.max-h-84 {
  max-height: 84px;
}

.max-h-84--force {
  max-height: 84px !important;
}

.min-h-84 {
  min-height: 84px;
}

.min-h-84--force {
  min-height: 84px !important;
}

.h-88 {
  height: 88px;
}

.h-88--force {
  height: 88px !important;
}

.max-h-88 {
  max-height: 88px;
}

.max-h-88--force {
  max-height: 88px !important;
}

.min-h-88 {
  min-height: 88px;
}

.min-h-88--force {
  min-height: 88px !important;
}

.h-92 {
  height: 92px;
}

.h-92--force {
  height: 92px !important;
}

.max-h-92 {
  max-height: 92px;
}

.max-h-92--force {
  max-height: 92px !important;
}

.min-h-92 {
  min-height: 92px;
}

.min-h-92--force {
  min-height: 92px !important;
}

.h-96 {
  height: 96px;
}

.h-96--force {
  height: 96px !important;
}

.max-h-96 {
  max-height: 96px;
}

.max-h-96--force {
  max-height: 96px !important;
}

.min-h-96 {
  min-height: 96px;
}

.min-h-96--force {
  min-height: 96px !important;
}

.h-100 {
  height: 100px;
}

.h-100--force {
  height: 100px !important;
}

.max-h-100 {
  max-height: 100px;
}

.max-h-100--force {
  max-height: 100px !important;
}

.min-h-100 {
  min-height: 100px;
}

.min-h-100--force {
  min-height: 100px !important;
}

.h-104 {
  height: 104px;
}

.h-104--force {
  height: 104px !important;
}

.max-h-104 {
  max-height: 104px;
}

.max-h-104--force {
  max-height: 104px !important;
}

.min-h-104 {
  min-height: 104px;
}

.min-h-104--force {
  min-height: 104px !important;
}

.h-108 {
  height: 108px;
}

.h-108--force {
  height: 108px !important;
}

.max-h-108 {
  max-height: 108px;
}

.max-h-108--force {
  max-height: 108px !important;
}

.min-h-108 {
  min-height: 108px;
}

.min-h-108--force {
  min-height: 108px !important;
}

.h-112 {
  height: 112px;
}

.h-112--force {
  height: 112px !important;
}

.max-h-112 {
  max-height: 112px;
}

.max-h-112--force {
  max-height: 112px !important;
}

.min-h-112 {
  min-height: 112px;
}

.min-h-112--force {
  min-height: 112px !important;
}

.h-116 {
  height: 116px;
}

.h-116--force {
  height: 116px !important;
}

.max-h-116 {
  max-height: 116px;
}

.max-h-116--force {
  max-height: 116px !important;
}

.min-h-116 {
  min-height: 116px;
}

.min-h-116--force {
  min-height: 116px !important;
}

.h-120 {
  height: 120px;
}

.h-120--force {
  height: 120px !important;
}

.max-h-120 {
  max-height: 120px;
}

.max-h-120--force {
  max-height: 120px !important;
}

.min-h-120 {
  min-height: 120px;
}

.min-h-120--force {
  min-height: 120px !important;
}

.h-124 {
  height: 124px;
}

.h-124--force {
  height: 124px !important;
}

.max-h-124 {
  max-height: 124px;
}

.max-h-124--force {
  max-height: 124px !important;
}

.min-h-124 {
  min-height: 124px;
}

.min-h-124--force {
  min-height: 124px !important;
}

.h-128 {
  height: 128px;
}

.h-128--force {
  height: 128px !important;
}

.max-h-128 {
  max-height: 128px;
}

.max-h-128--force {
  max-height: 128px !important;
}

.min-h-128 {
  min-height: 128px;
}

.min-h-128--force {
  min-height: 128px !important;
}

.h-132 {
  height: 132px;
}

.h-132--force {
  height: 132px !important;
}

.max-h-132 {
  max-height: 132px;
}

.max-h-132--force {
  max-height: 132px !important;
}

.min-h-132 {
  min-height: 132px;
}

.min-h-132--force {
  min-height: 132px !important;
}

.h-136 {
  height: 136px;
}

.h-136--force {
  height: 136px !important;
}

.max-h-136 {
  max-height: 136px;
}

.max-h-136--force {
  max-height: 136px !important;
}

.min-h-136 {
  min-height: 136px;
}

.min-h-136--force {
  min-height: 136px !important;
}

.h-140 {
  height: 140px;
}

.h-140--force {
  height: 140px !important;
}

.max-h-140 {
  max-height: 140px;
}

.max-h-140--force {
  max-height: 140px !important;
}

.min-h-140 {
  min-height: 140px;
}

.min-h-140--force {
  min-height: 140px !important;
}

.h-144 {
  height: 144px;
}

.h-144--force {
  height: 144px !important;
}

.max-h-144 {
  max-height: 144px;
}

.max-h-144--force {
  max-height: 144px !important;
}

.min-h-144 {
  min-height: 144px;
}

.min-h-144--force {
  min-height: 144px !important;
}

.h-148 {
  height: 148px;
}

.h-148--force {
  height: 148px !important;
}

.max-h-148 {
  max-height: 148px;
}

.max-h-148--force {
  max-height: 148px !important;
}

.min-h-148 {
  min-height: 148px;
}

.min-h-148--force {
  min-height: 148px !important;
}

.h-152 {
  height: 152px;
}

.h-152--force {
  height: 152px !important;
}

.max-h-152 {
  max-height: 152px;
}

.max-h-152--force {
  max-height: 152px !important;
}

.min-h-152 {
  min-height: 152px;
}

.min-h-152--force {
  min-height: 152px !important;
}

.h-156 {
  height: 156px;
}

.h-156--force {
  height: 156px !important;
}

.max-h-156 {
  max-height: 156px;
}

.max-h-156--force {
  max-height: 156px !important;
}

.min-h-156 {
  min-height: 156px;
}

.min-h-156--force {
  min-height: 156px !important;
}

.h-160 {
  height: 160px;
}

.h-160--force {
  height: 160px !important;
}

.max-h-160 {
  max-height: 160px;
}

.max-h-160--force {
  max-height: 160px !important;
}

.min-h-160 {
  min-height: 160px;
}

.min-h-160--force {
  min-height: 160px !important;
}

.h-164 {
  height: 164px;
}

.h-164--force {
  height: 164px !important;
}

.max-h-164 {
  max-height: 164px;
}

.max-h-164--force {
  max-height: 164px !important;
}

.min-h-164 {
  min-height: 164px;
}

.min-h-164--force {
  min-height: 164px !important;
}

.h-168 {
  height: 168px;
}

.h-168--force {
  height: 168px !important;
}

.max-h-168 {
  max-height: 168px;
}

.max-h-168--force {
  max-height: 168px !important;
}

.min-h-168 {
  min-height: 168px;
}

.min-h-168--force {
  min-height: 168px !important;
}

.h-172 {
  height: 172px;
}

.h-172--force {
  height: 172px !important;
}

.max-h-172 {
  max-height: 172px;
}

.max-h-172--force {
  max-height: 172px !important;
}

.min-h-172 {
  min-height: 172px;
}

.min-h-172--force {
  min-height: 172px !important;
}

.h-176 {
  height: 176px;
}

.h-176--force {
  height: 176px !important;
}

.max-h-176 {
  max-height: 176px;
}

.max-h-176--force {
  max-height: 176px !important;
}

.min-h-176 {
  min-height: 176px;
}

.min-h-176--force {
  min-height: 176px !important;
}

.h-180 {
  height: 180px;
}

.h-180--force {
  height: 180px !important;
}

.max-h-180 {
  max-height: 180px;
}

.max-h-180--force {
  max-height: 180px !important;
}

.min-h-180 {
  min-height: 180px;
}

.min-h-180--force {
  min-height: 180px !important;
}

.h-184 {
  height: 184px;
}

.h-184--force {
  height: 184px !important;
}

.max-h-184 {
  max-height: 184px;
}

.max-h-184--force {
  max-height: 184px !important;
}

.min-h-184 {
  min-height: 184px;
}

.min-h-184--force {
  min-height: 184px !important;
}

.h-188 {
  height: 188px;
}

.h-188--force {
  height: 188px !important;
}

.max-h-188 {
  max-height: 188px;
}

.max-h-188--force {
  max-height: 188px !important;
}

.min-h-188 {
  min-height: 188px;
}

.min-h-188--force {
  min-height: 188px !important;
}

.h-192 {
  height: 192px;
}

.h-192--force {
  height: 192px !important;
}

.max-h-192 {
  max-height: 192px;
}

.max-h-192--force {
  max-height: 192px !important;
}

.min-h-192 {
  min-height: 192px;
}

.min-h-192--force {
  min-height: 192px !important;
}

.h-196 {
  height: 196px;
}

.h-196--force {
  height: 196px !important;
}

.max-h-196 {
  max-height: 196px;
}

.max-h-196--force {
  max-height: 196px !important;
}

.min-h-196 {
  min-height: 196px;
}

.min-h-196--force {
  min-height: 196px !important;
}

.h-200 {
  height: 200px;
}

.h-200--force {
  height: 200px !important;
}

.max-h-200 {
  max-height: 200px;
}

.max-h-200--force {
  max-height: 200px !important;
}

.min-h-200 {
  min-height: 200px;
}

.min-h-200--force {
  min-height: 200px !important;
}

.h-204 {
  height: 204px;
}

.h-204--force {
  height: 204px !important;
}

.max-h-204 {
  max-height: 204px;
}

.max-h-204--force {
  max-height: 204px !important;
}

.min-h-204 {
  min-height: 204px;
}

.min-h-204--force {
  min-height: 204px !important;
}

.h-208 {
  height: 208px;
}

.h-208--force {
  height: 208px !important;
}

.max-h-208 {
  max-height: 208px;
}

.max-h-208--force {
  max-height: 208px !important;
}

.min-h-208 {
  min-height: 208px;
}

.min-h-208--force {
  min-height: 208px !important;
}

.h-212 {
  height: 212px;
}

.h-212--force {
  height: 212px !important;
}

.max-h-212 {
  max-height: 212px;
}

.max-h-212--force {
  max-height: 212px !important;
}

.min-h-212 {
  min-height: 212px;
}

.min-h-212--force {
  min-height: 212px !important;
}

.h-216 {
  height: 216px;
}

.h-216--force {
  height: 216px !important;
}

.max-h-216 {
  max-height: 216px;
}

.max-h-216--force {
  max-height: 216px !important;
}

.min-h-216 {
  min-height: 216px;
}

.min-h-216--force {
  min-height: 216px !important;
}

.h-220 {
  height: 220px;
}

.h-220--force {
  height: 220px !important;
}

.max-h-220 {
  max-height: 220px;
}

.max-h-220--force {
  max-height: 220px !important;
}

.min-h-220 {
  min-height: 220px;
}

.min-h-220--force {
  min-height: 220px !important;
}

.h-224 {
  height: 224px;
}

.h-224--force {
  height: 224px !important;
}

.max-h-224 {
  max-height: 224px;
}

.max-h-224--force {
  max-height: 224px !important;
}

.min-h-224 {
  min-height: 224px;
}

.min-h-224--force {
  min-height: 224px !important;
}

.h-228 {
  height: 228px;
}

.h-228--force {
  height: 228px !important;
}

.max-h-228 {
  max-height: 228px;
}

.max-h-228--force {
  max-height: 228px !important;
}

.min-h-228 {
  min-height: 228px;
}

.min-h-228--force {
  min-height: 228px !important;
}

.h-232 {
  height: 232px;
}

.h-232--force {
  height: 232px !important;
}

.max-h-232 {
  max-height: 232px;
}

.max-h-232--force {
  max-height: 232px !important;
}

.min-h-232 {
  min-height: 232px;
}

.min-h-232--force {
  min-height: 232px !important;
}

.h-236 {
  height: 236px;
}

.h-236--force {
  height: 236px !important;
}

.max-h-236 {
  max-height: 236px;
}

.max-h-236--force {
  max-height: 236px !important;
}

.min-h-236 {
  min-height: 236px;
}

.min-h-236--force {
  min-height: 236px !important;
}

.h-240 {
  height: 240px;
}

.h-240--force {
  height: 240px !important;
}

.max-h-240 {
  max-height: 240px;
}

.max-h-240--force {
  max-height: 240px !important;
}

.min-h-240 {
  min-height: 240px;
}

.min-h-240--force {
  min-height: 240px !important;
}

.h-244 {
  height: 244px;
}

.h-244--force {
  height: 244px !important;
}

.max-h-244 {
  max-height: 244px;
}

.max-h-244--force {
  max-height: 244px !important;
}

.min-h-244 {
  min-height: 244px;
}

.min-h-244--force {
  min-height: 244px !important;
}

.h-248 {
  height: 248px;
}

.h-248--force {
  height: 248px !important;
}

.max-h-248 {
  max-height: 248px;
}

.max-h-248--force {
  max-height: 248px !important;
}

.min-h-248 {
  min-height: 248px;
}

.min-h-248--force {
  min-height: 248px !important;
}

.h-252 {
  height: 252px;
}

.h-252--force {
  height: 252px !important;
}

.max-h-252 {
  max-height: 252px;
}

.max-h-252--force {
  max-height: 252px !important;
}

.min-h-252 {
  min-height: 252px;
}

.min-h-252--force {
  min-height: 252px !important;
}

.h-256 {
  height: 256px;
}

.h-256--force {
  height: 256px !important;
}

.max-h-256 {
  max-height: 256px;
}

.max-h-256--force {
  max-height: 256px !important;
}

.min-h-256 {
  min-height: 256px;
}

.min-h-256--force {
  min-height: 256px !important;
}

.h-0-p {
  height: 0%;
}

.h-0-p--force {
  height: 0% !important;
}

.max-h-0-p {
  max-height: 0%;
}

.max-h-0-p--force {
  max-height: 0% !important;
}

.min-h-0-p {
  min-height: 0%;
}

.min-h-0-p--force {
  min-height: 0% !important;
}

.h-5-p {
  height: 5%;
}

.h-5-p--force {
  height: 5% !important;
}

.max-h-5-p {
  max-height: 5%;
}

.max-h-5-p--force {
  max-height: 5% !important;
}

.min-h-5-p {
  min-height: 5%;
}

.min-h-5-p--force {
  min-height: 5% !important;
}

.h-10-p {
  height: 10%;
}

.h-10-p--force {
  height: 10% !important;
}

.max-h-10-p {
  max-height: 10%;
}

.max-h-10-p--force {
  max-height: 10% !important;
}

.min-h-10-p {
  min-height: 10%;
}

.min-h-10-p--force {
  min-height: 10% !important;
}

.h-15-p {
  height: 15%;
}

.h-15-p--force {
  height: 15% !important;
}

.max-h-15-p {
  max-height: 15%;
}

.max-h-15-p--force {
  max-height: 15% !important;
}

.min-h-15-p {
  min-height: 15%;
}

.min-h-15-p--force {
  min-height: 15% !important;
}

.h-20-p {
  height: 20%;
}

.h-20-p--force {
  height: 20% !important;
}

.max-h-20-p {
  max-height: 20%;
}

.max-h-20-p--force {
  max-height: 20% !important;
}

.min-h-20-p {
  min-height: 20%;
}

.min-h-20-p--force {
  min-height: 20% !important;
}

.h-25-p {
  height: 25%;
}

.h-25-p--force {
  height: 25% !important;
}

.max-h-25-p {
  max-height: 25%;
}

.max-h-25-p--force {
  max-height: 25% !important;
}

.min-h-25-p {
  min-height: 25%;
}

.min-h-25-p--force {
  min-height: 25% !important;
}

.h-30-p {
  height: 30%;
}

.h-30-p--force {
  height: 30% !important;
}

.max-h-30-p {
  max-height: 30%;
}

.max-h-30-p--force {
  max-height: 30% !important;
}

.min-h-30-p {
  min-height: 30%;
}

.min-h-30-p--force {
  min-height: 30% !important;
}

.h-35-p {
  height: 35%;
}

.h-35-p--force {
  height: 35% !important;
}

.max-h-35-p {
  max-height: 35%;
}

.max-h-35-p--force {
  max-height: 35% !important;
}

.min-h-35-p {
  min-height: 35%;
}

.min-h-35-p--force {
  min-height: 35% !important;
}

.h-40-p {
  height: 40%;
}

.h-40-p--force {
  height: 40% !important;
}

.max-h-40-p {
  max-height: 40%;
}

.max-h-40-p--force {
  max-height: 40% !important;
}

.min-h-40-p {
  min-height: 40%;
}

.min-h-40-p--force {
  min-height: 40% !important;
}

.h-45-p {
  height: 45%;
}

.h-45-p--force {
  height: 45% !important;
}

.max-h-45-p {
  max-height: 45%;
}

.max-h-45-p--force {
  max-height: 45% !important;
}

.min-h-45-p {
  min-height: 45%;
}

.min-h-45-p--force {
  min-height: 45% !important;
}

.h-50-p {
  height: 50%;
}

.h-50-p--force {
  height: 50% !important;
}

.max-h-50-p {
  max-height: 50%;
}

.max-h-50-p--force {
  max-height: 50% !important;
}

.min-h-50-p {
  min-height: 50%;
}

.min-h-50-p--force {
  min-height: 50% !important;
}

.h-55-p {
  height: 55%;
}

.h-55-p--force {
  height: 55% !important;
}

.max-h-55-p {
  max-height: 55%;
}

.max-h-55-p--force {
  max-height: 55% !important;
}

.min-h-55-p {
  min-height: 55%;
}

.min-h-55-p--force {
  min-height: 55% !important;
}

.h-60-p {
  height: 60%;
}

.h-60-p--force {
  height: 60% !important;
}

.max-h-60-p {
  max-height: 60%;
}

.max-h-60-p--force {
  max-height: 60% !important;
}

.min-h-60-p {
  min-height: 60%;
}

.min-h-60-p--force {
  min-height: 60% !important;
}

.h-65-p {
  height: 65%;
}

.h-65-p--force {
  height: 65% !important;
}

.max-h-65-p {
  max-height: 65%;
}

.max-h-65-p--force {
  max-height: 65% !important;
}

.min-h-65-p {
  min-height: 65%;
}

.min-h-65-p--force {
  min-height: 65% !important;
}

.h-70-p {
  height: 70%;
}

.h-70-p--force {
  height: 70% !important;
}

.max-h-70-p {
  max-height: 70%;
}

.max-h-70-p--force {
  max-height: 70% !important;
}

.min-h-70-p {
  min-height: 70%;
}

.min-h-70-p--force {
  min-height: 70% !important;
}

.h-75-p {
  height: 75%;
}

.h-75-p--force {
  height: 75% !important;
}

.max-h-75-p {
  max-height: 75%;
}

.max-h-75-p--force {
  max-height: 75% !important;
}

.min-h-75-p {
  min-height: 75%;
}

.min-h-75-p--force {
  min-height: 75% !important;
}

.h-80-p {
  height: 80%;
}

.h-80-p--force {
  height: 80% !important;
}

.max-h-80-p {
  max-height: 80%;
}

.max-h-80-p--force {
  max-height: 80% !important;
}

.min-h-80-p {
  min-height: 80%;
}

.min-h-80-p--force {
  min-height: 80% !important;
}

.h-85-p {
  height: 85%;
}

.h-85-p--force {
  height: 85% !important;
}

.max-h-85-p {
  max-height: 85%;
}

.max-h-85-p--force {
  max-height: 85% !important;
}

.min-h-85-p {
  min-height: 85%;
}

.min-h-85-p--force {
  min-height: 85% !important;
}

.h-90-p {
  height: 90%;
}

.h-90-p--force {
  height: 90% !important;
}

.max-h-90-p {
  max-height: 90%;
}

.max-h-90-p--force {
  max-height: 90% !important;
}

.min-h-90-p {
  min-height: 90%;
}

.min-h-90-p--force {
  min-height: 90% !important;
}

.h-95-p {
  height: 95%;
}

.h-95-p--force {
  height: 95% !important;
}

.max-h-95-p {
  max-height: 95%;
}

.max-h-95-p--force {
  max-height: 95% !important;
}

.min-h-95-p {
  min-height: 95%;
}

.min-h-95-p--force {
  min-height: 95% !important;
}

.h-100-p {
  height: 100%;
}

.h-100-p--force {
  height: 100% !important;
}

.max-h-100-p {
  max-height: 100%;
}

.max-h-100-p--force {
  max-height: 100% !important;
}

.min-h-100-p {
  min-height: 100%;
}

.min-h-100-p--force {
  min-height: 100% !important;
}

.h-300 {
  height: 300px;
}

.h-300--force {
  height: 300px !important;
}

.max-h-300 {
  max-height: 300px;
}

.max-h-300--force {
  max-height: 300px !important;
}

.min-h-300 {
  min-height: 300px;
}

.min-h-300--force {
  min-height: 300px !important;
}

.h-400 {
  height: 400px;
}

.h-400--force {
  height: 400px !important;
}

.max-h-400 {
  max-height: 400px;
}

.max-h-400--force {
  max-height: 400px !important;
}

.min-h-400 {
  min-height: 400px;
}

.min-h-400--force {
  min-height: 400px !important;
}

.h-500 {
  height: 500px;
}

.h-500--force {
  height: 500px !important;
}

.max-h-500 {
  max-height: 500px;
}

.max-h-500--force {
  max-height: 500px !important;
}

.min-h-500 {
  min-height: 500px;
}

.min-h-500--force {
  min-height: 500px !important;
}

.h-600 {
  height: 600px;
}

.h-600--force {
  height: 600px !important;
}

.max-h-600 {
  max-height: 600px;
}

.max-h-600--force {
  max-height: 600px !important;
}

.min-h-600 {
  min-height: 600px;
}

.min-h-600--force {
  min-height: 600px !important;
}

.h-700 {
  height: 700px;
}

.h-700--force {
  height: 700px !important;
}

.max-h-700 {
  max-height: 700px;
}

.max-h-700--force {
  max-height: 700px !important;
}

.min-h-700 {
  min-height: 700px;
}

.min-h-700--force {
  min-height: 700px !important;
}

.h-800 {
  height: 800px;
}

.h-800--force {
  height: 800px !important;
}

.max-h-800 {
  max-height: 800px;
}

.max-h-800--force {
  max-height: 800px !important;
}

.min-h-800 {
  min-height: 800px;
}

.min-h-800--force {
  min-height: 800px !important;
}

.h-900 {
  height: 900px;
}

.h-900--force {
  height: 900px !important;
}

.max-h-900 {
  max-height: 900px;
}

.max-h-900--force {
  max-height: 900px !important;
}

.min-h-900 {
  min-height: 900px;
}

.min-h-900--force {
  min-height: 900px !important;
}

.h-1000 {
  height: 1000px;
}

.h-1000--force {
  height: 1000px !important;
}

.max-h-1000 {
  max-height: 1000px;
}

.max-h-1000--force {
  max-height: 1000px !important;
}

.min-h-1000 {
  min-height: 1000px;
}

.min-h-1000--force {
  min-height: 1000px !important;
}

.h-1100 {
  height: 1100px;
}

.h-1100--force {
  height: 1100px !important;
}

.max-h-1100 {
  max-height: 1100px;
}

.max-h-1100--force {
  max-height: 1100px !important;
}

.min-h-1100 {
  min-height: 1100px;
}

.min-h-1100--force {
  min-height: 1100px !important;
}

.h-1200 {
  height: 1200px;
}

.h-1200--force {
  height: 1200px !important;
}

.max-h-1200 {
  max-height: 1200px;
}

.max-h-1200--force {
  max-height: 1200px !important;
}

.min-h-1200 {
  min-height: 1200px;
}

.min-h-1200--force {
  min-height: 1200px !important;
}

.h-1300 {
  height: 1300px;
}

.h-1300--force {
  height: 1300px !important;
}

.max-h-1300 {
  max-height: 1300px;
}

.max-h-1300--force {
  max-height: 1300px !important;
}

.min-h-1300 {
  min-height: 1300px;
}

.min-h-1300--force {
  min-height: 1300px !important;
}

.h-1400 {
  height: 1400px;
}

.h-1400--force {
  height: 1400px !important;
}

.max-h-1400 {
  max-height: 1400px;
}

.max-h-1400--force {
  max-height: 1400px !important;
}

.min-h-1400 {
  min-height: 1400px;
}

.min-h-1400--force {
  min-height: 1400px !important;
}

.h-1500 {
  height: 1500px;
}

.h-1500--force {
  height: 1500px !important;
}

.max-h-1500 {
  max-height: 1500px;
}

.max-h-1500--force {
  max-height: 1500px !important;
}

.min-h-1500 {
  min-height: 1500px;
}

.min-h-1500--force {
  min-height: 1500px !important;
}

.h-1600 {
  height: 1600px;
}

.h-1600--force {
  height: 1600px !important;
}

.max-h-1600 {
  max-height: 1600px;
}

.max-h-1600--force {
  max-height: 1600px !important;
}

.min-h-1600 {
  min-height: 1600px;
}

.min-h-1600--force {
  min-height: 1600px !important;
}

.h-1700 {
  height: 1700px;
}

.h-1700--force {
  height: 1700px !important;
}

.max-h-1700 {
  max-height: 1700px;
}

.max-h-1700--force {
  max-height: 1700px !important;
}

.min-h-1700 {
  min-height: 1700px;
}

.min-h-1700--force {
  min-height: 1700px !important;
}

.h-1800 {
  height: 1800px;
}

.h-1800--force {
  height: 1800px !important;
}

.max-h-1800 {
  max-height: 1800px;
}

.max-h-1800--force {
  max-height: 1800px !important;
}

.min-h-1800 {
  min-height: 1800px;
}

.min-h-1800--force {
  min-height: 1800px !important;
}

.h-1900 {
  height: 1900px;
}

.h-1900--force {
  height: 1900px !important;
}

.max-h-1900 {
  max-height: 1900px;
}

.max-h-1900--force {
  max-height: 1900px !important;
}

.min-h-1900 {
  min-height: 1900px;
}

.min-h-1900--force {
  min-height: 1900px !important;
}

.h-2000 {
  height: 2000px;
}

.h-2000--force {
  height: 2000px !important;
}

.max-h-2000 {
  max-height: 2000px;
}

.max-h-2000--force {
  max-height: 2000px !important;
}

.min-h-2000 {
  min-height: 2000px;
}

.min-h-2000--force {
  min-height: 2000px !important;
}

.h-auto {
  height: auto;
}

.h-auto--force {
  height: auto !important;
}

.w-0 {
  width: 0px;
}

.w-0--force {
  width: 0px !important;
}

.max-w-0 {
  max-width: 0px;
}

.max-w-0--force {
  max-width: 0px !important;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-0--force {
  min-width: 0px !important;
}

.w-4 {
  width: 4px;
}

.w-4--force {
  width: 4px !important;
}

.max-w-4 {
  max-width: 4px;
}

.max-w-4--force {
  max-width: 4px !important;
}

.min-w-4 {
  min-width: 4px;
}

.min-w-4--force {
  min-width: 4px !important;
}

.w-8 {
  width: 8px;
}

.w-8--force {
  width: 8px !important;
}

.max-w-8 {
  max-width: 8px;
}

.max-w-8--force {
  max-width: 8px !important;
}

.min-w-8 {
  min-width: 8px;
}

.min-w-8--force {
  min-width: 8px !important;
}

.w-12 {
  width: 12px;
}

.w-12--force {
  width: 12px !important;
}

.max-w-12 {
  max-width: 12px;
}

.max-w-12--force {
  max-width: 12px !important;
}

.min-w-12 {
  min-width: 12px;
}

.min-w-12--force {
  min-width: 12px !important;
}

.w-16 {
  width: 16px;
}

.w-16--force {
  width: 16px !important;
}

.max-w-16 {
  max-width: 16px;
}

.max-w-16--force {
  max-width: 16px !important;
}

.min-w-16 {
  min-width: 16px;
}

.min-w-16--force {
  min-width: 16px !important;
}

.w-20 {
  width: 20px;
}

.w-20--force {
  width: 20px !important;
}

.max-w-20 {
  max-width: 20px;
}

.max-w-20--force {
  max-width: 20px !important;
}

.min-w-20 {
  min-width: 20px;
}

.min-w-20--force {
  min-width: 20px !important;
}

.w-24 {
  width: 24px;
}

.w-24--force {
  width: 24px !important;
}

.max-w-24 {
  max-width: 24px;
}

.max-w-24--force {
  max-width: 24px !important;
}

.min-w-24 {
  min-width: 24px;
}

.min-w-24--force {
  min-width: 24px !important;
}

.w-28 {
  width: 28px;
}

.w-28--force {
  width: 28px !important;
}

.max-w-28 {
  max-width: 28px;
}

.max-w-28--force {
  max-width: 28px !important;
}

.min-w-28 {
  min-width: 28px;
}

.min-w-28--force {
  min-width: 28px !important;
}

.w-32 {
  width: 32px;
}

.w-32--force {
  width: 32px !important;
}

.max-w-32 {
  max-width: 32px;
}

.max-w-32--force {
  max-width: 32px !important;
}

.min-w-32 {
  min-width: 32px;
}

.min-w-32--force {
  min-width: 32px !important;
}

.w-36 {
  width: 36px;
}

.w-36--force {
  width: 36px !important;
}

.max-w-36 {
  max-width: 36px;
}

.max-w-36--force {
  max-width: 36px !important;
}

.min-w-36 {
  min-width: 36px;
}

.min-w-36--force {
  min-width: 36px !important;
}

.w-40 {
  width: 40px;
}

.w-40--force {
  width: 40px !important;
}

.max-w-40 {
  max-width: 40px;
}

.max-w-40--force {
  max-width: 40px !important;
}

.min-w-40 {
  min-width: 40px;
}

.min-w-40--force {
  min-width: 40px !important;
}

.w-44 {
  width: 44px;
}

.w-44--force {
  width: 44px !important;
}

.max-w-44 {
  max-width: 44px;
}

.max-w-44--force {
  max-width: 44px !important;
}

.min-w-44 {
  min-width: 44px;
}

.min-w-44--force {
  min-width: 44px !important;
}

.w-48 {
  width: 48px;
}

.w-48--force {
  width: 48px !important;
}

.max-w-48 {
  max-width: 48px;
}

.max-w-48--force {
  max-width: 48px !important;
}

.min-w-48 {
  min-width: 48px;
}

.min-w-48--force {
  min-width: 48px !important;
}

.w-52 {
  width: 52px;
}

.w-52--force {
  width: 52px !important;
}

.max-w-52 {
  max-width: 52px;
}

.max-w-52--force {
  max-width: 52px !important;
}

.min-w-52 {
  min-width: 52px;
}

.min-w-52--force {
  min-width: 52px !important;
}

.w-56 {
  width: 56px;
}

.w-56--force {
  width: 56px !important;
}

.max-w-56 {
  max-width: 56px;
}

.max-w-56--force {
  max-width: 56px !important;
}

.min-w-56 {
  min-width: 56px;
}

.min-w-56--force {
  min-width: 56px !important;
}

.w-60 {
  width: 60px;
}

.w-60--force {
  width: 60px !important;
}

.max-w-60 {
  max-width: 60px;
}

.max-w-60--force {
  max-width: 60px !important;
}

.min-w-60 {
  min-width: 60px;
}

.min-w-60--force {
  min-width: 60px !important;
}

.w-64 {
  width: 64px;
}

.w-64--force {
  width: 64px !important;
}

.max-w-64 {
  max-width: 64px;
}

.max-w-64--force {
  max-width: 64px !important;
}

.min-w-64 {
  min-width: 64px;
}

.min-w-64--force {
  min-width: 64px !important;
}

.w-68 {
  width: 68px;
}

.w-68--force {
  width: 68px !important;
}

.max-w-68 {
  max-width: 68px;
}

.max-w-68--force {
  max-width: 68px !important;
}

.min-w-68 {
  min-width: 68px;
}

.min-w-68--force {
  min-width: 68px !important;
}

.w-72 {
  width: 72px;
}

.w-72--force {
  width: 72px !important;
}

.max-w-72 {
  max-width: 72px;
}

.max-w-72--force {
  max-width: 72px !important;
}

.min-w-72 {
  min-width: 72px;
}

.min-w-72--force {
  min-width: 72px !important;
}

.w-76 {
  width: 76px;
}

.w-76--force {
  width: 76px !important;
}

.max-w-76 {
  max-width: 76px;
}

.max-w-76--force {
  max-width: 76px !important;
}

.min-w-76 {
  min-width: 76px;
}

.min-w-76--force {
  min-width: 76px !important;
}

.w-80 {
  width: 80px;
}

.w-80--force {
  width: 80px !important;
}

.max-w-80 {
  max-width: 80px;
}

.max-w-80--force {
  max-width: 80px !important;
}

.min-w-80 {
  min-width: 80px;
}

.min-w-80--force {
  min-width: 80px !important;
}

.w-84 {
  width: 84px;
}

.w-84--force {
  width: 84px !important;
}

.max-w-84 {
  max-width: 84px;
}

.max-w-84--force {
  max-width: 84px !important;
}

.min-w-84 {
  min-width: 84px;
}

.min-w-84--force {
  min-width: 84px !important;
}

.w-88 {
  width: 88px;
}

.w-88--force {
  width: 88px !important;
}

.max-w-88 {
  max-width: 88px;
}

.max-w-88--force {
  max-width: 88px !important;
}

.min-w-88 {
  min-width: 88px;
}

.min-w-88--force {
  min-width: 88px !important;
}

.w-92 {
  width: 92px;
}

.w-92--force {
  width: 92px !important;
}

.max-w-92 {
  max-width: 92px;
}

.max-w-92--force {
  max-width: 92px !important;
}

.min-w-92 {
  min-width: 92px;
}

.min-w-92--force {
  min-width: 92px !important;
}

.w-96 {
  width: 96px;
}

.w-96--force {
  width: 96px !important;
}

.max-w-96 {
  max-width: 96px;
}

.max-w-96--force {
  max-width: 96px !important;
}

.min-w-96 {
  min-width: 96px;
}

.min-w-96--force {
  min-width: 96px !important;
}

.w-100 {
  width: 100px;
}

.w-100--force {
  width: 100px !important;
}

.max-w-100 {
  max-width: 100px;
}

.max-w-100--force {
  max-width: 100px !important;
}

.min-w-100 {
  min-width: 100px;
}

.min-w-100--force {
  min-width: 100px !important;
}

.w-104 {
  width: 104px;
}

.w-104--force {
  width: 104px !important;
}

.max-w-104 {
  max-width: 104px;
}

.max-w-104--force {
  max-width: 104px !important;
}

.min-w-104 {
  min-width: 104px;
}

.min-w-104--force {
  min-width: 104px !important;
}

.w-108 {
  width: 108px;
}

.w-108--force {
  width: 108px !important;
}

.max-w-108 {
  max-width: 108px;
}

.max-w-108--force {
  max-width: 108px !important;
}

.min-w-108 {
  min-width: 108px;
}

.min-w-108--force {
  min-width: 108px !important;
}

.w-112 {
  width: 112px;
}

.w-112--force {
  width: 112px !important;
}

.max-w-112 {
  max-width: 112px;
}

.max-w-112--force {
  max-width: 112px !important;
}

.min-w-112 {
  min-width: 112px;
}

.min-w-112--force {
  min-width: 112px !important;
}

.w-116 {
  width: 116px;
}

.w-116--force {
  width: 116px !important;
}

.max-w-116 {
  max-width: 116px;
}

.max-w-116--force {
  max-width: 116px !important;
}

.min-w-116 {
  min-width: 116px;
}

.min-w-116--force {
  min-width: 116px !important;
}

.w-120 {
  width: 120px;
}

.w-120--force {
  width: 120px !important;
}

.max-w-120 {
  max-width: 120px;
}

.max-w-120--force {
  max-width: 120px !important;
}

.min-w-120 {
  min-width: 120px;
}

.min-w-120--force {
  min-width: 120px !important;
}

.w-124 {
  width: 124px;
}

.w-124--force {
  width: 124px !important;
}

.max-w-124 {
  max-width: 124px;
}

.max-w-124--force {
  max-width: 124px !important;
}

.min-w-124 {
  min-width: 124px;
}

.min-w-124--force {
  min-width: 124px !important;
}

.w-128 {
  width: 128px;
}

.w-128--force {
  width: 128px !important;
}

.max-w-128 {
  max-width: 128px;
}

.max-w-128--force {
  max-width: 128px !important;
}

.min-w-128 {
  min-width: 128px;
}

.min-w-128--force {
  min-width: 128px !important;
}

.w-132 {
  width: 132px;
}

.w-132--force {
  width: 132px !important;
}

.max-w-132 {
  max-width: 132px;
}

.max-w-132--force {
  max-width: 132px !important;
}

.min-w-132 {
  min-width: 132px;
}

.min-w-132--force {
  min-width: 132px !important;
}

.w-136 {
  width: 136px;
}

.w-136--force {
  width: 136px !important;
}

.max-w-136 {
  max-width: 136px;
}

.max-w-136--force {
  max-width: 136px !important;
}

.min-w-136 {
  min-width: 136px;
}

.min-w-136--force {
  min-width: 136px !important;
}

.w-140 {
  width: 140px;
}

.w-140--force {
  width: 140px !important;
}

.max-w-140 {
  max-width: 140px;
}

.max-w-140--force {
  max-width: 140px !important;
}

.min-w-140 {
  min-width: 140px;
}

.min-w-140--force {
  min-width: 140px !important;
}

.w-144 {
  width: 144px;
}

.w-144--force {
  width: 144px !important;
}

.max-w-144 {
  max-width: 144px;
}

.max-w-144--force {
  max-width: 144px !important;
}

.min-w-144 {
  min-width: 144px;
}

.min-w-144--force {
  min-width: 144px !important;
}

.w-148 {
  width: 148px;
}

.w-148--force {
  width: 148px !important;
}

.max-w-148 {
  max-width: 148px;
}

.max-w-148--force {
  max-width: 148px !important;
}

.min-w-148 {
  min-width: 148px;
}

.min-w-148--force {
  min-width: 148px !important;
}

.w-152 {
  width: 152px;
}

.w-152--force {
  width: 152px !important;
}

.max-w-152 {
  max-width: 152px;
}

.max-w-152--force {
  max-width: 152px !important;
}

.min-w-152 {
  min-width: 152px;
}

.min-w-152--force {
  min-width: 152px !important;
}

.w-156 {
  width: 156px;
}

.w-156--force {
  width: 156px !important;
}

.max-w-156 {
  max-width: 156px;
}

.max-w-156--force {
  max-width: 156px !important;
}

.min-w-156 {
  min-width: 156px;
}

.min-w-156--force {
  min-width: 156px !important;
}

.w-160 {
  width: 160px;
}

.w-160--force {
  width: 160px !important;
}

.max-w-160 {
  max-width: 160px;
}

.max-w-160--force {
  max-width: 160px !important;
}

.min-w-160 {
  min-width: 160px;
}

.min-w-160--force {
  min-width: 160px !important;
}

.w-164 {
  width: 164px;
}

.w-164--force {
  width: 164px !important;
}

.max-w-164 {
  max-width: 164px;
}

.max-w-164--force {
  max-width: 164px !important;
}

.min-w-164 {
  min-width: 164px;
}

.min-w-164--force {
  min-width: 164px !important;
}

.w-168 {
  width: 168px;
}

.w-168--force {
  width: 168px !important;
}

.max-w-168 {
  max-width: 168px;
}

.max-w-168--force {
  max-width: 168px !important;
}

.min-w-168 {
  min-width: 168px;
}

.min-w-168--force {
  min-width: 168px !important;
}

.w-172 {
  width: 172px;
}

.w-172--force {
  width: 172px !important;
}

.max-w-172 {
  max-width: 172px;
}

.max-w-172--force {
  max-width: 172px !important;
}

.min-w-172 {
  min-width: 172px;
}

.min-w-172--force {
  min-width: 172px !important;
}

.w-176 {
  width: 176px;
}

.w-176--force {
  width: 176px !important;
}

.max-w-176 {
  max-width: 176px;
}

.max-w-176--force {
  max-width: 176px !important;
}

.min-w-176 {
  min-width: 176px;
}

.min-w-176--force {
  min-width: 176px !important;
}

.w-180 {
  width: 180px;
}

.w-180--force {
  width: 180px !important;
}

.max-w-180 {
  max-width: 180px;
}

.max-w-180--force {
  max-width: 180px !important;
}

.min-w-180 {
  min-width: 180px;
}

.min-w-180--force {
  min-width: 180px !important;
}

.w-184 {
  width: 184px;
}

.w-184--force {
  width: 184px !important;
}

.max-w-184 {
  max-width: 184px;
}

.max-w-184--force {
  max-width: 184px !important;
}

.min-w-184 {
  min-width: 184px;
}

.min-w-184--force {
  min-width: 184px !important;
}

.w-188 {
  width: 188px;
}

.w-188--force {
  width: 188px !important;
}

.max-w-188 {
  max-width: 188px;
}

.max-w-188--force {
  max-width: 188px !important;
}

.min-w-188 {
  min-width: 188px;
}

.min-w-188--force {
  min-width: 188px !important;
}

.w-192 {
  width: 192px;
}

.w-192--force {
  width: 192px !important;
}

.max-w-192 {
  max-width: 192px;
}

.max-w-192--force {
  max-width: 192px !important;
}

.min-w-192 {
  min-width: 192px;
}

.min-w-192--force {
  min-width: 192px !important;
}

.w-196 {
  width: 196px;
}

.w-196--force {
  width: 196px !important;
}

.max-w-196 {
  max-width: 196px;
}

.max-w-196--force {
  max-width: 196px !important;
}

.min-w-196 {
  min-width: 196px;
}

.min-w-196--force {
  min-width: 196px !important;
}

.w-200 {
  width: 200px;
}

.w-200--force {
  width: 200px !important;
}

.max-w-200 {
  max-width: 200px;
}

.max-w-200--force {
  max-width: 200px !important;
}

.min-w-200 {
  min-width: 200px;
}

.min-w-200--force {
  min-width: 200px !important;
}

.w-204 {
  width: 204px;
}

.w-204--force {
  width: 204px !important;
}

.max-w-204 {
  max-width: 204px;
}

.max-w-204--force {
  max-width: 204px !important;
}

.min-w-204 {
  min-width: 204px;
}

.min-w-204--force {
  min-width: 204px !important;
}

.w-208 {
  width: 208px;
}

.w-208--force {
  width: 208px !important;
}

.max-w-208 {
  max-width: 208px;
}

.max-w-208--force {
  max-width: 208px !important;
}

.min-w-208 {
  min-width: 208px;
}

.min-w-208--force {
  min-width: 208px !important;
}

.w-212 {
  width: 212px;
}

.w-212--force {
  width: 212px !important;
}

.max-w-212 {
  max-width: 212px;
}

.max-w-212--force {
  max-width: 212px !important;
}

.min-w-212 {
  min-width: 212px;
}

.min-w-212--force {
  min-width: 212px !important;
}

.w-216 {
  width: 216px;
}

.w-216--force {
  width: 216px !important;
}

.max-w-216 {
  max-width: 216px;
}

.max-w-216--force {
  max-width: 216px !important;
}

.min-w-216 {
  min-width: 216px;
}

.min-w-216--force {
  min-width: 216px !important;
}

.w-220 {
  width: 220px;
}

.w-220--force {
  width: 220px !important;
}

.max-w-220 {
  max-width: 220px;
}

.max-w-220--force {
  max-width: 220px !important;
}

.min-w-220 {
  min-width: 220px;
}

.min-w-220--force {
  min-width: 220px !important;
}

.w-224 {
  width: 224px;
}

.w-224--force {
  width: 224px !important;
}

.max-w-224 {
  max-width: 224px;
}

.max-w-224--force {
  max-width: 224px !important;
}

.min-w-224 {
  min-width: 224px;
}

.min-w-224--force {
  min-width: 224px !important;
}

.w-228 {
  width: 228px;
}

.w-228--force {
  width: 228px !important;
}

.max-w-228 {
  max-width: 228px;
}

.max-w-228--force {
  max-width: 228px !important;
}

.min-w-228 {
  min-width: 228px;
}

.min-w-228--force {
  min-width: 228px !important;
}

.w-232 {
  width: 232px;
}

.w-232--force {
  width: 232px !important;
}

.max-w-232 {
  max-width: 232px;
}

.max-w-232--force {
  max-width: 232px !important;
}

.min-w-232 {
  min-width: 232px;
}

.min-w-232--force {
  min-width: 232px !important;
}

.w-236 {
  width: 236px;
}

.w-236--force {
  width: 236px !important;
}

.max-w-236 {
  max-width: 236px;
}

.max-w-236--force {
  max-width: 236px !important;
}

.min-w-236 {
  min-width: 236px;
}

.min-w-236--force {
  min-width: 236px !important;
}

.w-240 {
  width: 240px;
}

.w-240--force {
  width: 240px !important;
}

.max-w-240 {
  max-width: 240px;
}

.max-w-240--force {
  max-width: 240px !important;
}

.min-w-240 {
  min-width: 240px;
}

.min-w-240--force {
  min-width: 240px !important;
}

.w-244 {
  width: 244px;
}

.w-244--force {
  width: 244px !important;
}

.max-w-244 {
  max-width: 244px;
}

.max-w-244--force {
  max-width: 244px !important;
}

.min-w-244 {
  min-width: 244px;
}

.min-w-244--force {
  min-width: 244px !important;
}

.w-248 {
  width: 248px;
}

.w-248--force {
  width: 248px !important;
}

.max-w-248 {
  max-width: 248px;
}

.max-w-248--force {
  max-width: 248px !important;
}

.min-w-248 {
  min-width: 248px;
}

.min-w-248--force {
  min-width: 248px !important;
}

.w-252 {
  width: 252px;
}

.w-252--force {
  width: 252px !important;
}

.max-w-252 {
  max-width: 252px;
}

.max-w-252--force {
  max-width: 252px !important;
}

.min-w-252 {
  min-width: 252px;
}

.min-w-252--force {
  min-width: 252px !important;
}

.w-256 {
  width: 256px;
}

.w-256--force {
  width: 256px !important;
}

.max-w-256 {
  max-width: 256px;
}

.max-w-256--force {
  max-width: 256px !important;
}

.min-w-256 {
  min-width: 256px;
}

.min-w-256--force {
  min-width: 256px !important;
}

.w-0-p {
  width: 0%;
}

.w-0-p--force {
  width: 0% !important;
}

.max-w-0-p {
  max-width: 0%;
}

.max-w-0-p--force {
  max-width: 0% !important;
}

.min-w-0-p {
  min-width: 0%;
}

.min-w-0-p--force {
  min-width: 0% !important;
}

.w-5-p {
  width: 5%;
}

.w-5-p--force {
  width: 5% !important;
}

.max-w-5-p {
  max-width: 5%;
}

.max-w-5-p--force {
  max-width: 5% !important;
}

.min-w-5-p {
  min-width: 5%;
}

.min-w-5-p--force {
  min-width: 5% !important;
}

.w-10-p {
  width: 10%;
}

.w-10-p--force {
  width: 10% !important;
}

.max-w-10-p {
  max-width: 10%;
}

.max-w-10-p--force {
  max-width: 10% !important;
}

.min-w-10-p {
  min-width: 10%;
}

.min-w-10-p--force {
  min-width: 10% !important;
}

.w-15-p {
  width: 15%;
}

.w-15-p--force {
  width: 15% !important;
}

.max-w-15-p {
  max-width: 15%;
}

.max-w-15-p--force {
  max-width: 15% !important;
}

.min-w-15-p {
  min-width: 15%;
}

.min-w-15-p--force {
  min-width: 15% !important;
}

.w-20-p {
  width: 20%;
}

.w-20-p--force {
  width: 20% !important;
}

.max-w-20-p {
  max-width: 20%;
}

.max-w-20-p--force {
  max-width: 20% !important;
}

.min-w-20-p {
  min-width: 20%;
}

.min-w-20-p--force {
  min-width: 20% !important;
}

.w-25-p {
  width: 25%;
}

.w-25-p--force {
  width: 25% !important;
}

.max-w-25-p {
  max-width: 25%;
}

.max-w-25-p--force {
  max-width: 25% !important;
}

.min-w-25-p {
  min-width: 25%;
}

.min-w-25-p--force {
  min-width: 25% !important;
}

.w-30-p {
  width: 30%;
}

.w-30-p--force {
  width: 30% !important;
}

.max-w-30-p {
  max-width: 30%;
}

.max-w-30-p--force {
  max-width: 30% !important;
}

.min-w-30-p {
  min-width: 30%;
}

.min-w-30-p--force {
  min-width: 30% !important;
}

.w-35-p {
  width: 35%;
}

.w-35-p--force {
  width: 35% !important;
}

.max-w-35-p {
  max-width: 35%;
}

.max-w-35-p--force {
  max-width: 35% !important;
}

.min-w-35-p {
  min-width: 35%;
}

.min-w-35-p--force {
  min-width: 35% !important;
}

.w-40-p {
  width: 40%;
}

.w-40-p--force {
  width: 40% !important;
}

.max-w-40-p {
  max-width: 40%;
}

.max-w-40-p--force {
  max-width: 40% !important;
}

.min-w-40-p {
  min-width: 40%;
}

.min-w-40-p--force {
  min-width: 40% !important;
}

.w-45-p {
  width: 45%;
}

.w-45-p--force {
  width: 45% !important;
}

.max-w-45-p {
  max-width: 45%;
}

.max-w-45-p--force {
  max-width: 45% !important;
}

.min-w-45-p {
  min-width: 45%;
}

.min-w-45-p--force {
  min-width: 45% !important;
}

.w-50-p {
  width: 50%;
}

.w-50-p--force {
  width: 50% !important;
}

.max-w-50-p {
  max-width: 50%;
}

.max-w-50-p--force {
  max-width: 50% !important;
}

.min-w-50-p {
  min-width: 50%;
}

.min-w-50-p--force {
  min-width: 50% !important;
}

.w-55-p {
  width: 55%;
}

.w-55-p--force {
  width: 55% !important;
}

.max-w-55-p {
  max-width: 55%;
}

.max-w-55-p--force {
  max-width: 55% !important;
}

.min-w-55-p {
  min-width: 55%;
}

.min-w-55-p--force {
  min-width: 55% !important;
}

.w-60-p {
  width: 60%;
}

.w-60-p--force {
  width: 60% !important;
}

.max-w-60-p {
  max-width: 60%;
}

.max-w-60-p--force {
  max-width: 60% !important;
}

.min-w-60-p {
  min-width: 60%;
}

.min-w-60-p--force {
  min-width: 60% !important;
}

.w-65-p {
  width: 65%;
}

.w-65-p--force {
  width: 65% !important;
}

.max-w-65-p {
  max-width: 65%;
}

.max-w-65-p--force {
  max-width: 65% !important;
}

.min-w-65-p {
  min-width: 65%;
}

.min-w-65-p--force {
  min-width: 65% !important;
}

.w-70-p {
  width: 70%;
}

.w-70-p--force {
  width: 70% !important;
}

.max-w-70-p {
  max-width: 70%;
}

.max-w-70-p--force {
  max-width: 70% !important;
}

.min-w-70-p {
  min-width: 70%;
}

.min-w-70-p--force {
  min-width: 70% !important;
}

.w-75-p {
  width: 75%;
}

.w-75-p--force {
  width: 75% !important;
}

.max-w-75-p {
  max-width: 75%;
}

.max-w-75-p--force {
  max-width: 75% !important;
}

.min-w-75-p {
  min-width: 75%;
}

.min-w-75-p--force {
  min-width: 75% !important;
}

.w-80-p {
  width: 80%;
}

.w-80-p--force {
  width: 80% !important;
}

.max-w-80-p {
  max-width: 80%;
}

.max-w-80-p--force {
  max-width: 80% !important;
}

.min-w-80-p {
  min-width: 80%;
}

.min-w-80-p--force {
  min-width: 80% !important;
}

.w-85-p {
  width: 85%;
}

.w-85-p--force {
  width: 85% !important;
}

.max-w-85-p {
  max-width: 85%;
}

.max-w-85-p--force {
  max-width: 85% !important;
}

.min-w-85-p {
  min-width: 85%;
}

.min-w-85-p--force {
  min-width: 85% !important;
}

.w-90-p {
  width: 90%;
}

.w-90-p--force {
  width: 90% !important;
}

.max-w-90-p {
  max-width: 90%;
}

.max-w-90-p--force {
  max-width: 90% !important;
}

.min-w-90-p {
  min-width: 90%;
}

.min-w-90-p--force {
  min-width: 90% !important;
}

.w-95-p {
  width: 95%;
}

.w-95-p--force {
  width: 95% !important;
}

.max-w-95-p {
  max-width: 95%;
}

.max-w-95-p--force {
  max-width: 95% !important;
}

.min-w-95-p {
  min-width: 95%;
}

.min-w-95-p--force {
  min-width: 95% !important;
}

.w-100-p {
  width: 100%;
}

.w-100-p--force {
  width: 100% !important;
}

.max-w-100-p {
  max-width: 100%;
}

.max-w-100-p--force {
  max-width: 100% !important;
}

.min-w-100-p {
  min-width: 100%;
}

.min-w-100-p--force {
  min-width: 100% !important;
}

.w-300 {
  width: 300px;
}

.w-300--force {
  width: 300px !important;
}

.max-w-300 {
  max-width: 300px;
}

.max-w-300--force {
  max-width: 300px !important;
}

.min-w-300 {
  min-width: 300px;
}

.min-w-300--force {
  min-width: 300px !important;
}

.w-400 {
  width: 400px;
}

.w-400--force {
  width: 400px !important;
}

.max-w-400 {
  max-width: 400px;
}

.max-w-400--force {
  max-width: 400px !important;
}

.min-w-400 {
  min-width: 400px;
}

.min-w-400--force {
  min-width: 400px !important;
}

.w-500 {
  width: 500px;
}

.w-500--force {
  width: 500px !important;
}

.max-w-500 {
  max-width: 500px;
}

.max-w-500--force {
  max-width: 500px !important;
}

.min-w-500 {
  min-width: 500px;
}

.min-w-500--force {
  min-width: 500px !important;
}

.w-600 {
  width: 600px;
}

.w-600--force {
  width: 600px !important;
}

.max-w-600 {
  max-width: 600px;
}

.max-w-600--force {
  max-width: 600px !important;
}

.min-w-600 {
  min-width: 600px;
}

.min-w-600--force {
  min-width: 600px !important;
}

.w-700 {
  width: 700px;
}

.w-700--force {
  width: 700px !important;
}

.max-w-700 {
  max-width: 700px;
}

.max-w-700--force {
  max-width: 700px !important;
}

.min-w-700 {
  min-width: 700px;
}

.min-w-700--force {
  min-width: 700px !important;
}

.w-800 {
  width: 800px;
}

.w-800--force {
  width: 800px !important;
}

.max-w-800 {
  max-width: 800px;
}

.max-w-800--force {
  max-width: 800px !important;
}

.min-w-800 {
  min-width: 800px;
}

.min-w-800--force {
  min-width: 800px !important;
}

.w-900 {
  width: 900px;
}

.w-900--force {
  width: 900px !important;
}

.max-w-900 {
  max-width: 900px;
}

.max-w-900--force {
  max-width: 900px !important;
}

.min-w-900 {
  min-width: 900px;
}

.min-w-900--force {
  min-width: 900px !important;
}

.w-1000 {
  width: 1000px;
}

.w-1000--force {
  width: 1000px !important;
}

.max-w-1000 {
  max-width: 1000px;
}

.max-w-1000--force {
  max-width: 1000px !important;
}

.min-w-1000 {
  min-width: 1000px;
}

.min-w-1000--force {
  min-width: 1000px !important;
}

.w-1100 {
  width: 1100px;
}

.w-1100--force {
  width: 1100px !important;
}

.max-w-1100 {
  max-width: 1100px;
}

.max-w-1100--force {
  max-width: 1100px !important;
}

.min-w-1100 {
  min-width: 1100px;
}

.min-w-1100--force {
  min-width: 1100px !important;
}

.w-1200 {
  width: 1200px;
}

.w-1200--force {
  width: 1200px !important;
}

.max-w-1200 {
  max-width: 1200px;
}

.max-w-1200--force {
  max-width: 1200px !important;
}

.min-w-1200 {
  min-width: 1200px;
}

.min-w-1200--force {
  min-width: 1200px !important;
}

.w-1300 {
  width: 1300px;
}

.w-1300--force {
  width: 1300px !important;
}

.max-w-1300 {
  max-width: 1300px;
}

.max-w-1300--force {
  max-width: 1300px !important;
}

.min-w-1300 {
  min-width: 1300px;
}

.min-w-1300--force {
  min-width: 1300px !important;
}

.w-1400 {
  width: 1400px;
}

.w-1400--force {
  width: 1400px !important;
}

.max-w-1400 {
  max-width: 1400px;
}

.max-w-1400--force {
  max-width: 1400px !important;
}

.min-w-1400 {
  min-width: 1400px;
}

.min-w-1400--force {
  min-width: 1400px !important;
}

.w-1500 {
  width: 1500px;
}

.w-1500--force {
  width: 1500px !important;
}

.max-w-1500 {
  max-width: 1500px;
}

.max-w-1500--force {
  max-width: 1500px !important;
}

.min-w-1500 {
  min-width: 1500px;
}

.min-w-1500--force {
  min-width: 1500px !important;
}

.w-1600 {
  width: 1600px;
}

.w-1600--force {
  width: 1600px !important;
}

.max-w-1600 {
  max-width: 1600px;
}

.max-w-1600--force {
  max-width: 1600px !important;
}

.min-w-1600 {
  min-width: 1600px;
}

.min-w-1600--force {
  min-width: 1600px !important;
}

.w-1700 {
  width: 1700px;
}

.w-1700--force {
  width: 1700px !important;
}

.max-w-1700 {
  max-width: 1700px;
}

.max-w-1700--force {
  max-width: 1700px !important;
}

.min-w-1700 {
  min-width: 1700px;
}

.min-w-1700--force {
  min-width: 1700px !important;
}

.w-1800 {
  width: 1800px;
}

.w-1800--force {
  width: 1800px !important;
}

.max-w-1800 {
  max-width: 1800px;
}

.max-w-1800--force {
  max-width: 1800px !important;
}

.min-w-1800 {
  min-width: 1800px;
}

.min-w-1800--force {
  min-width: 1800px !important;
}

.w-1900 {
  width: 1900px;
}

.w-1900--force {
  width: 1900px !important;
}

.max-w-1900 {
  max-width: 1900px;
}

.max-w-1900--force {
  max-width: 1900px !important;
}

.min-w-1900 {
  min-width: 1900px;
}

.min-w-1900--force {
  min-width: 1900px !important;
}

.w-2000 {
  width: 2000px;
}

.w-2000--force {
  width: 2000px !important;
}

.max-w-2000 {
  max-width: 2000px;
}

.max-w-2000--force {
  max-width: 2000px !important;
}

.min-w-2000 {
  min-width: 2000px;
}

.min-w-2000--force {
  min-width: 2000px !important;
}

.w-auto {
  width: auto;
}

.w-auto--force {
  width: auto !important;
}

@media screen and (max-width: 639px) {
  .h-xs-0 {
    height: 0px;
  }
  .h-xs-0--force {
    height: 0px !important;
  }
  .max-h-xs-0 {
    max-height: 0px;
  }
  .max-h-xs-0--force {
    max-height: 0px !important;
  }
  .min-h-xs-0 {
    min-height: 0px;
  }
  .min-h-xs-0--force {
    min-height: 0px !important;
  }
  .h-xs-4 {
    height: 4px;
  }
  .h-xs-4--force {
    height: 4px !important;
  }
  .max-h-xs-4 {
    max-height: 4px;
  }
  .max-h-xs-4--force {
    max-height: 4px !important;
  }
  .min-h-xs-4 {
    min-height: 4px;
  }
  .min-h-xs-4--force {
    min-height: 4px !important;
  }
  .h-xs-8 {
    height: 8px;
  }
  .h-xs-8--force {
    height: 8px !important;
  }
  .max-h-xs-8 {
    max-height: 8px;
  }
  .max-h-xs-8--force {
    max-height: 8px !important;
  }
  .min-h-xs-8 {
    min-height: 8px;
  }
  .min-h-xs-8--force {
    min-height: 8px !important;
  }
  .h-xs-12 {
    height: 12px;
  }
  .h-xs-12--force {
    height: 12px !important;
  }
  .max-h-xs-12 {
    max-height: 12px;
  }
  .max-h-xs-12--force {
    max-height: 12px !important;
  }
  .min-h-xs-12 {
    min-height: 12px;
  }
  .min-h-xs-12--force {
    min-height: 12px !important;
  }
  .h-xs-16 {
    height: 16px;
  }
  .h-xs-16--force {
    height: 16px !important;
  }
  .max-h-xs-16 {
    max-height: 16px;
  }
  .max-h-xs-16--force {
    max-height: 16px !important;
  }
  .min-h-xs-16 {
    min-height: 16px;
  }
  .min-h-xs-16--force {
    min-height: 16px !important;
  }
  .h-xs-20 {
    height: 20px;
  }
  .h-xs-20--force {
    height: 20px !important;
  }
  .max-h-xs-20 {
    max-height: 20px;
  }
  .max-h-xs-20--force {
    max-height: 20px !important;
  }
  .min-h-xs-20 {
    min-height: 20px;
  }
  .min-h-xs-20--force {
    min-height: 20px !important;
  }
  .h-xs-24 {
    height: 24px;
  }
  .h-xs-24--force {
    height: 24px !important;
  }
  .max-h-xs-24 {
    max-height: 24px;
  }
  .max-h-xs-24--force {
    max-height: 24px !important;
  }
  .min-h-xs-24 {
    min-height: 24px;
  }
  .min-h-xs-24--force {
    min-height: 24px !important;
  }
  .h-xs-28 {
    height: 28px;
  }
  .h-xs-28--force {
    height: 28px !important;
  }
  .max-h-xs-28 {
    max-height: 28px;
  }
  .max-h-xs-28--force {
    max-height: 28px !important;
  }
  .min-h-xs-28 {
    min-height: 28px;
  }
  .min-h-xs-28--force {
    min-height: 28px !important;
  }
  .h-xs-32 {
    height: 32px;
  }
  .h-xs-32--force {
    height: 32px !important;
  }
  .max-h-xs-32 {
    max-height: 32px;
  }
  .max-h-xs-32--force {
    max-height: 32px !important;
  }
  .min-h-xs-32 {
    min-height: 32px;
  }
  .min-h-xs-32--force {
    min-height: 32px !important;
  }
  .h-xs-36 {
    height: 36px;
  }
  .h-xs-36--force {
    height: 36px !important;
  }
  .max-h-xs-36 {
    max-height: 36px;
  }
  .max-h-xs-36--force {
    max-height: 36px !important;
  }
  .min-h-xs-36 {
    min-height: 36px;
  }
  .min-h-xs-36--force {
    min-height: 36px !important;
  }
  .h-xs-40 {
    height: 40px;
  }
  .h-xs-40--force {
    height: 40px !important;
  }
  .max-h-xs-40 {
    max-height: 40px;
  }
  .max-h-xs-40--force {
    max-height: 40px !important;
  }
  .min-h-xs-40 {
    min-height: 40px;
  }
  .min-h-xs-40--force {
    min-height: 40px !important;
  }
  .h-xs-44 {
    height: 44px;
  }
  .h-xs-44--force {
    height: 44px !important;
  }
  .max-h-xs-44 {
    max-height: 44px;
  }
  .max-h-xs-44--force {
    max-height: 44px !important;
  }
  .min-h-xs-44 {
    min-height: 44px;
  }
  .min-h-xs-44--force {
    min-height: 44px !important;
  }
  .h-xs-48 {
    height: 48px;
  }
  .h-xs-48--force {
    height: 48px !important;
  }
  .max-h-xs-48 {
    max-height: 48px;
  }
  .max-h-xs-48--force {
    max-height: 48px !important;
  }
  .min-h-xs-48 {
    min-height: 48px;
  }
  .min-h-xs-48--force {
    min-height: 48px !important;
  }
  .h-xs-52 {
    height: 52px;
  }
  .h-xs-52--force {
    height: 52px !important;
  }
  .max-h-xs-52 {
    max-height: 52px;
  }
  .max-h-xs-52--force {
    max-height: 52px !important;
  }
  .min-h-xs-52 {
    min-height: 52px;
  }
  .min-h-xs-52--force {
    min-height: 52px !important;
  }
  .h-xs-56 {
    height: 56px;
  }
  .h-xs-56--force {
    height: 56px !important;
  }
  .max-h-xs-56 {
    max-height: 56px;
  }
  .max-h-xs-56--force {
    max-height: 56px !important;
  }
  .min-h-xs-56 {
    min-height: 56px;
  }
  .min-h-xs-56--force {
    min-height: 56px !important;
  }
  .h-xs-60 {
    height: 60px;
  }
  .h-xs-60--force {
    height: 60px !important;
  }
  .max-h-xs-60 {
    max-height: 60px;
  }
  .max-h-xs-60--force {
    max-height: 60px !important;
  }
  .min-h-xs-60 {
    min-height: 60px;
  }
  .min-h-xs-60--force {
    min-height: 60px !important;
  }
  .h-xs-64 {
    height: 64px;
  }
  .h-xs-64--force {
    height: 64px !important;
  }
  .max-h-xs-64 {
    max-height: 64px;
  }
  .max-h-xs-64--force {
    max-height: 64px !important;
  }
  .min-h-xs-64 {
    min-height: 64px;
  }
  .min-h-xs-64--force {
    min-height: 64px !important;
  }
  .h-xs-68 {
    height: 68px;
  }
  .h-xs-68--force {
    height: 68px !important;
  }
  .max-h-xs-68 {
    max-height: 68px;
  }
  .max-h-xs-68--force {
    max-height: 68px !important;
  }
  .min-h-xs-68 {
    min-height: 68px;
  }
  .min-h-xs-68--force {
    min-height: 68px !important;
  }
  .h-xs-72 {
    height: 72px;
  }
  .h-xs-72--force {
    height: 72px !important;
  }
  .max-h-xs-72 {
    max-height: 72px;
  }
  .max-h-xs-72--force {
    max-height: 72px !important;
  }
  .min-h-xs-72 {
    min-height: 72px;
  }
  .min-h-xs-72--force {
    min-height: 72px !important;
  }
  .h-xs-76 {
    height: 76px;
  }
  .h-xs-76--force {
    height: 76px !important;
  }
  .max-h-xs-76 {
    max-height: 76px;
  }
  .max-h-xs-76--force {
    max-height: 76px !important;
  }
  .min-h-xs-76 {
    min-height: 76px;
  }
  .min-h-xs-76--force {
    min-height: 76px !important;
  }
  .h-xs-80 {
    height: 80px;
  }
  .h-xs-80--force {
    height: 80px !important;
  }
  .max-h-xs-80 {
    max-height: 80px;
  }
  .max-h-xs-80--force {
    max-height: 80px !important;
  }
  .min-h-xs-80 {
    min-height: 80px;
  }
  .min-h-xs-80--force {
    min-height: 80px !important;
  }
  .h-xs-84 {
    height: 84px;
  }
  .h-xs-84--force {
    height: 84px !important;
  }
  .max-h-xs-84 {
    max-height: 84px;
  }
  .max-h-xs-84--force {
    max-height: 84px !important;
  }
  .min-h-xs-84 {
    min-height: 84px;
  }
  .min-h-xs-84--force {
    min-height: 84px !important;
  }
  .h-xs-88 {
    height: 88px;
  }
  .h-xs-88--force {
    height: 88px !important;
  }
  .max-h-xs-88 {
    max-height: 88px;
  }
  .max-h-xs-88--force {
    max-height: 88px !important;
  }
  .min-h-xs-88 {
    min-height: 88px;
  }
  .min-h-xs-88--force {
    min-height: 88px !important;
  }
  .h-xs-92 {
    height: 92px;
  }
  .h-xs-92--force {
    height: 92px !important;
  }
  .max-h-xs-92 {
    max-height: 92px;
  }
  .max-h-xs-92--force {
    max-height: 92px !important;
  }
  .min-h-xs-92 {
    min-height: 92px;
  }
  .min-h-xs-92--force {
    min-height: 92px !important;
  }
  .h-xs-96 {
    height: 96px;
  }
  .h-xs-96--force {
    height: 96px !important;
  }
  .max-h-xs-96 {
    max-height: 96px;
  }
  .max-h-xs-96--force {
    max-height: 96px !important;
  }
  .min-h-xs-96 {
    min-height: 96px;
  }
  .min-h-xs-96--force {
    min-height: 96px !important;
  }
  .h-xs-100 {
    height: 100px;
  }
  .h-xs-100--force {
    height: 100px !important;
  }
  .max-h-xs-100 {
    max-height: 100px;
  }
  .max-h-xs-100--force {
    max-height: 100px !important;
  }
  .min-h-xs-100 {
    min-height: 100px;
  }
  .min-h-xs-100--force {
    min-height: 100px !important;
  }
  .h-xs-104 {
    height: 104px;
  }
  .h-xs-104--force {
    height: 104px !important;
  }
  .max-h-xs-104 {
    max-height: 104px;
  }
  .max-h-xs-104--force {
    max-height: 104px !important;
  }
  .min-h-xs-104 {
    min-height: 104px;
  }
  .min-h-xs-104--force {
    min-height: 104px !important;
  }
  .h-xs-108 {
    height: 108px;
  }
  .h-xs-108--force {
    height: 108px !important;
  }
  .max-h-xs-108 {
    max-height: 108px;
  }
  .max-h-xs-108--force {
    max-height: 108px !important;
  }
  .min-h-xs-108 {
    min-height: 108px;
  }
  .min-h-xs-108--force {
    min-height: 108px !important;
  }
  .h-xs-112 {
    height: 112px;
  }
  .h-xs-112--force {
    height: 112px !important;
  }
  .max-h-xs-112 {
    max-height: 112px;
  }
  .max-h-xs-112--force {
    max-height: 112px !important;
  }
  .min-h-xs-112 {
    min-height: 112px;
  }
  .min-h-xs-112--force {
    min-height: 112px !important;
  }
  .h-xs-116 {
    height: 116px;
  }
  .h-xs-116--force {
    height: 116px !important;
  }
  .max-h-xs-116 {
    max-height: 116px;
  }
  .max-h-xs-116--force {
    max-height: 116px !important;
  }
  .min-h-xs-116 {
    min-height: 116px;
  }
  .min-h-xs-116--force {
    min-height: 116px !important;
  }
  .h-xs-120 {
    height: 120px;
  }
  .h-xs-120--force {
    height: 120px !important;
  }
  .max-h-xs-120 {
    max-height: 120px;
  }
  .max-h-xs-120--force {
    max-height: 120px !important;
  }
  .min-h-xs-120 {
    min-height: 120px;
  }
  .min-h-xs-120--force {
    min-height: 120px !important;
  }
  .h-xs-124 {
    height: 124px;
  }
  .h-xs-124--force {
    height: 124px !important;
  }
  .max-h-xs-124 {
    max-height: 124px;
  }
  .max-h-xs-124--force {
    max-height: 124px !important;
  }
  .min-h-xs-124 {
    min-height: 124px;
  }
  .min-h-xs-124--force {
    min-height: 124px !important;
  }
  .h-xs-128 {
    height: 128px;
  }
  .h-xs-128--force {
    height: 128px !important;
  }
  .max-h-xs-128 {
    max-height: 128px;
  }
  .max-h-xs-128--force {
    max-height: 128px !important;
  }
  .min-h-xs-128 {
    min-height: 128px;
  }
  .min-h-xs-128--force {
    min-height: 128px !important;
  }
  .h-xs-132 {
    height: 132px;
  }
  .h-xs-132--force {
    height: 132px !important;
  }
  .max-h-xs-132 {
    max-height: 132px;
  }
  .max-h-xs-132--force {
    max-height: 132px !important;
  }
  .min-h-xs-132 {
    min-height: 132px;
  }
  .min-h-xs-132--force {
    min-height: 132px !important;
  }
  .h-xs-136 {
    height: 136px;
  }
  .h-xs-136--force {
    height: 136px !important;
  }
  .max-h-xs-136 {
    max-height: 136px;
  }
  .max-h-xs-136--force {
    max-height: 136px !important;
  }
  .min-h-xs-136 {
    min-height: 136px;
  }
  .min-h-xs-136--force {
    min-height: 136px !important;
  }
  .h-xs-140 {
    height: 140px;
  }
  .h-xs-140--force {
    height: 140px !important;
  }
  .max-h-xs-140 {
    max-height: 140px;
  }
  .max-h-xs-140--force {
    max-height: 140px !important;
  }
  .min-h-xs-140 {
    min-height: 140px;
  }
  .min-h-xs-140--force {
    min-height: 140px !important;
  }
  .h-xs-144 {
    height: 144px;
  }
  .h-xs-144--force {
    height: 144px !important;
  }
  .max-h-xs-144 {
    max-height: 144px;
  }
  .max-h-xs-144--force {
    max-height: 144px !important;
  }
  .min-h-xs-144 {
    min-height: 144px;
  }
  .min-h-xs-144--force {
    min-height: 144px !important;
  }
  .h-xs-148 {
    height: 148px;
  }
  .h-xs-148--force {
    height: 148px !important;
  }
  .max-h-xs-148 {
    max-height: 148px;
  }
  .max-h-xs-148--force {
    max-height: 148px !important;
  }
  .min-h-xs-148 {
    min-height: 148px;
  }
  .min-h-xs-148--force {
    min-height: 148px !important;
  }
  .h-xs-152 {
    height: 152px;
  }
  .h-xs-152--force {
    height: 152px !important;
  }
  .max-h-xs-152 {
    max-height: 152px;
  }
  .max-h-xs-152--force {
    max-height: 152px !important;
  }
  .min-h-xs-152 {
    min-height: 152px;
  }
  .min-h-xs-152--force {
    min-height: 152px !important;
  }
  .h-xs-156 {
    height: 156px;
  }
  .h-xs-156--force {
    height: 156px !important;
  }
  .max-h-xs-156 {
    max-height: 156px;
  }
  .max-h-xs-156--force {
    max-height: 156px !important;
  }
  .min-h-xs-156 {
    min-height: 156px;
  }
  .min-h-xs-156--force {
    min-height: 156px !important;
  }
  .h-xs-160 {
    height: 160px;
  }
  .h-xs-160--force {
    height: 160px !important;
  }
  .max-h-xs-160 {
    max-height: 160px;
  }
  .max-h-xs-160--force {
    max-height: 160px !important;
  }
  .min-h-xs-160 {
    min-height: 160px;
  }
  .min-h-xs-160--force {
    min-height: 160px !important;
  }
  .h-xs-164 {
    height: 164px;
  }
  .h-xs-164--force {
    height: 164px !important;
  }
  .max-h-xs-164 {
    max-height: 164px;
  }
  .max-h-xs-164--force {
    max-height: 164px !important;
  }
  .min-h-xs-164 {
    min-height: 164px;
  }
  .min-h-xs-164--force {
    min-height: 164px !important;
  }
  .h-xs-168 {
    height: 168px;
  }
  .h-xs-168--force {
    height: 168px !important;
  }
  .max-h-xs-168 {
    max-height: 168px;
  }
  .max-h-xs-168--force {
    max-height: 168px !important;
  }
  .min-h-xs-168 {
    min-height: 168px;
  }
  .min-h-xs-168--force {
    min-height: 168px !important;
  }
  .h-xs-172 {
    height: 172px;
  }
  .h-xs-172--force {
    height: 172px !important;
  }
  .max-h-xs-172 {
    max-height: 172px;
  }
  .max-h-xs-172--force {
    max-height: 172px !important;
  }
  .min-h-xs-172 {
    min-height: 172px;
  }
  .min-h-xs-172--force {
    min-height: 172px !important;
  }
  .h-xs-176 {
    height: 176px;
  }
  .h-xs-176--force {
    height: 176px !important;
  }
  .max-h-xs-176 {
    max-height: 176px;
  }
  .max-h-xs-176--force {
    max-height: 176px !important;
  }
  .min-h-xs-176 {
    min-height: 176px;
  }
  .min-h-xs-176--force {
    min-height: 176px !important;
  }
  .h-xs-180 {
    height: 180px;
  }
  .h-xs-180--force {
    height: 180px !important;
  }
  .max-h-xs-180 {
    max-height: 180px;
  }
  .max-h-xs-180--force {
    max-height: 180px !important;
  }
  .min-h-xs-180 {
    min-height: 180px;
  }
  .min-h-xs-180--force {
    min-height: 180px !important;
  }
  .h-xs-184 {
    height: 184px;
  }
  .h-xs-184--force {
    height: 184px !important;
  }
  .max-h-xs-184 {
    max-height: 184px;
  }
  .max-h-xs-184--force {
    max-height: 184px !important;
  }
  .min-h-xs-184 {
    min-height: 184px;
  }
  .min-h-xs-184--force {
    min-height: 184px !important;
  }
  .h-xs-188 {
    height: 188px;
  }
  .h-xs-188--force {
    height: 188px !important;
  }
  .max-h-xs-188 {
    max-height: 188px;
  }
  .max-h-xs-188--force {
    max-height: 188px !important;
  }
  .min-h-xs-188 {
    min-height: 188px;
  }
  .min-h-xs-188--force {
    min-height: 188px !important;
  }
  .h-xs-192 {
    height: 192px;
  }
  .h-xs-192--force {
    height: 192px !important;
  }
  .max-h-xs-192 {
    max-height: 192px;
  }
  .max-h-xs-192--force {
    max-height: 192px !important;
  }
  .min-h-xs-192 {
    min-height: 192px;
  }
  .min-h-xs-192--force {
    min-height: 192px !important;
  }
  .h-xs-196 {
    height: 196px;
  }
  .h-xs-196--force {
    height: 196px !important;
  }
  .max-h-xs-196 {
    max-height: 196px;
  }
  .max-h-xs-196--force {
    max-height: 196px !important;
  }
  .min-h-xs-196 {
    min-height: 196px;
  }
  .min-h-xs-196--force {
    min-height: 196px !important;
  }
  .h-xs-200 {
    height: 200px;
  }
  .h-xs-200--force {
    height: 200px !important;
  }
  .max-h-xs-200 {
    max-height: 200px;
  }
  .max-h-xs-200--force {
    max-height: 200px !important;
  }
  .min-h-xs-200 {
    min-height: 200px;
  }
  .min-h-xs-200--force {
    min-height: 200px !important;
  }
  .h-xs-204 {
    height: 204px;
  }
  .h-xs-204--force {
    height: 204px !important;
  }
  .max-h-xs-204 {
    max-height: 204px;
  }
  .max-h-xs-204--force {
    max-height: 204px !important;
  }
  .min-h-xs-204 {
    min-height: 204px;
  }
  .min-h-xs-204--force {
    min-height: 204px !important;
  }
  .h-xs-208 {
    height: 208px;
  }
  .h-xs-208--force {
    height: 208px !important;
  }
  .max-h-xs-208 {
    max-height: 208px;
  }
  .max-h-xs-208--force {
    max-height: 208px !important;
  }
  .min-h-xs-208 {
    min-height: 208px;
  }
  .min-h-xs-208--force {
    min-height: 208px !important;
  }
  .h-xs-212 {
    height: 212px;
  }
  .h-xs-212--force {
    height: 212px !important;
  }
  .max-h-xs-212 {
    max-height: 212px;
  }
  .max-h-xs-212--force {
    max-height: 212px !important;
  }
  .min-h-xs-212 {
    min-height: 212px;
  }
  .min-h-xs-212--force {
    min-height: 212px !important;
  }
  .h-xs-216 {
    height: 216px;
  }
  .h-xs-216--force {
    height: 216px !important;
  }
  .max-h-xs-216 {
    max-height: 216px;
  }
  .max-h-xs-216--force {
    max-height: 216px !important;
  }
  .min-h-xs-216 {
    min-height: 216px;
  }
  .min-h-xs-216--force {
    min-height: 216px !important;
  }
  .h-xs-220 {
    height: 220px;
  }
  .h-xs-220--force {
    height: 220px !important;
  }
  .max-h-xs-220 {
    max-height: 220px;
  }
  .max-h-xs-220--force {
    max-height: 220px !important;
  }
  .min-h-xs-220 {
    min-height: 220px;
  }
  .min-h-xs-220--force {
    min-height: 220px !important;
  }
  .h-xs-224 {
    height: 224px;
  }
  .h-xs-224--force {
    height: 224px !important;
  }
  .max-h-xs-224 {
    max-height: 224px;
  }
  .max-h-xs-224--force {
    max-height: 224px !important;
  }
  .min-h-xs-224 {
    min-height: 224px;
  }
  .min-h-xs-224--force {
    min-height: 224px !important;
  }
  .h-xs-228 {
    height: 228px;
  }
  .h-xs-228--force {
    height: 228px !important;
  }
  .max-h-xs-228 {
    max-height: 228px;
  }
  .max-h-xs-228--force {
    max-height: 228px !important;
  }
  .min-h-xs-228 {
    min-height: 228px;
  }
  .min-h-xs-228--force {
    min-height: 228px !important;
  }
  .h-xs-232 {
    height: 232px;
  }
  .h-xs-232--force {
    height: 232px !important;
  }
  .max-h-xs-232 {
    max-height: 232px;
  }
  .max-h-xs-232--force {
    max-height: 232px !important;
  }
  .min-h-xs-232 {
    min-height: 232px;
  }
  .min-h-xs-232--force {
    min-height: 232px !important;
  }
  .h-xs-236 {
    height: 236px;
  }
  .h-xs-236--force {
    height: 236px !important;
  }
  .max-h-xs-236 {
    max-height: 236px;
  }
  .max-h-xs-236--force {
    max-height: 236px !important;
  }
  .min-h-xs-236 {
    min-height: 236px;
  }
  .min-h-xs-236--force {
    min-height: 236px !important;
  }
  .h-xs-240 {
    height: 240px;
  }
  .h-xs-240--force {
    height: 240px !important;
  }
  .max-h-xs-240 {
    max-height: 240px;
  }
  .max-h-xs-240--force {
    max-height: 240px !important;
  }
  .min-h-xs-240 {
    min-height: 240px;
  }
  .min-h-xs-240--force {
    min-height: 240px !important;
  }
  .h-xs-244 {
    height: 244px;
  }
  .h-xs-244--force {
    height: 244px !important;
  }
  .max-h-xs-244 {
    max-height: 244px;
  }
  .max-h-xs-244--force {
    max-height: 244px !important;
  }
  .min-h-xs-244 {
    min-height: 244px;
  }
  .min-h-xs-244--force {
    min-height: 244px !important;
  }
  .h-xs-248 {
    height: 248px;
  }
  .h-xs-248--force {
    height: 248px !important;
  }
  .max-h-xs-248 {
    max-height: 248px;
  }
  .max-h-xs-248--force {
    max-height: 248px !important;
  }
  .min-h-xs-248 {
    min-height: 248px;
  }
  .min-h-xs-248--force {
    min-height: 248px !important;
  }
  .h-xs-252 {
    height: 252px;
  }
  .h-xs-252--force {
    height: 252px !important;
  }
  .max-h-xs-252 {
    max-height: 252px;
  }
  .max-h-xs-252--force {
    max-height: 252px !important;
  }
  .min-h-xs-252 {
    min-height: 252px;
  }
  .min-h-xs-252--force {
    min-height: 252px !important;
  }
  .h-xs-256 {
    height: 256px;
  }
  .h-xs-256--force {
    height: 256px !important;
  }
  .max-h-xs-256 {
    max-height: 256px;
  }
  .max-h-xs-256--force {
    max-height: 256px !important;
  }
  .min-h-xs-256 {
    min-height: 256px;
  }
  .min-h-xs-256--force {
    min-height: 256px !important;
  }
  .h-xs-0-p {
    height: 0%;
  }
  .h-xs-0-p--force {
    height: 0% !important;
  }
  .max-h-xs-0-p {
    max-height: 0%;
  }
  .max-h-xs-0-p--force {
    max-height: 0% !important;
  }
  .min-h-xs-0-p {
    min-height: 0%;
  }
  .min-h-xs-0-p--force {
    min-height: 0% !important;
  }
  .h-xs-5-p {
    height: 5%;
  }
  .h-xs-5-p--force {
    height: 5% !important;
  }
  .max-h-xs-5-p {
    max-height: 5%;
  }
  .max-h-xs-5-p--force {
    max-height: 5% !important;
  }
  .min-h-xs-5-p {
    min-height: 5%;
  }
  .min-h-xs-5-p--force {
    min-height: 5% !important;
  }
  .h-xs-10-p {
    height: 10%;
  }
  .h-xs-10-p--force {
    height: 10% !important;
  }
  .max-h-xs-10-p {
    max-height: 10%;
  }
  .max-h-xs-10-p--force {
    max-height: 10% !important;
  }
  .min-h-xs-10-p {
    min-height: 10%;
  }
  .min-h-xs-10-p--force {
    min-height: 10% !important;
  }
  .h-xs-15-p {
    height: 15%;
  }
  .h-xs-15-p--force {
    height: 15% !important;
  }
  .max-h-xs-15-p {
    max-height: 15%;
  }
  .max-h-xs-15-p--force {
    max-height: 15% !important;
  }
  .min-h-xs-15-p {
    min-height: 15%;
  }
  .min-h-xs-15-p--force {
    min-height: 15% !important;
  }
  .h-xs-20-p {
    height: 20%;
  }
  .h-xs-20-p--force {
    height: 20% !important;
  }
  .max-h-xs-20-p {
    max-height: 20%;
  }
  .max-h-xs-20-p--force {
    max-height: 20% !important;
  }
  .min-h-xs-20-p {
    min-height: 20%;
  }
  .min-h-xs-20-p--force {
    min-height: 20% !important;
  }
  .h-xs-25-p {
    height: 25%;
  }
  .h-xs-25-p--force {
    height: 25% !important;
  }
  .max-h-xs-25-p {
    max-height: 25%;
  }
  .max-h-xs-25-p--force {
    max-height: 25% !important;
  }
  .min-h-xs-25-p {
    min-height: 25%;
  }
  .min-h-xs-25-p--force {
    min-height: 25% !important;
  }
  .h-xs-30-p {
    height: 30%;
  }
  .h-xs-30-p--force {
    height: 30% !important;
  }
  .max-h-xs-30-p {
    max-height: 30%;
  }
  .max-h-xs-30-p--force {
    max-height: 30% !important;
  }
  .min-h-xs-30-p {
    min-height: 30%;
  }
  .min-h-xs-30-p--force {
    min-height: 30% !important;
  }
  .h-xs-35-p {
    height: 35%;
  }
  .h-xs-35-p--force {
    height: 35% !important;
  }
  .max-h-xs-35-p {
    max-height: 35%;
  }
  .max-h-xs-35-p--force {
    max-height: 35% !important;
  }
  .min-h-xs-35-p {
    min-height: 35%;
  }
  .min-h-xs-35-p--force {
    min-height: 35% !important;
  }
  .h-xs-40-p {
    height: 40%;
  }
  .h-xs-40-p--force {
    height: 40% !important;
  }
  .max-h-xs-40-p {
    max-height: 40%;
  }
  .max-h-xs-40-p--force {
    max-height: 40% !important;
  }
  .min-h-xs-40-p {
    min-height: 40%;
  }
  .min-h-xs-40-p--force {
    min-height: 40% !important;
  }
  .h-xs-45-p {
    height: 45%;
  }
  .h-xs-45-p--force {
    height: 45% !important;
  }
  .max-h-xs-45-p {
    max-height: 45%;
  }
  .max-h-xs-45-p--force {
    max-height: 45% !important;
  }
  .min-h-xs-45-p {
    min-height: 45%;
  }
  .min-h-xs-45-p--force {
    min-height: 45% !important;
  }
  .h-xs-50-p {
    height: 50%;
  }
  .h-xs-50-p--force {
    height: 50% !important;
  }
  .max-h-xs-50-p {
    max-height: 50%;
  }
  .max-h-xs-50-p--force {
    max-height: 50% !important;
  }
  .min-h-xs-50-p {
    min-height: 50%;
  }
  .min-h-xs-50-p--force {
    min-height: 50% !important;
  }
  .h-xs-55-p {
    height: 55%;
  }
  .h-xs-55-p--force {
    height: 55% !important;
  }
  .max-h-xs-55-p {
    max-height: 55%;
  }
  .max-h-xs-55-p--force {
    max-height: 55% !important;
  }
  .min-h-xs-55-p {
    min-height: 55%;
  }
  .min-h-xs-55-p--force {
    min-height: 55% !important;
  }
  .h-xs-60-p {
    height: 60%;
  }
  .h-xs-60-p--force {
    height: 60% !important;
  }
  .max-h-xs-60-p {
    max-height: 60%;
  }
  .max-h-xs-60-p--force {
    max-height: 60% !important;
  }
  .min-h-xs-60-p {
    min-height: 60%;
  }
  .min-h-xs-60-p--force {
    min-height: 60% !important;
  }
  .h-xs-65-p {
    height: 65%;
  }
  .h-xs-65-p--force {
    height: 65% !important;
  }
  .max-h-xs-65-p {
    max-height: 65%;
  }
  .max-h-xs-65-p--force {
    max-height: 65% !important;
  }
  .min-h-xs-65-p {
    min-height: 65%;
  }
  .min-h-xs-65-p--force {
    min-height: 65% !important;
  }
  .h-xs-70-p {
    height: 70%;
  }
  .h-xs-70-p--force {
    height: 70% !important;
  }
  .max-h-xs-70-p {
    max-height: 70%;
  }
  .max-h-xs-70-p--force {
    max-height: 70% !important;
  }
  .min-h-xs-70-p {
    min-height: 70%;
  }
  .min-h-xs-70-p--force {
    min-height: 70% !important;
  }
  .h-xs-75-p {
    height: 75%;
  }
  .h-xs-75-p--force {
    height: 75% !important;
  }
  .max-h-xs-75-p {
    max-height: 75%;
  }
  .max-h-xs-75-p--force {
    max-height: 75% !important;
  }
  .min-h-xs-75-p {
    min-height: 75%;
  }
  .min-h-xs-75-p--force {
    min-height: 75% !important;
  }
  .h-xs-80-p {
    height: 80%;
  }
  .h-xs-80-p--force {
    height: 80% !important;
  }
  .max-h-xs-80-p {
    max-height: 80%;
  }
  .max-h-xs-80-p--force {
    max-height: 80% !important;
  }
  .min-h-xs-80-p {
    min-height: 80%;
  }
  .min-h-xs-80-p--force {
    min-height: 80% !important;
  }
  .h-xs-85-p {
    height: 85%;
  }
  .h-xs-85-p--force {
    height: 85% !important;
  }
  .max-h-xs-85-p {
    max-height: 85%;
  }
  .max-h-xs-85-p--force {
    max-height: 85% !important;
  }
  .min-h-xs-85-p {
    min-height: 85%;
  }
  .min-h-xs-85-p--force {
    min-height: 85% !important;
  }
  .h-xs-90-p {
    height: 90%;
  }
  .h-xs-90-p--force {
    height: 90% !important;
  }
  .max-h-xs-90-p {
    max-height: 90%;
  }
  .max-h-xs-90-p--force {
    max-height: 90% !important;
  }
  .min-h-xs-90-p {
    min-height: 90%;
  }
  .min-h-xs-90-p--force {
    min-height: 90% !important;
  }
  .h-xs-95-p {
    height: 95%;
  }
  .h-xs-95-p--force {
    height: 95% !important;
  }
  .max-h-xs-95-p {
    max-height: 95%;
  }
  .max-h-xs-95-p--force {
    max-height: 95% !important;
  }
  .min-h-xs-95-p {
    min-height: 95%;
  }
  .min-h-xs-95-p--force {
    min-height: 95% !important;
  }
  .h-xs-100-p {
    height: 100%;
  }
  .h-xs-100-p--force {
    height: 100% !important;
  }
  .max-h-xs-100-p {
    max-height: 100%;
  }
  .max-h-xs-100-p--force {
    max-height: 100% !important;
  }
  .min-h-xs-100-p {
    min-height: 100%;
  }
  .min-h-xs-100-p--force {
    min-height: 100% !important;
  }
  .h-xs-300 {
    height: 300px;
  }
  .h-xs-300--force {
    height: 300px !important;
  }
  .max-h-xs-300 {
    max-height: 300px;
  }
  .max-h-xs-300--force {
    max-height: 300px !important;
  }
  .min-h-xs-300 {
    min-height: 300px;
  }
  .min-h-xs-300--force {
    min-height: 300px !important;
  }
  .h-xs-400 {
    height: 400px;
  }
  .h-xs-400--force {
    height: 400px !important;
  }
  .max-h-xs-400 {
    max-height: 400px;
  }
  .max-h-xs-400--force {
    max-height: 400px !important;
  }
  .min-h-xs-400 {
    min-height: 400px;
  }
  .min-h-xs-400--force {
    min-height: 400px !important;
  }
  .h-xs-500 {
    height: 500px;
  }
  .h-xs-500--force {
    height: 500px !important;
  }
  .max-h-xs-500 {
    max-height: 500px;
  }
  .max-h-xs-500--force {
    max-height: 500px !important;
  }
  .min-h-xs-500 {
    min-height: 500px;
  }
  .min-h-xs-500--force {
    min-height: 500px !important;
  }
  .h-xs-600 {
    height: 600px;
  }
  .h-xs-600--force {
    height: 600px !important;
  }
  .max-h-xs-600 {
    max-height: 600px;
  }
  .max-h-xs-600--force {
    max-height: 600px !important;
  }
  .min-h-xs-600 {
    min-height: 600px;
  }
  .min-h-xs-600--force {
    min-height: 600px !important;
  }
  .h-xs-700 {
    height: 700px;
  }
  .h-xs-700--force {
    height: 700px !important;
  }
  .max-h-xs-700 {
    max-height: 700px;
  }
  .max-h-xs-700--force {
    max-height: 700px !important;
  }
  .min-h-xs-700 {
    min-height: 700px;
  }
  .min-h-xs-700--force {
    min-height: 700px !important;
  }
  .h-xs-800 {
    height: 800px;
  }
  .h-xs-800--force {
    height: 800px !important;
  }
  .max-h-xs-800 {
    max-height: 800px;
  }
  .max-h-xs-800--force {
    max-height: 800px !important;
  }
  .min-h-xs-800 {
    min-height: 800px;
  }
  .min-h-xs-800--force {
    min-height: 800px !important;
  }
  .h-xs-900 {
    height: 900px;
  }
  .h-xs-900--force {
    height: 900px !important;
  }
  .max-h-xs-900 {
    max-height: 900px;
  }
  .max-h-xs-900--force {
    max-height: 900px !important;
  }
  .min-h-xs-900 {
    min-height: 900px;
  }
  .min-h-xs-900--force {
    min-height: 900px !important;
  }
  .h-xs-1000 {
    height: 1000px;
  }
  .h-xs-1000--force {
    height: 1000px !important;
  }
  .max-h-xs-1000 {
    max-height: 1000px;
  }
  .max-h-xs-1000--force {
    max-height: 1000px !important;
  }
  .min-h-xs-1000 {
    min-height: 1000px;
  }
  .min-h-xs-1000--force {
    min-height: 1000px !important;
  }
  .h-xs-1100 {
    height: 1100px;
  }
  .h-xs-1100--force {
    height: 1100px !important;
  }
  .max-h-xs-1100 {
    max-height: 1100px;
  }
  .max-h-xs-1100--force {
    max-height: 1100px !important;
  }
  .min-h-xs-1100 {
    min-height: 1100px;
  }
  .min-h-xs-1100--force {
    min-height: 1100px !important;
  }
  .h-xs-1200 {
    height: 1200px;
  }
  .h-xs-1200--force {
    height: 1200px !important;
  }
  .max-h-xs-1200 {
    max-height: 1200px;
  }
  .max-h-xs-1200--force {
    max-height: 1200px !important;
  }
  .min-h-xs-1200 {
    min-height: 1200px;
  }
  .min-h-xs-1200--force {
    min-height: 1200px !important;
  }
  .h-xs-1300 {
    height: 1300px;
  }
  .h-xs-1300--force {
    height: 1300px !important;
  }
  .max-h-xs-1300 {
    max-height: 1300px;
  }
  .max-h-xs-1300--force {
    max-height: 1300px !important;
  }
  .min-h-xs-1300 {
    min-height: 1300px;
  }
  .min-h-xs-1300--force {
    min-height: 1300px !important;
  }
  .h-xs-1400 {
    height: 1400px;
  }
  .h-xs-1400--force {
    height: 1400px !important;
  }
  .max-h-xs-1400 {
    max-height: 1400px;
  }
  .max-h-xs-1400--force {
    max-height: 1400px !important;
  }
  .min-h-xs-1400 {
    min-height: 1400px;
  }
  .min-h-xs-1400--force {
    min-height: 1400px !important;
  }
  .h-xs-1500 {
    height: 1500px;
  }
  .h-xs-1500--force {
    height: 1500px !important;
  }
  .max-h-xs-1500 {
    max-height: 1500px;
  }
  .max-h-xs-1500--force {
    max-height: 1500px !important;
  }
  .min-h-xs-1500 {
    min-height: 1500px;
  }
  .min-h-xs-1500--force {
    min-height: 1500px !important;
  }
  .h-xs-1600 {
    height: 1600px;
  }
  .h-xs-1600--force {
    height: 1600px !important;
  }
  .max-h-xs-1600 {
    max-height: 1600px;
  }
  .max-h-xs-1600--force {
    max-height: 1600px !important;
  }
  .min-h-xs-1600 {
    min-height: 1600px;
  }
  .min-h-xs-1600--force {
    min-height: 1600px !important;
  }
  .h-xs-1700 {
    height: 1700px;
  }
  .h-xs-1700--force {
    height: 1700px !important;
  }
  .max-h-xs-1700 {
    max-height: 1700px;
  }
  .max-h-xs-1700--force {
    max-height: 1700px !important;
  }
  .min-h-xs-1700 {
    min-height: 1700px;
  }
  .min-h-xs-1700--force {
    min-height: 1700px !important;
  }
  .h-xs-1800 {
    height: 1800px;
  }
  .h-xs-1800--force {
    height: 1800px !important;
  }
  .max-h-xs-1800 {
    max-height: 1800px;
  }
  .max-h-xs-1800--force {
    max-height: 1800px !important;
  }
  .min-h-xs-1800 {
    min-height: 1800px;
  }
  .min-h-xs-1800--force {
    min-height: 1800px !important;
  }
  .h-xs-1900 {
    height: 1900px;
  }
  .h-xs-1900--force {
    height: 1900px !important;
  }
  .max-h-xs-1900 {
    max-height: 1900px;
  }
  .max-h-xs-1900--force {
    max-height: 1900px !important;
  }
  .min-h-xs-1900 {
    min-height: 1900px;
  }
  .min-h-xs-1900--force {
    min-height: 1900px !important;
  }
  .h-xs-2000 {
    height: 2000px;
  }
  .h-xs-2000--force {
    height: 2000px !important;
  }
  .max-h-xs-2000 {
    max-height: 2000px;
  }
  .max-h-xs-2000--force {
    max-height: 2000px !important;
  }
  .min-h-xs-2000 {
    min-height: 2000px;
  }
  .min-h-xs-2000--force {
    min-height: 2000px !important;
  }
  .h-xs-auto {
    height: auto;
  }
  .h-xs-auto--force {
    height: auto !important;
  }
  .w-xs-0 {
    width: 0px;
  }
  .w-xs-0--force {
    width: 0px !important;
  }
  .max-w-xs-0 {
    max-width: 0px;
  }
  .max-w-xs-0--force {
    max-width: 0px !important;
  }
  .min-w-xs-0 {
    min-width: 0px;
  }
  .min-w-xs-0--force {
    min-width: 0px !important;
  }
  .w-xs-4 {
    width: 4px;
  }
  .w-xs-4--force {
    width: 4px !important;
  }
  .max-w-xs-4 {
    max-width: 4px;
  }
  .max-w-xs-4--force {
    max-width: 4px !important;
  }
  .min-w-xs-4 {
    min-width: 4px;
  }
  .min-w-xs-4--force {
    min-width: 4px !important;
  }
  .w-xs-8 {
    width: 8px;
  }
  .w-xs-8--force {
    width: 8px !important;
  }
  .max-w-xs-8 {
    max-width: 8px;
  }
  .max-w-xs-8--force {
    max-width: 8px !important;
  }
  .min-w-xs-8 {
    min-width: 8px;
  }
  .min-w-xs-8--force {
    min-width: 8px !important;
  }
  .w-xs-12 {
    width: 12px;
  }
  .w-xs-12--force {
    width: 12px !important;
  }
  .max-w-xs-12 {
    max-width: 12px;
  }
  .max-w-xs-12--force {
    max-width: 12px !important;
  }
  .min-w-xs-12 {
    min-width: 12px;
  }
  .min-w-xs-12--force {
    min-width: 12px !important;
  }
  .w-xs-16 {
    width: 16px;
  }
  .w-xs-16--force {
    width: 16px !important;
  }
  .max-w-xs-16 {
    max-width: 16px;
  }
  .max-w-xs-16--force {
    max-width: 16px !important;
  }
  .min-w-xs-16 {
    min-width: 16px;
  }
  .min-w-xs-16--force {
    min-width: 16px !important;
  }
  .w-xs-20 {
    width: 20px;
  }
  .w-xs-20--force {
    width: 20px !important;
  }
  .max-w-xs-20 {
    max-width: 20px;
  }
  .max-w-xs-20--force {
    max-width: 20px !important;
  }
  .min-w-xs-20 {
    min-width: 20px;
  }
  .min-w-xs-20--force {
    min-width: 20px !important;
  }
  .w-xs-24 {
    width: 24px;
  }
  .w-xs-24--force {
    width: 24px !important;
  }
  .max-w-xs-24 {
    max-width: 24px;
  }
  .max-w-xs-24--force {
    max-width: 24px !important;
  }
  .min-w-xs-24 {
    min-width: 24px;
  }
  .min-w-xs-24--force {
    min-width: 24px !important;
  }
  .w-xs-28 {
    width: 28px;
  }
  .w-xs-28--force {
    width: 28px !important;
  }
  .max-w-xs-28 {
    max-width: 28px;
  }
  .max-w-xs-28--force {
    max-width: 28px !important;
  }
  .min-w-xs-28 {
    min-width: 28px;
  }
  .min-w-xs-28--force {
    min-width: 28px !important;
  }
  .w-xs-32 {
    width: 32px;
  }
  .w-xs-32--force {
    width: 32px !important;
  }
  .max-w-xs-32 {
    max-width: 32px;
  }
  .max-w-xs-32--force {
    max-width: 32px !important;
  }
  .min-w-xs-32 {
    min-width: 32px;
  }
  .min-w-xs-32--force {
    min-width: 32px !important;
  }
  .w-xs-36 {
    width: 36px;
  }
  .w-xs-36--force {
    width: 36px !important;
  }
  .max-w-xs-36 {
    max-width: 36px;
  }
  .max-w-xs-36--force {
    max-width: 36px !important;
  }
  .min-w-xs-36 {
    min-width: 36px;
  }
  .min-w-xs-36--force {
    min-width: 36px !important;
  }
  .w-xs-40 {
    width: 40px;
  }
  .w-xs-40--force {
    width: 40px !important;
  }
  .max-w-xs-40 {
    max-width: 40px;
  }
  .max-w-xs-40--force {
    max-width: 40px !important;
  }
  .min-w-xs-40 {
    min-width: 40px;
  }
  .min-w-xs-40--force {
    min-width: 40px !important;
  }
  .w-xs-44 {
    width: 44px;
  }
  .w-xs-44--force {
    width: 44px !important;
  }
  .max-w-xs-44 {
    max-width: 44px;
  }
  .max-w-xs-44--force {
    max-width: 44px !important;
  }
  .min-w-xs-44 {
    min-width: 44px;
  }
  .min-w-xs-44--force {
    min-width: 44px !important;
  }
  .w-xs-48 {
    width: 48px;
  }
  .w-xs-48--force {
    width: 48px !important;
  }
  .max-w-xs-48 {
    max-width: 48px;
  }
  .max-w-xs-48--force {
    max-width: 48px !important;
  }
  .min-w-xs-48 {
    min-width: 48px;
  }
  .min-w-xs-48--force {
    min-width: 48px !important;
  }
  .w-xs-52 {
    width: 52px;
  }
  .w-xs-52--force {
    width: 52px !important;
  }
  .max-w-xs-52 {
    max-width: 52px;
  }
  .max-w-xs-52--force {
    max-width: 52px !important;
  }
  .min-w-xs-52 {
    min-width: 52px;
  }
  .min-w-xs-52--force {
    min-width: 52px !important;
  }
  .w-xs-56 {
    width: 56px;
  }
  .w-xs-56--force {
    width: 56px !important;
  }
  .max-w-xs-56 {
    max-width: 56px;
  }
  .max-w-xs-56--force {
    max-width: 56px !important;
  }
  .min-w-xs-56 {
    min-width: 56px;
  }
  .min-w-xs-56--force {
    min-width: 56px !important;
  }
  .w-xs-60 {
    width: 60px;
  }
  .w-xs-60--force {
    width: 60px !important;
  }
  .max-w-xs-60 {
    max-width: 60px;
  }
  .max-w-xs-60--force {
    max-width: 60px !important;
  }
  .min-w-xs-60 {
    min-width: 60px;
  }
  .min-w-xs-60--force {
    min-width: 60px !important;
  }
  .w-xs-64 {
    width: 64px;
  }
  .w-xs-64--force {
    width: 64px !important;
  }
  .max-w-xs-64 {
    max-width: 64px;
  }
  .max-w-xs-64--force {
    max-width: 64px !important;
  }
  .min-w-xs-64 {
    min-width: 64px;
  }
  .min-w-xs-64--force {
    min-width: 64px !important;
  }
  .w-xs-68 {
    width: 68px;
  }
  .w-xs-68--force {
    width: 68px !important;
  }
  .max-w-xs-68 {
    max-width: 68px;
  }
  .max-w-xs-68--force {
    max-width: 68px !important;
  }
  .min-w-xs-68 {
    min-width: 68px;
  }
  .min-w-xs-68--force {
    min-width: 68px !important;
  }
  .w-xs-72 {
    width: 72px;
  }
  .w-xs-72--force {
    width: 72px !important;
  }
  .max-w-xs-72 {
    max-width: 72px;
  }
  .max-w-xs-72--force {
    max-width: 72px !important;
  }
  .min-w-xs-72 {
    min-width: 72px;
  }
  .min-w-xs-72--force {
    min-width: 72px !important;
  }
  .w-xs-76 {
    width: 76px;
  }
  .w-xs-76--force {
    width: 76px !important;
  }
  .max-w-xs-76 {
    max-width: 76px;
  }
  .max-w-xs-76--force {
    max-width: 76px !important;
  }
  .min-w-xs-76 {
    min-width: 76px;
  }
  .min-w-xs-76--force {
    min-width: 76px !important;
  }
  .w-xs-80 {
    width: 80px;
  }
  .w-xs-80--force {
    width: 80px !important;
  }
  .max-w-xs-80 {
    max-width: 80px;
  }
  .max-w-xs-80--force {
    max-width: 80px !important;
  }
  .min-w-xs-80 {
    min-width: 80px;
  }
  .min-w-xs-80--force {
    min-width: 80px !important;
  }
  .w-xs-84 {
    width: 84px;
  }
  .w-xs-84--force {
    width: 84px !important;
  }
  .max-w-xs-84 {
    max-width: 84px;
  }
  .max-w-xs-84--force {
    max-width: 84px !important;
  }
  .min-w-xs-84 {
    min-width: 84px;
  }
  .min-w-xs-84--force {
    min-width: 84px !important;
  }
  .w-xs-88 {
    width: 88px;
  }
  .w-xs-88--force {
    width: 88px !important;
  }
  .max-w-xs-88 {
    max-width: 88px;
  }
  .max-w-xs-88--force {
    max-width: 88px !important;
  }
  .min-w-xs-88 {
    min-width: 88px;
  }
  .min-w-xs-88--force {
    min-width: 88px !important;
  }
  .w-xs-92 {
    width: 92px;
  }
  .w-xs-92--force {
    width: 92px !important;
  }
  .max-w-xs-92 {
    max-width: 92px;
  }
  .max-w-xs-92--force {
    max-width: 92px !important;
  }
  .min-w-xs-92 {
    min-width: 92px;
  }
  .min-w-xs-92--force {
    min-width: 92px !important;
  }
  .w-xs-96 {
    width: 96px;
  }
  .w-xs-96--force {
    width: 96px !important;
  }
  .max-w-xs-96 {
    max-width: 96px;
  }
  .max-w-xs-96--force {
    max-width: 96px !important;
  }
  .min-w-xs-96 {
    min-width: 96px;
  }
  .min-w-xs-96--force {
    min-width: 96px !important;
  }
  .w-xs-100 {
    width: 100px;
  }
  .w-xs-100--force {
    width: 100px !important;
  }
  .max-w-xs-100 {
    max-width: 100px;
  }
  .max-w-xs-100--force {
    max-width: 100px !important;
  }
  .min-w-xs-100 {
    min-width: 100px;
  }
  .min-w-xs-100--force {
    min-width: 100px !important;
  }
  .w-xs-104 {
    width: 104px;
  }
  .w-xs-104--force {
    width: 104px !important;
  }
  .max-w-xs-104 {
    max-width: 104px;
  }
  .max-w-xs-104--force {
    max-width: 104px !important;
  }
  .min-w-xs-104 {
    min-width: 104px;
  }
  .min-w-xs-104--force {
    min-width: 104px !important;
  }
  .w-xs-108 {
    width: 108px;
  }
  .w-xs-108--force {
    width: 108px !important;
  }
  .max-w-xs-108 {
    max-width: 108px;
  }
  .max-w-xs-108--force {
    max-width: 108px !important;
  }
  .min-w-xs-108 {
    min-width: 108px;
  }
  .min-w-xs-108--force {
    min-width: 108px !important;
  }
  .w-xs-112 {
    width: 112px;
  }
  .w-xs-112--force {
    width: 112px !important;
  }
  .max-w-xs-112 {
    max-width: 112px;
  }
  .max-w-xs-112--force {
    max-width: 112px !important;
  }
  .min-w-xs-112 {
    min-width: 112px;
  }
  .min-w-xs-112--force {
    min-width: 112px !important;
  }
  .w-xs-116 {
    width: 116px;
  }
  .w-xs-116--force {
    width: 116px !important;
  }
  .max-w-xs-116 {
    max-width: 116px;
  }
  .max-w-xs-116--force {
    max-width: 116px !important;
  }
  .min-w-xs-116 {
    min-width: 116px;
  }
  .min-w-xs-116--force {
    min-width: 116px !important;
  }
  .w-xs-120 {
    width: 120px;
  }
  .w-xs-120--force {
    width: 120px !important;
  }
  .max-w-xs-120 {
    max-width: 120px;
  }
  .max-w-xs-120--force {
    max-width: 120px !important;
  }
  .min-w-xs-120 {
    min-width: 120px;
  }
  .min-w-xs-120--force {
    min-width: 120px !important;
  }
  .w-xs-124 {
    width: 124px;
  }
  .w-xs-124--force {
    width: 124px !important;
  }
  .max-w-xs-124 {
    max-width: 124px;
  }
  .max-w-xs-124--force {
    max-width: 124px !important;
  }
  .min-w-xs-124 {
    min-width: 124px;
  }
  .min-w-xs-124--force {
    min-width: 124px !important;
  }
  .w-xs-128 {
    width: 128px;
  }
  .w-xs-128--force {
    width: 128px !important;
  }
  .max-w-xs-128 {
    max-width: 128px;
  }
  .max-w-xs-128--force {
    max-width: 128px !important;
  }
  .min-w-xs-128 {
    min-width: 128px;
  }
  .min-w-xs-128--force {
    min-width: 128px !important;
  }
  .w-xs-132 {
    width: 132px;
  }
  .w-xs-132--force {
    width: 132px !important;
  }
  .max-w-xs-132 {
    max-width: 132px;
  }
  .max-w-xs-132--force {
    max-width: 132px !important;
  }
  .min-w-xs-132 {
    min-width: 132px;
  }
  .min-w-xs-132--force {
    min-width: 132px !important;
  }
  .w-xs-136 {
    width: 136px;
  }
  .w-xs-136--force {
    width: 136px !important;
  }
  .max-w-xs-136 {
    max-width: 136px;
  }
  .max-w-xs-136--force {
    max-width: 136px !important;
  }
  .min-w-xs-136 {
    min-width: 136px;
  }
  .min-w-xs-136--force {
    min-width: 136px !important;
  }
  .w-xs-140 {
    width: 140px;
  }
  .w-xs-140--force {
    width: 140px !important;
  }
  .max-w-xs-140 {
    max-width: 140px;
  }
  .max-w-xs-140--force {
    max-width: 140px !important;
  }
  .min-w-xs-140 {
    min-width: 140px;
  }
  .min-w-xs-140--force {
    min-width: 140px !important;
  }
  .w-xs-144 {
    width: 144px;
  }
  .w-xs-144--force {
    width: 144px !important;
  }
  .max-w-xs-144 {
    max-width: 144px;
  }
  .max-w-xs-144--force {
    max-width: 144px !important;
  }
  .min-w-xs-144 {
    min-width: 144px;
  }
  .min-w-xs-144--force {
    min-width: 144px !important;
  }
  .w-xs-148 {
    width: 148px;
  }
  .w-xs-148--force {
    width: 148px !important;
  }
  .max-w-xs-148 {
    max-width: 148px;
  }
  .max-w-xs-148--force {
    max-width: 148px !important;
  }
  .min-w-xs-148 {
    min-width: 148px;
  }
  .min-w-xs-148--force {
    min-width: 148px !important;
  }
  .w-xs-152 {
    width: 152px;
  }
  .w-xs-152--force {
    width: 152px !important;
  }
  .max-w-xs-152 {
    max-width: 152px;
  }
  .max-w-xs-152--force {
    max-width: 152px !important;
  }
  .min-w-xs-152 {
    min-width: 152px;
  }
  .min-w-xs-152--force {
    min-width: 152px !important;
  }
  .w-xs-156 {
    width: 156px;
  }
  .w-xs-156--force {
    width: 156px !important;
  }
  .max-w-xs-156 {
    max-width: 156px;
  }
  .max-w-xs-156--force {
    max-width: 156px !important;
  }
  .min-w-xs-156 {
    min-width: 156px;
  }
  .min-w-xs-156--force {
    min-width: 156px !important;
  }
  .w-xs-160 {
    width: 160px;
  }
  .w-xs-160--force {
    width: 160px !important;
  }
  .max-w-xs-160 {
    max-width: 160px;
  }
  .max-w-xs-160--force {
    max-width: 160px !important;
  }
  .min-w-xs-160 {
    min-width: 160px;
  }
  .min-w-xs-160--force {
    min-width: 160px !important;
  }
  .w-xs-164 {
    width: 164px;
  }
  .w-xs-164--force {
    width: 164px !important;
  }
  .max-w-xs-164 {
    max-width: 164px;
  }
  .max-w-xs-164--force {
    max-width: 164px !important;
  }
  .min-w-xs-164 {
    min-width: 164px;
  }
  .min-w-xs-164--force {
    min-width: 164px !important;
  }
  .w-xs-168 {
    width: 168px;
  }
  .w-xs-168--force {
    width: 168px !important;
  }
  .max-w-xs-168 {
    max-width: 168px;
  }
  .max-w-xs-168--force {
    max-width: 168px !important;
  }
  .min-w-xs-168 {
    min-width: 168px;
  }
  .min-w-xs-168--force {
    min-width: 168px !important;
  }
  .w-xs-172 {
    width: 172px;
  }
  .w-xs-172--force {
    width: 172px !important;
  }
  .max-w-xs-172 {
    max-width: 172px;
  }
  .max-w-xs-172--force {
    max-width: 172px !important;
  }
  .min-w-xs-172 {
    min-width: 172px;
  }
  .min-w-xs-172--force {
    min-width: 172px !important;
  }
  .w-xs-176 {
    width: 176px;
  }
  .w-xs-176--force {
    width: 176px !important;
  }
  .max-w-xs-176 {
    max-width: 176px;
  }
  .max-w-xs-176--force {
    max-width: 176px !important;
  }
  .min-w-xs-176 {
    min-width: 176px;
  }
  .min-w-xs-176--force {
    min-width: 176px !important;
  }
  .w-xs-180 {
    width: 180px;
  }
  .w-xs-180--force {
    width: 180px !important;
  }
  .max-w-xs-180 {
    max-width: 180px;
  }
  .max-w-xs-180--force {
    max-width: 180px !important;
  }
  .min-w-xs-180 {
    min-width: 180px;
  }
  .min-w-xs-180--force {
    min-width: 180px !important;
  }
  .w-xs-184 {
    width: 184px;
  }
  .w-xs-184--force {
    width: 184px !important;
  }
  .max-w-xs-184 {
    max-width: 184px;
  }
  .max-w-xs-184--force {
    max-width: 184px !important;
  }
  .min-w-xs-184 {
    min-width: 184px;
  }
  .min-w-xs-184--force {
    min-width: 184px !important;
  }
  .w-xs-188 {
    width: 188px;
  }
  .w-xs-188--force {
    width: 188px !important;
  }
  .max-w-xs-188 {
    max-width: 188px;
  }
  .max-w-xs-188--force {
    max-width: 188px !important;
  }
  .min-w-xs-188 {
    min-width: 188px;
  }
  .min-w-xs-188--force {
    min-width: 188px !important;
  }
  .w-xs-192 {
    width: 192px;
  }
  .w-xs-192--force {
    width: 192px !important;
  }
  .max-w-xs-192 {
    max-width: 192px;
  }
  .max-w-xs-192--force {
    max-width: 192px !important;
  }
  .min-w-xs-192 {
    min-width: 192px;
  }
  .min-w-xs-192--force {
    min-width: 192px !important;
  }
  .w-xs-196 {
    width: 196px;
  }
  .w-xs-196--force {
    width: 196px !important;
  }
  .max-w-xs-196 {
    max-width: 196px;
  }
  .max-w-xs-196--force {
    max-width: 196px !important;
  }
  .min-w-xs-196 {
    min-width: 196px;
  }
  .min-w-xs-196--force {
    min-width: 196px !important;
  }
  .w-xs-200 {
    width: 200px;
  }
  .w-xs-200--force {
    width: 200px !important;
  }
  .max-w-xs-200 {
    max-width: 200px;
  }
  .max-w-xs-200--force {
    max-width: 200px !important;
  }
  .min-w-xs-200 {
    min-width: 200px;
  }
  .min-w-xs-200--force {
    min-width: 200px !important;
  }
  .w-xs-204 {
    width: 204px;
  }
  .w-xs-204--force {
    width: 204px !important;
  }
  .max-w-xs-204 {
    max-width: 204px;
  }
  .max-w-xs-204--force {
    max-width: 204px !important;
  }
  .min-w-xs-204 {
    min-width: 204px;
  }
  .min-w-xs-204--force {
    min-width: 204px !important;
  }
  .w-xs-208 {
    width: 208px;
  }
  .w-xs-208--force {
    width: 208px !important;
  }
  .max-w-xs-208 {
    max-width: 208px;
  }
  .max-w-xs-208--force {
    max-width: 208px !important;
  }
  .min-w-xs-208 {
    min-width: 208px;
  }
  .min-w-xs-208--force {
    min-width: 208px !important;
  }
  .w-xs-212 {
    width: 212px;
  }
  .w-xs-212--force {
    width: 212px !important;
  }
  .max-w-xs-212 {
    max-width: 212px;
  }
  .max-w-xs-212--force {
    max-width: 212px !important;
  }
  .min-w-xs-212 {
    min-width: 212px;
  }
  .min-w-xs-212--force {
    min-width: 212px !important;
  }
  .w-xs-216 {
    width: 216px;
  }
  .w-xs-216--force {
    width: 216px !important;
  }
  .max-w-xs-216 {
    max-width: 216px;
  }
  .max-w-xs-216--force {
    max-width: 216px !important;
  }
  .min-w-xs-216 {
    min-width: 216px;
  }
  .min-w-xs-216--force {
    min-width: 216px !important;
  }
  .w-xs-220 {
    width: 220px;
  }
  .w-xs-220--force {
    width: 220px !important;
  }
  .max-w-xs-220 {
    max-width: 220px;
  }
  .max-w-xs-220--force {
    max-width: 220px !important;
  }
  .min-w-xs-220 {
    min-width: 220px;
  }
  .min-w-xs-220--force {
    min-width: 220px !important;
  }
  .w-xs-224 {
    width: 224px;
  }
  .w-xs-224--force {
    width: 224px !important;
  }
  .max-w-xs-224 {
    max-width: 224px;
  }
  .max-w-xs-224--force {
    max-width: 224px !important;
  }
  .min-w-xs-224 {
    min-width: 224px;
  }
  .min-w-xs-224--force {
    min-width: 224px !important;
  }
  .w-xs-228 {
    width: 228px;
  }
  .w-xs-228--force {
    width: 228px !important;
  }
  .max-w-xs-228 {
    max-width: 228px;
  }
  .max-w-xs-228--force {
    max-width: 228px !important;
  }
  .min-w-xs-228 {
    min-width: 228px;
  }
  .min-w-xs-228--force {
    min-width: 228px !important;
  }
  .w-xs-232 {
    width: 232px;
  }
  .w-xs-232--force {
    width: 232px !important;
  }
  .max-w-xs-232 {
    max-width: 232px;
  }
  .max-w-xs-232--force {
    max-width: 232px !important;
  }
  .min-w-xs-232 {
    min-width: 232px;
  }
  .min-w-xs-232--force {
    min-width: 232px !important;
  }
  .w-xs-236 {
    width: 236px;
  }
  .w-xs-236--force {
    width: 236px !important;
  }
  .max-w-xs-236 {
    max-width: 236px;
  }
  .max-w-xs-236--force {
    max-width: 236px !important;
  }
  .min-w-xs-236 {
    min-width: 236px;
  }
  .min-w-xs-236--force {
    min-width: 236px !important;
  }
  .w-xs-240 {
    width: 240px;
  }
  .w-xs-240--force {
    width: 240px !important;
  }
  .max-w-xs-240 {
    max-width: 240px;
  }
  .max-w-xs-240--force {
    max-width: 240px !important;
  }
  .min-w-xs-240 {
    min-width: 240px;
  }
  .min-w-xs-240--force {
    min-width: 240px !important;
  }
  .w-xs-244 {
    width: 244px;
  }
  .w-xs-244--force {
    width: 244px !important;
  }
  .max-w-xs-244 {
    max-width: 244px;
  }
  .max-w-xs-244--force {
    max-width: 244px !important;
  }
  .min-w-xs-244 {
    min-width: 244px;
  }
  .min-w-xs-244--force {
    min-width: 244px !important;
  }
  .w-xs-248 {
    width: 248px;
  }
  .w-xs-248--force {
    width: 248px !important;
  }
  .max-w-xs-248 {
    max-width: 248px;
  }
  .max-w-xs-248--force {
    max-width: 248px !important;
  }
  .min-w-xs-248 {
    min-width: 248px;
  }
  .min-w-xs-248--force {
    min-width: 248px !important;
  }
  .w-xs-252 {
    width: 252px;
  }
  .w-xs-252--force {
    width: 252px !important;
  }
  .max-w-xs-252 {
    max-width: 252px;
  }
  .max-w-xs-252--force {
    max-width: 252px !important;
  }
  .min-w-xs-252 {
    min-width: 252px;
  }
  .min-w-xs-252--force {
    min-width: 252px !important;
  }
  .w-xs-256 {
    width: 256px;
  }
  .w-xs-256--force {
    width: 256px !important;
  }
  .max-w-xs-256 {
    max-width: 256px;
  }
  .max-w-xs-256--force {
    max-width: 256px !important;
  }
  .min-w-xs-256 {
    min-width: 256px;
  }
  .min-w-xs-256--force {
    min-width: 256px !important;
  }
  .w-xs-0-p {
    width: 0%;
  }
  .w-xs-0-p--force {
    width: 0% !important;
  }
  .max-w-xs-0-p {
    max-width: 0%;
  }
  .max-w-xs-0-p--force {
    max-width: 0% !important;
  }
  .min-w-xs-0-p {
    min-width: 0%;
  }
  .min-w-xs-0-p--force {
    min-width: 0% !important;
  }
  .w-xs-5-p {
    width: 5%;
  }
  .w-xs-5-p--force {
    width: 5% !important;
  }
  .max-w-xs-5-p {
    max-width: 5%;
  }
  .max-w-xs-5-p--force {
    max-width: 5% !important;
  }
  .min-w-xs-5-p {
    min-width: 5%;
  }
  .min-w-xs-5-p--force {
    min-width: 5% !important;
  }
  .w-xs-10-p {
    width: 10%;
  }
  .w-xs-10-p--force {
    width: 10% !important;
  }
  .max-w-xs-10-p {
    max-width: 10%;
  }
  .max-w-xs-10-p--force {
    max-width: 10% !important;
  }
  .min-w-xs-10-p {
    min-width: 10%;
  }
  .min-w-xs-10-p--force {
    min-width: 10% !important;
  }
  .w-xs-15-p {
    width: 15%;
  }
  .w-xs-15-p--force {
    width: 15% !important;
  }
  .max-w-xs-15-p {
    max-width: 15%;
  }
  .max-w-xs-15-p--force {
    max-width: 15% !important;
  }
  .min-w-xs-15-p {
    min-width: 15%;
  }
  .min-w-xs-15-p--force {
    min-width: 15% !important;
  }
  .w-xs-20-p {
    width: 20%;
  }
  .w-xs-20-p--force {
    width: 20% !important;
  }
  .max-w-xs-20-p {
    max-width: 20%;
  }
  .max-w-xs-20-p--force {
    max-width: 20% !important;
  }
  .min-w-xs-20-p {
    min-width: 20%;
  }
  .min-w-xs-20-p--force {
    min-width: 20% !important;
  }
  .w-xs-25-p {
    width: 25%;
  }
  .w-xs-25-p--force {
    width: 25% !important;
  }
  .max-w-xs-25-p {
    max-width: 25%;
  }
  .max-w-xs-25-p--force {
    max-width: 25% !important;
  }
  .min-w-xs-25-p {
    min-width: 25%;
  }
  .min-w-xs-25-p--force {
    min-width: 25% !important;
  }
  .w-xs-30-p {
    width: 30%;
  }
  .w-xs-30-p--force {
    width: 30% !important;
  }
  .max-w-xs-30-p {
    max-width: 30%;
  }
  .max-w-xs-30-p--force {
    max-width: 30% !important;
  }
  .min-w-xs-30-p {
    min-width: 30%;
  }
  .min-w-xs-30-p--force {
    min-width: 30% !important;
  }
  .w-xs-35-p {
    width: 35%;
  }
  .w-xs-35-p--force {
    width: 35% !important;
  }
  .max-w-xs-35-p {
    max-width: 35%;
  }
  .max-w-xs-35-p--force {
    max-width: 35% !important;
  }
  .min-w-xs-35-p {
    min-width: 35%;
  }
  .min-w-xs-35-p--force {
    min-width: 35% !important;
  }
  .w-xs-40-p {
    width: 40%;
  }
  .w-xs-40-p--force {
    width: 40% !important;
  }
  .max-w-xs-40-p {
    max-width: 40%;
  }
  .max-w-xs-40-p--force {
    max-width: 40% !important;
  }
  .min-w-xs-40-p {
    min-width: 40%;
  }
  .min-w-xs-40-p--force {
    min-width: 40% !important;
  }
  .w-xs-45-p {
    width: 45%;
  }
  .w-xs-45-p--force {
    width: 45% !important;
  }
  .max-w-xs-45-p {
    max-width: 45%;
  }
  .max-w-xs-45-p--force {
    max-width: 45% !important;
  }
  .min-w-xs-45-p {
    min-width: 45%;
  }
  .min-w-xs-45-p--force {
    min-width: 45% !important;
  }
  .w-xs-50-p {
    width: 50%;
  }
  .w-xs-50-p--force {
    width: 50% !important;
  }
  .max-w-xs-50-p {
    max-width: 50%;
  }
  .max-w-xs-50-p--force {
    max-width: 50% !important;
  }
  .min-w-xs-50-p {
    min-width: 50%;
  }
  .min-w-xs-50-p--force {
    min-width: 50% !important;
  }
  .w-xs-55-p {
    width: 55%;
  }
  .w-xs-55-p--force {
    width: 55% !important;
  }
  .max-w-xs-55-p {
    max-width: 55%;
  }
  .max-w-xs-55-p--force {
    max-width: 55% !important;
  }
  .min-w-xs-55-p {
    min-width: 55%;
  }
  .min-w-xs-55-p--force {
    min-width: 55% !important;
  }
  .w-xs-60-p {
    width: 60%;
  }
  .w-xs-60-p--force {
    width: 60% !important;
  }
  .max-w-xs-60-p {
    max-width: 60%;
  }
  .max-w-xs-60-p--force {
    max-width: 60% !important;
  }
  .min-w-xs-60-p {
    min-width: 60%;
  }
  .min-w-xs-60-p--force {
    min-width: 60% !important;
  }
  .w-xs-65-p {
    width: 65%;
  }
  .w-xs-65-p--force {
    width: 65% !important;
  }
  .max-w-xs-65-p {
    max-width: 65%;
  }
  .max-w-xs-65-p--force {
    max-width: 65% !important;
  }
  .min-w-xs-65-p {
    min-width: 65%;
  }
  .min-w-xs-65-p--force {
    min-width: 65% !important;
  }
  .w-xs-70-p {
    width: 70%;
  }
  .w-xs-70-p--force {
    width: 70% !important;
  }
  .max-w-xs-70-p {
    max-width: 70%;
  }
  .max-w-xs-70-p--force {
    max-width: 70% !important;
  }
  .min-w-xs-70-p {
    min-width: 70%;
  }
  .min-w-xs-70-p--force {
    min-width: 70% !important;
  }
  .w-xs-75-p {
    width: 75%;
  }
  .w-xs-75-p--force {
    width: 75% !important;
  }
  .max-w-xs-75-p {
    max-width: 75%;
  }
  .max-w-xs-75-p--force {
    max-width: 75% !important;
  }
  .min-w-xs-75-p {
    min-width: 75%;
  }
  .min-w-xs-75-p--force {
    min-width: 75% !important;
  }
  .w-xs-80-p {
    width: 80%;
  }
  .w-xs-80-p--force {
    width: 80% !important;
  }
  .max-w-xs-80-p {
    max-width: 80%;
  }
  .max-w-xs-80-p--force {
    max-width: 80% !important;
  }
  .min-w-xs-80-p {
    min-width: 80%;
  }
  .min-w-xs-80-p--force {
    min-width: 80% !important;
  }
  .w-xs-85-p {
    width: 85%;
  }
  .w-xs-85-p--force {
    width: 85% !important;
  }
  .max-w-xs-85-p {
    max-width: 85%;
  }
  .max-w-xs-85-p--force {
    max-width: 85% !important;
  }
  .min-w-xs-85-p {
    min-width: 85%;
  }
  .min-w-xs-85-p--force {
    min-width: 85% !important;
  }
  .w-xs-90-p {
    width: 90%;
  }
  .w-xs-90-p--force {
    width: 90% !important;
  }
  .max-w-xs-90-p {
    max-width: 90%;
  }
  .max-w-xs-90-p--force {
    max-width: 90% !important;
  }
  .min-w-xs-90-p {
    min-width: 90%;
  }
  .min-w-xs-90-p--force {
    min-width: 90% !important;
  }
  .w-xs-95-p {
    width: 95%;
  }
  .w-xs-95-p--force {
    width: 95% !important;
  }
  .max-w-xs-95-p {
    max-width: 95%;
  }
  .max-w-xs-95-p--force {
    max-width: 95% !important;
  }
  .min-w-xs-95-p {
    min-width: 95%;
  }
  .min-w-xs-95-p--force {
    min-width: 95% !important;
  }
  .w-xs-100-p {
    width: 100%;
  }
  .w-xs-100-p--force {
    width: 100% !important;
  }
  .max-w-xs-100-p {
    max-width: 100%;
  }
  .max-w-xs-100-p--force {
    max-width: 100% !important;
  }
  .min-w-xs-100-p {
    min-width: 100%;
  }
  .min-w-xs-100-p--force {
    min-width: 100% !important;
  }
  .w-xs-300 {
    width: 300px;
  }
  .w-xs-300--force {
    width: 300px !important;
  }
  .max-w-xs-300 {
    max-width: 300px;
  }
  .max-w-xs-300--force {
    max-width: 300px !important;
  }
  .min-w-xs-300 {
    min-width: 300px;
  }
  .min-w-xs-300--force {
    min-width: 300px !important;
  }
  .w-xs-400 {
    width: 400px;
  }
  .w-xs-400--force {
    width: 400px !important;
  }
  .max-w-xs-400 {
    max-width: 400px;
  }
  .max-w-xs-400--force {
    max-width: 400px !important;
  }
  .min-w-xs-400 {
    min-width: 400px;
  }
  .min-w-xs-400--force {
    min-width: 400px !important;
  }
  .w-xs-500 {
    width: 500px;
  }
  .w-xs-500--force {
    width: 500px !important;
  }
  .max-w-xs-500 {
    max-width: 500px;
  }
  .max-w-xs-500--force {
    max-width: 500px !important;
  }
  .min-w-xs-500 {
    min-width: 500px;
  }
  .min-w-xs-500--force {
    min-width: 500px !important;
  }
  .w-xs-600 {
    width: 600px;
  }
  .w-xs-600--force {
    width: 600px !important;
  }
  .max-w-xs-600 {
    max-width: 600px;
  }
  .max-w-xs-600--force {
    max-width: 600px !important;
  }
  .min-w-xs-600 {
    min-width: 600px;
  }
  .min-w-xs-600--force {
    min-width: 600px !important;
  }
  .w-xs-700 {
    width: 700px;
  }
  .w-xs-700--force {
    width: 700px !important;
  }
  .max-w-xs-700 {
    max-width: 700px;
  }
  .max-w-xs-700--force {
    max-width: 700px !important;
  }
  .min-w-xs-700 {
    min-width: 700px;
  }
  .min-w-xs-700--force {
    min-width: 700px !important;
  }
  .w-xs-800 {
    width: 800px;
  }
  .w-xs-800--force {
    width: 800px !important;
  }
  .max-w-xs-800 {
    max-width: 800px;
  }
  .max-w-xs-800--force {
    max-width: 800px !important;
  }
  .min-w-xs-800 {
    min-width: 800px;
  }
  .min-w-xs-800--force {
    min-width: 800px !important;
  }
  .w-xs-900 {
    width: 900px;
  }
  .w-xs-900--force {
    width: 900px !important;
  }
  .max-w-xs-900 {
    max-width: 900px;
  }
  .max-w-xs-900--force {
    max-width: 900px !important;
  }
  .min-w-xs-900 {
    min-width: 900px;
  }
  .min-w-xs-900--force {
    min-width: 900px !important;
  }
  .w-xs-1000 {
    width: 1000px;
  }
  .w-xs-1000--force {
    width: 1000px !important;
  }
  .max-w-xs-1000 {
    max-width: 1000px;
  }
  .max-w-xs-1000--force {
    max-width: 1000px !important;
  }
  .min-w-xs-1000 {
    min-width: 1000px;
  }
  .min-w-xs-1000--force {
    min-width: 1000px !important;
  }
  .w-xs-1100 {
    width: 1100px;
  }
  .w-xs-1100--force {
    width: 1100px !important;
  }
  .max-w-xs-1100 {
    max-width: 1100px;
  }
  .max-w-xs-1100--force {
    max-width: 1100px !important;
  }
  .min-w-xs-1100 {
    min-width: 1100px;
  }
  .min-w-xs-1100--force {
    min-width: 1100px !important;
  }
  .w-xs-1200 {
    width: 1200px;
  }
  .w-xs-1200--force {
    width: 1200px !important;
  }
  .max-w-xs-1200 {
    max-width: 1200px;
  }
  .max-w-xs-1200--force {
    max-width: 1200px !important;
  }
  .min-w-xs-1200 {
    min-width: 1200px;
  }
  .min-w-xs-1200--force {
    min-width: 1200px !important;
  }
  .w-xs-1300 {
    width: 1300px;
  }
  .w-xs-1300--force {
    width: 1300px !important;
  }
  .max-w-xs-1300 {
    max-width: 1300px;
  }
  .max-w-xs-1300--force {
    max-width: 1300px !important;
  }
  .min-w-xs-1300 {
    min-width: 1300px;
  }
  .min-w-xs-1300--force {
    min-width: 1300px !important;
  }
  .w-xs-1400 {
    width: 1400px;
  }
  .w-xs-1400--force {
    width: 1400px !important;
  }
  .max-w-xs-1400 {
    max-width: 1400px;
  }
  .max-w-xs-1400--force {
    max-width: 1400px !important;
  }
  .min-w-xs-1400 {
    min-width: 1400px;
  }
  .min-w-xs-1400--force {
    min-width: 1400px !important;
  }
  .w-xs-1500 {
    width: 1500px;
  }
  .w-xs-1500--force {
    width: 1500px !important;
  }
  .max-w-xs-1500 {
    max-width: 1500px;
  }
  .max-w-xs-1500--force {
    max-width: 1500px !important;
  }
  .min-w-xs-1500 {
    min-width: 1500px;
  }
  .min-w-xs-1500--force {
    min-width: 1500px !important;
  }
  .w-xs-1600 {
    width: 1600px;
  }
  .w-xs-1600--force {
    width: 1600px !important;
  }
  .max-w-xs-1600 {
    max-width: 1600px;
  }
  .max-w-xs-1600--force {
    max-width: 1600px !important;
  }
  .min-w-xs-1600 {
    min-width: 1600px;
  }
  .min-w-xs-1600--force {
    min-width: 1600px !important;
  }
  .w-xs-1700 {
    width: 1700px;
  }
  .w-xs-1700--force {
    width: 1700px !important;
  }
  .max-w-xs-1700 {
    max-width: 1700px;
  }
  .max-w-xs-1700--force {
    max-width: 1700px !important;
  }
  .min-w-xs-1700 {
    min-width: 1700px;
  }
  .min-w-xs-1700--force {
    min-width: 1700px !important;
  }
  .w-xs-1800 {
    width: 1800px;
  }
  .w-xs-1800--force {
    width: 1800px !important;
  }
  .max-w-xs-1800 {
    max-width: 1800px;
  }
  .max-w-xs-1800--force {
    max-width: 1800px !important;
  }
  .min-w-xs-1800 {
    min-width: 1800px;
  }
  .min-w-xs-1800--force {
    min-width: 1800px !important;
  }
  .w-xs-1900 {
    width: 1900px;
  }
  .w-xs-1900--force {
    width: 1900px !important;
  }
  .max-w-xs-1900 {
    max-width: 1900px;
  }
  .max-w-xs-1900--force {
    max-width: 1900px !important;
  }
  .min-w-xs-1900 {
    min-width: 1900px;
  }
  .min-w-xs-1900--force {
    min-width: 1900px !important;
  }
  .w-xs-2000 {
    width: 2000px;
  }
  .w-xs-2000--force {
    width: 2000px !important;
  }
  .max-w-xs-2000 {
    max-width: 2000px;
  }
  .max-w-xs-2000--force {
    max-width: 2000px !important;
  }
  .min-w-xs-2000 {
    min-width: 2000px;
  }
  .min-w-xs-2000--force {
    min-width: 2000px !important;
  }
  .w-xs-auto {
    width: auto;
  }
  .w-xs-auto--force {
    width: auto !important;
  }
}
@media screen and (min-width: 640px) {
  .h-sm-0 {
    height: 0px;
  }
  .h-sm-0--force {
    height: 0px !important;
  }
  .max-h-sm-0 {
    max-height: 0px;
  }
  .max-h-sm-0--force {
    max-height: 0px !important;
  }
  .min-h-sm-0 {
    min-height: 0px;
  }
  .min-h-sm-0--force {
    min-height: 0px !important;
  }
  .h-sm-4 {
    height: 4px;
  }
  .h-sm-4--force {
    height: 4px !important;
  }
  .max-h-sm-4 {
    max-height: 4px;
  }
  .max-h-sm-4--force {
    max-height: 4px !important;
  }
  .min-h-sm-4 {
    min-height: 4px;
  }
  .min-h-sm-4--force {
    min-height: 4px !important;
  }
  .h-sm-8 {
    height: 8px;
  }
  .h-sm-8--force {
    height: 8px !important;
  }
  .max-h-sm-8 {
    max-height: 8px;
  }
  .max-h-sm-8--force {
    max-height: 8px !important;
  }
  .min-h-sm-8 {
    min-height: 8px;
  }
  .min-h-sm-8--force {
    min-height: 8px !important;
  }
  .h-sm-12 {
    height: 12px;
  }
  .h-sm-12--force {
    height: 12px !important;
  }
  .max-h-sm-12 {
    max-height: 12px;
  }
  .max-h-sm-12--force {
    max-height: 12px !important;
  }
  .min-h-sm-12 {
    min-height: 12px;
  }
  .min-h-sm-12--force {
    min-height: 12px !important;
  }
  .h-sm-16 {
    height: 16px;
  }
  .h-sm-16--force {
    height: 16px !important;
  }
  .max-h-sm-16 {
    max-height: 16px;
  }
  .max-h-sm-16--force {
    max-height: 16px !important;
  }
  .min-h-sm-16 {
    min-height: 16px;
  }
  .min-h-sm-16--force {
    min-height: 16px !important;
  }
  .h-sm-20 {
    height: 20px;
  }
  .h-sm-20--force {
    height: 20px !important;
  }
  .max-h-sm-20 {
    max-height: 20px;
  }
  .max-h-sm-20--force {
    max-height: 20px !important;
  }
  .min-h-sm-20 {
    min-height: 20px;
  }
  .min-h-sm-20--force {
    min-height: 20px !important;
  }
  .h-sm-24 {
    height: 24px;
  }
  .h-sm-24--force {
    height: 24px !important;
  }
  .max-h-sm-24 {
    max-height: 24px;
  }
  .max-h-sm-24--force {
    max-height: 24px !important;
  }
  .min-h-sm-24 {
    min-height: 24px;
  }
  .min-h-sm-24--force {
    min-height: 24px !important;
  }
  .h-sm-28 {
    height: 28px;
  }
  .h-sm-28--force {
    height: 28px !important;
  }
  .max-h-sm-28 {
    max-height: 28px;
  }
  .max-h-sm-28--force {
    max-height: 28px !important;
  }
  .min-h-sm-28 {
    min-height: 28px;
  }
  .min-h-sm-28--force {
    min-height: 28px !important;
  }
  .h-sm-32 {
    height: 32px;
  }
  .h-sm-32--force {
    height: 32px !important;
  }
  .max-h-sm-32 {
    max-height: 32px;
  }
  .max-h-sm-32--force {
    max-height: 32px !important;
  }
  .min-h-sm-32 {
    min-height: 32px;
  }
  .min-h-sm-32--force {
    min-height: 32px !important;
  }
  .h-sm-36 {
    height: 36px;
  }
  .h-sm-36--force {
    height: 36px !important;
  }
  .max-h-sm-36 {
    max-height: 36px;
  }
  .max-h-sm-36--force {
    max-height: 36px !important;
  }
  .min-h-sm-36 {
    min-height: 36px;
  }
  .min-h-sm-36--force {
    min-height: 36px !important;
  }
  .h-sm-40 {
    height: 40px;
  }
  .h-sm-40--force {
    height: 40px !important;
  }
  .max-h-sm-40 {
    max-height: 40px;
  }
  .max-h-sm-40--force {
    max-height: 40px !important;
  }
  .min-h-sm-40 {
    min-height: 40px;
  }
  .min-h-sm-40--force {
    min-height: 40px !important;
  }
  .h-sm-44 {
    height: 44px;
  }
  .h-sm-44--force {
    height: 44px !important;
  }
  .max-h-sm-44 {
    max-height: 44px;
  }
  .max-h-sm-44--force {
    max-height: 44px !important;
  }
  .min-h-sm-44 {
    min-height: 44px;
  }
  .min-h-sm-44--force {
    min-height: 44px !important;
  }
  .h-sm-48 {
    height: 48px;
  }
  .h-sm-48--force {
    height: 48px !important;
  }
  .max-h-sm-48 {
    max-height: 48px;
  }
  .max-h-sm-48--force {
    max-height: 48px !important;
  }
  .min-h-sm-48 {
    min-height: 48px;
  }
  .min-h-sm-48--force {
    min-height: 48px !important;
  }
  .h-sm-52 {
    height: 52px;
  }
  .h-sm-52--force {
    height: 52px !important;
  }
  .max-h-sm-52 {
    max-height: 52px;
  }
  .max-h-sm-52--force {
    max-height: 52px !important;
  }
  .min-h-sm-52 {
    min-height: 52px;
  }
  .min-h-sm-52--force {
    min-height: 52px !important;
  }
  .h-sm-56 {
    height: 56px;
  }
  .h-sm-56--force {
    height: 56px !important;
  }
  .max-h-sm-56 {
    max-height: 56px;
  }
  .max-h-sm-56--force {
    max-height: 56px !important;
  }
  .min-h-sm-56 {
    min-height: 56px;
  }
  .min-h-sm-56--force {
    min-height: 56px !important;
  }
  .h-sm-60 {
    height: 60px;
  }
  .h-sm-60--force {
    height: 60px !important;
  }
  .max-h-sm-60 {
    max-height: 60px;
  }
  .max-h-sm-60--force {
    max-height: 60px !important;
  }
  .min-h-sm-60 {
    min-height: 60px;
  }
  .min-h-sm-60--force {
    min-height: 60px !important;
  }
  .h-sm-64 {
    height: 64px;
  }
  .h-sm-64--force {
    height: 64px !important;
  }
  .max-h-sm-64 {
    max-height: 64px;
  }
  .max-h-sm-64--force {
    max-height: 64px !important;
  }
  .min-h-sm-64 {
    min-height: 64px;
  }
  .min-h-sm-64--force {
    min-height: 64px !important;
  }
  .h-sm-68 {
    height: 68px;
  }
  .h-sm-68--force {
    height: 68px !important;
  }
  .max-h-sm-68 {
    max-height: 68px;
  }
  .max-h-sm-68--force {
    max-height: 68px !important;
  }
  .min-h-sm-68 {
    min-height: 68px;
  }
  .min-h-sm-68--force {
    min-height: 68px !important;
  }
  .h-sm-72 {
    height: 72px;
  }
  .h-sm-72--force {
    height: 72px !important;
  }
  .max-h-sm-72 {
    max-height: 72px;
  }
  .max-h-sm-72--force {
    max-height: 72px !important;
  }
  .min-h-sm-72 {
    min-height: 72px;
  }
  .min-h-sm-72--force {
    min-height: 72px !important;
  }
  .h-sm-76 {
    height: 76px;
  }
  .h-sm-76--force {
    height: 76px !important;
  }
  .max-h-sm-76 {
    max-height: 76px;
  }
  .max-h-sm-76--force {
    max-height: 76px !important;
  }
  .min-h-sm-76 {
    min-height: 76px;
  }
  .min-h-sm-76--force {
    min-height: 76px !important;
  }
  .h-sm-80 {
    height: 80px;
  }
  .h-sm-80--force {
    height: 80px !important;
  }
  .max-h-sm-80 {
    max-height: 80px;
  }
  .max-h-sm-80--force {
    max-height: 80px !important;
  }
  .min-h-sm-80 {
    min-height: 80px;
  }
  .min-h-sm-80--force {
    min-height: 80px !important;
  }
  .h-sm-84 {
    height: 84px;
  }
  .h-sm-84--force {
    height: 84px !important;
  }
  .max-h-sm-84 {
    max-height: 84px;
  }
  .max-h-sm-84--force {
    max-height: 84px !important;
  }
  .min-h-sm-84 {
    min-height: 84px;
  }
  .min-h-sm-84--force {
    min-height: 84px !important;
  }
  .h-sm-88 {
    height: 88px;
  }
  .h-sm-88--force {
    height: 88px !important;
  }
  .max-h-sm-88 {
    max-height: 88px;
  }
  .max-h-sm-88--force {
    max-height: 88px !important;
  }
  .min-h-sm-88 {
    min-height: 88px;
  }
  .min-h-sm-88--force {
    min-height: 88px !important;
  }
  .h-sm-92 {
    height: 92px;
  }
  .h-sm-92--force {
    height: 92px !important;
  }
  .max-h-sm-92 {
    max-height: 92px;
  }
  .max-h-sm-92--force {
    max-height: 92px !important;
  }
  .min-h-sm-92 {
    min-height: 92px;
  }
  .min-h-sm-92--force {
    min-height: 92px !important;
  }
  .h-sm-96 {
    height: 96px;
  }
  .h-sm-96--force {
    height: 96px !important;
  }
  .max-h-sm-96 {
    max-height: 96px;
  }
  .max-h-sm-96--force {
    max-height: 96px !important;
  }
  .min-h-sm-96 {
    min-height: 96px;
  }
  .min-h-sm-96--force {
    min-height: 96px !important;
  }
  .h-sm-100 {
    height: 100px;
  }
  .h-sm-100--force {
    height: 100px !important;
  }
  .max-h-sm-100 {
    max-height: 100px;
  }
  .max-h-sm-100--force {
    max-height: 100px !important;
  }
  .min-h-sm-100 {
    min-height: 100px;
  }
  .min-h-sm-100--force {
    min-height: 100px !important;
  }
  .h-sm-104 {
    height: 104px;
  }
  .h-sm-104--force {
    height: 104px !important;
  }
  .max-h-sm-104 {
    max-height: 104px;
  }
  .max-h-sm-104--force {
    max-height: 104px !important;
  }
  .min-h-sm-104 {
    min-height: 104px;
  }
  .min-h-sm-104--force {
    min-height: 104px !important;
  }
  .h-sm-108 {
    height: 108px;
  }
  .h-sm-108--force {
    height: 108px !important;
  }
  .max-h-sm-108 {
    max-height: 108px;
  }
  .max-h-sm-108--force {
    max-height: 108px !important;
  }
  .min-h-sm-108 {
    min-height: 108px;
  }
  .min-h-sm-108--force {
    min-height: 108px !important;
  }
  .h-sm-112 {
    height: 112px;
  }
  .h-sm-112--force {
    height: 112px !important;
  }
  .max-h-sm-112 {
    max-height: 112px;
  }
  .max-h-sm-112--force {
    max-height: 112px !important;
  }
  .min-h-sm-112 {
    min-height: 112px;
  }
  .min-h-sm-112--force {
    min-height: 112px !important;
  }
  .h-sm-116 {
    height: 116px;
  }
  .h-sm-116--force {
    height: 116px !important;
  }
  .max-h-sm-116 {
    max-height: 116px;
  }
  .max-h-sm-116--force {
    max-height: 116px !important;
  }
  .min-h-sm-116 {
    min-height: 116px;
  }
  .min-h-sm-116--force {
    min-height: 116px !important;
  }
  .h-sm-120 {
    height: 120px;
  }
  .h-sm-120--force {
    height: 120px !important;
  }
  .max-h-sm-120 {
    max-height: 120px;
  }
  .max-h-sm-120--force {
    max-height: 120px !important;
  }
  .min-h-sm-120 {
    min-height: 120px;
  }
  .min-h-sm-120--force {
    min-height: 120px !important;
  }
  .h-sm-124 {
    height: 124px;
  }
  .h-sm-124--force {
    height: 124px !important;
  }
  .max-h-sm-124 {
    max-height: 124px;
  }
  .max-h-sm-124--force {
    max-height: 124px !important;
  }
  .min-h-sm-124 {
    min-height: 124px;
  }
  .min-h-sm-124--force {
    min-height: 124px !important;
  }
  .h-sm-128 {
    height: 128px;
  }
  .h-sm-128--force {
    height: 128px !important;
  }
  .max-h-sm-128 {
    max-height: 128px;
  }
  .max-h-sm-128--force {
    max-height: 128px !important;
  }
  .min-h-sm-128 {
    min-height: 128px;
  }
  .min-h-sm-128--force {
    min-height: 128px !important;
  }
  .h-sm-132 {
    height: 132px;
  }
  .h-sm-132--force {
    height: 132px !important;
  }
  .max-h-sm-132 {
    max-height: 132px;
  }
  .max-h-sm-132--force {
    max-height: 132px !important;
  }
  .min-h-sm-132 {
    min-height: 132px;
  }
  .min-h-sm-132--force {
    min-height: 132px !important;
  }
  .h-sm-136 {
    height: 136px;
  }
  .h-sm-136--force {
    height: 136px !important;
  }
  .max-h-sm-136 {
    max-height: 136px;
  }
  .max-h-sm-136--force {
    max-height: 136px !important;
  }
  .min-h-sm-136 {
    min-height: 136px;
  }
  .min-h-sm-136--force {
    min-height: 136px !important;
  }
  .h-sm-140 {
    height: 140px;
  }
  .h-sm-140--force {
    height: 140px !important;
  }
  .max-h-sm-140 {
    max-height: 140px;
  }
  .max-h-sm-140--force {
    max-height: 140px !important;
  }
  .min-h-sm-140 {
    min-height: 140px;
  }
  .min-h-sm-140--force {
    min-height: 140px !important;
  }
  .h-sm-144 {
    height: 144px;
  }
  .h-sm-144--force {
    height: 144px !important;
  }
  .max-h-sm-144 {
    max-height: 144px;
  }
  .max-h-sm-144--force {
    max-height: 144px !important;
  }
  .min-h-sm-144 {
    min-height: 144px;
  }
  .min-h-sm-144--force {
    min-height: 144px !important;
  }
  .h-sm-148 {
    height: 148px;
  }
  .h-sm-148--force {
    height: 148px !important;
  }
  .max-h-sm-148 {
    max-height: 148px;
  }
  .max-h-sm-148--force {
    max-height: 148px !important;
  }
  .min-h-sm-148 {
    min-height: 148px;
  }
  .min-h-sm-148--force {
    min-height: 148px !important;
  }
  .h-sm-152 {
    height: 152px;
  }
  .h-sm-152--force {
    height: 152px !important;
  }
  .max-h-sm-152 {
    max-height: 152px;
  }
  .max-h-sm-152--force {
    max-height: 152px !important;
  }
  .min-h-sm-152 {
    min-height: 152px;
  }
  .min-h-sm-152--force {
    min-height: 152px !important;
  }
  .h-sm-156 {
    height: 156px;
  }
  .h-sm-156--force {
    height: 156px !important;
  }
  .max-h-sm-156 {
    max-height: 156px;
  }
  .max-h-sm-156--force {
    max-height: 156px !important;
  }
  .min-h-sm-156 {
    min-height: 156px;
  }
  .min-h-sm-156--force {
    min-height: 156px !important;
  }
  .h-sm-160 {
    height: 160px;
  }
  .h-sm-160--force {
    height: 160px !important;
  }
  .max-h-sm-160 {
    max-height: 160px;
  }
  .max-h-sm-160--force {
    max-height: 160px !important;
  }
  .min-h-sm-160 {
    min-height: 160px;
  }
  .min-h-sm-160--force {
    min-height: 160px !important;
  }
  .h-sm-164 {
    height: 164px;
  }
  .h-sm-164--force {
    height: 164px !important;
  }
  .max-h-sm-164 {
    max-height: 164px;
  }
  .max-h-sm-164--force {
    max-height: 164px !important;
  }
  .min-h-sm-164 {
    min-height: 164px;
  }
  .min-h-sm-164--force {
    min-height: 164px !important;
  }
  .h-sm-168 {
    height: 168px;
  }
  .h-sm-168--force {
    height: 168px !important;
  }
  .max-h-sm-168 {
    max-height: 168px;
  }
  .max-h-sm-168--force {
    max-height: 168px !important;
  }
  .min-h-sm-168 {
    min-height: 168px;
  }
  .min-h-sm-168--force {
    min-height: 168px !important;
  }
  .h-sm-172 {
    height: 172px;
  }
  .h-sm-172--force {
    height: 172px !important;
  }
  .max-h-sm-172 {
    max-height: 172px;
  }
  .max-h-sm-172--force {
    max-height: 172px !important;
  }
  .min-h-sm-172 {
    min-height: 172px;
  }
  .min-h-sm-172--force {
    min-height: 172px !important;
  }
  .h-sm-176 {
    height: 176px;
  }
  .h-sm-176--force {
    height: 176px !important;
  }
  .max-h-sm-176 {
    max-height: 176px;
  }
  .max-h-sm-176--force {
    max-height: 176px !important;
  }
  .min-h-sm-176 {
    min-height: 176px;
  }
  .min-h-sm-176--force {
    min-height: 176px !important;
  }
  .h-sm-180 {
    height: 180px;
  }
  .h-sm-180--force {
    height: 180px !important;
  }
  .max-h-sm-180 {
    max-height: 180px;
  }
  .max-h-sm-180--force {
    max-height: 180px !important;
  }
  .min-h-sm-180 {
    min-height: 180px;
  }
  .min-h-sm-180--force {
    min-height: 180px !important;
  }
  .h-sm-184 {
    height: 184px;
  }
  .h-sm-184--force {
    height: 184px !important;
  }
  .max-h-sm-184 {
    max-height: 184px;
  }
  .max-h-sm-184--force {
    max-height: 184px !important;
  }
  .min-h-sm-184 {
    min-height: 184px;
  }
  .min-h-sm-184--force {
    min-height: 184px !important;
  }
  .h-sm-188 {
    height: 188px;
  }
  .h-sm-188--force {
    height: 188px !important;
  }
  .max-h-sm-188 {
    max-height: 188px;
  }
  .max-h-sm-188--force {
    max-height: 188px !important;
  }
  .min-h-sm-188 {
    min-height: 188px;
  }
  .min-h-sm-188--force {
    min-height: 188px !important;
  }
  .h-sm-192 {
    height: 192px;
  }
  .h-sm-192--force {
    height: 192px !important;
  }
  .max-h-sm-192 {
    max-height: 192px;
  }
  .max-h-sm-192--force {
    max-height: 192px !important;
  }
  .min-h-sm-192 {
    min-height: 192px;
  }
  .min-h-sm-192--force {
    min-height: 192px !important;
  }
  .h-sm-196 {
    height: 196px;
  }
  .h-sm-196--force {
    height: 196px !important;
  }
  .max-h-sm-196 {
    max-height: 196px;
  }
  .max-h-sm-196--force {
    max-height: 196px !important;
  }
  .min-h-sm-196 {
    min-height: 196px;
  }
  .min-h-sm-196--force {
    min-height: 196px !important;
  }
  .h-sm-200 {
    height: 200px;
  }
  .h-sm-200--force {
    height: 200px !important;
  }
  .max-h-sm-200 {
    max-height: 200px;
  }
  .max-h-sm-200--force {
    max-height: 200px !important;
  }
  .min-h-sm-200 {
    min-height: 200px;
  }
  .min-h-sm-200--force {
    min-height: 200px !important;
  }
  .h-sm-204 {
    height: 204px;
  }
  .h-sm-204--force {
    height: 204px !important;
  }
  .max-h-sm-204 {
    max-height: 204px;
  }
  .max-h-sm-204--force {
    max-height: 204px !important;
  }
  .min-h-sm-204 {
    min-height: 204px;
  }
  .min-h-sm-204--force {
    min-height: 204px !important;
  }
  .h-sm-208 {
    height: 208px;
  }
  .h-sm-208--force {
    height: 208px !important;
  }
  .max-h-sm-208 {
    max-height: 208px;
  }
  .max-h-sm-208--force {
    max-height: 208px !important;
  }
  .min-h-sm-208 {
    min-height: 208px;
  }
  .min-h-sm-208--force {
    min-height: 208px !important;
  }
  .h-sm-212 {
    height: 212px;
  }
  .h-sm-212--force {
    height: 212px !important;
  }
  .max-h-sm-212 {
    max-height: 212px;
  }
  .max-h-sm-212--force {
    max-height: 212px !important;
  }
  .min-h-sm-212 {
    min-height: 212px;
  }
  .min-h-sm-212--force {
    min-height: 212px !important;
  }
  .h-sm-216 {
    height: 216px;
  }
  .h-sm-216--force {
    height: 216px !important;
  }
  .max-h-sm-216 {
    max-height: 216px;
  }
  .max-h-sm-216--force {
    max-height: 216px !important;
  }
  .min-h-sm-216 {
    min-height: 216px;
  }
  .min-h-sm-216--force {
    min-height: 216px !important;
  }
  .h-sm-220 {
    height: 220px;
  }
  .h-sm-220--force {
    height: 220px !important;
  }
  .max-h-sm-220 {
    max-height: 220px;
  }
  .max-h-sm-220--force {
    max-height: 220px !important;
  }
  .min-h-sm-220 {
    min-height: 220px;
  }
  .min-h-sm-220--force {
    min-height: 220px !important;
  }
  .h-sm-224 {
    height: 224px;
  }
  .h-sm-224--force {
    height: 224px !important;
  }
  .max-h-sm-224 {
    max-height: 224px;
  }
  .max-h-sm-224--force {
    max-height: 224px !important;
  }
  .min-h-sm-224 {
    min-height: 224px;
  }
  .min-h-sm-224--force {
    min-height: 224px !important;
  }
  .h-sm-228 {
    height: 228px;
  }
  .h-sm-228--force {
    height: 228px !important;
  }
  .max-h-sm-228 {
    max-height: 228px;
  }
  .max-h-sm-228--force {
    max-height: 228px !important;
  }
  .min-h-sm-228 {
    min-height: 228px;
  }
  .min-h-sm-228--force {
    min-height: 228px !important;
  }
  .h-sm-232 {
    height: 232px;
  }
  .h-sm-232--force {
    height: 232px !important;
  }
  .max-h-sm-232 {
    max-height: 232px;
  }
  .max-h-sm-232--force {
    max-height: 232px !important;
  }
  .min-h-sm-232 {
    min-height: 232px;
  }
  .min-h-sm-232--force {
    min-height: 232px !important;
  }
  .h-sm-236 {
    height: 236px;
  }
  .h-sm-236--force {
    height: 236px !important;
  }
  .max-h-sm-236 {
    max-height: 236px;
  }
  .max-h-sm-236--force {
    max-height: 236px !important;
  }
  .min-h-sm-236 {
    min-height: 236px;
  }
  .min-h-sm-236--force {
    min-height: 236px !important;
  }
  .h-sm-240 {
    height: 240px;
  }
  .h-sm-240--force {
    height: 240px !important;
  }
  .max-h-sm-240 {
    max-height: 240px;
  }
  .max-h-sm-240--force {
    max-height: 240px !important;
  }
  .min-h-sm-240 {
    min-height: 240px;
  }
  .min-h-sm-240--force {
    min-height: 240px !important;
  }
  .h-sm-244 {
    height: 244px;
  }
  .h-sm-244--force {
    height: 244px !important;
  }
  .max-h-sm-244 {
    max-height: 244px;
  }
  .max-h-sm-244--force {
    max-height: 244px !important;
  }
  .min-h-sm-244 {
    min-height: 244px;
  }
  .min-h-sm-244--force {
    min-height: 244px !important;
  }
  .h-sm-248 {
    height: 248px;
  }
  .h-sm-248--force {
    height: 248px !important;
  }
  .max-h-sm-248 {
    max-height: 248px;
  }
  .max-h-sm-248--force {
    max-height: 248px !important;
  }
  .min-h-sm-248 {
    min-height: 248px;
  }
  .min-h-sm-248--force {
    min-height: 248px !important;
  }
  .h-sm-252 {
    height: 252px;
  }
  .h-sm-252--force {
    height: 252px !important;
  }
  .max-h-sm-252 {
    max-height: 252px;
  }
  .max-h-sm-252--force {
    max-height: 252px !important;
  }
  .min-h-sm-252 {
    min-height: 252px;
  }
  .min-h-sm-252--force {
    min-height: 252px !important;
  }
  .h-sm-256 {
    height: 256px;
  }
  .h-sm-256--force {
    height: 256px !important;
  }
  .max-h-sm-256 {
    max-height: 256px;
  }
  .max-h-sm-256--force {
    max-height: 256px !important;
  }
  .min-h-sm-256 {
    min-height: 256px;
  }
  .min-h-sm-256--force {
    min-height: 256px !important;
  }
  .h-sm-0-p {
    height: 0%;
  }
  .h-sm-0-p--force {
    height: 0% !important;
  }
  .max-h-sm-0-p {
    max-height: 0%;
  }
  .max-h-sm-0-p--force {
    max-height: 0% !important;
  }
  .min-h-sm-0-p {
    min-height: 0%;
  }
  .min-h-sm-0-p--force {
    min-height: 0% !important;
  }
  .h-sm-5-p {
    height: 5%;
  }
  .h-sm-5-p--force {
    height: 5% !important;
  }
  .max-h-sm-5-p {
    max-height: 5%;
  }
  .max-h-sm-5-p--force {
    max-height: 5% !important;
  }
  .min-h-sm-5-p {
    min-height: 5%;
  }
  .min-h-sm-5-p--force {
    min-height: 5% !important;
  }
  .h-sm-10-p {
    height: 10%;
  }
  .h-sm-10-p--force {
    height: 10% !important;
  }
  .max-h-sm-10-p {
    max-height: 10%;
  }
  .max-h-sm-10-p--force {
    max-height: 10% !important;
  }
  .min-h-sm-10-p {
    min-height: 10%;
  }
  .min-h-sm-10-p--force {
    min-height: 10% !important;
  }
  .h-sm-15-p {
    height: 15%;
  }
  .h-sm-15-p--force {
    height: 15% !important;
  }
  .max-h-sm-15-p {
    max-height: 15%;
  }
  .max-h-sm-15-p--force {
    max-height: 15% !important;
  }
  .min-h-sm-15-p {
    min-height: 15%;
  }
  .min-h-sm-15-p--force {
    min-height: 15% !important;
  }
  .h-sm-20-p {
    height: 20%;
  }
  .h-sm-20-p--force {
    height: 20% !important;
  }
  .max-h-sm-20-p {
    max-height: 20%;
  }
  .max-h-sm-20-p--force {
    max-height: 20% !important;
  }
  .min-h-sm-20-p {
    min-height: 20%;
  }
  .min-h-sm-20-p--force {
    min-height: 20% !important;
  }
  .h-sm-25-p {
    height: 25%;
  }
  .h-sm-25-p--force {
    height: 25% !important;
  }
  .max-h-sm-25-p {
    max-height: 25%;
  }
  .max-h-sm-25-p--force {
    max-height: 25% !important;
  }
  .min-h-sm-25-p {
    min-height: 25%;
  }
  .min-h-sm-25-p--force {
    min-height: 25% !important;
  }
  .h-sm-30-p {
    height: 30%;
  }
  .h-sm-30-p--force {
    height: 30% !important;
  }
  .max-h-sm-30-p {
    max-height: 30%;
  }
  .max-h-sm-30-p--force {
    max-height: 30% !important;
  }
  .min-h-sm-30-p {
    min-height: 30%;
  }
  .min-h-sm-30-p--force {
    min-height: 30% !important;
  }
  .h-sm-35-p {
    height: 35%;
  }
  .h-sm-35-p--force {
    height: 35% !important;
  }
  .max-h-sm-35-p {
    max-height: 35%;
  }
  .max-h-sm-35-p--force {
    max-height: 35% !important;
  }
  .min-h-sm-35-p {
    min-height: 35%;
  }
  .min-h-sm-35-p--force {
    min-height: 35% !important;
  }
  .h-sm-40-p {
    height: 40%;
  }
  .h-sm-40-p--force {
    height: 40% !important;
  }
  .max-h-sm-40-p {
    max-height: 40%;
  }
  .max-h-sm-40-p--force {
    max-height: 40% !important;
  }
  .min-h-sm-40-p {
    min-height: 40%;
  }
  .min-h-sm-40-p--force {
    min-height: 40% !important;
  }
  .h-sm-45-p {
    height: 45%;
  }
  .h-sm-45-p--force {
    height: 45% !important;
  }
  .max-h-sm-45-p {
    max-height: 45%;
  }
  .max-h-sm-45-p--force {
    max-height: 45% !important;
  }
  .min-h-sm-45-p {
    min-height: 45%;
  }
  .min-h-sm-45-p--force {
    min-height: 45% !important;
  }
  .h-sm-50-p {
    height: 50%;
  }
  .h-sm-50-p--force {
    height: 50% !important;
  }
  .max-h-sm-50-p {
    max-height: 50%;
  }
  .max-h-sm-50-p--force {
    max-height: 50% !important;
  }
  .min-h-sm-50-p {
    min-height: 50%;
  }
  .min-h-sm-50-p--force {
    min-height: 50% !important;
  }
  .h-sm-55-p {
    height: 55%;
  }
  .h-sm-55-p--force {
    height: 55% !important;
  }
  .max-h-sm-55-p {
    max-height: 55%;
  }
  .max-h-sm-55-p--force {
    max-height: 55% !important;
  }
  .min-h-sm-55-p {
    min-height: 55%;
  }
  .min-h-sm-55-p--force {
    min-height: 55% !important;
  }
  .h-sm-60-p {
    height: 60%;
  }
  .h-sm-60-p--force {
    height: 60% !important;
  }
  .max-h-sm-60-p {
    max-height: 60%;
  }
  .max-h-sm-60-p--force {
    max-height: 60% !important;
  }
  .min-h-sm-60-p {
    min-height: 60%;
  }
  .min-h-sm-60-p--force {
    min-height: 60% !important;
  }
  .h-sm-65-p {
    height: 65%;
  }
  .h-sm-65-p--force {
    height: 65% !important;
  }
  .max-h-sm-65-p {
    max-height: 65%;
  }
  .max-h-sm-65-p--force {
    max-height: 65% !important;
  }
  .min-h-sm-65-p {
    min-height: 65%;
  }
  .min-h-sm-65-p--force {
    min-height: 65% !important;
  }
  .h-sm-70-p {
    height: 70%;
  }
  .h-sm-70-p--force {
    height: 70% !important;
  }
  .max-h-sm-70-p {
    max-height: 70%;
  }
  .max-h-sm-70-p--force {
    max-height: 70% !important;
  }
  .min-h-sm-70-p {
    min-height: 70%;
  }
  .min-h-sm-70-p--force {
    min-height: 70% !important;
  }
  .h-sm-75-p {
    height: 75%;
  }
  .h-sm-75-p--force {
    height: 75% !important;
  }
  .max-h-sm-75-p {
    max-height: 75%;
  }
  .max-h-sm-75-p--force {
    max-height: 75% !important;
  }
  .min-h-sm-75-p {
    min-height: 75%;
  }
  .min-h-sm-75-p--force {
    min-height: 75% !important;
  }
  .h-sm-80-p {
    height: 80%;
  }
  .h-sm-80-p--force {
    height: 80% !important;
  }
  .max-h-sm-80-p {
    max-height: 80%;
  }
  .max-h-sm-80-p--force {
    max-height: 80% !important;
  }
  .min-h-sm-80-p {
    min-height: 80%;
  }
  .min-h-sm-80-p--force {
    min-height: 80% !important;
  }
  .h-sm-85-p {
    height: 85%;
  }
  .h-sm-85-p--force {
    height: 85% !important;
  }
  .max-h-sm-85-p {
    max-height: 85%;
  }
  .max-h-sm-85-p--force {
    max-height: 85% !important;
  }
  .min-h-sm-85-p {
    min-height: 85%;
  }
  .min-h-sm-85-p--force {
    min-height: 85% !important;
  }
  .h-sm-90-p {
    height: 90%;
  }
  .h-sm-90-p--force {
    height: 90% !important;
  }
  .max-h-sm-90-p {
    max-height: 90%;
  }
  .max-h-sm-90-p--force {
    max-height: 90% !important;
  }
  .min-h-sm-90-p {
    min-height: 90%;
  }
  .min-h-sm-90-p--force {
    min-height: 90% !important;
  }
  .h-sm-95-p {
    height: 95%;
  }
  .h-sm-95-p--force {
    height: 95% !important;
  }
  .max-h-sm-95-p {
    max-height: 95%;
  }
  .max-h-sm-95-p--force {
    max-height: 95% !important;
  }
  .min-h-sm-95-p {
    min-height: 95%;
  }
  .min-h-sm-95-p--force {
    min-height: 95% !important;
  }
  .h-sm-100-p {
    height: 100%;
  }
  .h-sm-100-p--force {
    height: 100% !important;
  }
  .max-h-sm-100-p {
    max-height: 100%;
  }
  .max-h-sm-100-p--force {
    max-height: 100% !important;
  }
  .min-h-sm-100-p {
    min-height: 100%;
  }
  .min-h-sm-100-p--force {
    min-height: 100% !important;
  }
  .h-sm-300 {
    height: 300px;
  }
  .h-sm-300--force {
    height: 300px !important;
  }
  .max-h-sm-300 {
    max-height: 300px;
  }
  .max-h-sm-300--force {
    max-height: 300px !important;
  }
  .min-h-sm-300 {
    min-height: 300px;
  }
  .min-h-sm-300--force {
    min-height: 300px !important;
  }
  .h-sm-400 {
    height: 400px;
  }
  .h-sm-400--force {
    height: 400px !important;
  }
  .max-h-sm-400 {
    max-height: 400px;
  }
  .max-h-sm-400--force {
    max-height: 400px !important;
  }
  .min-h-sm-400 {
    min-height: 400px;
  }
  .min-h-sm-400--force {
    min-height: 400px !important;
  }
  .h-sm-500 {
    height: 500px;
  }
  .h-sm-500--force {
    height: 500px !important;
  }
  .max-h-sm-500 {
    max-height: 500px;
  }
  .max-h-sm-500--force {
    max-height: 500px !important;
  }
  .min-h-sm-500 {
    min-height: 500px;
  }
  .min-h-sm-500--force {
    min-height: 500px !important;
  }
  .h-sm-600 {
    height: 600px;
  }
  .h-sm-600--force {
    height: 600px !important;
  }
  .max-h-sm-600 {
    max-height: 600px;
  }
  .max-h-sm-600--force {
    max-height: 600px !important;
  }
  .min-h-sm-600 {
    min-height: 600px;
  }
  .min-h-sm-600--force {
    min-height: 600px !important;
  }
  .h-sm-700 {
    height: 700px;
  }
  .h-sm-700--force {
    height: 700px !important;
  }
  .max-h-sm-700 {
    max-height: 700px;
  }
  .max-h-sm-700--force {
    max-height: 700px !important;
  }
  .min-h-sm-700 {
    min-height: 700px;
  }
  .min-h-sm-700--force {
    min-height: 700px !important;
  }
  .h-sm-800 {
    height: 800px;
  }
  .h-sm-800--force {
    height: 800px !important;
  }
  .max-h-sm-800 {
    max-height: 800px;
  }
  .max-h-sm-800--force {
    max-height: 800px !important;
  }
  .min-h-sm-800 {
    min-height: 800px;
  }
  .min-h-sm-800--force {
    min-height: 800px !important;
  }
  .h-sm-900 {
    height: 900px;
  }
  .h-sm-900--force {
    height: 900px !important;
  }
  .max-h-sm-900 {
    max-height: 900px;
  }
  .max-h-sm-900--force {
    max-height: 900px !important;
  }
  .min-h-sm-900 {
    min-height: 900px;
  }
  .min-h-sm-900--force {
    min-height: 900px !important;
  }
  .h-sm-1000 {
    height: 1000px;
  }
  .h-sm-1000--force {
    height: 1000px !important;
  }
  .max-h-sm-1000 {
    max-height: 1000px;
  }
  .max-h-sm-1000--force {
    max-height: 1000px !important;
  }
  .min-h-sm-1000 {
    min-height: 1000px;
  }
  .min-h-sm-1000--force {
    min-height: 1000px !important;
  }
  .h-sm-1100 {
    height: 1100px;
  }
  .h-sm-1100--force {
    height: 1100px !important;
  }
  .max-h-sm-1100 {
    max-height: 1100px;
  }
  .max-h-sm-1100--force {
    max-height: 1100px !important;
  }
  .min-h-sm-1100 {
    min-height: 1100px;
  }
  .min-h-sm-1100--force {
    min-height: 1100px !important;
  }
  .h-sm-1200 {
    height: 1200px;
  }
  .h-sm-1200--force {
    height: 1200px !important;
  }
  .max-h-sm-1200 {
    max-height: 1200px;
  }
  .max-h-sm-1200--force {
    max-height: 1200px !important;
  }
  .min-h-sm-1200 {
    min-height: 1200px;
  }
  .min-h-sm-1200--force {
    min-height: 1200px !important;
  }
  .h-sm-1300 {
    height: 1300px;
  }
  .h-sm-1300--force {
    height: 1300px !important;
  }
  .max-h-sm-1300 {
    max-height: 1300px;
  }
  .max-h-sm-1300--force {
    max-height: 1300px !important;
  }
  .min-h-sm-1300 {
    min-height: 1300px;
  }
  .min-h-sm-1300--force {
    min-height: 1300px !important;
  }
  .h-sm-1400 {
    height: 1400px;
  }
  .h-sm-1400--force {
    height: 1400px !important;
  }
  .max-h-sm-1400 {
    max-height: 1400px;
  }
  .max-h-sm-1400--force {
    max-height: 1400px !important;
  }
  .min-h-sm-1400 {
    min-height: 1400px;
  }
  .min-h-sm-1400--force {
    min-height: 1400px !important;
  }
  .h-sm-1500 {
    height: 1500px;
  }
  .h-sm-1500--force {
    height: 1500px !important;
  }
  .max-h-sm-1500 {
    max-height: 1500px;
  }
  .max-h-sm-1500--force {
    max-height: 1500px !important;
  }
  .min-h-sm-1500 {
    min-height: 1500px;
  }
  .min-h-sm-1500--force {
    min-height: 1500px !important;
  }
  .h-sm-1600 {
    height: 1600px;
  }
  .h-sm-1600--force {
    height: 1600px !important;
  }
  .max-h-sm-1600 {
    max-height: 1600px;
  }
  .max-h-sm-1600--force {
    max-height: 1600px !important;
  }
  .min-h-sm-1600 {
    min-height: 1600px;
  }
  .min-h-sm-1600--force {
    min-height: 1600px !important;
  }
  .h-sm-1700 {
    height: 1700px;
  }
  .h-sm-1700--force {
    height: 1700px !important;
  }
  .max-h-sm-1700 {
    max-height: 1700px;
  }
  .max-h-sm-1700--force {
    max-height: 1700px !important;
  }
  .min-h-sm-1700 {
    min-height: 1700px;
  }
  .min-h-sm-1700--force {
    min-height: 1700px !important;
  }
  .h-sm-1800 {
    height: 1800px;
  }
  .h-sm-1800--force {
    height: 1800px !important;
  }
  .max-h-sm-1800 {
    max-height: 1800px;
  }
  .max-h-sm-1800--force {
    max-height: 1800px !important;
  }
  .min-h-sm-1800 {
    min-height: 1800px;
  }
  .min-h-sm-1800--force {
    min-height: 1800px !important;
  }
  .h-sm-1900 {
    height: 1900px;
  }
  .h-sm-1900--force {
    height: 1900px !important;
  }
  .max-h-sm-1900 {
    max-height: 1900px;
  }
  .max-h-sm-1900--force {
    max-height: 1900px !important;
  }
  .min-h-sm-1900 {
    min-height: 1900px;
  }
  .min-h-sm-1900--force {
    min-height: 1900px !important;
  }
  .h-sm-2000 {
    height: 2000px;
  }
  .h-sm-2000--force {
    height: 2000px !important;
  }
  .max-h-sm-2000 {
    max-height: 2000px;
  }
  .max-h-sm-2000--force {
    max-height: 2000px !important;
  }
  .min-h-sm-2000 {
    min-height: 2000px;
  }
  .min-h-sm-2000--force {
    min-height: 2000px !important;
  }
  .h-sm-auto {
    height: auto;
  }
  .h-sm-auto--force {
    height: auto !important;
  }
  .w-sm-0 {
    width: 0px;
  }
  .w-sm-0--force {
    width: 0px !important;
  }
  .max-w-sm-0 {
    max-width: 0px;
  }
  .max-w-sm-0--force {
    max-width: 0px !important;
  }
  .min-w-sm-0 {
    min-width: 0px;
  }
  .min-w-sm-0--force {
    min-width: 0px !important;
  }
  .w-sm-4 {
    width: 4px;
  }
  .w-sm-4--force {
    width: 4px !important;
  }
  .max-w-sm-4 {
    max-width: 4px;
  }
  .max-w-sm-4--force {
    max-width: 4px !important;
  }
  .min-w-sm-4 {
    min-width: 4px;
  }
  .min-w-sm-4--force {
    min-width: 4px !important;
  }
  .w-sm-8 {
    width: 8px;
  }
  .w-sm-8--force {
    width: 8px !important;
  }
  .max-w-sm-8 {
    max-width: 8px;
  }
  .max-w-sm-8--force {
    max-width: 8px !important;
  }
  .min-w-sm-8 {
    min-width: 8px;
  }
  .min-w-sm-8--force {
    min-width: 8px !important;
  }
  .w-sm-12 {
    width: 12px;
  }
  .w-sm-12--force {
    width: 12px !important;
  }
  .max-w-sm-12 {
    max-width: 12px;
  }
  .max-w-sm-12--force {
    max-width: 12px !important;
  }
  .min-w-sm-12 {
    min-width: 12px;
  }
  .min-w-sm-12--force {
    min-width: 12px !important;
  }
  .w-sm-16 {
    width: 16px;
  }
  .w-sm-16--force {
    width: 16px !important;
  }
  .max-w-sm-16 {
    max-width: 16px;
  }
  .max-w-sm-16--force {
    max-width: 16px !important;
  }
  .min-w-sm-16 {
    min-width: 16px;
  }
  .min-w-sm-16--force {
    min-width: 16px !important;
  }
  .w-sm-20 {
    width: 20px;
  }
  .w-sm-20--force {
    width: 20px !important;
  }
  .max-w-sm-20 {
    max-width: 20px;
  }
  .max-w-sm-20--force {
    max-width: 20px !important;
  }
  .min-w-sm-20 {
    min-width: 20px;
  }
  .min-w-sm-20--force {
    min-width: 20px !important;
  }
  .w-sm-24 {
    width: 24px;
  }
  .w-sm-24--force {
    width: 24px !important;
  }
  .max-w-sm-24 {
    max-width: 24px;
  }
  .max-w-sm-24--force {
    max-width: 24px !important;
  }
  .min-w-sm-24 {
    min-width: 24px;
  }
  .min-w-sm-24--force {
    min-width: 24px !important;
  }
  .w-sm-28 {
    width: 28px;
  }
  .w-sm-28--force {
    width: 28px !important;
  }
  .max-w-sm-28 {
    max-width: 28px;
  }
  .max-w-sm-28--force {
    max-width: 28px !important;
  }
  .min-w-sm-28 {
    min-width: 28px;
  }
  .min-w-sm-28--force {
    min-width: 28px !important;
  }
  .w-sm-32 {
    width: 32px;
  }
  .w-sm-32--force {
    width: 32px !important;
  }
  .max-w-sm-32 {
    max-width: 32px;
  }
  .max-w-sm-32--force {
    max-width: 32px !important;
  }
  .min-w-sm-32 {
    min-width: 32px;
  }
  .min-w-sm-32--force {
    min-width: 32px !important;
  }
  .w-sm-36 {
    width: 36px;
  }
  .w-sm-36--force {
    width: 36px !important;
  }
  .max-w-sm-36 {
    max-width: 36px;
  }
  .max-w-sm-36--force {
    max-width: 36px !important;
  }
  .min-w-sm-36 {
    min-width: 36px;
  }
  .min-w-sm-36--force {
    min-width: 36px !important;
  }
  .w-sm-40 {
    width: 40px;
  }
  .w-sm-40--force {
    width: 40px !important;
  }
  .max-w-sm-40 {
    max-width: 40px;
  }
  .max-w-sm-40--force {
    max-width: 40px !important;
  }
  .min-w-sm-40 {
    min-width: 40px;
  }
  .min-w-sm-40--force {
    min-width: 40px !important;
  }
  .w-sm-44 {
    width: 44px;
  }
  .w-sm-44--force {
    width: 44px !important;
  }
  .max-w-sm-44 {
    max-width: 44px;
  }
  .max-w-sm-44--force {
    max-width: 44px !important;
  }
  .min-w-sm-44 {
    min-width: 44px;
  }
  .min-w-sm-44--force {
    min-width: 44px !important;
  }
  .w-sm-48 {
    width: 48px;
  }
  .w-sm-48--force {
    width: 48px !important;
  }
  .max-w-sm-48 {
    max-width: 48px;
  }
  .max-w-sm-48--force {
    max-width: 48px !important;
  }
  .min-w-sm-48 {
    min-width: 48px;
  }
  .min-w-sm-48--force {
    min-width: 48px !important;
  }
  .w-sm-52 {
    width: 52px;
  }
  .w-sm-52--force {
    width: 52px !important;
  }
  .max-w-sm-52 {
    max-width: 52px;
  }
  .max-w-sm-52--force {
    max-width: 52px !important;
  }
  .min-w-sm-52 {
    min-width: 52px;
  }
  .min-w-sm-52--force {
    min-width: 52px !important;
  }
  .w-sm-56 {
    width: 56px;
  }
  .w-sm-56--force {
    width: 56px !important;
  }
  .max-w-sm-56 {
    max-width: 56px;
  }
  .max-w-sm-56--force {
    max-width: 56px !important;
  }
  .min-w-sm-56 {
    min-width: 56px;
  }
  .min-w-sm-56--force {
    min-width: 56px !important;
  }
  .w-sm-60 {
    width: 60px;
  }
  .w-sm-60--force {
    width: 60px !important;
  }
  .max-w-sm-60 {
    max-width: 60px;
  }
  .max-w-sm-60--force {
    max-width: 60px !important;
  }
  .min-w-sm-60 {
    min-width: 60px;
  }
  .min-w-sm-60--force {
    min-width: 60px !important;
  }
  .w-sm-64 {
    width: 64px;
  }
  .w-sm-64--force {
    width: 64px !important;
  }
  .max-w-sm-64 {
    max-width: 64px;
  }
  .max-w-sm-64--force {
    max-width: 64px !important;
  }
  .min-w-sm-64 {
    min-width: 64px;
  }
  .min-w-sm-64--force {
    min-width: 64px !important;
  }
  .w-sm-68 {
    width: 68px;
  }
  .w-sm-68--force {
    width: 68px !important;
  }
  .max-w-sm-68 {
    max-width: 68px;
  }
  .max-w-sm-68--force {
    max-width: 68px !important;
  }
  .min-w-sm-68 {
    min-width: 68px;
  }
  .min-w-sm-68--force {
    min-width: 68px !important;
  }
  .w-sm-72 {
    width: 72px;
  }
  .w-sm-72--force {
    width: 72px !important;
  }
  .max-w-sm-72 {
    max-width: 72px;
  }
  .max-w-sm-72--force {
    max-width: 72px !important;
  }
  .min-w-sm-72 {
    min-width: 72px;
  }
  .min-w-sm-72--force {
    min-width: 72px !important;
  }
  .w-sm-76 {
    width: 76px;
  }
  .w-sm-76--force {
    width: 76px !important;
  }
  .max-w-sm-76 {
    max-width: 76px;
  }
  .max-w-sm-76--force {
    max-width: 76px !important;
  }
  .min-w-sm-76 {
    min-width: 76px;
  }
  .min-w-sm-76--force {
    min-width: 76px !important;
  }
  .w-sm-80 {
    width: 80px;
  }
  .w-sm-80--force {
    width: 80px !important;
  }
  .max-w-sm-80 {
    max-width: 80px;
  }
  .max-w-sm-80--force {
    max-width: 80px !important;
  }
  .min-w-sm-80 {
    min-width: 80px;
  }
  .min-w-sm-80--force {
    min-width: 80px !important;
  }
  .w-sm-84 {
    width: 84px;
  }
  .w-sm-84--force {
    width: 84px !important;
  }
  .max-w-sm-84 {
    max-width: 84px;
  }
  .max-w-sm-84--force {
    max-width: 84px !important;
  }
  .min-w-sm-84 {
    min-width: 84px;
  }
  .min-w-sm-84--force {
    min-width: 84px !important;
  }
  .w-sm-88 {
    width: 88px;
  }
  .w-sm-88--force {
    width: 88px !important;
  }
  .max-w-sm-88 {
    max-width: 88px;
  }
  .max-w-sm-88--force {
    max-width: 88px !important;
  }
  .min-w-sm-88 {
    min-width: 88px;
  }
  .min-w-sm-88--force {
    min-width: 88px !important;
  }
  .w-sm-92 {
    width: 92px;
  }
  .w-sm-92--force {
    width: 92px !important;
  }
  .max-w-sm-92 {
    max-width: 92px;
  }
  .max-w-sm-92--force {
    max-width: 92px !important;
  }
  .min-w-sm-92 {
    min-width: 92px;
  }
  .min-w-sm-92--force {
    min-width: 92px !important;
  }
  .w-sm-96 {
    width: 96px;
  }
  .w-sm-96--force {
    width: 96px !important;
  }
  .max-w-sm-96 {
    max-width: 96px;
  }
  .max-w-sm-96--force {
    max-width: 96px !important;
  }
  .min-w-sm-96 {
    min-width: 96px;
  }
  .min-w-sm-96--force {
    min-width: 96px !important;
  }
  .w-sm-100 {
    width: 100px;
  }
  .w-sm-100--force {
    width: 100px !important;
  }
  .max-w-sm-100 {
    max-width: 100px;
  }
  .max-w-sm-100--force {
    max-width: 100px !important;
  }
  .min-w-sm-100 {
    min-width: 100px;
  }
  .min-w-sm-100--force {
    min-width: 100px !important;
  }
  .w-sm-104 {
    width: 104px;
  }
  .w-sm-104--force {
    width: 104px !important;
  }
  .max-w-sm-104 {
    max-width: 104px;
  }
  .max-w-sm-104--force {
    max-width: 104px !important;
  }
  .min-w-sm-104 {
    min-width: 104px;
  }
  .min-w-sm-104--force {
    min-width: 104px !important;
  }
  .w-sm-108 {
    width: 108px;
  }
  .w-sm-108--force {
    width: 108px !important;
  }
  .max-w-sm-108 {
    max-width: 108px;
  }
  .max-w-sm-108--force {
    max-width: 108px !important;
  }
  .min-w-sm-108 {
    min-width: 108px;
  }
  .min-w-sm-108--force {
    min-width: 108px !important;
  }
  .w-sm-112 {
    width: 112px;
  }
  .w-sm-112--force {
    width: 112px !important;
  }
  .max-w-sm-112 {
    max-width: 112px;
  }
  .max-w-sm-112--force {
    max-width: 112px !important;
  }
  .min-w-sm-112 {
    min-width: 112px;
  }
  .min-w-sm-112--force {
    min-width: 112px !important;
  }
  .w-sm-116 {
    width: 116px;
  }
  .w-sm-116--force {
    width: 116px !important;
  }
  .max-w-sm-116 {
    max-width: 116px;
  }
  .max-w-sm-116--force {
    max-width: 116px !important;
  }
  .min-w-sm-116 {
    min-width: 116px;
  }
  .min-w-sm-116--force {
    min-width: 116px !important;
  }
  .w-sm-120 {
    width: 120px;
  }
  .w-sm-120--force {
    width: 120px !important;
  }
  .max-w-sm-120 {
    max-width: 120px;
  }
  .max-w-sm-120--force {
    max-width: 120px !important;
  }
  .min-w-sm-120 {
    min-width: 120px;
  }
  .min-w-sm-120--force {
    min-width: 120px !important;
  }
  .w-sm-124 {
    width: 124px;
  }
  .w-sm-124--force {
    width: 124px !important;
  }
  .max-w-sm-124 {
    max-width: 124px;
  }
  .max-w-sm-124--force {
    max-width: 124px !important;
  }
  .min-w-sm-124 {
    min-width: 124px;
  }
  .min-w-sm-124--force {
    min-width: 124px !important;
  }
  .w-sm-128 {
    width: 128px;
  }
  .w-sm-128--force {
    width: 128px !important;
  }
  .max-w-sm-128 {
    max-width: 128px;
  }
  .max-w-sm-128--force {
    max-width: 128px !important;
  }
  .min-w-sm-128 {
    min-width: 128px;
  }
  .min-w-sm-128--force {
    min-width: 128px !important;
  }
  .w-sm-132 {
    width: 132px;
  }
  .w-sm-132--force {
    width: 132px !important;
  }
  .max-w-sm-132 {
    max-width: 132px;
  }
  .max-w-sm-132--force {
    max-width: 132px !important;
  }
  .min-w-sm-132 {
    min-width: 132px;
  }
  .min-w-sm-132--force {
    min-width: 132px !important;
  }
  .w-sm-136 {
    width: 136px;
  }
  .w-sm-136--force {
    width: 136px !important;
  }
  .max-w-sm-136 {
    max-width: 136px;
  }
  .max-w-sm-136--force {
    max-width: 136px !important;
  }
  .min-w-sm-136 {
    min-width: 136px;
  }
  .min-w-sm-136--force {
    min-width: 136px !important;
  }
  .w-sm-140 {
    width: 140px;
  }
  .w-sm-140--force {
    width: 140px !important;
  }
  .max-w-sm-140 {
    max-width: 140px;
  }
  .max-w-sm-140--force {
    max-width: 140px !important;
  }
  .min-w-sm-140 {
    min-width: 140px;
  }
  .min-w-sm-140--force {
    min-width: 140px !important;
  }
  .w-sm-144 {
    width: 144px;
  }
  .w-sm-144--force {
    width: 144px !important;
  }
  .max-w-sm-144 {
    max-width: 144px;
  }
  .max-w-sm-144--force {
    max-width: 144px !important;
  }
  .min-w-sm-144 {
    min-width: 144px;
  }
  .min-w-sm-144--force {
    min-width: 144px !important;
  }
  .w-sm-148 {
    width: 148px;
  }
  .w-sm-148--force {
    width: 148px !important;
  }
  .max-w-sm-148 {
    max-width: 148px;
  }
  .max-w-sm-148--force {
    max-width: 148px !important;
  }
  .min-w-sm-148 {
    min-width: 148px;
  }
  .min-w-sm-148--force {
    min-width: 148px !important;
  }
  .w-sm-152 {
    width: 152px;
  }
  .w-sm-152--force {
    width: 152px !important;
  }
  .max-w-sm-152 {
    max-width: 152px;
  }
  .max-w-sm-152--force {
    max-width: 152px !important;
  }
  .min-w-sm-152 {
    min-width: 152px;
  }
  .min-w-sm-152--force {
    min-width: 152px !important;
  }
  .w-sm-156 {
    width: 156px;
  }
  .w-sm-156--force {
    width: 156px !important;
  }
  .max-w-sm-156 {
    max-width: 156px;
  }
  .max-w-sm-156--force {
    max-width: 156px !important;
  }
  .min-w-sm-156 {
    min-width: 156px;
  }
  .min-w-sm-156--force {
    min-width: 156px !important;
  }
  .w-sm-160 {
    width: 160px;
  }
  .w-sm-160--force {
    width: 160px !important;
  }
  .max-w-sm-160 {
    max-width: 160px;
  }
  .max-w-sm-160--force {
    max-width: 160px !important;
  }
  .min-w-sm-160 {
    min-width: 160px;
  }
  .min-w-sm-160--force {
    min-width: 160px !important;
  }
  .w-sm-164 {
    width: 164px;
  }
  .w-sm-164--force {
    width: 164px !important;
  }
  .max-w-sm-164 {
    max-width: 164px;
  }
  .max-w-sm-164--force {
    max-width: 164px !important;
  }
  .min-w-sm-164 {
    min-width: 164px;
  }
  .min-w-sm-164--force {
    min-width: 164px !important;
  }
  .w-sm-168 {
    width: 168px;
  }
  .w-sm-168--force {
    width: 168px !important;
  }
  .max-w-sm-168 {
    max-width: 168px;
  }
  .max-w-sm-168--force {
    max-width: 168px !important;
  }
  .min-w-sm-168 {
    min-width: 168px;
  }
  .min-w-sm-168--force {
    min-width: 168px !important;
  }
  .w-sm-172 {
    width: 172px;
  }
  .w-sm-172--force {
    width: 172px !important;
  }
  .max-w-sm-172 {
    max-width: 172px;
  }
  .max-w-sm-172--force {
    max-width: 172px !important;
  }
  .min-w-sm-172 {
    min-width: 172px;
  }
  .min-w-sm-172--force {
    min-width: 172px !important;
  }
  .w-sm-176 {
    width: 176px;
  }
  .w-sm-176--force {
    width: 176px !important;
  }
  .max-w-sm-176 {
    max-width: 176px;
  }
  .max-w-sm-176--force {
    max-width: 176px !important;
  }
  .min-w-sm-176 {
    min-width: 176px;
  }
  .min-w-sm-176--force {
    min-width: 176px !important;
  }
  .w-sm-180 {
    width: 180px;
  }
  .w-sm-180--force {
    width: 180px !important;
  }
  .max-w-sm-180 {
    max-width: 180px;
  }
  .max-w-sm-180--force {
    max-width: 180px !important;
  }
  .min-w-sm-180 {
    min-width: 180px;
  }
  .min-w-sm-180--force {
    min-width: 180px !important;
  }
  .w-sm-184 {
    width: 184px;
  }
  .w-sm-184--force {
    width: 184px !important;
  }
  .max-w-sm-184 {
    max-width: 184px;
  }
  .max-w-sm-184--force {
    max-width: 184px !important;
  }
  .min-w-sm-184 {
    min-width: 184px;
  }
  .min-w-sm-184--force {
    min-width: 184px !important;
  }
  .w-sm-188 {
    width: 188px;
  }
  .w-sm-188--force {
    width: 188px !important;
  }
  .max-w-sm-188 {
    max-width: 188px;
  }
  .max-w-sm-188--force {
    max-width: 188px !important;
  }
  .min-w-sm-188 {
    min-width: 188px;
  }
  .min-w-sm-188--force {
    min-width: 188px !important;
  }
  .w-sm-192 {
    width: 192px;
  }
  .w-sm-192--force {
    width: 192px !important;
  }
  .max-w-sm-192 {
    max-width: 192px;
  }
  .max-w-sm-192--force {
    max-width: 192px !important;
  }
  .min-w-sm-192 {
    min-width: 192px;
  }
  .min-w-sm-192--force {
    min-width: 192px !important;
  }
  .w-sm-196 {
    width: 196px;
  }
  .w-sm-196--force {
    width: 196px !important;
  }
  .max-w-sm-196 {
    max-width: 196px;
  }
  .max-w-sm-196--force {
    max-width: 196px !important;
  }
  .min-w-sm-196 {
    min-width: 196px;
  }
  .min-w-sm-196--force {
    min-width: 196px !important;
  }
  .w-sm-200 {
    width: 200px;
  }
  .w-sm-200--force {
    width: 200px !important;
  }
  .max-w-sm-200 {
    max-width: 200px;
  }
  .max-w-sm-200--force {
    max-width: 200px !important;
  }
  .min-w-sm-200 {
    min-width: 200px;
  }
  .min-w-sm-200--force {
    min-width: 200px !important;
  }
  .w-sm-204 {
    width: 204px;
  }
  .w-sm-204--force {
    width: 204px !important;
  }
  .max-w-sm-204 {
    max-width: 204px;
  }
  .max-w-sm-204--force {
    max-width: 204px !important;
  }
  .min-w-sm-204 {
    min-width: 204px;
  }
  .min-w-sm-204--force {
    min-width: 204px !important;
  }
  .w-sm-208 {
    width: 208px;
  }
  .w-sm-208--force {
    width: 208px !important;
  }
  .max-w-sm-208 {
    max-width: 208px;
  }
  .max-w-sm-208--force {
    max-width: 208px !important;
  }
  .min-w-sm-208 {
    min-width: 208px;
  }
  .min-w-sm-208--force {
    min-width: 208px !important;
  }
  .w-sm-212 {
    width: 212px;
  }
  .w-sm-212--force {
    width: 212px !important;
  }
  .max-w-sm-212 {
    max-width: 212px;
  }
  .max-w-sm-212--force {
    max-width: 212px !important;
  }
  .min-w-sm-212 {
    min-width: 212px;
  }
  .min-w-sm-212--force {
    min-width: 212px !important;
  }
  .w-sm-216 {
    width: 216px;
  }
  .w-sm-216--force {
    width: 216px !important;
  }
  .max-w-sm-216 {
    max-width: 216px;
  }
  .max-w-sm-216--force {
    max-width: 216px !important;
  }
  .min-w-sm-216 {
    min-width: 216px;
  }
  .min-w-sm-216--force {
    min-width: 216px !important;
  }
  .w-sm-220 {
    width: 220px;
  }
  .w-sm-220--force {
    width: 220px !important;
  }
  .max-w-sm-220 {
    max-width: 220px;
  }
  .max-w-sm-220--force {
    max-width: 220px !important;
  }
  .min-w-sm-220 {
    min-width: 220px;
  }
  .min-w-sm-220--force {
    min-width: 220px !important;
  }
  .w-sm-224 {
    width: 224px;
  }
  .w-sm-224--force {
    width: 224px !important;
  }
  .max-w-sm-224 {
    max-width: 224px;
  }
  .max-w-sm-224--force {
    max-width: 224px !important;
  }
  .min-w-sm-224 {
    min-width: 224px;
  }
  .min-w-sm-224--force {
    min-width: 224px !important;
  }
  .w-sm-228 {
    width: 228px;
  }
  .w-sm-228--force {
    width: 228px !important;
  }
  .max-w-sm-228 {
    max-width: 228px;
  }
  .max-w-sm-228--force {
    max-width: 228px !important;
  }
  .min-w-sm-228 {
    min-width: 228px;
  }
  .min-w-sm-228--force {
    min-width: 228px !important;
  }
  .w-sm-232 {
    width: 232px;
  }
  .w-sm-232--force {
    width: 232px !important;
  }
  .max-w-sm-232 {
    max-width: 232px;
  }
  .max-w-sm-232--force {
    max-width: 232px !important;
  }
  .min-w-sm-232 {
    min-width: 232px;
  }
  .min-w-sm-232--force {
    min-width: 232px !important;
  }
  .w-sm-236 {
    width: 236px;
  }
  .w-sm-236--force {
    width: 236px !important;
  }
  .max-w-sm-236 {
    max-width: 236px;
  }
  .max-w-sm-236--force {
    max-width: 236px !important;
  }
  .min-w-sm-236 {
    min-width: 236px;
  }
  .min-w-sm-236--force {
    min-width: 236px !important;
  }
  .w-sm-240 {
    width: 240px;
  }
  .w-sm-240--force {
    width: 240px !important;
  }
  .max-w-sm-240 {
    max-width: 240px;
  }
  .max-w-sm-240--force {
    max-width: 240px !important;
  }
  .min-w-sm-240 {
    min-width: 240px;
  }
  .min-w-sm-240--force {
    min-width: 240px !important;
  }
  .w-sm-244 {
    width: 244px;
  }
  .w-sm-244--force {
    width: 244px !important;
  }
  .max-w-sm-244 {
    max-width: 244px;
  }
  .max-w-sm-244--force {
    max-width: 244px !important;
  }
  .min-w-sm-244 {
    min-width: 244px;
  }
  .min-w-sm-244--force {
    min-width: 244px !important;
  }
  .w-sm-248 {
    width: 248px;
  }
  .w-sm-248--force {
    width: 248px !important;
  }
  .max-w-sm-248 {
    max-width: 248px;
  }
  .max-w-sm-248--force {
    max-width: 248px !important;
  }
  .min-w-sm-248 {
    min-width: 248px;
  }
  .min-w-sm-248--force {
    min-width: 248px !important;
  }
  .w-sm-252 {
    width: 252px;
  }
  .w-sm-252--force {
    width: 252px !important;
  }
  .max-w-sm-252 {
    max-width: 252px;
  }
  .max-w-sm-252--force {
    max-width: 252px !important;
  }
  .min-w-sm-252 {
    min-width: 252px;
  }
  .min-w-sm-252--force {
    min-width: 252px !important;
  }
  .w-sm-256 {
    width: 256px;
  }
  .w-sm-256--force {
    width: 256px !important;
  }
  .max-w-sm-256 {
    max-width: 256px;
  }
  .max-w-sm-256--force {
    max-width: 256px !important;
  }
  .min-w-sm-256 {
    min-width: 256px;
  }
  .min-w-sm-256--force {
    min-width: 256px !important;
  }
  .w-sm-0-p {
    width: 0%;
  }
  .w-sm-0-p--force {
    width: 0% !important;
  }
  .max-w-sm-0-p {
    max-width: 0%;
  }
  .max-w-sm-0-p--force {
    max-width: 0% !important;
  }
  .min-w-sm-0-p {
    min-width: 0%;
  }
  .min-w-sm-0-p--force {
    min-width: 0% !important;
  }
  .w-sm-5-p {
    width: 5%;
  }
  .w-sm-5-p--force {
    width: 5% !important;
  }
  .max-w-sm-5-p {
    max-width: 5%;
  }
  .max-w-sm-5-p--force {
    max-width: 5% !important;
  }
  .min-w-sm-5-p {
    min-width: 5%;
  }
  .min-w-sm-5-p--force {
    min-width: 5% !important;
  }
  .w-sm-10-p {
    width: 10%;
  }
  .w-sm-10-p--force {
    width: 10% !important;
  }
  .max-w-sm-10-p {
    max-width: 10%;
  }
  .max-w-sm-10-p--force {
    max-width: 10% !important;
  }
  .min-w-sm-10-p {
    min-width: 10%;
  }
  .min-w-sm-10-p--force {
    min-width: 10% !important;
  }
  .w-sm-15-p {
    width: 15%;
  }
  .w-sm-15-p--force {
    width: 15% !important;
  }
  .max-w-sm-15-p {
    max-width: 15%;
  }
  .max-w-sm-15-p--force {
    max-width: 15% !important;
  }
  .min-w-sm-15-p {
    min-width: 15%;
  }
  .min-w-sm-15-p--force {
    min-width: 15% !important;
  }
  .w-sm-20-p {
    width: 20%;
  }
  .w-sm-20-p--force {
    width: 20% !important;
  }
  .max-w-sm-20-p {
    max-width: 20%;
  }
  .max-w-sm-20-p--force {
    max-width: 20% !important;
  }
  .min-w-sm-20-p {
    min-width: 20%;
  }
  .min-w-sm-20-p--force {
    min-width: 20% !important;
  }
  .w-sm-25-p {
    width: 25%;
  }
  .w-sm-25-p--force {
    width: 25% !important;
  }
  .max-w-sm-25-p {
    max-width: 25%;
  }
  .max-w-sm-25-p--force {
    max-width: 25% !important;
  }
  .min-w-sm-25-p {
    min-width: 25%;
  }
  .min-w-sm-25-p--force {
    min-width: 25% !important;
  }
  .w-sm-30-p {
    width: 30%;
  }
  .w-sm-30-p--force {
    width: 30% !important;
  }
  .max-w-sm-30-p {
    max-width: 30%;
  }
  .max-w-sm-30-p--force {
    max-width: 30% !important;
  }
  .min-w-sm-30-p {
    min-width: 30%;
  }
  .min-w-sm-30-p--force {
    min-width: 30% !important;
  }
  .w-sm-35-p {
    width: 35%;
  }
  .w-sm-35-p--force {
    width: 35% !important;
  }
  .max-w-sm-35-p {
    max-width: 35%;
  }
  .max-w-sm-35-p--force {
    max-width: 35% !important;
  }
  .min-w-sm-35-p {
    min-width: 35%;
  }
  .min-w-sm-35-p--force {
    min-width: 35% !important;
  }
  .w-sm-40-p {
    width: 40%;
  }
  .w-sm-40-p--force {
    width: 40% !important;
  }
  .max-w-sm-40-p {
    max-width: 40%;
  }
  .max-w-sm-40-p--force {
    max-width: 40% !important;
  }
  .min-w-sm-40-p {
    min-width: 40%;
  }
  .min-w-sm-40-p--force {
    min-width: 40% !important;
  }
  .w-sm-45-p {
    width: 45%;
  }
  .w-sm-45-p--force {
    width: 45% !important;
  }
  .max-w-sm-45-p {
    max-width: 45%;
  }
  .max-w-sm-45-p--force {
    max-width: 45% !important;
  }
  .min-w-sm-45-p {
    min-width: 45%;
  }
  .min-w-sm-45-p--force {
    min-width: 45% !important;
  }
  .w-sm-50-p {
    width: 50%;
  }
  .w-sm-50-p--force {
    width: 50% !important;
  }
  .max-w-sm-50-p {
    max-width: 50%;
  }
  .max-w-sm-50-p--force {
    max-width: 50% !important;
  }
  .min-w-sm-50-p {
    min-width: 50%;
  }
  .min-w-sm-50-p--force {
    min-width: 50% !important;
  }
  .w-sm-55-p {
    width: 55%;
  }
  .w-sm-55-p--force {
    width: 55% !important;
  }
  .max-w-sm-55-p {
    max-width: 55%;
  }
  .max-w-sm-55-p--force {
    max-width: 55% !important;
  }
  .min-w-sm-55-p {
    min-width: 55%;
  }
  .min-w-sm-55-p--force {
    min-width: 55% !important;
  }
  .w-sm-60-p {
    width: 60%;
  }
  .w-sm-60-p--force {
    width: 60% !important;
  }
  .max-w-sm-60-p {
    max-width: 60%;
  }
  .max-w-sm-60-p--force {
    max-width: 60% !important;
  }
  .min-w-sm-60-p {
    min-width: 60%;
  }
  .min-w-sm-60-p--force {
    min-width: 60% !important;
  }
  .w-sm-65-p {
    width: 65%;
  }
  .w-sm-65-p--force {
    width: 65% !important;
  }
  .max-w-sm-65-p {
    max-width: 65%;
  }
  .max-w-sm-65-p--force {
    max-width: 65% !important;
  }
  .min-w-sm-65-p {
    min-width: 65%;
  }
  .min-w-sm-65-p--force {
    min-width: 65% !important;
  }
  .w-sm-70-p {
    width: 70%;
  }
  .w-sm-70-p--force {
    width: 70% !important;
  }
  .max-w-sm-70-p {
    max-width: 70%;
  }
  .max-w-sm-70-p--force {
    max-width: 70% !important;
  }
  .min-w-sm-70-p {
    min-width: 70%;
  }
  .min-w-sm-70-p--force {
    min-width: 70% !important;
  }
  .w-sm-75-p {
    width: 75%;
  }
  .w-sm-75-p--force {
    width: 75% !important;
  }
  .max-w-sm-75-p {
    max-width: 75%;
  }
  .max-w-sm-75-p--force {
    max-width: 75% !important;
  }
  .min-w-sm-75-p {
    min-width: 75%;
  }
  .min-w-sm-75-p--force {
    min-width: 75% !important;
  }
  .w-sm-80-p {
    width: 80%;
  }
  .w-sm-80-p--force {
    width: 80% !important;
  }
  .max-w-sm-80-p {
    max-width: 80%;
  }
  .max-w-sm-80-p--force {
    max-width: 80% !important;
  }
  .min-w-sm-80-p {
    min-width: 80%;
  }
  .min-w-sm-80-p--force {
    min-width: 80% !important;
  }
  .w-sm-85-p {
    width: 85%;
  }
  .w-sm-85-p--force {
    width: 85% !important;
  }
  .max-w-sm-85-p {
    max-width: 85%;
  }
  .max-w-sm-85-p--force {
    max-width: 85% !important;
  }
  .min-w-sm-85-p {
    min-width: 85%;
  }
  .min-w-sm-85-p--force {
    min-width: 85% !important;
  }
  .w-sm-90-p {
    width: 90%;
  }
  .w-sm-90-p--force {
    width: 90% !important;
  }
  .max-w-sm-90-p {
    max-width: 90%;
  }
  .max-w-sm-90-p--force {
    max-width: 90% !important;
  }
  .min-w-sm-90-p {
    min-width: 90%;
  }
  .min-w-sm-90-p--force {
    min-width: 90% !important;
  }
  .w-sm-95-p {
    width: 95%;
  }
  .w-sm-95-p--force {
    width: 95% !important;
  }
  .max-w-sm-95-p {
    max-width: 95%;
  }
  .max-w-sm-95-p--force {
    max-width: 95% !important;
  }
  .min-w-sm-95-p {
    min-width: 95%;
  }
  .min-w-sm-95-p--force {
    min-width: 95% !important;
  }
  .w-sm-100-p {
    width: 100%;
  }
  .w-sm-100-p--force {
    width: 100% !important;
  }
  .max-w-sm-100-p {
    max-width: 100%;
  }
  .max-w-sm-100-p--force {
    max-width: 100% !important;
  }
  .min-w-sm-100-p {
    min-width: 100%;
  }
  .min-w-sm-100-p--force {
    min-width: 100% !important;
  }
  .w-sm-300 {
    width: 300px;
  }
  .w-sm-300--force {
    width: 300px !important;
  }
  .max-w-sm-300 {
    max-width: 300px;
  }
  .max-w-sm-300--force {
    max-width: 300px !important;
  }
  .min-w-sm-300 {
    min-width: 300px;
  }
  .min-w-sm-300--force {
    min-width: 300px !important;
  }
  .w-sm-400 {
    width: 400px;
  }
  .w-sm-400--force {
    width: 400px !important;
  }
  .max-w-sm-400 {
    max-width: 400px;
  }
  .max-w-sm-400--force {
    max-width: 400px !important;
  }
  .min-w-sm-400 {
    min-width: 400px;
  }
  .min-w-sm-400--force {
    min-width: 400px !important;
  }
  .w-sm-500 {
    width: 500px;
  }
  .w-sm-500--force {
    width: 500px !important;
  }
  .max-w-sm-500 {
    max-width: 500px;
  }
  .max-w-sm-500--force {
    max-width: 500px !important;
  }
  .min-w-sm-500 {
    min-width: 500px;
  }
  .min-w-sm-500--force {
    min-width: 500px !important;
  }
  .w-sm-600 {
    width: 600px;
  }
  .w-sm-600--force {
    width: 600px !important;
  }
  .max-w-sm-600 {
    max-width: 600px;
  }
  .max-w-sm-600--force {
    max-width: 600px !important;
  }
  .min-w-sm-600 {
    min-width: 600px;
  }
  .min-w-sm-600--force {
    min-width: 600px !important;
  }
  .w-sm-700 {
    width: 700px;
  }
  .w-sm-700--force {
    width: 700px !important;
  }
  .max-w-sm-700 {
    max-width: 700px;
  }
  .max-w-sm-700--force {
    max-width: 700px !important;
  }
  .min-w-sm-700 {
    min-width: 700px;
  }
  .min-w-sm-700--force {
    min-width: 700px !important;
  }
  .w-sm-800 {
    width: 800px;
  }
  .w-sm-800--force {
    width: 800px !important;
  }
  .max-w-sm-800 {
    max-width: 800px;
  }
  .max-w-sm-800--force {
    max-width: 800px !important;
  }
  .min-w-sm-800 {
    min-width: 800px;
  }
  .min-w-sm-800--force {
    min-width: 800px !important;
  }
  .w-sm-900 {
    width: 900px;
  }
  .w-sm-900--force {
    width: 900px !important;
  }
  .max-w-sm-900 {
    max-width: 900px;
  }
  .max-w-sm-900--force {
    max-width: 900px !important;
  }
  .min-w-sm-900 {
    min-width: 900px;
  }
  .min-w-sm-900--force {
    min-width: 900px !important;
  }
  .w-sm-1000 {
    width: 1000px;
  }
  .w-sm-1000--force {
    width: 1000px !important;
  }
  .max-w-sm-1000 {
    max-width: 1000px;
  }
  .max-w-sm-1000--force {
    max-width: 1000px !important;
  }
  .min-w-sm-1000 {
    min-width: 1000px;
  }
  .min-w-sm-1000--force {
    min-width: 1000px !important;
  }
  .w-sm-1100 {
    width: 1100px;
  }
  .w-sm-1100--force {
    width: 1100px !important;
  }
  .max-w-sm-1100 {
    max-width: 1100px;
  }
  .max-w-sm-1100--force {
    max-width: 1100px !important;
  }
  .min-w-sm-1100 {
    min-width: 1100px;
  }
  .min-w-sm-1100--force {
    min-width: 1100px !important;
  }
  .w-sm-1200 {
    width: 1200px;
  }
  .w-sm-1200--force {
    width: 1200px !important;
  }
  .max-w-sm-1200 {
    max-width: 1200px;
  }
  .max-w-sm-1200--force {
    max-width: 1200px !important;
  }
  .min-w-sm-1200 {
    min-width: 1200px;
  }
  .min-w-sm-1200--force {
    min-width: 1200px !important;
  }
  .w-sm-1300 {
    width: 1300px;
  }
  .w-sm-1300--force {
    width: 1300px !important;
  }
  .max-w-sm-1300 {
    max-width: 1300px;
  }
  .max-w-sm-1300--force {
    max-width: 1300px !important;
  }
  .min-w-sm-1300 {
    min-width: 1300px;
  }
  .min-w-sm-1300--force {
    min-width: 1300px !important;
  }
  .w-sm-1400 {
    width: 1400px;
  }
  .w-sm-1400--force {
    width: 1400px !important;
  }
  .max-w-sm-1400 {
    max-width: 1400px;
  }
  .max-w-sm-1400--force {
    max-width: 1400px !important;
  }
  .min-w-sm-1400 {
    min-width: 1400px;
  }
  .min-w-sm-1400--force {
    min-width: 1400px !important;
  }
  .w-sm-1500 {
    width: 1500px;
  }
  .w-sm-1500--force {
    width: 1500px !important;
  }
  .max-w-sm-1500 {
    max-width: 1500px;
  }
  .max-w-sm-1500--force {
    max-width: 1500px !important;
  }
  .min-w-sm-1500 {
    min-width: 1500px;
  }
  .min-w-sm-1500--force {
    min-width: 1500px !important;
  }
  .w-sm-1600 {
    width: 1600px;
  }
  .w-sm-1600--force {
    width: 1600px !important;
  }
  .max-w-sm-1600 {
    max-width: 1600px;
  }
  .max-w-sm-1600--force {
    max-width: 1600px !important;
  }
  .min-w-sm-1600 {
    min-width: 1600px;
  }
  .min-w-sm-1600--force {
    min-width: 1600px !important;
  }
  .w-sm-1700 {
    width: 1700px;
  }
  .w-sm-1700--force {
    width: 1700px !important;
  }
  .max-w-sm-1700 {
    max-width: 1700px;
  }
  .max-w-sm-1700--force {
    max-width: 1700px !important;
  }
  .min-w-sm-1700 {
    min-width: 1700px;
  }
  .min-w-sm-1700--force {
    min-width: 1700px !important;
  }
  .w-sm-1800 {
    width: 1800px;
  }
  .w-sm-1800--force {
    width: 1800px !important;
  }
  .max-w-sm-1800 {
    max-width: 1800px;
  }
  .max-w-sm-1800--force {
    max-width: 1800px !important;
  }
  .min-w-sm-1800 {
    min-width: 1800px;
  }
  .min-w-sm-1800--force {
    min-width: 1800px !important;
  }
  .w-sm-1900 {
    width: 1900px;
  }
  .w-sm-1900--force {
    width: 1900px !important;
  }
  .max-w-sm-1900 {
    max-width: 1900px;
  }
  .max-w-sm-1900--force {
    max-width: 1900px !important;
  }
  .min-w-sm-1900 {
    min-width: 1900px;
  }
  .min-w-sm-1900--force {
    min-width: 1900px !important;
  }
  .w-sm-2000 {
    width: 2000px;
  }
  .w-sm-2000--force {
    width: 2000px !important;
  }
  .max-w-sm-2000 {
    max-width: 2000px;
  }
  .max-w-sm-2000--force {
    max-width: 2000px !important;
  }
  .min-w-sm-2000 {
    min-width: 2000px;
  }
  .min-w-sm-2000--force {
    min-width: 2000px !important;
  }
  .w-sm-auto {
    width: auto;
  }
  .w-sm-auto--force {
    width: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .h-md-0 {
    height: 0px;
  }
  .h-md-0--force {
    height: 0px !important;
  }
  .max-h-md-0 {
    max-height: 0px;
  }
  .max-h-md-0--force {
    max-height: 0px !important;
  }
  .min-h-md-0 {
    min-height: 0px;
  }
  .min-h-md-0--force {
    min-height: 0px !important;
  }
  .h-md-4 {
    height: 4px;
  }
  .h-md-4--force {
    height: 4px !important;
  }
  .max-h-md-4 {
    max-height: 4px;
  }
  .max-h-md-4--force {
    max-height: 4px !important;
  }
  .min-h-md-4 {
    min-height: 4px;
  }
  .min-h-md-4--force {
    min-height: 4px !important;
  }
  .h-md-8 {
    height: 8px;
  }
  .h-md-8--force {
    height: 8px !important;
  }
  .max-h-md-8 {
    max-height: 8px;
  }
  .max-h-md-8--force {
    max-height: 8px !important;
  }
  .min-h-md-8 {
    min-height: 8px;
  }
  .min-h-md-8--force {
    min-height: 8px !important;
  }
  .h-md-12 {
    height: 12px;
  }
  .h-md-12--force {
    height: 12px !important;
  }
  .max-h-md-12 {
    max-height: 12px;
  }
  .max-h-md-12--force {
    max-height: 12px !important;
  }
  .min-h-md-12 {
    min-height: 12px;
  }
  .min-h-md-12--force {
    min-height: 12px !important;
  }
  .h-md-16 {
    height: 16px;
  }
  .h-md-16--force {
    height: 16px !important;
  }
  .max-h-md-16 {
    max-height: 16px;
  }
  .max-h-md-16--force {
    max-height: 16px !important;
  }
  .min-h-md-16 {
    min-height: 16px;
  }
  .min-h-md-16--force {
    min-height: 16px !important;
  }
  .h-md-20 {
    height: 20px;
  }
  .h-md-20--force {
    height: 20px !important;
  }
  .max-h-md-20 {
    max-height: 20px;
  }
  .max-h-md-20--force {
    max-height: 20px !important;
  }
  .min-h-md-20 {
    min-height: 20px;
  }
  .min-h-md-20--force {
    min-height: 20px !important;
  }
  .h-md-24 {
    height: 24px;
  }
  .h-md-24--force {
    height: 24px !important;
  }
  .max-h-md-24 {
    max-height: 24px;
  }
  .max-h-md-24--force {
    max-height: 24px !important;
  }
  .min-h-md-24 {
    min-height: 24px;
  }
  .min-h-md-24--force {
    min-height: 24px !important;
  }
  .h-md-28 {
    height: 28px;
  }
  .h-md-28--force {
    height: 28px !important;
  }
  .max-h-md-28 {
    max-height: 28px;
  }
  .max-h-md-28--force {
    max-height: 28px !important;
  }
  .min-h-md-28 {
    min-height: 28px;
  }
  .min-h-md-28--force {
    min-height: 28px !important;
  }
  .h-md-32 {
    height: 32px;
  }
  .h-md-32--force {
    height: 32px !important;
  }
  .max-h-md-32 {
    max-height: 32px;
  }
  .max-h-md-32--force {
    max-height: 32px !important;
  }
  .min-h-md-32 {
    min-height: 32px;
  }
  .min-h-md-32--force {
    min-height: 32px !important;
  }
  .h-md-36 {
    height: 36px;
  }
  .h-md-36--force {
    height: 36px !important;
  }
  .max-h-md-36 {
    max-height: 36px;
  }
  .max-h-md-36--force {
    max-height: 36px !important;
  }
  .min-h-md-36 {
    min-height: 36px;
  }
  .min-h-md-36--force {
    min-height: 36px !important;
  }
  .h-md-40 {
    height: 40px;
  }
  .h-md-40--force {
    height: 40px !important;
  }
  .max-h-md-40 {
    max-height: 40px;
  }
  .max-h-md-40--force {
    max-height: 40px !important;
  }
  .min-h-md-40 {
    min-height: 40px;
  }
  .min-h-md-40--force {
    min-height: 40px !important;
  }
  .h-md-44 {
    height: 44px;
  }
  .h-md-44--force {
    height: 44px !important;
  }
  .max-h-md-44 {
    max-height: 44px;
  }
  .max-h-md-44--force {
    max-height: 44px !important;
  }
  .min-h-md-44 {
    min-height: 44px;
  }
  .min-h-md-44--force {
    min-height: 44px !important;
  }
  .h-md-48 {
    height: 48px;
  }
  .h-md-48--force {
    height: 48px !important;
  }
  .max-h-md-48 {
    max-height: 48px;
  }
  .max-h-md-48--force {
    max-height: 48px !important;
  }
  .min-h-md-48 {
    min-height: 48px;
  }
  .min-h-md-48--force {
    min-height: 48px !important;
  }
  .h-md-52 {
    height: 52px;
  }
  .h-md-52--force {
    height: 52px !important;
  }
  .max-h-md-52 {
    max-height: 52px;
  }
  .max-h-md-52--force {
    max-height: 52px !important;
  }
  .min-h-md-52 {
    min-height: 52px;
  }
  .min-h-md-52--force {
    min-height: 52px !important;
  }
  .h-md-56 {
    height: 56px;
  }
  .h-md-56--force {
    height: 56px !important;
  }
  .max-h-md-56 {
    max-height: 56px;
  }
  .max-h-md-56--force {
    max-height: 56px !important;
  }
  .min-h-md-56 {
    min-height: 56px;
  }
  .min-h-md-56--force {
    min-height: 56px !important;
  }
  .h-md-60 {
    height: 60px;
  }
  .h-md-60--force {
    height: 60px !important;
  }
  .max-h-md-60 {
    max-height: 60px;
  }
  .max-h-md-60--force {
    max-height: 60px !important;
  }
  .min-h-md-60 {
    min-height: 60px;
  }
  .min-h-md-60--force {
    min-height: 60px !important;
  }
  .h-md-64 {
    height: 64px;
  }
  .h-md-64--force {
    height: 64px !important;
  }
  .max-h-md-64 {
    max-height: 64px;
  }
  .max-h-md-64--force {
    max-height: 64px !important;
  }
  .min-h-md-64 {
    min-height: 64px;
  }
  .min-h-md-64--force {
    min-height: 64px !important;
  }
  .h-md-68 {
    height: 68px;
  }
  .h-md-68--force {
    height: 68px !important;
  }
  .max-h-md-68 {
    max-height: 68px;
  }
  .max-h-md-68--force {
    max-height: 68px !important;
  }
  .min-h-md-68 {
    min-height: 68px;
  }
  .min-h-md-68--force {
    min-height: 68px !important;
  }
  .h-md-72 {
    height: 72px;
  }
  .h-md-72--force {
    height: 72px !important;
  }
  .max-h-md-72 {
    max-height: 72px;
  }
  .max-h-md-72--force {
    max-height: 72px !important;
  }
  .min-h-md-72 {
    min-height: 72px;
  }
  .min-h-md-72--force {
    min-height: 72px !important;
  }
  .h-md-76 {
    height: 76px;
  }
  .h-md-76--force {
    height: 76px !important;
  }
  .max-h-md-76 {
    max-height: 76px;
  }
  .max-h-md-76--force {
    max-height: 76px !important;
  }
  .min-h-md-76 {
    min-height: 76px;
  }
  .min-h-md-76--force {
    min-height: 76px !important;
  }
  .h-md-80 {
    height: 80px;
  }
  .h-md-80--force {
    height: 80px !important;
  }
  .max-h-md-80 {
    max-height: 80px;
  }
  .max-h-md-80--force {
    max-height: 80px !important;
  }
  .min-h-md-80 {
    min-height: 80px;
  }
  .min-h-md-80--force {
    min-height: 80px !important;
  }
  .h-md-84 {
    height: 84px;
  }
  .h-md-84--force {
    height: 84px !important;
  }
  .max-h-md-84 {
    max-height: 84px;
  }
  .max-h-md-84--force {
    max-height: 84px !important;
  }
  .min-h-md-84 {
    min-height: 84px;
  }
  .min-h-md-84--force {
    min-height: 84px !important;
  }
  .h-md-88 {
    height: 88px;
  }
  .h-md-88--force {
    height: 88px !important;
  }
  .max-h-md-88 {
    max-height: 88px;
  }
  .max-h-md-88--force {
    max-height: 88px !important;
  }
  .min-h-md-88 {
    min-height: 88px;
  }
  .min-h-md-88--force {
    min-height: 88px !important;
  }
  .h-md-92 {
    height: 92px;
  }
  .h-md-92--force {
    height: 92px !important;
  }
  .max-h-md-92 {
    max-height: 92px;
  }
  .max-h-md-92--force {
    max-height: 92px !important;
  }
  .min-h-md-92 {
    min-height: 92px;
  }
  .min-h-md-92--force {
    min-height: 92px !important;
  }
  .h-md-96 {
    height: 96px;
  }
  .h-md-96--force {
    height: 96px !important;
  }
  .max-h-md-96 {
    max-height: 96px;
  }
  .max-h-md-96--force {
    max-height: 96px !important;
  }
  .min-h-md-96 {
    min-height: 96px;
  }
  .min-h-md-96--force {
    min-height: 96px !important;
  }
  .h-md-100 {
    height: 100px;
  }
  .h-md-100--force {
    height: 100px !important;
  }
  .max-h-md-100 {
    max-height: 100px;
  }
  .max-h-md-100--force {
    max-height: 100px !important;
  }
  .min-h-md-100 {
    min-height: 100px;
  }
  .min-h-md-100--force {
    min-height: 100px !important;
  }
  .h-md-104 {
    height: 104px;
  }
  .h-md-104--force {
    height: 104px !important;
  }
  .max-h-md-104 {
    max-height: 104px;
  }
  .max-h-md-104--force {
    max-height: 104px !important;
  }
  .min-h-md-104 {
    min-height: 104px;
  }
  .min-h-md-104--force {
    min-height: 104px !important;
  }
  .h-md-108 {
    height: 108px;
  }
  .h-md-108--force {
    height: 108px !important;
  }
  .max-h-md-108 {
    max-height: 108px;
  }
  .max-h-md-108--force {
    max-height: 108px !important;
  }
  .min-h-md-108 {
    min-height: 108px;
  }
  .min-h-md-108--force {
    min-height: 108px !important;
  }
  .h-md-112 {
    height: 112px;
  }
  .h-md-112--force {
    height: 112px !important;
  }
  .max-h-md-112 {
    max-height: 112px;
  }
  .max-h-md-112--force {
    max-height: 112px !important;
  }
  .min-h-md-112 {
    min-height: 112px;
  }
  .min-h-md-112--force {
    min-height: 112px !important;
  }
  .h-md-116 {
    height: 116px;
  }
  .h-md-116--force {
    height: 116px !important;
  }
  .max-h-md-116 {
    max-height: 116px;
  }
  .max-h-md-116--force {
    max-height: 116px !important;
  }
  .min-h-md-116 {
    min-height: 116px;
  }
  .min-h-md-116--force {
    min-height: 116px !important;
  }
  .h-md-120 {
    height: 120px;
  }
  .h-md-120--force {
    height: 120px !important;
  }
  .max-h-md-120 {
    max-height: 120px;
  }
  .max-h-md-120--force {
    max-height: 120px !important;
  }
  .min-h-md-120 {
    min-height: 120px;
  }
  .min-h-md-120--force {
    min-height: 120px !important;
  }
  .h-md-124 {
    height: 124px;
  }
  .h-md-124--force {
    height: 124px !important;
  }
  .max-h-md-124 {
    max-height: 124px;
  }
  .max-h-md-124--force {
    max-height: 124px !important;
  }
  .min-h-md-124 {
    min-height: 124px;
  }
  .min-h-md-124--force {
    min-height: 124px !important;
  }
  .h-md-128 {
    height: 128px;
  }
  .h-md-128--force {
    height: 128px !important;
  }
  .max-h-md-128 {
    max-height: 128px;
  }
  .max-h-md-128--force {
    max-height: 128px !important;
  }
  .min-h-md-128 {
    min-height: 128px;
  }
  .min-h-md-128--force {
    min-height: 128px !important;
  }
  .h-md-132 {
    height: 132px;
  }
  .h-md-132--force {
    height: 132px !important;
  }
  .max-h-md-132 {
    max-height: 132px;
  }
  .max-h-md-132--force {
    max-height: 132px !important;
  }
  .min-h-md-132 {
    min-height: 132px;
  }
  .min-h-md-132--force {
    min-height: 132px !important;
  }
  .h-md-136 {
    height: 136px;
  }
  .h-md-136--force {
    height: 136px !important;
  }
  .max-h-md-136 {
    max-height: 136px;
  }
  .max-h-md-136--force {
    max-height: 136px !important;
  }
  .min-h-md-136 {
    min-height: 136px;
  }
  .min-h-md-136--force {
    min-height: 136px !important;
  }
  .h-md-140 {
    height: 140px;
  }
  .h-md-140--force {
    height: 140px !important;
  }
  .max-h-md-140 {
    max-height: 140px;
  }
  .max-h-md-140--force {
    max-height: 140px !important;
  }
  .min-h-md-140 {
    min-height: 140px;
  }
  .min-h-md-140--force {
    min-height: 140px !important;
  }
  .h-md-144 {
    height: 144px;
  }
  .h-md-144--force {
    height: 144px !important;
  }
  .max-h-md-144 {
    max-height: 144px;
  }
  .max-h-md-144--force {
    max-height: 144px !important;
  }
  .min-h-md-144 {
    min-height: 144px;
  }
  .min-h-md-144--force {
    min-height: 144px !important;
  }
  .h-md-148 {
    height: 148px;
  }
  .h-md-148--force {
    height: 148px !important;
  }
  .max-h-md-148 {
    max-height: 148px;
  }
  .max-h-md-148--force {
    max-height: 148px !important;
  }
  .min-h-md-148 {
    min-height: 148px;
  }
  .min-h-md-148--force {
    min-height: 148px !important;
  }
  .h-md-152 {
    height: 152px;
  }
  .h-md-152--force {
    height: 152px !important;
  }
  .max-h-md-152 {
    max-height: 152px;
  }
  .max-h-md-152--force {
    max-height: 152px !important;
  }
  .min-h-md-152 {
    min-height: 152px;
  }
  .min-h-md-152--force {
    min-height: 152px !important;
  }
  .h-md-156 {
    height: 156px;
  }
  .h-md-156--force {
    height: 156px !important;
  }
  .max-h-md-156 {
    max-height: 156px;
  }
  .max-h-md-156--force {
    max-height: 156px !important;
  }
  .min-h-md-156 {
    min-height: 156px;
  }
  .min-h-md-156--force {
    min-height: 156px !important;
  }
  .h-md-160 {
    height: 160px;
  }
  .h-md-160--force {
    height: 160px !important;
  }
  .max-h-md-160 {
    max-height: 160px;
  }
  .max-h-md-160--force {
    max-height: 160px !important;
  }
  .min-h-md-160 {
    min-height: 160px;
  }
  .min-h-md-160--force {
    min-height: 160px !important;
  }
  .h-md-164 {
    height: 164px;
  }
  .h-md-164--force {
    height: 164px !important;
  }
  .max-h-md-164 {
    max-height: 164px;
  }
  .max-h-md-164--force {
    max-height: 164px !important;
  }
  .min-h-md-164 {
    min-height: 164px;
  }
  .min-h-md-164--force {
    min-height: 164px !important;
  }
  .h-md-168 {
    height: 168px;
  }
  .h-md-168--force {
    height: 168px !important;
  }
  .max-h-md-168 {
    max-height: 168px;
  }
  .max-h-md-168--force {
    max-height: 168px !important;
  }
  .min-h-md-168 {
    min-height: 168px;
  }
  .min-h-md-168--force {
    min-height: 168px !important;
  }
  .h-md-172 {
    height: 172px;
  }
  .h-md-172--force {
    height: 172px !important;
  }
  .max-h-md-172 {
    max-height: 172px;
  }
  .max-h-md-172--force {
    max-height: 172px !important;
  }
  .min-h-md-172 {
    min-height: 172px;
  }
  .min-h-md-172--force {
    min-height: 172px !important;
  }
  .h-md-176 {
    height: 176px;
  }
  .h-md-176--force {
    height: 176px !important;
  }
  .max-h-md-176 {
    max-height: 176px;
  }
  .max-h-md-176--force {
    max-height: 176px !important;
  }
  .min-h-md-176 {
    min-height: 176px;
  }
  .min-h-md-176--force {
    min-height: 176px !important;
  }
  .h-md-180 {
    height: 180px;
  }
  .h-md-180--force {
    height: 180px !important;
  }
  .max-h-md-180 {
    max-height: 180px;
  }
  .max-h-md-180--force {
    max-height: 180px !important;
  }
  .min-h-md-180 {
    min-height: 180px;
  }
  .min-h-md-180--force {
    min-height: 180px !important;
  }
  .h-md-184 {
    height: 184px;
  }
  .h-md-184--force {
    height: 184px !important;
  }
  .max-h-md-184 {
    max-height: 184px;
  }
  .max-h-md-184--force {
    max-height: 184px !important;
  }
  .min-h-md-184 {
    min-height: 184px;
  }
  .min-h-md-184--force {
    min-height: 184px !important;
  }
  .h-md-188 {
    height: 188px;
  }
  .h-md-188--force {
    height: 188px !important;
  }
  .max-h-md-188 {
    max-height: 188px;
  }
  .max-h-md-188--force {
    max-height: 188px !important;
  }
  .min-h-md-188 {
    min-height: 188px;
  }
  .min-h-md-188--force {
    min-height: 188px !important;
  }
  .h-md-192 {
    height: 192px;
  }
  .h-md-192--force {
    height: 192px !important;
  }
  .max-h-md-192 {
    max-height: 192px;
  }
  .max-h-md-192--force {
    max-height: 192px !important;
  }
  .min-h-md-192 {
    min-height: 192px;
  }
  .min-h-md-192--force {
    min-height: 192px !important;
  }
  .h-md-196 {
    height: 196px;
  }
  .h-md-196--force {
    height: 196px !important;
  }
  .max-h-md-196 {
    max-height: 196px;
  }
  .max-h-md-196--force {
    max-height: 196px !important;
  }
  .min-h-md-196 {
    min-height: 196px;
  }
  .min-h-md-196--force {
    min-height: 196px !important;
  }
  .h-md-200 {
    height: 200px;
  }
  .h-md-200--force {
    height: 200px !important;
  }
  .max-h-md-200 {
    max-height: 200px;
  }
  .max-h-md-200--force {
    max-height: 200px !important;
  }
  .min-h-md-200 {
    min-height: 200px;
  }
  .min-h-md-200--force {
    min-height: 200px !important;
  }
  .h-md-204 {
    height: 204px;
  }
  .h-md-204--force {
    height: 204px !important;
  }
  .max-h-md-204 {
    max-height: 204px;
  }
  .max-h-md-204--force {
    max-height: 204px !important;
  }
  .min-h-md-204 {
    min-height: 204px;
  }
  .min-h-md-204--force {
    min-height: 204px !important;
  }
  .h-md-208 {
    height: 208px;
  }
  .h-md-208--force {
    height: 208px !important;
  }
  .max-h-md-208 {
    max-height: 208px;
  }
  .max-h-md-208--force {
    max-height: 208px !important;
  }
  .min-h-md-208 {
    min-height: 208px;
  }
  .min-h-md-208--force {
    min-height: 208px !important;
  }
  .h-md-212 {
    height: 212px;
  }
  .h-md-212--force {
    height: 212px !important;
  }
  .max-h-md-212 {
    max-height: 212px;
  }
  .max-h-md-212--force {
    max-height: 212px !important;
  }
  .min-h-md-212 {
    min-height: 212px;
  }
  .min-h-md-212--force {
    min-height: 212px !important;
  }
  .h-md-216 {
    height: 216px;
  }
  .h-md-216--force {
    height: 216px !important;
  }
  .max-h-md-216 {
    max-height: 216px;
  }
  .max-h-md-216--force {
    max-height: 216px !important;
  }
  .min-h-md-216 {
    min-height: 216px;
  }
  .min-h-md-216--force {
    min-height: 216px !important;
  }
  .h-md-220 {
    height: 220px;
  }
  .h-md-220--force {
    height: 220px !important;
  }
  .max-h-md-220 {
    max-height: 220px;
  }
  .max-h-md-220--force {
    max-height: 220px !important;
  }
  .min-h-md-220 {
    min-height: 220px;
  }
  .min-h-md-220--force {
    min-height: 220px !important;
  }
  .h-md-224 {
    height: 224px;
  }
  .h-md-224--force {
    height: 224px !important;
  }
  .max-h-md-224 {
    max-height: 224px;
  }
  .max-h-md-224--force {
    max-height: 224px !important;
  }
  .min-h-md-224 {
    min-height: 224px;
  }
  .min-h-md-224--force {
    min-height: 224px !important;
  }
  .h-md-228 {
    height: 228px;
  }
  .h-md-228--force {
    height: 228px !important;
  }
  .max-h-md-228 {
    max-height: 228px;
  }
  .max-h-md-228--force {
    max-height: 228px !important;
  }
  .min-h-md-228 {
    min-height: 228px;
  }
  .min-h-md-228--force {
    min-height: 228px !important;
  }
  .h-md-232 {
    height: 232px;
  }
  .h-md-232--force {
    height: 232px !important;
  }
  .max-h-md-232 {
    max-height: 232px;
  }
  .max-h-md-232--force {
    max-height: 232px !important;
  }
  .min-h-md-232 {
    min-height: 232px;
  }
  .min-h-md-232--force {
    min-height: 232px !important;
  }
  .h-md-236 {
    height: 236px;
  }
  .h-md-236--force {
    height: 236px !important;
  }
  .max-h-md-236 {
    max-height: 236px;
  }
  .max-h-md-236--force {
    max-height: 236px !important;
  }
  .min-h-md-236 {
    min-height: 236px;
  }
  .min-h-md-236--force {
    min-height: 236px !important;
  }
  .h-md-240 {
    height: 240px;
  }
  .h-md-240--force {
    height: 240px !important;
  }
  .max-h-md-240 {
    max-height: 240px;
  }
  .max-h-md-240--force {
    max-height: 240px !important;
  }
  .min-h-md-240 {
    min-height: 240px;
  }
  .min-h-md-240--force {
    min-height: 240px !important;
  }
  .h-md-244 {
    height: 244px;
  }
  .h-md-244--force {
    height: 244px !important;
  }
  .max-h-md-244 {
    max-height: 244px;
  }
  .max-h-md-244--force {
    max-height: 244px !important;
  }
  .min-h-md-244 {
    min-height: 244px;
  }
  .min-h-md-244--force {
    min-height: 244px !important;
  }
  .h-md-248 {
    height: 248px;
  }
  .h-md-248--force {
    height: 248px !important;
  }
  .max-h-md-248 {
    max-height: 248px;
  }
  .max-h-md-248--force {
    max-height: 248px !important;
  }
  .min-h-md-248 {
    min-height: 248px;
  }
  .min-h-md-248--force {
    min-height: 248px !important;
  }
  .h-md-252 {
    height: 252px;
  }
  .h-md-252--force {
    height: 252px !important;
  }
  .max-h-md-252 {
    max-height: 252px;
  }
  .max-h-md-252--force {
    max-height: 252px !important;
  }
  .min-h-md-252 {
    min-height: 252px;
  }
  .min-h-md-252--force {
    min-height: 252px !important;
  }
  .h-md-256 {
    height: 256px;
  }
  .h-md-256--force {
    height: 256px !important;
  }
  .max-h-md-256 {
    max-height: 256px;
  }
  .max-h-md-256--force {
    max-height: 256px !important;
  }
  .min-h-md-256 {
    min-height: 256px;
  }
  .min-h-md-256--force {
    min-height: 256px !important;
  }
  .h-md-0-p {
    height: 0%;
  }
  .h-md-0-p--force {
    height: 0% !important;
  }
  .max-h-md-0-p {
    max-height: 0%;
  }
  .max-h-md-0-p--force {
    max-height: 0% !important;
  }
  .min-h-md-0-p {
    min-height: 0%;
  }
  .min-h-md-0-p--force {
    min-height: 0% !important;
  }
  .h-md-5-p {
    height: 5%;
  }
  .h-md-5-p--force {
    height: 5% !important;
  }
  .max-h-md-5-p {
    max-height: 5%;
  }
  .max-h-md-5-p--force {
    max-height: 5% !important;
  }
  .min-h-md-5-p {
    min-height: 5%;
  }
  .min-h-md-5-p--force {
    min-height: 5% !important;
  }
  .h-md-10-p {
    height: 10%;
  }
  .h-md-10-p--force {
    height: 10% !important;
  }
  .max-h-md-10-p {
    max-height: 10%;
  }
  .max-h-md-10-p--force {
    max-height: 10% !important;
  }
  .min-h-md-10-p {
    min-height: 10%;
  }
  .min-h-md-10-p--force {
    min-height: 10% !important;
  }
  .h-md-15-p {
    height: 15%;
  }
  .h-md-15-p--force {
    height: 15% !important;
  }
  .max-h-md-15-p {
    max-height: 15%;
  }
  .max-h-md-15-p--force {
    max-height: 15% !important;
  }
  .min-h-md-15-p {
    min-height: 15%;
  }
  .min-h-md-15-p--force {
    min-height: 15% !important;
  }
  .h-md-20-p {
    height: 20%;
  }
  .h-md-20-p--force {
    height: 20% !important;
  }
  .max-h-md-20-p {
    max-height: 20%;
  }
  .max-h-md-20-p--force {
    max-height: 20% !important;
  }
  .min-h-md-20-p {
    min-height: 20%;
  }
  .min-h-md-20-p--force {
    min-height: 20% !important;
  }
  .h-md-25-p {
    height: 25%;
  }
  .h-md-25-p--force {
    height: 25% !important;
  }
  .max-h-md-25-p {
    max-height: 25%;
  }
  .max-h-md-25-p--force {
    max-height: 25% !important;
  }
  .min-h-md-25-p {
    min-height: 25%;
  }
  .min-h-md-25-p--force {
    min-height: 25% !important;
  }
  .h-md-30-p {
    height: 30%;
  }
  .h-md-30-p--force {
    height: 30% !important;
  }
  .max-h-md-30-p {
    max-height: 30%;
  }
  .max-h-md-30-p--force {
    max-height: 30% !important;
  }
  .min-h-md-30-p {
    min-height: 30%;
  }
  .min-h-md-30-p--force {
    min-height: 30% !important;
  }
  .h-md-35-p {
    height: 35%;
  }
  .h-md-35-p--force {
    height: 35% !important;
  }
  .max-h-md-35-p {
    max-height: 35%;
  }
  .max-h-md-35-p--force {
    max-height: 35% !important;
  }
  .min-h-md-35-p {
    min-height: 35%;
  }
  .min-h-md-35-p--force {
    min-height: 35% !important;
  }
  .h-md-40-p {
    height: 40%;
  }
  .h-md-40-p--force {
    height: 40% !important;
  }
  .max-h-md-40-p {
    max-height: 40%;
  }
  .max-h-md-40-p--force {
    max-height: 40% !important;
  }
  .min-h-md-40-p {
    min-height: 40%;
  }
  .min-h-md-40-p--force {
    min-height: 40% !important;
  }
  .h-md-45-p {
    height: 45%;
  }
  .h-md-45-p--force {
    height: 45% !important;
  }
  .max-h-md-45-p {
    max-height: 45%;
  }
  .max-h-md-45-p--force {
    max-height: 45% !important;
  }
  .min-h-md-45-p {
    min-height: 45%;
  }
  .min-h-md-45-p--force {
    min-height: 45% !important;
  }
  .h-md-50-p {
    height: 50%;
  }
  .h-md-50-p--force {
    height: 50% !important;
  }
  .max-h-md-50-p {
    max-height: 50%;
  }
  .max-h-md-50-p--force {
    max-height: 50% !important;
  }
  .min-h-md-50-p {
    min-height: 50%;
  }
  .min-h-md-50-p--force {
    min-height: 50% !important;
  }
  .h-md-55-p {
    height: 55%;
  }
  .h-md-55-p--force {
    height: 55% !important;
  }
  .max-h-md-55-p {
    max-height: 55%;
  }
  .max-h-md-55-p--force {
    max-height: 55% !important;
  }
  .min-h-md-55-p {
    min-height: 55%;
  }
  .min-h-md-55-p--force {
    min-height: 55% !important;
  }
  .h-md-60-p {
    height: 60%;
  }
  .h-md-60-p--force {
    height: 60% !important;
  }
  .max-h-md-60-p {
    max-height: 60%;
  }
  .max-h-md-60-p--force {
    max-height: 60% !important;
  }
  .min-h-md-60-p {
    min-height: 60%;
  }
  .min-h-md-60-p--force {
    min-height: 60% !important;
  }
  .h-md-65-p {
    height: 65%;
  }
  .h-md-65-p--force {
    height: 65% !important;
  }
  .max-h-md-65-p {
    max-height: 65%;
  }
  .max-h-md-65-p--force {
    max-height: 65% !important;
  }
  .min-h-md-65-p {
    min-height: 65%;
  }
  .min-h-md-65-p--force {
    min-height: 65% !important;
  }
  .h-md-70-p {
    height: 70%;
  }
  .h-md-70-p--force {
    height: 70% !important;
  }
  .max-h-md-70-p {
    max-height: 70%;
  }
  .max-h-md-70-p--force {
    max-height: 70% !important;
  }
  .min-h-md-70-p {
    min-height: 70%;
  }
  .min-h-md-70-p--force {
    min-height: 70% !important;
  }
  .h-md-75-p {
    height: 75%;
  }
  .h-md-75-p--force {
    height: 75% !important;
  }
  .max-h-md-75-p {
    max-height: 75%;
  }
  .max-h-md-75-p--force {
    max-height: 75% !important;
  }
  .min-h-md-75-p {
    min-height: 75%;
  }
  .min-h-md-75-p--force {
    min-height: 75% !important;
  }
  .h-md-80-p {
    height: 80%;
  }
  .h-md-80-p--force {
    height: 80% !important;
  }
  .max-h-md-80-p {
    max-height: 80%;
  }
  .max-h-md-80-p--force {
    max-height: 80% !important;
  }
  .min-h-md-80-p {
    min-height: 80%;
  }
  .min-h-md-80-p--force {
    min-height: 80% !important;
  }
  .h-md-85-p {
    height: 85%;
  }
  .h-md-85-p--force {
    height: 85% !important;
  }
  .max-h-md-85-p {
    max-height: 85%;
  }
  .max-h-md-85-p--force {
    max-height: 85% !important;
  }
  .min-h-md-85-p {
    min-height: 85%;
  }
  .min-h-md-85-p--force {
    min-height: 85% !important;
  }
  .h-md-90-p {
    height: 90%;
  }
  .h-md-90-p--force {
    height: 90% !important;
  }
  .max-h-md-90-p {
    max-height: 90%;
  }
  .max-h-md-90-p--force {
    max-height: 90% !important;
  }
  .min-h-md-90-p {
    min-height: 90%;
  }
  .min-h-md-90-p--force {
    min-height: 90% !important;
  }
  .h-md-95-p {
    height: 95%;
  }
  .h-md-95-p--force {
    height: 95% !important;
  }
  .max-h-md-95-p {
    max-height: 95%;
  }
  .max-h-md-95-p--force {
    max-height: 95% !important;
  }
  .min-h-md-95-p {
    min-height: 95%;
  }
  .min-h-md-95-p--force {
    min-height: 95% !important;
  }
  .h-md-100-p {
    height: 100%;
  }
  .h-md-100-p--force {
    height: 100% !important;
  }
  .max-h-md-100-p {
    max-height: 100%;
  }
  .max-h-md-100-p--force {
    max-height: 100% !important;
  }
  .min-h-md-100-p {
    min-height: 100%;
  }
  .min-h-md-100-p--force {
    min-height: 100% !important;
  }
  .h-md-300 {
    height: 300px;
  }
  .h-md-300--force {
    height: 300px !important;
  }
  .max-h-md-300 {
    max-height: 300px;
  }
  .max-h-md-300--force {
    max-height: 300px !important;
  }
  .min-h-md-300 {
    min-height: 300px;
  }
  .min-h-md-300--force {
    min-height: 300px !important;
  }
  .h-md-400 {
    height: 400px;
  }
  .h-md-400--force {
    height: 400px !important;
  }
  .max-h-md-400 {
    max-height: 400px;
  }
  .max-h-md-400--force {
    max-height: 400px !important;
  }
  .min-h-md-400 {
    min-height: 400px;
  }
  .min-h-md-400--force {
    min-height: 400px !important;
  }
  .h-md-500 {
    height: 500px;
  }
  .h-md-500--force {
    height: 500px !important;
  }
  .max-h-md-500 {
    max-height: 500px;
  }
  .max-h-md-500--force {
    max-height: 500px !important;
  }
  .min-h-md-500 {
    min-height: 500px;
  }
  .min-h-md-500--force {
    min-height: 500px !important;
  }
  .h-md-600 {
    height: 600px;
  }
  .h-md-600--force {
    height: 600px !important;
  }
  .max-h-md-600 {
    max-height: 600px;
  }
  .max-h-md-600--force {
    max-height: 600px !important;
  }
  .min-h-md-600 {
    min-height: 600px;
  }
  .min-h-md-600--force {
    min-height: 600px !important;
  }
  .h-md-700 {
    height: 700px;
  }
  .h-md-700--force {
    height: 700px !important;
  }
  .max-h-md-700 {
    max-height: 700px;
  }
  .max-h-md-700--force {
    max-height: 700px !important;
  }
  .min-h-md-700 {
    min-height: 700px;
  }
  .min-h-md-700--force {
    min-height: 700px !important;
  }
  .h-md-800 {
    height: 800px;
  }
  .h-md-800--force {
    height: 800px !important;
  }
  .max-h-md-800 {
    max-height: 800px;
  }
  .max-h-md-800--force {
    max-height: 800px !important;
  }
  .min-h-md-800 {
    min-height: 800px;
  }
  .min-h-md-800--force {
    min-height: 800px !important;
  }
  .h-md-900 {
    height: 900px;
  }
  .h-md-900--force {
    height: 900px !important;
  }
  .max-h-md-900 {
    max-height: 900px;
  }
  .max-h-md-900--force {
    max-height: 900px !important;
  }
  .min-h-md-900 {
    min-height: 900px;
  }
  .min-h-md-900--force {
    min-height: 900px !important;
  }
  .h-md-1000 {
    height: 1000px;
  }
  .h-md-1000--force {
    height: 1000px !important;
  }
  .max-h-md-1000 {
    max-height: 1000px;
  }
  .max-h-md-1000--force {
    max-height: 1000px !important;
  }
  .min-h-md-1000 {
    min-height: 1000px;
  }
  .min-h-md-1000--force {
    min-height: 1000px !important;
  }
  .h-md-1100 {
    height: 1100px;
  }
  .h-md-1100--force {
    height: 1100px !important;
  }
  .max-h-md-1100 {
    max-height: 1100px;
  }
  .max-h-md-1100--force {
    max-height: 1100px !important;
  }
  .min-h-md-1100 {
    min-height: 1100px;
  }
  .min-h-md-1100--force {
    min-height: 1100px !important;
  }
  .h-md-1200 {
    height: 1200px;
  }
  .h-md-1200--force {
    height: 1200px !important;
  }
  .max-h-md-1200 {
    max-height: 1200px;
  }
  .max-h-md-1200--force {
    max-height: 1200px !important;
  }
  .min-h-md-1200 {
    min-height: 1200px;
  }
  .min-h-md-1200--force {
    min-height: 1200px !important;
  }
  .h-md-1300 {
    height: 1300px;
  }
  .h-md-1300--force {
    height: 1300px !important;
  }
  .max-h-md-1300 {
    max-height: 1300px;
  }
  .max-h-md-1300--force {
    max-height: 1300px !important;
  }
  .min-h-md-1300 {
    min-height: 1300px;
  }
  .min-h-md-1300--force {
    min-height: 1300px !important;
  }
  .h-md-1400 {
    height: 1400px;
  }
  .h-md-1400--force {
    height: 1400px !important;
  }
  .max-h-md-1400 {
    max-height: 1400px;
  }
  .max-h-md-1400--force {
    max-height: 1400px !important;
  }
  .min-h-md-1400 {
    min-height: 1400px;
  }
  .min-h-md-1400--force {
    min-height: 1400px !important;
  }
  .h-md-1500 {
    height: 1500px;
  }
  .h-md-1500--force {
    height: 1500px !important;
  }
  .max-h-md-1500 {
    max-height: 1500px;
  }
  .max-h-md-1500--force {
    max-height: 1500px !important;
  }
  .min-h-md-1500 {
    min-height: 1500px;
  }
  .min-h-md-1500--force {
    min-height: 1500px !important;
  }
  .h-md-1600 {
    height: 1600px;
  }
  .h-md-1600--force {
    height: 1600px !important;
  }
  .max-h-md-1600 {
    max-height: 1600px;
  }
  .max-h-md-1600--force {
    max-height: 1600px !important;
  }
  .min-h-md-1600 {
    min-height: 1600px;
  }
  .min-h-md-1600--force {
    min-height: 1600px !important;
  }
  .h-md-1700 {
    height: 1700px;
  }
  .h-md-1700--force {
    height: 1700px !important;
  }
  .max-h-md-1700 {
    max-height: 1700px;
  }
  .max-h-md-1700--force {
    max-height: 1700px !important;
  }
  .min-h-md-1700 {
    min-height: 1700px;
  }
  .min-h-md-1700--force {
    min-height: 1700px !important;
  }
  .h-md-1800 {
    height: 1800px;
  }
  .h-md-1800--force {
    height: 1800px !important;
  }
  .max-h-md-1800 {
    max-height: 1800px;
  }
  .max-h-md-1800--force {
    max-height: 1800px !important;
  }
  .min-h-md-1800 {
    min-height: 1800px;
  }
  .min-h-md-1800--force {
    min-height: 1800px !important;
  }
  .h-md-1900 {
    height: 1900px;
  }
  .h-md-1900--force {
    height: 1900px !important;
  }
  .max-h-md-1900 {
    max-height: 1900px;
  }
  .max-h-md-1900--force {
    max-height: 1900px !important;
  }
  .min-h-md-1900 {
    min-height: 1900px;
  }
  .min-h-md-1900--force {
    min-height: 1900px !important;
  }
  .h-md-2000 {
    height: 2000px;
  }
  .h-md-2000--force {
    height: 2000px !important;
  }
  .max-h-md-2000 {
    max-height: 2000px;
  }
  .max-h-md-2000--force {
    max-height: 2000px !important;
  }
  .min-h-md-2000 {
    min-height: 2000px;
  }
  .min-h-md-2000--force {
    min-height: 2000px !important;
  }
  .h-md-auto {
    height: auto;
  }
  .h-md-auto--force {
    height: auto !important;
  }
  .w-md-0 {
    width: 0px;
  }
  .w-md-0--force {
    width: 0px !important;
  }
  .max-w-md-0 {
    max-width: 0px;
  }
  .max-w-md-0--force {
    max-width: 0px !important;
  }
  .min-w-md-0 {
    min-width: 0px;
  }
  .min-w-md-0--force {
    min-width: 0px !important;
  }
  .w-md-4 {
    width: 4px;
  }
  .w-md-4--force {
    width: 4px !important;
  }
  .max-w-md-4 {
    max-width: 4px;
  }
  .max-w-md-4--force {
    max-width: 4px !important;
  }
  .min-w-md-4 {
    min-width: 4px;
  }
  .min-w-md-4--force {
    min-width: 4px !important;
  }
  .w-md-8 {
    width: 8px;
  }
  .w-md-8--force {
    width: 8px !important;
  }
  .max-w-md-8 {
    max-width: 8px;
  }
  .max-w-md-8--force {
    max-width: 8px !important;
  }
  .min-w-md-8 {
    min-width: 8px;
  }
  .min-w-md-8--force {
    min-width: 8px !important;
  }
  .w-md-12 {
    width: 12px;
  }
  .w-md-12--force {
    width: 12px !important;
  }
  .max-w-md-12 {
    max-width: 12px;
  }
  .max-w-md-12--force {
    max-width: 12px !important;
  }
  .min-w-md-12 {
    min-width: 12px;
  }
  .min-w-md-12--force {
    min-width: 12px !important;
  }
  .w-md-16 {
    width: 16px;
  }
  .w-md-16--force {
    width: 16px !important;
  }
  .max-w-md-16 {
    max-width: 16px;
  }
  .max-w-md-16--force {
    max-width: 16px !important;
  }
  .min-w-md-16 {
    min-width: 16px;
  }
  .min-w-md-16--force {
    min-width: 16px !important;
  }
  .w-md-20 {
    width: 20px;
  }
  .w-md-20--force {
    width: 20px !important;
  }
  .max-w-md-20 {
    max-width: 20px;
  }
  .max-w-md-20--force {
    max-width: 20px !important;
  }
  .min-w-md-20 {
    min-width: 20px;
  }
  .min-w-md-20--force {
    min-width: 20px !important;
  }
  .w-md-24 {
    width: 24px;
  }
  .w-md-24--force {
    width: 24px !important;
  }
  .max-w-md-24 {
    max-width: 24px;
  }
  .max-w-md-24--force {
    max-width: 24px !important;
  }
  .min-w-md-24 {
    min-width: 24px;
  }
  .min-w-md-24--force {
    min-width: 24px !important;
  }
  .w-md-28 {
    width: 28px;
  }
  .w-md-28--force {
    width: 28px !important;
  }
  .max-w-md-28 {
    max-width: 28px;
  }
  .max-w-md-28--force {
    max-width: 28px !important;
  }
  .min-w-md-28 {
    min-width: 28px;
  }
  .min-w-md-28--force {
    min-width: 28px !important;
  }
  .w-md-32 {
    width: 32px;
  }
  .w-md-32--force {
    width: 32px !important;
  }
  .max-w-md-32 {
    max-width: 32px;
  }
  .max-w-md-32--force {
    max-width: 32px !important;
  }
  .min-w-md-32 {
    min-width: 32px;
  }
  .min-w-md-32--force {
    min-width: 32px !important;
  }
  .w-md-36 {
    width: 36px;
  }
  .w-md-36--force {
    width: 36px !important;
  }
  .max-w-md-36 {
    max-width: 36px;
  }
  .max-w-md-36--force {
    max-width: 36px !important;
  }
  .min-w-md-36 {
    min-width: 36px;
  }
  .min-w-md-36--force {
    min-width: 36px !important;
  }
  .w-md-40 {
    width: 40px;
  }
  .w-md-40--force {
    width: 40px !important;
  }
  .max-w-md-40 {
    max-width: 40px;
  }
  .max-w-md-40--force {
    max-width: 40px !important;
  }
  .min-w-md-40 {
    min-width: 40px;
  }
  .min-w-md-40--force {
    min-width: 40px !important;
  }
  .w-md-44 {
    width: 44px;
  }
  .w-md-44--force {
    width: 44px !important;
  }
  .max-w-md-44 {
    max-width: 44px;
  }
  .max-w-md-44--force {
    max-width: 44px !important;
  }
  .min-w-md-44 {
    min-width: 44px;
  }
  .min-w-md-44--force {
    min-width: 44px !important;
  }
  .w-md-48 {
    width: 48px;
  }
  .w-md-48--force {
    width: 48px !important;
  }
  .max-w-md-48 {
    max-width: 48px;
  }
  .max-w-md-48--force {
    max-width: 48px !important;
  }
  .min-w-md-48 {
    min-width: 48px;
  }
  .min-w-md-48--force {
    min-width: 48px !important;
  }
  .w-md-52 {
    width: 52px;
  }
  .w-md-52--force {
    width: 52px !important;
  }
  .max-w-md-52 {
    max-width: 52px;
  }
  .max-w-md-52--force {
    max-width: 52px !important;
  }
  .min-w-md-52 {
    min-width: 52px;
  }
  .min-w-md-52--force {
    min-width: 52px !important;
  }
  .w-md-56 {
    width: 56px;
  }
  .w-md-56--force {
    width: 56px !important;
  }
  .max-w-md-56 {
    max-width: 56px;
  }
  .max-w-md-56--force {
    max-width: 56px !important;
  }
  .min-w-md-56 {
    min-width: 56px;
  }
  .min-w-md-56--force {
    min-width: 56px !important;
  }
  .w-md-60 {
    width: 60px;
  }
  .w-md-60--force {
    width: 60px !important;
  }
  .max-w-md-60 {
    max-width: 60px;
  }
  .max-w-md-60--force {
    max-width: 60px !important;
  }
  .min-w-md-60 {
    min-width: 60px;
  }
  .min-w-md-60--force {
    min-width: 60px !important;
  }
  .w-md-64 {
    width: 64px;
  }
  .w-md-64--force {
    width: 64px !important;
  }
  .max-w-md-64 {
    max-width: 64px;
  }
  .max-w-md-64--force {
    max-width: 64px !important;
  }
  .min-w-md-64 {
    min-width: 64px;
  }
  .min-w-md-64--force {
    min-width: 64px !important;
  }
  .w-md-68 {
    width: 68px;
  }
  .w-md-68--force {
    width: 68px !important;
  }
  .max-w-md-68 {
    max-width: 68px;
  }
  .max-w-md-68--force {
    max-width: 68px !important;
  }
  .min-w-md-68 {
    min-width: 68px;
  }
  .min-w-md-68--force {
    min-width: 68px !important;
  }
  .w-md-72 {
    width: 72px;
  }
  .w-md-72--force {
    width: 72px !important;
  }
  .max-w-md-72 {
    max-width: 72px;
  }
  .max-w-md-72--force {
    max-width: 72px !important;
  }
  .min-w-md-72 {
    min-width: 72px;
  }
  .min-w-md-72--force {
    min-width: 72px !important;
  }
  .w-md-76 {
    width: 76px;
  }
  .w-md-76--force {
    width: 76px !important;
  }
  .max-w-md-76 {
    max-width: 76px;
  }
  .max-w-md-76--force {
    max-width: 76px !important;
  }
  .min-w-md-76 {
    min-width: 76px;
  }
  .min-w-md-76--force {
    min-width: 76px !important;
  }
  .w-md-80 {
    width: 80px;
  }
  .w-md-80--force {
    width: 80px !important;
  }
  .max-w-md-80 {
    max-width: 80px;
  }
  .max-w-md-80--force {
    max-width: 80px !important;
  }
  .min-w-md-80 {
    min-width: 80px;
  }
  .min-w-md-80--force {
    min-width: 80px !important;
  }
  .w-md-84 {
    width: 84px;
  }
  .w-md-84--force {
    width: 84px !important;
  }
  .max-w-md-84 {
    max-width: 84px;
  }
  .max-w-md-84--force {
    max-width: 84px !important;
  }
  .min-w-md-84 {
    min-width: 84px;
  }
  .min-w-md-84--force {
    min-width: 84px !important;
  }
  .w-md-88 {
    width: 88px;
  }
  .w-md-88--force {
    width: 88px !important;
  }
  .max-w-md-88 {
    max-width: 88px;
  }
  .max-w-md-88--force {
    max-width: 88px !important;
  }
  .min-w-md-88 {
    min-width: 88px;
  }
  .min-w-md-88--force {
    min-width: 88px !important;
  }
  .w-md-92 {
    width: 92px;
  }
  .w-md-92--force {
    width: 92px !important;
  }
  .max-w-md-92 {
    max-width: 92px;
  }
  .max-w-md-92--force {
    max-width: 92px !important;
  }
  .min-w-md-92 {
    min-width: 92px;
  }
  .min-w-md-92--force {
    min-width: 92px !important;
  }
  .w-md-96 {
    width: 96px;
  }
  .w-md-96--force {
    width: 96px !important;
  }
  .max-w-md-96 {
    max-width: 96px;
  }
  .max-w-md-96--force {
    max-width: 96px !important;
  }
  .min-w-md-96 {
    min-width: 96px;
  }
  .min-w-md-96--force {
    min-width: 96px !important;
  }
  .w-md-100 {
    width: 100px;
  }
  .w-md-100--force {
    width: 100px !important;
  }
  .max-w-md-100 {
    max-width: 100px;
  }
  .max-w-md-100--force {
    max-width: 100px !important;
  }
  .min-w-md-100 {
    min-width: 100px;
  }
  .min-w-md-100--force {
    min-width: 100px !important;
  }
  .w-md-104 {
    width: 104px;
  }
  .w-md-104--force {
    width: 104px !important;
  }
  .max-w-md-104 {
    max-width: 104px;
  }
  .max-w-md-104--force {
    max-width: 104px !important;
  }
  .min-w-md-104 {
    min-width: 104px;
  }
  .min-w-md-104--force {
    min-width: 104px !important;
  }
  .w-md-108 {
    width: 108px;
  }
  .w-md-108--force {
    width: 108px !important;
  }
  .max-w-md-108 {
    max-width: 108px;
  }
  .max-w-md-108--force {
    max-width: 108px !important;
  }
  .min-w-md-108 {
    min-width: 108px;
  }
  .min-w-md-108--force {
    min-width: 108px !important;
  }
  .w-md-112 {
    width: 112px;
  }
  .w-md-112--force {
    width: 112px !important;
  }
  .max-w-md-112 {
    max-width: 112px;
  }
  .max-w-md-112--force {
    max-width: 112px !important;
  }
  .min-w-md-112 {
    min-width: 112px;
  }
  .min-w-md-112--force {
    min-width: 112px !important;
  }
  .w-md-116 {
    width: 116px;
  }
  .w-md-116--force {
    width: 116px !important;
  }
  .max-w-md-116 {
    max-width: 116px;
  }
  .max-w-md-116--force {
    max-width: 116px !important;
  }
  .min-w-md-116 {
    min-width: 116px;
  }
  .min-w-md-116--force {
    min-width: 116px !important;
  }
  .w-md-120 {
    width: 120px;
  }
  .w-md-120--force {
    width: 120px !important;
  }
  .max-w-md-120 {
    max-width: 120px;
  }
  .max-w-md-120--force {
    max-width: 120px !important;
  }
  .min-w-md-120 {
    min-width: 120px;
  }
  .min-w-md-120--force {
    min-width: 120px !important;
  }
  .w-md-124 {
    width: 124px;
  }
  .w-md-124--force {
    width: 124px !important;
  }
  .max-w-md-124 {
    max-width: 124px;
  }
  .max-w-md-124--force {
    max-width: 124px !important;
  }
  .min-w-md-124 {
    min-width: 124px;
  }
  .min-w-md-124--force {
    min-width: 124px !important;
  }
  .w-md-128 {
    width: 128px;
  }
  .w-md-128--force {
    width: 128px !important;
  }
  .max-w-md-128 {
    max-width: 128px;
  }
  .max-w-md-128--force {
    max-width: 128px !important;
  }
  .min-w-md-128 {
    min-width: 128px;
  }
  .min-w-md-128--force {
    min-width: 128px !important;
  }
  .w-md-132 {
    width: 132px;
  }
  .w-md-132--force {
    width: 132px !important;
  }
  .max-w-md-132 {
    max-width: 132px;
  }
  .max-w-md-132--force {
    max-width: 132px !important;
  }
  .min-w-md-132 {
    min-width: 132px;
  }
  .min-w-md-132--force {
    min-width: 132px !important;
  }
  .w-md-136 {
    width: 136px;
  }
  .w-md-136--force {
    width: 136px !important;
  }
  .max-w-md-136 {
    max-width: 136px;
  }
  .max-w-md-136--force {
    max-width: 136px !important;
  }
  .min-w-md-136 {
    min-width: 136px;
  }
  .min-w-md-136--force {
    min-width: 136px !important;
  }
  .w-md-140 {
    width: 140px;
  }
  .w-md-140--force {
    width: 140px !important;
  }
  .max-w-md-140 {
    max-width: 140px;
  }
  .max-w-md-140--force {
    max-width: 140px !important;
  }
  .min-w-md-140 {
    min-width: 140px;
  }
  .min-w-md-140--force {
    min-width: 140px !important;
  }
  .w-md-144 {
    width: 144px;
  }
  .w-md-144--force {
    width: 144px !important;
  }
  .max-w-md-144 {
    max-width: 144px;
  }
  .max-w-md-144--force {
    max-width: 144px !important;
  }
  .min-w-md-144 {
    min-width: 144px;
  }
  .min-w-md-144--force {
    min-width: 144px !important;
  }
  .w-md-148 {
    width: 148px;
  }
  .w-md-148--force {
    width: 148px !important;
  }
  .max-w-md-148 {
    max-width: 148px;
  }
  .max-w-md-148--force {
    max-width: 148px !important;
  }
  .min-w-md-148 {
    min-width: 148px;
  }
  .min-w-md-148--force {
    min-width: 148px !important;
  }
  .w-md-152 {
    width: 152px;
  }
  .w-md-152--force {
    width: 152px !important;
  }
  .max-w-md-152 {
    max-width: 152px;
  }
  .max-w-md-152--force {
    max-width: 152px !important;
  }
  .min-w-md-152 {
    min-width: 152px;
  }
  .min-w-md-152--force {
    min-width: 152px !important;
  }
  .w-md-156 {
    width: 156px;
  }
  .w-md-156--force {
    width: 156px !important;
  }
  .max-w-md-156 {
    max-width: 156px;
  }
  .max-w-md-156--force {
    max-width: 156px !important;
  }
  .min-w-md-156 {
    min-width: 156px;
  }
  .min-w-md-156--force {
    min-width: 156px !important;
  }
  .w-md-160 {
    width: 160px;
  }
  .w-md-160--force {
    width: 160px !important;
  }
  .max-w-md-160 {
    max-width: 160px;
  }
  .max-w-md-160--force {
    max-width: 160px !important;
  }
  .min-w-md-160 {
    min-width: 160px;
  }
  .min-w-md-160--force {
    min-width: 160px !important;
  }
  .w-md-164 {
    width: 164px;
  }
  .w-md-164--force {
    width: 164px !important;
  }
  .max-w-md-164 {
    max-width: 164px;
  }
  .max-w-md-164--force {
    max-width: 164px !important;
  }
  .min-w-md-164 {
    min-width: 164px;
  }
  .min-w-md-164--force {
    min-width: 164px !important;
  }
  .w-md-168 {
    width: 168px;
  }
  .w-md-168--force {
    width: 168px !important;
  }
  .max-w-md-168 {
    max-width: 168px;
  }
  .max-w-md-168--force {
    max-width: 168px !important;
  }
  .min-w-md-168 {
    min-width: 168px;
  }
  .min-w-md-168--force {
    min-width: 168px !important;
  }
  .w-md-172 {
    width: 172px;
  }
  .w-md-172--force {
    width: 172px !important;
  }
  .max-w-md-172 {
    max-width: 172px;
  }
  .max-w-md-172--force {
    max-width: 172px !important;
  }
  .min-w-md-172 {
    min-width: 172px;
  }
  .min-w-md-172--force {
    min-width: 172px !important;
  }
  .w-md-176 {
    width: 176px;
  }
  .w-md-176--force {
    width: 176px !important;
  }
  .max-w-md-176 {
    max-width: 176px;
  }
  .max-w-md-176--force {
    max-width: 176px !important;
  }
  .min-w-md-176 {
    min-width: 176px;
  }
  .min-w-md-176--force {
    min-width: 176px !important;
  }
  .w-md-180 {
    width: 180px;
  }
  .w-md-180--force {
    width: 180px !important;
  }
  .max-w-md-180 {
    max-width: 180px;
  }
  .max-w-md-180--force {
    max-width: 180px !important;
  }
  .min-w-md-180 {
    min-width: 180px;
  }
  .min-w-md-180--force {
    min-width: 180px !important;
  }
  .w-md-184 {
    width: 184px;
  }
  .w-md-184--force {
    width: 184px !important;
  }
  .max-w-md-184 {
    max-width: 184px;
  }
  .max-w-md-184--force {
    max-width: 184px !important;
  }
  .min-w-md-184 {
    min-width: 184px;
  }
  .min-w-md-184--force {
    min-width: 184px !important;
  }
  .w-md-188 {
    width: 188px;
  }
  .w-md-188--force {
    width: 188px !important;
  }
  .max-w-md-188 {
    max-width: 188px;
  }
  .max-w-md-188--force {
    max-width: 188px !important;
  }
  .min-w-md-188 {
    min-width: 188px;
  }
  .min-w-md-188--force {
    min-width: 188px !important;
  }
  .w-md-192 {
    width: 192px;
  }
  .w-md-192--force {
    width: 192px !important;
  }
  .max-w-md-192 {
    max-width: 192px;
  }
  .max-w-md-192--force {
    max-width: 192px !important;
  }
  .min-w-md-192 {
    min-width: 192px;
  }
  .min-w-md-192--force {
    min-width: 192px !important;
  }
  .w-md-196 {
    width: 196px;
  }
  .w-md-196--force {
    width: 196px !important;
  }
  .max-w-md-196 {
    max-width: 196px;
  }
  .max-w-md-196--force {
    max-width: 196px !important;
  }
  .min-w-md-196 {
    min-width: 196px;
  }
  .min-w-md-196--force {
    min-width: 196px !important;
  }
  .w-md-200 {
    width: 200px;
  }
  .w-md-200--force {
    width: 200px !important;
  }
  .max-w-md-200 {
    max-width: 200px;
  }
  .max-w-md-200--force {
    max-width: 200px !important;
  }
  .min-w-md-200 {
    min-width: 200px;
  }
  .min-w-md-200--force {
    min-width: 200px !important;
  }
  .w-md-204 {
    width: 204px;
  }
  .w-md-204--force {
    width: 204px !important;
  }
  .max-w-md-204 {
    max-width: 204px;
  }
  .max-w-md-204--force {
    max-width: 204px !important;
  }
  .min-w-md-204 {
    min-width: 204px;
  }
  .min-w-md-204--force {
    min-width: 204px !important;
  }
  .w-md-208 {
    width: 208px;
  }
  .w-md-208--force {
    width: 208px !important;
  }
  .max-w-md-208 {
    max-width: 208px;
  }
  .max-w-md-208--force {
    max-width: 208px !important;
  }
  .min-w-md-208 {
    min-width: 208px;
  }
  .min-w-md-208--force {
    min-width: 208px !important;
  }
  .w-md-212 {
    width: 212px;
  }
  .w-md-212--force {
    width: 212px !important;
  }
  .max-w-md-212 {
    max-width: 212px;
  }
  .max-w-md-212--force {
    max-width: 212px !important;
  }
  .min-w-md-212 {
    min-width: 212px;
  }
  .min-w-md-212--force {
    min-width: 212px !important;
  }
  .w-md-216 {
    width: 216px;
  }
  .w-md-216--force {
    width: 216px !important;
  }
  .max-w-md-216 {
    max-width: 216px;
  }
  .max-w-md-216--force {
    max-width: 216px !important;
  }
  .min-w-md-216 {
    min-width: 216px;
  }
  .min-w-md-216--force {
    min-width: 216px !important;
  }
  .w-md-220 {
    width: 220px;
  }
  .w-md-220--force {
    width: 220px !important;
  }
  .max-w-md-220 {
    max-width: 220px;
  }
  .max-w-md-220--force {
    max-width: 220px !important;
  }
  .min-w-md-220 {
    min-width: 220px;
  }
  .min-w-md-220--force {
    min-width: 220px !important;
  }
  .w-md-224 {
    width: 224px;
  }
  .w-md-224--force {
    width: 224px !important;
  }
  .max-w-md-224 {
    max-width: 224px;
  }
  .max-w-md-224--force {
    max-width: 224px !important;
  }
  .min-w-md-224 {
    min-width: 224px;
  }
  .min-w-md-224--force {
    min-width: 224px !important;
  }
  .w-md-228 {
    width: 228px;
  }
  .w-md-228--force {
    width: 228px !important;
  }
  .max-w-md-228 {
    max-width: 228px;
  }
  .max-w-md-228--force {
    max-width: 228px !important;
  }
  .min-w-md-228 {
    min-width: 228px;
  }
  .min-w-md-228--force {
    min-width: 228px !important;
  }
  .w-md-232 {
    width: 232px;
  }
  .w-md-232--force {
    width: 232px !important;
  }
  .max-w-md-232 {
    max-width: 232px;
  }
  .max-w-md-232--force {
    max-width: 232px !important;
  }
  .min-w-md-232 {
    min-width: 232px;
  }
  .min-w-md-232--force {
    min-width: 232px !important;
  }
  .w-md-236 {
    width: 236px;
  }
  .w-md-236--force {
    width: 236px !important;
  }
  .max-w-md-236 {
    max-width: 236px;
  }
  .max-w-md-236--force {
    max-width: 236px !important;
  }
  .min-w-md-236 {
    min-width: 236px;
  }
  .min-w-md-236--force {
    min-width: 236px !important;
  }
  .w-md-240 {
    width: 240px;
  }
  .w-md-240--force {
    width: 240px !important;
  }
  .max-w-md-240 {
    max-width: 240px;
  }
  .max-w-md-240--force {
    max-width: 240px !important;
  }
  .min-w-md-240 {
    min-width: 240px;
  }
  .min-w-md-240--force {
    min-width: 240px !important;
  }
  .w-md-244 {
    width: 244px;
  }
  .w-md-244--force {
    width: 244px !important;
  }
  .max-w-md-244 {
    max-width: 244px;
  }
  .max-w-md-244--force {
    max-width: 244px !important;
  }
  .min-w-md-244 {
    min-width: 244px;
  }
  .min-w-md-244--force {
    min-width: 244px !important;
  }
  .w-md-248 {
    width: 248px;
  }
  .w-md-248--force {
    width: 248px !important;
  }
  .max-w-md-248 {
    max-width: 248px;
  }
  .max-w-md-248--force {
    max-width: 248px !important;
  }
  .min-w-md-248 {
    min-width: 248px;
  }
  .min-w-md-248--force {
    min-width: 248px !important;
  }
  .w-md-252 {
    width: 252px;
  }
  .w-md-252--force {
    width: 252px !important;
  }
  .max-w-md-252 {
    max-width: 252px;
  }
  .max-w-md-252--force {
    max-width: 252px !important;
  }
  .min-w-md-252 {
    min-width: 252px;
  }
  .min-w-md-252--force {
    min-width: 252px !important;
  }
  .w-md-256 {
    width: 256px;
  }
  .w-md-256--force {
    width: 256px !important;
  }
  .max-w-md-256 {
    max-width: 256px;
  }
  .max-w-md-256--force {
    max-width: 256px !important;
  }
  .min-w-md-256 {
    min-width: 256px;
  }
  .min-w-md-256--force {
    min-width: 256px !important;
  }
  .w-md-0-p {
    width: 0%;
  }
  .w-md-0-p--force {
    width: 0% !important;
  }
  .max-w-md-0-p {
    max-width: 0%;
  }
  .max-w-md-0-p--force {
    max-width: 0% !important;
  }
  .min-w-md-0-p {
    min-width: 0%;
  }
  .min-w-md-0-p--force {
    min-width: 0% !important;
  }
  .w-md-5-p {
    width: 5%;
  }
  .w-md-5-p--force {
    width: 5% !important;
  }
  .max-w-md-5-p {
    max-width: 5%;
  }
  .max-w-md-5-p--force {
    max-width: 5% !important;
  }
  .min-w-md-5-p {
    min-width: 5%;
  }
  .min-w-md-5-p--force {
    min-width: 5% !important;
  }
  .w-md-10-p {
    width: 10%;
  }
  .w-md-10-p--force {
    width: 10% !important;
  }
  .max-w-md-10-p {
    max-width: 10%;
  }
  .max-w-md-10-p--force {
    max-width: 10% !important;
  }
  .min-w-md-10-p {
    min-width: 10%;
  }
  .min-w-md-10-p--force {
    min-width: 10% !important;
  }
  .w-md-15-p {
    width: 15%;
  }
  .w-md-15-p--force {
    width: 15% !important;
  }
  .max-w-md-15-p {
    max-width: 15%;
  }
  .max-w-md-15-p--force {
    max-width: 15% !important;
  }
  .min-w-md-15-p {
    min-width: 15%;
  }
  .min-w-md-15-p--force {
    min-width: 15% !important;
  }
  .w-md-20-p {
    width: 20%;
  }
  .w-md-20-p--force {
    width: 20% !important;
  }
  .max-w-md-20-p {
    max-width: 20%;
  }
  .max-w-md-20-p--force {
    max-width: 20% !important;
  }
  .min-w-md-20-p {
    min-width: 20%;
  }
  .min-w-md-20-p--force {
    min-width: 20% !important;
  }
  .w-md-25-p {
    width: 25%;
  }
  .w-md-25-p--force {
    width: 25% !important;
  }
  .max-w-md-25-p {
    max-width: 25%;
  }
  .max-w-md-25-p--force {
    max-width: 25% !important;
  }
  .min-w-md-25-p {
    min-width: 25%;
  }
  .min-w-md-25-p--force {
    min-width: 25% !important;
  }
  .w-md-30-p {
    width: 30%;
  }
  .w-md-30-p--force {
    width: 30% !important;
  }
  .max-w-md-30-p {
    max-width: 30%;
  }
  .max-w-md-30-p--force {
    max-width: 30% !important;
  }
  .min-w-md-30-p {
    min-width: 30%;
  }
  .min-w-md-30-p--force {
    min-width: 30% !important;
  }
  .w-md-35-p {
    width: 35%;
  }
  .w-md-35-p--force {
    width: 35% !important;
  }
  .max-w-md-35-p {
    max-width: 35%;
  }
  .max-w-md-35-p--force {
    max-width: 35% !important;
  }
  .min-w-md-35-p {
    min-width: 35%;
  }
  .min-w-md-35-p--force {
    min-width: 35% !important;
  }
  .w-md-40-p {
    width: 40%;
  }
  .w-md-40-p--force {
    width: 40% !important;
  }
  .max-w-md-40-p {
    max-width: 40%;
  }
  .max-w-md-40-p--force {
    max-width: 40% !important;
  }
  .min-w-md-40-p {
    min-width: 40%;
  }
  .min-w-md-40-p--force {
    min-width: 40% !important;
  }
  .w-md-45-p {
    width: 45%;
  }
  .w-md-45-p--force {
    width: 45% !important;
  }
  .max-w-md-45-p {
    max-width: 45%;
  }
  .max-w-md-45-p--force {
    max-width: 45% !important;
  }
  .min-w-md-45-p {
    min-width: 45%;
  }
  .min-w-md-45-p--force {
    min-width: 45% !important;
  }
  .w-md-50-p {
    width: 50%;
  }
  .w-md-50-p--force {
    width: 50% !important;
  }
  .max-w-md-50-p {
    max-width: 50%;
  }
  .max-w-md-50-p--force {
    max-width: 50% !important;
  }
  .min-w-md-50-p {
    min-width: 50%;
  }
  .min-w-md-50-p--force {
    min-width: 50% !important;
  }
  .w-md-55-p {
    width: 55%;
  }
  .w-md-55-p--force {
    width: 55% !important;
  }
  .max-w-md-55-p {
    max-width: 55%;
  }
  .max-w-md-55-p--force {
    max-width: 55% !important;
  }
  .min-w-md-55-p {
    min-width: 55%;
  }
  .min-w-md-55-p--force {
    min-width: 55% !important;
  }
  .w-md-60-p {
    width: 60%;
  }
  .w-md-60-p--force {
    width: 60% !important;
  }
  .max-w-md-60-p {
    max-width: 60%;
  }
  .max-w-md-60-p--force {
    max-width: 60% !important;
  }
  .min-w-md-60-p {
    min-width: 60%;
  }
  .min-w-md-60-p--force {
    min-width: 60% !important;
  }
  .w-md-65-p {
    width: 65%;
  }
  .w-md-65-p--force {
    width: 65% !important;
  }
  .max-w-md-65-p {
    max-width: 65%;
  }
  .max-w-md-65-p--force {
    max-width: 65% !important;
  }
  .min-w-md-65-p {
    min-width: 65%;
  }
  .min-w-md-65-p--force {
    min-width: 65% !important;
  }
  .w-md-70-p {
    width: 70%;
  }
  .w-md-70-p--force {
    width: 70% !important;
  }
  .max-w-md-70-p {
    max-width: 70%;
  }
  .max-w-md-70-p--force {
    max-width: 70% !important;
  }
  .min-w-md-70-p {
    min-width: 70%;
  }
  .min-w-md-70-p--force {
    min-width: 70% !important;
  }
  .w-md-75-p {
    width: 75%;
  }
  .w-md-75-p--force {
    width: 75% !important;
  }
  .max-w-md-75-p {
    max-width: 75%;
  }
  .max-w-md-75-p--force {
    max-width: 75% !important;
  }
  .min-w-md-75-p {
    min-width: 75%;
  }
  .min-w-md-75-p--force {
    min-width: 75% !important;
  }
  .w-md-80-p {
    width: 80%;
  }
  .w-md-80-p--force {
    width: 80% !important;
  }
  .max-w-md-80-p {
    max-width: 80%;
  }
  .max-w-md-80-p--force {
    max-width: 80% !important;
  }
  .min-w-md-80-p {
    min-width: 80%;
  }
  .min-w-md-80-p--force {
    min-width: 80% !important;
  }
  .w-md-85-p {
    width: 85%;
  }
  .w-md-85-p--force {
    width: 85% !important;
  }
  .max-w-md-85-p {
    max-width: 85%;
  }
  .max-w-md-85-p--force {
    max-width: 85% !important;
  }
  .min-w-md-85-p {
    min-width: 85%;
  }
  .min-w-md-85-p--force {
    min-width: 85% !important;
  }
  .w-md-90-p {
    width: 90%;
  }
  .w-md-90-p--force {
    width: 90% !important;
  }
  .max-w-md-90-p {
    max-width: 90%;
  }
  .max-w-md-90-p--force {
    max-width: 90% !important;
  }
  .min-w-md-90-p {
    min-width: 90%;
  }
  .min-w-md-90-p--force {
    min-width: 90% !important;
  }
  .w-md-95-p {
    width: 95%;
  }
  .w-md-95-p--force {
    width: 95% !important;
  }
  .max-w-md-95-p {
    max-width: 95%;
  }
  .max-w-md-95-p--force {
    max-width: 95% !important;
  }
  .min-w-md-95-p {
    min-width: 95%;
  }
  .min-w-md-95-p--force {
    min-width: 95% !important;
  }
  .w-md-100-p {
    width: 100%;
  }
  .w-md-100-p--force {
    width: 100% !important;
  }
  .max-w-md-100-p {
    max-width: 100%;
  }
  .max-w-md-100-p--force {
    max-width: 100% !important;
  }
  .min-w-md-100-p {
    min-width: 100%;
  }
  .min-w-md-100-p--force {
    min-width: 100% !important;
  }
  .w-md-300 {
    width: 300px;
  }
  .w-md-300--force {
    width: 300px !important;
  }
  .max-w-md-300 {
    max-width: 300px;
  }
  .max-w-md-300--force {
    max-width: 300px !important;
  }
  .min-w-md-300 {
    min-width: 300px;
  }
  .min-w-md-300--force {
    min-width: 300px !important;
  }
  .w-md-400 {
    width: 400px;
  }
  .w-md-400--force {
    width: 400px !important;
  }
  .max-w-md-400 {
    max-width: 400px;
  }
  .max-w-md-400--force {
    max-width: 400px !important;
  }
  .min-w-md-400 {
    min-width: 400px;
  }
  .min-w-md-400--force {
    min-width: 400px !important;
  }
  .w-md-500 {
    width: 500px;
  }
  .w-md-500--force {
    width: 500px !important;
  }
  .max-w-md-500 {
    max-width: 500px;
  }
  .max-w-md-500--force {
    max-width: 500px !important;
  }
  .min-w-md-500 {
    min-width: 500px;
  }
  .min-w-md-500--force {
    min-width: 500px !important;
  }
  .w-md-600 {
    width: 600px;
  }
  .w-md-600--force {
    width: 600px !important;
  }
  .max-w-md-600 {
    max-width: 600px;
  }
  .max-w-md-600--force {
    max-width: 600px !important;
  }
  .min-w-md-600 {
    min-width: 600px;
  }
  .min-w-md-600--force {
    min-width: 600px !important;
  }
  .w-md-700 {
    width: 700px;
  }
  .w-md-700--force {
    width: 700px !important;
  }
  .max-w-md-700 {
    max-width: 700px;
  }
  .max-w-md-700--force {
    max-width: 700px !important;
  }
  .min-w-md-700 {
    min-width: 700px;
  }
  .min-w-md-700--force {
    min-width: 700px !important;
  }
  .w-md-800 {
    width: 800px;
  }
  .w-md-800--force {
    width: 800px !important;
  }
  .max-w-md-800 {
    max-width: 800px;
  }
  .max-w-md-800--force {
    max-width: 800px !important;
  }
  .min-w-md-800 {
    min-width: 800px;
  }
  .min-w-md-800--force {
    min-width: 800px !important;
  }
  .w-md-900 {
    width: 900px;
  }
  .w-md-900--force {
    width: 900px !important;
  }
  .max-w-md-900 {
    max-width: 900px;
  }
  .max-w-md-900--force {
    max-width: 900px !important;
  }
  .min-w-md-900 {
    min-width: 900px;
  }
  .min-w-md-900--force {
    min-width: 900px !important;
  }
  .w-md-1000 {
    width: 1000px;
  }
  .w-md-1000--force {
    width: 1000px !important;
  }
  .max-w-md-1000 {
    max-width: 1000px;
  }
  .max-w-md-1000--force {
    max-width: 1000px !important;
  }
  .min-w-md-1000 {
    min-width: 1000px;
  }
  .min-w-md-1000--force {
    min-width: 1000px !important;
  }
  .w-md-1100 {
    width: 1100px;
  }
  .w-md-1100--force {
    width: 1100px !important;
  }
  .max-w-md-1100 {
    max-width: 1100px;
  }
  .max-w-md-1100--force {
    max-width: 1100px !important;
  }
  .min-w-md-1100 {
    min-width: 1100px;
  }
  .min-w-md-1100--force {
    min-width: 1100px !important;
  }
  .w-md-1200 {
    width: 1200px;
  }
  .w-md-1200--force {
    width: 1200px !important;
  }
  .max-w-md-1200 {
    max-width: 1200px;
  }
  .max-w-md-1200--force {
    max-width: 1200px !important;
  }
  .min-w-md-1200 {
    min-width: 1200px;
  }
  .min-w-md-1200--force {
    min-width: 1200px !important;
  }
  .w-md-1300 {
    width: 1300px;
  }
  .w-md-1300--force {
    width: 1300px !important;
  }
  .max-w-md-1300 {
    max-width: 1300px;
  }
  .max-w-md-1300--force {
    max-width: 1300px !important;
  }
  .min-w-md-1300 {
    min-width: 1300px;
  }
  .min-w-md-1300--force {
    min-width: 1300px !important;
  }
  .w-md-1400 {
    width: 1400px;
  }
  .w-md-1400--force {
    width: 1400px !important;
  }
  .max-w-md-1400 {
    max-width: 1400px;
  }
  .max-w-md-1400--force {
    max-width: 1400px !important;
  }
  .min-w-md-1400 {
    min-width: 1400px;
  }
  .min-w-md-1400--force {
    min-width: 1400px !important;
  }
  .w-md-1500 {
    width: 1500px;
  }
  .w-md-1500--force {
    width: 1500px !important;
  }
  .max-w-md-1500 {
    max-width: 1500px;
  }
  .max-w-md-1500--force {
    max-width: 1500px !important;
  }
  .min-w-md-1500 {
    min-width: 1500px;
  }
  .min-w-md-1500--force {
    min-width: 1500px !important;
  }
  .w-md-1600 {
    width: 1600px;
  }
  .w-md-1600--force {
    width: 1600px !important;
  }
  .max-w-md-1600 {
    max-width: 1600px;
  }
  .max-w-md-1600--force {
    max-width: 1600px !important;
  }
  .min-w-md-1600 {
    min-width: 1600px;
  }
  .min-w-md-1600--force {
    min-width: 1600px !important;
  }
  .w-md-1700 {
    width: 1700px;
  }
  .w-md-1700--force {
    width: 1700px !important;
  }
  .max-w-md-1700 {
    max-width: 1700px;
  }
  .max-w-md-1700--force {
    max-width: 1700px !important;
  }
  .min-w-md-1700 {
    min-width: 1700px;
  }
  .min-w-md-1700--force {
    min-width: 1700px !important;
  }
  .w-md-1800 {
    width: 1800px;
  }
  .w-md-1800--force {
    width: 1800px !important;
  }
  .max-w-md-1800 {
    max-width: 1800px;
  }
  .max-w-md-1800--force {
    max-width: 1800px !important;
  }
  .min-w-md-1800 {
    min-width: 1800px;
  }
  .min-w-md-1800--force {
    min-width: 1800px !important;
  }
  .w-md-1900 {
    width: 1900px;
  }
  .w-md-1900--force {
    width: 1900px !important;
  }
  .max-w-md-1900 {
    max-width: 1900px;
  }
  .max-w-md-1900--force {
    max-width: 1900px !important;
  }
  .min-w-md-1900 {
    min-width: 1900px;
  }
  .min-w-md-1900--force {
    min-width: 1900px !important;
  }
  .w-md-2000 {
    width: 2000px;
  }
  .w-md-2000--force {
    width: 2000px !important;
  }
  .max-w-md-2000 {
    max-width: 2000px;
  }
  .max-w-md-2000--force {
    max-width: 2000px !important;
  }
  .min-w-md-2000 {
    min-width: 2000px;
  }
  .min-w-md-2000--force {
    min-width: 2000px !important;
  }
  .w-md-auto {
    width: auto;
  }
  .w-md-auto--force {
    width: auto !important;
  }
}
@media screen and (min-width: 1280px) {
  .h-lg-0 {
    height: 0px;
  }
  .h-lg-0--force {
    height: 0px !important;
  }
  .max-h-lg-0 {
    max-height: 0px;
  }
  .max-h-lg-0--force {
    max-height: 0px !important;
  }
  .min-h-lg-0 {
    min-height: 0px;
  }
  .min-h-lg-0--force {
    min-height: 0px !important;
  }
  .h-lg-4 {
    height: 4px;
  }
  .h-lg-4--force {
    height: 4px !important;
  }
  .max-h-lg-4 {
    max-height: 4px;
  }
  .max-h-lg-4--force {
    max-height: 4px !important;
  }
  .min-h-lg-4 {
    min-height: 4px;
  }
  .min-h-lg-4--force {
    min-height: 4px !important;
  }
  .h-lg-8 {
    height: 8px;
  }
  .h-lg-8--force {
    height: 8px !important;
  }
  .max-h-lg-8 {
    max-height: 8px;
  }
  .max-h-lg-8--force {
    max-height: 8px !important;
  }
  .min-h-lg-8 {
    min-height: 8px;
  }
  .min-h-lg-8--force {
    min-height: 8px !important;
  }
  .h-lg-12 {
    height: 12px;
  }
  .h-lg-12--force {
    height: 12px !important;
  }
  .max-h-lg-12 {
    max-height: 12px;
  }
  .max-h-lg-12--force {
    max-height: 12px !important;
  }
  .min-h-lg-12 {
    min-height: 12px;
  }
  .min-h-lg-12--force {
    min-height: 12px !important;
  }
  .h-lg-16 {
    height: 16px;
  }
  .h-lg-16--force {
    height: 16px !important;
  }
  .max-h-lg-16 {
    max-height: 16px;
  }
  .max-h-lg-16--force {
    max-height: 16px !important;
  }
  .min-h-lg-16 {
    min-height: 16px;
  }
  .min-h-lg-16--force {
    min-height: 16px !important;
  }
  .h-lg-20 {
    height: 20px;
  }
  .h-lg-20--force {
    height: 20px !important;
  }
  .max-h-lg-20 {
    max-height: 20px;
  }
  .max-h-lg-20--force {
    max-height: 20px !important;
  }
  .min-h-lg-20 {
    min-height: 20px;
  }
  .min-h-lg-20--force {
    min-height: 20px !important;
  }
  .h-lg-24 {
    height: 24px;
  }
  .h-lg-24--force {
    height: 24px !important;
  }
  .max-h-lg-24 {
    max-height: 24px;
  }
  .max-h-lg-24--force {
    max-height: 24px !important;
  }
  .min-h-lg-24 {
    min-height: 24px;
  }
  .min-h-lg-24--force {
    min-height: 24px !important;
  }
  .h-lg-28 {
    height: 28px;
  }
  .h-lg-28--force {
    height: 28px !important;
  }
  .max-h-lg-28 {
    max-height: 28px;
  }
  .max-h-lg-28--force {
    max-height: 28px !important;
  }
  .min-h-lg-28 {
    min-height: 28px;
  }
  .min-h-lg-28--force {
    min-height: 28px !important;
  }
  .h-lg-32 {
    height: 32px;
  }
  .h-lg-32--force {
    height: 32px !important;
  }
  .max-h-lg-32 {
    max-height: 32px;
  }
  .max-h-lg-32--force {
    max-height: 32px !important;
  }
  .min-h-lg-32 {
    min-height: 32px;
  }
  .min-h-lg-32--force {
    min-height: 32px !important;
  }
  .h-lg-36 {
    height: 36px;
  }
  .h-lg-36--force {
    height: 36px !important;
  }
  .max-h-lg-36 {
    max-height: 36px;
  }
  .max-h-lg-36--force {
    max-height: 36px !important;
  }
  .min-h-lg-36 {
    min-height: 36px;
  }
  .min-h-lg-36--force {
    min-height: 36px !important;
  }
  .h-lg-40 {
    height: 40px;
  }
  .h-lg-40--force {
    height: 40px !important;
  }
  .max-h-lg-40 {
    max-height: 40px;
  }
  .max-h-lg-40--force {
    max-height: 40px !important;
  }
  .min-h-lg-40 {
    min-height: 40px;
  }
  .min-h-lg-40--force {
    min-height: 40px !important;
  }
  .h-lg-44 {
    height: 44px;
  }
  .h-lg-44--force {
    height: 44px !important;
  }
  .max-h-lg-44 {
    max-height: 44px;
  }
  .max-h-lg-44--force {
    max-height: 44px !important;
  }
  .min-h-lg-44 {
    min-height: 44px;
  }
  .min-h-lg-44--force {
    min-height: 44px !important;
  }
  .h-lg-48 {
    height: 48px;
  }
  .h-lg-48--force {
    height: 48px !important;
  }
  .max-h-lg-48 {
    max-height: 48px;
  }
  .max-h-lg-48--force {
    max-height: 48px !important;
  }
  .min-h-lg-48 {
    min-height: 48px;
  }
  .min-h-lg-48--force {
    min-height: 48px !important;
  }
  .h-lg-52 {
    height: 52px;
  }
  .h-lg-52--force {
    height: 52px !important;
  }
  .max-h-lg-52 {
    max-height: 52px;
  }
  .max-h-lg-52--force {
    max-height: 52px !important;
  }
  .min-h-lg-52 {
    min-height: 52px;
  }
  .min-h-lg-52--force {
    min-height: 52px !important;
  }
  .h-lg-56 {
    height: 56px;
  }
  .h-lg-56--force {
    height: 56px !important;
  }
  .max-h-lg-56 {
    max-height: 56px;
  }
  .max-h-lg-56--force {
    max-height: 56px !important;
  }
  .min-h-lg-56 {
    min-height: 56px;
  }
  .min-h-lg-56--force {
    min-height: 56px !important;
  }
  .h-lg-60 {
    height: 60px;
  }
  .h-lg-60--force {
    height: 60px !important;
  }
  .max-h-lg-60 {
    max-height: 60px;
  }
  .max-h-lg-60--force {
    max-height: 60px !important;
  }
  .min-h-lg-60 {
    min-height: 60px;
  }
  .min-h-lg-60--force {
    min-height: 60px !important;
  }
  .h-lg-64 {
    height: 64px;
  }
  .h-lg-64--force {
    height: 64px !important;
  }
  .max-h-lg-64 {
    max-height: 64px;
  }
  .max-h-lg-64--force {
    max-height: 64px !important;
  }
  .min-h-lg-64 {
    min-height: 64px;
  }
  .min-h-lg-64--force {
    min-height: 64px !important;
  }
  .h-lg-68 {
    height: 68px;
  }
  .h-lg-68--force {
    height: 68px !important;
  }
  .max-h-lg-68 {
    max-height: 68px;
  }
  .max-h-lg-68--force {
    max-height: 68px !important;
  }
  .min-h-lg-68 {
    min-height: 68px;
  }
  .min-h-lg-68--force {
    min-height: 68px !important;
  }
  .h-lg-72 {
    height: 72px;
  }
  .h-lg-72--force {
    height: 72px !important;
  }
  .max-h-lg-72 {
    max-height: 72px;
  }
  .max-h-lg-72--force {
    max-height: 72px !important;
  }
  .min-h-lg-72 {
    min-height: 72px;
  }
  .min-h-lg-72--force {
    min-height: 72px !important;
  }
  .h-lg-76 {
    height: 76px;
  }
  .h-lg-76--force {
    height: 76px !important;
  }
  .max-h-lg-76 {
    max-height: 76px;
  }
  .max-h-lg-76--force {
    max-height: 76px !important;
  }
  .min-h-lg-76 {
    min-height: 76px;
  }
  .min-h-lg-76--force {
    min-height: 76px !important;
  }
  .h-lg-80 {
    height: 80px;
  }
  .h-lg-80--force {
    height: 80px !important;
  }
  .max-h-lg-80 {
    max-height: 80px;
  }
  .max-h-lg-80--force {
    max-height: 80px !important;
  }
  .min-h-lg-80 {
    min-height: 80px;
  }
  .min-h-lg-80--force {
    min-height: 80px !important;
  }
  .h-lg-84 {
    height: 84px;
  }
  .h-lg-84--force {
    height: 84px !important;
  }
  .max-h-lg-84 {
    max-height: 84px;
  }
  .max-h-lg-84--force {
    max-height: 84px !important;
  }
  .min-h-lg-84 {
    min-height: 84px;
  }
  .min-h-lg-84--force {
    min-height: 84px !important;
  }
  .h-lg-88 {
    height: 88px;
  }
  .h-lg-88--force {
    height: 88px !important;
  }
  .max-h-lg-88 {
    max-height: 88px;
  }
  .max-h-lg-88--force {
    max-height: 88px !important;
  }
  .min-h-lg-88 {
    min-height: 88px;
  }
  .min-h-lg-88--force {
    min-height: 88px !important;
  }
  .h-lg-92 {
    height: 92px;
  }
  .h-lg-92--force {
    height: 92px !important;
  }
  .max-h-lg-92 {
    max-height: 92px;
  }
  .max-h-lg-92--force {
    max-height: 92px !important;
  }
  .min-h-lg-92 {
    min-height: 92px;
  }
  .min-h-lg-92--force {
    min-height: 92px !important;
  }
  .h-lg-96 {
    height: 96px;
  }
  .h-lg-96--force {
    height: 96px !important;
  }
  .max-h-lg-96 {
    max-height: 96px;
  }
  .max-h-lg-96--force {
    max-height: 96px !important;
  }
  .min-h-lg-96 {
    min-height: 96px;
  }
  .min-h-lg-96--force {
    min-height: 96px !important;
  }
  .h-lg-100 {
    height: 100px;
  }
  .h-lg-100--force {
    height: 100px !important;
  }
  .max-h-lg-100 {
    max-height: 100px;
  }
  .max-h-lg-100--force {
    max-height: 100px !important;
  }
  .min-h-lg-100 {
    min-height: 100px;
  }
  .min-h-lg-100--force {
    min-height: 100px !important;
  }
  .h-lg-104 {
    height: 104px;
  }
  .h-lg-104--force {
    height: 104px !important;
  }
  .max-h-lg-104 {
    max-height: 104px;
  }
  .max-h-lg-104--force {
    max-height: 104px !important;
  }
  .min-h-lg-104 {
    min-height: 104px;
  }
  .min-h-lg-104--force {
    min-height: 104px !important;
  }
  .h-lg-108 {
    height: 108px;
  }
  .h-lg-108--force {
    height: 108px !important;
  }
  .max-h-lg-108 {
    max-height: 108px;
  }
  .max-h-lg-108--force {
    max-height: 108px !important;
  }
  .min-h-lg-108 {
    min-height: 108px;
  }
  .min-h-lg-108--force {
    min-height: 108px !important;
  }
  .h-lg-112 {
    height: 112px;
  }
  .h-lg-112--force {
    height: 112px !important;
  }
  .max-h-lg-112 {
    max-height: 112px;
  }
  .max-h-lg-112--force {
    max-height: 112px !important;
  }
  .min-h-lg-112 {
    min-height: 112px;
  }
  .min-h-lg-112--force {
    min-height: 112px !important;
  }
  .h-lg-116 {
    height: 116px;
  }
  .h-lg-116--force {
    height: 116px !important;
  }
  .max-h-lg-116 {
    max-height: 116px;
  }
  .max-h-lg-116--force {
    max-height: 116px !important;
  }
  .min-h-lg-116 {
    min-height: 116px;
  }
  .min-h-lg-116--force {
    min-height: 116px !important;
  }
  .h-lg-120 {
    height: 120px;
  }
  .h-lg-120--force {
    height: 120px !important;
  }
  .max-h-lg-120 {
    max-height: 120px;
  }
  .max-h-lg-120--force {
    max-height: 120px !important;
  }
  .min-h-lg-120 {
    min-height: 120px;
  }
  .min-h-lg-120--force {
    min-height: 120px !important;
  }
  .h-lg-124 {
    height: 124px;
  }
  .h-lg-124--force {
    height: 124px !important;
  }
  .max-h-lg-124 {
    max-height: 124px;
  }
  .max-h-lg-124--force {
    max-height: 124px !important;
  }
  .min-h-lg-124 {
    min-height: 124px;
  }
  .min-h-lg-124--force {
    min-height: 124px !important;
  }
  .h-lg-128 {
    height: 128px;
  }
  .h-lg-128--force {
    height: 128px !important;
  }
  .max-h-lg-128 {
    max-height: 128px;
  }
  .max-h-lg-128--force {
    max-height: 128px !important;
  }
  .min-h-lg-128 {
    min-height: 128px;
  }
  .min-h-lg-128--force {
    min-height: 128px !important;
  }
  .h-lg-132 {
    height: 132px;
  }
  .h-lg-132--force {
    height: 132px !important;
  }
  .max-h-lg-132 {
    max-height: 132px;
  }
  .max-h-lg-132--force {
    max-height: 132px !important;
  }
  .min-h-lg-132 {
    min-height: 132px;
  }
  .min-h-lg-132--force {
    min-height: 132px !important;
  }
  .h-lg-136 {
    height: 136px;
  }
  .h-lg-136--force {
    height: 136px !important;
  }
  .max-h-lg-136 {
    max-height: 136px;
  }
  .max-h-lg-136--force {
    max-height: 136px !important;
  }
  .min-h-lg-136 {
    min-height: 136px;
  }
  .min-h-lg-136--force {
    min-height: 136px !important;
  }
  .h-lg-140 {
    height: 140px;
  }
  .h-lg-140--force {
    height: 140px !important;
  }
  .max-h-lg-140 {
    max-height: 140px;
  }
  .max-h-lg-140--force {
    max-height: 140px !important;
  }
  .min-h-lg-140 {
    min-height: 140px;
  }
  .min-h-lg-140--force {
    min-height: 140px !important;
  }
  .h-lg-144 {
    height: 144px;
  }
  .h-lg-144--force {
    height: 144px !important;
  }
  .max-h-lg-144 {
    max-height: 144px;
  }
  .max-h-lg-144--force {
    max-height: 144px !important;
  }
  .min-h-lg-144 {
    min-height: 144px;
  }
  .min-h-lg-144--force {
    min-height: 144px !important;
  }
  .h-lg-148 {
    height: 148px;
  }
  .h-lg-148--force {
    height: 148px !important;
  }
  .max-h-lg-148 {
    max-height: 148px;
  }
  .max-h-lg-148--force {
    max-height: 148px !important;
  }
  .min-h-lg-148 {
    min-height: 148px;
  }
  .min-h-lg-148--force {
    min-height: 148px !important;
  }
  .h-lg-152 {
    height: 152px;
  }
  .h-lg-152--force {
    height: 152px !important;
  }
  .max-h-lg-152 {
    max-height: 152px;
  }
  .max-h-lg-152--force {
    max-height: 152px !important;
  }
  .min-h-lg-152 {
    min-height: 152px;
  }
  .min-h-lg-152--force {
    min-height: 152px !important;
  }
  .h-lg-156 {
    height: 156px;
  }
  .h-lg-156--force {
    height: 156px !important;
  }
  .max-h-lg-156 {
    max-height: 156px;
  }
  .max-h-lg-156--force {
    max-height: 156px !important;
  }
  .min-h-lg-156 {
    min-height: 156px;
  }
  .min-h-lg-156--force {
    min-height: 156px !important;
  }
  .h-lg-160 {
    height: 160px;
  }
  .h-lg-160--force {
    height: 160px !important;
  }
  .max-h-lg-160 {
    max-height: 160px;
  }
  .max-h-lg-160--force {
    max-height: 160px !important;
  }
  .min-h-lg-160 {
    min-height: 160px;
  }
  .min-h-lg-160--force {
    min-height: 160px !important;
  }
  .h-lg-164 {
    height: 164px;
  }
  .h-lg-164--force {
    height: 164px !important;
  }
  .max-h-lg-164 {
    max-height: 164px;
  }
  .max-h-lg-164--force {
    max-height: 164px !important;
  }
  .min-h-lg-164 {
    min-height: 164px;
  }
  .min-h-lg-164--force {
    min-height: 164px !important;
  }
  .h-lg-168 {
    height: 168px;
  }
  .h-lg-168--force {
    height: 168px !important;
  }
  .max-h-lg-168 {
    max-height: 168px;
  }
  .max-h-lg-168--force {
    max-height: 168px !important;
  }
  .min-h-lg-168 {
    min-height: 168px;
  }
  .min-h-lg-168--force {
    min-height: 168px !important;
  }
  .h-lg-172 {
    height: 172px;
  }
  .h-lg-172--force {
    height: 172px !important;
  }
  .max-h-lg-172 {
    max-height: 172px;
  }
  .max-h-lg-172--force {
    max-height: 172px !important;
  }
  .min-h-lg-172 {
    min-height: 172px;
  }
  .min-h-lg-172--force {
    min-height: 172px !important;
  }
  .h-lg-176 {
    height: 176px;
  }
  .h-lg-176--force {
    height: 176px !important;
  }
  .max-h-lg-176 {
    max-height: 176px;
  }
  .max-h-lg-176--force {
    max-height: 176px !important;
  }
  .min-h-lg-176 {
    min-height: 176px;
  }
  .min-h-lg-176--force {
    min-height: 176px !important;
  }
  .h-lg-180 {
    height: 180px;
  }
  .h-lg-180--force {
    height: 180px !important;
  }
  .max-h-lg-180 {
    max-height: 180px;
  }
  .max-h-lg-180--force {
    max-height: 180px !important;
  }
  .min-h-lg-180 {
    min-height: 180px;
  }
  .min-h-lg-180--force {
    min-height: 180px !important;
  }
  .h-lg-184 {
    height: 184px;
  }
  .h-lg-184--force {
    height: 184px !important;
  }
  .max-h-lg-184 {
    max-height: 184px;
  }
  .max-h-lg-184--force {
    max-height: 184px !important;
  }
  .min-h-lg-184 {
    min-height: 184px;
  }
  .min-h-lg-184--force {
    min-height: 184px !important;
  }
  .h-lg-188 {
    height: 188px;
  }
  .h-lg-188--force {
    height: 188px !important;
  }
  .max-h-lg-188 {
    max-height: 188px;
  }
  .max-h-lg-188--force {
    max-height: 188px !important;
  }
  .min-h-lg-188 {
    min-height: 188px;
  }
  .min-h-lg-188--force {
    min-height: 188px !important;
  }
  .h-lg-192 {
    height: 192px;
  }
  .h-lg-192--force {
    height: 192px !important;
  }
  .max-h-lg-192 {
    max-height: 192px;
  }
  .max-h-lg-192--force {
    max-height: 192px !important;
  }
  .min-h-lg-192 {
    min-height: 192px;
  }
  .min-h-lg-192--force {
    min-height: 192px !important;
  }
  .h-lg-196 {
    height: 196px;
  }
  .h-lg-196--force {
    height: 196px !important;
  }
  .max-h-lg-196 {
    max-height: 196px;
  }
  .max-h-lg-196--force {
    max-height: 196px !important;
  }
  .min-h-lg-196 {
    min-height: 196px;
  }
  .min-h-lg-196--force {
    min-height: 196px !important;
  }
  .h-lg-200 {
    height: 200px;
  }
  .h-lg-200--force {
    height: 200px !important;
  }
  .max-h-lg-200 {
    max-height: 200px;
  }
  .max-h-lg-200--force {
    max-height: 200px !important;
  }
  .min-h-lg-200 {
    min-height: 200px;
  }
  .min-h-lg-200--force {
    min-height: 200px !important;
  }
  .h-lg-204 {
    height: 204px;
  }
  .h-lg-204--force {
    height: 204px !important;
  }
  .max-h-lg-204 {
    max-height: 204px;
  }
  .max-h-lg-204--force {
    max-height: 204px !important;
  }
  .min-h-lg-204 {
    min-height: 204px;
  }
  .min-h-lg-204--force {
    min-height: 204px !important;
  }
  .h-lg-208 {
    height: 208px;
  }
  .h-lg-208--force {
    height: 208px !important;
  }
  .max-h-lg-208 {
    max-height: 208px;
  }
  .max-h-lg-208--force {
    max-height: 208px !important;
  }
  .min-h-lg-208 {
    min-height: 208px;
  }
  .min-h-lg-208--force {
    min-height: 208px !important;
  }
  .h-lg-212 {
    height: 212px;
  }
  .h-lg-212--force {
    height: 212px !important;
  }
  .max-h-lg-212 {
    max-height: 212px;
  }
  .max-h-lg-212--force {
    max-height: 212px !important;
  }
  .min-h-lg-212 {
    min-height: 212px;
  }
  .min-h-lg-212--force {
    min-height: 212px !important;
  }
  .h-lg-216 {
    height: 216px;
  }
  .h-lg-216--force {
    height: 216px !important;
  }
  .max-h-lg-216 {
    max-height: 216px;
  }
  .max-h-lg-216--force {
    max-height: 216px !important;
  }
  .min-h-lg-216 {
    min-height: 216px;
  }
  .min-h-lg-216--force {
    min-height: 216px !important;
  }
  .h-lg-220 {
    height: 220px;
  }
  .h-lg-220--force {
    height: 220px !important;
  }
  .max-h-lg-220 {
    max-height: 220px;
  }
  .max-h-lg-220--force {
    max-height: 220px !important;
  }
  .min-h-lg-220 {
    min-height: 220px;
  }
  .min-h-lg-220--force {
    min-height: 220px !important;
  }
  .h-lg-224 {
    height: 224px;
  }
  .h-lg-224--force {
    height: 224px !important;
  }
  .max-h-lg-224 {
    max-height: 224px;
  }
  .max-h-lg-224--force {
    max-height: 224px !important;
  }
  .min-h-lg-224 {
    min-height: 224px;
  }
  .min-h-lg-224--force {
    min-height: 224px !important;
  }
  .h-lg-228 {
    height: 228px;
  }
  .h-lg-228--force {
    height: 228px !important;
  }
  .max-h-lg-228 {
    max-height: 228px;
  }
  .max-h-lg-228--force {
    max-height: 228px !important;
  }
  .min-h-lg-228 {
    min-height: 228px;
  }
  .min-h-lg-228--force {
    min-height: 228px !important;
  }
  .h-lg-232 {
    height: 232px;
  }
  .h-lg-232--force {
    height: 232px !important;
  }
  .max-h-lg-232 {
    max-height: 232px;
  }
  .max-h-lg-232--force {
    max-height: 232px !important;
  }
  .min-h-lg-232 {
    min-height: 232px;
  }
  .min-h-lg-232--force {
    min-height: 232px !important;
  }
  .h-lg-236 {
    height: 236px;
  }
  .h-lg-236--force {
    height: 236px !important;
  }
  .max-h-lg-236 {
    max-height: 236px;
  }
  .max-h-lg-236--force {
    max-height: 236px !important;
  }
  .min-h-lg-236 {
    min-height: 236px;
  }
  .min-h-lg-236--force {
    min-height: 236px !important;
  }
  .h-lg-240 {
    height: 240px;
  }
  .h-lg-240--force {
    height: 240px !important;
  }
  .max-h-lg-240 {
    max-height: 240px;
  }
  .max-h-lg-240--force {
    max-height: 240px !important;
  }
  .min-h-lg-240 {
    min-height: 240px;
  }
  .min-h-lg-240--force {
    min-height: 240px !important;
  }
  .h-lg-244 {
    height: 244px;
  }
  .h-lg-244--force {
    height: 244px !important;
  }
  .max-h-lg-244 {
    max-height: 244px;
  }
  .max-h-lg-244--force {
    max-height: 244px !important;
  }
  .min-h-lg-244 {
    min-height: 244px;
  }
  .min-h-lg-244--force {
    min-height: 244px !important;
  }
  .h-lg-248 {
    height: 248px;
  }
  .h-lg-248--force {
    height: 248px !important;
  }
  .max-h-lg-248 {
    max-height: 248px;
  }
  .max-h-lg-248--force {
    max-height: 248px !important;
  }
  .min-h-lg-248 {
    min-height: 248px;
  }
  .min-h-lg-248--force {
    min-height: 248px !important;
  }
  .h-lg-252 {
    height: 252px;
  }
  .h-lg-252--force {
    height: 252px !important;
  }
  .max-h-lg-252 {
    max-height: 252px;
  }
  .max-h-lg-252--force {
    max-height: 252px !important;
  }
  .min-h-lg-252 {
    min-height: 252px;
  }
  .min-h-lg-252--force {
    min-height: 252px !important;
  }
  .h-lg-256 {
    height: 256px;
  }
  .h-lg-256--force {
    height: 256px !important;
  }
  .max-h-lg-256 {
    max-height: 256px;
  }
  .max-h-lg-256--force {
    max-height: 256px !important;
  }
  .min-h-lg-256 {
    min-height: 256px;
  }
  .min-h-lg-256--force {
    min-height: 256px !important;
  }
  .h-lg-0-p {
    height: 0%;
  }
  .h-lg-0-p--force {
    height: 0% !important;
  }
  .max-h-lg-0-p {
    max-height: 0%;
  }
  .max-h-lg-0-p--force {
    max-height: 0% !important;
  }
  .min-h-lg-0-p {
    min-height: 0%;
  }
  .min-h-lg-0-p--force {
    min-height: 0% !important;
  }
  .h-lg-5-p {
    height: 5%;
  }
  .h-lg-5-p--force {
    height: 5% !important;
  }
  .max-h-lg-5-p {
    max-height: 5%;
  }
  .max-h-lg-5-p--force {
    max-height: 5% !important;
  }
  .min-h-lg-5-p {
    min-height: 5%;
  }
  .min-h-lg-5-p--force {
    min-height: 5% !important;
  }
  .h-lg-10-p {
    height: 10%;
  }
  .h-lg-10-p--force {
    height: 10% !important;
  }
  .max-h-lg-10-p {
    max-height: 10%;
  }
  .max-h-lg-10-p--force {
    max-height: 10% !important;
  }
  .min-h-lg-10-p {
    min-height: 10%;
  }
  .min-h-lg-10-p--force {
    min-height: 10% !important;
  }
  .h-lg-15-p {
    height: 15%;
  }
  .h-lg-15-p--force {
    height: 15% !important;
  }
  .max-h-lg-15-p {
    max-height: 15%;
  }
  .max-h-lg-15-p--force {
    max-height: 15% !important;
  }
  .min-h-lg-15-p {
    min-height: 15%;
  }
  .min-h-lg-15-p--force {
    min-height: 15% !important;
  }
  .h-lg-20-p {
    height: 20%;
  }
  .h-lg-20-p--force {
    height: 20% !important;
  }
  .max-h-lg-20-p {
    max-height: 20%;
  }
  .max-h-lg-20-p--force {
    max-height: 20% !important;
  }
  .min-h-lg-20-p {
    min-height: 20%;
  }
  .min-h-lg-20-p--force {
    min-height: 20% !important;
  }
  .h-lg-25-p {
    height: 25%;
  }
  .h-lg-25-p--force {
    height: 25% !important;
  }
  .max-h-lg-25-p {
    max-height: 25%;
  }
  .max-h-lg-25-p--force {
    max-height: 25% !important;
  }
  .min-h-lg-25-p {
    min-height: 25%;
  }
  .min-h-lg-25-p--force {
    min-height: 25% !important;
  }
  .h-lg-30-p {
    height: 30%;
  }
  .h-lg-30-p--force {
    height: 30% !important;
  }
  .max-h-lg-30-p {
    max-height: 30%;
  }
  .max-h-lg-30-p--force {
    max-height: 30% !important;
  }
  .min-h-lg-30-p {
    min-height: 30%;
  }
  .min-h-lg-30-p--force {
    min-height: 30% !important;
  }
  .h-lg-35-p {
    height: 35%;
  }
  .h-lg-35-p--force {
    height: 35% !important;
  }
  .max-h-lg-35-p {
    max-height: 35%;
  }
  .max-h-lg-35-p--force {
    max-height: 35% !important;
  }
  .min-h-lg-35-p {
    min-height: 35%;
  }
  .min-h-lg-35-p--force {
    min-height: 35% !important;
  }
  .h-lg-40-p {
    height: 40%;
  }
  .h-lg-40-p--force {
    height: 40% !important;
  }
  .max-h-lg-40-p {
    max-height: 40%;
  }
  .max-h-lg-40-p--force {
    max-height: 40% !important;
  }
  .min-h-lg-40-p {
    min-height: 40%;
  }
  .min-h-lg-40-p--force {
    min-height: 40% !important;
  }
  .h-lg-45-p {
    height: 45%;
  }
  .h-lg-45-p--force {
    height: 45% !important;
  }
  .max-h-lg-45-p {
    max-height: 45%;
  }
  .max-h-lg-45-p--force {
    max-height: 45% !important;
  }
  .min-h-lg-45-p {
    min-height: 45%;
  }
  .min-h-lg-45-p--force {
    min-height: 45% !important;
  }
  .h-lg-50-p {
    height: 50%;
  }
  .h-lg-50-p--force {
    height: 50% !important;
  }
  .max-h-lg-50-p {
    max-height: 50%;
  }
  .max-h-lg-50-p--force {
    max-height: 50% !important;
  }
  .min-h-lg-50-p {
    min-height: 50%;
  }
  .min-h-lg-50-p--force {
    min-height: 50% !important;
  }
  .h-lg-55-p {
    height: 55%;
  }
  .h-lg-55-p--force {
    height: 55% !important;
  }
  .max-h-lg-55-p {
    max-height: 55%;
  }
  .max-h-lg-55-p--force {
    max-height: 55% !important;
  }
  .min-h-lg-55-p {
    min-height: 55%;
  }
  .min-h-lg-55-p--force {
    min-height: 55% !important;
  }
  .h-lg-60-p {
    height: 60%;
  }
  .h-lg-60-p--force {
    height: 60% !important;
  }
  .max-h-lg-60-p {
    max-height: 60%;
  }
  .max-h-lg-60-p--force {
    max-height: 60% !important;
  }
  .min-h-lg-60-p {
    min-height: 60%;
  }
  .min-h-lg-60-p--force {
    min-height: 60% !important;
  }
  .h-lg-65-p {
    height: 65%;
  }
  .h-lg-65-p--force {
    height: 65% !important;
  }
  .max-h-lg-65-p {
    max-height: 65%;
  }
  .max-h-lg-65-p--force {
    max-height: 65% !important;
  }
  .min-h-lg-65-p {
    min-height: 65%;
  }
  .min-h-lg-65-p--force {
    min-height: 65% !important;
  }
  .h-lg-70-p {
    height: 70%;
  }
  .h-lg-70-p--force {
    height: 70% !important;
  }
  .max-h-lg-70-p {
    max-height: 70%;
  }
  .max-h-lg-70-p--force {
    max-height: 70% !important;
  }
  .min-h-lg-70-p {
    min-height: 70%;
  }
  .min-h-lg-70-p--force {
    min-height: 70% !important;
  }
  .h-lg-75-p {
    height: 75%;
  }
  .h-lg-75-p--force {
    height: 75% !important;
  }
  .max-h-lg-75-p {
    max-height: 75%;
  }
  .max-h-lg-75-p--force {
    max-height: 75% !important;
  }
  .min-h-lg-75-p {
    min-height: 75%;
  }
  .min-h-lg-75-p--force {
    min-height: 75% !important;
  }
  .h-lg-80-p {
    height: 80%;
  }
  .h-lg-80-p--force {
    height: 80% !important;
  }
  .max-h-lg-80-p {
    max-height: 80%;
  }
  .max-h-lg-80-p--force {
    max-height: 80% !important;
  }
  .min-h-lg-80-p {
    min-height: 80%;
  }
  .min-h-lg-80-p--force {
    min-height: 80% !important;
  }
  .h-lg-85-p {
    height: 85%;
  }
  .h-lg-85-p--force {
    height: 85% !important;
  }
  .max-h-lg-85-p {
    max-height: 85%;
  }
  .max-h-lg-85-p--force {
    max-height: 85% !important;
  }
  .min-h-lg-85-p {
    min-height: 85%;
  }
  .min-h-lg-85-p--force {
    min-height: 85% !important;
  }
  .h-lg-90-p {
    height: 90%;
  }
  .h-lg-90-p--force {
    height: 90% !important;
  }
  .max-h-lg-90-p {
    max-height: 90%;
  }
  .max-h-lg-90-p--force {
    max-height: 90% !important;
  }
  .min-h-lg-90-p {
    min-height: 90%;
  }
  .min-h-lg-90-p--force {
    min-height: 90% !important;
  }
  .h-lg-95-p {
    height: 95%;
  }
  .h-lg-95-p--force {
    height: 95% !important;
  }
  .max-h-lg-95-p {
    max-height: 95%;
  }
  .max-h-lg-95-p--force {
    max-height: 95% !important;
  }
  .min-h-lg-95-p {
    min-height: 95%;
  }
  .min-h-lg-95-p--force {
    min-height: 95% !important;
  }
  .h-lg-100-p {
    height: 100%;
  }
  .h-lg-100-p--force {
    height: 100% !important;
  }
  .max-h-lg-100-p {
    max-height: 100%;
  }
  .max-h-lg-100-p--force {
    max-height: 100% !important;
  }
  .min-h-lg-100-p {
    min-height: 100%;
  }
  .min-h-lg-100-p--force {
    min-height: 100% !important;
  }
  .h-lg-300 {
    height: 300px;
  }
  .h-lg-300--force {
    height: 300px !important;
  }
  .max-h-lg-300 {
    max-height: 300px;
  }
  .max-h-lg-300--force {
    max-height: 300px !important;
  }
  .min-h-lg-300 {
    min-height: 300px;
  }
  .min-h-lg-300--force {
    min-height: 300px !important;
  }
  .h-lg-400 {
    height: 400px;
  }
  .h-lg-400--force {
    height: 400px !important;
  }
  .max-h-lg-400 {
    max-height: 400px;
  }
  .max-h-lg-400--force {
    max-height: 400px !important;
  }
  .min-h-lg-400 {
    min-height: 400px;
  }
  .min-h-lg-400--force {
    min-height: 400px !important;
  }
  .h-lg-500 {
    height: 500px;
  }
  .h-lg-500--force {
    height: 500px !important;
  }
  .max-h-lg-500 {
    max-height: 500px;
  }
  .max-h-lg-500--force {
    max-height: 500px !important;
  }
  .min-h-lg-500 {
    min-height: 500px;
  }
  .min-h-lg-500--force {
    min-height: 500px !important;
  }
  .h-lg-600 {
    height: 600px;
  }
  .h-lg-600--force {
    height: 600px !important;
  }
  .max-h-lg-600 {
    max-height: 600px;
  }
  .max-h-lg-600--force {
    max-height: 600px !important;
  }
  .min-h-lg-600 {
    min-height: 600px;
  }
  .min-h-lg-600--force {
    min-height: 600px !important;
  }
  .h-lg-700 {
    height: 700px;
  }
  .h-lg-700--force {
    height: 700px !important;
  }
  .max-h-lg-700 {
    max-height: 700px;
  }
  .max-h-lg-700--force {
    max-height: 700px !important;
  }
  .min-h-lg-700 {
    min-height: 700px;
  }
  .min-h-lg-700--force {
    min-height: 700px !important;
  }
  .h-lg-800 {
    height: 800px;
  }
  .h-lg-800--force {
    height: 800px !important;
  }
  .max-h-lg-800 {
    max-height: 800px;
  }
  .max-h-lg-800--force {
    max-height: 800px !important;
  }
  .min-h-lg-800 {
    min-height: 800px;
  }
  .min-h-lg-800--force {
    min-height: 800px !important;
  }
  .h-lg-900 {
    height: 900px;
  }
  .h-lg-900--force {
    height: 900px !important;
  }
  .max-h-lg-900 {
    max-height: 900px;
  }
  .max-h-lg-900--force {
    max-height: 900px !important;
  }
  .min-h-lg-900 {
    min-height: 900px;
  }
  .min-h-lg-900--force {
    min-height: 900px !important;
  }
  .h-lg-1000 {
    height: 1000px;
  }
  .h-lg-1000--force {
    height: 1000px !important;
  }
  .max-h-lg-1000 {
    max-height: 1000px;
  }
  .max-h-lg-1000--force {
    max-height: 1000px !important;
  }
  .min-h-lg-1000 {
    min-height: 1000px;
  }
  .min-h-lg-1000--force {
    min-height: 1000px !important;
  }
  .h-lg-1100 {
    height: 1100px;
  }
  .h-lg-1100--force {
    height: 1100px !important;
  }
  .max-h-lg-1100 {
    max-height: 1100px;
  }
  .max-h-lg-1100--force {
    max-height: 1100px !important;
  }
  .min-h-lg-1100 {
    min-height: 1100px;
  }
  .min-h-lg-1100--force {
    min-height: 1100px !important;
  }
  .h-lg-1200 {
    height: 1200px;
  }
  .h-lg-1200--force {
    height: 1200px !important;
  }
  .max-h-lg-1200 {
    max-height: 1200px;
  }
  .max-h-lg-1200--force {
    max-height: 1200px !important;
  }
  .min-h-lg-1200 {
    min-height: 1200px;
  }
  .min-h-lg-1200--force {
    min-height: 1200px !important;
  }
  .h-lg-1300 {
    height: 1300px;
  }
  .h-lg-1300--force {
    height: 1300px !important;
  }
  .max-h-lg-1300 {
    max-height: 1300px;
  }
  .max-h-lg-1300--force {
    max-height: 1300px !important;
  }
  .min-h-lg-1300 {
    min-height: 1300px;
  }
  .min-h-lg-1300--force {
    min-height: 1300px !important;
  }
  .h-lg-1400 {
    height: 1400px;
  }
  .h-lg-1400--force {
    height: 1400px !important;
  }
  .max-h-lg-1400 {
    max-height: 1400px;
  }
  .max-h-lg-1400--force {
    max-height: 1400px !important;
  }
  .min-h-lg-1400 {
    min-height: 1400px;
  }
  .min-h-lg-1400--force {
    min-height: 1400px !important;
  }
  .h-lg-1500 {
    height: 1500px;
  }
  .h-lg-1500--force {
    height: 1500px !important;
  }
  .max-h-lg-1500 {
    max-height: 1500px;
  }
  .max-h-lg-1500--force {
    max-height: 1500px !important;
  }
  .min-h-lg-1500 {
    min-height: 1500px;
  }
  .min-h-lg-1500--force {
    min-height: 1500px !important;
  }
  .h-lg-1600 {
    height: 1600px;
  }
  .h-lg-1600--force {
    height: 1600px !important;
  }
  .max-h-lg-1600 {
    max-height: 1600px;
  }
  .max-h-lg-1600--force {
    max-height: 1600px !important;
  }
  .min-h-lg-1600 {
    min-height: 1600px;
  }
  .min-h-lg-1600--force {
    min-height: 1600px !important;
  }
  .h-lg-1700 {
    height: 1700px;
  }
  .h-lg-1700--force {
    height: 1700px !important;
  }
  .max-h-lg-1700 {
    max-height: 1700px;
  }
  .max-h-lg-1700--force {
    max-height: 1700px !important;
  }
  .min-h-lg-1700 {
    min-height: 1700px;
  }
  .min-h-lg-1700--force {
    min-height: 1700px !important;
  }
  .h-lg-1800 {
    height: 1800px;
  }
  .h-lg-1800--force {
    height: 1800px !important;
  }
  .max-h-lg-1800 {
    max-height: 1800px;
  }
  .max-h-lg-1800--force {
    max-height: 1800px !important;
  }
  .min-h-lg-1800 {
    min-height: 1800px;
  }
  .min-h-lg-1800--force {
    min-height: 1800px !important;
  }
  .h-lg-1900 {
    height: 1900px;
  }
  .h-lg-1900--force {
    height: 1900px !important;
  }
  .max-h-lg-1900 {
    max-height: 1900px;
  }
  .max-h-lg-1900--force {
    max-height: 1900px !important;
  }
  .min-h-lg-1900 {
    min-height: 1900px;
  }
  .min-h-lg-1900--force {
    min-height: 1900px !important;
  }
  .h-lg-2000 {
    height: 2000px;
  }
  .h-lg-2000--force {
    height: 2000px !important;
  }
  .max-h-lg-2000 {
    max-height: 2000px;
  }
  .max-h-lg-2000--force {
    max-height: 2000px !important;
  }
  .min-h-lg-2000 {
    min-height: 2000px;
  }
  .min-h-lg-2000--force {
    min-height: 2000px !important;
  }
  .h-lg-auto {
    height: auto;
  }
  .h-lg-auto--force {
    height: auto !important;
  }
  .w-lg-0 {
    width: 0px;
  }
  .w-lg-0--force {
    width: 0px !important;
  }
  .max-w-lg-0 {
    max-width: 0px;
  }
  .max-w-lg-0--force {
    max-width: 0px !important;
  }
  .min-w-lg-0 {
    min-width: 0px;
  }
  .min-w-lg-0--force {
    min-width: 0px !important;
  }
  .w-lg-4 {
    width: 4px;
  }
  .w-lg-4--force {
    width: 4px !important;
  }
  .max-w-lg-4 {
    max-width: 4px;
  }
  .max-w-lg-4--force {
    max-width: 4px !important;
  }
  .min-w-lg-4 {
    min-width: 4px;
  }
  .min-w-lg-4--force {
    min-width: 4px !important;
  }
  .w-lg-8 {
    width: 8px;
  }
  .w-lg-8--force {
    width: 8px !important;
  }
  .max-w-lg-8 {
    max-width: 8px;
  }
  .max-w-lg-8--force {
    max-width: 8px !important;
  }
  .min-w-lg-8 {
    min-width: 8px;
  }
  .min-w-lg-8--force {
    min-width: 8px !important;
  }
  .w-lg-12 {
    width: 12px;
  }
  .w-lg-12--force {
    width: 12px !important;
  }
  .max-w-lg-12 {
    max-width: 12px;
  }
  .max-w-lg-12--force {
    max-width: 12px !important;
  }
  .min-w-lg-12 {
    min-width: 12px;
  }
  .min-w-lg-12--force {
    min-width: 12px !important;
  }
  .w-lg-16 {
    width: 16px;
  }
  .w-lg-16--force {
    width: 16px !important;
  }
  .max-w-lg-16 {
    max-width: 16px;
  }
  .max-w-lg-16--force {
    max-width: 16px !important;
  }
  .min-w-lg-16 {
    min-width: 16px;
  }
  .min-w-lg-16--force {
    min-width: 16px !important;
  }
  .w-lg-20 {
    width: 20px;
  }
  .w-lg-20--force {
    width: 20px !important;
  }
  .max-w-lg-20 {
    max-width: 20px;
  }
  .max-w-lg-20--force {
    max-width: 20px !important;
  }
  .min-w-lg-20 {
    min-width: 20px;
  }
  .min-w-lg-20--force {
    min-width: 20px !important;
  }
  .w-lg-24 {
    width: 24px;
  }
  .w-lg-24--force {
    width: 24px !important;
  }
  .max-w-lg-24 {
    max-width: 24px;
  }
  .max-w-lg-24--force {
    max-width: 24px !important;
  }
  .min-w-lg-24 {
    min-width: 24px;
  }
  .min-w-lg-24--force {
    min-width: 24px !important;
  }
  .w-lg-28 {
    width: 28px;
  }
  .w-lg-28--force {
    width: 28px !important;
  }
  .max-w-lg-28 {
    max-width: 28px;
  }
  .max-w-lg-28--force {
    max-width: 28px !important;
  }
  .min-w-lg-28 {
    min-width: 28px;
  }
  .min-w-lg-28--force {
    min-width: 28px !important;
  }
  .w-lg-32 {
    width: 32px;
  }
  .w-lg-32--force {
    width: 32px !important;
  }
  .max-w-lg-32 {
    max-width: 32px;
  }
  .max-w-lg-32--force {
    max-width: 32px !important;
  }
  .min-w-lg-32 {
    min-width: 32px;
  }
  .min-w-lg-32--force {
    min-width: 32px !important;
  }
  .w-lg-36 {
    width: 36px;
  }
  .w-lg-36--force {
    width: 36px !important;
  }
  .max-w-lg-36 {
    max-width: 36px;
  }
  .max-w-lg-36--force {
    max-width: 36px !important;
  }
  .min-w-lg-36 {
    min-width: 36px;
  }
  .min-w-lg-36--force {
    min-width: 36px !important;
  }
  .w-lg-40 {
    width: 40px;
  }
  .w-lg-40--force {
    width: 40px !important;
  }
  .max-w-lg-40 {
    max-width: 40px;
  }
  .max-w-lg-40--force {
    max-width: 40px !important;
  }
  .min-w-lg-40 {
    min-width: 40px;
  }
  .min-w-lg-40--force {
    min-width: 40px !important;
  }
  .w-lg-44 {
    width: 44px;
  }
  .w-lg-44--force {
    width: 44px !important;
  }
  .max-w-lg-44 {
    max-width: 44px;
  }
  .max-w-lg-44--force {
    max-width: 44px !important;
  }
  .min-w-lg-44 {
    min-width: 44px;
  }
  .min-w-lg-44--force {
    min-width: 44px !important;
  }
  .w-lg-48 {
    width: 48px;
  }
  .w-lg-48--force {
    width: 48px !important;
  }
  .max-w-lg-48 {
    max-width: 48px;
  }
  .max-w-lg-48--force {
    max-width: 48px !important;
  }
  .min-w-lg-48 {
    min-width: 48px;
  }
  .min-w-lg-48--force {
    min-width: 48px !important;
  }
  .w-lg-52 {
    width: 52px;
  }
  .w-lg-52--force {
    width: 52px !important;
  }
  .max-w-lg-52 {
    max-width: 52px;
  }
  .max-w-lg-52--force {
    max-width: 52px !important;
  }
  .min-w-lg-52 {
    min-width: 52px;
  }
  .min-w-lg-52--force {
    min-width: 52px !important;
  }
  .w-lg-56 {
    width: 56px;
  }
  .w-lg-56--force {
    width: 56px !important;
  }
  .max-w-lg-56 {
    max-width: 56px;
  }
  .max-w-lg-56--force {
    max-width: 56px !important;
  }
  .min-w-lg-56 {
    min-width: 56px;
  }
  .min-w-lg-56--force {
    min-width: 56px !important;
  }
  .w-lg-60 {
    width: 60px;
  }
  .w-lg-60--force {
    width: 60px !important;
  }
  .max-w-lg-60 {
    max-width: 60px;
  }
  .max-w-lg-60--force {
    max-width: 60px !important;
  }
  .min-w-lg-60 {
    min-width: 60px;
  }
  .min-w-lg-60--force {
    min-width: 60px !important;
  }
  .w-lg-64 {
    width: 64px;
  }
  .w-lg-64--force {
    width: 64px !important;
  }
  .max-w-lg-64 {
    max-width: 64px;
  }
  .max-w-lg-64--force {
    max-width: 64px !important;
  }
  .min-w-lg-64 {
    min-width: 64px;
  }
  .min-w-lg-64--force {
    min-width: 64px !important;
  }
  .w-lg-68 {
    width: 68px;
  }
  .w-lg-68--force {
    width: 68px !important;
  }
  .max-w-lg-68 {
    max-width: 68px;
  }
  .max-w-lg-68--force {
    max-width: 68px !important;
  }
  .min-w-lg-68 {
    min-width: 68px;
  }
  .min-w-lg-68--force {
    min-width: 68px !important;
  }
  .w-lg-72 {
    width: 72px;
  }
  .w-lg-72--force {
    width: 72px !important;
  }
  .max-w-lg-72 {
    max-width: 72px;
  }
  .max-w-lg-72--force {
    max-width: 72px !important;
  }
  .min-w-lg-72 {
    min-width: 72px;
  }
  .min-w-lg-72--force {
    min-width: 72px !important;
  }
  .w-lg-76 {
    width: 76px;
  }
  .w-lg-76--force {
    width: 76px !important;
  }
  .max-w-lg-76 {
    max-width: 76px;
  }
  .max-w-lg-76--force {
    max-width: 76px !important;
  }
  .min-w-lg-76 {
    min-width: 76px;
  }
  .min-w-lg-76--force {
    min-width: 76px !important;
  }
  .w-lg-80 {
    width: 80px;
  }
  .w-lg-80--force {
    width: 80px !important;
  }
  .max-w-lg-80 {
    max-width: 80px;
  }
  .max-w-lg-80--force {
    max-width: 80px !important;
  }
  .min-w-lg-80 {
    min-width: 80px;
  }
  .min-w-lg-80--force {
    min-width: 80px !important;
  }
  .w-lg-84 {
    width: 84px;
  }
  .w-lg-84--force {
    width: 84px !important;
  }
  .max-w-lg-84 {
    max-width: 84px;
  }
  .max-w-lg-84--force {
    max-width: 84px !important;
  }
  .min-w-lg-84 {
    min-width: 84px;
  }
  .min-w-lg-84--force {
    min-width: 84px !important;
  }
  .w-lg-88 {
    width: 88px;
  }
  .w-lg-88--force {
    width: 88px !important;
  }
  .max-w-lg-88 {
    max-width: 88px;
  }
  .max-w-lg-88--force {
    max-width: 88px !important;
  }
  .min-w-lg-88 {
    min-width: 88px;
  }
  .min-w-lg-88--force {
    min-width: 88px !important;
  }
  .w-lg-92 {
    width: 92px;
  }
  .w-lg-92--force {
    width: 92px !important;
  }
  .max-w-lg-92 {
    max-width: 92px;
  }
  .max-w-lg-92--force {
    max-width: 92px !important;
  }
  .min-w-lg-92 {
    min-width: 92px;
  }
  .min-w-lg-92--force {
    min-width: 92px !important;
  }
  .w-lg-96 {
    width: 96px;
  }
  .w-lg-96--force {
    width: 96px !important;
  }
  .max-w-lg-96 {
    max-width: 96px;
  }
  .max-w-lg-96--force {
    max-width: 96px !important;
  }
  .min-w-lg-96 {
    min-width: 96px;
  }
  .min-w-lg-96--force {
    min-width: 96px !important;
  }
  .w-lg-100 {
    width: 100px;
  }
  .w-lg-100--force {
    width: 100px !important;
  }
  .max-w-lg-100 {
    max-width: 100px;
  }
  .max-w-lg-100--force {
    max-width: 100px !important;
  }
  .min-w-lg-100 {
    min-width: 100px;
  }
  .min-w-lg-100--force {
    min-width: 100px !important;
  }
  .w-lg-104 {
    width: 104px;
  }
  .w-lg-104--force {
    width: 104px !important;
  }
  .max-w-lg-104 {
    max-width: 104px;
  }
  .max-w-lg-104--force {
    max-width: 104px !important;
  }
  .min-w-lg-104 {
    min-width: 104px;
  }
  .min-w-lg-104--force {
    min-width: 104px !important;
  }
  .w-lg-108 {
    width: 108px;
  }
  .w-lg-108--force {
    width: 108px !important;
  }
  .max-w-lg-108 {
    max-width: 108px;
  }
  .max-w-lg-108--force {
    max-width: 108px !important;
  }
  .min-w-lg-108 {
    min-width: 108px;
  }
  .min-w-lg-108--force {
    min-width: 108px !important;
  }
  .w-lg-112 {
    width: 112px;
  }
  .w-lg-112--force {
    width: 112px !important;
  }
  .max-w-lg-112 {
    max-width: 112px;
  }
  .max-w-lg-112--force {
    max-width: 112px !important;
  }
  .min-w-lg-112 {
    min-width: 112px;
  }
  .min-w-lg-112--force {
    min-width: 112px !important;
  }
  .w-lg-116 {
    width: 116px;
  }
  .w-lg-116--force {
    width: 116px !important;
  }
  .max-w-lg-116 {
    max-width: 116px;
  }
  .max-w-lg-116--force {
    max-width: 116px !important;
  }
  .min-w-lg-116 {
    min-width: 116px;
  }
  .min-w-lg-116--force {
    min-width: 116px !important;
  }
  .w-lg-120 {
    width: 120px;
  }
  .w-lg-120--force {
    width: 120px !important;
  }
  .max-w-lg-120 {
    max-width: 120px;
  }
  .max-w-lg-120--force {
    max-width: 120px !important;
  }
  .min-w-lg-120 {
    min-width: 120px;
  }
  .min-w-lg-120--force {
    min-width: 120px !important;
  }
  .w-lg-124 {
    width: 124px;
  }
  .w-lg-124--force {
    width: 124px !important;
  }
  .max-w-lg-124 {
    max-width: 124px;
  }
  .max-w-lg-124--force {
    max-width: 124px !important;
  }
  .min-w-lg-124 {
    min-width: 124px;
  }
  .min-w-lg-124--force {
    min-width: 124px !important;
  }
  .w-lg-128 {
    width: 128px;
  }
  .w-lg-128--force {
    width: 128px !important;
  }
  .max-w-lg-128 {
    max-width: 128px;
  }
  .max-w-lg-128--force {
    max-width: 128px !important;
  }
  .min-w-lg-128 {
    min-width: 128px;
  }
  .min-w-lg-128--force {
    min-width: 128px !important;
  }
  .w-lg-132 {
    width: 132px;
  }
  .w-lg-132--force {
    width: 132px !important;
  }
  .max-w-lg-132 {
    max-width: 132px;
  }
  .max-w-lg-132--force {
    max-width: 132px !important;
  }
  .min-w-lg-132 {
    min-width: 132px;
  }
  .min-w-lg-132--force {
    min-width: 132px !important;
  }
  .w-lg-136 {
    width: 136px;
  }
  .w-lg-136--force {
    width: 136px !important;
  }
  .max-w-lg-136 {
    max-width: 136px;
  }
  .max-w-lg-136--force {
    max-width: 136px !important;
  }
  .min-w-lg-136 {
    min-width: 136px;
  }
  .min-w-lg-136--force {
    min-width: 136px !important;
  }
  .w-lg-140 {
    width: 140px;
  }
  .w-lg-140--force {
    width: 140px !important;
  }
  .max-w-lg-140 {
    max-width: 140px;
  }
  .max-w-lg-140--force {
    max-width: 140px !important;
  }
  .min-w-lg-140 {
    min-width: 140px;
  }
  .min-w-lg-140--force {
    min-width: 140px !important;
  }
  .w-lg-144 {
    width: 144px;
  }
  .w-lg-144--force {
    width: 144px !important;
  }
  .max-w-lg-144 {
    max-width: 144px;
  }
  .max-w-lg-144--force {
    max-width: 144px !important;
  }
  .min-w-lg-144 {
    min-width: 144px;
  }
  .min-w-lg-144--force {
    min-width: 144px !important;
  }
  .w-lg-148 {
    width: 148px;
  }
  .w-lg-148--force {
    width: 148px !important;
  }
  .max-w-lg-148 {
    max-width: 148px;
  }
  .max-w-lg-148--force {
    max-width: 148px !important;
  }
  .min-w-lg-148 {
    min-width: 148px;
  }
  .min-w-lg-148--force {
    min-width: 148px !important;
  }
  .w-lg-152 {
    width: 152px;
  }
  .w-lg-152--force {
    width: 152px !important;
  }
  .max-w-lg-152 {
    max-width: 152px;
  }
  .max-w-lg-152--force {
    max-width: 152px !important;
  }
  .min-w-lg-152 {
    min-width: 152px;
  }
  .min-w-lg-152--force {
    min-width: 152px !important;
  }
  .w-lg-156 {
    width: 156px;
  }
  .w-lg-156--force {
    width: 156px !important;
  }
  .max-w-lg-156 {
    max-width: 156px;
  }
  .max-w-lg-156--force {
    max-width: 156px !important;
  }
  .min-w-lg-156 {
    min-width: 156px;
  }
  .min-w-lg-156--force {
    min-width: 156px !important;
  }
  .w-lg-160 {
    width: 160px;
  }
  .w-lg-160--force {
    width: 160px !important;
  }
  .max-w-lg-160 {
    max-width: 160px;
  }
  .max-w-lg-160--force {
    max-width: 160px !important;
  }
  .min-w-lg-160 {
    min-width: 160px;
  }
  .min-w-lg-160--force {
    min-width: 160px !important;
  }
  .w-lg-164 {
    width: 164px;
  }
  .w-lg-164--force {
    width: 164px !important;
  }
  .max-w-lg-164 {
    max-width: 164px;
  }
  .max-w-lg-164--force {
    max-width: 164px !important;
  }
  .min-w-lg-164 {
    min-width: 164px;
  }
  .min-w-lg-164--force {
    min-width: 164px !important;
  }
  .w-lg-168 {
    width: 168px;
  }
  .w-lg-168--force {
    width: 168px !important;
  }
  .max-w-lg-168 {
    max-width: 168px;
  }
  .max-w-lg-168--force {
    max-width: 168px !important;
  }
  .min-w-lg-168 {
    min-width: 168px;
  }
  .min-w-lg-168--force {
    min-width: 168px !important;
  }
  .w-lg-172 {
    width: 172px;
  }
  .w-lg-172--force {
    width: 172px !important;
  }
  .max-w-lg-172 {
    max-width: 172px;
  }
  .max-w-lg-172--force {
    max-width: 172px !important;
  }
  .min-w-lg-172 {
    min-width: 172px;
  }
  .min-w-lg-172--force {
    min-width: 172px !important;
  }
  .w-lg-176 {
    width: 176px;
  }
  .w-lg-176--force {
    width: 176px !important;
  }
  .max-w-lg-176 {
    max-width: 176px;
  }
  .max-w-lg-176--force {
    max-width: 176px !important;
  }
  .min-w-lg-176 {
    min-width: 176px;
  }
  .min-w-lg-176--force {
    min-width: 176px !important;
  }
  .w-lg-180 {
    width: 180px;
  }
  .w-lg-180--force {
    width: 180px !important;
  }
  .max-w-lg-180 {
    max-width: 180px;
  }
  .max-w-lg-180--force {
    max-width: 180px !important;
  }
  .min-w-lg-180 {
    min-width: 180px;
  }
  .min-w-lg-180--force {
    min-width: 180px !important;
  }
  .w-lg-184 {
    width: 184px;
  }
  .w-lg-184--force {
    width: 184px !important;
  }
  .max-w-lg-184 {
    max-width: 184px;
  }
  .max-w-lg-184--force {
    max-width: 184px !important;
  }
  .min-w-lg-184 {
    min-width: 184px;
  }
  .min-w-lg-184--force {
    min-width: 184px !important;
  }
  .w-lg-188 {
    width: 188px;
  }
  .w-lg-188--force {
    width: 188px !important;
  }
  .max-w-lg-188 {
    max-width: 188px;
  }
  .max-w-lg-188--force {
    max-width: 188px !important;
  }
  .min-w-lg-188 {
    min-width: 188px;
  }
  .min-w-lg-188--force {
    min-width: 188px !important;
  }
  .w-lg-192 {
    width: 192px;
  }
  .w-lg-192--force {
    width: 192px !important;
  }
  .max-w-lg-192 {
    max-width: 192px;
  }
  .max-w-lg-192--force {
    max-width: 192px !important;
  }
  .min-w-lg-192 {
    min-width: 192px;
  }
  .min-w-lg-192--force {
    min-width: 192px !important;
  }
  .w-lg-196 {
    width: 196px;
  }
  .w-lg-196--force {
    width: 196px !important;
  }
  .max-w-lg-196 {
    max-width: 196px;
  }
  .max-w-lg-196--force {
    max-width: 196px !important;
  }
  .min-w-lg-196 {
    min-width: 196px;
  }
  .min-w-lg-196--force {
    min-width: 196px !important;
  }
  .w-lg-200 {
    width: 200px;
  }
  .w-lg-200--force {
    width: 200px !important;
  }
  .max-w-lg-200 {
    max-width: 200px;
  }
  .max-w-lg-200--force {
    max-width: 200px !important;
  }
  .min-w-lg-200 {
    min-width: 200px;
  }
  .min-w-lg-200--force {
    min-width: 200px !important;
  }
  .w-lg-204 {
    width: 204px;
  }
  .w-lg-204--force {
    width: 204px !important;
  }
  .max-w-lg-204 {
    max-width: 204px;
  }
  .max-w-lg-204--force {
    max-width: 204px !important;
  }
  .min-w-lg-204 {
    min-width: 204px;
  }
  .min-w-lg-204--force {
    min-width: 204px !important;
  }
  .w-lg-208 {
    width: 208px;
  }
  .w-lg-208--force {
    width: 208px !important;
  }
  .max-w-lg-208 {
    max-width: 208px;
  }
  .max-w-lg-208--force {
    max-width: 208px !important;
  }
  .min-w-lg-208 {
    min-width: 208px;
  }
  .min-w-lg-208--force {
    min-width: 208px !important;
  }
  .w-lg-212 {
    width: 212px;
  }
  .w-lg-212--force {
    width: 212px !important;
  }
  .max-w-lg-212 {
    max-width: 212px;
  }
  .max-w-lg-212--force {
    max-width: 212px !important;
  }
  .min-w-lg-212 {
    min-width: 212px;
  }
  .min-w-lg-212--force {
    min-width: 212px !important;
  }
  .w-lg-216 {
    width: 216px;
  }
  .w-lg-216--force {
    width: 216px !important;
  }
  .max-w-lg-216 {
    max-width: 216px;
  }
  .max-w-lg-216--force {
    max-width: 216px !important;
  }
  .min-w-lg-216 {
    min-width: 216px;
  }
  .min-w-lg-216--force {
    min-width: 216px !important;
  }
  .w-lg-220 {
    width: 220px;
  }
  .w-lg-220--force {
    width: 220px !important;
  }
  .max-w-lg-220 {
    max-width: 220px;
  }
  .max-w-lg-220--force {
    max-width: 220px !important;
  }
  .min-w-lg-220 {
    min-width: 220px;
  }
  .min-w-lg-220--force {
    min-width: 220px !important;
  }
  .w-lg-224 {
    width: 224px;
  }
  .w-lg-224--force {
    width: 224px !important;
  }
  .max-w-lg-224 {
    max-width: 224px;
  }
  .max-w-lg-224--force {
    max-width: 224px !important;
  }
  .min-w-lg-224 {
    min-width: 224px;
  }
  .min-w-lg-224--force {
    min-width: 224px !important;
  }
  .w-lg-228 {
    width: 228px;
  }
  .w-lg-228--force {
    width: 228px !important;
  }
  .max-w-lg-228 {
    max-width: 228px;
  }
  .max-w-lg-228--force {
    max-width: 228px !important;
  }
  .min-w-lg-228 {
    min-width: 228px;
  }
  .min-w-lg-228--force {
    min-width: 228px !important;
  }
  .w-lg-232 {
    width: 232px;
  }
  .w-lg-232--force {
    width: 232px !important;
  }
  .max-w-lg-232 {
    max-width: 232px;
  }
  .max-w-lg-232--force {
    max-width: 232px !important;
  }
  .min-w-lg-232 {
    min-width: 232px;
  }
  .min-w-lg-232--force {
    min-width: 232px !important;
  }
  .w-lg-236 {
    width: 236px;
  }
  .w-lg-236--force {
    width: 236px !important;
  }
  .max-w-lg-236 {
    max-width: 236px;
  }
  .max-w-lg-236--force {
    max-width: 236px !important;
  }
  .min-w-lg-236 {
    min-width: 236px;
  }
  .min-w-lg-236--force {
    min-width: 236px !important;
  }
  .w-lg-240 {
    width: 240px;
  }
  .w-lg-240--force {
    width: 240px !important;
  }
  .max-w-lg-240 {
    max-width: 240px;
  }
  .max-w-lg-240--force {
    max-width: 240px !important;
  }
  .min-w-lg-240 {
    min-width: 240px;
  }
  .min-w-lg-240--force {
    min-width: 240px !important;
  }
  .w-lg-244 {
    width: 244px;
  }
  .w-lg-244--force {
    width: 244px !important;
  }
  .max-w-lg-244 {
    max-width: 244px;
  }
  .max-w-lg-244--force {
    max-width: 244px !important;
  }
  .min-w-lg-244 {
    min-width: 244px;
  }
  .min-w-lg-244--force {
    min-width: 244px !important;
  }
  .w-lg-248 {
    width: 248px;
  }
  .w-lg-248--force {
    width: 248px !important;
  }
  .max-w-lg-248 {
    max-width: 248px;
  }
  .max-w-lg-248--force {
    max-width: 248px !important;
  }
  .min-w-lg-248 {
    min-width: 248px;
  }
  .min-w-lg-248--force {
    min-width: 248px !important;
  }
  .w-lg-252 {
    width: 252px;
  }
  .w-lg-252--force {
    width: 252px !important;
  }
  .max-w-lg-252 {
    max-width: 252px;
  }
  .max-w-lg-252--force {
    max-width: 252px !important;
  }
  .min-w-lg-252 {
    min-width: 252px;
  }
  .min-w-lg-252--force {
    min-width: 252px !important;
  }
  .w-lg-256 {
    width: 256px;
  }
  .w-lg-256--force {
    width: 256px !important;
  }
  .max-w-lg-256 {
    max-width: 256px;
  }
  .max-w-lg-256--force {
    max-width: 256px !important;
  }
  .min-w-lg-256 {
    min-width: 256px;
  }
  .min-w-lg-256--force {
    min-width: 256px !important;
  }
  .w-lg-0-p {
    width: 0%;
  }
  .w-lg-0-p--force {
    width: 0% !important;
  }
  .max-w-lg-0-p {
    max-width: 0%;
  }
  .max-w-lg-0-p--force {
    max-width: 0% !important;
  }
  .min-w-lg-0-p {
    min-width: 0%;
  }
  .min-w-lg-0-p--force {
    min-width: 0% !important;
  }
  .w-lg-5-p {
    width: 5%;
  }
  .w-lg-5-p--force {
    width: 5% !important;
  }
  .max-w-lg-5-p {
    max-width: 5%;
  }
  .max-w-lg-5-p--force {
    max-width: 5% !important;
  }
  .min-w-lg-5-p {
    min-width: 5%;
  }
  .min-w-lg-5-p--force {
    min-width: 5% !important;
  }
  .w-lg-10-p {
    width: 10%;
  }
  .w-lg-10-p--force {
    width: 10% !important;
  }
  .max-w-lg-10-p {
    max-width: 10%;
  }
  .max-w-lg-10-p--force {
    max-width: 10% !important;
  }
  .min-w-lg-10-p {
    min-width: 10%;
  }
  .min-w-lg-10-p--force {
    min-width: 10% !important;
  }
  .w-lg-15-p {
    width: 15%;
  }
  .w-lg-15-p--force {
    width: 15% !important;
  }
  .max-w-lg-15-p {
    max-width: 15%;
  }
  .max-w-lg-15-p--force {
    max-width: 15% !important;
  }
  .min-w-lg-15-p {
    min-width: 15%;
  }
  .min-w-lg-15-p--force {
    min-width: 15% !important;
  }
  .w-lg-20-p {
    width: 20%;
  }
  .w-lg-20-p--force {
    width: 20% !important;
  }
  .max-w-lg-20-p {
    max-width: 20%;
  }
  .max-w-lg-20-p--force {
    max-width: 20% !important;
  }
  .min-w-lg-20-p {
    min-width: 20%;
  }
  .min-w-lg-20-p--force {
    min-width: 20% !important;
  }
  .w-lg-25-p {
    width: 25%;
  }
  .w-lg-25-p--force {
    width: 25% !important;
  }
  .max-w-lg-25-p {
    max-width: 25%;
  }
  .max-w-lg-25-p--force {
    max-width: 25% !important;
  }
  .min-w-lg-25-p {
    min-width: 25%;
  }
  .min-w-lg-25-p--force {
    min-width: 25% !important;
  }
  .w-lg-30-p {
    width: 30%;
  }
  .w-lg-30-p--force {
    width: 30% !important;
  }
  .max-w-lg-30-p {
    max-width: 30%;
  }
  .max-w-lg-30-p--force {
    max-width: 30% !important;
  }
  .min-w-lg-30-p {
    min-width: 30%;
  }
  .min-w-lg-30-p--force {
    min-width: 30% !important;
  }
  .w-lg-35-p {
    width: 35%;
  }
  .w-lg-35-p--force {
    width: 35% !important;
  }
  .max-w-lg-35-p {
    max-width: 35%;
  }
  .max-w-lg-35-p--force {
    max-width: 35% !important;
  }
  .min-w-lg-35-p {
    min-width: 35%;
  }
  .min-w-lg-35-p--force {
    min-width: 35% !important;
  }
  .w-lg-40-p {
    width: 40%;
  }
  .w-lg-40-p--force {
    width: 40% !important;
  }
  .max-w-lg-40-p {
    max-width: 40%;
  }
  .max-w-lg-40-p--force {
    max-width: 40% !important;
  }
  .min-w-lg-40-p {
    min-width: 40%;
  }
  .min-w-lg-40-p--force {
    min-width: 40% !important;
  }
  .w-lg-45-p {
    width: 45%;
  }
  .w-lg-45-p--force {
    width: 45% !important;
  }
  .max-w-lg-45-p {
    max-width: 45%;
  }
  .max-w-lg-45-p--force {
    max-width: 45% !important;
  }
  .min-w-lg-45-p {
    min-width: 45%;
  }
  .min-w-lg-45-p--force {
    min-width: 45% !important;
  }
  .w-lg-50-p {
    width: 50%;
  }
  .w-lg-50-p--force {
    width: 50% !important;
  }
  .max-w-lg-50-p {
    max-width: 50%;
  }
  .max-w-lg-50-p--force {
    max-width: 50% !important;
  }
  .min-w-lg-50-p {
    min-width: 50%;
  }
  .min-w-lg-50-p--force {
    min-width: 50% !important;
  }
  .w-lg-55-p {
    width: 55%;
  }
  .w-lg-55-p--force {
    width: 55% !important;
  }
  .max-w-lg-55-p {
    max-width: 55%;
  }
  .max-w-lg-55-p--force {
    max-width: 55% !important;
  }
  .min-w-lg-55-p {
    min-width: 55%;
  }
  .min-w-lg-55-p--force {
    min-width: 55% !important;
  }
  .w-lg-60-p {
    width: 60%;
  }
  .w-lg-60-p--force {
    width: 60% !important;
  }
  .max-w-lg-60-p {
    max-width: 60%;
  }
  .max-w-lg-60-p--force {
    max-width: 60% !important;
  }
  .min-w-lg-60-p {
    min-width: 60%;
  }
  .min-w-lg-60-p--force {
    min-width: 60% !important;
  }
  .w-lg-65-p {
    width: 65%;
  }
  .w-lg-65-p--force {
    width: 65% !important;
  }
  .max-w-lg-65-p {
    max-width: 65%;
  }
  .max-w-lg-65-p--force {
    max-width: 65% !important;
  }
  .min-w-lg-65-p {
    min-width: 65%;
  }
  .min-w-lg-65-p--force {
    min-width: 65% !important;
  }
  .w-lg-70-p {
    width: 70%;
  }
  .w-lg-70-p--force {
    width: 70% !important;
  }
  .max-w-lg-70-p {
    max-width: 70%;
  }
  .max-w-lg-70-p--force {
    max-width: 70% !important;
  }
  .min-w-lg-70-p {
    min-width: 70%;
  }
  .min-w-lg-70-p--force {
    min-width: 70% !important;
  }
  .w-lg-75-p {
    width: 75%;
  }
  .w-lg-75-p--force {
    width: 75% !important;
  }
  .max-w-lg-75-p {
    max-width: 75%;
  }
  .max-w-lg-75-p--force {
    max-width: 75% !important;
  }
  .min-w-lg-75-p {
    min-width: 75%;
  }
  .min-w-lg-75-p--force {
    min-width: 75% !important;
  }
  .w-lg-80-p {
    width: 80%;
  }
  .w-lg-80-p--force {
    width: 80% !important;
  }
  .max-w-lg-80-p {
    max-width: 80%;
  }
  .max-w-lg-80-p--force {
    max-width: 80% !important;
  }
  .min-w-lg-80-p {
    min-width: 80%;
  }
  .min-w-lg-80-p--force {
    min-width: 80% !important;
  }
  .w-lg-85-p {
    width: 85%;
  }
  .w-lg-85-p--force {
    width: 85% !important;
  }
  .max-w-lg-85-p {
    max-width: 85%;
  }
  .max-w-lg-85-p--force {
    max-width: 85% !important;
  }
  .min-w-lg-85-p {
    min-width: 85%;
  }
  .min-w-lg-85-p--force {
    min-width: 85% !important;
  }
  .w-lg-90-p {
    width: 90%;
  }
  .w-lg-90-p--force {
    width: 90% !important;
  }
  .max-w-lg-90-p {
    max-width: 90%;
  }
  .max-w-lg-90-p--force {
    max-width: 90% !important;
  }
  .min-w-lg-90-p {
    min-width: 90%;
  }
  .min-w-lg-90-p--force {
    min-width: 90% !important;
  }
  .w-lg-95-p {
    width: 95%;
  }
  .w-lg-95-p--force {
    width: 95% !important;
  }
  .max-w-lg-95-p {
    max-width: 95%;
  }
  .max-w-lg-95-p--force {
    max-width: 95% !important;
  }
  .min-w-lg-95-p {
    min-width: 95%;
  }
  .min-w-lg-95-p--force {
    min-width: 95% !important;
  }
  .w-lg-100-p {
    width: 100%;
  }
  .w-lg-100-p--force {
    width: 100% !important;
  }
  .max-w-lg-100-p {
    max-width: 100%;
  }
  .max-w-lg-100-p--force {
    max-width: 100% !important;
  }
  .min-w-lg-100-p {
    min-width: 100%;
  }
  .min-w-lg-100-p--force {
    min-width: 100% !important;
  }
  .w-lg-300 {
    width: 300px;
  }
  .w-lg-300--force {
    width: 300px !important;
  }
  .max-w-lg-300 {
    max-width: 300px;
  }
  .max-w-lg-300--force {
    max-width: 300px !important;
  }
  .min-w-lg-300 {
    min-width: 300px;
  }
  .min-w-lg-300--force {
    min-width: 300px !important;
  }
  .w-lg-400 {
    width: 400px;
  }
  .w-lg-400--force {
    width: 400px !important;
  }
  .max-w-lg-400 {
    max-width: 400px;
  }
  .max-w-lg-400--force {
    max-width: 400px !important;
  }
  .min-w-lg-400 {
    min-width: 400px;
  }
  .min-w-lg-400--force {
    min-width: 400px !important;
  }
  .w-lg-500 {
    width: 500px;
  }
  .w-lg-500--force {
    width: 500px !important;
  }
  .max-w-lg-500 {
    max-width: 500px;
  }
  .max-w-lg-500--force {
    max-width: 500px !important;
  }
  .min-w-lg-500 {
    min-width: 500px;
  }
  .min-w-lg-500--force {
    min-width: 500px !important;
  }
  .w-lg-600 {
    width: 600px;
  }
  .w-lg-600--force {
    width: 600px !important;
  }
  .max-w-lg-600 {
    max-width: 600px;
  }
  .max-w-lg-600--force {
    max-width: 600px !important;
  }
  .min-w-lg-600 {
    min-width: 600px;
  }
  .min-w-lg-600--force {
    min-width: 600px !important;
  }
  .w-lg-700 {
    width: 700px;
  }
  .w-lg-700--force {
    width: 700px !important;
  }
  .max-w-lg-700 {
    max-width: 700px;
  }
  .max-w-lg-700--force {
    max-width: 700px !important;
  }
  .min-w-lg-700 {
    min-width: 700px;
  }
  .min-w-lg-700--force {
    min-width: 700px !important;
  }
  .w-lg-800 {
    width: 800px;
  }
  .w-lg-800--force {
    width: 800px !important;
  }
  .max-w-lg-800 {
    max-width: 800px;
  }
  .max-w-lg-800--force {
    max-width: 800px !important;
  }
  .min-w-lg-800 {
    min-width: 800px;
  }
  .min-w-lg-800--force {
    min-width: 800px !important;
  }
  .w-lg-900 {
    width: 900px;
  }
  .w-lg-900--force {
    width: 900px !important;
  }
  .max-w-lg-900 {
    max-width: 900px;
  }
  .max-w-lg-900--force {
    max-width: 900px !important;
  }
  .min-w-lg-900 {
    min-width: 900px;
  }
  .min-w-lg-900--force {
    min-width: 900px !important;
  }
  .w-lg-1000 {
    width: 1000px;
  }
  .w-lg-1000--force {
    width: 1000px !important;
  }
  .max-w-lg-1000 {
    max-width: 1000px;
  }
  .max-w-lg-1000--force {
    max-width: 1000px !important;
  }
  .min-w-lg-1000 {
    min-width: 1000px;
  }
  .min-w-lg-1000--force {
    min-width: 1000px !important;
  }
  .w-lg-1100 {
    width: 1100px;
  }
  .w-lg-1100--force {
    width: 1100px !important;
  }
  .max-w-lg-1100 {
    max-width: 1100px;
  }
  .max-w-lg-1100--force {
    max-width: 1100px !important;
  }
  .min-w-lg-1100 {
    min-width: 1100px;
  }
  .min-w-lg-1100--force {
    min-width: 1100px !important;
  }
  .w-lg-1200 {
    width: 1200px;
  }
  .w-lg-1200--force {
    width: 1200px !important;
  }
  .max-w-lg-1200 {
    max-width: 1200px;
  }
  .max-w-lg-1200--force {
    max-width: 1200px !important;
  }
  .min-w-lg-1200 {
    min-width: 1200px;
  }
  .min-w-lg-1200--force {
    min-width: 1200px !important;
  }
  .w-lg-1300 {
    width: 1300px;
  }
  .w-lg-1300--force {
    width: 1300px !important;
  }
  .max-w-lg-1300 {
    max-width: 1300px;
  }
  .max-w-lg-1300--force {
    max-width: 1300px !important;
  }
  .min-w-lg-1300 {
    min-width: 1300px;
  }
  .min-w-lg-1300--force {
    min-width: 1300px !important;
  }
  .w-lg-1400 {
    width: 1400px;
  }
  .w-lg-1400--force {
    width: 1400px !important;
  }
  .max-w-lg-1400 {
    max-width: 1400px;
  }
  .max-w-lg-1400--force {
    max-width: 1400px !important;
  }
  .min-w-lg-1400 {
    min-width: 1400px;
  }
  .min-w-lg-1400--force {
    min-width: 1400px !important;
  }
  .w-lg-1500 {
    width: 1500px;
  }
  .w-lg-1500--force {
    width: 1500px !important;
  }
  .max-w-lg-1500 {
    max-width: 1500px;
  }
  .max-w-lg-1500--force {
    max-width: 1500px !important;
  }
  .min-w-lg-1500 {
    min-width: 1500px;
  }
  .min-w-lg-1500--force {
    min-width: 1500px !important;
  }
  .w-lg-1600 {
    width: 1600px;
  }
  .w-lg-1600--force {
    width: 1600px !important;
  }
  .max-w-lg-1600 {
    max-width: 1600px;
  }
  .max-w-lg-1600--force {
    max-width: 1600px !important;
  }
  .min-w-lg-1600 {
    min-width: 1600px;
  }
  .min-w-lg-1600--force {
    min-width: 1600px !important;
  }
  .w-lg-1700 {
    width: 1700px;
  }
  .w-lg-1700--force {
    width: 1700px !important;
  }
  .max-w-lg-1700 {
    max-width: 1700px;
  }
  .max-w-lg-1700--force {
    max-width: 1700px !important;
  }
  .min-w-lg-1700 {
    min-width: 1700px;
  }
  .min-w-lg-1700--force {
    min-width: 1700px !important;
  }
  .w-lg-1800 {
    width: 1800px;
  }
  .w-lg-1800--force {
    width: 1800px !important;
  }
  .max-w-lg-1800 {
    max-width: 1800px;
  }
  .max-w-lg-1800--force {
    max-width: 1800px !important;
  }
  .min-w-lg-1800 {
    min-width: 1800px;
  }
  .min-w-lg-1800--force {
    min-width: 1800px !important;
  }
  .w-lg-1900 {
    width: 1900px;
  }
  .w-lg-1900--force {
    width: 1900px !important;
  }
  .max-w-lg-1900 {
    max-width: 1900px;
  }
  .max-w-lg-1900--force {
    max-width: 1900px !important;
  }
  .min-w-lg-1900 {
    min-width: 1900px;
  }
  .min-w-lg-1900--force {
    min-width: 1900px !important;
  }
  .w-lg-2000 {
    width: 2000px;
  }
  .w-lg-2000--force {
    width: 2000px !important;
  }
  .max-w-lg-2000 {
    max-width: 2000px;
  }
  .max-w-lg-2000--force {
    max-width: 2000px !important;
  }
  .min-w-lg-2000 {
    min-width: 2000px;
  }
  .min-w-lg-2000--force {
    min-width: 2000px !important;
  }
  .w-lg-auto {
    width: auto;
  }
  .w-lg-auto--force {
    width: auto !important;
  }
}
@media screen and (min-width: 1536px) {
  .h-xl-0 {
    height: 0px;
  }
  .h-xl-0--force {
    height: 0px !important;
  }
  .max-h-xl-0 {
    max-height: 0px;
  }
  .max-h-xl-0--force {
    max-height: 0px !important;
  }
  .min-h-xl-0 {
    min-height: 0px;
  }
  .min-h-xl-0--force {
    min-height: 0px !important;
  }
  .h-xl-4 {
    height: 4px;
  }
  .h-xl-4--force {
    height: 4px !important;
  }
  .max-h-xl-4 {
    max-height: 4px;
  }
  .max-h-xl-4--force {
    max-height: 4px !important;
  }
  .min-h-xl-4 {
    min-height: 4px;
  }
  .min-h-xl-4--force {
    min-height: 4px !important;
  }
  .h-xl-8 {
    height: 8px;
  }
  .h-xl-8--force {
    height: 8px !important;
  }
  .max-h-xl-8 {
    max-height: 8px;
  }
  .max-h-xl-8--force {
    max-height: 8px !important;
  }
  .min-h-xl-8 {
    min-height: 8px;
  }
  .min-h-xl-8--force {
    min-height: 8px !important;
  }
  .h-xl-12 {
    height: 12px;
  }
  .h-xl-12--force {
    height: 12px !important;
  }
  .max-h-xl-12 {
    max-height: 12px;
  }
  .max-h-xl-12--force {
    max-height: 12px !important;
  }
  .min-h-xl-12 {
    min-height: 12px;
  }
  .min-h-xl-12--force {
    min-height: 12px !important;
  }
  .h-xl-16 {
    height: 16px;
  }
  .h-xl-16--force {
    height: 16px !important;
  }
  .max-h-xl-16 {
    max-height: 16px;
  }
  .max-h-xl-16--force {
    max-height: 16px !important;
  }
  .min-h-xl-16 {
    min-height: 16px;
  }
  .min-h-xl-16--force {
    min-height: 16px !important;
  }
  .h-xl-20 {
    height: 20px;
  }
  .h-xl-20--force {
    height: 20px !important;
  }
  .max-h-xl-20 {
    max-height: 20px;
  }
  .max-h-xl-20--force {
    max-height: 20px !important;
  }
  .min-h-xl-20 {
    min-height: 20px;
  }
  .min-h-xl-20--force {
    min-height: 20px !important;
  }
  .h-xl-24 {
    height: 24px;
  }
  .h-xl-24--force {
    height: 24px !important;
  }
  .max-h-xl-24 {
    max-height: 24px;
  }
  .max-h-xl-24--force {
    max-height: 24px !important;
  }
  .min-h-xl-24 {
    min-height: 24px;
  }
  .min-h-xl-24--force {
    min-height: 24px !important;
  }
  .h-xl-28 {
    height: 28px;
  }
  .h-xl-28--force {
    height: 28px !important;
  }
  .max-h-xl-28 {
    max-height: 28px;
  }
  .max-h-xl-28--force {
    max-height: 28px !important;
  }
  .min-h-xl-28 {
    min-height: 28px;
  }
  .min-h-xl-28--force {
    min-height: 28px !important;
  }
  .h-xl-32 {
    height: 32px;
  }
  .h-xl-32--force {
    height: 32px !important;
  }
  .max-h-xl-32 {
    max-height: 32px;
  }
  .max-h-xl-32--force {
    max-height: 32px !important;
  }
  .min-h-xl-32 {
    min-height: 32px;
  }
  .min-h-xl-32--force {
    min-height: 32px !important;
  }
  .h-xl-36 {
    height: 36px;
  }
  .h-xl-36--force {
    height: 36px !important;
  }
  .max-h-xl-36 {
    max-height: 36px;
  }
  .max-h-xl-36--force {
    max-height: 36px !important;
  }
  .min-h-xl-36 {
    min-height: 36px;
  }
  .min-h-xl-36--force {
    min-height: 36px !important;
  }
  .h-xl-40 {
    height: 40px;
  }
  .h-xl-40--force {
    height: 40px !important;
  }
  .max-h-xl-40 {
    max-height: 40px;
  }
  .max-h-xl-40--force {
    max-height: 40px !important;
  }
  .min-h-xl-40 {
    min-height: 40px;
  }
  .min-h-xl-40--force {
    min-height: 40px !important;
  }
  .h-xl-44 {
    height: 44px;
  }
  .h-xl-44--force {
    height: 44px !important;
  }
  .max-h-xl-44 {
    max-height: 44px;
  }
  .max-h-xl-44--force {
    max-height: 44px !important;
  }
  .min-h-xl-44 {
    min-height: 44px;
  }
  .min-h-xl-44--force {
    min-height: 44px !important;
  }
  .h-xl-48 {
    height: 48px;
  }
  .h-xl-48--force {
    height: 48px !important;
  }
  .max-h-xl-48 {
    max-height: 48px;
  }
  .max-h-xl-48--force {
    max-height: 48px !important;
  }
  .min-h-xl-48 {
    min-height: 48px;
  }
  .min-h-xl-48--force {
    min-height: 48px !important;
  }
  .h-xl-52 {
    height: 52px;
  }
  .h-xl-52--force {
    height: 52px !important;
  }
  .max-h-xl-52 {
    max-height: 52px;
  }
  .max-h-xl-52--force {
    max-height: 52px !important;
  }
  .min-h-xl-52 {
    min-height: 52px;
  }
  .min-h-xl-52--force {
    min-height: 52px !important;
  }
  .h-xl-56 {
    height: 56px;
  }
  .h-xl-56--force {
    height: 56px !important;
  }
  .max-h-xl-56 {
    max-height: 56px;
  }
  .max-h-xl-56--force {
    max-height: 56px !important;
  }
  .min-h-xl-56 {
    min-height: 56px;
  }
  .min-h-xl-56--force {
    min-height: 56px !important;
  }
  .h-xl-60 {
    height: 60px;
  }
  .h-xl-60--force {
    height: 60px !important;
  }
  .max-h-xl-60 {
    max-height: 60px;
  }
  .max-h-xl-60--force {
    max-height: 60px !important;
  }
  .min-h-xl-60 {
    min-height: 60px;
  }
  .min-h-xl-60--force {
    min-height: 60px !important;
  }
  .h-xl-64 {
    height: 64px;
  }
  .h-xl-64--force {
    height: 64px !important;
  }
  .max-h-xl-64 {
    max-height: 64px;
  }
  .max-h-xl-64--force {
    max-height: 64px !important;
  }
  .min-h-xl-64 {
    min-height: 64px;
  }
  .min-h-xl-64--force {
    min-height: 64px !important;
  }
  .h-xl-68 {
    height: 68px;
  }
  .h-xl-68--force {
    height: 68px !important;
  }
  .max-h-xl-68 {
    max-height: 68px;
  }
  .max-h-xl-68--force {
    max-height: 68px !important;
  }
  .min-h-xl-68 {
    min-height: 68px;
  }
  .min-h-xl-68--force {
    min-height: 68px !important;
  }
  .h-xl-72 {
    height: 72px;
  }
  .h-xl-72--force {
    height: 72px !important;
  }
  .max-h-xl-72 {
    max-height: 72px;
  }
  .max-h-xl-72--force {
    max-height: 72px !important;
  }
  .min-h-xl-72 {
    min-height: 72px;
  }
  .min-h-xl-72--force {
    min-height: 72px !important;
  }
  .h-xl-76 {
    height: 76px;
  }
  .h-xl-76--force {
    height: 76px !important;
  }
  .max-h-xl-76 {
    max-height: 76px;
  }
  .max-h-xl-76--force {
    max-height: 76px !important;
  }
  .min-h-xl-76 {
    min-height: 76px;
  }
  .min-h-xl-76--force {
    min-height: 76px !important;
  }
  .h-xl-80 {
    height: 80px;
  }
  .h-xl-80--force {
    height: 80px !important;
  }
  .max-h-xl-80 {
    max-height: 80px;
  }
  .max-h-xl-80--force {
    max-height: 80px !important;
  }
  .min-h-xl-80 {
    min-height: 80px;
  }
  .min-h-xl-80--force {
    min-height: 80px !important;
  }
  .h-xl-84 {
    height: 84px;
  }
  .h-xl-84--force {
    height: 84px !important;
  }
  .max-h-xl-84 {
    max-height: 84px;
  }
  .max-h-xl-84--force {
    max-height: 84px !important;
  }
  .min-h-xl-84 {
    min-height: 84px;
  }
  .min-h-xl-84--force {
    min-height: 84px !important;
  }
  .h-xl-88 {
    height: 88px;
  }
  .h-xl-88--force {
    height: 88px !important;
  }
  .max-h-xl-88 {
    max-height: 88px;
  }
  .max-h-xl-88--force {
    max-height: 88px !important;
  }
  .min-h-xl-88 {
    min-height: 88px;
  }
  .min-h-xl-88--force {
    min-height: 88px !important;
  }
  .h-xl-92 {
    height: 92px;
  }
  .h-xl-92--force {
    height: 92px !important;
  }
  .max-h-xl-92 {
    max-height: 92px;
  }
  .max-h-xl-92--force {
    max-height: 92px !important;
  }
  .min-h-xl-92 {
    min-height: 92px;
  }
  .min-h-xl-92--force {
    min-height: 92px !important;
  }
  .h-xl-96 {
    height: 96px;
  }
  .h-xl-96--force {
    height: 96px !important;
  }
  .max-h-xl-96 {
    max-height: 96px;
  }
  .max-h-xl-96--force {
    max-height: 96px !important;
  }
  .min-h-xl-96 {
    min-height: 96px;
  }
  .min-h-xl-96--force {
    min-height: 96px !important;
  }
  .h-xl-100 {
    height: 100px;
  }
  .h-xl-100--force {
    height: 100px !important;
  }
  .max-h-xl-100 {
    max-height: 100px;
  }
  .max-h-xl-100--force {
    max-height: 100px !important;
  }
  .min-h-xl-100 {
    min-height: 100px;
  }
  .min-h-xl-100--force {
    min-height: 100px !important;
  }
  .h-xl-104 {
    height: 104px;
  }
  .h-xl-104--force {
    height: 104px !important;
  }
  .max-h-xl-104 {
    max-height: 104px;
  }
  .max-h-xl-104--force {
    max-height: 104px !important;
  }
  .min-h-xl-104 {
    min-height: 104px;
  }
  .min-h-xl-104--force {
    min-height: 104px !important;
  }
  .h-xl-108 {
    height: 108px;
  }
  .h-xl-108--force {
    height: 108px !important;
  }
  .max-h-xl-108 {
    max-height: 108px;
  }
  .max-h-xl-108--force {
    max-height: 108px !important;
  }
  .min-h-xl-108 {
    min-height: 108px;
  }
  .min-h-xl-108--force {
    min-height: 108px !important;
  }
  .h-xl-112 {
    height: 112px;
  }
  .h-xl-112--force {
    height: 112px !important;
  }
  .max-h-xl-112 {
    max-height: 112px;
  }
  .max-h-xl-112--force {
    max-height: 112px !important;
  }
  .min-h-xl-112 {
    min-height: 112px;
  }
  .min-h-xl-112--force {
    min-height: 112px !important;
  }
  .h-xl-116 {
    height: 116px;
  }
  .h-xl-116--force {
    height: 116px !important;
  }
  .max-h-xl-116 {
    max-height: 116px;
  }
  .max-h-xl-116--force {
    max-height: 116px !important;
  }
  .min-h-xl-116 {
    min-height: 116px;
  }
  .min-h-xl-116--force {
    min-height: 116px !important;
  }
  .h-xl-120 {
    height: 120px;
  }
  .h-xl-120--force {
    height: 120px !important;
  }
  .max-h-xl-120 {
    max-height: 120px;
  }
  .max-h-xl-120--force {
    max-height: 120px !important;
  }
  .min-h-xl-120 {
    min-height: 120px;
  }
  .min-h-xl-120--force {
    min-height: 120px !important;
  }
  .h-xl-124 {
    height: 124px;
  }
  .h-xl-124--force {
    height: 124px !important;
  }
  .max-h-xl-124 {
    max-height: 124px;
  }
  .max-h-xl-124--force {
    max-height: 124px !important;
  }
  .min-h-xl-124 {
    min-height: 124px;
  }
  .min-h-xl-124--force {
    min-height: 124px !important;
  }
  .h-xl-128 {
    height: 128px;
  }
  .h-xl-128--force {
    height: 128px !important;
  }
  .max-h-xl-128 {
    max-height: 128px;
  }
  .max-h-xl-128--force {
    max-height: 128px !important;
  }
  .min-h-xl-128 {
    min-height: 128px;
  }
  .min-h-xl-128--force {
    min-height: 128px !important;
  }
  .h-xl-132 {
    height: 132px;
  }
  .h-xl-132--force {
    height: 132px !important;
  }
  .max-h-xl-132 {
    max-height: 132px;
  }
  .max-h-xl-132--force {
    max-height: 132px !important;
  }
  .min-h-xl-132 {
    min-height: 132px;
  }
  .min-h-xl-132--force {
    min-height: 132px !important;
  }
  .h-xl-136 {
    height: 136px;
  }
  .h-xl-136--force {
    height: 136px !important;
  }
  .max-h-xl-136 {
    max-height: 136px;
  }
  .max-h-xl-136--force {
    max-height: 136px !important;
  }
  .min-h-xl-136 {
    min-height: 136px;
  }
  .min-h-xl-136--force {
    min-height: 136px !important;
  }
  .h-xl-140 {
    height: 140px;
  }
  .h-xl-140--force {
    height: 140px !important;
  }
  .max-h-xl-140 {
    max-height: 140px;
  }
  .max-h-xl-140--force {
    max-height: 140px !important;
  }
  .min-h-xl-140 {
    min-height: 140px;
  }
  .min-h-xl-140--force {
    min-height: 140px !important;
  }
  .h-xl-144 {
    height: 144px;
  }
  .h-xl-144--force {
    height: 144px !important;
  }
  .max-h-xl-144 {
    max-height: 144px;
  }
  .max-h-xl-144--force {
    max-height: 144px !important;
  }
  .min-h-xl-144 {
    min-height: 144px;
  }
  .min-h-xl-144--force {
    min-height: 144px !important;
  }
  .h-xl-148 {
    height: 148px;
  }
  .h-xl-148--force {
    height: 148px !important;
  }
  .max-h-xl-148 {
    max-height: 148px;
  }
  .max-h-xl-148--force {
    max-height: 148px !important;
  }
  .min-h-xl-148 {
    min-height: 148px;
  }
  .min-h-xl-148--force {
    min-height: 148px !important;
  }
  .h-xl-152 {
    height: 152px;
  }
  .h-xl-152--force {
    height: 152px !important;
  }
  .max-h-xl-152 {
    max-height: 152px;
  }
  .max-h-xl-152--force {
    max-height: 152px !important;
  }
  .min-h-xl-152 {
    min-height: 152px;
  }
  .min-h-xl-152--force {
    min-height: 152px !important;
  }
  .h-xl-156 {
    height: 156px;
  }
  .h-xl-156--force {
    height: 156px !important;
  }
  .max-h-xl-156 {
    max-height: 156px;
  }
  .max-h-xl-156--force {
    max-height: 156px !important;
  }
  .min-h-xl-156 {
    min-height: 156px;
  }
  .min-h-xl-156--force {
    min-height: 156px !important;
  }
  .h-xl-160 {
    height: 160px;
  }
  .h-xl-160--force {
    height: 160px !important;
  }
  .max-h-xl-160 {
    max-height: 160px;
  }
  .max-h-xl-160--force {
    max-height: 160px !important;
  }
  .min-h-xl-160 {
    min-height: 160px;
  }
  .min-h-xl-160--force {
    min-height: 160px !important;
  }
  .h-xl-164 {
    height: 164px;
  }
  .h-xl-164--force {
    height: 164px !important;
  }
  .max-h-xl-164 {
    max-height: 164px;
  }
  .max-h-xl-164--force {
    max-height: 164px !important;
  }
  .min-h-xl-164 {
    min-height: 164px;
  }
  .min-h-xl-164--force {
    min-height: 164px !important;
  }
  .h-xl-168 {
    height: 168px;
  }
  .h-xl-168--force {
    height: 168px !important;
  }
  .max-h-xl-168 {
    max-height: 168px;
  }
  .max-h-xl-168--force {
    max-height: 168px !important;
  }
  .min-h-xl-168 {
    min-height: 168px;
  }
  .min-h-xl-168--force {
    min-height: 168px !important;
  }
  .h-xl-172 {
    height: 172px;
  }
  .h-xl-172--force {
    height: 172px !important;
  }
  .max-h-xl-172 {
    max-height: 172px;
  }
  .max-h-xl-172--force {
    max-height: 172px !important;
  }
  .min-h-xl-172 {
    min-height: 172px;
  }
  .min-h-xl-172--force {
    min-height: 172px !important;
  }
  .h-xl-176 {
    height: 176px;
  }
  .h-xl-176--force {
    height: 176px !important;
  }
  .max-h-xl-176 {
    max-height: 176px;
  }
  .max-h-xl-176--force {
    max-height: 176px !important;
  }
  .min-h-xl-176 {
    min-height: 176px;
  }
  .min-h-xl-176--force {
    min-height: 176px !important;
  }
  .h-xl-180 {
    height: 180px;
  }
  .h-xl-180--force {
    height: 180px !important;
  }
  .max-h-xl-180 {
    max-height: 180px;
  }
  .max-h-xl-180--force {
    max-height: 180px !important;
  }
  .min-h-xl-180 {
    min-height: 180px;
  }
  .min-h-xl-180--force {
    min-height: 180px !important;
  }
  .h-xl-184 {
    height: 184px;
  }
  .h-xl-184--force {
    height: 184px !important;
  }
  .max-h-xl-184 {
    max-height: 184px;
  }
  .max-h-xl-184--force {
    max-height: 184px !important;
  }
  .min-h-xl-184 {
    min-height: 184px;
  }
  .min-h-xl-184--force {
    min-height: 184px !important;
  }
  .h-xl-188 {
    height: 188px;
  }
  .h-xl-188--force {
    height: 188px !important;
  }
  .max-h-xl-188 {
    max-height: 188px;
  }
  .max-h-xl-188--force {
    max-height: 188px !important;
  }
  .min-h-xl-188 {
    min-height: 188px;
  }
  .min-h-xl-188--force {
    min-height: 188px !important;
  }
  .h-xl-192 {
    height: 192px;
  }
  .h-xl-192--force {
    height: 192px !important;
  }
  .max-h-xl-192 {
    max-height: 192px;
  }
  .max-h-xl-192--force {
    max-height: 192px !important;
  }
  .min-h-xl-192 {
    min-height: 192px;
  }
  .min-h-xl-192--force {
    min-height: 192px !important;
  }
  .h-xl-196 {
    height: 196px;
  }
  .h-xl-196--force {
    height: 196px !important;
  }
  .max-h-xl-196 {
    max-height: 196px;
  }
  .max-h-xl-196--force {
    max-height: 196px !important;
  }
  .min-h-xl-196 {
    min-height: 196px;
  }
  .min-h-xl-196--force {
    min-height: 196px !important;
  }
  .h-xl-200 {
    height: 200px;
  }
  .h-xl-200--force {
    height: 200px !important;
  }
  .max-h-xl-200 {
    max-height: 200px;
  }
  .max-h-xl-200--force {
    max-height: 200px !important;
  }
  .min-h-xl-200 {
    min-height: 200px;
  }
  .min-h-xl-200--force {
    min-height: 200px !important;
  }
  .h-xl-204 {
    height: 204px;
  }
  .h-xl-204--force {
    height: 204px !important;
  }
  .max-h-xl-204 {
    max-height: 204px;
  }
  .max-h-xl-204--force {
    max-height: 204px !important;
  }
  .min-h-xl-204 {
    min-height: 204px;
  }
  .min-h-xl-204--force {
    min-height: 204px !important;
  }
  .h-xl-208 {
    height: 208px;
  }
  .h-xl-208--force {
    height: 208px !important;
  }
  .max-h-xl-208 {
    max-height: 208px;
  }
  .max-h-xl-208--force {
    max-height: 208px !important;
  }
  .min-h-xl-208 {
    min-height: 208px;
  }
  .min-h-xl-208--force {
    min-height: 208px !important;
  }
  .h-xl-212 {
    height: 212px;
  }
  .h-xl-212--force {
    height: 212px !important;
  }
  .max-h-xl-212 {
    max-height: 212px;
  }
  .max-h-xl-212--force {
    max-height: 212px !important;
  }
  .min-h-xl-212 {
    min-height: 212px;
  }
  .min-h-xl-212--force {
    min-height: 212px !important;
  }
  .h-xl-216 {
    height: 216px;
  }
  .h-xl-216--force {
    height: 216px !important;
  }
  .max-h-xl-216 {
    max-height: 216px;
  }
  .max-h-xl-216--force {
    max-height: 216px !important;
  }
  .min-h-xl-216 {
    min-height: 216px;
  }
  .min-h-xl-216--force {
    min-height: 216px !important;
  }
  .h-xl-220 {
    height: 220px;
  }
  .h-xl-220--force {
    height: 220px !important;
  }
  .max-h-xl-220 {
    max-height: 220px;
  }
  .max-h-xl-220--force {
    max-height: 220px !important;
  }
  .min-h-xl-220 {
    min-height: 220px;
  }
  .min-h-xl-220--force {
    min-height: 220px !important;
  }
  .h-xl-224 {
    height: 224px;
  }
  .h-xl-224--force {
    height: 224px !important;
  }
  .max-h-xl-224 {
    max-height: 224px;
  }
  .max-h-xl-224--force {
    max-height: 224px !important;
  }
  .min-h-xl-224 {
    min-height: 224px;
  }
  .min-h-xl-224--force {
    min-height: 224px !important;
  }
  .h-xl-228 {
    height: 228px;
  }
  .h-xl-228--force {
    height: 228px !important;
  }
  .max-h-xl-228 {
    max-height: 228px;
  }
  .max-h-xl-228--force {
    max-height: 228px !important;
  }
  .min-h-xl-228 {
    min-height: 228px;
  }
  .min-h-xl-228--force {
    min-height: 228px !important;
  }
  .h-xl-232 {
    height: 232px;
  }
  .h-xl-232--force {
    height: 232px !important;
  }
  .max-h-xl-232 {
    max-height: 232px;
  }
  .max-h-xl-232--force {
    max-height: 232px !important;
  }
  .min-h-xl-232 {
    min-height: 232px;
  }
  .min-h-xl-232--force {
    min-height: 232px !important;
  }
  .h-xl-236 {
    height: 236px;
  }
  .h-xl-236--force {
    height: 236px !important;
  }
  .max-h-xl-236 {
    max-height: 236px;
  }
  .max-h-xl-236--force {
    max-height: 236px !important;
  }
  .min-h-xl-236 {
    min-height: 236px;
  }
  .min-h-xl-236--force {
    min-height: 236px !important;
  }
  .h-xl-240 {
    height: 240px;
  }
  .h-xl-240--force {
    height: 240px !important;
  }
  .max-h-xl-240 {
    max-height: 240px;
  }
  .max-h-xl-240--force {
    max-height: 240px !important;
  }
  .min-h-xl-240 {
    min-height: 240px;
  }
  .min-h-xl-240--force {
    min-height: 240px !important;
  }
  .h-xl-244 {
    height: 244px;
  }
  .h-xl-244--force {
    height: 244px !important;
  }
  .max-h-xl-244 {
    max-height: 244px;
  }
  .max-h-xl-244--force {
    max-height: 244px !important;
  }
  .min-h-xl-244 {
    min-height: 244px;
  }
  .min-h-xl-244--force {
    min-height: 244px !important;
  }
  .h-xl-248 {
    height: 248px;
  }
  .h-xl-248--force {
    height: 248px !important;
  }
  .max-h-xl-248 {
    max-height: 248px;
  }
  .max-h-xl-248--force {
    max-height: 248px !important;
  }
  .min-h-xl-248 {
    min-height: 248px;
  }
  .min-h-xl-248--force {
    min-height: 248px !important;
  }
  .h-xl-252 {
    height: 252px;
  }
  .h-xl-252--force {
    height: 252px !important;
  }
  .max-h-xl-252 {
    max-height: 252px;
  }
  .max-h-xl-252--force {
    max-height: 252px !important;
  }
  .min-h-xl-252 {
    min-height: 252px;
  }
  .min-h-xl-252--force {
    min-height: 252px !important;
  }
  .h-xl-256 {
    height: 256px;
  }
  .h-xl-256--force {
    height: 256px !important;
  }
  .max-h-xl-256 {
    max-height: 256px;
  }
  .max-h-xl-256--force {
    max-height: 256px !important;
  }
  .min-h-xl-256 {
    min-height: 256px;
  }
  .min-h-xl-256--force {
    min-height: 256px !important;
  }
  .h-xl-0-p {
    height: 0%;
  }
  .h-xl-0-p--force {
    height: 0% !important;
  }
  .max-h-xl-0-p {
    max-height: 0%;
  }
  .max-h-xl-0-p--force {
    max-height: 0% !important;
  }
  .min-h-xl-0-p {
    min-height: 0%;
  }
  .min-h-xl-0-p--force {
    min-height: 0% !important;
  }
  .h-xl-5-p {
    height: 5%;
  }
  .h-xl-5-p--force {
    height: 5% !important;
  }
  .max-h-xl-5-p {
    max-height: 5%;
  }
  .max-h-xl-5-p--force {
    max-height: 5% !important;
  }
  .min-h-xl-5-p {
    min-height: 5%;
  }
  .min-h-xl-5-p--force {
    min-height: 5% !important;
  }
  .h-xl-10-p {
    height: 10%;
  }
  .h-xl-10-p--force {
    height: 10% !important;
  }
  .max-h-xl-10-p {
    max-height: 10%;
  }
  .max-h-xl-10-p--force {
    max-height: 10% !important;
  }
  .min-h-xl-10-p {
    min-height: 10%;
  }
  .min-h-xl-10-p--force {
    min-height: 10% !important;
  }
  .h-xl-15-p {
    height: 15%;
  }
  .h-xl-15-p--force {
    height: 15% !important;
  }
  .max-h-xl-15-p {
    max-height: 15%;
  }
  .max-h-xl-15-p--force {
    max-height: 15% !important;
  }
  .min-h-xl-15-p {
    min-height: 15%;
  }
  .min-h-xl-15-p--force {
    min-height: 15% !important;
  }
  .h-xl-20-p {
    height: 20%;
  }
  .h-xl-20-p--force {
    height: 20% !important;
  }
  .max-h-xl-20-p {
    max-height: 20%;
  }
  .max-h-xl-20-p--force {
    max-height: 20% !important;
  }
  .min-h-xl-20-p {
    min-height: 20%;
  }
  .min-h-xl-20-p--force {
    min-height: 20% !important;
  }
  .h-xl-25-p {
    height: 25%;
  }
  .h-xl-25-p--force {
    height: 25% !important;
  }
  .max-h-xl-25-p {
    max-height: 25%;
  }
  .max-h-xl-25-p--force {
    max-height: 25% !important;
  }
  .min-h-xl-25-p {
    min-height: 25%;
  }
  .min-h-xl-25-p--force {
    min-height: 25% !important;
  }
  .h-xl-30-p {
    height: 30%;
  }
  .h-xl-30-p--force {
    height: 30% !important;
  }
  .max-h-xl-30-p {
    max-height: 30%;
  }
  .max-h-xl-30-p--force {
    max-height: 30% !important;
  }
  .min-h-xl-30-p {
    min-height: 30%;
  }
  .min-h-xl-30-p--force {
    min-height: 30% !important;
  }
  .h-xl-35-p {
    height: 35%;
  }
  .h-xl-35-p--force {
    height: 35% !important;
  }
  .max-h-xl-35-p {
    max-height: 35%;
  }
  .max-h-xl-35-p--force {
    max-height: 35% !important;
  }
  .min-h-xl-35-p {
    min-height: 35%;
  }
  .min-h-xl-35-p--force {
    min-height: 35% !important;
  }
  .h-xl-40-p {
    height: 40%;
  }
  .h-xl-40-p--force {
    height: 40% !important;
  }
  .max-h-xl-40-p {
    max-height: 40%;
  }
  .max-h-xl-40-p--force {
    max-height: 40% !important;
  }
  .min-h-xl-40-p {
    min-height: 40%;
  }
  .min-h-xl-40-p--force {
    min-height: 40% !important;
  }
  .h-xl-45-p {
    height: 45%;
  }
  .h-xl-45-p--force {
    height: 45% !important;
  }
  .max-h-xl-45-p {
    max-height: 45%;
  }
  .max-h-xl-45-p--force {
    max-height: 45% !important;
  }
  .min-h-xl-45-p {
    min-height: 45%;
  }
  .min-h-xl-45-p--force {
    min-height: 45% !important;
  }
  .h-xl-50-p {
    height: 50%;
  }
  .h-xl-50-p--force {
    height: 50% !important;
  }
  .max-h-xl-50-p {
    max-height: 50%;
  }
  .max-h-xl-50-p--force {
    max-height: 50% !important;
  }
  .min-h-xl-50-p {
    min-height: 50%;
  }
  .min-h-xl-50-p--force {
    min-height: 50% !important;
  }
  .h-xl-55-p {
    height: 55%;
  }
  .h-xl-55-p--force {
    height: 55% !important;
  }
  .max-h-xl-55-p {
    max-height: 55%;
  }
  .max-h-xl-55-p--force {
    max-height: 55% !important;
  }
  .min-h-xl-55-p {
    min-height: 55%;
  }
  .min-h-xl-55-p--force {
    min-height: 55% !important;
  }
  .h-xl-60-p {
    height: 60%;
  }
  .h-xl-60-p--force {
    height: 60% !important;
  }
  .max-h-xl-60-p {
    max-height: 60%;
  }
  .max-h-xl-60-p--force {
    max-height: 60% !important;
  }
  .min-h-xl-60-p {
    min-height: 60%;
  }
  .min-h-xl-60-p--force {
    min-height: 60% !important;
  }
  .h-xl-65-p {
    height: 65%;
  }
  .h-xl-65-p--force {
    height: 65% !important;
  }
  .max-h-xl-65-p {
    max-height: 65%;
  }
  .max-h-xl-65-p--force {
    max-height: 65% !important;
  }
  .min-h-xl-65-p {
    min-height: 65%;
  }
  .min-h-xl-65-p--force {
    min-height: 65% !important;
  }
  .h-xl-70-p {
    height: 70%;
  }
  .h-xl-70-p--force {
    height: 70% !important;
  }
  .max-h-xl-70-p {
    max-height: 70%;
  }
  .max-h-xl-70-p--force {
    max-height: 70% !important;
  }
  .min-h-xl-70-p {
    min-height: 70%;
  }
  .min-h-xl-70-p--force {
    min-height: 70% !important;
  }
  .h-xl-75-p {
    height: 75%;
  }
  .h-xl-75-p--force {
    height: 75% !important;
  }
  .max-h-xl-75-p {
    max-height: 75%;
  }
  .max-h-xl-75-p--force {
    max-height: 75% !important;
  }
  .min-h-xl-75-p {
    min-height: 75%;
  }
  .min-h-xl-75-p--force {
    min-height: 75% !important;
  }
  .h-xl-80-p {
    height: 80%;
  }
  .h-xl-80-p--force {
    height: 80% !important;
  }
  .max-h-xl-80-p {
    max-height: 80%;
  }
  .max-h-xl-80-p--force {
    max-height: 80% !important;
  }
  .min-h-xl-80-p {
    min-height: 80%;
  }
  .min-h-xl-80-p--force {
    min-height: 80% !important;
  }
  .h-xl-85-p {
    height: 85%;
  }
  .h-xl-85-p--force {
    height: 85% !important;
  }
  .max-h-xl-85-p {
    max-height: 85%;
  }
  .max-h-xl-85-p--force {
    max-height: 85% !important;
  }
  .min-h-xl-85-p {
    min-height: 85%;
  }
  .min-h-xl-85-p--force {
    min-height: 85% !important;
  }
  .h-xl-90-p {
    height: 90%;
  }
  .h-xl-90-p--force {
    height: 90% !important;
  }
  .max-h-xl-90-p {
    max-height: 90%;
  }
  .max-h-xl-90-p--force {
    max-height: 90% !important;
  }
  .min-h-xl-90-p {
    min-height: 90%;
  }
  .min-h-xl-90-p--force {
    min-height: 90% !important;
  }
  .h-xl-95-p {
    height: 95%;
  }
  .h-xl-95-p--force {
    height: 95% !important;
  }
  .max-h-xl-95-p {
    max-height: 95%;
  }
  .max-h-xl-95-p--force {
    max-height: 95% !important;
  }
  .min-h-xl-95-p {
    min-height: 95%;
  }
  .min-h-xl-95-p--force {
    min-height: 95% !important;
  }
  .h-xl-100-p {
    height: 100%;
  }
  .h-xl-100-p--force {
    height: 100% !important;
  }
  .max-h-xl-100-p {
    max-height: 100%;
  }
  .max-h-xl-100-p--force {
    max-height: 100% !important;
  }
  .min-h-xl-100-p {
    min-height: 100%;
  }
  .min-h-xl-100-p--force {
    min-height: 100% !important;
  }
  .h-xl-300 {
    height: 300px;
  }
  .h-xl-300--force {
    height: 300px !important;
  }
  .max-h-xl-300 {
    max-height: 300px;
  }
  .max-h-xl-300--force {
    max-height: 300px !important;
  }
  .min-h-xl-300 {
    min-height: 300px;
  }
  .min-h-xl-300--force {
    min-height: 300px !important;
  }
  .h-xl-400 {
    height: 400px;
  }
  .h-xl-400--force {
    height: 400px !important;
  }
  .max-h-xl-400 {
    max-height: 400px;
  }
  .max-h-xl-400--force {
    max-height: 400px !important;
  }
  .min-h-xl-400 {
    min-height: 400px;
  }
  .min-h-xl-400--force {
    min-height: 400px !important;
  }
  .h-xl-500 {
    height: 500px;
  }
  .h-xl-500--force {
    height: 500px !important;
  }
  .max-h-xl-500 {
    max-height: 500px;
  }
  .max-h-xl-500--force {
    max-height: 500px !important;
  }
  .min-h-xl-500 {
    min-height: 500px;
  }
  .min-h-xl-500--force {
    min-height: 500px !important;
  }
  .h-xl-600 {
    height: 600px;
  }
  .h-xl-600--force {
    height: 600px !important;
  }
  .max-h-xl-600 {
    max-height: 600px;
  }
  .max-h-xl-600--force {
    max-height: 600px !important;
  }
  .min-h-xl-600 {
    min-height: 600px;
  }
  .min-h-xl-600--force {
    min-height: 600px !important;
  }
  .h-xl-700 {
    height: 700px;
  }
  .h-xl-700--force {
    height: 700px !important;
  }
  .max-h-xl-700 {
    max-height: 700px;
  }
  .max-h-xl-700--force {
    max-height: 700px !important;
  }
  .min-h-xl-700 {
    min-height: 700px;
  }
  .min-h-xl-700--force {
    min-height: 700px !important;
  }
  .h-xl-800 {
    height: 800px;
  }
  .h-xl-800--force {
    height: 800px !important;
  }
  .max-h-xl-800 {
    max-height: 800px;
  }
  .max-h-xl-800--force {
    max-height: 800px !important;
  }
  .min-h-xl-800 {
    min-height: 800px;
  }
  .min-h-xl-800--force {
    min-height: 800px !important;
  }
  .h-xl-900 {
    height: 900px;
  }
  .h-xl-900--force {
    height: 900px !important;
  }
  .max-h-xl-900 {
    max-height: 900px;
  }
  .max-h-xl-900--force {
    max-height: 900px !important;
  }
  .min-h-xl-900 {
    min-height: 900px;
  }
  .min-h-xl-900--force {
    min-height: 900px !important;
  }
  .h-xl-1000 {
    height: 1000px;
  }
  .h-xl-1000--force {
    height: 1000px !important;
  }
  .max-h-xl-1000 {
    max-height: 1000px;
  }
  .max-h-xl-1000--force {
    max-height: 1000px !important;
  }
  .min-h-xl-1000 {
    min-height: 1000px;
  }
  .min-h-xl-1000--force {
    min-height: 1000px !important;
  }
  .h-xl-1100 {
    height: 1100px;
  }
  .h-xl-1100--force {
    height: 1100px !important;
  }
  .max-h-xl-1100 {
    max-height: 1100px;
  }
  .max-h-xl-1100--force {
    max-height: 1100px !important;
  }
  .min-h-xl-1100 {
    min-height: 1100px;
  }
  .min-h-xl-1100--force {
    min-height: 1100px !important;
  }
  .h-xl-1200 {
    height: 1200px;
  }
  .h-xl-1200--force {
    height: 1200px !important;
  }
  .max-h-xl-1200 {
    max-height: 1200px;
  }
  .max-h-xl-1200--force {
    max-height: 1200px !important;
  }
  .min-h-xl-1200 {
    min-height: 1200px;
  }
  .min-h-xl-1200--force {
    min-height: 1200px !important;
  }
  .h-xl-1300 {
    height: 1300px;
  }
  .h-xl-1300--force {
    height: 1300px !important;
  }
  .max-h-xl-1300 {
    max-height: 1300px;
  }
  .max-h-xl-1300--force {
    max-height: 1300px !important;
  }
  .min-h-xl-1300 {
    min-height: 1300px;
  }
  .min-h-xl-1300--force {
    min-height: 1300px !important;
  }
  .h-xl-1400 {
    height: 1400px;
  }
  .h-xl-1400--force {
    height: 1400px !important;
  }
  .max-h-xl-1400 {
    max-height: 1400px;
  }
  .max-h-xl-1400--force {
    max-height: 1400px !important;
  }
  .min-h-xl-1400 {
    min-height: 1400px;
  }
  .min-h-xl-1400--force {
    min-height: 1400px !important;
  }
  .h-xl-1500 {
    height: 1500px;
  }
  .h-xl-1500--force {
    height: 1500px !important;
  }
  .max-h-xl-1500 {
    max-height: 1500px;
  }
  .max-h-xl-1500--force {
    max-height: 1500px !important;
  }
  .min-h-xl-1500 {
    min-height: 1500px;
  }
  .min-h-xl-1500--force {
    min-height: 1500px !important;
  }
  .h-xl-1600 {
    height: 1600px;
  }
  .h-xl-1600--force {
    height: 1600px !important;
  }
  .max-h-xl-1600 {
    max-height: 1600px;
  }
  .max-h-xl-1600--force {
    max-height: 1600px !important;
  }
  .min-h-xl-1600 {
    min-height: 1600px;
  }
  .min-h-xl-1600--force {
    min-height: 1600px !important;
  }
  .h-xl-1700 {
    height: 1700px;
  }
  .h-xl-1700--force {
    height: 1700px !important;
  }
  .max-h-xl-1700 {
    max-height: 1700px;
  }
  .max-h-xl-1700--force {
    max-height: 1700px !important;
  }
  .min-h-xl-1700 {
    min-height: 1700px;
  }
  .min-h-xl-1700--force {
    min-height: 1700px !important;
  }
  .h-xl-1800 {
    height: 1800px;
  }
  .h-xl-1800--force {
    height: 1800px !important;
  }
  .max-h-xl-1800 {
    max-height: 1800px;
  }
  .max-h-xl-1800--force {
    max-height: 1800px !important;
  }
  .min-h-xl-1800 {
    min-height: 1800px;
  }
  .min-h-xl-1800--force {
    min-height: 1800px !important;
  }
  .h-xl-1900 {
    height: 1900px;
  }
  .h-xl-1900--force {
    height: 1900px !important;
  }
  .max-h-xl-1900 {
    max-height: 1900px;
  }
  .max-h-xl-1900--force {
    max-height: 1900px !important;
  }
  .min-h-xl-1900 {
    min-height: 1900px;
  }
  .min-h-xl-1900--force {
    min-height: 1900px !important;
  }
  .h-xl-2000 {
    height: 2000px;
  }
  .h-xl-2000--force {
    height: 2000px !important;
  }
  .max-h-xl-2000 {
    max-height: 2000px;
  }
  .max-h-xl-2000--force {
    max-height: 2000px !important;
  }
  .min-h-xl-2000 {
    min-height: 2000px;
  }
  .min-h-xl-2000--force {
    min-height: 2000px !important;
  }
  .h-xl-auto {
    height: auto;
  }
  .h-xl-auto--force {
    height: auto !important;
  }
  .w-xl-0 {
    width: 0px;
  }
  .w-xl-0--force {
    width: 0px !important;
  }
  .max-w-xl-0 {
    max-width: 0px;
  }
  .max-w-xl-0--force {
    max-width: 0px !important;
  }
  .min-w-xl-0 {
    min-width: 0px;
  }
  .min-w-xl-0--force {
    min-width: 0px !important;
  }
  .w-xl-4 {
    width: 4px;
  }
  .w-xl-4--force {
    width: 4px !important;
  }
  .max-w-xl-4 {
    max-width: 4px;
  }
  .max-w-xl-4--force {
    max-width: 4px !important;
  }
  .min-w-xl-4 {
    min-width: 4px;
  }
  .min-w-xl-4--force {
    min-width: 4px !important;
  }
  .w-xl-8 {
    width: 8px;
  }
  .w-xl-8--force {
    width: 8px !important;
  }
  .max-w-xl-8 {
    max-width: 8px;
  }
  .max-w-xl-8--force {
    max-width: 8px !important;
  }
  .min-w-xl-8 {
    min-width: 8px;
  }
  .min-w-xl-8--force {
    min-width: 8px !important;
  }
  .w-xl-12 {
    width: 12px;
  }
  .w-xl-12--force {
    width: 12px !important;
  }
  .max-w-xl-12 {
    max-width: 12px;
  }
  .max-w-xl-12--force {
    max-width: 12px !important;
  }
  .min-w-xl-12 {
    min-width: 12px;
  }
  .min-w-xl-12--force {
    min-width: 12px !important;
  }
  .w-xl-16 {
    width: 16px;
  }
  .w-xl-16--force {
    width: 16px !important;
  }
  .max-w-xl-16 {
    max-width: 16px;
  }
  .max-w-xl-16--force {
    max-width: 16px !important;
  }
  .min-w-xl-16 {
    min-width: 16px;
  }
  .min-w-xl-16--force {
    min-width: 16px !important;
  }
  .w-xl-20 {
    width: 20px;
  }
  .w-xl-20--force {
    width: 20px !important;
  }
  .max-w-xl-20 {
    max-width: 20px;
  }
  .max-w-xl-20--force {
    max-width: 20px !important;
  }
  .min-w-xl-20 {
    min-width: 20px;
  }
  .min-w-xl-20--force {
    min-width: 20px !important;
  }
  .w-xl-24 {
    width: 24px;
  }
  .w-xl-24--force {
    width: 24px !important;
  }
  .max-w-xl-24 {
    max-width: 24px;
  }
  .max-w-xl-24--force {
    max-width: 24px !important;
  }
  .min-w-xl-24 {
    min-width: 24px;
  }
  .min-w-xl-24--force {
    min-width: 24px !important;
  }
  .w-xl-28 {
    width: 28px;
  }
  .w-xl-28--force {
    width: 28px !important;
  }
  .max-w-xl-28 {
    max-width: 28px;
  }
  .max-w-xl-28--force {
    max-width: 28px !important;
  }
  .min-w-xl-28 {
    min-width: 28px;
  }
  .min-w-xl-28--force {
    min-width: 28px !important;
  }
  .w-xl-32 {
    width: 32px;
  }
  .w-xl-32--force {
    width: 32px !important;
  }
  .max-w-xl-32 {
    max-width: 32px;
  }
  .max-w-xl-32--force {
    max-width: 32px !important;
  }
  .min-w-xl-32 {
    min-width: 32px;
  }
  .min-w-xl-32--force {
    min-width: 32px !important;
  }
  .w-xl-36 {
    width: 36px;
  }
  .w-xl-36--force {
    width: 36px !important;
  }
  .max-w-xl-36 {
    max-width: 36px;
  }
  .max-w-xl-36--force {
    max-width: 36px !important;
  }
  .min-w-xl-36 {
    min-width: 36px;
  }
  .min-w-xl-36--force {
    min-width: 36px !important;
  }
  .w-xl-40 {
    width: 40px;
  }
  .w-xl-40--force {
    width: 40px !important;
  }
  .max-w-xl-40 {
    max-width: 40px;
  }
  .max-w-xl-40--force {
    max-width: 40px !important;
  }
  .min-w-xl-40 {
    min-width: 40px;
  }
  .min-w-xl-40--force {
    min-width: 40px !important;
  }
  .w-xl-44 {
    width: 44px;
  }
  .w-xl-44--force {
    width: 44px !important;
  }
  .max-w-xl-44 {
    max-width: 44px;
  }
  .max-w-xl-44--force {
    max-width: 44px !important;
  }
  .min-w-xl-44 {
    min-width: 44px;
  }
  .min-w-xl-44--force {
    min-width: 44px !important;
  }
  .w-xl-48 {
    width: 48px;
  }
  .w-xl-48--force {
    width: 48px !important;
  }
  .max-w-xl-48 {
    max-width: 48px;
  }
  .max-w-xl-48--force {
    max-width: 48px !important;
  }
  .min-w-xl-48 {
    min-width: 48px;
  }
  .min-w-xl-48--force {
    min-width: 48px !important;
  }
  .w-xl-52 {
    width: 52px;
  }
  .w-xl-52--force {
    width: 52px !important;
  }
  .max-w-xl-52 {
    max-width: 52px;
  }
  .max-w-xl-52--force {
    max-width: 52px !important;
  }
  .min-w-xl-52 {
    min-width: 52px;
  }
  .min-w-xl-52--force {
    min-width: 52px !important;
  }
  .w-xl-56 {
    width: 56px;
  }
  .w-xl-56--force {
    width: 56px !important;
  }
  .max-w-xl-56 {
    max-width: 56px;
  }
  .max-w-xl-56--force {
    max-width: 56px !important;
  }
  .min-w-xl-56 {
    min-width: 56px;
  }
  .min-w-xl-56--force {
    min-width: 56px !important;
  }
  .w-xl-60 {
    width: 60px;
  }
  .w-xl-60--force {
    width: 60px !important;
  }
  .max-w-xl-60 {
    max-width: 60px;
  }
  .max-w-xl-60--force {
    max-width: 60px !important;
  }
  .min-w-xl-60 {
    min-width: 60px;
  }
  .min-w-xl-60--force {
    min-width: 60px !important;
  }
  .w-xl-64 {
    width: 64px;
  }
  .w-xl-64--force {
    width: 64px !important;
  }
  .max-w-xl-64 {
    max-width: 64px;
  }
  .max-w-xl-64--force {
    max-width: 64px !important;
  }
  .min-w-xl-64 {
    min-width: 64px;
  }
  .min-w-xl-64--force {
    min-width: 64px !important;
  }
  .w-xl-68 {
    width: 68px;
  }
  .w-xl-68--force {
    width: 68px !important;
  }
  .max-w-xl-68 {
    max-width: 68px;
  }
  .max-w-xl-68--force {
    max-width: 68px !important;
  }
  .min-w-xl-68 {
    min-width: 68px;
  }
  .min-w-xl-68--force {
    min-width: 68px !important;
  }
  .w-xl-72 {
    width: 72px;
  }
  .w-xl-72--force {
    width: 72px !important;
  }
  .max-w-xl-72 {
    max-width: 72px;
  }
  .max-w-xl-72--force {
    max-width: 72px !important;
  }
  .min-w-xl-72 {
    min-width: 72px;
  }
  .min-w-xl-72--force {
    min-width: 72px !important;
  }
  .w-xl-76 {
    width: 76px;
  }
  .w-xl-76--force {
    width: 76px !important;
  }
  .max-w-xl-76 {
    max-width: 76px;
  }
  .max-w-xl-76--force {
    max-width: 76px !important;
  }
  .min-w-xl-76 {
    min-width: 76px;
  }
  .min-w-xl-76--force {
    min-width: 76px !important;
  }
  .w-xl-80 {
    width: 80px;
  }
  .w-xl-80--force {
    width: 80px !important;
  }
  .max-w-xl-80 {
    max-width: 80px;
  }
  .max-w-xl-80--force {
    max-width: 80px !important;
  }
  .min-w-xl-80 {
    min-width: 80px;
  }
  .min-w-xl-80--force {
    min-width: 80px !important;
  }
  .w-xl-84 {
    width: 84px;
  }
  .w-xl-84--force {
    width: 84px !important;
  }
  .max-w-xl-84 {
    max-width: 84px;
  }
  .max-w-xl-84--force {
    max-width: 84px !important;
  }
  .min-w-xl-84 {
    min-width: 84px;
  }
  .min-w-xl-84--force {
    min-width: 84px !important;
  }
  .w-xl-88 {
    width: 88px;
  }
  .w-xl-88--force {
    width: 88px !important;
  }
  .max-w-xl-88 {
    max-width: 88px;
  }
  .max-w-xl-88--force {
    max-width: 88px !important;
  }
  .min-w-xl-88 {
    min-width: 88px;
  }
  .min-w-xl-88--force {
    min-width: 88px !important;
  }
  .w-xl-92 {
    width: 92px;
  }
  .w-xl-92--force {
    width: 92px !important;
  }
  .max-w-xl-92 {
    max-width: 92px;
  }
  .max-w-xl-92--force {
    max-width: 92px !important;
  }
  .min-w-xl-92 {
    min-width: 92px;
  }
  .min-w-xl-92--force {
    min-width: 92px !important;
  }
  .w-xl-96 {
    width: 96px;
  }
  .w-xl-96--force {
    width: 96px !important;
  }
  .max-w-xl-96 {
    max-width: 96px;
  }
  .max-w-xl-96--force {
    max-width: 96px !important;
  }
  .min-w-xl-96 {
    min-width: 96px;
  }
  .min-w-xl-96--force {
    min-width: 96px !important;
  }
  .w-xl-100 {
    width: 100px;
  }
  .w-xl-100--force {
    width: 100px !important;
  }
  .max-w-xl-100 {
    max-width: 100px;
  }
  .max-w-xl-100--force {
    max-width: 100px !important;
  }
  .min-w-xl-100 {
    min-width: 100px;
  }
  .min-w-xl-100--force {
    min-width: 100px !important;
  }
  .w-xl-104 {
    width: 104px;
  }
  .w-xl-104--force {
    width: 104px !important;
  }
  .max-w-xl-104 {
    max-width: 104px;
  }
  .max-w-xl-104--force {
    max-width: 104px !important;
  }
  .min-w-xl-104 {
    min-width: 104px;
  }
  .min-w-xl-104--force {
    min-width: 104px !important;
  }
  .w-xl-108 {
    width: 108px;
  }
  .w-xl-108--force {
    width: 108px !important;
  }
  .max-w-xl-108 {
    max-width: 108px;
  }
  .max-w-xl-108--force {
    max-width: 108px !important;
  }
  .min-w-xl-108 {
    min-width: 108px;
  }
  .min-w-xl-108--force {
    min-width: 108px !important;
  }
  .w-xl-112 {
    width: 112px;
  }
  .w-xl-112--force {
    width: 112px !important;
  }
  .max-w-xl-112 {
    max-width: 112px;
  }
  .max-w-xl-112--force {
    max-width: 112px !important;
  }
  .min-w-xl-112 {
    min-width: 112px;
  }
  .min-w-xl-112--force {
    min-width: 112px !important;
  }
  .w-xl-116 {
    width: 116px;
  }
  .w-xl-116--force {
    width: 116px !important;
  }
  .max-w-xl-116 {
    max-width: 116px;
  }
  .max-w-xl-116--force {
    max-width: 116px !important;
  }
  .min-w-xl-116 {
    min-width: 116px;
  }
  .min-w-xl-116--force {
    min-width: 116px !important;
  }
  .w-xl-120 {
    width: 120px;
  }
  .w-xl-120--force {
    width: 120px !important;
  }
  .max-w-xl-120 {
    max-width: 120px;
  }
  .max-w-xl-120--force {
    max-width: 120px !important;
  }
  .min-w-xl-120 {
    min-width: 120px;
  }
  .min-w-xl-120--force {
    min-width: 120px !important;
  }
  .w-xl-124 {
    width: 124px;
  }
  .w-xl-124--force {
    width: 124px !important;
  }
  .max-w-xl-124 {
    max-width: 124px;
  }
  .max-w-xl-124--force {
    max-width: 124px !important;
  }
  .min-w-xl-124 {
    min-width: 124px;
  }
  .min-w-xl-124--force {
    min-width: 124px !important;
  }
  .w-xl-128 {
    width: 128px;
  }
  .w-xl-128--force {
    width: 128px !important;
  }
  .max-w-xl-128 {
    max-width: 128px;
  }
  .max-w-xl-128--force {
    max-width: 128px !important;
  }
  .min-w-xl-128 {
    min-width: 128px;
  }
  .min-w-xl-128--force {
    min-width: 128px !important;
  }
  .w-xl-132 {
    width: 132px;
  }
  .w-xl-132--force {
    width: 132px !important;
  }
  .max-w-xl-132 {
    max-width: 132px;
  }
  .max-w-xl-132--force {
    max-width: 132px !important;
  }
  .min-w-xl-132 {
    min-width: 132px;
  }
  .min-w-xl-132--force {
    min-width: 132px !important;
  }
  .w-xl-136 {
    width: 136px;
  }
  .w-xl-136--force {
    width: 136px !important;
  }
  .max-w-xl-136 {
    max-width: 136px;
  }
  .max-w-xl-136--force {
    max-width: 136px !important;
  }
  .min-w-xl-136 {
    min-width: 136px;
  }
  .min-w-xl-136--force {
    min-width: 136px !important;
  }
  .w-xl-140 {
    width: 140px;
  }
  .w-xl-140--force {
    width: 140px !important;
  }
  .max-w-xl-140 {
    max-width: 140px;
  }
  .max-w-xl-140--force {
    max-width: 140px !important;
  }
  .min-w-xl-140 {
    min-width: 140px;
  }
  .min-w-xl-140--force {
    min-width: 140px !important;
  }
  .w-xl-144 {
    width: 144px;
  }
  .w-xl-144--force {
    width: 144px !important;
  }
  .max-w-xl-144 {
    max-width: 144px;
  }
  .max-w-xl-144--force {
    max-width: 144px !important;
  }
  .min-w-xl-144 {
    min-width: 144px;
  }
  .min-w-xl-144--force {
    min-width: 144px !important;
  }
  .w-xl-148 {
    width: 148px;
  }
  .w-xl-148--force {
    width: 148px !important;
  }
  .max-w-xl-148 {
    max-width: 148px;
  }
  .max-w-xl-148--force {
    max-width: 148px !important;
  }
  .min-w-xl-148 {
    min-width: 148px;
  }
  .min-w-xl-148--force {
    min-width: 148px !important;
  }
  .w-xl-152 {
    width: 152px;
  }
  .w-xl-152--force {
    width: 152px !important;
  }
  .max-w-xl-152 {
    max-width: 152px;
  }
  .max-w-xl-152--force {
    max-width: 152px !important;
  }
  .min-w-xl-152 {
    min-width: 152px;
  }
  .min-w-xl-152--force {
    min-width: 152px !important;
  }
  .w-xl-156 {
    width: 156px;
  }
  .w-xl-156--force {
    width: 156px !important;
  }
  .max-w-xl-156 {
    max-width: 156px;
  }
  .max-w-xl-156--force {
    max-width: 156px !important;
  }
  .min-w-xl-156 {
    min-width: 156px;
  }
  .min-w-xl-156--force {
    min-width: 156px !important;
  }
  .w-xl-160 {
    width: 160px;
  }
  .w-xl-160--force {
    width: 160px !important;
  }
  .max-w-xl-160 {
    max-width: 160px;
  }
  .max-w-xl-160--force {
    max-width: 160px !important;
  }
  .min-w-xl-160 {
    min-width: 160px;
  }
  .min-w-xl-160--force {
    min-width: 160px !important;
  }
  .w-xl-164 {
    width: 164px;
  }
  .w-xl-164--force {
    width: 164px !important;
  }
  .max-w-xl-164 {
    max-width: 164px;
  }
  .max-w-xl-164--force {
    max-width: 164px !important;
  }
  .min-w-xl-164 {
    min-width: 164px;
  }
  .min-w-xl-164--force {
    min-width: 164px !important;
  }
  .w-xl-168 {
    width: 168px;
  }
  .w-xl-168--force {
    width: 168px !important;
  }
  .max-w-xl-168 {
    max-width: 168px;
  }
  .max-w-xl-168--force {
    max-width: 168px !important;
  }
  .min-w-xl-168 {
    min-width: 168px;
  }
  .min-w-xl-168--force {
    min-width: 168px !important;
  }
  .w-xl-172 {
    width: 172px;
  }
  .w-xl-172--force {
    width: 172px !important;
  }
  .max-w-xl-172 {
    max-width: 172px;
  }
  .max-w-xl-172--force {
    max-width: 172px !important;
  }
  .min-w-xl-172 {
    min-width: 172px;
  }
  .min-w-xl-172--force {
    min-width: 172px !important;
  }
  .w-xl-176 {
    width: 176px;
  }
  .w-xl-176--force {
    width: 176px !important;
  }
  .max-w-xl-176 {
    max-width: 176px;
  }
  .max-w-xl-176--force {
    max-width: 176px !important;
  }
  .min-w-xl-176 {
    min-width: 176px;
  }
  .min-w-xl-176--force {
    min-width: 176px !important;
  }
  .w-xl-180 {
    width: 180px;
  }
  .w-xl-180--force {
    width: 180px !important;
  }
  .max-w-xl-180 {
    max-width: 180px;
  }
  .max-w-xl-180--force {
    max-width: 180px !important;
  }
  .min-w-xl-180 {
    min-width: 180px;
  }
  .min-w-xl-180--force {
    min-width: 180px !important;
  }
  .w-xl-184 {
    width: 184px;
  }
  .w-xl-184--force {
    width: 184px !important;
  }
  .max-w-xl-184 {
    max-width: 184px;
  }
  .max-w-xl-184--force {
    max-width: 184px !important;
  }
  .min-w-xl-184 {
    min-width: 184px;
  }
  .min-w-xl-184--force {
    min-width: 184px !important;
  }
  .w-xl-188 {
    width: 188px;
  }
  .w-xl-188--force {
    width: 188px !important;
  }
  .max-w-xl-188 {
    max-width: 188px;
  }
  .max-w-xl-188--force {
    max-width: 188px !important;
  }
  .min-w-xl-188 {
    min-width: 188px;
  }
  .min-w-xl-188--force {
    min-width: 188px !important;
  }
  .w-xl-192 {
    width: 192px;
  }
  .w-xl-192--force {
    width: 192px !important;
  }
  .max-w-xl-192 {
    max-width: 192px;
  }
  .max-w-xl-192--force {
    max-width: 192px !important;
  }
  .min-w-xl-192 {
    min-width: 192px;
  }
  .min-w-xl-192--force {
    min-width: 192px !important;
  }
  .w-xl-196 {
    width: 196px;
  }
  .w-xl-196--force {
    width: 196px !important;
  }
  .max-w-xl-196 {
    max-width: 196px;
  }
  .max-w-xl-196--force {
    max-width: 196px !important;
  }
  .min-w-xl-196 {
    min-width: 196px;
  }
  .min-w-xl-196--force {
    min-width: 196px !important;
  }
  .w-xl-200 {
    width: 200px;
  }
  .w-xl-200--force {
    width: 200px !important;
  }
  .max-w-xl-200 {
    max-width: 200px;
  }
  .max-w-xl-200--force {
    max-width: 200px !important;
  }
  .min-w-xl-200 {
    min-width: 200px;
  }
  .min-w-xl-200--force {
    min-width: 200px !important;
  }
  .w-xl-204 {
    width: 204px;
  }
  .w-xl-204--force {
    width: 204px !important;
  }
  .max-w-xl-204 {
    max-width: 204px;
  }
  .max-w-xl-204--force {
    max-width: 204px !important;
  }
  .min-w-xl-204 {
    min-width: 204px;
  }
  .min-w-xl-204--force {
    min-width: 204px !important;
  }
  .w-xl-208 {
    width: 208px;
  }
  .w-xl-208--force {
    width: 208px !important;
  }
  .max-w-xl-208 {
    max-width: 208px;
  }
  .max-w-xl-208--force {
    max-width: 208px !important;
  }
  .min-w-xl-208 {
    min-width: 208px;
  }
  .min-w-xl-208--force {
    min-width: 208px !important;
  }
  .w-xl-212 {
    width: 212px;
  }
  .w-xl-212--force {
    width: 212px !important;
  }
  .max-w-xl-212 {
    max-width: 212px;
  }
  .max-w-xl-212--force {
    max-width: 212px !important;
  }
  .min-w-xl-212 {
    min-width: 212px;
  }
  .min-w-xl-212--force {
    min-width: 212px !important;
  }
  .w-xl-216 {
    width: 216px;
  }
  .w-xl-216--force {
    width: 216px !important;
  }
  .max-w-xl-216 {
    max-width: 216px;
  }
  .max-w-xl-216--force {
    max-width: 216px !important;
  }
  .min-w-xl-216 {
    min-width: 216px;
  }
  .min-w-xl-216--force {
    min-width: 216px !important;
  }
  .w-xl-220 {
    width: 220px;
  }
  .w-xl-220--force {
    width: 220px !important;
  }
  .max-w-xl-220 {
    max-width: 220px;
  }
  .max-w-xl-220--force {
    max-width: 220px !important;
  }
  .min-w-xl-220 {
    min-width: 220px;
  }
  .min-w-xl-220--force {
    min-width: 220px !important;
  }
  .w-xl-224 {
    width: 224px;
  }
  .w-xl-224--force {
    width: 224px !important;
  }
  .max-w-xl-224 {
    max-width: 224px;
  }
  .max-w-xl-224--force {
    max-width: 224px !important;
  }
  .min-w-xl-224 {
    min-width: 224px;
  }
  .min-w-xl-224--force {
    min-width: 224px !important;
  }
  .w-xl-228 {
    width: 228px;
  }
  .w-xl-228--force {
    width: 228px !important;
  }
  .max-w-xl-228 {
    max-width: 228px;
  }
  .max-w-xl-228--force {
    max-width: 228px !important;
  }
  .min-w-xl-228 {
    min-width: 228px;
  }
  .min-w-xl-228--force {
    min-width: 228px !important;
  }
  .w-xl-232 {
    width: 232px;
  }
  .w-xl-232--force {
    width: 232px !important;
  }
  .max-w-xl-232 {
    max-width: 232px;
  }
  .max-w-xl-232--force {
    max-width: 232px !important;
  }
  .min-w-xl-232 {
    min-width: 232px;
  }
  .min-w-xl-232--force {
    min-width: 232px !important;
  }
  .w-xl-236 {
    width: 236px;
  }
  .w-xl-236--force {
    width: 236px !important;
  }
  .max-w-xl-236 {
    max-width: 236px;
  }
  .max-w-xl-236--force {
    max-width: 236px !important;
  }
  .min-w-xl-236 {
    min-width: 236px;
  }
  .min-w-xl-236--force {
    min-width: 236px !important;
  }
  .w-xl-240 {
    width: 240px;
  }
  .w-xl-240--force {
    width: 240px !important;
  }
  .max-w-xl-240 {
    max-width: 240px;
  }
  .max-w-xl-240--force {
    max-width: 240px !important;
  }
  .min-w-xl-240 {
    min-width: 240px;
  }
  .min-w-xl-240--force {
    min-width: 240px !important;
  }
  .w-xl-244 {
    width: 244px;
  }
  .w-xl-244--force {
    width: 244px !important;
  }
  .max-w-xl-244 {
    max-width: 244px;
  }
  .max-w-xl-244--force {
    max-width: 244px !important;
  }
  .min-w-xl-244 {
    min-width: 244px;
  }
  .min-w-xl-244--force {
    min-width: 244px !important;
  }
  .w-xl-248 {
    width: 248px;
  }
  .w-xl-248--force {
    width: 248px !important;
  }
  .max-w-xl-248 {
    max-width: 248px;
  }
  .max-w-xl-248--force {
    max-width: 248px !important;
  }
  .min-w-xl-248 {
    min-width: 248px;
  }
  .min-w-xl-248--force {
    min-width: 248px !important;
  }
  .w-xl-252 {
    width: 252px;
  }
  .w-xl-252--force {
    width: 252px !important;
  }
  .max-w-xl-252 {
    max-width: 252px;
  }
  .max-w-xl-252--force {
    max-width: 252px !important;
  }
  .min-w-xl-252 {
    min-width: 252px;
  }
  .min-w-xl-252--force {
    min-width: 252px !important;
  }
  .w-xl-256 {
    width: 256px;
  }
  .w-xl-256--force {
    width: 256px !important;
  }
  .max-w-xl-256 {
    max-width: 256px;
  }
  .max-w-xl-256--force {
    max-width: 256px !important;
  }
  .min-w-xl-256 {
    min-width: 256px;
  }
  .min-w-xl-256--force {
    min-width: 256px !important;
  }
  .w-xl-0-p {
    width: 0%;
  }
  .w-xl-0-p--force {
    width: 0% !important;
  }
  .max-w-xl-0-p {
    max-width: 0%;
  }
  .max-w-xl-0-p--force {
    max-width: 0% !important;
  }
  .min-w-xl-0-p {
    min-width: 0%;
  }
  .min-w-xl-0-p--force {
    min-width: 0% !important;
  }
  .w-xl-5-p {
    width: 5%;
  }
  .w-xl-5-p--force {
    width: 5% !important;
  }
  .max-w-xl-5-p {
    max-width: 5%;
  }
  .max-w-xl-5-p--force {
    max-width: 5% !important;
  }
  .min-w-xl-5-p {
    min-width: 5%;
  }
  .min-w-xl-5-p--force {
    min-width: 5% !important;
  }
  .w-xl-10-p {
    width: 10%;
  }
  .w-xl-10-p--force {
    width: 10% !important;
  }
  .max-w-xl-10-p {
    max-width: 10%;
  }
  .max-w-xl-10-p--force {
    max-width: 10% !important;
  }
  .min-w-xl-10-p {
    min-width: 10%;
  }
  .min-w-xl-10-p--force {
    min-width: 10% !important;
  }
  .w-xl-15-p {
    width: 15%;
  }
  .w-xl-15-p--force {
    width: 15% !important;
  }
  .max-w-xl-15-p {
    max-width: 15%;
  }
  .max-w-xl-15-p--force {
    max-width: 15% !important;
  }
  .min-w-xl-15-p {
    min-width: 15%;
  }
  .min-w-xl-15-p--force {
    min-width: 15% !important;
  }
  .w-xl-20-p {
    width: 20%;
  }
  .w-xl-20-p--force {
    width: 20% !important;
  }
  .max-w-xl-20-p {
    max-width: 20%;
  }
  .max-w-xl-20-p--force {
    max-width: 20% !important;
  }
  .min-w-xl-20-p {
    min-width: 20%;
  }
  .min-w-xl-20-p--force {
    min-width: 20% !important;
  }
  .w-xl-25-p {
    width: 25%;
  }
  .w-xl-25-p--force {
    width: 25% !important;
  }
  .max-w-xl-25-p {
    max-width: 25%;
  }
  .max-w-xl-25-p--force {
    max-width: 25% !important;
  }
  .min-w-xl-25-p {
    min-width: 25%;
  }
  .min-w-xl-25-p--force {
    min-width: 25% !important;
  }
  .w-xl-30-p {
    width: 30%;
  }
  .w-xl-30-p--force {
    width: 30% !important;
  }
  .max-w-xl-30-p {
    max-width: 30%;
  }
  .max-w-xl-30-p--force {
    max-width: 30% !important;
  }
  .min-w-xl-30-p {
    min-width: 30%;
  }
  .min-w-xl-30-p--force {
    min-width: 30% !important;
  }
  .w-xl-35-p {
    width: 35%;
  }
  .w-xl-35-p--force {
    width: 35% !important;
  }
  .max-w-xl-35-p {
    max-width: 35%;
  }
  .max-w-xl-35-p--force {
    max-width: 35% !important;
  }
  .min-w-xl-35-p {
    min-width: 35%;
  }
  .min-w-xl-35-p--force {
    min-width: 35% !important;
  }
  .w-xl-40-p {
    width: 40%;
  }
  .w-xl-40-p--force {
    width: 40% !important;
  }
  .max-w-xl-40-p {
    max-width: 40%;
  }
  .max-w-xl-40-p--force {
    max-width: 40% !important;
  }
  .min-w-xl-40-p {
    min-width: 40%;
  }
  .min-w-xl-40-p--force {
    min-width: 40% !important;
  }
  .w-xl-45-p {
    width: 45%;
  }
  .w-xl-45-p--force {
    width: 45% !important;
  }
  .max-w-xl-45-p {
    max-width: 45%;
  }
  .max-w-xl-45-p--force {
    max-width: 45% !important;
  }
  .min-w-xl-45-p {
    min-width: 45%;
  }
  .min-w-xl-45-p--force {
    min-width: 45% !important;
  }
  .w-xl-50-p {
    width: 50%;
  }
  .w-xl-50-p--force {
    width: 50% !important;
  }
  .max-w-xl-50-p {
    max-width: 50%;
  }
  .max-w-xl-50-p--force {
    max-width: 50% !important;
  }
  .min-w-xl-50-p {
    min-width: 50%;
  }
  .min-w-xl-50-p--force {
    min-width: 50% !important;
  }
  .w-xl-55-p {
    width: 55%;
  }
  .w-xl-55-p--force {
    width: 55% !important;
  }
  .max-w-xl-55-p {
    max-width: 55%;
  }
  .max-w-xl-55-p--force {
    max-width: 55% !important;
  }
  .min-w-xl-55-p {
    min-width: 55%;
  }
  .min-w-xl-55-p--force {
    min-width: 55% !important;
  }
  .w-xl-60-p {
    width: 60%;
  }
  .w-xl-60-p--force {
    width: 60% !important;
  }
  .max-w-xl-60-p {
    max-width: 60%;
  }
  .max-w-xl-60-p--force {
    max-width: 60% !important;
  }
  .min-w-xl-60-p {
    min-width: 60%;
  }
  .min-w-xl-60-p--force {
    min-width: 60% !important;
  }
  .w-xl-65-p {
    width: 65%;
  }
  .w-xl-65-p--force {
    width: 65% !important;
  }
  .max-w-xl-65-p {
    max-width: 65%;
  }
  .max-w-xl-65-p--force {
    max-width: 65% !important;
  }
  .min-w-xl-65-p {
    min-width: 65%;
  }
  .min-w-xl-65-p--force {
    min-width: 65% !important;
  }
  .w-xl-70-p {
    width: 70%;
  }
  .w-xl-70-p--force {
    width: 70% !important;
  }
  .max-w-xl-70-p {
    max-width: 70%;
  }
  .max-w-xl-70-p--force {
    max-width: 70% !important;
  }
  .min-w-xl-70-p {
    min-width: 70%;
  }
  .min-w-xl-70-p--force {
    min-width: 70% !important;
  }
  .w-xl-75-p {
    width: 75%;
  }
  .w-xl-75-p--force {
    width: 75% !important;
  }
  .max-w-xl-75-p {
    max-width: 75%;
  }
  .max-w-xl-75-p--force {
    max-width: 75% !important;
  }
  .min-w-xl-75-p {
    min-width: 75%;
  }
  .min-w-xl-75-p--force {
    min-width: 75% !important;
  }
  .w-xl-80-p {
    width: 80%;
  }
  .w-xl-80-p--force {
    width: 80% !important;
  }
  .max-w-xl-80-p {
    max-width: 80%;
  }
  .max-w-xl-80-p--force {
    max-width: 80% !important;
  }
  .min-w-xl-80-p {
    min-width: 80%;
  }
  .min-w-xl-80-p--force {
    min-width: 80% !important;
  }
  .w-xl-85-p {
    width: 85%;
  }
  .w-xl-85-p--force {
    width: 85% !important;
  }
  .max-w-xl-85-p {
    max-width: 85%;
  }
  .max-w-xl-85-p--force {
    max-width: 85% !important;
  }
  .min-w-xl-85-p {
    min-width: 85%;
  }
  .min-w-xl-85-p--force {
    min-width: 85% !important;
  }
  .w-xl-90-p {
    width: 90%;
  }
  .w-xl-90-p--force {
    width: 90% !important;
  }
  .max-w-xl-90-p {
    max-width: 90%;
  }
  .max-w-xl-90-p--force {
    max-width: 90% !important;
  }
  .min-w-xl-90-p {
    min-width: 90%;
  }
  .min-w-xl-90-p--force {
    min-width: 90% !important;
  }
  .w-xl-95-p {
    width: 95%;
  }
  .w-xl-95-p--force {
    width: 95% !important;
  }
  .max-w-xl-95-p {
    max-width: 95%;
  }
  .max-w-xl-95-p--force {
    max-width: 95% !important;
  }
  .min-w-xl-95-p {
    min-width: 95%;
  }
  .min-w-xl-95-p--force {
    min-width: 95% !important;
  }
  .w-xl-100-p {
    width: 100%;
  }
  .w-xl-100-p--force {
    width: 100% !important;
  }
  .max-w-xl-100-p {
    max-width: 100%;
  }
  .max-w-xl-100-p--force {
    max-width: 100% !important;
  }
  .min-w-xl-100-p {
    min-width: 100%;
  }
  .min-w-xl-100-p--force {
    min-width: 100% !important;
  }
  .w-xl-300 {
    width: 300px;
  }
  .w-xl-300--force {
    width: 300px !important;
  }
  .max-w-xl-300 {
    max-width: 300px;
  }
  .max-w-xl-300--force {
    max-width: 300px !important;
  }
  .min-w-xl-300 {
    min-width: 300px;
  }
  .min-w-xl-300--force {
    min-width: 300px !important;
  }
  .w-xl-400 {
    width: 400px;
  }
  .w-xl-400--force {
    width: 400px !important;
  }
  .max-w-xl-400 {
    max-width: 400px;
  }
  .max-w-xl-400--force {
    max-width: 400px !important;
  }
  .min-w-xl-400 {
    min-width: 400px;
  }
  .min-w-xl-400--force {
    min-width: 400px !important;
  }
  .w-xl-500 {
    width: 500px;
  }
  .w-xl-500--force {
    width: 500px !important;
  }
  .max-w-xl-500 {
    max-width: 500px;
  }
  .max-w-xl-500--force {
    max-width: 500px !important;
  }
  .min-w-xl-500 {
    min-width: 500px;
  }
  .min-w-xl-500--force {
    min-width: 500px !important;
  }
  .w-xl-600 {
    width: 600px;
  }
  .w-xl-600--force {
    width: 600px !important;
  }
  .max-w-xl-600 {
    max-width: 600px;
  }
  .max-w-xl-600--force {
    max-width: 600px !important;
  }
  .min-w-xl-600 {
    min-width: 600px;
  }
  .min-w-xl-600--force {
    min-width: 600px !important;
  }
  .w-xl-700 {
    width: 700px;
  }
  .w-xl-700--force {
    width: 700px !important;
  }
  .max-w-xl-700 {
    max-width: 700px;
  }
  .max-w-xl-700--force {
    max-width: 700px !important;
  }
  .min-w-xl-700 {
    min-width: 700px;
  }
  .min-w-xl-700--force {
    min-width: 700px !important;
  }
  .w-xl-800 {
    width: 800px;
  }
  .w-xl-800--force {
    width: 800px !important;
  }
  .max-w-xl-800 {
    max-width: 800px;
  }
  .max-w-xl-800--force {
    max-width: 800px !important;
  }
  .min-w-xl-800 {
    min-width: 800px;
  }
  .min-w-xl-800--force {
    min-width: 800px !important;
  }
  .w-xl-900 {
    width: 900px;
  }
  .w-xl-900--force {
    width: 900px !important;
  }
  .max-w-xl-900 {
    max-width: 900px;
  }
  .max-w-xl-900--force {
    max-width: 900px !important;
  }
  .min-w-xl-900 {
    min-width: 900px;
  }
  .min-w-xl-900--force {
    min-width: 900px !important;
  }
  .w-xl-1000 {
    width: 1000px;
  }
  .w-xl-1000--force {
    width: 1000px !important;
  }
  .max-w-xl-1000 {
    max-width: 1000px;
  }
  .max-w-xl-1000--force {
    max-width: 1000px !important;
  }
  .min-w-xl-1000 {
    min-width: 1000px;
  }
  .min-w-xl-1000--force {
    min-width: 1000px !important;
  }
  .w-xl-1100 {
    width: 1100px;
  }
  .w-xl-1100--force {
    width: 1100px !important;
  }
  .max-w-xl-1100 {
    max-width: 1100px;
  }
  .max-w-xl-1100--force {
    max-width: 1100px !important;
  }
  .min-w-xl-1100 {
    min-width: 1100px;
  }
  .min-w-xl-1100--force {
    min-width: 1100px !important;
  }
  .w-xl-1200 {
    width: 1200px;
  }
  .w-xl-1200--force {
    width: 1200px !important;
  }
  .max-w-xl-1200 {
    max-width: 1200px;
  }
  .max-w-xl-1200--force {
    max-width: 1200px !important;
  }
  .min-w-xl-1200 {
    min-width: 1200px;
  }
  .min-w-xl-1200--force {
    min-width: 1200px !important;
  }
  .w-xl-1300 {
    width: 1300px;
  }
  .w-xl-1300--force {
    width: 1300px !important;
  }
  .max-w-xl-1300 {
    max-width: 1300px;
  }
  .max-w-xl-1300--force {
    max-width: 1300px !important;
  }
  .min-w-xl-1300 {
    min-width: 1300px;
  }
  .min-w-xl-1300--force {
    min-width: 1300px !important;
  }
  .w-xl-1400 {
    width: 1400px;
  }
  .w-xl-1400--force {
    width: 1400px !important;
  }
  .max-w-xl-1400 {
    max-width: 1400px;
  }
  .max-w-xl-1400--force {
    max-width: 1400px !important;
  }
  .min-w-xl-1400 {
    min-width: 1400px;
  }
  .min-w-xl-1400--force {
    min-width: 1400px !important;
  }
  .w-xl-1500 {
    width: 1500px;
  }
  .w-xl-1500--force {
    width: 1500px !important;
  }
  .max-w-xl-1500 {
    max-width: 1500px;
  }
  .max-w-xl-1500--force {
    max-width: 1500px !important;
  }
  .min-w-xl-1500 {
    min-width: 1500px;
  }
  .min-w-xl-1500--force {
    min-width: 1500px !important;
  }
  .w-xl-1600 {
    width: 1600px;
  }
  .w-xl-1600--force {
    width: 1600px !important;
  }
  .max-w-xl-1600 {
    max-width: 1600px;
  }
  .max-w-xl-1600--force {
    max-width: 1600px !important;
  }
  .min-w-xl-1600 {
    min-width: 1600px;
  }
  .min-w-xl-1600--force {
    min-width: 1600px !important;
  }
  .w-xl-1700 {
    width: 1700px;
  }
  .w-xl-1700--force {
    width: 1700px !important;
  }
  .max-w-xl-1700 {
    max-width: 1700px;
  }
  .max-w-xl-1700--force {
    max-width: 1700px !important;
  }
  .min-w-xl-1700 {
    min-width: 1700px;
  }
  .min-w-xl-1700--force {
    min-width: 1700px !important;
  }
  .w-xl-1800 {
    width: 1800px;
  }
  .w-xl-1800--force {
    width: 1800px !important;
  }
  .max-w-xl-1800 {
    max-width: 1800px;
  }
  .max-w-xl-1800--force {
    max-width: 1800px !important;
  }
  .min-w-xl-1800 {
    min-width: 1800px;
  }
  .min-w-xl-1800--force {
    min-width: 1800px !important;
  }
  .w-xl-1900 {
    width: 1900px;
  }
  .w-xl-1900--force {
    width: 1900px !important;
  }
  .max-w-xl-1900 {
    max-width: 1900px;
  }
  .max-w-xl-1900--force {
    max-width: 1900px !important;
  }
  .min-w-xl-1900 {
    min-width: 1900px;
  }
  .min-w-xl-1900--force {
    min-width: 1900px !important;
  }
  .w-xl-2000 {
    width: 2000px;
  }
  .w-xl-2000--force {
    width: 2000px !important;
  }
  .max-w-xl-2000 {
    max-width: 2000px;
  }
  .max-w-xl-2000--force {
    max-width: 2000px !important;
  }
  .min-w-xl-2000 {
    min-width: 2000px;
  }
  .min-w-xl-2000--force {
    min-width: 2000px !important;
  }
  .w-xl-auto {
    width: auto;
  }
  .w-xl-auto--force {
    width: auto !important;
  }
}
.m--64 {
  margin: calc(-1 * var(--matcha-space-800, 64px));
}

.m--64--force {
  margin: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.mx--64 {
  margin-right: calc(-1 * var(--matcha-space-800, 64px));
  margin-left: calc(-1 * var(--matcha-space-800, 64px));
}

.mx--64--force {
  margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.my--64 {
  margin-top: calc(-1 * var(--matcha-space-800, 64px));
  margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
}

.my--64--force {
  margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.mt--64 {
  margin-top: calc(-1 * var(--matcha-space-800, 64px));
}

.mt--64--force {
  margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.mr--64 {
  margin-right: calc(-1 * var(--matcha-space-800, 64px));
}

.mr--64--force {
  margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.mb--64 {
  margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
}

.mb--64--force {
  margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.ml--64 {
  margin-left: calc(-1 * var(--matcha-space-800, 64px));
}

.ml--64--force {
  margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.m--60 {
  margin: -60px;
}

.m--60--force {
  margin: -60px !important;
}

.mx--60 {
  margin-right: -60px;
  margin-left: -60px;
}

.mx--60--force {
  margin-right: -60px !important;
  margin-left: -60px !important;
}

.my--60 {
  margin-top: -60px;
  margin-bottom: -60px;
}

.my--60--force {
  margin-top: -60px !important;
  margin-bottom: -60px !important;
}

.mt--60 {
  margin-top: -60px;
}

.mt--60--force {
  margin-top: -60px !important;
}

.mr--60 {
  margin-right: -60px;
}

.mr--60--force {
  margin-right: -60px !important;
}

.mb--60 {
  margin-bottom: -60px;
}

.mb--60--force {
  margin-bottom: -60px !important;
}

.ml--60 {
  margin-left: -60px;
}

.ml--60--force {
  margin-left: -60px !important;
}

.m--56 {
  margin: -56px;
}

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

.mx--56 {
  margin-right: -56px;
  margin-left: -56px;
}

.mx--56--force {
  margin-right: -56px !important;
  margin-left: -56px !important;
}

.my--56 {
  margin-top: -56px;
  margin-bottom: -56px;
}

.my--56--force {
  margin-top: -56px !important;
  margin-bottom: -56px !important;
}

.mt--56 {
  margin-top: -56px;
}

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

.mr--56 {
  margin-right: -56px;
}

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

.mb--56 {
  margin-bottom: -56px;
}

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

.ml--56 {
  margin-left: -56px;
}

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

.m--52 {
  margin: -52px;
}

.m--52--force {
  margin: -52px !important;
}

.mx--52 {
  margin-right: -52px;
  margin-left: -52px;
}

.mx--52--force {
  margin-right: -52px !important;
  margin-left: -52px !important;
}

.my--52 {
  margin-top: -52px;
  margin-bottom: -52px;
}

.my--52--force {
  margin-top: -52px !important;
  margin-bottom: -52px !important;
}

.mt--52 {
  margin-top: -52px;
}

.mt--52--force {
  margin-top: -52px !important;
}

.mr--52 {
  margin-right: -52px;
}

.mr--52--force {
  margin-right: -52px !important;
}

.mb--52 {
  margin-bottom: -52px;
}

.mb--52--force {
  margin-bottom: -52px !important;
}

.ml--52 {
  margin-left: -52px;
}

.ml--52--force {
  margin-left: -52px !important;
}

.m--48 {
  margin: calc(-1 * var(--matcha-space-600, 48px));
}

.m--48--force {
  margin: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.mx--48 {
  margin-right: calc(-1 * var(--matcha-space-600, 48px));
  margin-left: calc(-1 * var(--matcha-space-600, 48px));
}

.mx--48--force {
  margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.my--48 {
  margin-top: calc(-1 * var(--matcha-space-600, 48px));
  margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
}

.my--48--force {
  margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.mt--48 {
  margin-top: calc(-1 * var(--matcha-space-600, 48px));
}

.mt--48--force {
  margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.mr--48 {
  margin-right: calc(-1 * var(--matcha-space-600, 48px));
}

.mr--48--force {
  margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.mb--48 {
  margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
}

.mb--48--force {
  margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.ml--48 {
  margin-left: calc(-1 * var(--matcha-space-600, 48px));
}

.ml--48--force {
  margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.m--44 {
  margin: -44px;
}

.m--44--force {
  margin: -44px !important;
}

.mx--44 {
  margin-right: -44px;
  margin-left: -44px;
}

.mx--44--force {
  margin-right: -44px !important;
  margin-left: -44px !important;
}

.my--44 {
  margin-top: -44px;
  margin-bottom: -44px;
}

.my--44--force {
  margin-top: -44px !important;
  margin-bottom: -44px !important;
}

.mt--44 {
  margin-top: -44px;
}

.mt--44--force {
  margin-top: -44px !important;
}

.mr--44 {
  margin-right: -44px;
}

.mr--44--force {
  margin-right: -44px !important;
}

.mb--44 {
  margin-bottom: -44px;
}

.mb--44--force {
  margin-bottom: -44px !important;
}

.ml--44 {
  margin-left: -44px;
}

.ml--44--force {
  margin-left: -44px !important;
}

.m--40 {
  margin: calc(-1 * var(--matcha-space-500, 40px));
}

.m--40--force {
  margin: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.mx--40 {
  margin-right: calc(-1 * var(--matcha-space-500, 40px));
  margin-left: calc(-1 * var(--matcha-space-500, 40px));
}

.mx--40--force {
  margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.my--40 {
  margin-top: calc(-1 * var(--matcha-space-500, 40px));
  margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
}

.my--40--force {
  margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.mt--40 {
  margin-top: calc(-1 * var(--matcha-space-500, 40px));
}

.mt--40--force {
  margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.mr--40 {
  margin-right: calc(-1 * var(--matcha-space-500, 40px));
}

.mr--40--force {
  margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.mb--40 {
  margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
}

.mb--40--force {
  margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.ml--40 {
  margin-left: calc(-1 * var(--matcha-space-500, 40px));
}

.ml--40--force {
  margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.m--36 {
  margin: -36px;
}

.m--36--force {
  margin: -36px !important;
}

.mx--36 {
  margin-right: -36px;
  margin-left: -36px;
}

.mx--36--force {
  margin-right: -36px !important;
  margin-left: -36px !important;
}

.my--36 {
  margin-top: -36px;
  margin-bottom: -36px;
}

.my--36--force {
  margin-top: -36px !important;
  margin-bottom: -36px !important;
}

.mt--36 {
  margin-top: -36px;
}

.mt--36--force {
  margin-top: -36px !important;
}

.mr--36 {
  margin-right: -36px;
}

.mr--36--force {
  margin-right: -36px !important;
}

.mb--36 {
  margin-bottom: -36px;
}

.mb--36--force {
  margin-bottom: -36px !important;
}

.ml--36 {
  margin-left: -36px;
}

.ml--36--force {
  margin-left: -36px !important;
}

.m--32 {
  margin: calc(-1 * var(--matcha-space-400, 32px));
}

.m--32--force {
  margin: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.mx--32 {
  margin-right: calc(-1 * var(--matcha-space-400, 32px));
  margin-left: calc(-1 * var(--matcha-space-400, 32px));
}

.mx--32--force {
  margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.my--32 {
  margin-top: calc(-1 * var(--matcha-space-400, 32px));
  margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
}

.my--32--force {
  margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.mt--32 {
  margin-top: calc(-1 * var(--matcha-space-400, 32px));
}

.mt--32--force {
  margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.mr--32 {
  margin-right: calc(-1 * var(--matcha-space-400, 32px));
}

.mr--32--force {
  margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.mb--32 {
  margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
}

.mb--32--force {
  margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.ml--32 {
  margin-left: calc(-1 * var(--matcha-space-400, 32px));
}

.ml--32--force {
  margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.m--28 {
  margin: -28px;
}

.m--28--force {
  margin: -28px !important;
}

.mx--28 {
  margin-right: -28px;
  margin-left: -28px;
}

.mx--28--force {
  margin-right: -28px !important;
  margin-left: -28px !important;
}

.my--28 {
  margin-top: -28px;
  margin-bottom: -28px;
}

.my--28--force {
  margin-top: -28px !important;
  margin-bottom: -28px !important;
}

.mt--28 {
  margin-top: -28px;
}

.mt--28--force {
  margin-top: -28px !important;
}

.mr--28 {
  margin-right: -28px;
}

.mr--28--force {
  margin-right: -28px !important;
}

.mb--28 {
  margin-bottom: -28px;
}

.mb--28--force {
  margin-bottom: -28px !important;
}

.ml--28 {
  margin-left: -28px;
}

.ml--28--force {
  margin-left: -28px !important;
}

.m--24 {
  margin: calc(-1 * var(--matcha-space-300, 24px));
}

.m--24--force {
  margin: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.mx--24 {
  margin-right: calc(-1 * var(--matcha-space-300, 24px));
  margin-left: calc(-1 * var(--matcha-space-300, 24px));
}

.mx--24--force {
  margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.my--24 {
  margin-top: calc(-1 * var(--matcha-space-300, 24px));
  margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
}

.my--24--force {
  margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.mt--24 {
  margin-top: calc(-1 * var(--matcha-space-300, 24px));
}

.mt--24--force {
  margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.mr--24 {
  margin-right: calc(-1 * var(--matcha-space-300, 24px));
}

.mr--24--force {
  margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.mb--24 {
  margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
}

.mb--24--force {
  margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.ml--24 {
  margin-left: calc(-1 * var(--matcha-space-300, 24px));
}

.ml--24--force {
  margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.m--20 {
  margin: calc(-1 * var(--matcha-space-250, 20px));
}

.m--20--force {
  margin: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.mx--20 {
  margin-right: calc(-1 * var(--matcha-space-250, 20px));
  margin-left: calc(-1 * var(--matcha-space-250, 20px));
}

.mx--20--force {
  margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.my--20 {
  margin-top: calc(-1 * var(--matcha-space-250, 20px));
  margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
}

.my--20--force {
  margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.mt--20 {
  margin-top: calc(-1 * var(--matcha-space-250, 20px));
}

.mt--20--force {
  margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.mr--20 {
  margin-right: calc(-1 * var(--matcha-space-250, 20px));
}

.mr--20--force {
  margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.mb--20 {
  margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
}

.mb--20--force {
  margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.ml--20 {
  margin-left: calc(-1 * var(--matcha-space-250, 20px));
}

.ml--20--force {
  margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.m--16 {
  margin: calc(-1 * var(--matcha-space-200, 16px));
}

.m--16--force {
  margin: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.mx--16 {
  margin-right: calc(-1 * var(--matcha-space-200, 16px));
  margin-left: calc(-1 * var(--matcha-space-200, 16px));
}

.mx--16--force {
  margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.my--16 {
  margin-top: calc(-1 * var(--matcha-space-200, 16px));
  margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
}

.my--16--force {
  margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.mt--16 {
  margin-top: calc(-1 * var(--matcha-space-200, 16px));
}

.mt--16--force {
  margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.mr--16 {
  margin-right: calc(-1 * var(--matcha-space-200, 16px));
}

.mr--16--force {
  margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.mb--16 {
  margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
}

.mb--16--force {
  margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.ml--16 {
  margin-left: calc(-1 * var(--matcha-space-200, 16px));
}

.ml--16--force {
  margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.m--12 {
  margin: calc(-1 * var(--matcha-space-150, 12px));
}

.m--12--force {
  margin: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.mx--12 {
  margin-right: calc(-1 * var(--matcha-space-150, 12px));
  margin-left: calc(-1 * var(--matcha-space-150, 12px));
}

.mx--12--force {
  margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.my--12 {
  margin-top: calc(-1 * var(--matcha-space-150, 12px));
  margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
}

.my--12--force {
  margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.mt--12 {
  margin-top: calc(-1 * var(--matcha-space-150, 12px));
}

.mt--12--force {
  margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.mr--12 {
  margin-right: calc(-1 * var(--matcha-space-150, 12px));
}

.mr--12--force {
  margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.mb--12 {
  margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
}

.mb--12--force {
  margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.ml--12 {
  margin-left: calc(-1 * var(--matcha-space-150, 12px));
}

.ml--12--force {
  margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.m--8 {
  margin: calc(-1 * var(--matcha-space-100, 8px));
}

.m--8--force {
  margin: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.mx--8 {
  margin-right: calc(-1 * var(--matcha-space-100, 8px));
  margin-left: calc(-1 * var(--matcha-space-100, 8px));
}

.mx--8--force {
  margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.my--8 {
  margin-top: calc(-1 * var(--matcha-space-100, 8px));
  margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
}

.my--8--force {
  margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.mt--8 {
  margin-top: calc(-1 * var(--matcha-space-100, 8px));
}

.mt--8--force {
  margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.mr--8 {
  margin-right: calc(-1 * var(--matcha-space-100, 8px));
}

.mr--8--force {
  margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.mb--8 {
  margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
}

.mb--8--force {
  margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.ml--8 {
  margin-left: calc(-1 * var(--matcha-space-100, 8px));
}

.ml--8--force {
  margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.m--4 {
  margin: calc(-1 * var(--matcha-space-050, 4px));
}

.m--4--force {
  margin: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.mx--4 {
  margin-right: calc(-1 * var(--matcha-space-050, 4px));
  margin-left: calc(-1 * var(--matcha-space-050, 4px));
}

.mx--4--force {
  margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.my--4 {
  margin-top: calc(-1 * var(--matcha-space-050, 4px));
  margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
}

.my--4--force {
  margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.mt--4 {
  margin-top: calc(-1 * var(--matcha-space-050, 4px));
}

.mt--4--force {
  margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.mr--4 {
  margin-right: calc(-1 * var(--matcha-space-050, 4px));
}

.mr--4--force {
  margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.mb--4 {
  margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
}

.mb--4--force {
  margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.ml--4 {
  margin-left: calc(-1 * var(--matcha-space-050, 4px));
}

.ml--4--force {
  margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.m-0 {
  margin: var(--matcha-space-0, 0);
}

.m-0--force {
  margin: var(--matcha-space-0, 0) !important;
}

.mx-0 {
  margin-right: var(--matcha-space-0, 0);
  margin-left: var(--matcha-space-0, 0);
}

.mx-0--force {
  margin-right: var(--matcha-space-0, 0) !important;
  margin-left: var(--matcha-space-0, 0) !important;
}

.my-0 {
  margin-top: var(--matcha-space-0, 0);
  margin-bottom: var(--matcha-space-0, 0);
}

.my-0--force {
  margin-top: var(--matcha-space-0, 0) !important;
  margin-bottom: var(--matcha-space-0, 0) !important;
}

.mt-0 {
  margin-top: var(--matcha-space-0, 0);
}

.mt-0--force {
  margin-top: var(--matcha-space-0, 0) !important;
}

.mr-0 {
  margin-right: var(--matcha-space-0, 0);
}

.mr-0--force {
  margin-right: var(--matcha-space-0, 0) !important;
}

.mb-0 {
  margin-bottom: var(--matcha-space-0, 0);
}

.mb-0--force {
  margin-bottom: var(--matcha-space-0, 0) !important;
}

.ml-0 {
  margin-left: var(--matcha-space-0, 0);
}

.ml-0--force {
  margin-left: var(--matcha-space-0, 0) !important;
}

.m-4 {
  margin: var(--matcha-space-050, 4px);
}

.m-4--force {
  margin: var(--matcha-space-050, 4px) !important;
}

.mx-4 {
  margin-right: var(--matcha-space-050, 4px);
  margin-left: var(--matcha-space-050, 4px);
}

.mx-4--force {
  margin-right: var(--matcha-space-050, 4px) !important;
  margin-left: var(--matcha-space-050, 4px) !important;
}

.my-4 {
  margin-top: var(--matcha-space-050, 4px);
  margin-bottom: var(--matcha-space-050, 4px);
}

.my-4--force {
  margin-top: var(--matcha-space-050, 4px) !important;
  margin-bottom: var(--matcha-space-050, 4px) !important;
}

.mt-4 {
  margin-top: var(--matcha-space-050, 4px);
}

.mt-4--force {
  margin-top: var(--matcha-space-050, 4px) !important;
}

.mr-4 {
  margin-right: var(--matcha-space-050, 4px);
}

.mr-4--force {
  margin-right: var(--matcha-space-050, 4px) !important;
}

.mb-4 {
  margin-bottom: var(--matcha-space-050, 4px);
}

.mb-4--force {
  margin-bottom: var(--matcha-space-050, 4px) !important;
}

.ml-4 {
  margin-left: var(--matcha-space-050, 4px);
}

.ml-4--force {
  margin-left: var(--matcha-space-050, 4px) !important;
}

.m-8 {
  margin: var(--matcha-space-100, 8px);
}

.m-8--force {
  margin: var(--matcha-space-100, 8px) !important;
}

.mx-8 {
  margin-right: var(--matcha-space-100, 8px);
  margin-left: var(--matcha-space-100, 8px);
}

.mx-8--force {
  margin-right: var(--matcha-space-100, 8px) !important;
  margin-left: var(--matcha-space-100, 8px) !important;
}

.my-8 {
  margin-top: var(--matcha-space-100, 8px);
  margin-bottom: var(--matcha-space-100, 8px);
}

.my-8--force {
  margin-top: var(--matcha-space-100, 8px) !important;
  margin-bottom: var(--matcha-space-100, 8px) !important;
}

.mt-8 {
  margin-top: var(--matcha-space-100, 8px);
}

.mt-8--force {
  margin-top: var(--matcha-space-100, 8px) !important;
}

.mr-8 {
  margin-right: var(--matcha-space-100, 8px);
}

.mr-8--force {
  margin-right: var(--matcha-space-100, 8px) !important;
}

.mb-8 {
  margin-bottom: var(--matcha-space-100, 8px);
}

.mb-8--force {
  margin-bottom: var(--matcha-space-100, 8px) !important;
}

.ml-8 {
  margin-left: var(--matcha-space-100, 8px);
}

.ml-8--force {
  margin-left: var(--matcha-space-100, 8px) !important;
}

.m-12 {
  margin: var(--matcha-space-150, 12px);
}

.m-12--force {
  margin: var(--matcha-space-150, 12px) !important;
}

.mx-12 {
  margin-right: var(--matcha-space-150, 12px);
  margin-left: var(--matcha-space-150, 12px);
}

.mx-12--force {
  margin-right: var(--matcha-space-150, 12px) !important;
  margin-left: var(--matcha-space-150, 12px) !important;
}

.my-12 {
  margin-top: var(--matcha-space-150, 12px);
  margin-bottom: var(--matcha-space-150, 12px);
}

.my-12--force {
  margin-top: var(--matcha-space-150, 12px) !important;
  margin-bottom: var(--matcha-space-150, 12px) !important;
}

.mt-12 {
  margin-top: var(--matcha-space-150, 12px);
}

.mt-12--force {
  margin-top: var(--matcha-space-150, 12px) !important;
}

.mr-12 {
  margin-right: var(--matcha-space-150, 12px);
}

.mr-12--force {
  margin-right: var(--matcha-space-150, 12px) !important;
}

.mb-12 {
  margin-bottom: var(--matcha-space-150, 12px);
}

.mb-12--force {
  margin-bottom: var(--matcha-space-150, 12px) !important;
}

.ml-12 {
  margin-left: var(--matcha-space-150, 12px);
}

.ml-12--force {
  margin-left: var(--matcha-space-150, 12px) !important;
}

.m-16 {
  margin: var(--matcha-space-200, 16px);
}

.m-16--force {
  margin: var(--matcha-space-200, 16px) !important;
}

.mx-16 {
  margin-right: var(--matcha-space-200, 16px);
  margin-left: var(--matcha-space-200, 16px);
}

.mx-16--force {
  margin-right: var(--matcha-space-200, 16px) !important;
  margin-left: var(--matcha-space-200, 16px) !important;
}

.my-16 {
  margin-top: var(--matcha-space-200, 16px);
  margin-bottom: var(--matcha-space-200, 16px);
}

.my-16--force {
  margin-top: var(--matcha-space-200, 16px) !important;
  margin-bottom: var(--matcha-space-200, 16px) !important;
}

.mt-16 {
  margin-top: var(--matcha-space-200, 16px);
}

.mt-16--force {
  margin-top: var(--matcha-space-200, 16px) !important;
}

.mr-16 {
  margin-right: var(--matcha-space-200, 16px);
}

.mr-16--force {
  margin-right: var(--matcha-space-200, 16px) !important;
}

.mb-16 {
  margin-bottom: var(--matcha-space-200, 16px);
}

.mb-16--force {
  margin-bottom: var(--matcha-space-200, 16px) !important;
}

.ml-16 {
  margin-left: var(--matcha-space-200, 16px);
}

.ml-16--force {
  margin-left: var(--matcha-space-200, 16px) !important;
}

.m-20 {
  margin: var(--matcha-space-250, 20px);
}

.m-20--force {
  margin: var(--matcha-space-250, 20px) !important;
}

.mx-20 {
  margin-right: var(--matcha-space-250, 20px);
  margin-left: var(--matcha-space-250, 20px);
}

.mx-20--force {
  margin-right: var(--matcha-space-250, 20px) !important;
  margin-left: var(--matcha-space-250, 20px) !important;
}

.my-20 {
  margin-top: var(--matcha-space-250, 20px);
  margin-bottom: var(--matcha-space-250, 20px);
}

.my-20--force {
  margin-top: var(--matcha-space-250, 20px) !important;
  margin-bottom: var(--matcha-space-250, 20px) !important;
}

.mt-20 {
  margin-top: var(--matcha-space-250, 20px);
}

.mt-20--force {
  margin-top: var(--matcha-space-250, 20px) !important;
}

.mr-20 {
  margin-right: var(--matcha-space-250, 20px);
}

.mr-20--force {
  margin-right: var(--matcha-space-250, 20px) !important;
}

.mb-20 {
  margin-bottom: var(--matcha-space-250, 20px);
}

.mb-20--force {
  margin-bottom: var(--matcha-space-250, 20px) !important;
}

.ml-20 {
  margin-left: var(--matcha-space-250, 20px);
}

.ml-20--force {
  margin-left: var(--matcha-space-250, 20px) !important;
}

.m-24 {
  margin: var(--matcha-space-300, 24px);
}

.m-24--force {
  margin: var(--matcha-space-300, 24px) !important;
}

.mx-24 {
  margin-right: var(--matcha-space-300, 24px);
  margin-left: var(--matcha-space-300, 24px);
}

.mx-24--force {
  margin-right: var(--matcha-space-300, 24px) !important;
  margin-left: var(--matcha-space-300, 24px) !important;
}

.my-24 {
  margin-top: var(--matcha-space-300, 24px);
  margin-bottom: var(--matcha-space-300, 24px);
}

.my-24--force {
  margin-top: var(--matcha-space-300, 24px) !important;
  margin-bottom: var(--matcha-space-300, 24px) !important;
}

.mt-24 {
  margin-top: var(--matcha-space-300, 24px);
}

.mt-24--force {
  margin-top: var(--matcha-space-300, 24px) !important;
}

.mr-24 {
  margin-right: var(--matcha-space-300, 24px);
}

.mr-24--force {
  margin-right: var(--matcha-space-300, 24px) !important;
}

.mb-24 {
  margin-bottom: var(--matcha-space-300, 24px);
}

.mb-24--force {
  margin-bottom: var(--matcha-space-300, 24px) !important;
}

.ml-24 {
  margin-left: var(--matcha-space-300, 24px);
}

.ml-24--force {
  margin-left: var(--matcha-space-300, 24px) !important;
}

.m-28 {
  margin: 28px;
}

.m-28--force {
  margin: 28px !important;
}

.mx-28 {
  margin-right: 28px;
  margin-left: 28px;
}

.mx-28--force {
  margin-right: 28px !important;
  margin-left: 28px !important;
}

.my-28 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.my-28--force {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.mt-28 {
  margin-top: 28px;
}

.mt-28--force {
  margin-top: 28px !important;
}

.mr-28 {
  margin-right: 28px;
}

.mr-28--force {
  margin-right: 28px !important;
}

.mb-28 {
  margin-bottom: 28px;
}

.mb-28--force {
  margin-bottom: 28px !important;
}

.ml-28 {
  margin-left: 28px;
}

.ml-28--force {
  margin-left: 28px !important;
}

.m-32 {
  margin: var(--matcha-space-400, 32px);
}

.m-32--force {
  margin: var(--matcha-space-400, 32px) !important;
}

.mx-32 {
  margin-right: var(--matcha-space-400, 32px);
  margin-left: var(--matcha-space-400, 32px);
}

.mx-32--force {
  margin-right: var(--matcha-space-400, 32px) !important;
  margin-left: var(--matcha-space-400, 32px) !important;
}

.my-32 {
  margin-top: var(--matcha-space-400, 32px);
  margin-bottom: var(--matcha-space-400, 32px);
}

.my-32--force {
  margin-top: var(--matcha-space-400, 32px) !important;
  margin-bottom: var(--matcha-space-400, 32px) !important;
}

.mt-32 {
  margin-top: var(--matcha-space-400, 32px);
}

.mt-32--force {
  margin-top: var(--matcha-space-400, 32px) !important;
}

.mr-32 {
  margin-right: var(--matcha-space-400, 32px);
}

.mr-32--force {
  margin-right: var(--matcha-space-400, 32px) !important;
}

.mb-32 {
  margin-bottom: var(--matcha-space-400, 32px);
}

.mb-32--force {
  margin-bottom: var(--matcha-space-400, 32px) !important;
}

.ml-32 {
  margin-left: var(--matcha-space-400, 32px);
}

.ml-32--force {
  margin-left: var(--matcha-space-400, 32px) !important;
}

.m-36 {
  margin: 36px;
}

.m-36--force {
  margin: 36px !important;
}

.mx-36 {
  margin-right: 36px;
  margin-left: 36px;
}

.mx-36--force {
  margin-right: 36px !important;
  margin-left: 36px !important;
}

.my-36 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.my-36--force {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.mt-36 {
  margin-top: 36px;
}

.mt-36--force {
  margin-top: 36px !important;
}

.mr-36 {
  margin-right: 36px;
}

.mr-36--force {
  margin-right: 36px !important;
}

.mb-36 {
  margin-bottom: 36px;
}

.mb-36--force {
  margin-bottom: 36px !important;
}

.ml-36 {
  margin-left: 36px;
}

.ml-36--force {
  margin-left: 36px !important;
}

.m-40 {
  margin: var(--matcha-space-500, 40px);
}

.m-40--force {
  margin: var(--matcha-space-500, 40px) !important;
}

.mx-40 {
  margin-right: var(--matcha-space-500, 40px);
  margin-left: var(--matcha-space-500, 40px);
}

.mx-40--force {
  margin-right: var(--matcha-space-500, 40px) !important;
  margin-left: var(--matcha-space-500, 40px) !important;
}

.my-40 {
  margin-top: var(--matcha-space-500, 40px);
  margin-bottom: var(--matcha-space-500, 40px);
}

.my-40--force {
  margin-top: var(--matcha-space-500, 40px) !important;
  margin-bottom: var(--matcha-space-500, 40px) !important;
}

.mt-40 {
  margin-top: var(--matcha-space-500, 40px);
}

.mt-40--force {
  margin-top: var(--matcha-space-500, 40px) !important;
}

.mr-40 {
  margin-right: var(--matcha-space-500, 40px);
}

.mr-40--force {
  margin-right: var(--matcha-space-500, 40px) !important;
}

.mb-40 {
  margin-bottom: var(--matcha-space-500, 40px);
}

.mb-40--force {
  margin-bottom: var(--matcha-space-500, 40px) !important;
}

.ml-40 {
  margin-left: var(--matcha-space-500, 40px);
}

.ml-40--force {
  margin-left: var(--matcha-space-500, 40px) !important;
}

.m-44 {
  margin: 44px;
}

.m-44--force {
  margin: 44px !important;
}

.mx-44 {
  margin-right: 44px;
  margin-left: 44px;
}

.mx-44--force {
  margin-right: 44px !important;
  margin-left: 44px !important;
}

.my-44 {
  margin-top: 44px;
  margin-bottom: 44px;
}

.my-44--force {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.mt-44 {
  margin-top: 44px;
}

.mt-44--force {
  margin-top: 44px !important;
}

.mr-44 {
  margin-right: 44px;
}

.mr-44--force {
  margin-right: 44px !important;
}

.mb-44 {
  margin-bottom: 44px;
}

.mb-44--force {
  margin-bottom: 44px !important;
}

.ml-44 {
  margin-left: 44px;
}

.ml-44--force {
  margin-left: 44px !important;
}

.m-48 {
  margin: var(--matcha-space-600, 48px);
}

.m-48--force {
  margin: var(--matcha-space-600, 48px) !important;
}

.mx-48 {
  margin-right: var(--matcha-space-600, 48px);
  margin-left: var(--matcha-space-600, 48px);
}

.mx-48--force {
  margin-right: var(--matcha-space-600, 48px) !important;
  margin-left: var(--matcha-space-600, 48px) !important;
}

.my-48 {
  margin-top: var(--matcha-space-600, 48px);
  margin-bottom: var(--matcha-space-600, 48px);
}

.my-48--force {
  margin-top: var(--matcha-space-600, 48px) !important;
  margin-bottom: var(--matcha-space-600, 48px) !important;
}

.mt-48 {
  margin-top: var(--matcha-space-600, 48px);
}

.mt-48--force {
  margin-top: var(--matcha-space-600, 48px) !important;
}

.mr-48 {
  margin-right: var(--matcha-space-600, 48px);
}

.mr-48--force {
  margin-right: var(--matcha-space-600, 48px) !important;
}

.mb-48 {
  margin-bottom: var(--matcha-space-600, 48px);
}

.mb-48--force {
  margin-bottom: var(--matcha-space-600, 48px) !important;
}

.ml-48 {
  margin-left: var(--matcha-space-600, 48px);
}

.ml-48--force {
  margin-left: var(--matcha-space-600, 48px) !important;
}

.m-52 {
  margin: 52px;
}

.m-52--force {
  margin: 52px !important;
}

.mx-52 {
  margin-right: 52px;
  margin-left: 52px;
}

.mx-52--force {
  margin-right: 52px !important;
  margin-left: 52px !important;
}

.my-52 {
  margin-top: 52px;
  margin-bottom: 52px;
}

.my-52--force {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.mt-52 {
  margin-top: 52px;
}

.mt-52--force {
  margin-top: 52px !important;
}

.mr-52 {
  margin-right: 52px;
}

.mr-52--force {
  margin-right: 52px !important;
}

.mb-52 {
  margin-bottom: 52px;
}

.mb-52--force {
  margin-bottom: 52px !important;
}

.ml-52 {
  margin-left: 52px;
}

.ml-52--force {
  margin-left: 52px !important;
}

.m-56 {
  margin: 56px;
}

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

.mx-56 {
  margin-right: 56px;
  margin-left: 56px;
}

.mx-56--force {
  margin-right: 56px !important;
  margin-left: 56px !important;
}

.my-56 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.my-56--force {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.mt-56 {
  margin-top: 56px;
}

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

.mr-56 {
  margin-right: 56px;
}

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

.mb-56 {
  margin-bottom: 56px;
}

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

.ml-56 {
  margin-left: 56px;
}

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

.m-60 {
  margin: 60px;
}

.m-60--force {
  margin: 60px !important;
}

.mx-60 {
  margin-right: 60px;
  margin-left: 60px;
}

.mx-60--force {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.my-60--force {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.mt-60 {
  margin-top: 60px;
}

.mt-60--force {
  margin-top: 60px !important;
}

.mr-60 {
  margin-right: 60px;
}

.mr-60--force {
  margin-right: 60px !important;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-60--force {
  margin-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px;
}

.ml-60--force {
  margin-left: 60px !important;
}

.m-64 {
  margin: var(--matcha-space-800, 64px);
}

.m-64--force {
  margin: var(--matcha-space-800, 64px) !important;
}

.mx-64 {
  margin-right: var(--matcha-space-800, 64px);
  margin-left: var(--matcha-space-800, 64px);
}

.mx-64--force {
  margin-right: var(--matcha-space-800, 64px) !important;
  margin-left: var(--matcha-space-800, 64px) !important;
}

.my-64 {
  margin-top: var(--matcha-space-800, 64px);
  margin-bottom: var(--matcha-space-800, 64px);
}

.my-64--force {
  margin-top: var(--matcha-space-800, 64px) !important;
  margin-bottom: var(--matcha-space-800, 64px) !important;
}

.mt-64 {
  margin-top: var(--matcha-space-800, 64px);
}

.mt-64--force {
  margin-top: var(--matcha-space-800, 64px) !important;
}

.mr-64 {
  margin-right: var(--matcha-space-800, 64px);
}

.mr-64--force {
  margin-right: var(--matcha-space-800, 64px) !important;
}

.mb-64 {
  margin-bottom: var(--matcha-space-800, 64px);
}

.mb-64--force {
  margin-bottom: var(--matcha-space-800, 64px) !important;
}

.ml-64 {
  margin-left: var(--matcha-space-800, 64px);
}

.ml-64--force {
  margin-left: var(--matcha-space-800, 64px) !important;
}

.m-auto {
  margin: auto;
}

.m-auto--force {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto;
}

.mt-auto--force {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto;
}

.mr-auto--force {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto;
}

.mb-auto--force {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto;
}

.ml-auto--force {
  margin-left: auto !important;
}

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

.mx-auto--force {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.my-auto--force {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p--64 {
  padding: calc(-1 * var(--matcha-space-800, 64px));
}

.p--64--force {
  padding: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.px--64 {
  padding-right: calc(-1 * var(--matcha-space-800, 64px));
  padding-left: calc(-1 * var(--matcha-space-800, 64px));
}

.px--64--force {
  padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.py--64 {
  padding-top: calc(-1 * var(--matcha-space-800, 64px));
  padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
}

.py--64--force {
  padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.pt--64 {
  padding-top: calc(-1 * var(--matcha-space-800, 64px));
}

.pt--64--force {
  padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.pr--64 {
  padding-right: calc(-1 * var(--matcha-space-800, 64px));
}

.pr--64--force {
  padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.pb--64 {
  padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
}

.pb--64--force {
  padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.pl--64 {
  padding-left: calc(-1 * var(--matcha-space-800, 64px));
}

.pl--64--force {
  padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
}

.p--60 {
  padding: -60px;
}

.p--60--force {
  padding: -60px !important;
}

.px--60 {
  padding-right: -60px;
  padding-left: -60px;
}

.px--60--force {
  padding-right: -60px !important;
  padding-left: -60px !important;
}

.py--60 {
  padding-top: -60px;
  padding-bottom: -60px;
}

.py--60--force {
  padding-top: -60px !important;
  padding-bottom: -60px !important;
}

.pt--60 {
  padding-top: -60px;
}

.pt--60--force {
  padding-top: -60px !important;
}

.pr--60 {
  padding-right: -60px;
}

.pr--60--force {
  padding-right: -60px !important;
}

.pb--60 {
  padding-bottom: -60px;
}

.pb--60--force {
  padding-bottom: -60px !important;
}

.pl--60 {
  padding-left: -60px;
}

.pl--60--force {
  padding-left: -60px !important;
}

.p--56 {
  padding: -56px;
}

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

.px--56 {
  padding-right: -56px;
  padding-left: -56px;
}

.px--56--force {
  padding-right: -56px !important;
  padding-left: -56px !important;
}

.py--56 {
  padding-top: -56px;
  padding-bottom: -56px;
}

.py--56--force {
  padding-top: -56px !important;
  padding-bottom: -56px !important;
}

.pt--56 {
  padding-top: -56px;
}

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

.pr--56 {
  padding-right: -56px;
}

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

.pb--56 {
  padding-bottom: -56px;
}

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

.pl--56 {
  padding-left: -56px;
}

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

.p--52 {
  padding: -52px;
}

.p--52--force {
  padding: -52px !important;
}

.px--52 {
  padding-right: -52px;
  padding-left: -52px;
}

.px--52--force {
  padding-right: -52px !important;
  padding-left: -52px !important;
}

.py--52 {
  padding-top: -52px;
  padding-bottom: -52px;
}

.py--52--force {
  padding-top: -52px !important;
  padding-bottom: -52px !important;
}

.pt--52 {
  padding-top: -52px;
}

.pt--52--force {
  padding-top: -52px !important;
}

.pr--52 {
  padding-right: -52px;
}

.pr--52--force {
  padding-right: -52px !important;
}

.pb--52 {
  padding-bottom: -52px;
}

.pb--52--force {
  padding-bottom: -52px !important;
}

.pl--52 {
  padding-left: -52px;
}

.pl--52--force {
  padding-left: -52px !important;
}

.p--48 {
  padding: calc(-1 * var(--matcha-space-600, 48px));
}

.p--48--force {
  padding: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.px--48 {
  padding-right: calc(-1 * var(--matcha-space-600, 48px));
  padding-left: calc(-1 * var(--matcha-space-600, 48px));
}

.px--48--force {
  padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.py--48 {
  padding-top: calc(-1 * var(--matcha-space-600, 48px));
  padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
}

.py--48--force {
  padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.pt--48 {
  padding-top: calc(-1 * var(--matcha-space-600, 48px));
}

.pt--48--force {
  padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.pr--48 {
  padding-right: calc(-1 * var(--matcha-space-600, 48px));
}

.pr--48--force {
  padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.pb--48 {
  padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
}

.pb--48--force {
  padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.pl--48 {
  padding-left: calc(-1 * var(--matcha-space-600, 48px));
}

.pl--48--force {
  padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
}

.p--44 {
  padding: -44px;
}

.p--44--force {
  padding: -44px !important;
}

.px--44 {
  padding-right: -44px;
  padding-left: -44px;
}

.px--44--force {
  padding-right: -44px !important;
  padding-left: -44px !important;
}

.py--44 {
  padding-top: -44px;
  padding-bottom: -44px;
}

.py--44--force {
  padding-top: -44px !important;
  padding-bottom: -44px !important;
}

.pt--44 {
  padding-top: -44px;
}

.pt--44--force {
  padding-top: -44px !important;
}

.pr--44 {
  padding-right: -44px;
}

.pr--44--force {
  padding-right: -44px !important;
}

.pb--44 {
  padding-bottom: -44px;
}

.pb--44--force {
  padding-bottom: -44px !important;
}

.pl--44 {
  padding-left: -44px;
}

.pl--44--force {
  padding-left: -44px !important;
}

.p--40 {
  padding: calc(-1 * var(--matcha-space-500, 40px));
}

.p--40--force {
  padding: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.px--40 {
  padding-right: calc(-1 * var(--matcha-space-500, 40px));
  padding-left: calc(-1 * var(--matcha-space-500, 40px));
}

.px--40--force {
  padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.py--40 {
  padding-top: calc(-1 * var(--matcha-space-500, 40px));
  padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
}

.py--40--force {
  padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.pt--40 {
  padding-top: calc(-1 * var(--matcha-space-500, 40px));
}

.pt--40--force {
  padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.pr--40 {
  padding-right: calc(-1 * var(--matcha-space-500, 40px));
}

.pr--40--force {
  padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.pb--40 {
  padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
}

.pb--40--force {
  padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.pl--40 {
  padding-left: calc(-1 * var(--matcha-space-500, 40px));
}

.pl--40--force {
  padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
}

.p--36 {
  padding: -36px;
}

.p--36--force {
  padding: -36px !important;
}

.px--36 {
  padding-right: -36px;
  padding-left: -36px;
}

.px--36--force {
  padding-right: -36px !important;
  padding-left: -36px !important;
}

.py--36 {
  padding-top: -36px;
  padding-bottom: -36px;
}

.py--36--force {
  padding-top: -36px !important;
  padding-bottom: -36px !important;
}

.pt--36 {
  padding-top: -36px;
}

.pt--36--force {
  padding-top: -36px !important;
}

.pr--36 {
  padding-right: -36px;
}

.pr--36--force {
  padding-right: -36px !important;
}

.pb--36 {
  padding-bottom: -36px;
}

.pb--36--force {
  padding-bottom: -36px !important;
}

.pl--36 {
  padding-left: -36px;
}

.pl--36--force {
  padding-left: -36px !important;
}

.p--32 {
  padding: calc(-1 * var(--matcha-space-400, 32px));
}

.p--32--force {
  padding: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.px--32 {
  padding-right: calc(-1 * var(--matcha-space-400, 32px));
  padding-left: calc(-1 * var(--matcha-space-400, 32px));
}

.px--32--force {
  padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.py--32 {
  padding-top: calc(-1 * var(--matcha-space-400, 32px));
  padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
}

.py--32--force {
  padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.pt--32 {
  padding-top: calc(-1 * var(--matcha-space-400, 32px));
}

.pt--32--force {
  padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.pr--32 {
  padding-right: calc(-1 * var(--matcha-space-400, 32px));
}

.pr--32--force {
  padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.pb--32 {
  padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
}

.pb--32--force {
  padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.pl--32 {
  padding-left: calc(-1 * var(--matcha-space-400, 32px));
}

.pl--32--force {
  padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
}

.p--28 {
  padding: -28px;
}

.p--28--force {
  padding: -28px !important;
}

.px--28 {
  padding-right: -28px;
  padding-left: -28px;
}

.px--28--force {
  padding-right: -28px !important;
  padding-left: -28px !important;
}

.py--28 {
  padding-top: -28px;
  padding-bottom: -28px;
}

.py--28--force {
  padding-top: -28px !important;
  padding-bottom: -28px !important;
}

.pt--28 {
  padding-top: -28px;
}

.pt--28--force {
  padding-top: -28px !important;
}

.pr--28 {
  padding-right: -28px;
}

.pr--28--force {
  padding-right: -28px !important;
}

.pb--28 {
  padding-bottom: -28px;
}

.pb--28--force {
  padding-bottom: -28px !important;
}

.pl--28 {
  padding-left: -28px;
}

.pl--28--force {
  padding-left: -28px !important;
}

.p--24 {
  padding: calc(-1 * var(--matcha-space-300, 24px));
}

.p--24--force {
  padding: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.px--24 {
  padding-right: calc(-1 * var(--matcha-space-300, 24px));
  padding-left: calc(-1 * var(--matcha-space-300, 24px));
}

.px--24--force {
  padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.py--24 {
  padding-top: calc(-1 * var(--matcha-space-300, 24px));
  padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
}

.py--24--force {
  padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.pt--24 {
  padding-top: calc(-1 * var(--matcha-space-300, 24px));
}

.pt--24--force {
  padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.pr--24 {
  padding-right: calc(-1 * var(--matcha-space-300, 24px));
}

.pr--24--force {
  padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.pb--24 {
  padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
}

.pb--24--force {
  padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.pl--24 {
  padding-left: calc(-1 * var(--matcha-space-300, 24px));
}

.pl--24--force {
  padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
}

.p--20 {
  padding: calc(-1 * var(--matcha-space-250, 20px));
}

.p--20--force {
  padding: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.px--20 {
  padding-right: calc(-1 * var(--matcha-space-250, 20px));
  padding-left: calc(-1 * var(--matcha-space-250, 20px));
}

.px--20--force {
  padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.py--20 {
  padding-top: calc(-1 * var(--matcha-space-250, 20px));
  padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
}

.py--20--force {
  padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.pt--20 {
  padding-top: calc(-1 * var(--matcha-space-250, 20px));
}

.pt--20--force {
  padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.pr--20 {
  padding-right: calc(-1 * var(--matcha-space-250, 20px));
}

.pr--20--force {
  padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.pb--20 {
  padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
}

.pb--20--force {
  padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.pl--20 {
  padding-left: calc(-1 * var(--matcha-space-250, 20px));
}

.pl--20--force {
  padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
}

.p--16 {
  padding: calc(-1 * var(--matcha-space-200, 16px));
}

.p--16--force {
  padding: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.px--16 {
  padding-right: calc(-1 * var(--matcha-space-200, 16px));
  padding-left: calc(-1 * var(--matcha-space-200, 16px));
}

.px--16--force {
  padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.py--16 {
  padding-top: calc(-1 * var(--matcha-space-200, 16px));
  padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
}

.py--16--force {
  padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.pt--16 {
  padding-top: calc(-1 * var(--matcha-space-200, 16px));
}

.pt--16--force {
  padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.pr--16 {
  padding-right: calc(-1 * var(--matcha-space-200, 16px));
}

.pr--16--force {
  padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.pb--16 {
  padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
}

.pb--16--force {
  padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.pl--16 {
  padding-left: calc(-1 * var(--matcha-space-200, 16px));
}

.pl--16--force {
  padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
}

.p--12 {
  padding: calc(-1 * var(--matcha-space-150, 12px));
}

.p--12--force {
  padding: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.px--12 {
  padding-right: calc(-1 * var(--matcha-space-150, 12px));
  padding-left: calc(-1 * var(--matcha-space-150, 12px));
}

.px--12--force {
  padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.py--12 {
  padding-top: calc(-1 * var(--matcha-space-150, 12px));
  padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
}

.py--12--force {
  padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.pt--12 {
  padding-top: calc(-1 * var(--matcha-space-150, 12px));
}

.pt--12--force {
  padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.pr--12 {
  padding-right: calc(-1 * var(--matcha-space-150, 12px));
}

.pr--12--force {
  padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.pb--12 {
  padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
}

.pb--12--force {
  padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.pl--12 {
  padding-left: calc(-1 * var(--matcha-space-150, 12px));
}

.pl--12--force {
  padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
}

.p--8 {
  padding: calc(-1 * var(--matcha-space-100, 8px));
}

.p--8--force {
  padding: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.px--8 {
  padding-right: calc(-1 * var(--matcha-space-100, 8px));
  padding-left: calc(-1 * var(--matcha-space-100, 8px));
}

.px--8--force {
  padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.py--8 {
  padding-top: calc(-1 * var(--matcha-space-100, 8px));
  padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
}

.py--8--force {
  padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.pt--8 {
  padding-top: calc(-1 * var(--matcha-space-100, 8px));
}

.pt--8--force {
  padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.pr--8 {
  padding-right: calc(-1 * var(--matcha-space-100, 8px));
}

.pr--8--force {
  padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.pb--8 {
  padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
}

.pb--8--force {
  padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.pl--8 {
  padding-left: calc(-1 * var(--matcha-space-100, 8px));
}

.pl--8--force {
  padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
}

.p--4 {
  padding: calc(-1 * var(--matcha-space-050, 4px));
}

.p--4--force {
  padding: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.px--4 {
  padding-right: calc(-1 * var(--matcha-space-050, 4px));
  padding-left: calc(-1 * var(--matcha-space-050, 4px));
}

.px--4--force {
  padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.py--4 {
  padding-top: calc(-1 * var(--matcha-space-050, 4px));
  padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
}

.py--4--force {
  padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.pt--4 {
  padding-top: calc(-1 * var(--matcha-space-050, 4px));
}

.pt--4--force {
  padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.pr--4 {
  padding-right: calc(-1 * var(--matcha-space-050, 4px));
}

.pr--4--force {
  padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.pb--4 {
  padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
}

.pb--4--force {
  padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.pl--4 {
  padding-left: calc(-1 * var(--matcha-space-050, 4px));
}

.pl--4--force {
  padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
}

.p-0 {
  padding: var(--matcha-space-0, 0);
}

.p-0--force {
  padding: var(--matcha-space-0, 0) !important;
}

.px-0 {
  padding-right: var(--matcha-space-0, 0);
  padding-left: var(--matcha-space-0, 0);
}

.px-0--force {
  padding-right: var(--matcha-space-0, 0) !important;
  padding-left: var(--matcha-space-0, 0) !important;
}

.py-0 {
  padding-top: var(--matcha-space-0, 0);
  padding-bottom: var(--matcha-space-0, 0);
}

.py-0--force {
  padding-top: var(--matcha-space-0, 0) !important;
  padding-bottom: var(--matcha-space-0, 0) !important;
}

.pt-0 {
  padding-top: var(--matcha-space-0, 0);
}

.pt-0--force {
  padding-top: var(--matcha-space-0, 0) !important;
}

.pr-0 {
  padding-right: var(--matcha-space-0, 0);
}

.pr-0--force {
  padding-right: var(--matcha-space-0, 0) !important;
}

.pb-0 {
  padding-bottom: var(--matcha-space-0, 0);
}

.pb-0--force {
  padding-bottom: var(--matcha-space-0, 0) !important;
}

.pl-0 {
  padding-left: var(--matcha-space-0, 0);
}

.pl-0--force {
  padding-left: var(--matcha-space-0, 0) !important;
}

.p-4 {
  padding: var(--matcha-space-050, 4px);
}

.p-4--force {
  padding: var(--matcha-space-050, 4px) !important;
}

.px-4 {
  padding-right: var(--matcha-space-050, 4px);
  padding-left: var(--matcha-space-050, 4px);
}

.px-4--force {
  padding-right: var(--matcha-space-050, 4px) !important;
  padding-left: var(--matcha-space-050, 4px) !important;
}

.py-4 {
  padding-top: var(--matcha-space-050, 4px);
  padding-bottom: var(--matcha-space-050, 4px);
}

.py-4--force {
  padding-top: var(--matcha-space-050, 4px) !important;
  padding-bottom: var(--matcha-space-050, 4px) !important;
}

.pt-4 {
  padding-top: var(--matcha-space-050, 4px);
}

.pt-4--force {
  padding-top: var(--matcha-space-050, 4px) !important;
}

.pr-4 {
  padding-right: var(--matcha-space-050, 4px);
}

.pr-4--force {
  padding-right: var(--matcha-space-050, 4px) !important;
}

.pb-4 {
  padding-bottom: var(--matcha-space-050, 4px);
}

.pb-4--force {
  padding-bottom: var(--matcha-space-050, 4px) !important;
}

.pl-4 {
  padding-left: var(--matcha-space-050, 4px);
}

.pl-4--force {
  padding-left: var(--matcha-space-050, 4px) !important;
}

.p-8 {
  padding: var(--matcha-space-100, 8px);
}

.p-8--force {
  padding: var(--matcha-space-100, 8px) !important;
}

.px-8 {
  padding-right: var(--matcha-space-100, 8px);
  padding-left: var(--matcha-space-100, 8px);
}

.px-8--force {
  padding-right: var(--matcha-space-100, 8px) !important;
  padding-left: var(--matcha-space-100, 8px) !important;
}

.py-8 {
  padding-top: var(--matcha-space-100, 8px);
  padding-bottom: var(--matcha-space-100, 8px);
}

.py-8--force {
  padding-top: var(--matcha-space-100, 8px) !important;
  padding-bottom: var(--matcha-space-100, 8px) !important;
}

.pt-8 {
  padding-top: var(--matcha-space-100, 8px);
}

.pt-8--force {
  padding-top: var(--matcha-space-100, 8px) !important;
}

.pr-8 {
  padding-right: var(--matcha-space-100, 8px);
}

.pr-8--force {
  padding-right: var(--matcha-space-100, 8px) !important;
}

.pb-8 {
  padding-bottom: var(--matcha-space-100, 8px);
}

.pb-8--force {
  padding-bottom: var(--matcha-space-100, 8px) !important;
}

.pl-8 {
  padding-left: var(--matcha-space-100, 8px);
}

.pl-8--force {
  padding-left: var(--matcha-space-100, 8px) !important;
}

.p-12 {
  padding: var(--matcha-space-150, 12px);
}

.p-12--force {
  padding: var(--matcha-space-150, 12px) !important;
}

.px-12 {
  padding-right: var(--matcha-space-150, 12px);
  padding-left: var(--matcha-space-150, 12px);
}

.px-12--force {
  padding-right: var(--matcha-space-150, 12px) !important;
  padding-left: var(--matcha-space-150, 12px) !important;
}

.py-12 {
  padding-top: var(--matcha-space-150, 12px);
  padding-bottom: var(--matcha-space-150, 12px);
}

.py-12--force {
  padding-top: var(--matcha-space-150, 12px) !important;
  padding-bottom: var(--matcha-space-150, 12px) !important;
}

.pt-12 {
  padding-top: var(--matcha-space-150, 12px);
}

.pt-12--force {
  padding-top: var(--matcha-space-150, 12px) !important;
}

.pr-12 {
  padding-right: var(--matcha-space-150, 12px);
}

.pr-12--force {
  padding-right: var(--matcha-space-150, 12px) !important;
}

.pb-12 {
  padding-bottom: var(--matcha-space-150, 12px);
}

.pb-12--force {
  padding-bottom: var(--matcha-space-150, 12px) !important;
}

.pl-12 {
  padding-left: var(--matcha-space-150, 12px);
}

.pl-12--force {
  padding-left: var(--matcha-space-150, 12px) !important;
}

.p-16 {
  padding: var(--matcha-space-200, 16px);
}

.p-16--force {
  padding: var(--matcha-space-200, 16px) !important;
}

.px-16 {
  padding-right: var(--matcha-space-200, 16px);
  padding-left: var(--matcha-space-200, 16px);
}

.px-16--force {
  padding-right: var(--matcha-space-200, 16px) !important;
  padding-left: var(--matcha-space-200, 16px) !important;
}

.py-16 {
  padding-top: var(--matcha-space-200, 16px);
  padding-bottom: var(--matcha-space-200, 16px);
}

.py-16--force {
  padding-top: var(--matcha-space-200, 16px) !important;
  padding-bottom: var(--matcha-space-200, 16px) !important;
}

.pt-16 {
  padding-top: var(--matcha-space-200, 16px);
}

.pt-16--force {
  padding-top: var(--matcha-space-200, 16px) !important;
}

.pr-16 {
  padding-right: var(--matcha-space-200, 16px);
}

.pr-16--force {
  padding-right: var(--matcha-space-200, 16px) !important;
}

.pb-16 {
  padding-bottom: var(--matcha-space-200, 16px);
}

.pb-16--force {
  padding-bottom: var(--matcha-space-200, 16px) !important;
}

.pl-16 {
  padding-left: var(--matcha-space-200, 16px);
}

.pl-16--force {
  padding-left: var(--matcha-space-200, 16px) !important;
}

.p-20 {
  padding: var(--matcha-space-250, 20px);
}

.p-20--force {
  padding: var(--matcha-space-250, 20px) !important;
}

.px-20 {
  padding-right: var(--matcha-space-250, 20px);
  padding-left: var(--matcha-space-250, 20px);
}

.px-20--force {
  padding-right: var(--matcha-space-250, 20px) !important;
  padding-left: var(--matcha-space-250, 20px) !important;
}

.py-20 {
  padding-top: var(--matcha-space-250, 20px);
  padding-bottom: var(--matcha-space-250, 20px);
}

.py-20--force {
  padding-top: var(--matcha-space-250, 20px) !important;
  padding-bottom: var(--matcha-space-250, 20px) !important;
}

.pt-20 {
  padding-top: var(--matcha-space-250, 20px);
}

.pt-20--force {
  padding-top: var(--matcha-space-250, 20px) !important;
}

.pr-20 {
  padding-right: var(--matcha-space-250, 20px);
}

.pr-20--force {
  padding-right: var(--matcha-space-250, 20px) !important;
}

.pb-20 {
  padding-bottom: var(--matcha-space-250, 20px);
}

.pb-20--force {
  padding-bottom: var(--matcha-space-250, 20px) !important;
}

.pl-20 {
  padding-left: var(--matcha-space-250, 20px);
}

.pl-20--force {
  padding-left: var(--matcha-space-250, 20px) !important;
}

.p-24 {
  padding: var(--matcha-space-300, 24px);
}

.p-24--force {
  padding: var(--matcha-space-300, 24px) !important;
}

.px-24 {
  padding-right: var(--matcha-space-300, 24px);
  padding-left: var(--matcha-space-300, 24px);
}

.px-24--force {
  padding-right: var(--matcha-space-300, 24px) !important;
  padding-left: var(--matcha-space-300, 24px) !important;
}

.py-24 {
  padding-top: var(--matcha-space-300, 24px);
  padding-bottom: var(--matcha-space-300, 24px);
}

.py-24--force {
  padding-top: var(--matcha-space-300, 24px) !important;
  padding-bottom: var(--matcha-space-300, 24px) !important;
}

.pt-24 {
  padding-top: var(--matcha-space-300, 24px);
}

.pt-24--force {
  padding-top: var(--matcha-space-300, 24px) !important;
}

.pr-24 {
  padding-right: var(--matcha-space-300, 24px);
}

.pr-24--force {
  padding-right: var(--matcha-space-300, 24px) !important;
}

.pb-24 {
  padding-bottom: var(--matcha-space-300, 24px);
}

.pb-24--force {
  padding-bottom: var(--matcha-space-300, 24px) !important;
}

.pl-24 {
  padding-left: var(--matcha-space-300, 24px);
}

.pl-24--force {
  padding-left: var(--matcha-space-300, 24px) !important;
}

.p-28 {
  padding: 28px;
}

.p-28--force {
  padding: 28px !important;
}

.px-28 {
  padding-right: 28px;
  padding-left: 28px;
}

.px-28--force {
  padding-right: 28px !important;
  padding-left: 28px !important;
}

.py-28 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.py-28--force {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.pt-28 {
  padding-top: 28px;
}

.pt-28--force {
  padding-top: 28px !important;
}

.pr-28 {
  padding-right: 28px;
}

.pr-28--force {
  padding-right: 28px !important;
}

.pb-28 {
  padding-bottom: 28px;
}

.pb-28--force {
  padding-bottom: 28px !important;
}

.pl-28 {
  padding-left: 28px;
}

.pl-28--force {
  padding-left: 28px !important;
}

.p-32 {
  padding: var(--matcha-space-400, 32px);
}

.p-32--force {
  padding: var(--matcha-space-400, 32px) !important;
}

.px-32 {
  padding-right: var(--matcha-space-400, 32px);
  padding-left: var(--matcha-space-400, 32px);
}

.px-32--force {
  padding-right: var(--matcha-space-400, 32px) !important;
  padding-left: var(--matcha-space-400, 32px) !important;
}

.py-32 {
  padding-top: var(--matcha-space-400, 32px);
  padding-bottom: var(--matcha-space-400, 32px);
}

.py-32--force {
  padding-top: var(--matcha-space-400, 32px) !important;
  padding-bottom: var(--matcha-space-400, 32px) !important;
}

.pt-32 {
  padding-top: var(--matcha-space-400, 32px);
}

.pt-32--force {
  padding-top: var(--matcha-space-400, 32px) !important;
}

.pr-32 {
  padding-right: var(--matcha-space-400, 32px);
}

.pr-32--force {
  padding-right: var(--matcha-space-400, 32px) !important;
}

.pb-32 {
  padding-bottom: var(--matcha-space-400, 32px);
}

.pb-32--force {
  padding-bottom: var(--matcha-space-400, 32px) !important;
}

.pl-32 {
  padding-left: var(--matcha-space-400, 32px);
}

.pl-32--force {
  padding-left: var(--matcha-space-400, 32px) !important;
}

.p-36 {
  padding: 36px;
}

.p-36--force {
  padding: 36px !important;
}

.px-36 {
  padding-right: 36px;
  padding-left: 36px;
}

.px-36--force {
  padding-right: 36px !important;
  padding-left: 36px !important;
}

.py-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.py-36--force {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.pt-36 {
  padding-top: 36px;
}

.pt-36--force {
  padding-top: 36px !important;
}

.pr-36 {
  padding-right: 36px;
}

.pr-36--force {
  padding-right: 36px !important;
}

.pb-36 {
  padding-bottom: 36px;
}

.pb-36--force {
  padding-bottom: 36px !important;
}

.pl-36 {
  padding-left: 36px;
}

.pl-36--force {
  padding-left: 36px !important;
}

.p-40 {
  padding: var(--matcha-space-500, 40px);
}

.p-40--force {
  padding: var(--matcha-space-500, 40px) !important;
}

.px-40 {
  padding-right: var(--matcha-space-500, 40px);
  padding-left: var(--matcha-space-500, 40px);
}

.px-40--force {
  padding-right: var(--matcha-space-500, 40px) !important;
  padding-left: var(--matcha-space-500, 40px) !important;
}

.py-40 {
  padding-top: var(--matcha-space-500, 40px);
  padding-bottom: var(--matcha-space-500, 40px);
}

.py-40--force {
  padding-top: var(--matcha-space-500, 40px) !important;
  padding-bottom: var(--matcha-space-500, 40px) !important;
}

.pt-40 {
  padding-top: var(--matcha-space-500, 40px);
}

.pt-40--force {
  padding-top: var(--matcha-space-500, 40px) !important;
}

.pr-40 {
  padding-right: var(--matcha-space-500, 40px);
}

.pr-40--force {
  padding-right: var(--matcha-space-500, 40px) !important;
}

.pb-40 {
  padding-bottom: var(--matcha-space-500, 40px);
}

.pb-40--force {
  padding-bottom: var(--matcha-space-500, 40px) !important;
}

.pl-40 {
  padding-left: var(--matcha-space-500, 40px);
}

.pl-40--force {
  padding-left: var(--matcha-space-500, 40px) !important;
}

.p-44 {
  padding: 44px;
}

.p-44--force {
  padding: 44px !important;
}

.px-44 {
  padding-right: 44px;
  padding-left: 44px;
}

.px-44--force {
  padding-right: 44px !important;
  padding-left: 44px !important;
}

.py-44 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.py-44--force {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.pt-44 {
  padding-top: 44px;
}

.pt-44--force {
  padding-top: 44px !important;
}

.pr-44 {
  padding-right: 44px;
}

.pr-44--force {
  padding-right: 44px !important;
}

.pb-44 {
  padding-bottom: 44px;
}

.pb-44--force {
  padding-bottom: 44px !important;
}

.pl-44 {
  padding-left: 44px;
}

.pl-44--force {
  padding-left: 44px !important;
}

.p-48 {
  padding: var(--matcha-space-600, 48px);
}

.p-48--force {
  padding: var(--matcha-space-600, 48px) !important;
}

.px-48 {
  padding-right: var(--matcha-space-600, 48px);
  padding-left: var(--matcha-space-600, 48px);
}

.px-48--force {
  padding-right: var(--matcha-space-600, 48px) !important;
  padding-left: var(--matcha-space-600, 48px) !important;
}

.py-48 {
  padding-top: var(--matcha-space-600, 48px);
  padding-bottom: var(--matcha-space-600, 48px);
}

.py-48--force {
  padding-top: var(--matcha-space-600, 48px) !important;
  padding-bottom: var(--matcha-space-600, 48px) !important;
}

.pt-48 {
  padding-top: var(--matcha-space-600, 48px);
}

.pt-48--force {
  padding-top: var(--matcha-space-600, 48px) !important;
}

.pr-48 {
  padding-right: var(--matcha-space-600, 48px);
}

.pr-48--force {
  padding-right: var(--matcha-space-600, 48px) !important;
}

.pb-48 {
  padding-bottom: var(--matcha-space-600, 48px);
}

.pb-48--force {
  padding-bottom: var(--matcha-space-600, 48px) !important;
}

.pl-48 {
  padding-left: var(--matcha-space-600, 48px);
}

.pl-48--force {
  padding-left: var(--matcha-space-600, 48px) !important;
}

.p-52 {
  padding: 52px;
}

.p-52--force {
  padding: 52px !important;
}

.px-52 {
  padding-right: 52px;
  padding-left: 52px;
}

.px-52--force {
  padding-right: 52px !important;
  padding-left: 52px !important;
}

.py-52 {
  padding-top: 52px;
  padding-bottom: 52px;
}

.py-52--force {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.pt-52 {
  padding-top: 52px;
}

.pt-52--force {
  padding-top: 52px !important;
}

.pr-52 {
  padding-right: 52px;
}

.pr-52--force {
  padding-right: 52px !important;
}

.pb-52 {
  padding-bottom: 52px;
}

.pb-52--force {
  padding-bottom: 52px !important;
}

.pl-52 {
  padding-left: 52px;
}

.pl-52--force {
  padding-left: 52px !important;
}

.p-56 {
  padding: 56px;
}

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

.px-56 {
  padding-right: 56px;
  padding-left: 56px;
}

.px-56--force {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

.py-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.py-56--force {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.pt-56 {
  padding-top: 56px;
}

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

.pr-56 {
  padding-right: 56px;
}

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

.pb-56 {
  padding-bottom: 56px;
}

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

.pl-56 {
  padding-left: 56px;
}

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

.p-60 {
  padding: 60px;
}

.p-60--force {
  padding: 60px !important;
}

.px-60 {
  padding-right: 60px;
  padding-left: 60px;
}

.px-60--force {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py-60--force {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.pt-60 {
  padding-top: 60px;
}

.pt-60--force {
  padding-top: 60px !important;
}

.pr-60 {
  padding-right: 60px;
}

.pr-60--force {
  padding-right: 60px !important;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-60--force {
  padding-bottom: 60px !important;
}

.pl-60 {
  padding-left: 60px;
}

.pl-60--force {
  padding-left: 60px !important;
}

.p-64 {
  padding: var(--matcha-space-800, 64px);
}

.p-64--force {
  padding: var(--matcha-space-800, 64px) !important;
}

.px-64 {
  padding-right: var(--matcha-space-800, 64px);
  padding-left: var(--matcha-space-800, 64px);
}

.px-64--force {
  padding-right: var(--matcha-space-800, 64px) !important;
  padding-left: var(--matcha-space-800, 64px) !important;
}

.py-64 {
  padding-top: var(--matcha-space-800, 64px);
  padding-bottom: var(--matcha-space-800, 64px);
}

.py-64--force {
  padding-top: var(--matcha-space-800, 64px) !important;
  padding-bottom: var(--matcha-space-800, 64px) !important;
}

.pt-64 {
  padding-top: var(--matcha-space-800, 64px);
}

.pt-64--force {
  padding-top: var(--matcha-space-800, 64px) !important;
}

.pr-64 {
  padding-right: var(--matcha-space-800, 64px);
}

.pr-64--force {
  padding-right: var(--matcha-space-800, 64px) !important;
}

.pb-64 {
  padding-bottom: var(--matcha-space-800, 64px);
}

.pb-64--force {
  padding-bottom: var(--matcha-space-800, 64px) !important;
}

.pl-64 {
  padding-left: var(--matcha-space-800, 64px);
}

.pl-64--force {
  padding-left: var(--matcha-space-800, 64px) !important;
}

.p-0 {
  padding: var(--matcha-space-0, 0);
}

.p-0--force {
  padding: var(--matcha-space-0, 0) !important;
}

.px-0 {
  padding-right: var(--matcha-space-0, 0);
  padding-left: var(--matcha-space-0, 0);
}

.px-0--force {
  padding-right: var(--matcha-space-0, 0) !important;
  padding-left: var(--matcha-space-0, 0) !important;
}

.py-0 {
  padding-top: var(--matcha-space-0, 0);
  padding-bottom: var(--matcha-space-0, 0);
}

.py-0--force {
  padding-top: var(--matcha-space-0, 0) !important;
  padding-bottom: var(--matcha-space-0, 0) !important;
}

.pt-0 {
  padding-top: var(--matcha-space-0, 0);
}

.pt-0--force {
  padding-top: var(--matcha-space-0, 0) !important;
}

.pr-0 {
  padding-right: var(--matcha-space-0, 0);
}

.pr-0--force {
  padding-right: var(--matcha-space-0, 0) !important;
}

.pb-0 {
  padding-bottom: var(--matcha-space-0, 0);
}

.pb-0--force {
  padding-bottom: var(--matcha-space-0, 0) !important;
}

.pl-0 {
  padding-left: var(--matcha-space-0, 0);
}

.pl-0--force {
  padding-left: var(--matcha-space-0, 0) !important;
}

.p-4 {
  padding: var(--matcha-space-050, 4px);
}

.p-4--force {
  padding: var(--matcha-space-050, 4px) !important;
}

.px-4 {
  padding-right: var(--matcha-space-050, 4px);
  padding-left: var(--matcha-space-050, 4px);
}

.px-4--force {
  padding-right: var(--matcha-space-050, 4px) !important;
  padding-left: var(--matcha-space-050, 4px) !important;
}

.py-4 {
  padding-top: var(--matcha-space-050, 4px);
  padding-bottom: var(--matcha-space-050, 4px);
}

.py-4--force {
  padding-top: var(--matcha-space-050, 4px) !important;
  padding-bottom: var(--matcha-space-050, 4px) !important;
}

.pt-4 {
  padding-top: var(--matcha-space-050, 4px);
}

.pt-4--force {
  padding-top: var(--matcha-space-050, 4px) !important;
}

.pr-4 {
  padding-right: var(--matcha-space-050, 4px);
}

.pr-4--force {
  padding-right: var(--matcha-space-050, 4px) !important;
}

.pb-4 {
  padding-bottom: var(--matcha-space-050, 4px);
}

.pb-4--force {
  padding-bottom: var(--matcha-space-050, 4px) !important;
}

.pl-4 {
  padding-left: var(--matcha-space-050, 4px);
}

.pl-4--force {
  padding-left: var(--matcha-space-050, 4px) !important;
}

.p-8 {
  padding: var(--matcha-space-100, 8px);
}

.p-8--force {
  padding: var(--matcha-space-100, 8px) !important;
}

.px-8 {
  padding-right: var(--matcha-space-100, 8px);
  padding-left: var(--matcha-space-100, 8px);
}

.px-8--force {
  padding-right: var(--matcha-space-100, 8px) !important;
  padding-left: var(--matcha-space-100, 8px) !important;
}

.py-8 {
  padding-top: var(--matcha-space-100, 8px);
  padding-bottom: var(--matcha-space-100, 8px);
}

.py-8--force {
  padding-top: var(--matcha-space-100, 8px) !important;
  padding-bottom: var(--matcha-space-100, 8px) !important;
}

.pt-8 {
  padding-top: var(--matcha-space-100, 8px);
}

.pt-8--force {
  padding-top: var(--matcha-space-100, 8px) !important;
}

.pr-8 {
  padding-right: var(--matcha-space-100, 8px);
}

.pr-8--force {
  padding-right: var(--matcha-space-100, 8px) !important;
}

.pb-8 {
  padding-bottom: var(--matcha-space-100, 8px);
}

.pb-8--force {
  padding-bottom: var(--matcha-space-100, 8px) !important;
}

.pl-8 {
  padding-left: var(--matcha-space-100, 8px);
}

.pl-8--force {
  padding-left: var(--matcha-space-100, 8px) !important;
}

.p-12 {
  padding: var(--matcha-space-150, 12px);
}

.p-12--force {
  padding: var(--matcha-space-150, 12px) !important;
}

.px-12 {
  padding-right: var(--matcha-space-150, 12px);
  padding-left: var(--matcha-space-150, 12px);
}

.px-12--force {
  padding-right: var(--matcha-space-150, 12px) !important;
  padding-left: var(--matcha-space-150, 12px) !important;
}

.py-12 {
  padding-top: var(--matcha-space-150, 12px);
  padding-bottom: var(--matcha-space-150, 12px);
}

.py-12--force {
  padding-top: var(--matcha-space-150, 12px) !important;
  padding-bottom: var(--matcha-space-150, 12px) !important;
}

.pt-12 {
  padding-top: var(--matcha-space-150, 12px);
}

.pt-12--force {
  padding-top: var(--matcha-space-150, 12px) !important;
}

.pr-12 {
  padding-right: var(--matcha-space-150, 12px);
}

.pr-12--force {
  padding-right: var(--matcha-space-150, 12px) !important;
}

.pb-12 {
  padding-bottom: var(--matcha-space-150, 12px);
}

.pb-12--force {
  padding-bottom: var(--matcha-space-150, 12px) !important;
}

.pl-12 {
  padding-left: var(--matcha-space-150, 12px);
}

.pl-12--force {
  padding-left: var(--matcha-space-150, 12px) !important;
}

.p-16 {
  padding: var(--matcha-space-200, 16px);
}

.p-16--force {
  padding: var(--matcha-space-200, 16px) !important;
}

.px-16 {
  padding-right: var(--matcha-space-200, 16px);
  padding-left: var(--matcha-space-200, 16px);
}

.px-16--force {
  padding-right: var(--matcha-space-200, 16px) !important;
  padding-left: var(--matcha-space-200, 16px) !important;
}

.py-16 {
  padding-top: var(--matcha-space-200, 16px);
  padding-bottom: var(--matcha-space-200, 16px);
}

.py-16--force {
  padding-top: var(--matcha-space-200, 16px) !important;
  padding-bottom: var(--matcha-space-200, 16px) !important;
}

.pt-16 {
  padding-top: var(--matcha-space-200, 16px);
}

.pt-16--force {
  padding-top: var(--matcha-space-200, 16px) !important;
}

.pr-16 {
  padding-right: var(--matcha-space-200, 16px);
}

.pr-16--force {
  padding-right: var(--matcha-space-200, 16px) !important;
}

.pb-16 {
  padding-bottom: var(--matcha-space-200, 16px);
}

.pb-16--force {
  padding-bottom: var(--matcha-space-200, 16px) !important;
}

.pl-16 {
  padding-left: var(--matcha-space-200, 16px);
}

.pl-16--force {
  padding-left: var(--matcha-space-200, 16px) !important;
}

.p-20 {
  padding: var(--matcha-space-250, 20px);
}

.p-20--force {
  padding: var(--matcha-space-250, 20px) !important;
}

.px-20 {
  padding-right: var(--matcha-space-250, 20px);
  padding-left: var(--matcha-space-250, 20px);
}

.px-20--force {
  padding-right: var(--matcha-space-250, 20px) !important;
  padding-left: var(--matcha-space-250, 20px) !important;
}

.py-20 {
  padding-top: var(--matcha-space-250, 20px);
  padding-bottom: var(--matcha-space-250, 20px);
}

.py-20--force {
  padding-top: var(--matcha-space-250, 20px) !important;
  padding-bottom: var(--matcha-space-250, 20px) !important;
}

.pt-20 {
  padding-top: var(--matcha-space-250, 20px);
}

.pt-20--force {
  padding-top: var(--matcha-space-250, 20px) !important;
}

.pr-20 {
  padding-right: var(--matcha-space-250, 20px);
}

.pr-20--force {
  padding-right: var(--matcha-space-250, 20px) !important;
}

.pb-20 {
  padding-bottom: var(--matcha-space-250, 20px);
}

.pb-20--force {
  padding-bottom: var(--matcha-space-250, 20px) !important;
}

.pl-20 {
  padding-left: var(--matcha-space-250, 20px);
}

.pl-20--force {
  padding-left: var(--matcha-space-250, 20px) !important;
}

.p-24 {
  padding: var(--matcha-space-300, 24px);
}

.p-24--force {
  padding: var(--matcha-space-300, 24px) !important;
}

.px-24 {
  padding-right: var(--matcha-space-300, 24px);
  padding-left: var(--matcha-space-300, 24px);
}

.px-24--force {
  padding-right: var(--matcha-space-300, 24px) !important;
  padding-left: var(--matcha-space-300, 24px) !important;
}

.py-24 {
  padding-top: var(--matcha-space-300, 24px);
  padding-bottom: var(--matcha-space-300, 24px);
}

.py-24--force {
  padding-top: var(--matcha-space-300, 24px) !important;
  padding-bottom: var(--matcha-space-300, 24px) !important;
}

.pt-24 {
  padding-top: var(--matcha-space-300, 24px);
}

.pt-24--force {
  padding-top: var(--matcha-space-300, 24px) !important;
}

.pr-24 {
  padding-right: var(--matcha-space-300, 24px);
}

.pr-24--force {
  padding-right: var(--matcha-space-300, 24px) !important;
}

.pb-24 {
  padding-bottom: var(--matcha-space-300, 24px);
}

.pb-24--force {
  padding-bottom: var(--matcha-space-300, 24px) !important;
}

.pl-24 {
  padding-left: var(--matcha-space-300, 24px);
}

.pl-24--force {
  padding-left: var(--matcha-space-300, 24px) !important;
}

.p-28 {
  padding: 28px;
}

.p-28--force {
  padding: 28px !important;
}

.px-28 {
  padding-right: 28px;
  padding-left: 28px;
}

.px-28--force {
  padding-right: 28px !important;
  padding-left: 28px !important;
}

.py-28 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.py-28--force {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.pt-28 {
  padding-top: 28px;
}

.pt-28--force {
  padding-top: 28px !important;
}

.pr-28 {
  padding-right: 28px;
}

.pr-28--force {
  padding-right: 28px !important;
}

.pb-28 {
  padding-bottom: 28px;
}

.pb-28--force {
  padding-bottom: 28px !important;
}

.pl-28 {
  padding-left: 28px;
}

.pl-28--force {
  padding-left: 28px !important;
}

.p-32 {
  padding: var(--matcha-space-400, 32px);
}

.p-32--force {
  padding: var(--matcha-space-400, 32px) !important;
}

.px-32 {
  padding-right: var(--matcha-space-400, 32px);
  padding-left: var(--matcha-space-400, 32px);
}

.px-32--force {
  padding-right: var(--matcha-space-400, 32px) !important;
  padding-left: var(--matcha-space-400, 32px) !important;
}

.py-32 {
  padding-top: var(--matcha-space-400, 32px);
  padding-bottom: var(--matcha-space-400, 32px);
}

.py-32--force {
  padding-top: var(--matcha-space-400, 32px) !important;
  padding-bottom: var(--matcha-space-400, 32px) !important;
}

.pt-32 {
  padding-top: var(--matcha-space-400, 32px);
}

.pt-32--force {
  padding-top: var(--matcha-space-400, 32px) !important;
}

.pr-32 {
  padding-right: var(--matcha-space-400, 32px);
}

.pr-32--force {
  padding-right: var(--matcha-space-400, 32px) !important;
}

.pb-32 {
  padding-bottom: var(--matcha-space-400, 32px);
}

.pb-32--force {
  padding-bottom: var(--matcha-space-400, 32px) !important;
}

.pl-32 {
  padding-left: var(--matcha-space-400, 32px);
}

.pl-32--force {
  padding-left: var(--matcha-space-400, 32px) !important;
}

.p-36 {
  padding: 36px;
}

.p-36--force {
  padding: 36px !important;
}

.px-36 {
  padding-right: 36px;
  padding-left: 36px;
}

.px-36--force {
  padding-right: 36px !important;
  padding-left: 36px !important;
}

.py-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.py-36--force {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.pt-36 {
  padding-top: 36px;
}

.pt-36--force {
  padding-top: 36px !important;
}

.pr-36 {
  padding-right: 36px;
}

.pr-36--force {
  padding-right: 36px !important;
}

.pb-36 {
  padding-bottom: 36px;
}

.pb-36--force {
  padding-bottom: 36px !important;
}

.pl-36 {
  padding-left: 36px;
}

.pl-36--force {
  padding-left: 36px !important;
}

.p-40 {
  padding: var(--matcha-space-500, 40px);
}

.p-40--force {
  padding: var(--matcha-space-500, 40px) !important;
}

.px-40 {
  padding-right: var(--matcha-space-500, 40px);
  padding-left: var(--matcha-space-500, 40px);
}

.px-40--force {
  padding-right: var(--matcha-space-500, 40px) !important;
  padding-left: var(--matcha-space-500, 40px) !important;
}

.py-40 {
  padding-top: var(--matcha-space-500, 40px);
  padding-bottom: var(--matcha-space-500, 40px);
}

.py-40--force {
  padding-top: var(--matcha-space-500, 40px) !important;
  padding-bottom: var(--matcha-space-500, 40px) !important;
}

.pt-40 {
  padding-top: var(--matcha-space-500, 40px);
}

.pt-40--force {
  padding-top: var(--matcha-space-500, 40px) !important;
}

.pr-40 {
  padding-right: var(--matcha-space-500, 40px);
}

.pr-40--force {
  padding-right: var(--matcha-space-500, 40px) !important;
}

.pb-40 {
  padding-bottom: var(--matcha-space-500, 40px);
}

.pb-40--force {
  padding-bottom: var(--matcha-space-500, 40px) !important;
}

.pl-40 {
  padding-left: var(--matcha-space-500, 40px);
}

.pl-40--force {
  padding-left: var(--matcha-space-500, 40px) !important;
}

.p-44 {
  padding: 44px;
}

.p-44--force {
  padding: 44px !important;
}

.px-44 {
  padding-right: 44px;
  padding-left: 44px;
}

.px-44--force {
  padding-right: 44px !important;
  padding-left: 44px !important;
}

.py-44 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.py-44--force {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.pt-44 {
  padding-top: 44px;
}

.pt-44--force {
  padding-top: 44px !important;
}

.pr-44 {
  padding-right: 44px;
}

.pr-44--force {
  padding-right: 44px !important;
}

.pb-44 {
  padding-bottom: 44px;
}

.pb-44--force {
  padding-bottom: 44px !important;
}

.pl-44 {
  padding-left: 44px;
}

.pl-44--force {
  padding-left: 44px !important;
}

.p-48 {
  padding: var(--matcha-space-600, 48px);
}

.p-48--force {
  padding: var(--matcha-space-600, 48px) !important;
}

.px-48 {
  padding-right: var(--matcha-space-600, 48px);
  padding-left: var(--matcha-space-600, 48px);
}

.px-48--force {
  padding-right: var(--matcha-space-600, 48px) !important;
  padding-left: var(--matcha-space-600, 48px) !important;
}

.py-48 {
  padding-top: var(--matcha-space-600, 48px);
  padding-bottom: var(--matcha-space-600, 48px);
}

.py-48--force {
  padding-top: var(--matcha-space-600, 48px) !important;
  padding-bottom: var(--matcha-space-600, 48px) !important;
}

.pt-48 {
  padding-top: var(--matcha-space-600, 48px);
}

.pt-48--force {
  padding-top: var(--matcha-space-600, 48px) !important;
}

.pr-48 {
  padding-right: var(--matcha-space-600, 48px);
}

.pr-48--force {
  padding-right: var(--matcha-space-600, 48px) !important;
}

.pb-48 {
  padding-bottom: var(--matcha-space-600, 48px);
}

.pb-48--force {
  padding-bottom: var(--matcha-space-600, 48px) !important;
}

.pl-48 {
  padding-left: var(--matcha-space-600, 48px);
}

.pl-48--force {
  padding-left: var(--matcha-space-600, 48px) !important;
}

.p-52 {
  padding: 52px;
}

.p-52--force {
  padding: 52px !important;
}

.px-52 {
  padding-right: 52px;
  padding-left: 52px;
}

.px-52--force {
  padding-right: 52px !important;
  padding-left: 52px !important;
}

.py-52 {
  padding-top: 52px;
  padding-bottom: 52px;
}

.py-52--force {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.pt-52 {
  padding-top: 52px;
}

.pt-52--force {
  padding-top: 52px !important;
}

.pr-52 {
  padding-right: 52px;
}

.pr-52--force {
  padding-right: 52px !important;
}

.pb-52 {
  padding-bottom: 52px;
}

.pb-52--force {
  padding-bottom: 52px !important;
}

.pl-52 {
  padding-left: 52px;
}

.pl-52--force {
  padding-left: 52px !important;
}

.p-56 {
  padding: 56px;
}

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

.px-56 {
  padding-right: 56px;
  padding-left: 56px;
}

.px-56--force {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

.py-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.py-56--force {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.pt-56 {
  padding-top: 56px;
}

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

.pr-56 {
  padding-right: 56px;
}

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

.pb-56 {
  padding-bottom: 56px;
}

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

.pl-56 {
  padding-left: 56px;
}

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

.p-60 {
  padding: 60px;
}

.p-60--force {
  padding: 60px !important;
}

.px-60 {
  padding-right: 60px;
  padding-left: 60px;
}

.px-60--force {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py-60--force {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.pt-60 {
  padding-top: 60px;
}

.pt-60--force {
  padding-top: 60px !important;
}

.pr-60 {
  padding-right: 60px;
}

.pr-60--force {
  padding-right: 60px !important;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-60--force {
  padding-bottom: 60px !important;
}

.pl-60 {
  padding-left: 60px;
}

.pl-60--force {
  padding-left: 60px !important;
}

.p-64 {
  padding: var(--matcha-space-800, 64px);
}

.p-64--force {
  padding: var(--matcha-space-800, 64px) !important;
}

.px-64 {
  padding-right: var(--matcha-space-800, 64px);
  padding-left: var(--matcha-space-800, 64px);
}

.px-64--force {
  padding-right: var(--matcha-space-800, 64px) !important;
  padding-left: var(--matcha-space-800, 64px) !important;
}

.py-64 {
  padding-top: var(--matcha-space-800, 64px);
  padding-bottom: var(--matcha-space-800, 64px);
}

.py-64--force {
  padding-top: var(--matcha-space-800, 64px) !important;
  padding-bottom: var(--matcha-space-800, 64px) !important;
}

.pt-64 {
  padding-top: var(--matcha-space-800, 64px);
}

.pt-64--force {
  padding-top: var(--matcha-space-800, 64px) !important;
}

.pr-64 {
  padding-right: var(--matcha-space-800, 64px);
}

.pr-64--force {
  padding-right: var(--matcha-space-800, 64px) !important;
}

.pb-64 {
  padding-bottom: var(--matcha-space-800, 64px);
}

.pb-64--force {
  padding-bottom: var(--matcha-space-800, 64px) !important;
}

.pl-64 {
  padding-left: var(--matcha-space-800, 64px);
}

.pl-64--force {
  padding-left: var(--matcha-space-800, 64px) !important;
}

.p-68 {
  padding: 68px;
}

.p-68--force {
  padding: 68px !important;
}

.px-68 {
  padding-right: 68px;
  padding-left: 68px;
}

.px-68--force {
  padding-right: 68px !important;
  padding-left: 68px !important;
}

.py-68 {
  padding-top: 68px;
  padding-bottom: 68px;
}

.py-68--force {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}

.pt-68 {
  padding-top: 68px;
}

.pt-68--force {
  padding-top: 68px !important;
}

.pr-68 {
  padding-right: 68px;
}

.pr-68--force {
  padding-right: 68px !important;
}

.pb-68 {
  padding-bottom: 68px;
}

.pb-68--force {
  padding-bottom: 68px !important;
}

.pl-68 {
  padding-left: 68px;
}

.pl-68--force {
  padding-left: 68px !important;
}

.p-72 {
  padding: 72px;
}

.p-72--force {
  padding: 72px !important;
}

.px-72 {
  padding-right: 72px;
  padding-left: 72px;
}

.px-72--force {
  padding-right: 72px !important;
  padding-left: 72px !important;
}

.py-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.py-72--force {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.pt-72 {
  padding-top: 72px;
}

.pt-72--force {
  padding-top: 72px !important;
}

.pr-72 {
  padding-right: 72px;
}

.pr-72--force {
  padding-right: 72px !important;
}

.pb-72 {
  padding-bottom: 72px;
}

.pb-72--force {
  padding-bottom: 72px !important;
}

.pl-72 {
  padding-left: 72px;
}

.pl-72--force {
  padding-left: 72px !important;
}

.p-76 {
  padding: 76px;
}

.p-76--force {
  padding: 76px !important;
}

.px-76 {
  padding-right: 76px;
  padding-left: 76px;
}

.px-76--force {
  padding-right: 76px !important;
  padding-left: 76px !important;
}

.py-76 {
  padding-top: 76px;
  padding-bottom: 76px;
}

.py-76--force {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

.pt-76 {
  padding-top: 76px;
}

.pt-76--force {
  padding-top: 76px !important;
}

.pr-76 {
  padding-right: 76px;
}

.pr-76--force {
  padding-right: 76px !important;
}

.pb-76 {
  padding-bottom: 76px;
}

.pb-76--force {
  padding-bottom: 76px !important;
}

.pl-76 {
  padding-left: 76px;
}

.pl-76--force {
  padding-left: 76px !important;
}

.p-80 {
  padding: var(--matcha-space-1000, 80px);
}

.p-80--force {
  padding: var(--matcha-space-1000, 80px) !important;
}

.px-80 {
  padding-right: var(--matcha-space-1000, 80px);
  padding-left: var(--matcha-space-1000, 80px);
}

.px-80--force {
  padding-right: var(--matcha-space-1000, 80px) !important;
  padding-left: var(--matcha-space-1000, 80px) !important;
}

.py-80 {
  padding-top: var(--matcha-space-1000, 80px);
  padding-bottom: var(--matcha-space-1000, 80px);
}

.py-80--force {
  padding-top: var(--matcha-space-1000, 80px) !important;
  padding-bottom: var(--matcha-space-1000, 80px) !important;
}

.pt-80 {
  padding-top: var(--matcha-space-1000, 80px);
}

.pt-80--force {
  padding-top: var(--matcha-space-1000, 80px) !important;
}

.pr-80 {
  padding-right: var(--matcha-space-1000, 80px);
}

.pr-80--force {
  padding-right: var(--matcha-space-1000, 80px) !important;
}

.pb-80 {
  padding-bottom: var(--matcha-space-1000, 80px);
}

.pb-80--force {
  padding-bottom: var(--matcha-space-1000, 80px) !important;
}

.pl-80 {
  padding-left: var(--matcha-space-1000, 80px);
}

.pl-80--force {
  padding-left: var(--matcha-space-1000, 80px) !important;
}

.p-84 {
  padding: 84px;
}

.p-84--force {
  padding: 84px !important;
}

.px-84 {
  padding-right: 84px;
  padding-left: 84px;
}

.px-84--force {
  padding-right: 84px !important;
  padding-left: 84px !important;
}

.py-84 {
  padding-top: 84px;
  padding-bottom: 84px;
}

.py-84--force {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}

.pt-84 {
  padding-top: 84px;
}

.pt-84--force {
  padding-top: 84px !important;
}

.pr-84 {
  padding-right: 84px;
}

.pr-84--force {
  padding-right: 84px !important;
}

.pb-84 {
  padding-bottom: 84px;
}

.pb-84--force {
  padding-bottom: 84px !important;
}

.pl-84 {
  padding-left: 84px;
}

.pl-84--force {
  padding-left: 84px !important;
}

.p-88 {
  padding: 88px;
}

.p-88--force {
  padding: 88px !important;
}

.px-88 {
  padding-right: 88px;
  padding-left: 88px;
}

.px-88--force {
  padding-right: 88px !important;
  padding-left: 88px !important;
}

.py-88 {
  padding-top: 88px;
  padding-bottom: 88px;
}

.py-88--force {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.pt-88 {
  padding-top: 88px;
}

.pt-88--force {
  padding-top: 88px !important;
}

.pr-88 {
  padding-right: 88px;
}

.pr-88--force {
  padding-right: 88px !important;
}

.pb-88 {
  padding-bottom: 88px;
}

.pb-88--force {
  padding-bottom: 88px !important;
}

.pl-88 {
  padding-left: 88px;
}

.pl-88--force {
  padding-left: 88px !important;
}

.p-92 {
  padding: 92px;
}

.p-92--force {
  padding: 92px !important;
}

.px-92 {
  padding-right: 92px;
  padding-left: 92px;
}

.px-92--force {
  padding-right: 92px !important;
  padding-left: 92px !important;
}

.py-92 {
  padding-top: 92px;
  padding-bottom: 92px;
}

.py-92--force {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

.pt-92 {
  padding-top: 92px;
}

.pt-92--force {
  padding-top: 92px !important;
}

.pr-92 {
  padding-right: 92px;
}

.pr-92--force {
  padding-right: 92px !important;
}

.pb-92 {
  padding-bottom: 92px;
}

.pb-92--force {
  padding-bottom: 92px !important;
}

.pl-92 {
  padding-left: 92px;
}

.pl-92--force {
  padding-left: 92px !important;
}

.p-96 {
  padding: var(--matcha-space-1200, 96px);
}

.p-96--force {
  padding: var(--matcha-space-1200, 96px) !important;
}

.px-96 {
  padding-right: var(--matcha-space-1200, 96px);
  padding-left: var(--matcha-space-1200, 96px);
}

.px-96--force {
  padding-right: var(--matcha-space-1200, 96px) !important;
  padding-left: var(--matcha-space-1200, 96px) !important;
}

.py-96 {
  padding-top: var(--matcha-space-1200, 96px);
  padding-bottom: var(--matcha-space-1200, 96px);
}

.py-96--force {
  padding-top: var(--matcha-space-1200, 96px) !important;
  padding-bottom: var(--matcha-space-1200, 96px) !important;
}

.pt-96 {
  padding-top: var(--matcha-space-1200, 96px);
}

.pt-96--force {
  padding-top: var(--matcha-space-1200, 96px) !important;
}

.pr-96 {
  padding-right: var(--matcha-space-1200, 96px);
}

.pr-96--force {
  padding-right: var(--matcha-space-1200, 96px) !important;
}

.pb-96 {
  padding-bottom: var(--matcha-space-1200, 96px);
}

.pb-96--force {
  padding-bottom: var(--matcha-space-1200, 96px) !important;
}

.pl-96 {
  padding-left: var(--matcha-space-1200, 96px);
}

.pl-96--force {
  padding-left: var(--matcha-space-1200, 96px) !important;
}

@media screen and (max-width: 639px) {
  .m-xs--64 {
    margin: calc(-1 * var(--matcha-space-800, 64px));
  }
  .m-xs--64--force {
    margin: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mx-xs--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mx-xs--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .my-xs--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .my-xs--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mt-xs--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mt-xs--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mr-xs--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mr-xs--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mb-xs--64 {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mb-xs--64--force {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .ml-xs--64 {
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .ml-xs--64--force {
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .m-xs--60 {
    margin: -60px;
  }
  .m-xs--60--force {
    margin: -60px !important;
  }
  .mx-xs--60 {
    margin-right: -60px;
    margin-left: -60px;
  }
  .mx-xs--60--force {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .my-xs--60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }
  .my-xs--60--force {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .mt-xs--60 {
    margin-top: -60px;
  }
  .mt-xs--60--force {
    margin-top: -60px !important;
  }
  .mr-xs--60 {
    margin-right: -60px;
  }
  .mr-xs--60--force {
    margin-right: -60px !important;
  }
  .mb-xs--60 {
    margin-bottom: -60px;
  }
  .mb-xs--60--force {
    margin-bottom: -60px !important;
  }
  .ml-xs--60 {
    margin-left: -60px;
  }
  .ml-xs--60--force {
    margin-left: -60px !important;
  }
  .m-xs--56 {
    margin: -56px;
  }
  .m-xs--56--force {
    margin: -56px !important;
  }
  .mx-xs--56 {
    margin-right: -56px;
    margin-left: -56px;
  }
  .mx-xs--56--force {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .my-xs--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .my-xs--56--force {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .mt-xs--56 {
    margin-top: -56px;
  }
  .mt-xs--56--force {
    margin-top: -56px !important;
  }
  .mr-xs--56 {
    margin-right: -56px;
  }
  .mr-xs--56--force {
    margin-right: -56px !important;
  }
  .mb-xs--56 {
    margin-bottom: -56px;
  }
  .mb-xs--56--force {
    margin-bottom: -56px !important;
  }
  .ml-xs--56 {
    margin-left: -56px;
  }
  .ml-xs--56--force {
    margin-left: -56px !important;
  }
  .m-xs--52 {
    margin: -52px;
  }
  .m-xs--52--force {
    margin: -52px !important;
  }
  .mx-xs--52 {
    margin-right: -52px;
    margin-left: -52px;
  }
  .mx-xs--52--force {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .my-xs--52 {
    margin-top: -52px;
    margin-bottom: -52px;
  }
  .my-xs--52--force {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .mt-xs--52 {
    margin-top: -52px;
  }
  .mt-xs--52--force {
    margin-top: -52px !important;
  }
  .mr-xs--52 {
    margin-right: -52px;
  }
  .mr-xs--52--force {
    margin-right: -52px !important;
  }
  .mb-xs--52 {
    margin-bottom: -52px;
  }
  .mb-xs--52--force {
    margin-bottom: -52px !important;
  }
  .ml-xs--52 {
    margin-left: -52px;
  }
  .ml-xs--52--force {
    margin-left: -52px !important;
  }
  .m-xs--48 {
    margin: calc(-1 * var(--matcha-space-600, 48px));
  }
  .m-xs--48--force {
    margin: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mx-xs--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mx-xs--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .my-xs--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .my-xs--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mt-xs--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mt-xs--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mr-xs--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mr-xs--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mb-xs--48 {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mb-xs--48--force {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .ml-xs--48 {
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .ml-xs--48--force {
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .m-xs--44 {
    margin: -44px;
  }
  .m-xs--44--force {
    margin: -44px !important;
  }
  .mx-xs--44 {
    margin-right: -44px;
    margin-left: -44px;
  }
  .mx-xs--44--force {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .my-xs--44 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .my-xs--44--force {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .mt-xs--44 {
    margin-top: -44px;
  }
  .mt-xs--44--force {
    margin-top: -44px !important;
  }
  .mr-xs--44 {
    margin-right: -44px;
  }
  .mr-xs--44--force {
    margin-right: -44px !important;
  }
  .mb-xs--44 {
    margin-bottom: -44px;
  }
  .mb-xs--44--force {
    margin-bottom: -44px !important;
  }
  .ml-xs--44 {
    margin-left: -44px;
  }
  .ml-xs--44--force {
    margin-left: -44px !important;
  }
  .m-xs--40 {
    margin: calc(-1 * var(--matcha-space-500, 40px));
  }
  .m-xs--40--force {
    margin: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mx-xs--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mx-xs--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .my-xs--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .my-xs--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mt-xs--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mt-xs--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mr-xs--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mr-xs--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mb-xs--40 {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mb-xs--40--force {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .ml-xs--40 {
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .ml-xs--40--force {
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .m-xs--36 {
    margin: -36px;
  }
  .m-xs--36--force {
    margin: -36px !important;
  }
  .mx-xs--36 {
    margin-right: -36px;
    margin-left: -36px;
  }
  .mx-xs--36--force {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .my-xs--36 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .my-xs--36--force {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .mt-xs--36 {
    margin-top: -36px;
  }
  .mt-xs--36--force {
    margin-top: -36px !important;
  }
  .mr-xs--36 {
    margin-right: -36px;
  }
  .mr-xs--36--force {
    margin-right: -36px !important;
  }
  .mb-xs--36 {
    margin-bottom: -36px;
  }
  .mb-xs--36--force {
    margin-bottom: -36px !important;
  }
  .ml-xs--36 {
    margin-left: -36px;
  }
  .ml-xs--36--force {
    margin-left: -36px !important;
  }
  .m-xs--32 {
    margin: calc(-1 * var(--matcha-space-400, 32px));
  }
  .m-xs--32--force {
    margin: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mx-xs--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mx-xs--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .my-xs--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .my-xs--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mt-xs--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mt-xs--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mr-xs--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mr-xs--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mb-xs--32 {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mb-xs--32--force {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .ml-xs--32 {
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .ml-xs--32--force {
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .m-xs--28 {
    margin: -28px;
  }
  .m-xs--28--force {
    margin: -28px !important;
  }
  .mx-xs--28 {
    margin-right: -28px;
    margin-left: -28px;
  }
  .mx-xs--28--force {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .my-xs--28 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .my-xs--28--force {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .mt-xs--28 {
    margin-top: -28px;
  }
  .mt-xs--28--force {
    margin-top: -28px !important;
  }
  .mr-xs--28 {
    margin-right: -28px;
  }
  .mr-xs--28--force {
    margin-right: -28px !important;
  }
  .mb-xs--28 {
    margin-bottom: -28px;
  }
  .mb-xs--28--force {
    margin-bottom: -28px !important;
  }
  .ml-xs--28 {
    margin-left: -28px;
  }
  .ml-xs--28--force {
    margin-left: -28px !important;
  }
  .m-xs--24 {
    margin: calc(-1 * var(--matcha-space-300, 24px));
  }
  .m-xs--24--force {
    margin: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mx-xs--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mx-xs--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .my-xs--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .my-xs--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mt-xs--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mt-xs--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mr-xs--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mr-xs--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mb-xs--24 {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mb-xs--24--force {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .ml-xs--24 {
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .ml-xs--24--force {
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .m-xs--20 {
    margin: calc(-1 * var(--matcha-space-250, 20px));
  }
  .m-xs--20--force {
    margin: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mx-xs--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mx-xs--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .my-xs--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .my-xs--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mt-xs--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mt-xs--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mr-xs--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mr-xs--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mb-xs--20 {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mb-xs--20--force {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .ml-xs--20 {
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .ml-xs--20--force {
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .m-xs--16 {
    margin: calc(-1 * var(--matcha-space-200, 16px));
  }
  .m-xs--16--force {
    margin: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mx-xs--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mx-xs--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .my-xs--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .my-xs--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mt-xs--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mt-xs--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mr-xs--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mr-xs--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mb-xs--16 {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mb-xs--16--force {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .ml-xs--16 {
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .ml-xs--16--force {
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .m-xs--12 {
    margin: calc(-1 * var(--matcha-space-150, 12px));
  }
  .m-xs--12--force {
    margin: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mx-xs--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mx-xs--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .my-xs--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .my-xs--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mt-xs--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mt-xs--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mr-xs--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mr-xs--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mb-xs--12 {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mb-xs--12--force {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .ml-xs--12 {
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .ml-xs--12--force {
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .m-xs--8 {
    margin: calc(-1 * var(--matcha-space-100, 8px));
  }
  .m-xs--8--force {
    margin: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mx-xs--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mx-xs--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .my-xs--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .my-xs--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mt-xs--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mt-xs--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mr-xs--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mr-xs--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mb-xs--8 {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mb-xs--8--force {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .ml-xs--8 {
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .ml-xs--8--force {
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .m-xs--4 {
    margin: calc(-1 * var(--matcha-space-050, 4px));
  }
  .m-xs--4--force {
    margin: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mx-xs--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mx-xs--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .my-xs--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .my-xs--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mt-xs--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mt-xs--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mr-xs--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mr-xs--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mb-xs--4 {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mb-xs--4--force {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .ml-xs--4 {
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .ml-xs--4--force {
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .m-xs-0 {
    margin: var(--matcha-space-0, 0);
  }
  .m-xs-0--force {
    margin: var(--matcha-space-0, 0) !important;
  }
  .mx-xs-0 {
    margin-right: var(--matcha-space-0, 0);
    margin-left: var(--matcha-space-0, 0);
  }
  .mx-xs-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .my-xs-0 {
    margin-top: var(--matcha-space-0, 0);
    margin-bottom: var(--matcha-space-0, 0);
  }
  .my-xs-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .mt-xs-0 {
    margin-top: var(--matcha-space-0, 0);
  }
  .mt-xs-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
  }
  .mr-xs-0 {
    margin-right: var(--matcha-space-0, 0);
  }
  .mr-xs-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
  }
  .mb-xs-0 {
    margin-bottom: var(--matcha-space-0, 0);
  }
  .mb-xs-0--force {
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .ml-xs-0 {
    margin-left: var(--matcha-space-0, 0);
  }
  .ml-xs-0--force {
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .m-xs-4 {
    margin: var(--matcha-space-050, 4px);
  }
  .m-xs-4--force {
    margin: var(--matcha-space-050, 4px) !important;
  }
  .mx-xs-4 {
    margin-right: var(--matcha-space-050, 4px);
    margin-left: var(--matcha-space-050, 4px);
  }
  .mx-xs-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .my-xs-4 {
    margin-top: var(--matcha-space-050, 4px);
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .my-xs-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .mt-xs-4 {
    margin-top: var(--matcha-space-050, 4px);
  }
  .mt-xs-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
  }
  .mr-xs-4 {
    margin-right: var(--matcha-space-050, 4px);
  }
  .mr-xs-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
  }
  .mb-xs-4 {
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .mb-xs-4--force {
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .ml-xs-4 {
    margin-left: var(--matcha-space-050, 4px);
  }
  .ml-xs-4--force {
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .m-xs-8 {
    margin: var(--matcha-space-100, 8px);
  }
  .m-xs-8--force {
    margin: var(--matcha-space-100, 8px) !important;
  }
  .mx-xs-8 {
    margin-right: var(--matcha-space-100, 8px);
    margin-left: var(--matcha-space-100, 8px);
  }
  .mx-xs-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .my-xs-8 {
    margin-top: var(--matcha-space-100, 8px);
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .my-xs-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .mt-xs-8 {
    margin-top: var(--matcha-space-100, 8px);
  }
  .mt-xs-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
  }
  .mr-xs-8 {
    margin-right: var(--matcha-space-100, 8px);
  }
  .mr-xs-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
  }
  .mb-xs-8 {
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .mb-xs-8--force {
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .ml-xs-8 {
    margin-left: var(--matcha-space-100, 8px);
  }
  .ml-xs-8--force {
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .m-xs-12 {
    margin: var(--matcha-space-150, 12px);
  }
  .m-xs-12--force {
    margin: var(--matcha-space-150, 12px) !important;
  }
  .mx-xs-12 {
    margin-right: var(--matcha-space-150, 12px);
    margin-left: var(--matcha-space-150, 12px);
  }
  .mx-xs-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .my-xs-12 {
    margin-top: var(--matcha-space-150, 12px);
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .my-xs-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .mt-xs-12 {
    margin-top: var(--matcha-space-150, 12px);
  }
  .mt-xs-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
  }
  .mr-xs-12 {
    margin-right: var(--matcha-space-150, 12px);
  }
  .mr-xs-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
  }
  .mb-xs-12 {
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .mb-xs-12--force {
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .ml-xs-12 {
    margin-left: var(--matcha-space-150, 12px);
  }
  .ml-xs-12--force {
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .m-xs-16 {
    margin: var(--matcha-space-200, 16px);
  }
  .m-xs-16--force {
    margin: var(--matcha-space-200, 16px) !important;
  }
  .mx-xs-16 {
    margin-right: var(--matcha-space-200, 16px);
    margin-left: var(--matcha-space-200, 16px);
  }
  .mx-xs-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .my-xs-16 {
    margin-top: var(--matcha-space-200, 16px);
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .my-xs-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .mt-xs-16 {
    margin-top: var(--matcha-space-200, 16px);
  }
  .mt-xs-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
  }
  .mr-xs-16 {
    margin-right: var(--matcha-space-200, 16px);
  }
  .mr-xs-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
  }
  .mb-xs-16 {
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .mb-xs-16--force {
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .ml-xs-16 {
    margin-left: var(--matcha-space-200, 16px);
  }
  .ml-xs-16--force {
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .m-xs-20 {
    margin: var(--matcha-space-250, 20px);
  }
  .m-xs-20--force {
    margin: var(--matcha-space-250, 20px) !important;
  }
  .mx-xs-20 {
    margin-right: var(--matcha-space-250, 20px);
    margin-left: var(--matcha-space-250, 20px);
  }
  .mx-xs-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .my-xs-20 {
    margin-top: var(--matcha-space-250, 20px);
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .my-xs-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .mt-xs-20 {
    margin-top: var(--matcha-space-250, 20px);
  }
  .mt-xs-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
  }
  .mr-xs-20 {
    margin-right: var(--matcha-space-250, 20px);
  }
  .mr-xs-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
  }
  .mb-xs-20 {
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .mb-xs-20--force {
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .ml-xs-20 {
    margin-left: var(--matcha-space-250, 20px);
  }
  .ml-xs-20--force {
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .m-xs-24 {
    margin: var(--matcha-space-300, 24px);
  }
  .m-xs-24--force {
    margin: var(--matcha-space-300, 24px) !important;
  }
  .mx-xs-24 {
    margin-right: var(--matcha-space-300, 24px);
    margin-left: var(--matcha-space-300, 24px);
  }
  .mx-xs-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .my-xs-24 {
    margin-top: var(--matcha-space-300, 24px);
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .my-xs-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .mt-xs-24 {
    margin-top: var(--matcha-space-300, 24px);
  }
  .mt-xs-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
  }
  .mr-xs-24 {
    margin-right: var(--matcha-space-300, 24px);
  }
  .mr-xs-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
  }
  .mb-xs-24 {
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .mb-xs-24--force {
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .ml-xs-24 {
    margin-left: var(--matcha-space-300, 24px);
  }
  .ml-xs-24--force {
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .m-xs-28 {
    margin: 28px;
  }
  .m-xs-28--force {
    margin: 28px !important;
  }
  .mx-xs-28 {
    margin-right: 28px;
    margin-left: 28px;
  }
  .mx-xs-28--force {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-xs-28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .my-xs-28--force {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-xs-28 {
    margin-top: 28px;
  }
  .mt-xs-28--force {
    margin-top: 28px !important;
  }
  .mr-xs-28 {
    margin-right: 28px;
  }
  .mr-xs-28--force {
    margin-right: 28px !important;
  }
  .mb-xs-28 {
    margin-bottom: 28px;
  }
  .mb-xs-28--force {
    margin-bottom: 28px !important;
  }
  .ml-xs-28 {
    margin-left: 28px;
  }
  .ml-xs-28--force {
    margin-left: 28px !important;
  }
  .m-xs-32 {
    margin: var(--matcha-space-400, 32px);
  }
  .m-xs-32--force {
    margin: var(--matcha-space-400, 32px) !important;
  }
  .mx-xs-32 {
    margin-right: var(--matcha-space-400, 32px);
    margin-left: var(--matcha-space-400, 32px);
  }
  .mx-xs-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .my-xs-32 {
    margin-top: var(--matcha-space-400, 32px);
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .my-xs-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .mt-xs-32 {
    margin-top: var(--matcha-space-400, 32px);
  }
  .mt-xs-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
  }
  .mr-xs-32 {
    margin-right: var(--matcha-space-400, 32px);
  }
  .mr-xs-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
  }
  .mb-xs-32 {
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .mb-xs-32--force {
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .ml-xs-32 {
    margin-left: var(--matcha-space-400, 32px);
  }
  .ml-xs-32--force {
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .m-xs-36 {
    margin: 36px;
  }
  .m-xs-36--force {
    margin: 36px !important;
  }
  .mx-xs-36 {
    margin-right: 36px;
    margin-left: 36px;
  }
  .mx-xs-36--force {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-xs-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .my-xs-36--force {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mt-xs-36 {
    margin-top: 36px;
  }
  .mt-xs-36--force {
    margin-top: 36px !important;
  }
  .mr-xs-36 {
    margin-right: 36px;
  }
  .mr-xs-36--force {
    margin-right: 36px !important;
  }
  .mb-xs-36 {
    margin-bottom: 36px;
  }
  .mb-xs-36--force {
    margin-bottom: 36px !important;
  }
  .ml-xs-36 {
    margin-left: 36px;
  }
  .ml-xs-36--force {
    margin-left: 36px !important;
  }
  .m-xs-40 {
    margin: var(--matcha-space-500, 40px);
  }
  .m-xs-40--force {
    margin: var(--matcha-space-500, 40px) !important;
  }
  .mx-xs-40 {
    margin-right: var(--matcha-space-500, 40px);
    margin-left: var(--matcha-space-500, 40px);
  }
  .mx-xs-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .my-xs-40 {
    margin-top: var(--matcha-space-500, 40px);
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .my-xs-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .mt-xs-40 {
    margin-top: var(--matcha-space-500, 40px);
  }
  .mt-xs-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
  }
  .mr-xs-40 {
    margin-right: var(--matcha-space-500, 40px);
  }
  .mr-xs-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
  }
  .mb-xs-40 {
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .mb-xs-40--force {
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .ml-xs-40 {
    margin-left: var(--matcha-space-500, 40px);
  }
  .ml-xs-40--force {
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .m-xs-44 {
    margin: 44px;
  }
  .m-xs-44--force {
    margin: 44px !important;
  }
  .mx-xs-44 {
    margin-right: 44px;
    margin-left: 44px;
  }
  .mx-xs-44--force {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-xs-44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .my-xs-44--force {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .mt-xs-44 {
    margin-top: 44px;
  }
  .mt-xs-44--force {
    margin-top: 44px !important;
  }
  .mr-xs-44 {
    margin-right: 44px;
  }
  .mr-xs-44--force {
    margin-right: 44px !important;
  }
  .mb-xs-44 {
    margin-bottom: 44px;
  }
  .mb-xs-44--force {
    margin-bottom: 44px !important;
  }
  .ml-xs-44 {
    margin-left: 44px;
  }
  .ml-xs-44--force {
    margin-left: 44px !important;
  }
  .m-xs-48 {
    margin: var(--matcha-space-600, 48px);
  }
  .m-xs-48--force {
    margin: var(--matcha-space-600, 48px) !important;
  }
  .mx-xs-48 {
    margin-right: var(--matcha-space-600, 48px);
    margin-left: var(--matcha-space-600, 48px);
  }
  .mx-xs-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .my-xs-48 {
    margin-top: var(--matcha-space-600, 48px);
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .my-xs-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .mt-xs-48 {
    margin-top: var(--matcha-space-600, 48px);
  }
  .mt-xs-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
  }
  .mr-xs-48 {
    margin-right: var(--matcha-space-600, 48px);
  }
  .mr-xs-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
  }
  .mb-xs-48 {
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .mb-xs-48--force {
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .ml-xs-48 {
    margin-left: var(--matcha-space-600, 48px);
  }
  .ml-xs-48--force {
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .m-xs-52 {
    margin: 52px;
  }
  .m-xs-52--force {
    margin: 52px !important;
  }
  .mx-xs-52 {
    margin-right: 52px;
    margin-left: 52px;
  }
  .mx-xs-52--force {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-xs-52 {
    margin-top: 52px;
    margin-bottom: 52px;
  }
  .my-xs-52--force {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .mt-xs-52 {
    margin-top: 52px;
  }
  .mt-xs-52--force {
    margin-top: 52px !important;
  }
  .mr-xs-52 {
    margin-right: 52px;
  }
  .mr-xs-52--force {
    margin-right: 52px !important;
  }
  .mb-xs-52 {
    margin-bottom: 52px;
  }
  .mb-xs-52--force {
    margin-bottom: 52px !important;
  }
  .ml-xs-52 {
    margin-left: 52px;
  }
  .ml-xs-52--force {
    margin-left: 52px !important;
  }
  .m-xs-56 {
    margin: 56px;
  }
  .m-xs-56--force {
    margin: 56px !important;
  }
  .mx-xs-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .mx-xs-56--force {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-xs-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .my-xs-56--force {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mt-xs-56 {
    margin-top: 56px;
  }
  .mt-xs-56--force {
    margin-top: 56px !important;
  }
  .mr-xs-56 {
    margin-right: 56px;
  }
  .mr-xs-56--force {
    margin-right: 56px !important;
  }
  .mb-xs-56 {
    margin-bottom: 56px;
  }
  .mb-xs-56--force {
    margin-bottom: 56px !important;
  }
  .ml-xs-56 {
    margin-left: 56px;
  }
  .ml-xs-56--force {
    margin-left: 56px !important;
  }
  .m-xs-60 {
    margin: 60px;
  }
  .m-xs-60--force {
    margin: 60px !important;
  }
  .mx-xs-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mx-xs-60--force {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-xs-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .my-xs-60--force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mt-xs-60 {
    margin-top: 60px;
  }
  .mt-xs-60--force {
    margin-top: 60px !important;
  }
  .mr-xs-60 {
    margin-right: 60px;
  }
  .mr-xs-60--force {
    margin-right: 60px !important;
  }
  .mb-xs-60 {
    margin-bottom: 60px;
  }
  .mb-xs-60--force {
    margin-bottom: 60px !important;
  }
  .ml-xs-60 {
    margin-left: 60px;
  }
  .ml-xs-60--force {
    margin-left: 60px !important;
  }
  .m-xs-64 {
    margin: var(--matcha-space-800, 64px);
  }
  .m-xs-64--force {
    margin: var(--matcha-space-800, 64px) !important;
  }
  .mx-xs-64 {
    margin-right: var(--matcha-space-800, 64px);
    margin-left: var(--matcha-space-800, 64px);
  }
  .mx-xs-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .my-xs-64 {
    margin-top: var(--matcha-space-800, 64px);
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .my-xs-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .mt-xs-64 {
    margin-top: var(--matcha-space-800, 64px);
  }
  .mt-xs-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
  }
  .mr-xs-64 {
    margin-right: var(--matcha-space-800, 64px);
  }
  .mr-xs-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
  }
  .mb-xs-64 {
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .mb-xs-64--force {
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .ml-xs-64 {
    margin-left: var(--matcha-space-800, 64px);
  }
  .ml-xs-64--force {
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .m-xs-auto {
    margin: auto;
  }
  .m-xs-auto--force {
    margin: auto !important;
  }
  .mt-xs-auto {
    margin-top: auto;
  }
  .mt-xs-auto--force {
    margin-top: auto !important;
  }
  .mr-xs-auto {
    margin-right: auto;
  }
  .mr-xs-auto--force {
    margin-right: auto !important;
  }
  .mb-xs-auto {
    margin-bottom: auto;
  }
  .mb-xs-auto--force {
    margin-bottom: auto !important;
  }
  .ml-xs-auto {
    margin-left: auto;
  }
  .ml-xs-auto--force {
    margin-left: auto !important;
  }
  .mx-xs-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .mx-xs-auto--force {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xs-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .my-xs-auto--force {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-xs--64 {
    padding: calc(-1 * var(--matcha-space-800, 64px));
  }
  .p-xs--64--force {
    padding: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .px-xs--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .px-xs--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .py-xs--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .py-xs--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pt-xs--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pt-xs--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pr-xs--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pr-xs--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pb-xs--64 {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pb-xs--64--force {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pl-xs--64 {
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pl-xs--64--force {
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .p-xs--60 {
    padding: -60px;
  }
  .p-xs--60--force {
    padding: -60px !important;
  }
  .px-xs--60 {
    padding-right: -60px;
    padding-left: -60px;
  }
  .px-xs--60--force {
    padding-right: -60px !important;
    padding-left: -60px !important;
  }
  .py-xs--60 {
    padding-top: -60px;
    padding-bottom: -60px;
  }
  .py-xs--60--force {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }
  .pt-xs--60 {
    padding-top: -60px;
  }
  .pt-xs--60--force {
    padding-top: -60px !important;
  }
  .pr-xs--60 {
    padding-right: -60px;
  }
  .pr-xs--60--force {
    padding-right: -60px !important;
  }
  .pb-xs--60 {
    padding-bottom: -60px;
  }
  .pb-xs--60--force {
    padding-bottom: -60px !important;
  }
  .pl-xs--60 {
    padding-left: -60px;
  }
  .pl-xs--60--force {
    padding-left: -60px !important;
  }
  .p-xs--56 {
    padding: -56px;
  }
  .p-xs--56--force {
    padding: -56px !important;
  }
  .px-xs--56 {
    padding-right: -56px;
    padding-left: -56px;
  }
  .px-xs--56--force {
    padding-right: -56px !important;
    padding-left: -56px !important;
  }
  .py-xs--56 {
    padding-top: -56px;
    padding-bottom: -56px;
  }
  .py-xs--56--force {
    padding-top: -56px !important;
    padding-bottom: -56px !important;
  }
  .pt-xs--56 {
    padding-top: -56px;
  }
  .pt-xs--56--force {
    padding-top: -56px !important;
  }
  .pr-xs--56 {
    padding-right: -56px;
  }
  .pr-xs--56--force {
    padding-right: -56px !important;
  }
  .pb-xs--56 {
    padding-bottom: -56px;
  }
  .pb-xs--56--force {
    padding-bottom: -56px !important;
  }
  .pl-xs--56 {
    padding-left: -56px;
  }
  .pl-xs--56--force {
    padding-left: -56px !important;
  }
  .p-xs--52 {
    padding: -52px;
  }
  .p-xs--52--force {
    padding: -52px !important;
  }
  .px-xs--52 {
    padding-right: -52px;
    padding-left: -52px;
  }
  .px-xs--52--force {
    padding-right: -52px !important;
    padding-left: -52px !important;
  }
  .py-xs--52 {
    padding-top: -52px;
    padding-bottom: -52px;
  }
  .py-xs--52--force {
    padding-top: -52px !important;
    padding-bottom: -52px !important;
  }
  .pt-xs--52 {
    padding-top: -52px;
  }
  .pt-xs--52--force {
    padding-top: -52px !important;
  }
  .pr-xs--52 {
    padding-right: -52px;
  }
  .pr-xs--52--force {
    padding-right: -52px !important;
  }
  .pb-xs--52 {
    padding-bottom: -52px;
  }
  .pb-xs--52--force {
    padding-bottom: -52px !important;
  }
  .pl-xs--52 {
    padding-left: -52px;
  }
  .pl-xs--52--force {
    padding-left: -52px !important;
  }
  .p-xs--48 {
    padding: calc(-1 * var(--matcha-space-600, 48px));
  }
  .p-xs--48--force {
    padding: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .px-xs--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .px-xs--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .py-xs--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .py-xs--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pt-xs--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pt-xs--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pr-xs--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pr-xs--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pb-xs--48 {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pb-xs--48--force {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pl-xs--48 {
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pl-xs--48--force {
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .p-xs--44 {
    padding: -44px;
  }
  .p-xs--44--force {
    padding: -44px !important;
  }
  .px-xs--44 {
    padding-right: -44px;
    padding-left: -44px;
  }
  .px-xs--44--force {
    padding-right: -44px !important;
    padding-left: -44px !important;
  }
  .py-xs--44 {
    padding-top: -44px;
    padding-bottom: -44px;
  }
  .py-xs--44--force {
    padding-top: -44px !important;
    padding-bottom: -44px !important;
  }
  .pt-xs--44 {
    padding-top: -44px;
  }
  .pt-xs--44--force {
    padding-top: -44px !important;
  }
  .pr-xs--44 {
    padding-right: -44px;
  }
  .pr-xs--44--force {
    padding-right: -44px !important;
  }
  .pb-xs--44 {
    padding-bottom: -44px;
  }
  .pb-xs--44--force {
    padding-bottom: -44px !important;
  }
  .pl-xs--44 {
    padding-left: -44px;
  }
  .pl-xs--44--force {
    padding-left: -44px !important;
  }
  .p-xs--40 {
    padding: calc(-1 * var(--matcha-space-500, 40px));
  }
  .p-xs--40--force {
    padding: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .px-xs--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .px-xs--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .py-xs--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .py-xs--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pt-xs--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pt-xs--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pr-xs--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pr-xs--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pb-xs--40 {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pb-xs--40--force {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pl-xs--40 {
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pl-xs--40--force {
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .p-xs--36 {
    padding: -36px;
  }
  .p-xs--36--force {
    padding: -36px !important;
  }
  .px-xs--36 {
    padding-right: -36px;
    padding-left: -36px;
  }
  .px-xs--36--force {
    padding-right: -36px !important;
    padding-left: -36px !important;
  }
  .py-xs--36 {
    padding-top: -36px;
    padding-bottom: -36px;
  }
  .py-xs--36--force {
    padding-top: -36px !important;
    padding-bottom: -36px !important;
  }
  .pt-xs--36 {
    padding-top: -36px;
  }
  .pt-xs--36--force {
    padding-top: -36px !important;
  }
  .pr-xs--36 {
    padding-right: -36px;
  }
  .pr-xs--36--force {
    padding-right: -36px !important;
  }
  .pb-xs--36 {
    padding-bottom: -36px;
  }
  .pb-xs--36--force {
    padding-bottom: -36px !important;
  }
  .pl-xs--36 {
    padding-left: -36px;
  }
  .pl-xs--36--force {
    padding-left: -36px !important;
  }
  .p-xs--32 {
    padding: calc(-1 * var(--matcha-space-400, 32px));
  }
  .p-xs--32--force {
    padding: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .px-xs--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .px-xs--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .py-xs--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .py-xs--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pt-xs--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pt-xs--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pr-xs--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pr-xs--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pb-xs--32 {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pb-xs--32--force {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pl-xs--32 {
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pl-xs--32--force {
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .p-xs--28 {
    padding: -28px;
  }
  .p-xs--28--force {
    padding: -28px !important;
  }
  .px-xs--28 {
    padding-right: -28px;
    padding-left: -28px;
  }
  .px-xs--28--force {
    padding-right: -28px !important;
    padding-left: -28px !important;
  }
  .py-xs--28 {
    padding-top: -28px;
    padding-bottom: -28px;
  }
  .py-xs--28--force {
    padding-top: -28px !important;
    padding-bottom: -28px !important;
  }
  .pt-xs--28 {
    padding-top: -28px;
  }
  .pt-xs--28--force {
    padding-top: -28px !important;
  }
  .pr-xs--28 {
    padding-right: -28px;
  }
  .pr-xs--28--force {
    padding-right: -28px !important;
  }
  .pb-xs--28 {
    padding-bottom: -28px;
  }
  .pb-xs--28--force {
    padding-bottom: -28px !important;
  }
  .pl-xs--28 {
    padding-left: -28px;
  }
  .pl-xs--28--force {
    padding-left: -28px !important;
  }
  .p-xs--24 {
    padding: calc(-1 * var(--matcha-space-300, 24px));
  }
  .p-xs--24--force {
    padding: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .px-xs--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .px-xs--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .py-xs--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .py-xs--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pt-xs--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pt-xs--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pr-xs--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pr-xs--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pb-xs--24 {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pb-xs--24--force {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pl-xs--24 {
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pl-xs--24--force {
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .p-xs--20 {
    padding: calc(-1 * var(--matcha-space-250, 20px));
  }
  .p-xs--20--force {
    padding: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .px-xs--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .px-xs--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .py-xs--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .py-xs--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pt-xs--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pt-xs--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pr-xs--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pr-xs--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pb-xs--20 {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pb-xs--20--force {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pl-xs--20 {
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pl-xs--20--force {
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .p-xs--16 {
    padding: calc(-1 * var(--matcha-space-200, 16px));
  }
  .p-xs--16--force {
    padding: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .px-xs--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .px-xs--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .py-xs--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .py-xs--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pt-xs--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pt-xs--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pr-xs--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pr-xs--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pb-xs--16 {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pb-xs--16--force {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pl-xs--16 {
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pl-xs--16--force {
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .p-xs--12 {
    padding: calc(-1 * var(--matcha-space-150, 12px));
  }
  .p-xs--12--force {
    padding: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .px-xs--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .px-xs--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .py-xs--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .py-xs--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pt-xs--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pt-xs--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pr-xs--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pr-xs--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pb-xs--12 {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pb-xs--12--force {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pl-xs--12 {
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pl-xs--12--force {
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .p-xs--8 {
    padding: calc(-1 * var(--matcha-space-100, 8px));
  }
  .p-xs--8--force {
    padding: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .px-xs--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .px-xs--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .py-xs--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .py-xs--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pt-xs--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pt-xs--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pr-xs--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pr-xs--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pb-xs--8 {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pb-xs--8--force {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pl-xs--8 {
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pl-xs--8--force {
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .p-xs--4 {
    padding: calc(-1 * var(--matcha-space-050, 4px));
  }
  .p-xs--4--force {
    padding: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .px-xs--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .px-xs--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .py-xs--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .py-xs--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pt-xs--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pt-xs--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pr-xs--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pr-xs--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pb-xs--4 {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pb-xs--4--force {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pl-xs--4 {
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pl-xs--4--force {
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .p-xs-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-xs-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-xs-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-xs-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-xs-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-xs-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-xs-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-xs-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-xs-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-xs-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-xs-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-xs-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-xs-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-xs-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-xs-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-xs-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-xs-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-xs-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-xs-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-xs-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-xs-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-xs-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-xs-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-xs-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-xs-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-xs-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-xs-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-xs-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-xs-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-xs-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-xs-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-xs-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-xs-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-xs-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-xs-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-xs-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-xs-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-xs-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-xs-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-xs-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-xs-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-xs-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-xs-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-xs-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-xs-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-xs-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-xs-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-xs-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-xs-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-xs-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-xs-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-xs-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-xs-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-xs-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-xs-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-xs-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-xs-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-xs-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-xs-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-xs-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-xs-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-xs-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-xs-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-xs-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-xs-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-xs-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-xs-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-xs-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-xs-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-xs-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-xs-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-xs-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-xs-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-xs-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-xs-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-xs-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-xs-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-xs-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-xs-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-xs-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-xs-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-xs-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-xs-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-xs-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-xs-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-xs-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-xs-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-xs-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-xs-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-xs-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-xs-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-xs-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-xs-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-xs-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-xs-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-xs-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-xs-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-xs-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-xs-28 {
    padding: 28px;
  }
  .p-xs-28--force {
    padding: 28px !important;
  }
  .px-xs-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-xs-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-xs-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-xs-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-xs-28 {
    padding-top: 28px;
  }
  .pt-xs-28--force {
    padding-top: 28px !important;
  }
  .pr-xs-28 {
    padding-right: 28px;
  }
  .pr-xs-28--force {
    padding-right: 28px !important;
  }
  .pb-xs-28 {
    padding-bottom: 28px;
  }
  .pb-xs-28--force {
    padding-bottom: 28px !important;
  }
  .pl-xs-28 {
    padding-left: 28px;
  }
  .pl-xs-28--force {
    padding-left: 28px !important;
  }
  .p-xs-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-xs-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-xs-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-xs-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-xs-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-xs-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-xs-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-xs-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-xs-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-xs-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-xs-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-xs-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-xs-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-xs-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-xs-36 {
    padding: 36px;
  }
  .p-xs-36--force {
    padding: 36px !important;
  }
  .px-xs-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-xs-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-xs-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-xs-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-xs-36 {
    padding-top: 36px;
  }
  .pt-xs-36--force {
    padding-top: 36px !important;
  }
  .pr-xs-36 {
    padding-right: 36px;
  }
  .pr-xs-36--force {
    padding-right: 36px !important;
  }
  .pb-xs-36 {
    padding-bottom: 36px;
  }
  .pb-xs-36--force {
    padding-bottom: 36px !important;
  }
  .pl-xs-36 {
    padding-left: 36px;
  }
  .pl-xs-36--force {
    padding-left: 36px !important;
  }
  .p-xs-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-xs-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-xs-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-xs-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-xs-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-xs-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-xs-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-xs-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-xs-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-xs-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-xs-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-xs-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-xs-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-xs-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-xs-44 {
    padding: 44px;
  }
  .p-xs-44--force {
    padding: 44px !important;
  }
  .px-xs-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-xs-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-xs-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-xs-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-xs-44 {
    padding-top: 44px;
  }
  .pt-xs-44--force {
    padding-top: 44px !important;
  }
  .pr-xs-44 {
    padding-right: 44px;
  }
  .pr-xs-44--force {
    padding-right: 44px !important;
  }
  .pb-xs-44 {
    padding-bottom: 44px;
  }
  .pb-xs-44--force {
    padding-bottom: 44px !important;
  }
  .pl-xs-44 {
    padding-left: 44px;
  }
  .pl-xs-44--force {
    padding-left: 44px !important;
  }
  .p-xs-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-xs-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-xs-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-xs-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-xs-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-xs-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-xs-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-xs-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-xs-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-xs-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-xs-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-xs-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-xs-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-xs-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-xs-52 {
    padding: 52px;
  }
  .p-xs-52--force {
    padding: 52px !important;
  }
  .px-xs-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-xs-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-xs-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-xs-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-xs-52 {
    padding-top: 52px;
  }
  .pt-xs-52--force {
    padding-top: 52px !important;
  }
  .pr-xs-52 {
    padding-right: 52px;
  }
  .pr-xs-52--force {
    padding-right: 52px !important;
  }
  .pb-xs-52 {
    padding-bottom: 52px;
  }
  .pb-xs-52--force {
    padding-bottom: 52px !important;
  }
  .pl-xs-52 {
    padding-left: 52px;
  }
  .pl-xs-52--force {
    padding-left: 52px !important;
  }
  .p-xs-56 {
    padding: 56px;
  }
  .p-xs-56--force {
    padding: 56px !important;
  }
  .px-xs-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-xs-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-xs-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-xs-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-xs-56 {
    padding-top: 56px;
  }
  .pt-xs-56--force {
    padding-top: 56px !important;
  }
  .pr-xs-56 {
    padding-right: 56px;
  }
  .pr-xs-56--force {
    padding-right: 56px !important;
  }
  .pb-xs-56 {
    padding-bottom: 56px;
  }
  .pb-xs-56--force {
    padding-bottom: 56px !important;
  }
  .pl-xs-56 {
    padding-left: 56px;
  }
  .pl-xs-56--force {
    padding-left: 56px !important;
  }
  .p-xs-60 {
    padding: 60px;
  }
  .p-xs-60--force {
    padding: 60px !important;
  }
  .px-xs-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-xs-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-xs-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-xs-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-xs-60 {
    padding-top: 60px;
  }
  .pt-xs-60--force {
    padding-top: 60px !important;
  }
  .pr-xs-60 {
    padding-right: 60px;
  }
  .pr-xs-60--force {
    padding-right: 60px !important;
  }
  .pb-xs-60 {
    padding-bottom: 60px;
  }
  .pb-xs-60--force {
    padding-bottom: 60px !important;
  }
  .pl-xs-60 {
    padding-left: 60px;
  }
  .pl-xs-60--force {
    padding-left: 60px !important;
  }
  .p-xs-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-xs-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-xs-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-xs-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-xs-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-xs-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-xs-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-xs-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-xs-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-xs-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-xs-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-xs-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-xs-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-xs-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-xs-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-xs-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-xs-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-xs-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-xs-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-xs-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-xs-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-xs-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-xs-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-xs-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-xs-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-xs-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-xs-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-xs-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-xs-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-xs-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-xs-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-xs-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-xs-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-xs-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-xs-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-xs-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-xs-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-xs-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-xs-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-xs-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-xs-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-xs-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-xs-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-xs-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-xs-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-xs-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-xs-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-xs-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-xs-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-xs-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-xs-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-xs-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-xs-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-xs-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-xs-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-xs-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-xs-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-xs-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-xs-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-xs-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-xs-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-xs-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-xs-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-xs-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-xs-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-xs-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-xs-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-xs-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-xs-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-xs-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-xs-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-xs-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-xs-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-xs-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-xs-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-xs-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-xs-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-xs-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-xs-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-xs-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-xs-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-xs-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-xs-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-xs-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-xs-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-xs-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-xs-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-xs-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-xs-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-xs-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-xs-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-xs-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-xs-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-xs-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-xs-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-xs-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-xs-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-xs-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-xs-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-xs-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-xs-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-xs-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-xs-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-xs-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-xs-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-xs-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-xs-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-xs-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-xs-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-xs-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-xs-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-xs-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-xs-28 {
    padding: 28px;
  }
  .p-xs-28--force {
    padding: 28px !important;
  }
  .px-xs-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-xs-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-xs-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-xs-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-xs-28 {
    padding-top: 28px;
  }
  .pt-xs-28--force {
    padding-top: 28px !important;
  }
  .pr-xs-28 {
    padding-right: 28px;
  }
  .pr-xs-28--force {
    padding-right: 28px !important;
  }
  .pb-xs-28 {
    padding-bottom: 28px;
  }
  .pb-xs-28--force {
    padding-bottom: 28px !important;
  }
  .pl-xs-28 {
    padding-left: 28px;
  }
  .pl-xs-28--force {
    padding-left: 28px !important;
  }
  .p-xs-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-xs-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-xs-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-xs-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-xs-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-xs-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-xs-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-xs-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-xs-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-xs-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-xs-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-xs-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-xs-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-xs-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-xs-36 {
    padding: 36px;
  }
  .p-xs-36--force {
    padding: 36px !important;
  }
  .px-xs-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-xs-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-xs-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-xs-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-xs-36 {
    padding-top: 36px;
  }
  .pt-xs-36--force {
    padding-top: 36px !important;
  }
  .pr-xs-36 {
    padding-right: 36px;
  }
  .pr-xs-36--force {
    padding-right: 36px !important;
  }
  .pb-xs-36 {
    padding-bottom: 36px;
  }
  .pb-xs-36--force {
    padding-bottom: 36px !important;
  }
  .pl-xs-36 {
    padding-left: 36px;
  }
  .pl-xs-36--force {
    padding-left: 36px !important;
  }
  .p-xs-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-xs-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-xs-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-xs-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-xs-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-xs-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-xs-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-xs-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-xs-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-xs-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-xs-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-xs-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-xs-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-xs-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-xs-44 {
    padding: 44px;
  }
  .p-xs-44--force {
    padding: 44px !important;
  }
  .px-xs-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-xs-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-xs-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-xs-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-xs-44 {
    padding-top: 44px;
  }
  .pt-xs-44--force {
    padding-top: 44px !important;
  }
  .pr-xs-44 {
    padding-right: 44px;
  }
  .pr-xs-44--force {
    padding-right: 44px !important;
  }
  .pb-xs-44 {
    padding-bottom: 44px;
  }
  .pb-xs-44--force {
    padding-bottom: 44px !important;
  }
  .pl-xs-44 {
    padding-left: 44px;
  }
  .pl-xs-44--force {
    padding-left: 44px !important;
  }
  .p-xs-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-xs-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-xs-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-xs-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-xs-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-xs-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-xs-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-xs-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-xs-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-xs-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-xs-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-xs-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-xs-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-xs-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-xs-52 {
    padding: 52px;
  }
  .p-xs-52--force {
    padding: 52px !important;
  }
  .px-xs-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-xs-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-xs-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-xs-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-xs-52 {
    padding-top: 52px;
  }
  .pt-xs-52--force {
    padding-top: 52px !important;
  }
  .pr-xs-52 {
    padding-right: 52px;
  }
  .pr-xs-52--force {
    padding-right: 52px !important;
  }
  .pb-xs-52 {
    padding-bottom: 52px;
  }
  .pb-xs-52--force {
    padding-bottom: 52px !important;
  }
  .pl-xs-52 {
    padding-left: 52px;
  }
  .pl-xs-52--force {
    padding-left: 52px !important;
  }
  .p-xs-56 {
    padding: 56px;
  }
  .p-xs-56--force {
    padding: 56px !important;
  }
  .px-xs-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-xs-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-xs-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-xs-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-xs-56 {
    padding-top: 56px;
  }
  .pt-xs-56--force {
    padding-top: 56px !important;
  }
  .pr-xs-56 {
    padding-right: 56px;
  }
  .pr-xs-56--force {
    padding-right: 56px !important;
  }
  .pb-xs-56 {
    padding-bottom: 56px;
  }
  .pb-xs-56--force {
    padding-bottom: 56px !important;
  }
  .pl-xs-56 {
    padding-left: 56px;
  }
  .pl-xs-56--force {
    padding-left: 56px !important;
  }
  .p-xs-60 {
    padding: 60px;
  }
  .p-xs-60--force {
    padding: 60px !important;
  }
  .px-xs-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-xs-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-xs-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-xs-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-xs-60 {
    padding-top: 60px;
  }
  .pt-xs-60--force {
    padding-top: 60px !important;
  }
  .pr-xs-60 {
    padding-right: 60px;
  }
  .pr-xs-60--force {
    padding-right: 60px !important;
  }
  .pb-xs-60 {
    padding-bottom: 60px;
  }
  .pb-xs-60--force {
    padding-bottom: 60px !important;
  }
  .pl-xs-60 {
    padding-left: 60px;
  }
  .pl-xs-60--force {
    padding-left: 60px !important;
  }
  .p-xs-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-xs-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-xs-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-xs-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-xs-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-xs-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-xs-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-xs-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-xs-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-xs-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-xs-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-xs-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-xs-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-xs-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-xs-68 {
    padding: 68px;
  }
  .p-xs-68--force {
    padding: 68px !important;
  }
  .px-xs-68 {
    padding-right: 68px;
    padding-left: 68px;
  }
  .px-xs-68--force {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .py-xs-68 {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .py-xs-68--force {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .pt-xs-68 {
    padding-top: 68px;
  }
  .pt-xs-68--force {
    padding-top: 68px !important;
  }
  .pr-xs-68 {
    padding-right: 68px;
  }
  .pr-xs-68--force {
    padding-right: 68px !important;
  }
  .pb-xs-68 {
    padding-bottom: 68px;
  }
  .pb-xs-68--force {
    padding-bottom: 68px !important;
  }
  .pl-xs-68 {
    padding-left: 68px;
  }
  .pl-xs-68--force {
    padding-left: 68px !important;
  }
  .p-xs-72 {
    padding: 72px;
  }
  .p-xs-72--force {
    padding: 72px !important;
  }
  .px-xs-72 {
    padding-right: 72px;
    padding-left: 72px;
  }
  .px-xs-72--force {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-xs-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .py-xs-72--force {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .pt-xs-72 {
    padding-top: 72px;
  }
  .pt-xs-72--force {
    padding-top: 72px !important;
  }
  .pr-xs-72 {
    padding-right: 72px;
  }
  .pr-xs-72--force {
    padding-right: 72px !important;
  }
  .pb-xs-72 {
    padding-bottom: 72px;
  }
  .pb-xs-72--force {
    padding-bottom: 72px !important;
  }
  .pl-xs-72 {
    padding-left: 72px;
  }
  .pl-xs-72--force {
    padding-left: 72px !important;
  }
  .p-xs-76 {
    padding: 76px;
  }
  .p-xs-76--force {
    padding: 76px !important;
  }
  .px-xs-76 {
    padding-right: 76px;
    padding-left: 76px;
  }
  .px-xs-76--force {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .py-xs-76 {
    padding-top: 76px;
    padding-bottom: 76px;
  }
  .py-xs-76--force {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .pt-xs-76 {
    padding-top: 76px;
  }
  .pt-xs-76--force {
    padding-top: 76px !important;
  }
  .pr-xs-76 {
    padding-right: 76px;
  }
  .pr-xs-76--force {
    padding-right: 76px !important;
  }
  .pb-xs-76 {
    padding-bottom: 76px;
  }
  .pb-xs-76--force {
    padding-bottom: 76px !important;
  }
  .pl-xs-76 {
    padding-left: 76px;
  }
  .pl-xs-76--force {
    padding-left: 76px !important;
  }
  .p-xs-80 {
    padding: var(--matcha-space-1000, 80px);
  }
  .p-xs-80--force {
    padding: var(--matcha-space-1000, 80px) !important;
  }
  .px-xs-80 {
    padding-right: var(--matcha-space-1000, 80px);
    padding-left: var(--matcha-space-1000, 80px);
  }
  .px-xs-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .py-xs-80 {
    padding-top: var(--matcha-space-1000, 80px);
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .py-xs-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pt-xs-80 {
    padding-top: var(--matcha-space-1000, 80px);
  }
  .pt-xs-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
  }
  .pr-xs-80 {
    padding-right: var(--matcha-space-1000, 80px);
  }
  .pr-xs-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
  }
  .pb-xs-80 {
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .pb-xs-80--force {
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pl-xs-80 {
    padding-left: var(--matcha-space-1000, 80px);
  }
  .pl-xs-80--force {
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .p-xs-84 {
    padding: 84px;
  }
  .p-xs-84--force {
    padding: 84px !important;
  }
  .px-xs-84 {
    padding-right: 84px;
    padding-left: 84px;
  }
  .px-xs-84--force {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .py-xs-84 {
    padding-top: 84px;
    padding-bottom: 84px;
  }
  .py-xs-84--force {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .pt-xs-84 {
    padding-top: 84px;
  }
  .pt-xs-84--force {
    padding-top: 84px !important;
  }
  .pr-xs-84 {
    padding-right: 84px;
  }
  .pr-xs-84--force {
    padding-right: 84px !important;
  }
  .pb-xs-84 {
    padding-bottom: 84px;
  }
  .pb-xs-84--force {
    padding-bottom: 84px !important;
  }
  .pl-xs-84 {
    padding-left: 84px;
  }
  .pl-xs-84--force {
    padding-left: 84px !important;
  }
  .p-xs-88 {
    padding: 88px;
  }
  .p-xs-88--force {
    padding: 88px !important;
  }
  .px-xs-88 {
    padding-right: 88px;
    padding-left: 88px;
  }
  .px-xs-88--force {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-xs-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .py-xs-88--force {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .pt-xs-88 {
    padding-top: 88px;
  }
  .pt-xs-88--force {
    padding-top: 88px !important;
  }
  .pr-xs-88 {
    padding-right: 88px;
  }
  .pr-xs-88--force {
    padding-right: 88px !important;
  }
  .pb-xs-88 {
    padding-bottom: 88px;
  }
  .pb-xs-88--force {
    padding-bottom: 88px !important;
  }
  .pl-xs-88 {
    padding-left: 88px;
  }
  .pl-xs-88--force {
    padding-left: 88px !important;
  }
  .p-xs-92 {
    padding: 92px;
  }
  .p-xs-92--force {
    padding: 92px !important;
  }
  .px-xs-92 {
    padding-right: 92px;
    padding-left: 92px;
  }
  .px-xs-92--force {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .py-xs-92 {
    padding-top: 92px;
    padding-bottom: 92px;
  }
  .py-xs-92--force {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .pt-xs-92 {
    padding-top: 92px;
  }
  .pt-xs-92--force {
    padding-top: 92px !important;
  }
  .pr-xs-92 {
    padding-right: 92px;
  }
  .pr-xs-92--force {
    padding-right: 92px !important;
  }
  .pb-xs-92 {
    padding-bottom: 92px;
  }
  .pb-xs-92--force {
    padding-bottom: 92px !important;
  }
  .pl-xs-92 {
    padding-left: 92px;
  }
  .pl-xs-92--force {
    padding-left: 92px !important;
  }
  .p-xs-96 {
    padding: var(--matcha-space-1200, 96px);
  }
  .p-xs-96--force {
    padding: var(--matcha-space-1200, 96px) !important;
  }
  .px-xs-96 {
    padding-right: var(--matcha-space-1200, 96px);
    padding-left: var(--matcha-space-1200, 96px);
  }
  .px-xs-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
  .py-xs-96 {
    padding-top: var(--matcha-space-1200, 96px);
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .py-xs-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pt-xs-96 {
    padding-top: var(--matcha-space-1200, 96px);
  }
  .pt-xs-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
  }
  .pr-xs-96 {
    padding-right: var(--matcha-space-1200, 96px);
  }
  .pr-xs-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
  }
  .pb-xs-96 {
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .pb-xs-96--force {
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pl-xs-96 {
    padding-left: var(--matcha-space-1200, 96px);
  }
  .pl-xs-96--force {
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
}
@media screen and (min-width: 640px) {
  .m-sm--64 {
    margin: calc(-1 * var(--matcha-space-800, 64px));
  }
  .m-sm--64--force {
    margin: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mx-sm--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mx-sm--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .my-sm--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .my-sm--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mt-sm--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mt-sm--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mr-sm--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mr-sm--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mb-sm--64 {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mb-sm--64--force {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .ml-sm--64 {
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .ml-sm--64--force {
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .m-sm--60 {
    margin: -60px;
  }
  .m-sm--60--force {
    margin: -60px !important;
  }
  .mx-sm--60 {
    margin-right: -60px;
    margin-left: -60px;
  }
  .mx-sm--60--force {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .my-sm--60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }
  .my-sm--60--force {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .mt-sm--60 {
    margin-top: -60px;
  }
  .mt-sm--60--force {
    margin-top: -60px !important;
  }
  .mr-sm--60 {
    margin-right: -60px;
  }
  .mr-sm--60--force {
    margin-right: -60px !important;
  }
  .mb-sm--60 {
    margin-bottom: -60px;
  }
  .mb-sm--60--force {
    margin-bottom: -60px !important;
  }
  .ml-sm--60 {
    margin-left: -60px;
  }
  .ml-sm--60--force {
    margin-left: -60px !important;
  }
  .m-sm--56 {
    margin: -56px;
  }
  .m-sm--56--force {
    margin: -56px !important;
  }
  .mx-sm--56 {
    margin-right: -56px;
    margin-left: -56px;
  }
  .mx-sm--56--force {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .my-sm--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .my-sm--56--force {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .mt-sm--56 {
    margin-top: -56px;
  }
  .mt-sm--56--force {
    margin-top: -56px !important;
  }
  .mr-sm--56 {
    margin-right: -56px;
  }
  .mr-sm--56--force {
    margin-right: -56px !important;
  }
  .mb-sm--56 {
    margin-bottom: -56px;
  }
  .mb-sm--56--force {
    margin-bottom: -56px !important;
  }
  .ml-sm--56 {
    margin-left: -56px;
  }
  .ml-sm--56--force {
    margin-left: -56px !important;
  }
  .m-sm--52 {
    margin: -52px;
  }
  .m-sm--52--force {
    margin: -52px !important;
  }
  .mx-sm--52 {
    margin-right: -52px;
    margin-left: -52px;
  }
  .mx-sm--52--force {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .my-sm--52 {
    margin-top: -52px;
    margin-bottom: -52px;
  }
  .my-sm--52--force {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .mt-sm--52 {
    margin-top: -52px;
  }
  .mt-sm--52--force {
    margin-top: -52px !important;
  }
  .mr-sm--52 {
    margin-right: -52px;
  }
  .mr-sm--52--force {
    margin-right: -52px !important;
  }
  .mb-sm--52 {
    margin-bottom: -52px;
  }
  .mb-sm--52--force {
    margin-bottom: -52px !important;
  }
  .ml-sm--52 {
    margin-left: -52px;
  }
  .ml-sm--52--force {
    margin-left: -52px !important;
  }
  .m-sm--48 {
    margin: calc(-1 * var(--matcha-space-600, 48px));
  }
  .m-sm--48--force {
    margin: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mx-sm--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mx-sm--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .my-sm--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .my-sm--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mt-sm--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mt-sm--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mr-sm--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mr-sm--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mb-sm--48 {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mb-sm--48--force {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .ml-sm--48 {
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .ml-sm--48--force {
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .m-sm--44 {
    margin: -44px;
  }
  .m-sm--44--force {
    margin: -44px !important;
  }
  .mx-sm--44 {
    margin-right: -44px;
    margin-left: -44px;
  }
  .mx-sm--44--force {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .my-sm--44 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .my-sm--44--force {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .mt-sm--44 {
    margin-top: -44px;
  }
  .mt-sm--44--force {
    margin-top: -44px !important;
  }
  .mr-sm--44 {
    margin-right: -44px;
  }
  .mr-sm--44--force {
    margin-right: -44px !important;
  }
  .mb-sm--44 {
    margin-bottom: -44px;
  }
  .mb-sm--44--force {
    margin-bottom: -44px !important;
  }
  .ml-sm--44 {
    margin-left: -44px;
  }
  .ml-sm--44--force {
    margin-left: -44px !important;
  }
  .m-sm--40 {
    margin: calc(-1 * var(--matcha-space-500, 40px));
  }
  .m-sm--40--force {
    margin: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mx-sm--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mx-sm--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .my-sm--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .my-sm--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mt-sm--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mt-sm--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mr-sm--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mr-sm--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mb-sm--40 {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mb-sm--40--force {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .ml-sm--40 {
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .ml-sm--40--force {
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .m-sm--36 {
    margin: -36px;
  }
  .m-sm--36--force {
    margin: -36px !important;
  }
  .mx-sm--36 {
    margin-right: -36px;
    margin-left: -36px;
  }
  .mx-sm--36--force {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .my-sm--36 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .my-sm--36--force {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .mt-sm--36 {
    margin-top: -36px;
  }
  .mt-sm--36--force {
    margin-top: -36px !important;
  }
  .mr-sm--36 {
    margin-right: -36px;
  }
  .mr-sm--36--force {
    margin-right: -36px !important;
  }
  .mb-sm--36 {
    margin-bottom: -36px;
  }
  .mb-sm--36--force {
    margin-bottom: -36px !important;
  }
  .ml-sm--36 {
    margin-left: -36px;
  }
  .ml-sm--36--force {
    margin-left: -36px !important;
  }
  .m-sm--32 {
    margin: calc(-1 * var(--matcha-space-400, 32px));
  }
  .m-sm--32--force {
    margin: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mx-sm--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mx-sm--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .my-sm--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .my-sm--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mt-sm--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mt-sm--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mr-sm--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mr-sm--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mb-sm--32 {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mb-sm--32--force {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .ml-sm--32 {
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .ml-sm--32--force {
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .m-sm--28 {
    margin: -28px;
  }
  .m-sm--28--force {
    margin: -28px !important;
  }
  .mx-sm--28 {
    margin-right: -28px;
    margin-left: -28px;
  }
  .mx-sm--28--force {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .my-sm--28 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .my-sm--28--force {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .mt-sm--28 {
    margin-top: -28px;
  }
  .mt-sm--28--force {
    margin-top: -28px !important;
  }
  .mr-sm--28 {
    margin-right: -28px;
  }
  .mr-sm--28--force {
    margin-right: -28px !important;
  }
  .mb-sm--28 {
    margin-bottom: -28px;
  }
  .mb-sm--28--force {
    margin-bottom: -28px !important;
  }
  .ml-sm--28 {
    margin-left: -28px;
  }
  .ml-sm--28--force {
    margin-left: -28px !important;
  }
  .m-sm--24 {
    margin: calc(-1 * var(--matcha-space-300, 24px));
  }
  .m-sm--24--force {
    margin: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mx-sm--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mx-sm--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .my-sm--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .my-sm--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mt-sm--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mt-sm--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mr-sm--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mr-sm--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mb-sm--24 {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mb-sm--24--force {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .ml-sm--24 {
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .ml-sm--24--force {
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .m-sm--20 {
    margin: calc(-1 * var(--matcha-space-250, 20px));
  }
  .m-sm--20--force {
    margin: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mx-sm--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mx-sm--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .my-sm--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .my-sm--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mt-sm--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mt-sm--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mr-sm--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mr-sm--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mb-sm--20 {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mb-sm--20--force {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .ml-sm--20 {
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .ml-sm--20--force {
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .m-sm--16 {
    margin: calc(-1 * var(--matcha-space-200, 16px));
  }
  .m-sm--16--force {
    margin: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mx-sm--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mx-sm--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .my-sm--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .my-sm--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mt-sm--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mt-sm--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mr-sm--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mr-sm--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mb-sm--16 {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mb-sm--16--force {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .ml-sm--16 {
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .ml-sm--16--force {
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .m-sm--12 {
    margin: calc(-1 * var(--matcha-space-150, 12px));
  }
  .m-sm--12--force {
    margin: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mx-sm--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mx-sm--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .my-sm--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .my-sm--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mt-sm--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mt-sm--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mr-sm--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mr-sm--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mb-sm--12 {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mb-sm--12--force {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .ml-sm--12 {
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .ml-sm--12--force {
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .m-sm--8 {
    margin: calc(-1 * var(--matcha-space-100, 8px));
  }
  .m-sm--8--force {
    margin: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mx-sm--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mx-sm--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .my-sm--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .my-sm--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mt-sm--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mt-sm--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mr-sm--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mr-sm--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mb-sm--8 {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mb-sm--8--force {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .ml-sm--8 {
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .ml-sm--8--force {
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .m-sm--4 {
    margin: calc(-1 * var(--matcha-space-050, 4px));
  }
  .m-sm--4--force {
    margin: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mx-sm--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mx-sm--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .my-sm--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .my-sm--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mt-sm--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mt-sm--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mr-sm--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mr-sm--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mb-sm--4 {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mb-sm--4--force {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .ml-sm--4 {
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .ml-sm--4--force {
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .m-sm-0 {
    margin: var(--matcha-space-0, 0);
  }
  .m-sm-0--force {
    margin: var(--matcha-space-0, 0) !important;
  }
  .mx-sm-0 {
    margin-right: var(--matcha-space-0, 0);
    margin-left: var(--matcha-space-0, 0);
  }
  .mx-sm-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .my-sm-0 {
    margin-top: var(--matcha-space-0, 0);
    margin-bottom: var(--matcha-space-0, 0);
  }
  .my-sm-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .mt-sm-0 {
    margin-top: var(--matcha-space-0, 0);
  }
  .mt-sm-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
  }
  .mr-sm-0 {
    margin-right: var(--matcha-space-0, 0);
  }
  .mr-sm-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
  }
  .mb-sm-0 {
    margin-bottom: var(--matcha-space-0, 0);
  }
  .mb-sm-0--force {
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .ml-sm-0 {
    margin-left: var(--matcha-space-0, 0);
  }
  .ml-sm-0--force {
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .m-sm-4 {
    margin: var(--matcha-space-050, 4px);
  }
  .m-sm-4--force {
    margin: var(--matcha-space-050, 4px) !important;
  }
  .mx-sm-4 {
    margin-right: var(--matcha-space-050, 4px);
    margin-left: var(--matcha-space-050, 4px);
  }
  .mx-sm-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .my-sm-4 {
    margin-top: var(--matcha-space-050, 4px);
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .my-sm-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .mt-sm-4 {
    margin-top: var(--matcha-space-050, 4px);
  }
  .mt-sm-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
  }
  .mr-sm-4 {
    margin-right: var(--matcha-space-050, 4px);
  }
  .mr-sm-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
  }
  .mb-sm-4 {
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .mb-sm-4--force {
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .ml-sm-4 {
    margin-left: var(--matcha-space-050, 4px);
  }
  .ml-sm-4--force {
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .m-sm-8 {
    margin: var(--matcha-space-100, 8px);
  }
  .m-sm-8--force {
    margin: var(--matcha-space-100, 8px) !important;
  }
  .mx-sm-8 {
    margin-right: var(--matcha-space-100, 8px);
    margin-left: var(--matcha-space-100, 8px);
  }
  .mx-sm-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .my-sm-8 {
    margin-top: var(--matcha-space-100, 8px);
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .my-sm-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .mt-sm-8 {
    margin-top: var(--matcha-space-100, 8px);
  }
  .mt-sm-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
  }
  .mr-sm-8 {
    margin-right: var(--matcha-space-100, 8px);
  }
  .mr-sm-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
  }
  .mb-sm-8 {
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .mb-sm-8--force {
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .ml-sm-8 {
    margin-left: var(--matcha-space-100, 8px);
  }
  .ml-sm-8--force {
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .m-sm-12 {
    margin: var(--matcha-space-150, 12px);
  }
  .m-sm-12--force {
    margin: var(--matcha-space-150, 12px) !important;
  }
  .mx-sm-12 {
    margin-right: var(--matcha-space-150, 12px);
    margin-left: var(--matcha-space-150, 12px);
  }
  .mx-sm-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .my-sm-12 {
    margin-top: var(--matcha-space-150, 12px);
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .my-sm-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .mt-sm-12 {
    margin-top: var(--matcha-space-150, 12px);
  }
  .mt-sm-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
  }
  .mr-sm-12 {
    margin-right: var(--matcha-space-150, 12px);
  }
  .mr-sm-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
  }
  .mb-sm-12 {
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .mb-sm-12--force {
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .ml-sm-12 {
    margin-left: var(--matcha-space-150, 12px);
  }
  .ml-sm-12--force {
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .m-sm-16 {
    margin: var(--matcha-space-200, 16px);
  }
  .m-sm-16--force {
    margin: var(--matcha-space-200, 16px) !important;
  }
  .mx-sm-16 {
    margin-right: var(--matcha-space-200, 16px);
    margin-left: var(--matcha-space-200, 16px);
  }
  .mx-sm-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .my-sm-16 {
    margin-top: var(--matcha-space-200, 16px);
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .my-sm-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .mt-sm-16 {
    margin-top: var(--matcha-space-200, 16px);
  }
  .mt-sm-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
  }
  .mr-sm-16 {
    margin-right: var(--matcha-space-200, 16px);
  }
  .mr-sm-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
  }
  .mb-sm-16 {
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .mb-sm-16--force {
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .ml-sm-16 {
    margin-left: var(--matcha-space-200, 16px);
  }
  .ml-sm-16--force {
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .m-sm-20 {
    margin: var(--matcha-space-250, 20px);
  }
  .m-sm-20--force {
    margin: var(--matcha-space-250, 20px) !important;
  }
  .mx-sm-20 {
    margin-right: var(--matcha-space-250, 20px);
    margin-left: var(--matcha-space-250, 20px);
  }
  .mx-sm-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .my-sm-20 {
    margin-top: var(--matcha-space-250, 20px);
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .my-sm-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .mt-sm-20 {
    margin-top: var(--matcha-space-250, 20px);
  }
  .mt-sm-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
  }
  .mr-sm-20 {
    margin-right: var(--matcha-space-250, 20px);
  }
  .mr-sm-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
  }
  .mb-sm-20 {
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .mb-sm-20--force {
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .ml-sm-20 {
    margin-left: var(--matcha-space-250, 20px);
  }
  .ml-sm-20--force {
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .m-sm-24 {
    margin: var(--matcha-space-300, 24px);
  }
  .m-sm-24--force {
    margin: var(--matcha-space-300, 24px) !important;
  }
  .mx-sm-24 {
    margin-right: var(--matcha-space-300, 24px);
    margin-left: var(--matcha-space-300, 24px);
  }
  .mx-sm-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .my-sm-24 {
    margin-top: var(--matcha-space-300, 24px);
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .my-sm-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .mt-sm-24 {
    margin-top: var(--matcha-space-300, 24px);
  }
  .mt-sm-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
  }
  .mr-sm-24 {
    margin-right: var(--matcha-space-300, 24px);
  }
  .mr-sm-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
  }
  .mb-sm-24 {
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .mb-sm-24--force {
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .ml-sm-24 {
    margin-left: var(--matcha-space-300, 24px);
  }
  .ml-sm-24--force {
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .m-sm-28 {
    margin: 28px;
  }
  .m-sm-28--force {
    margin: 28px !important;
  }
  .mx-sm-28 {
    margin-right: 28px;
    margin-left: 28px;
  }
  .mx-sm-28--force {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-sm-28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .my-sm-28--force {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-sm-28 {
    margin-top: 28px;
  }
  .mt-sm-28--force {
    margin-top: 28px !important;
  }
  .mr-sm-28 {
    margin-right: 28px;
  }
  .mr-sm-28--force {
    margin-right: 28px !important;
  }
  .mb-sm-28 {
    margin-bottom: 28px;
  }
  .mb-sm-28--force {
    margin-bottom: 28px !important;
  }
  .ml-sm-28 {
    margin-left: 28px;
  }
  .ml-sm-28--force {
    margin-left: 28px !important;
  }
  .m-sm-32 {
    margin: var(--matcha-space-400, 32px);
  }
  .m-sm-32--force {
    margin: var(--matcha-space-400, 32px) !important;
  }
  .mx-sm-32 {
    margin-right: var(--matcha-space-400, 32px);
    margin-left: var(--matcha-space-400, 32px);
  }
  .mx-sm-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .my-sm-32 {
    margin-top: var(--matcha-space-400, 32px);
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .my-sm-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .mt-sm-32 {
    margin-top: var(--matcha-space-400, 32px);
  }
  .mt-sm-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
  }
  .mr-sm-32 {
    margin-right: var(--matcha-space-400, 32px);
  }
  .mr-sm-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
  }
  .mb-sm-32 {
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .mb-sm-32--force {
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .ml-sm-32 {
    margin-left: var(--matcha-space-400, 32px);
  }
  .ml-sm-32--force {
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .m-sm-36 {
    margin: 36px;
  }
  .m-sm-36--force {
    margin: 36px !important;
  }
  .mx-sm-36 {
    margin-right: 36px;
    margin-left: 36px;
  }
  .mx-sm-36--force {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-sm-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .my-sm-36--force {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mt-sm-36 {
    margin-top: 36px;
  }
  .mt-sm-36--force {
    margin-top: 36px !important;
  }
  .mr-sm-36 {
    margin-right: 36px;
  }
  .mr-sm-36--force {
    margin-right: 36px !important;
  }
  .mb-sm-36 {
    margin-bottom: 36px;
  }
  .mb-sm-36--force {
    margin-bottom: 36px !important;
  }
  .ml-sm-36 {
    margin-left: 36px;
  }
  .ml-sm-36--force {
    margin-left: 36px !important;
  }
  .m-sm-40 {
    margin: var(--matcha-space-500, 40px);
  }
  .m-sm-40--force {
    margin: var(--matcha-space-500, 40px) !important;
  }
  .mx-sm-40 {
    margin-right: var(--matcha-space-500, 40px);
    margin-left: var(--matcha-space-500, 40px);
  }
  .mx-sm-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .my-sm-40 {
    margin-top: var(--matcha-space-500, 40px);
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .my-sm-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .mt-sm-40 {
    margin-top: var(--matcha-space-500, 40px);
  }
  .mt-sm-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
  }
  .mr-sm-40 {
    margin-right: var(--matcha-space-500, 40px);
  }
  .mr-sm-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
  }
  .mb-sm-40 {
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .mb-sm-40--force {
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .ml-sm-40 {
    margin-left: var(--matcha-space-500, 40px);
  }
  .ml-sm-40--force {
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .m-sm-44 {
    margin: 44px;
  }
  .m-sm-44--force {
    margin: 44px !important;
  }
  .mx-sm-44 {
    margin-right: 44px;
    margin-left: 44px;
  }
  .mx-sm-44--force {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-sm-44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .my-sm-44--force {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .mt-sm-44 {
    margin-top: 44px;
  }
  .mt-sm-44--force {
    margin-top: 44px !important;
  }
  .mr-sm-44 {
    margin-right: 44px;
  }
  .mr-sm-44--force {
    margin-right: 44px !important;
  }
  .mb-sm-44 {
    margin-bottom: 44px;
  }
  .mb-sm-44--force {
    margin-bottom: 44px !important;
  }
  .ml-sm-44 {
    margin-left: 44px;
  }
  .ml-sm-44--force {
    margin-left: 44px !important;
  }
  .m-sm-48 {
    margin: var(--matcha-space-600, 48px);
  }
  .m-sm-48--force {
    margin: var(--matcha-space-600, 48px) !important;
  }
  .mx-sm-48 {
    margin-right: var(--matcha-space-600, 48px);
    margin-left: var(--matcha-space-600, 48px);
  }
  .mx-sm-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .my-sm-48 {
    margin-top: var(--matcha-space-600, 48px);
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .my-sm-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .mt-sm-48 {
    margin-top: var(--matcha-space-600, 48px);
  }
  .mt-sm-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
  }
  .mr-sm-48 {
    margin-right: var(--matcha-space-600, 48px);
  }
  .mr-sm-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
  }
  .mb-sm-48 {
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .mb-sm-48--force {
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .ml-sm-48 {
    margin-left: var(--matcha-space-600, 48px);
  }
  .ml-sm-48--force {
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .m-sm-52 {
    margin: 52px;
  }
  .m-sm-52--force {
    margin: 52px !important;
  }
  .mx-sm-52 {
    margin-right: 52px;
    margin-left: 52px;
  }
  .mx-sm-52--force {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-sm-52 {
    margin-top: 52px;
    margin-bottom: 52px;
  }
  .my-sm-52--force {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .mt-sm-52 {
    margin-top: 52px;
  }
  .mt-sm-52--force {
    margin-top: 52px !important;
  }
  .mr-sm-52 {
    margin-right: 52px;
  }
  .mr-sm-52--force {
    margin-right: 52px !important;
  }
  .mb-sm-52 {
    margin-bottom: 52px;
  }
  .mb-sm-52--force {
    margin-bottom: 52px !important;
  }
  .ml-sm-52 {
    margin-left: 52px;
  }
  .ml-sm-52--force {
    margin-left: 52px !important;
  }
  .m-sm-56 {
    margin: 56px;
  }
  .m-sm-56--force {
    margin: 56px !important;
  }
  .mx-sm-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .mx-sm-56--force {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-sm-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .my-sm-56--force {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mt-sm-56 {
    margin-top: 56px;
  }
  .mt-sm-56--force {
    margin-top: 56px !important;
  }
  .mr-sm-56 {
    margin-right: 56px;
  }
  .mr-sm-56--force {
    margin-right: 56px !important;
  }
  .mb-sm-56 {
    margin-bottom: 56px;
  }
  .mb-sm-56--force {
    margin-bottom: 56px !important;
  }
  .ml-sm-56 {
    margin-left: 56px;
  }
  .ml-sm-56--force {
    margin-left: 56px !important;
  }
  .m-sm-60 {
    margin: 60px;
  }
  .m-sm-60--force {
    margin: 60px !important;
  }
  .mx-sm-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mx-sm-60--force {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-sm-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .my-sm-60--force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mt-sm-60 {
    margin-top: 60px;
  }
  .mt-sm-60--force {
    margin-top: 60px !important;
  }
  .mr-sm-60 {
    margin-right: 60px;
  }
  .mr-sm-60--force {
    margin-right: 60px !important;
  }
  .mb-sm-60 {
    margin-bottom: 60px;
  }
  .mb-sm-60--force {
    margin-bottom: 60px !important;
  }
  .ml-sm-60 {
    margin-left: 60px;
  }
  .ml-sm-60--force {
    margin-left: 60px !important;
  }
  .m-sm-64 {
    margin: var(--matcha-space-800, 64px);
  }
  .m-sm-64--force {
    margin: var(--matcha-space-800, 64px) !important;
  }
  .mx-sm-64 {
    margin-right: var(--matcha-space-800, 64px);
    margin-left: var(--matcha-space-800, 64px);
  }
  .mx-sm-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .my-sm-64 {
    margin-top: var(--matcha-space-800, 64px);
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .my-sm-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .mt-sm-64 {
    margin-top: var(--matcha-space-800, 64px);
  }
  .mt-sm-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
  }
  .mr-sm-64 {
    margin-right: var(--matcha-space-800, 64px);
  }
  .mr-sm-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
  }
  .mb-sm-64 {
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .mb-sm-64--force {
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .ml-sm-64 {
    margin-left: var(--matcha-space-800, 64px);
  }
  .ml-sm-64--force {
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .m-sm-auto {
    margin: auto;
  }
  .m-sm-auto--force {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto;
  }
  .mt-sm-auto--force {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto;
  }
  .mr-sm-auto--force {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto;
  }
  .mb-sm-auto--force {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto;
  }
  .ml-sm-auto--force {
    margin-left: auto !important;
  }
  .mx-sm-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .mx-sm-auto--force {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .my-sm-auto--force {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-sm--64 {
    padding: calc(-1 * var(--matcha-space-800, 64px));
  }
  .p-sm--64--force {
    padding: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .px-sm--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .px-sm--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .py-sm--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .py-sm--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pt-sm--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pt-sm--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pr-sm--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pr-sm--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pb-sm--64 {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pb-sm--64--force {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pl-sm--64 {
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pl-sm--64--force {
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .p-sm--60 {
    padding: -60px;
  }
  .p-sm--60--force {
    padding: -60px !important;
  }
  .px-sm--60 {
    padding-right: -60px;
    padding-left: -60px;
  }
  .px-sm--60--force {
    padding-right: -60px !important;
    padding-left: -60px !important;
  }
  .py-sm--60 {
    padding-top: -60px;
    padding-bottom: -60px;
  }
  .py-sm--60--force {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }
  .pt-sm--60 {
    padding-top: -60px;
  }
  .pt-sm--60--force {
    padding-top: -60px !important;
  }
  .pr-sm--60 {
    padding-right: -60px;
  }
  .pr-sm--60--force {
    padding-right: -60px !important;
  }
  .pb-sm--60 {
    padding-bottom: -60px;
  }
  .pb-sm--60--force {
    padding-bottom: -60px !important;
  }
  .pl-sm--60 {
    padding-left: -60px;
  }
  .pl-sm--60--force {
    padding-left: -60px !important;
  }
  .p-sm--56 {
    padding: -56px;
  }
  .p-sm--56--force {
    padding: -56px !important;
  }
  .px-sm--56 {
    padding-right: -56px;
    padding-left: -56px;
  }
  .px-sm--56--force {
    padding-right: -56px !important;
    padding-left: -56px !important;
  }
  .py-sm--56 {
    padding-top: -56px;
    padding-bottom: -56px;
  }
  .py-sm--56--force {
    padding-top: -56px !important;
    padding-bottom: -56px !important;
  }
  .pt-sm--56 {
    padding-top: -56px;
  }
  .pt-sm--56--force {
    padding-top: -56px !important;
  }
  .pr-sm--56 {
    padding-right: -56px;
  }
  .pr-sm--56--force {
    padding-right: -56px !important;
  }
  .pb-sm--56 {
    padding-bottom: -56px;
  }
  .pb-sm--56--force {
    padding-bottom: -56px !important;
  }
  .pl-sm--56 {
    padding-left: -56px;
  }
  .pl-sm--56--force {
    padding-left: -56px !important;
  }
  .p-sm--52 {
    padding: -52px;
  }
  .p-sm--52--force {
    padding: -52px !important;
  }
  .px-sm--52 {
    padding-right: -52px;
    padding-left: -52px;
  }
  .px-sm--52--force {
    padding-right: -52px !important;
    padding-left: -52px !important;
  }
  .py-sm--52 {
    padding-top: -52px;
    padding-bottom: -52px;
  }
  .py-sm--52--force {
    padding-top: -52px !important;
    padding-bottom: -52px !important;
  }
  .pt-sm--52 {
    padding-top: -52px;
  }
  .pt-sm--52--force {
    padding-top: -52px !important;
  }
  .pr-sm--52 {
    padding-right: -52px;
  }
  .pr-sm--52--force {
    padding-right: -52px !important;
  }
  .pb-sm--52 {
    padding-bottom: -52px;
  }
  .pb-sm--52--force {
    padding-bottom: -52px !important;
  }
  .pl-sm--52 {
    padding-left: -52px;
  }
  .pl-sm--52--force {
    padding-left: -52px !important;
  }
  .p-sm--48 {
    padding: calc(-1 * var(--matcha-space-600, 48px));
  }
  .p-sm--48--force {
    padding: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .px-sm--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .px-sm--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .py-sm--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .py-sm--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pt-sm--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pt-sm--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pr-sm--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pr-sm--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pb-sm--48 {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pb-sm--48--force {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pl-sm--48 {
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pl-sm--48--force {
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .p-sm--44 {
    padding: -44px;
  }
  .p-sm--44--force {
    padding: -44px !important;
  }
  .px-sm--44 {
    padding-right: -44px;
    padding-left: -44px;
  }
  .px-sm--44--force {
    padding-right: -44px !important;
    padding-left: -44px !important;
  }
  .py-sm--44 {
    padding-top: -44px;
    padding-bottom: -44px;
  }
  .py-sm--44--force {
    padding-top: -44px !important;
    padding-bottom: -44px !important;
  }
  .pt-sm--44 {
    padding-top: -44px;
  }
  .pt-sm--44--force {
    padding-top: -44px !important;
  }
  .pr-sm--44 {
    padding-right: -44px;
  }
  .pr-sm--44--force {
    padding-right: -44px !important;
  }
  .pb-sm--44 {
    padding-bottom: -44px;
  }
  .pb-sm--44--force {
    padding-bottom: -44px !important;
  }
  .pl-sm--44 {
    padding-left: -44px;
  }
  .pl-sm--44--force {
    padding-left: -44px !important;
  }
  .p-sm--40 {
    padding: calc(-1 * var(--matcha-space-500, 40px));
  }
  .p-sm--40--force {
    padding: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .px-sm--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .px-sm--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .py-sm--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .py-sm--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pt-sm--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pt-sm--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pr-sm--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pr-sm--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pb-sm--40 {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pb-sm--40--force {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pl-sm--40 {
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pl-sm--40--force {
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .p-sm--36 {
    padding: -36px;
  }
  .p-sm--36--force {
    padding: -36px !important;
  }
  .px-sm--36 {
    padding-right: -36px;
    padding-left: -36px;
  }
  .px-sm--36--force {
    padding-right: -36px !important;
    padding-left: -36px !important;
  }
  .py-sm--36 {
    padding-top: -36px;
    padding-bottom: -36px;
  }
  .py-sm--36--force {
    padding-top: -36px !important;
    padding-bottom: -36px !important;
  }
  .pt-sm--36 {
    padding-top: -36px;
  }
  .pt-sm--36--force {
    padding-top: -36px !important;
  }
  .pr-sm--36 {
    padding-right: -36px;
  }
  .pr-sm--36--force {
    padding-right: -36px !important;
  }
  .pb-sm--36 {
    padding-bottom: -36px;
  }
  .pb-sm--36--force {
    padding-bottom: -36px !important;
  }
  .pl-sm--36 {
    padding-left: -36px;
  }
  .pl-sm--36--force {
    padding-left: -36px !important;
  }
  .p-sm--32 {
    padding: calc(-1 * var(--matcha-space-400, 32px));
  }
  .p-sm--32--force {
    padding: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .px-sm--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .px-sm--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .py-sm--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .py-sm--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pt-sm--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pt-sm--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pr-sm--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pr-sm--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pb-sm--32 {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pb-sm--32--force {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pl-sm--32 {
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pl-sm--32--force {
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .p-sm--28 {
    padding: -28px;
  }
  .p-sm--28--force {
    padding: -28px !important;
  }
  .px-sm--28 {
    padding-right: -28px;
    padding-left: -28px;
  }
  .px-sm--28--force {
    padding-right: -28px !important;
    padding-left: -28px !important;
  }
  .py-sm--28 {
    padding-top: -28px;
    padding-bottom: -28px;
  }
  .py-sm--28--force {
    padding-top: -28px !important;
    padding-bottom: -28px !important;
  }
  .pt-sm--28 {
    padding-top: -28px;
  }
  .pt-sm--28--force {
    padding-top: -28px !important;
  }
  .pr-sm--28 {
    padding-right: -28px;
  }
  .pr-sm--28--force {
    padding-right: -28px !important;
  }
  .pb-sm--28 {
    padding-bottom: -28px;
  }
  .pb-sm--28--force {
    padding-bottom: -28px !important;
  }
  .pl-sm--28 {
    padding-left: -28px;
  }
  .pl-sm--28--force {
    padding-left: -28px !important;
  }
  .p-sm--24 {
    padding: calc(-1 * var(--matcha-space-300, 24px));
  }
  .p-sm--24--force {
    padding: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .px-sm--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .px-sm--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .py-sm--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .py-sm--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pt-sm--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pt-sm--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pr-sm--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pr-sm--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pb-sm--24 {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pb-sm--24--force {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pl-sm--24 {
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pl-sm--24--force {
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .p-sm--20 {
    padding: calc(-1 * var(--matcha-space-250, 20px));
  }
  .p-sm--20--force {
    padding: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .px-sm--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .px-sm--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .py-sm--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .py-sm--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pt-sm--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pt-sm--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pr-sm--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pr-sm--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pb-sm--20 {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pb-sm--20--force {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pl-sm--20 {
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pl-sm--20--force {
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .p-sm--16 {
    padding: calc(-1 * var(--matcha-space-200, 16px));
  }
  .p-sm--16--force {
    padding: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .px-sm--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .px-sm--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .py-sm--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .py-sm--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pt-sm--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pt-sm--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pr-sm--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pr-sm--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pb-sm--16 {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pb-sm--16--force {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pl-sm--16 {
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pl-sm--16--force {
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .p-sm--12 {
    padding: calc(-1 * var(--matcha-space-150, 12px));
  }
  .p-sm--12--force {
    padding: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .px-sm--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .px-sm--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .py-sm--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .py-sm--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pt-sm--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pt-sm--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pr-sm--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pr-sm--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pb-sm--12 {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pb-sm--12--force {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pl-sm--12 {
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pl-sm--12--force {
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .p-sm--8 {
    padding: calc(-1 * var(--matcha-space-100, 8px));
  }
  .p-sm--8--force {
    padding: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .px-sm--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .px-sm--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .py-sm--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .py-sm--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pt-sm--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pt-sm--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pr-sm--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pr-sm--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pb-sm--8 {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pb-sm--8--force {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pl-sm--8 {
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pl-sm--8--force {
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .p-sm--4 {
    padding: calc(-1 * var(--matcha-space-050, 4px));
  }
  .p-sm--4--force {
    padding: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .px-sm--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .px-sm--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .py-sm--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .py-sm--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pt-sm--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pt-sm--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pr-sm--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pr-sm--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pb-sm--4 {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pb-sm--4--force {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pl-sm--4 {
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pl-sm--4--force {
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .p-sm-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-sm-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-sm-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-sm-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-sm-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-sm-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-sm-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-sm-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-sm-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-sm-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-sm-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-sm-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-sm-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-sm-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-sm-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-sm-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-sm-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-sm-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-sm-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-sm-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-sm-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-sm-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-sm-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-sm-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-sm-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-sm-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-sm-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-sm-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-sm-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-sm-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-sm-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-sm-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-sm-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-sm-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-sm-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-sm-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-sm-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-sm-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-sm-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-sm-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-sm-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-sm-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-sm-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-sm-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-sm-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-sm-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-sm-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-sm-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-sm-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-sm-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-sm-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-sm-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-sm-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-sm-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-sm-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-sm-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-sm-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-sm-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-sm-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-sm-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-sm-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-sm-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-sm-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-sm-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-sm-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-sm-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-sm-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-sm-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-sm-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-sm-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-sm-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-sm-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-sm-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-sm-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-sm-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-sm-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-sm-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-sm-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-sm-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-sm-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-sm-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-sm-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-sm-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-sm-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-sm-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-sm-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-sm-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-sm-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-sm-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-sm-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-sm-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-sm-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-sm-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-sm-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-sm-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-sm-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-sm-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-sm-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-sm-28 {
    padding: 28px;
  }
  .p-sm-28--force {
    padding: 28px !important;
  }
  .px-sm-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-sm-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-sm-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-sm-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-sm-28 {
    padding-top: 28px;
  }
  .pt-sm-28--force {
    padding-top: 28px !important;
  }
  .pr-sm-28 {
    padding-right: 28px;
  }
  .pr-sm-28--force {
    padding-right: 28px !important;
  }
  .pb-sm-28 {
    padding-bottom: 28px;
  }
  .pb-sm-28--force {
    padding-bottom: 28px !important;
  }
  .pl-sm-28 {
    padding-left: 28px;
  }
  .pl-sm-28--force {
    padding-left: 28px !important;
  }
  .p-sm-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-sm-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-sm-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-sm-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-sm-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-sm-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-sm-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-sm-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-sm-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-sm-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-sm-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-sm-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-sm-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-sm-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-sm-36 {
    padding: 36px;
  }
  .p-sm-36--force {
    padding: 36px !important;
  }
  .px-sm-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-sm-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-sm-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-sm-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-sm-36 {
    padding-top: 36px;
  }
  .pt-sm-36--force {
    padding-top: 36px !important;
  }
  .pr-sm-36 {
    padding-right: 36px;
  }
  .pr-sm-36--force {
    padding-right: 36px !important;
  }
  .pb-sm-36 {
    padding-bottom: 36px;
  }
  .pb-sm-36--force {
    padding-bottom: 36px !important;
  }
  .pl-sm-36 {
    padding-left: 36px;
  }
  .pl-sm-36--force {
    padding-left: 36px !important;
  }
  .p-sm-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-sm-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-sm-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-sm-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-sm-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-sm-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-sm-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-sm-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-sm-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-sm-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-sm-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-sm-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-sm-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-sm-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-sm-44 {
    padding: 44px;
  }
  .p-sm-44--force {
    padding: 44px !important;
  }
  .px-sm-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-sm-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-sm-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-sm-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-sm-44 {
    padding-top: 44px;
  }
  .pt-sm-44--force {
    padding-top: 44px !important;
  }
  .pr-sm-44 {
    padding-right: 44px;
  }
  .pr-sm-44--force {
    padding-right: 44px !important;
  }
  .pb-sm-44 {
    padding-bottom: 44px;
  }
  .pb-sm-44--force {
    padding-bottom: 44px !important;
  }
  .pl-sm-44 {
    padding-left: 44px;
  }
  .pl-sm-44--force {
    padding-left: 44px !important;
  }
  .p-sm-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-sm-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-sm-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-sm-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-sm-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-sm-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-sm-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-sm-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-sm-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-sm-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-sm-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-sm-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-sm-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-sm-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-sm-52 {
    padding: 52px;
  }
  .p-sm-52--force {
    padding: 52px !important;
  }
  .px-sm-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-sm-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-sm-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-sm-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-sm-52 {
    padding-top: 52px;
  }
  .pt-sm-52--force {
    padding-top: 52px !important;
  }
  .pr-sm-52 {
    padding-right: 52px;
  }
  .pr-sm-52--force {
    padding-right: 52px !important;
  }
  .pb-sm-52 {
    padding-bottom: 52px;
  }
  .pb-sm-52--force {
    padding-bottom: 52px !important;
  }
  .pl-sm-52 {
    padding-left: 52px;
  }
  .pl-sm-52--force {
    padding-left: 52px !important;
  }
  .p-sm-56 {
    padding: 56px;
  }
  .p-sm-56--force {
    padding: 56px !important;
  }
  .px-sm-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-sm-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-sm-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-sm-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-sm-56 {
    padding-top: 56px;
  }
  .pt-sm-56--force {
    padding-top: 56px !important;
  }
  .pr-sm-56 {
    padding-right: 56px;
  }
  .pr-sm-56--force {
    padding-right: 56px !important;
  }
  .pb-sm-56 {
    padding-bottom: 56px;
  }
  .pb-sm-56--force {
    padding-bottom: 56px !important;
  }
  .pl-sm-56 {
    padding-left: 56px;
  }
  .pl-sm-56--force {
    padding-left: 56px !important;
  }
  .p-sm-60 {
    padding: 60px;
  }
  .p-sm-60--force {
    padding: 60px !important;
  }
  .px-sm-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-sm-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-sm-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-sm-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-sm-60 {
    padding-top: 60px;
  }
  .pt-sm-60--force {
    padding-top: 60px !important;
  }
  .pr-sm-60 {
    padding-right: 60px;
  }
  .pr-sm-60--force {
    padding-right: 60px !important;
  }
  .pb-sm-60 {
    padding-bottom: 60px;
  }
  .pb-sm-60--force {
    padding-bottom: 60px !important;
  }
  .pl-sm-60 {
    padding-left: 60px;
  }
  .pl-sm-60--force {
    padding-left: 60px !important;
  }
  .p-sm-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-sm-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-sm-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-sm-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-sm-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-sm-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-sm-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-sm-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-sm-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-sm-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-sm-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-sm-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-sm-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-sm-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-sm-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-sm-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-sm-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-sm-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-sm-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-sm-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-sm-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-sm-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-sm-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-sm-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-sm-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-sm-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-sm-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-sm-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-sm-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-sm-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-sm-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-sm-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-sm-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-sm-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-sm-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-sm-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-sm-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-sm-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-sm-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-sm-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-sm-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-sm-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-sm-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-sm-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-sm-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-sm-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-sm-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-sm-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-sm-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-sm-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-sm-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-sm-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-sm-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-sm-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-sm-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-sm-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-sm-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-sm-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-sm-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-sm-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-sm-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-sm-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-sm-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-sm-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-sm-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-sm-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-sm-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-sm-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-sm-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-sm-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-sm-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-sm-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-sm-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-sm-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-sm-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-sm-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-sm-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-sm-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-sm-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-sm-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-sm-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-sm-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-sm-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-sm-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-sm-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-sm-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-sm-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-sm-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-sm-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-sm-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-sm-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-sm-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-sm-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-sm-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-sm-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-sm-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-sm-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-sm-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-sm-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-sm-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-sm-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-sm-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-sm-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-sm-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-sm-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-sm-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-sm-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-sm-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-sm-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-sm-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-sm-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-sm-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-sm-28 {
    padding: 28px;
  }
  .p-sm-28--force {
    padding: 28px !important;
  }
  .px-sm-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-sm-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-sm-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-sm-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-sm-28 {
    padding-top: 28px;
  }
  .pt-sm-28--force {
    padding-top: 28px !important;
  }
  .pr-sm-28 {
    padding-right: 28px;
  }
  .pr-sm-28--force {
    padding-right: 28px !important;
  }
  .pb-sm-28 {
    padding-bottom: 28px;
  }
  .pb-sm-28--force {
    padding-bottom: 28px !important;
  }
  .pl-sm-28 {
    padding-left: 28px;
  }
  .pl-sm-28--force {
    padding-left: 28px !important;
  }
  .p-sm-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-sm-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-sm-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-sm-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-sm-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-sm-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-sm-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-sm-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-sm-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-sm-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-sm-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-sm-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-sm-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-sm-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-sm-36 {
    padding: 36px;
  }
  .p-sm-36--force {
    padding: 36px !important;
  }
  .px-sm-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-sm-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-sm-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-sm-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-sm-36 {
    padding-top: 36px;
  }
  .pt-sm-36--force {
    padding-top: 36px !important;
  }
  .pr-sm-36 {
    padding-right: 36px;
  }
  .pr-sm-36--force {
    padding-right: 36px !important;
  }
  .pb-sm-36 {
    padding-bottom: 36px;
  }
  .pb-sm-36--force {
    padding-bottom: 36px !important;
  }
  .pl-sm-36 {
    padding-left: 36px;
  }
  .pl-sm-36--force {
    padding-left: 36px !important;
  }
  .p-sm-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-sm-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-sm-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-sm-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-sm-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-sm-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-sm-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-sm-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-sm-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-sm-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-sm-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-sm-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-sm-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-sm-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-sm-44 {
    padding: 44px;
  }
  .p-sm-44--force {
    padding: 44px !important;
  }
  .px-sm-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-sm-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-sm-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-sm-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-sm-44 {
    padding-top: 44px;
  }
  .pt-sm-44--force {
    padding-top: 44px !important;
  }
  .pr-sm-44 {
    padding-right: 44px;
  }
  .pr-sm-44--force {
    padding-right: 44px !important;
  }
  .pb-sm-44 {
    padding-bottom: 44px;
  }
  .pb-sm-44--force {
    padding-bottom: 44px !important;
  }
  .pl-sm-44 {
    padding-left: 44px;
  }
  .pl-sm-44--force {
    padding-left: 44px !important;
  }
  .p-sm-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-sm-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-sm-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-sm-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-sm-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-sm-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-sm-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-sm-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-sm-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-sm-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-sm-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-sm-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-sm-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-sm-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-sm-52 {
    padding: 52px;
  }
  .p-sm-52--force {
    padding: 52px !important;
  }
  .px-sm-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-sm-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-sm-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-sm-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-sm-52 {
    padding-top: 52px;
  }
  .pt-sm-52--force {
    padding-top: 52px !important;
  }
  .pr-sm-52 {
    padding-right: 52px;
  }
  .pr-sm-52--force {
    padding-right: 52px !important;
  }
  .pb-sm-52 {
    padding-bottom: 52px;
  }
  .pb-sm-52--force {
    padding-bottom: 52px !important;
  }
  .pl-sm-52 {
    padding-left: 52px;
  }
  .pl-sm-52--force {
    padding-left: 52px !important;
  }
  .p-sm-56 {
    padding: 56px;
  }
  .p-sm-56--force {
    padding: 56px !important;
  }
  .px-sm-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-sm-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-sm-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-sm-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-sm-56 {
    padding-top: 56px;
  }
  .pt-sm-56--force {
    padding-top: 56px !important;
  }
  .pr-sm-56 {
    padding-right: 56px;
  }
  .pr-sm-56--force {
    padding-right: 56px !important;
  }
  .pb-sm-56 {
    padding-bottom: 56px;
  }
  .pb-sm-56--force {
    padding-bottom: 56px !important;
  }
  .pl-sm-56 {
    padding-left: 56px;
  }
  .pl-sm-56--force {
    padding-left: 56px !important;
  }
  .p-sm-60 {
    padding: 60px;
  }
  .p-sm-60--force {
    padding: 60px !important;
  }
  .px-sm-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-sm-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-sm-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-sm-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-sm-60 {
    padding-top: 60px;
  }
  .pt-sm-60--force {
    padding-top: 60px !important;
  }
  .pr-sm-60 {
    padding-right: 60px;
  }
  .pr-sm-60--force {
    padding-right: 60px !important;
  }
  .pb-sm-60 {
    padding-bottom: 60px;
  }
  .pb-sm-60--force {
    padding-bottom: 60px !important;
  }
  .pl-sm-60 {
    padding-left: 60px;
  }
  .pl-sm-60--force {
    padding-left: 60px !important;
  }
  .p-sm-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-sm-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-sm-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-sm-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-sm-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-sm-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-sm-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-sm-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-sm-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-sm-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-sm-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-sm-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-sm-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-sm-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-sm-68 {
    padding: 68px;
  }
  .p-sm-68--force {
    padding: 68px !important;
  }
  .px-sm-68 {
    padding-right: 68px;
    padding-left: 68px;
  }
  .px-sm-68--force {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .py-sm-68 {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .py-sm-68--force {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .pt-sm-68 {
    padding-top: 68px;
  }
  .pt-sm-68--force {
    padding-top: 68px !important;
  }
  .pr-sm-68 {
    padding-right: 68px;
  }
  .pr-sm-68--force {
    padding-right: 68px !important;
  }
  .pb-sm-68 {
    padding-bottom: 68px;
  }
  .pb-sm-68--force {
    padding-bottom: 68px !important;
  }
  .pl-sm-68 {
    padding-left: 68px;
  }
  .pl-sm-68--force {
    padding-left: 68px !important;
  }
  .p-sm-72 {
    padding: 72px;
  }
  .p-sm-72--force {
    padding: 72px !important;
  }
  .px-sm-72 {
    padding-right: 72px;
    padding-left: 72px;
  }
  .px-sm-72--force {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-sm-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .py-sm-72--force {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .pt-sm-72 {
    padding-top: 72px;
  }
  .pt-sm-72--force {
    padding-top: 72px !important;
  }
  .pr-sm-72 {
    padding-right: 72px;
  }
  .pr-sm-72--force {
    padding-right: 72px !important;
  }
  .pb-sm-72 {
    padding-bottom: 72px;
  }
  .pb-sm-72--force {
    padding-bottom: 72px !important;
  }
  .pl-sm-72 {
    padding-left: 72px;
  }
  .pl-sm-72--force {
    padding-left: 72px !important;
  }
  .p-sm-76 {
    padding: 76px;
  }
  .p-sm-76--force {
    padding: 76px !important;
  }
  .px-sm-76 {
    padding-right: 76px;
    padding-left: 76px;
  }
  .px-sm-76--force {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .py-sm-76 {
    padding-top: 76px;
    padding-bottom: 76px;
  }
  .py-sm-76--force {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .pt-sm-76 {
    padding-top: 76px;
  }
  .pt-sm-76--force {
    padding-top: 76px !important;
  }
  .pr-sm-76 {
    padding-right: 76px;
  }
  .pr-sm-76--force {
    padding-right: 76px !important;
  }
  .pb-sm-76 {
    padding-bottom: 76px;
  }
  .pb-sm-76--force {
    padding-bottom: 76px !important;
  }
  .pl-sm-76 {
    padding-left: 76px;
  }
  .pl-sm-76--force {
    padding-left: 76px !important;
  }
  .p-sm-80 {
    padding: var(--matcha-space-1000, 80px);
  }
  .p-sm-80--force {
    padding: var(--matcha-space-1000, 80px) !important;
  }
  .px-sm-80 {
    padding-right: var(--matcha-space-1000, 80px);
    padding-left: var(--matcha-space-1000, 80px);
  }
  .px-sm-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .py-sm-80 {
    padding-top: var(--matcha-space-1000, 80px);
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .py-sm-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pt-sm-80 {
    padding-top: var(--matcha-space-1000, 80px);
  }
  .pt-sm-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
  }
  .pr-sm-80 {
    padding-right: var(--matcha-space-1000, 80px);
  }
  .pr-sm-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
  }
  .pb-sm-80 {
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .pb-sm-80--force {
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pl-sm-80 {
    padding-left: var(--matcha-space-1000, 80px);
  }
  .pl-sm-80--force {
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .p-sm-84 {
    padding: 84px;
  }
  .p-sm-84--force {
    padding: 84px !important;
  }
  .px-sm-84 {
    padding-right: 84px;
    padding-left: 84px;
  }
  .px-sm-84--force {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .py-sm-84 {
    padding-top: 84px;
    padding-bottom: 84px;
  }
  .py-sm-84--force {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .pt-sm-84 {
    padding-top: 84px;
  }
  .pt-sm-84--force {
    padding-top: 84px !important;
  }
  .pr-sm-84 {
    padding-right: 84px;
  }
  .pr-sm-84--force {
    padding-right: 84px !important;
  }
  .pb-sm-84 {
    padding-bottom: 84px;
  }
  .pb-sm-84--force {
    padding-bottom: 84px !important;
  }
  .pl-sm-84 {
    padding-left: 84px;
  }
  .pl-sm-84--force {
    padding-left: 84px !important;
  }
  .p-sm-88 {
    padding: 88px;
  }
  .p-sm-88--force {
    padding: 88px !important;
  }
  .px-sm-88 {
    padding-right: 88px;
    padding-left: 88px;
  }
  .px-sm-88--force {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-sm-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .py-sm-88--force {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .pt-sm-88 {
    padding-top: 88px;
  }
  .pt-sm-88--force {
    padding-top: 88px !important;
  }
  .pr-sm-88 {
    padding-right: 88px;
  }
  .pr-sm-88--force {
    padding-right: 88px !important;
  }
  .pb-sm-88 {
    padding-bottom: 88px;
  }
  .pb-sm-88--force {
    padding-bottom: 88px !important;
  }
  .pl-sm-88 {
    padding-left: 88px;
  }
  .pl-sm-88--force {
    padding-left: 88px !important;
  }
  .p-sm-92 {
    padding: 92px;
  }
  .p-sm-92--force {
    padding: 92px !important;
  }
  .px-sm-92 {
    padding-right: 92px;
    padding-left: 92px;
  }
  .px-sm-92--force {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .py-sm-92 {
    padding-top: 92px;
    padding-bottom: 92px;
  }
  .py-sm-92--force {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .pt-sm-92 {
    padding-top: 92px;
  }
  .pt-sm-92--force {
    padding-top: 92px !important;
  }
  .pr-sm-92 {
    padding-right: 92px;
  }
  .pr-sm-92--force {
    padding-right: 92px !important;
  }
  .pb-sm-92 {
    padding-bottom: 92px;
  }
  .pb-sm-92--force {
    padding-bottom: 92px !important;
  }
  .pl-sm-92 {
    padding-left: 92px;
  }
  .pl-sm-92--force {
    padding-left: 92px !important;
  }
  .p-sm-96 {
    padding: var(--matcha-space-1200, 96px);
  }
  .p-sm-96--force {
    padding: var(--matcha-space-1200, 96px) !important;
  }
  .px-sm-96 {
    padding-right: var(--matcha-space-1200, 96px);
    padding-left: var(--matcha-space-1200, 96px);
  }
  .px-sm-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
  .py-sm-96 {
    padding-top: var(--matcha-space-1200, 96px);
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .py-sm-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pt-sm-96 {
    padding-top: var(--matcha-space-1200, 96px);
  }
  .pt-sm-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
  }
  .pr-sm-96 {
    padding-right: var(--matcha-space-1200, 96px);
  }
  .pr-sm-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
  }
  .pb-sm-96 {
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .pb-sm-96--force {
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pl-sm-96 {
    padding-left: var(--matcha-space-1200, 96px);
  }
  .pl-sm-96--force {
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
}
@media screen and (min-width: 1024px) {
  .m-md--64 {
    margin: calc(-1 * var(--matcha-space-800, 64px));
  }
  .m-md--64--force {
    margin: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mx-md--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mx-md--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .my-md--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .my-md--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mt-md--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mt-md--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mr-md--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mr-md--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mb-md--64 {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mb-md--64--force {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .ml-md--64 {
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .ml-md--64--force {
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .m-md--60 {
    margin: -60px;
  }
  .m-md--60--force {
    margin: -60px !important;
  }
  .mx-md--60 {
    margin-right: -60px;
    margin-left: -60px;
  }
  .mx-md--60--force {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .my-md--60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }
  .my-md--60--force {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .mt-md--60 {
    margin-top: -60px;
  }
  .mt-md--60--force {
    margin-top: -60px !important;
  }
  .mr-md--60 {
    margin-right: -60px;
  }
  .mr-md--60--force {
    margin-right: -60px !important;
  }
  .mb-md--60 {
    margin-bottom: -60px;
  }
  .mb-md--60--force {
    margin-bottom: -60px !important;
  }
  .ml-md--60 {
    margin-left: -60px;
  }
  .ml-md--60--force {
    margin-left: -60px !important;
  }
  .m-md--56 {
    margin: -56px;
  }
  .m-md--56--force {
    margin: -56px !important;
  }
  .mx-md--56 {
    margin-right: -56px;
    margin-left: -56px;
  }
  .mx-md--56--force {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .my-md--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .my-md--56--force {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .mt-md--56 {
    margin-top: -56px;
  }
  .mt-md--56--force {
    margin-top: -56px !important;
  }
  .mr-md--56 {
    margin-right: -56px;
  }
  .mr-md--56--force {
    margin-right: -56px !important;
  }
  .mb-md--56 {
    margin-bottom: -56px;
  }
  .mb-md--56--force {
    margin-bottom: -56px !important;
  }
  .ml-md--56 {
    margin-left: -56px;
  }
  .ml-md--56--force {
    margin-left: -56px !important;
  }
  .m-md--52 {
    margin: -52px;
  }
  .m-md--52--force {
    margin: -52px !important;
  }
  .mx-md--52 {
    margin-right: -52px;
    margin-left: -52px;
  }
  .mx-md--52--force {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .my-md--52 {
    margin-top: -52px;
    margin-bottom: -52px;
  }
  .my-md--52--force {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .mt-md--52 {
    margin-top: -52px;
  }
  .mt-md--52--force {
    margin-top: -52px !important;
  }
  .mr-md--52 {
    margin-right: -52px;
  }
  .mr-md--52--force {
    margin-right: -52px !important;
  }
  .mb-md--52 {
    margin-bottom: -52px;
  }
  .mb-md--52--force {
    margin-bottom: -52px !important;
  }
  .ml-md--52 {
    margin-left: -52px;
  }
  .ml-md--52--force {
    margin-left: -52px !important;
  }
  .m-md--48 {
    margin: calc(-1 * var(--matcha-space-600, 48px));
  }
  .m-md--48--force {
    margin: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mx-md--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mx-md--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .my-md--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .my-md--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mt-md--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mt-md--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mr-md--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mr-md--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mb-md--48 {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mb-md--48--force {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .ml-md--48 {
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .ml-md--48--force {
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .m-md--44 {
    margin: -44px;
  }
  .m-md--44--force {
    margin: -44px !important;
  }
  .mx-md--44 {
    margin-right: -44px;
    margin-left: -44px;
  }
  .mx-md--44--force {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .my-md--44 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .my-md--44--force {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .mt-md--44 {
    margin-top: -44px;
  }
  .mt-md--44--force {
    margin-top: -44px !important;
  }
  .mr-md--44 {
    margin-right: -44px;
  }
  .mr-md--44--force {
    margin-right: -44px !important;
  }
  .mb-md--44 {
    margin-bottom: -44px;
  }
  .mb-md--44--force {
    margin-bottom: -44px !important;
  }
  .ml-md--44 {
    margin-left: -44px;
  }
  .ml-md--44--force {
    margin-left: -44px !important;
  }
  .m-md--40 {
    margin: calc(-1 * var(--matcha-space-500, 40px));
  }
  .m-md--40--force {
    margin: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mx-md--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mx-md--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .my-md--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .my-md--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mt-md--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mt-md--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mr-md--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mr-md--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mb-md--40 {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mb-md--40--force {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .ml-md--40 {
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .ml-md--40--force {
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .m-md--36 {
    margin: -36px;
  }
  .m-md--36--force {
    margin: -36px !important;
  }
  .mx-md--36 {
    margin-right: -36px;
    margin-left: -36px;
  }
  .mx-md--36--force {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .my-md--36 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .my-md--36--force {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .mt-md--36 {
    margin-top: -36px;
  }
  .mt-md--36--force {
    margin-top: -36px !important;
  }
  .mr-md--36 {
    margin-right: -36px;
  }
  .mr-md--36--force {
    margin-right: -36px !important;
  }
  .mb-md--36 {
    margin-bottom: -36px;
  }
  .mb-md--36--force {
    margin-bottom: -36px !important;
  }
  .ml-md--36 {
    margin-left: -36px;
  }
  .ml-md--36--force {
    margin-left: -36px !important;
  }
  .m-md--32 {
    margin: calc(-1 * var(--matcha-space-400, 32px));
  }
  .m-md--32--force {
    margin: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mx-md--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mx-md--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .my-md--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .my-md--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mt-md--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mt-md--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mr-md--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mr-md--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mb-md--32 {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mb-md--32--force {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .ml-md--32 {
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .ml-md--32--force {
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .m-md--28 {
    margin: -28px;
  }
  .m-md--28--force {
    margin: -28px !important;
  }
  .mx-md--28 {
    margin-right: -28px;
    margin-left: -28px;
  }
  .mx-md--28--force {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .my-md--28 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .my-md--28--force {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .mt-md--28 {
    margin-top: -28px;
  }
  .mt-md--28--force {
    margin-top: -28px !important;
  }
  .mr-md--28 {
    margin-right: -28px;
  }
  .mr-md--28--force {
    margin-right: -28px !important;
  }
  .mb-md--28 {
    margin-bottom: -28px;
  }
  .mb-md--28--force {
    margin-bottom: -28px !important;
  }
  .ml-md--28 {
    margin-left: -28px;
  }
  .ml-md--28--force {
    margin-left: -28px !important;
  }
  .m-md--24 {
    margin: calc(-1 * var(--matcha-space-300, 24px));
  }
  .m-md--24--force {
    margin: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mx-md--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mx-md--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .my-md--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .my-md--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mt-md--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mt-md--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mr-md--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mr-md--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mb-md--24 {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mb-md--24--force {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .ml-md--24 {
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .ml-md--24--force {
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .m-md--20 {
    margin: calc(-1 * var(--matcha-space-250, 20px));
  }
  .m-md--20--force {
    margin: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mx-md--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mx-md--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .my-md--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .my-md--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mt-md--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mt-md--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mr-md--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mr-md--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mb-md--20 {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mb-md--20--force {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .ml-md--20 {
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .ml-md--20--force {
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .m-md--16 {
    margin: calc(-1 * var(--matcha-space-200, 16px));
  }
  .m-md--16--force {
    margin: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mx-md--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mx-md--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .my-md--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .my-md--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mt-md--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mt-md--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mr-md--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mr-md--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mb-md--16 {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mb-md--16--force {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .ml-md--16 {
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .ml-md--16--force {
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .m-md--12 {
    margin: calc(-1 * var(--matcha-space-150, 12px));
  }
  .m-md--12--force {
    margin: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mx-md--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mx-md--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .my-md--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .my-md--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mt-md--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mt-md--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mr-md--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mr-md--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mb-md--12 {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mb-md--12--force {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .ml-md--12 {
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .ml-md--12--force {
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .m-md--8 {
    margin: calc(-1 * var(--matcha-space-100, 8px));
  }
  .m-md--8--force {
    margin: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mx-md--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mx-md--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .my-md--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .my-md--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mt-md--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mt-md--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mr-md--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mr-md--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mb-md--8 {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mb-md--8--force {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .ml-md--8 {
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .ml-md--8--force {
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .m-md--4 {
    margin: calc(-1 * var(--matcha-space-050, 4px));
  }
  .m-md--4--force {
    margin: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mx-md--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mx-md--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .my-md--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .my-md--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mt-md--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mt-md--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mr-md--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mr-md--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mb-md--4 {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mb-md--4--force {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .ml-md--4 {
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .ml-md--4--force {
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .m-md-0 {
    margin: var(--matcha-space-0, 0);
  }
  .m-md-0--force {
    margin: var(--matcha-space-0, 0) !important;
  }
  .mx-md-0 {
    margin-right: var(--matcha-space-0, 0);
    margin-left: var(--matcha-space-0, 0);
  }
  .mx-md-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .my-md-0 {
    margin-top: var(--matcha-space-0, 0);
    margin-bottom: var(--matcha-space-0, 0);
  }
  .my-md-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .mt-md-0 {
    margin-top: var(--matcha-space-0, 0);
  }
  .mt-md-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
  }
  .mr-md-0 {
    margin-right: var(--matcha-space-0, 0);
  }
  .mr-md-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
  }
  .mb-md-0 {
    margin-bottom: var(--matcha-space-0, 0);
  }
  .mb-md-0--force {
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .ml-md-0 {
    margin-left: var(--matcha-space-0, 0);
  }
  .ml-md-0--force {
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .m-md-4 {
    margin: var(--matcha-space-050, 4px);
  }
  .m-md-4--force {
    margin: var(--matcha-space-050, 4px) !important;
  }
  .mx-md-4 {
    margin-right: var(--matcha-space-050, 4px);
    margin-left: var(--matcha-space-050, 4px);
  }
  .mx-md-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .my-md-4 {
    margin-top: var(--matcha-space-050, 4px);
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .my-md-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .mt-md-4 {
    margin-top: var(--matcha-space-050, 4px);
  }
  .mt-md-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
  }
  .mr-md-4 {
    margin-right: var(--matcha-space-050, 4px);
  }
  .mr-md-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
  }
  .mb-md-4 {
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .mb-md-4--force {
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .ml-md-4 {
    margin-left: var(--matcha-space-050, 4px);
  }
  .ml-md-4--force {
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .m-md-8 {
    margin: var(--matcha-space-100, 8px);
  }
  .m-md-8--force {
    margin: var(--matcha-space-100, 8px) !important;
  }
  .mx-md-8 {
    margin-right: var(--matcha-space-100, 8px);
    margin-left: var(--matcha-space-100, 8px);
  }
  .mx-md-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .my-md-8 {
    margin-top: var(--matcha-space-100, 8px);
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .my-md-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .mt-md-8 {
    margin-top: var(--matcha-space-100, 8px);
  }
  .mt-md-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
  }
  .mr-md-8 {
    margin-right: var(--matcha-space-100, 8px);
  }
  .mr-md-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
  }
  .mb-md-8 {
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .mb-md-8--force {
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .ml-md-8 {
    margin-left: var(--matcha-space-100, 8px);
  }
  .ml-md-8--force {
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .m-md-12 {
    margin: var(--matcha-space-150, 12px);
  }
  .m-md-12--force {
    margin: var(--matcha-space-150, 12px) !important;
  }
  .mx-md-12 {
    margin-right: var(--matcha-space-150, 12px);
    margin-left: var(--matcha-space-150, 12px);
  }
  .mx-md-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .my-md-12 {
    margin-top: var(--matcha-space-150, 12px);
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .my-md-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .mt-md-12 {
    margin-top: var(--matcha-space-150, 12px);
  }
  .mt-md-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
  }
  .mr-md-12 {
    margin-right: var(--matcha-space-150, 12px);
  }
  .mr-md-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
  }
  .mb-md-12 {
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .mb-md-12--force {
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .ml-md-12 {
    margin-left: var(--matcha-space-150, 12px);
  }
  .ml-md-12--force {
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .m-md-16 {
    margin: var(--matcha-space-200, 16px);
  }
  .m-md-16--force {
    margin: var(--matcha-space-200, 16px) !important;
  }
  .mx-md-16 {
    margin-right: var(--matcha-space-200, 16px);
    margin-left: var(--matcha-space-200, 16px);
  }
  .mx-md-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .my-md-16 {
    margin-top: var(--matcha-space-200, 16px);
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .my-md-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .mt-md-16 {
    margin-top: var(--matcha-space-200, 16px);
  }
  .mt-md-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
  }
  .mr-md-16 {
    margin-right: var(--matcha-space-200, 16px);
  }
  .mr-md-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
  }
  .mb-md-16 {
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .mb-md-16--force {
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .ml-md-16 {
    margin-left: var(--matcha-space-200, 16px);
  }
  .ml-md-16--force {
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .m-md-20 {
    margin: var(--matcha-space-250, 20px);
  }
  .m-md-20--force {
    margin: var(--matcha-space-250, 20px) !important;
  }
  .mx-md-20 {
    margin-right: var(--matcha-space-250, 20px);
    margin-left: var(--matcha-space-250, 20px);
  }
  .mx-md-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .my-md-20 {
    margin-top: var(--matcha-space-250, 20px);
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .my-md-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .mt-md-20 {
    margin-top: var(--matcha-space-250, 20px);
  }
  .mt-md-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
  }
  .mr-md-20 {
    margin-right: var(--matcha-space-250, 20px);
  }
  .mr-md-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
  }
  .mb-md-20 {
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .mb-md-20--force {
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .ml-md-20 {
    margin-left: var(--matcha-space-250, 20px);
  }
  .ml-md-20--force {
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .m-md-24 {
    margin: var(--matcha-space-300, 24px);
  }
  .m-md-24--force {
    margin: var(--matcha-space-300, 24px) !important;
  }
  .mx-md-24 {
    margin-right: var(--matcha-space-300, 24px);
    margin-left: var(--matcha-space-300, 24px);
  }
  .mx-md-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .my-md-24 {
    margin-top: var(--matcha-space-300, 24px);
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .my-md-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .mt-md-24 {
    margin-top: var(--matcha-space-300, 24px);
  }
  .mt-md-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
  }
  .mr-md-24 {
    margin-right: var(--matcha-space-300, 24px);
  }
  .mr-md-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
  }
  .mb-md-24 {
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .mb-md-24--force {
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .ml-md-24 {
    margin-left: var(--matcha-space-300, 24px);
  }
  .ml-md-24--force {
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .m-md-28 {
    margin: 28px;
  }
  .m-md-28--force {
    margin: 28px !important;
  }
  .mx-md-28 {
    margin-right: 28px;
    margin-left: 28px;
  }
  .mx-md-28--force {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-md-28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .my-md-28--force {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-md-28 {
    margin-top: 28px;
  }
  .mt-md-28--force {
    margin-top: 28px !important;
  }
  .mr-md-28 {
    margin-right: 28px;
  }
  .mr-md-28--force {
    margin-right: 28px !important;
  }
  .mb-md-28 {
    margin-bottom: 28px;
  }
  .mb-md-28--force {
    margin-bottom: 28px !important;
  }
  .ml-md-28 {
    margin-left: 28px;
  }
  .ml-md-28--force {
    margin-left: 28px !important;
  }
  .m-md-32 {
    margin: var(--matcha-space-400, 32px);
  }
  .m-md-32--force {
    margin: var(--matcha-space-400, 32px) !important;
  }
  .mx-md-32 {
    margin-right: var(--matcha-space-400, 32px);
    margin-left: var(--matcha-space-400, 32px);
  }
  .mx-md-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .my-md-32 {
    margin-top: var(--matcha-space-400, 32px);
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .my-md-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .mt-md-32 {
    margin-top: var(--matcha-space-400, 32px);
  }
  .mt-md-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
  }
  .mr-md-32 {
    margin-right: var(--matcha-space-400, 32px);
  }
  .mr-md-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
  }
  .mb-md-32 {
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .mb-md-32--force {
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .ml-md-32 {
    margin-left: var(--matcha-space-400, 32px);
  }
  .ml-md-32--force {
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .m-md-36 {
    margin: 36px;
  }
  .m-md-36--force {
    margin: 36px !important;
  }
  .mx-md-36 {
    margin-right: 36px;
    margin-left: 36px;
  }
  .mx-md-36--force {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-md-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .my-md-36--force {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mt-md-36 {
    margin-top: 36px;
  }
  .mt-md-36--force {
    margin-top: 36px !important;
  }
  .mr-md-36 {
    margin-right: 36px;
  }
  .mr-md-36--force {
    margin-right: 36px !important;
  }
  .mb-md-36 {
    margin-bottom: 36px;
  }
  .mb-md-36--force {
    margin-bottom: 36px !important;
  }
  .ml-md-36 {
    margin-left: 36px;
  }
  .ml-md-36--force {
    margin-left: 36px !important;
  }
  .m-md-40 {
    margin: var(--matcha-space-500, 40px);
  }
  .m-md-40--force {
    margin: var(--matcha-space-500, 40px) !important;
  }
  .mx-md-40 {
    margin-right: var(--matcha-space-500, 40px);
    margin-left: var(--matcha-space-500, 40px);
  }
  .mx-md-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .my-md-40 {
    margin-top: var(--matcha-space-500, 40px);
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .my-md-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .mt-md-40 {
    margin-top: var(--matcha-space-500, 40px);
  }
  .mt-md-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
  }
  .mr-md-40 {
    margin-right: var(--matcha-space-500, 40px);
  }
  .mr-md-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
  }
  .mb-md-40 {
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .mb-md-40--force {
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .ml-md-40 {
    margin-left: var(--matcha-space-500, 40px);
  }
  .ml-md-40--force {
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .m-md-44 {
    margin: 44px;
  }
  .m-md-44--force {
    margin: 44px !important;
  }
  .mx-md-44 {
    margin-right: 44px;
    margin-left: 44px;
  }
  .mx-md-44--force {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-md-44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .my-md-44--force {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .mt-md-44 {
    margin-top: 44px;
  }
  .mt-md-44--force {
    margin-top: 44px !important;
  }
  .mr-md-44 {
    margin-right: 44px;
  }
  .mr-md-44--force {
    margin-right: 44px !important;
  }
  .mb-md-44 {
    margin-bottom: 44px;
  }
  .mb-md-44--force {
    margin-bottom: 44px !important;
  }
  .ml-md-44 {
    margin-left: 44px;
  }
  .ml-md-44--force {
    margin-left: 44px !important;
  }
  .m-md-48 {
    margin: var(--matcha-space-600, 48px);
  }
  .m-md-48--force {
    margin: var(--matcha-space-600, 48px) !important;
  }
  .mx-md-48 {
    margin-right: var(--matcha-space-600, 48px);
    margin-left: var(--matcha-space-600, 48px);
  }
  .mx-md-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .my-md-48 {
    margin-top: var(--matcha-space-600, 48px);
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .my-md-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .mt-md-48 {
    margin-top: var(--matcha-space-600, 48px);
  }
  .mt-md-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
  }
  .mr-md-48 {
    margin-right: var(--matcha-space-600, 48px);
  }
  .mr-md-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
  }
  .mb-md-48 {
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .mb-md-48--force {
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .ml-md-48 {
    margin-left: var(--matcha-space-600, 48px);
  }
  .ml-md-48--force {
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .m-md-52 {
    margin: 52px;
  }
  .m-md-52--force {
    margin: 52px !important;
  }
  .mx-md-52 {
    margin-right: 52px;
    margin-left: 52px;
  }
  .mx-md-52--force {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-md-52 {
    margin-top: 52px;
    margin-bottom: 52px;
  }
  .my-md-52--force {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .mt-md-52 {
    margin-top: 52px;
  }
  .mt-md-52--force {
    margin-top: 52px !important;
  }
  .mr-md-52 {
    margin-right: 52px;
  }
  .mr-md-52--force {
    margin-right: 52px !important;
  }
  .mb-md-52 {
    margin-bottom: 52px;
  }
  .mb-md-52--force {
    margin-bottom: 52px !important;
  }
  .ml-md-52 {
    margin-left: 52px;
  }
  .ml-md-52--force {
    margin-left: 52px !important;
  }
  .m-md-56 {
    margin: 56px;
  }
  .m-md-56--force {
    margin: 56px !important;
  }
  .mx-md-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .mx-md-56--force {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-md-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .my-md-56--force {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mt-md-56 {
    margin-top: 56px;
  }
  .mt-md-56--force {
    margin-top: 56px !important;
  }
  .mr-md-56 {
    margin-right: 56px;
  }
  .mr-md-56--force {
    margin-right: 56px !important;
  }
  .mb-md-56 {
    margin-bottom: 56px;
  }
  .mb-md-56--force {
    margin-bottom: 56px !important;
  }
  .ml-md-56 {
    margin-left: 56px;
  }
  .ml-md-56--force {
    margin-left: 56px !important;
  }
  .m-md-60 {
    margin: 60px;
  }
  .m-md-60--force {
    margin: 60px !important;
  }
  .mx-md-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mx-md-60--force {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-md-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .my-md-60--force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mt-md-60 {
    margin-top: 60px;
  }
  .mt-md-60--force {
    margin-top: 60px !important;
  }
  .mr-md-60 {
    margin-right: 60px;
  }
  .mr-md-60--force {
    margin-right: 60px !important;
  }
  .mb-md-60 {
    margin-bottom: 60px;
  }
  .mb-md-60--force {
    margin-bottom: 60px !important;
  }
  .ml-md-60 {
    margin-left: 60px;
  }
  .ml-md-60--force {
    margin-left: 60px !important;
  }
  .m-md-64 {
    margin: var(--matcha-space-800, 64px);
  }
  .m-md-64--force {
    margin: var(--matcha-space-800, 64px) !important;
  }
  .mx-md-64 {
    margin-right: var(--matcha-space-800, 64px);
    margin-left: var(--matcha-space-800, 64px);
  }
  .mx-md-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .my-md-64 {
    margin-top: var(--matcha-space-800, 64px);
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .my-md-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .mt-md-64 {
    margin-top: var(--matcha-space-800, 64px);
  }
  .mt-md-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
  }
  .mr-md-64 {
    margin-right: var(--matcha-space-800, 64px);
  }
  .mr-md-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
  }
  .mb-md-64 {
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .mb-md-64--force {
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .ml-md-64 {
    margin-left: var(--matcha-space-800, 64px);
  }
  .ml-md-64--force {
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .m-md-auto {
    margin: auto;
  }
  .m-md-auto--force {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto;
  }
  .mt-md-auto--force {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto;
  }
  .mr-md-auto--force {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto;
  }
  .mb-md-auto--force {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto;
  }
  .ml-md-auto--force {
    margin-left: auto !important;
  }
  .mx-md-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .mx-md-auto--force {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .my-md-auto--force {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-md--64 {
    padding: calc(-1 * var(--matcha-space-800, 64px));
  }
  .p-md--64--force {
    padding: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .px-md--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .px-md--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .py-md--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .py-md--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pt-md--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pt-md--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pr-md--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pr-md--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pb-md--64 {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pb-md--64--force {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pl-md--64 {
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pl-md--64--force {
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .p-md--60 {
    padding: -60px;
  }
  .p-md--60--force {
    padding: -60px !important;
  }
  .px-md--60 {
    padding-right: -60px;
    padding-left: -60px;
  }
  .px-md--60--force {
    padding-right: -60px !important;
    padding-left: -60px !important;
  }
  .py-md--60 {
    padding-top: -60px;
    padding-bottom: -60px;
  }
  .py-md--60--force {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }
  .pt-md--60 {
    padding-top: -60px;
  }
  .pt-md--60--force {
    padding-top: -60px !important;
  }
  .pr-md--60 {
    padding-right: -60px;
  }
  .pr-md--60--force {
    padding-right: -60px !important;
  }
  .pb-md--60 {
    padding-bottom: -60px;
  }
  .pb-md--60--force {
    padding-bottom: -60px !important;
  }
  .pl-md--60 {
    padding-left: -60px;
  }
  .pl-md--60--force {
    padding-left: -60px !important;
  }
  .p-md--56 {
    padding: -56px;
  }
  .p-md--56--force {
    padding: -56px !important;
  }
  .px-md--56 {
    padding-right: -56px;
    padding-left: -56px;
  }
  .px-md--56--force {
    padding-right: -56px !important;
    padding-left: -56px !important;
  }
  .py-md--56 {
    padding-top: -56px;
    padding-bottom: -56px;
  }
  .py-md--56--force {
    padding-top: -56px !important;
    padding-bottom: -56px !important;
  }
  .pt-md--56 {
    padding-top: -56px;
  }
  .pt-md--56--force {
    padding-top: -56px !important;
  }
  .pr-md--56 {
    padding-right: -56px;
  }
  .pr-md--56--force {
    padding-right: -56px !important;
  }
  .pb-md--56 {
    padding-bottom: -56px;
  }
  .pb-md--56--force {
    padding-bottom: -56px !important;
  }
  .pl-md--56 {
    padding-left: -56px;
  }
  .pl-md--56--force {
    padding-left: -56px !important;
  }
  .p-md--52 {
    padding: -52px;
  }
  .p-md--52--force {
    padding: -52px !important;
  }
  .px-md--52 {
    padding-right: -52px;
    padding-left: -52px;
  }
  .px-md--52--force {
    padding-right: -52px !important;
    padding-left: -52px !important;
  }
  .py-md--52 {
    padding-top: -52px;
    padding-bottom: -52px;
  }
  .py-md--52--force {
    padding-top: -52px !important;
    padding-bottom: -52px !important;
  }
  .pt-md--52 {
    padding-top: -52px;
  }
  .pt-md--52--force {
    padding-top: -52px !important;
  }
  .pr-md--52 {
    padding-right: -52px;
  }
  .pr-md--52--force {
    padding-right: -52px !important;
  }
  .pb-md--52 {
    padding-bottom: -52px;
  }
  .pb-md--52--force {
    padding-bottom: -52px !important;
  }
  .pl-md--52 {
    padding-left: -52px;
  }
  .pl-md--52--force {
    padding-left: -52px !important;
  }
  .p-md--48 {
    padding: calc(-1 * var(--matcha-space-600, 48px));
  }
  .p-md--48--force {
    padding: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .px-md--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .px-md--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .py-md--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .py-md--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pt-md--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pt-md--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pr-md--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pr-md--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pb-md--48 {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pb-md--48--force {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pl-md--48 {
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pl-md--48--force {
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .p-md--44 {
    padding: -44px;
  }
  .p-md--44--force {
    padding: -44px !important;
  }
  .px-md--44 {
    padding-right: -44px;
    padding-left: -44px;
  }
  .px-md--44--force {
    padding-right: -44px !important;
    padding-left: -44px !important;
  }
  .py-md--44 {
    padding-top: -44px;
    padding-bottom: -44px;
  }
  .py-md--44--force {
    padding-top: -44px !important;
    padding-bottom: -44px !important;
  }
  .pt-md--44 {
    padding-top: -44px;
  }
  .pt-md--44--force {
    padding-top: -44px !important;
  }
  .pr-md--44 {
    padding-right: -44px;
  }
  .pr-md--44--force {
    padding-right: -44px !important;
  }
  .pb-md--44 {
    padding-bottom: -44px;
  }
  .pb-md--44--force {
    padding-bottom: -44px !important;
  }
  .pl-md--44 {
    padding-left: -44px;
  }
  .pl-md--44--force {
    padding-left: -44px !important;
  }
  .p-md--40 {
    padding: calc(-1 * var(--matcha-space-500, 40px));
  }
  .p-md--40--force {
    padding: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .px-md--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .px-md--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .py-md--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .py-md--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pt-md--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pt-md--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pr-md--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pr-md--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pb-md--40 {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pb-md--40--force {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pl-md--40 {
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pl-md--40--force {
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .p-md--36 {
    padding: -36px;
  }
  .p-md--36--force {
    padding: -36px !important;
  }
  .px-md--36 {
    padding-right: -36px;
    padding-left: -36px;
  }
  .px-md--36--force {
    padding-right: -36px !important;
    padding-left: -36px !important;
  }
  .py-md--36 {
    padding-top: -36px;
    padding-bottom: -36px;
  }
  .py-md--36--force {
    padding-top: -36px !important;
    padding-bottom: -36px !important;
  }
  .pt-md--36 {
    padding-top: -36px;
  }
  .pt-md--36--force {
    padding-top: -36px !important;
  }
  .pr-md--36 {
    padding-right: -36px;
  }
  .pr-md--36--force {
    padding-right: -36px !important;
  }
  .pb-md--36 {
    padding-bottom: -36px;
  }
  .pb-md--36--force {
    padding-bottom: -36px !important;
  }
  .pl-md--36 {
    padding-left: -36px;
  }
  .pl-md--36--force {
    padding-left: -36px !important;
  }
  .p-md--32 {
    padding: calc(-1 * var(--matcha-space-400, 32px));
  }
  .p-md--32--force {
    padding: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .px-md--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .px-md--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .py-md--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .py-md--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pt-md--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pt-md--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pr-md--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pr-md--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pb-md--32 {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pb-md--32--force {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pl-md--32 {
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pl-md--32--force {
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .p-md--28 {
    padding: -28px;
  }
  .p-md--28--force {
    padding: -28px !important;
  }
  .px-md--28 {
    padding-right: -28px;
    padding-left: -28px;
  }
  .px-md--28--force {
    padding-right: -28px !important;
    padding-left: -28px !important;
  }
  .py-md--28 {
    padding-top: -28px;
    padding-bottom: -28px;
  }
  .py-md--28--force {
    padding-top: -28px !important;
    padding-bottom: -28px !important;
  }
  .pt-md--28 {
    padding-top: -28px;
  }
  .pt-md--28--force {
    padding-top: -28px !important;
  }
  .pr-md--28 {
    padding-right: -28px;
  }
  .pr-md--28--force {
    padding-right: -28px !important;
  }
  .pb-md--28 {
    padding-bottom: -28px;
  }
  .pb-md--28--force {
    padding-bottom: -28px !important;
  }
  .pl-md--28 {
    padding-left: -28px;
  }
  .pl-md--28--force {
    padding-left: -28px !important;
  }
  .p-md--24 {
    padding: calc(-1 * var(--matcha-space-300, 24px));
  }
  .p-md--24--force {
    padding: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .px-md--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .px-md--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .py-md--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .py-md--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pt-md--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pt-md--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pr-md--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pr-md--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pb-md--24 {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pb-md--24--force {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pl-md--24 {
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pl-md--24--force {
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .p-md--20 {
    padding: calc(-1 * var(--matcha-space-250, 20px));
  }
  .p-md--20--force {
    padding: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .px-md--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .px-md--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .py-md--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .py-md--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pt-md--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pt-md--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pr-md--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pr-md--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pb-md--20 {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pb-md--20--force {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pl-md--20 {
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pl-md--20--force {
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .p-md--16 {
    padding: calc(-1 * var(--matcha-space-200, 16px));
  }
  .p-md--16--force {
    padding: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .px-md--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .px-md--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .py-md--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .py-md--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pt-md--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pt-md--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pr-md--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pr-md--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pb-md--16 {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pb-md--16--force {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pl-md--16 {
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pl-md--16--force {
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .p-md--12 {
    padding: calc(-1 * var(--matcha-space-150, 12px));
  }
  .p-md--12--force {
    padding: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .px-md--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .px-md--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .py-md--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .py-md--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pt-md--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pt-md--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pr-md--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pr-md--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pb-md--12 {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pb-md--12--force {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pl-md--12 {
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pl-md--12--force {
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .p-md--8 {
    padding: calc(-1 * var(--matcha-space-100, 8px));
  }
  .p-md--8--force {
    padding: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .px-md--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .px-md--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .py-md--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .py-md--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pt-md--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pt-md--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pr-md--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pr-md--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pb-md--8 {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pb-md--8--force {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pl-md--8 {
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pl-md--8--force {
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .p-md--4 {
    padding: calc(-1 * var(--matcha-space-050, 4px));
  }
  .p-md--4--force {
    padding: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .px-md--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .px-md--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .py-md--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .py-md--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pt-md--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pt-md--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pr-md--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pr-md--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pb-md--4 {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pb-md--4--force {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pl-md--4 {
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pl-md--4--force {
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .p-md-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-md-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-md-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-md-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-md-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-md-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-md-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-md-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-md-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-md-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-md-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-md-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-md-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-md-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-md-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-md-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-md-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-md-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-md-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-md-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-md-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-md-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-md-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-md-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-md-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-md-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-md-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-md-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-md-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-md-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-md-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-md-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-md-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-md-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-md-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-md-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-md-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-md-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-md-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-md-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-md-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-md-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-md-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-md-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-md-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-md-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-md-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-md-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-md-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-md-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-md-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-md-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-md-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-md-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-md-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-md-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-md-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-md-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-md-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-md-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-md-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-md-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-md-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-md-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-md-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-md-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-md-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-md-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-md-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-md-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-md-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-md-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-md-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-md-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-md-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-md-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-md-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-md-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-md-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-md-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-md-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-md-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-md-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-md-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-md-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-md-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-md-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-md-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-md-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-md-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-md-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-md-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-md-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-md-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-md-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-md-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-md-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-md-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-md-28 {
    padding: 28px;
  }
  .p-md-28--force {
    padding: 28px !important;
  }
  .px-md-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-md-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-md-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-md-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-md-28 {
    padding-top: 28px;
  }
  .pt-md-28--force {
    padding-top: 28px !important;
  }
  .pr-md-28 {
    padding-right: 28px;
  }
  .pr-md-28--force {
    padding-right: 28px !important;
  }
  .pb-md-28 {
    padding-bottom: 28px;
  }
  .pb-md-28--force {
    padding-bottom: 28px !important;
  }
  .pl-md-28 {
    padding-left: 28px;
  }
  .pl-md-28--force {
    padding-left: 28px !important;
  }
  .p-md-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-md-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-md-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-md-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-md-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-md-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-md-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-md-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-md-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-md-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-md-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-md-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-md-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-md-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-md-36 {
    padding: 36px;
  }
  .p-md-36--force {
    padding: 36px !important;
  }
  .px-md-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-md-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-md-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-md-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-md-36 {
    padding-top: 36px;
  }
  .pt-md-36--force {
    padding-top: 36px !important;
  }
  .pr-md-36 {
    padding-right: 36px;
  }
  .pr-md-36--force {
    padding-right: 36px !important;
  }
  .pb-md-36 {
    padding-bottom: 36px;
  }
  .pb-md-36--force {
    padding-bottom: 36px !important;
  }
  .pl-md-36 {
    padding-left: 36px;
  }
  .pl-md-36--force {
    padding-left: 36px !important;
  }
  .p-md-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-md-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-md-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-md-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-md-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-md-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-md-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-md-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-md-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-md-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-md-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-md-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-md-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-md-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-md-44 {
    padding: 44px;
  }
  .p-md-44--force {
    padding: 44px !important;
  }
  .px-md-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-md-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-md-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-md-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-md-44 {
    padding-top: 44px;
  }
  .pt-md-44--force {
    padding-top: 44px !important;
  }
  .pr-md-44 {
    padding-right: 44px;
  }
  .pr-md-44--force {
    padding-right: 44px !important;
  }
  .pb-md-44 {
    padding-bottom: 44px;
  }
  .pb-md-44--force {
    padding-bottom: 44px !important;
  }
  .pl-md-44 {
    padding-left: 44px;
  }
  .pl-md-44--force {
    padding-left: 44px !important;
  }
  .p-md-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-md-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-md-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-md-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-md-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-md-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-md-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-md-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-md-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-md-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-md-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-md-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-md-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-md-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-md-52 {
    padding: 52px;
  }
  .p-md-52--force {
    padding: 52px !important;
  }
  .px-md-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-md-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-md-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-md-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-md-52 {
    padding-top: 52px;
  }
  .pt-md-52--force {
    padding-top: 52px !important;
  }
  .pr-md-52 {
    padding-right: 52px;
  }
  .pr-md-52--force {
    padding-right: 52px !important;
  }
  .pb-md-52 {
    padding-bottom: 52px;
  }
  .pb-md-52--force {
    padding-bottom: 52px !important;
  }
  .pl-md-52 {
    padding-left: 52px;
  }
  .pl-md-52--force {
    padding-left: 52px !important;
  }
  .p-md-56 {
    padding: 56px;
  }
  .p-md-56--force {
    padding: 56px !important;
  }
  .px-md-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-md-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-md-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-md-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-md-56 {
    padding-top: 56px;
  }
  .pt-md-56--force {
    padding-top: 56px !important;
  }
  .pr-md-56 {
    padding-right: 56px;
  }
  .pr-md-56--force {
    padding-right: 56px !important;
  }
  .pb-md-56 {
    padding-bottom: 56px;
  }
  .pb-md-56--force {
    padding-bottom: 56px !important;
  }
  .pl-md-56 {
    padding-left: 56px;
  }
  .pl-md-56--force {
    padding-left: 56px !important;
  }
  .p-md-60 {
    padding: 60px;
  }
  .p-md-60--force {
    padding: 60px !important;
  }
  .px-md-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-md-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-md-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-md-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-md-60 {
    padding-top: 60px;
  }
  .pt-md-60--force {
    padding-top: 60px !important;
  }
  .pr-md-60 {
    padding-right: 60px;
  }
  .pr-md-60--force {
    padding-right: 60px !important;
  }
  .pb-md-60 {
    padding-bottom: 60px;
  }
  .pb-md-60--force {
    padding-bottom: 60px !important;
  }
  .pl-md-60 {
    padding-left: 60px;
  }
  .pl-md-60--force {
    padding-left: 60px !important;
  }
  .p-md-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-md-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-md-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-md-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-md-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-md-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-md-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-md-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-md-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-md-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-md-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-md-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-md-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-md-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-md-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-md-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-md-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-md-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-md-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-md-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-md-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-md-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-md-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-md-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-md-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-md-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-md-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-md-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-md-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-md-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-md-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-md-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-md-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-md-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-md-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-md-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-md-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-md-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-md-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-md-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-md-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-md-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-md-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-md-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-md-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-md-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-md-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-md-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-md-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-md-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-md-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-md-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-md-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-md-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-md-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-md-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-md-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-md-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-md-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-md-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-md-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-md-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-md-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-md-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-md-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-md-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-md-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-md-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-md-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-md-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-md-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-md-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-md-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-md-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-md-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-md-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-md-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-md-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-md-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-md-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-md-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-md-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-md-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-md-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-md-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-md-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-md-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-md-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-md-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-md-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-md-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-md-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-md-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-md-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-md-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-md-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-md-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-md-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-md-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-md-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-md-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-md-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-md-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-md-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-md-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-md-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-md-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-md-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-md-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-md-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-md-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-md-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-md-28 {
    padding: 28px;
  }
  .p-md-28--force {
    padding: 28px !important;
  }
  .px-md-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-md-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-md-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-md-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-md-28 {
    padding-top: 28px;
  }
  .pt-md-28--force {
    padding-top: 28px !important;
  }
  .pr-md-28 {
    padding-right: 28px;
  }
  .pr-md-28--force {
    padding-right: 28px !important;
  }
  .pb-md-28 {
    padding-bottom: 28px;
  }
  .pb-md-28--force {
    padding-bottom: 28px !important;
  }
  .pl-md-28 {
    padding-left: 28px;
  }
  .pl-md-28--force {
    padding-left: 28px !important;
  }
  .p-md-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-md-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-md-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-md-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-md-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-md-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-md-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-md-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-md-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-md-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-md-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-md-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-md-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-md-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-md-36 {
    padding: 36px;
  }
  .p-md-36--force {
    padding: 36px !important;
  }
  .px-md-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-md-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-md-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-md-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-md-36 {
    padding-top: 36px;
  }
  .pt-md-36--force {
    padding-top: 36px !important;
  }
  .pr-md-36 {
    padding-right: 36px;
  }
  .pr-md-36--force {
    padding-right: 36px !important;
  }
  .pb-md-36 {
    padding-bottom: 36px;
  }
  .pb-md-36--force {
    padding-bottom: 36px !important;
  }
  .pl-md-36 {
    padding-left: 36px;
  }
  .pl-md-36--force {
    padding-left: 36px !important;
  }
  .p-md-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-md-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-md-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-md-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-md-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-md-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-md-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-md-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-md-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-md-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-md-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-md-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-md-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-md-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-md-44 {
    padding: 44px;
  }
  .p-md-44--force {
    padding: 44px !important;
  }
  .px-md-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-md-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-md-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-md-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-md-44 {
    padding-top: 44px;
  }
  .pt-md-44--force {
    padding-top: 44px !important;
  }
  .pr-md-44 {
    padding-right: 44px;
  }
  .pr-md-44--force {
    padding-right: 44px !important;
  }
  .pb-md-44 {
    padding-bottom: 44px;
  }
  .pb-md-44--force {
    padding-bottom: 44px !important;
  }
  .pl-md-44 {
    padding-left: 44px;
  }
  .pl-md-44--force {
    padding-left: 44px !important;
  }
  .p-md-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-md-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-md-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-md-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-md-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-md-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-md-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-md-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-md-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-md-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-md-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-md-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-md-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-md-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-md-52 {
    padding: 52px;
  }
  .p-md-52--force {
    padding: 52px !important;
  }
  .px-md-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-md-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-md-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-md-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-md-52 {
    padding-top: 52px;
  }
  .pt-md-52--force {
    padding-top: 52px !important;
  }
  .pr-md-52 {
    padding-right: 52px;
  }
  .pr-md-52--force {
    padding-right: 52px !important;
  }
  .pb-md-52 {
    padding-bottom: 52px;
  }
  .pb-md-52--force {
    padding-bottom: 52px !important;
  }
  .pl-md-52 {
    padding-left: 52px;
  }
  .pl-md-52--force {
    padding-left: 52px !important;
  }
  .p-md-56 {
    padding: 56px;
  }
  .p-md-56--force {
    padding: 56px !important;
  }
  .px-md-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-md-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-md-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-md-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-md-56 {
    padding-top: 56px;
  }
  .pt-md-56--force {
    padding-top: 56px !important;
  }
  .pr-md-56 {
    padding-right: 56px;
  }
  .pr-md-56--force {
    padding-right: 56px !important;
  }
  .pb-md-56 {
    padding-bottom: 56px;
  }
  .pb-md-56--force {
    padding-bottom: 56px !important;
  }
  .pl-md-56 {
    padding-left: 56px;
  }
  .pl-md-56--force {
    padding-left: 56px !important;
  }
  .p-md-60 {
    padding: 60px;
  }
  .p-md-60--force {
    padding: 60px !important;
  }
  .px-md-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-md-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-md-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-md-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-md-60 {
    padding-top: 60px;
  }
  .pt-md-60--force {
    padding-top: 60px !important;
  }
  .pr-md-60 {
    padding-right: 60px;
  }
  .pr-md-60--force {
    padding-right: 60px !important;
  }
  .pb-md-60 {
    padding-bottom: 60px;
  }
  .pb-md-60--force {
    padding-bottom: 60px !important;
  }
  .pl-md-60 {
    padding-left: 60px;
  }
  .pl-md-60--force {
    padding-left: 60px !important;
  }
  .p-md-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-md-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-md-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-md-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-md-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-md-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-md-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-md-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-md-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-md-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-md-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-md-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-md-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-md-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-md-68 {
    padding: 68px;
  }
  .p-md-68--force {
    padding: 68px !important;
  }
  .px-md-68 {
    padding-right: 68px;
    padding-left: 68px;
  }
  .px-md-68--force {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .py-md-68 {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .py-md-68--force {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .pt-md-68 {
    padding-top: 68px;
  }
  .pt-md-68--force {
    padding-top: 68px !important;
  }
  .pr-md-68 {
    padding-right: 68px;
  }
  .pr-md-68--force {
    padding-right: 68px !important;
  }
  .pb-md-68 {
    padding-bottom: 68px;
  }
  .pb-md-68--force {
    padding-bottom: 68px !important;
  }
  .pl-md-68 {
    padding-left: 68px;
  }
  .pl-md-68--force {
    padding-left: 68px !important;
  }
  .p-md-72 {
    padding: 72px;
  }
  .p-md-72--force {
    padding: 72px !important;
  }
  .px-md-72 {
    padding-right: 72px;
    padding-left: 72px;
  }
  .px-md-72--force {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-md-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .py-md-72--force {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .pt-md-72 {
    padding-top: 72px;
  }
  .pt-md-72--force {
    padding-top: 72px !important;
  }
  .pr-md-72 {
    padding-right: 72px;
  }
  .pr-md-72--force {
    padding-right: 72px !important;
  }
  .pb-md-72 {
    padding-bottom: 72px;
  }
  .pb-md-72--force {
    padding-bottom: 72px !important;
  }
  .pl-md-72 {
    padding-left: 72px;
  }
  .pl-md-72--force {
    padding-left: 72px !important;
  }
  .p-md-76 {
    padding: 76px;
  }
  .p-md-76--force {
    padding: 76px !important;
  }
  .px-md-76 {
    padding-right: 76px;
    padding-left: 76px;
  }
  .px-md-76--force {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .py-md-76 {
    padding-top: 76px;
    padding-bottom: 76px;
  }
  .py-md-76--force {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .pt-md-76 {
    padding-top: 76px;
  }
  .pt-md-76--force {
    padding-top: 76px !important;
  }
  .pr-md-76 {
    padding-right: 76px;
  }
  .pr-md-76--force {
    padding-right: 76px !important;
  }
  .pb-md-76 {
    padding-bottom: 76px;
  }
  .pb-md-76--force {
    padding-bottom: 76px !important;
  }
  .pl-md-76 {
    padding-left: 76px;
  }
  .pl-md-76--force {
    padding-left: 76px !important;
  }
  .p-md-80 {
    padding: var(--matcha-space-1000, 80px);
  }
  .p-md-80--force {
    padding: var(--matcha-space-1000, 80px) !important;
  }
  .px-md-80 {
    padding-right: var(--matcha-space-1000, 80px);
    padding-left: var(--matcha-space-1000, 80px);
  }
  .px-md-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .py-md-80 {
    padding-top: var(--matcha-space-1000, 80px);
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .py-md-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pt-md-80 {
    padding-top: var(--matcha-space-1000, 80px);
  }
  .pt-md-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
  }
  .pr-md-80 {
    padding-right: var(--matcha-space-1000, 80px);
  }
  .pr-md-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
  }
  .pb-md-80 {
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .pb-md-80--force {
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pl-md-80 {
    padding-left: var(--matcha-space-1000, 80px);
  }
  .pl-md-80--force {
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .p-md-84 {
    padding: 84px;
  }
  .p-md-84--force {
    padding: 84px !important;
  }
  .px-md-84 {
    padding-right: 84px;
    padding-left: 84px;
  }
  .px-md-84--force {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .py-md-84 {
    padding-top: 84px;
    padding-bottom: 84px;
  }
  .py-md-84--force {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .pt-md-84 {
    padding-top: 84px;
  }
  .pt-md-84--force {
    padding-top: 84px !important;
  }
  .pr-md-84 {
    padding-right: 84px;
  }
  .pr-md-84--force {
    padding-right: 84px !important;
  }
  .pb-md-84 {
    padding-bottom: 84px;
  }
  .pb-md-84--force {
    padding-bottom: 84px !important;
  }
  .pl-md-84 {
    padding-left: 84px;
  }
  .pl-md-84--force {
    padding-left: 84px !important;
  }
  .p-md-88 {
    padding: 88px;
  }
  .p-md-88--force {
    padding: 88px !important;
  }
  .px-md-88 {
    padding-right: 88px;
    padding-left: 88px;
  }
  .px-md-88--force {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-md-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .py-md-88--force {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .pt-md-88 {
    padding-top: 88px;
  }
  .pt-md-88--force {
    padding-top: 88px !important;
  }
  .pr-md-88 {
    padding-right: 88px;
  }
  .pr-md-88--force {
    padding-right: 88px !important;
  }
  .pb-md-88 {
    padding-bottom: 88px;
  }
  .pb-md-88--force {
    padding-bottom: 88px !important;
  }
  .pl-md-88 {
    padding-left: 88px;
  }
  .pl-md-88--force {
    padding-left: 88px !important;
  }
  .p-md-92 {
    padding: 92px;
  }
  .p-md-92--force {
    padding: 92px !important;
  }
  .px-md-92 {
    padding-right: 92px;
    padding-left: 92px;
  }
  .px-md-92--force {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .py-md-92 {
    padding-top: 92px;
    padding-bottom: 92px;
  }
  .py-md-92--force {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .pt-md-92 {
    padding-top: 92px;
  }
  .pt-md-92--force {
    padding-top: 92px !important;
  }
  .pr-md-92 {
    padding-right: 92px;
  }
  .pr-md-92--force {
    padding-right: 92px !important;
  }
  .pb-md-92 {
    padding-bottom: 92px;
  }
  .pb-md-92--force {
    padding-bottom: 92px !important;
  }
  .pl-md-92 {
    padding-left: 92px;
  }
  .pl-md-92--force {
    padding-left: 92px !important;
  }
  .p-md-96 {
    padding: var(--matcha-space-1200, 96px);
  }
  .p-md-96--force {
    padding: var(--matcha-space-1200, 96px) !important;
  }
  .px-md-96 {
    padding-right: var(--matcha-space-1200, 96px);
    padding-left: var(--matcha-space-1200, 96px);
  }
  .px-md-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
  .py-md-96 {
    padding-top: var(--matcha-space-1200, 96px);
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .py-md-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pt-md-96 {
    padding-top: var(--matcha-space-1200, 96px);
  }
  .pt-md-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
  }
  .pr-md-96 {
    padding-right: var(--matcha-space-1200, 96px);
  }
  .pr-md-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
  }
  .pb-md-96 {
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .pb-md-96--force {
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pl-md-96 {
    padding-left: var(--matcha-space-1200, 96px);
  }
  .pl-md-96--force {
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
}
@media screen and (min-width: 1280px) {
  .m-lg--64 {
    margin: calc(-1 * var(--matcha-space-800, 64px));
  }
  .m-lg--64--force {
    margin: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mx-lg--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mx-lg--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .my-lg--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .my-lg--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mt-lg--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mt-lg--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mr-lg--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mr-lg--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mb-lg--64 {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mb-lg--64--force {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .ml-lg--64 {
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .ml-lg--64--force {
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .m-lg--60 {
    margin: -60px;
  }
  .m-lg--60--force {
    margin: -60px !important;
  }
  .mx-lg--60 {
    margin-right: -60px;
    margin-left: -60px;
  }
  .mx-lg--60--force {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .my-lg--60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }
  .my-lg--60--force {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .mt-lg--60 {
    margin-top: -60px;
  }
  .mt-lg--60--force {
    margin-top: -60px !important;
  }
  .mr-lg--60 {
    margin-right: -60px;
  }
  .mr-lg--60--force {
    margin-right: -60px !important;
  }
  .mb-lg--60 {
    margin-bottom: -60px;
  }
  .mb-lg--60--force {
    margin-bottom: -60px !important;
  }
  .ml-lg--60 {
    margin-left: -60px;
  }
  .ml-lg--60--force {
    margin-left: -60px !important;
  }
  .m-lg--56 {
    margin: -56px;
  }
  .m-lg--56--force {
    margin: -56px !important;
  }
  .mx-lg--56 {
    margin-right: -56px;
    margin-left: -56px;
  }
  .mx-lg--56--force {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .my-lg--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .my-lg--56--force {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .mt-lg--56 {
    margin-top: -56px;
  }
  .mt-lg--56--force {
    margin-top: -56px !important;
  }
  .mr-lg--56 {
    margin-right: -56px;
  }
  .mr-lg--56--force {
    margin-right: -56px !important;
  }
  .mb-lg--56 {
    margin-bottom: -56px;
  }
  .mb-lg--56--force {
    margin-bottom: -56px !important;
  }
  .ml-lg--56 {
    margin-left: -56px;
  }
  .ml-lg--56--force {
    margin-left: -56px !important;
  }
  .m-lg--52 {
    margin: -52px;
  }
  .m-lg--52--force {
    margin: -52px !important;
  }
  .mx-lg--52 {
    margin-right: -52px;
    margin-left: -52px;
  }
  .mx-lg--52--force {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .my-lg--52 {
    margin-top: -52px;
    margin-bottom: -52px;
  }
  .my-lg--52--force {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .mt-lg--52 {
    margin-top: -52px;
  }
  .mt-lg--52--force {
    margin-top: -52px !important;
  }
  .mr-lg--52 {
    margin-right: -52px;
  }
  .mr-lg--52--force {
    margin-right: -52px !important;
  }
  .mb-lg--52 {
    margin-bottom: -52px;
  }
  .mb-lg--52--force {
    margin-bottom: -52px !important;
  }
  .ml-lg--52 {
    margin-left: -52px;
  }
  .ml-lg--52--force {
    margin-left: -52px !important;
  }
  .m-lg--48 {
    margin: calc(-1 * var(--matcha-space-600, 48px));
  }
  .m-lg--48--force {
    margin: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mx-lg--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mx-lg--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .my-lg--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .my-lg--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mt-lg--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mt-lg--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mr-lg--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mr-lg--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mb-lg--48 {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mb-lg--48--force {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .ml-lg--48 {
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .ml-lg--48--force {
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .m-lg--44 {
    margin: -44px;
  }
  .m-lg--44--force {
    margin: -44px !important;
  }
  .mx-lg--44 {
    margin-right: -44px;
    margin-left: -44px;
  }
  .mx-lg--44--force {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .my-lg--44 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .my-lg--44--force {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .mt-lg--44 {
    margin-top: -44px;
  }
  .mt-lg--44--force {
    margin-top: -44px !important;
  }
  .mr-lg--44 {
    margin-right: -44px;
  }
  .mr-lg--44--force {
    margin-right: -44px !important;
  }
  .mb-lg--44 {
    margin-bottom: -44px;
  }
  .mb-lg--44--force {
    margin-bottom: -44px !important;
  }
  .ml-lg--44 {
    margin-left: -44px;
  }
  .ml-lg--44--force {
    margin-left: -44px !important;
  }
  .m-lg--40 {
    margin: calc(-1 * var(--matcha-space-500, 40px));
  }
  .m-lg--40--force {
    margin: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mx-lg--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mx-lg--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .my-lg--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .my-lg--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mt-lg--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mt-lg--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mr-lg--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mr-lg--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mb-lg--40 {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mb-lg--40--force {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .ml-lg--40 {
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .ml-lg--40--force {
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .m-lg--36 {
    margin: -36px;
  }
  .m-lg--36--force {
    margin: -36px !important;
  }
  .mx-lg--36 {
    margin-right: -36px;
    margin-left: -36px;
  }
  .mx-lg--36--force {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .my-lg--36 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .my-lg--36--force {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .mt-lg--36 {
    margin-top: -36px;
  }
  .mt-lg--36--force {
    margin-top: -36px !important;
  }
  .mr-lg--36 {
    margin-right: -36px;
  }
  .mr-lg--36--force {
    margin-right: -36px !important;
  }
  .mb-lg--36 {
    margin-bottom: -36px;
  }
  .mb-lg--36--force {
    margin-bottom: -36px !important;
  }
  .ml-lg--36 {
    margin-left: -36px;
  }
  .ml-lg--36--force {
    margin-left: -36px !important;
  }
  .m-lg--32 {
    margin: calc(-1 * var(--matcha-space-400, 32px));
  }
  .m-lg--32--force {
    margin: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mx-lg--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mx-lg--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .my-lg--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .my-lg--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mt-lg--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mt-lg--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mr-lg--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mr-lg--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mb-lg--32 {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mb-lg--32--force {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .ml-lg--32 {
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .ml-lg--32--force {
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .m-lg--28 {
    margin: -28px;
  }
  .m-lg--28--force {
    margin: -28px !important;
  }
  .mx-lg--28 {
    margin-right: -28px;
    margin-left: -28px;
  }
  .mx-lg--28--force {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .my-lg--28 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .my-lg--28--force {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .mt-lg--28 {
    margin-top: -28px;
  }
  .mt-lg--28--force {
    margin-top: -28px !important;
  }
  .mr-lg--28 {
    margin-right: -28px;
  }
  .mr-lg--28--force {
    margin-right: -28px !important;
  }
  .mb-lg--28 {
    margin-bottom: -28px;
  }
  .mb-lg--28--force {
    margin-bottom: -28px !important;
  }
  .ml-lg--28 {
    margin-left: -28px;
  }
  .ml-lg--28--force {
    margin-left: -28px !important;
  }
  .m-lg--24 {
    margin: calc(-1 * var(--matcha-space-300, 24px));
  }
  .m-lg--24--force {
    margin: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mx-lg--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mx-lg--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .my-lg--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .my-lg--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mt-lg--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mt-lg--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mr-lg--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mr-lg--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mb-lg--24 {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mb-lg--24--force {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .ml-lg--24 {
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .ml-lg--24--force {
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .m-lg--20 {
    margin: calc(-1 * var(--matcha-space-250, 20px));
  }
  .m-lg--20--force {
    margin: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mx-lg--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mx-lg--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .my-lg--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .my-lg--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mt-lg--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mt-lg--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mr-lg--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mr-lg--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mb-lg--20 {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mb-lg--20--force {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .ml-lg--20 {
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .ml-lg--20--force {
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .m-lg--16 {
    margin: calc(-1 * var(--matcha-space-200, 16px));
  }
  .m-lg--16--force {
    margin: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mx-lg--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mx-lg--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .my-lg--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .my-lg--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mt-lg--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mt-lg--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mr-lg--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mr-lg--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mb-lg--16 {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mb-lg--16--force {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .ml-lg--16 {
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .ml-lg--16--force {
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .m-lg--12 {
    margin: calc(-1 * var(--matcha-space-150, 12px));
  }
  .m-lg--12--force {
    margin: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mx-lg--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mx-lg--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .my-lg--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .my-lg--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mt-lg--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mt-lg--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mr-lg--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mr-lg--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mb-lg--12 {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mb-lg--12--force {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .ml-lg--12 {
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .ml-lg--12--force {
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .m-lg--8 {
    margin: calc(-1 * var(--matcha-space-100, 8px));
  }
  .m-lg--8--force {
    margin: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mx-lg--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mx-lg--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .my-lg--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .my-lg--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mt-lg--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mt-lg--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mr-lg--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mr-lg--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mb-lg--8 {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mb-lg--8--force {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .ml-lg--8 {
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .ml-lg--8--force {
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .m-lg--4 {
    margin: calc(-1 * var(--matcha-space-050, 4px));
  }
  .m-lg--4--force {
    margin: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mx-lg--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mx-lg--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .my-lg--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .my-lg--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mt-lg--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mt-lg--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mr-lg--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mr-lg--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mb-lg--4 {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mb-lg--4--force {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .ml-lg--4 {
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .ml-lg--4--force {
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .m-lg-0 {
    margin: var(--matcha-space-0, 0);
  }
  .m-lg-0--force {
    margin: var(--matcha-space-0, 0) !important;
  }
  .mx-lg-0 {
    margin-right: var(--matcha-space-0, 0);
    margin-left: var(--matcha-space-0, 0);
  }
  .mx-lg-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .my-lg-0 {
    margin-top: var(--matcha-space-0, 0);
    margin-bottom: var(--matcha-space-0, 0);
  }
  .my-lg-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .mt-lg-0 {
    margin-top: var(--matcha-space-0, 0);
  }
  .mt-lg-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
  }
  .mr-lg-0 {
    margin-right: var(--matcha-space-0, 0);
  }
  .mr-lg-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
  }
  .mb-lg-0 {
    margin-bottom: var(--matcha-space-0, 0);
  }
  .mb-lg-0--force {
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .ml-lg-0 {
    margin-left: var(--matcha-space-0, 0);
  }
  .ml-lg-0--force {
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .m-lg-4 {
    margin: var(--matcha-space-050, 4px);
  }
  .m-lg-4--force {
    margin: var(--matcha-space-050, 4px) !important;
  }
  .mx-lg-4 {
    margin-right: var(--matcha-space-050, 4px);
    margin-left: var(--matcha-space-050, 4px);
  }
  .mx-lg-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .my-lg-4 {
    margin-top: var(--matcha-space-050, 4px);
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .my-lg-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .mt-lg-4 {
    margin-top: var(--matcha-space-050, 4px);
  }
  .mt-lg-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
  }
  .mr-lg-4 {
    margin-right: var(--matcha-space-050, 4px);
  }
  .mr-lg-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
  }
  .mb-lg-4 {
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .mb-lg-4--force {
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .ml-lg-4 {
    margin-left: var(--matcha-space-050, 4px);
  }
  .ml-lg-4--force {
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .m-lg-8 {
    margin: var(--matcha-space-100, 8px);
  }
  .m-lg-8--force {
    margin: var(--matcha-space-100, 8px) !important;
  }
  .mx-lg-8 {
    margin-right: var(--matcha-space-100, 8px);
    margin-left: var(--matcha-space-100, 8px);
  }
  .mx-lg-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .my-lg-8 {
    margin-top: var(--matcha-space-100, 8px);
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .my-lg-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .mt-lg-8 {
    margin-top: var(--matcha-space-100, 8px);
  }
  .mt-lg-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
  }
  .mr-lg-8 {
    margin-right: var(--matcha-space-100, 8px);
  }
  .mr-lg-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
  }
  .mb-lg-8 {
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .mb-lg-8--force {
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .ml-lg-8 {
    margin-left: var(--matcha-space-100, 8px);
  }
  .ml-lg-8--force {
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .m-lg-12 {
    margin: var(--matcha-space-150, 12px);
  }
  .m-lg-12--force {
    margin: var(--matcha-space-150, 12px) !important;
  }
  .mx-lg-12 {
    margin-right: var(--matcha-space-150, 12px);
    margin-left: var(--matcha-space-150, 12px);
  }
  .mx-lg-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .my-lg-12 {
    margin-top: var(--matcha-space-150, 12px);
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .my-lg-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .mt-lg-12 {
    margin-top: var(--matcha-space-150, 12px);
  }
  .mt-lg-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
  }
  .mr-lg-12 {
    margin-right: var(--matcha-space-150, 12px);
  }
  .mr-lg-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
  }
  .mb-lg-12 {
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .mb-lg-12--force {
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .ml-lg-12 {
    margin-left: var(--matcha-space-150, 12px);
  }
  .ml-lg-12--force {
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .m-lg-16 {
    margin: var(--matcha-space-200, 16px);
  }
  .m-lg-16--force {
    margin: var(--matcha-space-200, 16px) !important;
  }
  .mx-lg-16 {
    margin-right: var(--matcha-space-200, 16px);
    margin-left: var(--matcha-space-200, 16px);
  }
  .mx-lg-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .my-lg-16 {
    margin-top: var(--matcha-space-200, 16px);
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .my-lg-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .mt-lg-16 {
    margin-top: var(--matcha-space-200, 16px);
  }
  .mt-lg-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
  }
  .mr-lg-16 {
    margin-right: var(--matcha-space-200, 16px);
  }
  .mr-lg-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
  }
  .mb-lg-16 {
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .mb-lg-16--force {
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .ml-lg-16 {
    margin-left: var(--matcha-space-200, 16px);
  }
  .ml-lg-16--force {
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .m-lg-20 {
    margin: var(--matcha-space-250, 20px);
  }
  .m-lg-20--force {
    margin: var(--matcha-space-250, 20px) !important;
  }
  .mx-lg-20 {
    margin-right: var(--matcha-space-250, 20px);
    margin-left: var(--matcha-space-250, 20px);
  }
  .mx-lg-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .my-lg-20 {
    margin-top: var(--matcha-space-250, 20px);
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .my-lg-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .mt-lg-20 {
    margin-top: var(--matcha-space-250, 20px);
  }
  .mt-lg-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
  }
  .mr-lg-20 {
    margin-right: var(--matcha-space-250, 20px);
  }
  .mr-lg-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
  }
  .mb-lg-20 {
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .mb-lg-20--force {
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .ml-lg-20 {
    margin-left: var(--matcha-space-250, 20px);
  }
  .ml-lg-20--force {
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .m-lg-24 {
    margin: var(--matcha-space-300, 24px);
  }
  .m-lg-24--force {
    margin: var(--matcha-space-300, 24px) !important;
  }
  .mx-lg-24 {
    margin-right: var(--matcha-space-300, 24px);
    margin-left: var(--matcha-space-300, 24px);
  }
  .mx-lg-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .my-lg-24 {
    margin-top: var(--matcha-space-300, 24px);
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .my-lg-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .mt-lg-24 {
    margin-top: var(--matcha-space-300, 24px);
  }
  .mt-lg-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
  }
  .mr-lg-24 {
    margin-right: var(--matcha-space-300, 24px);
  }
  .mr-lg-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
  }
  .mb-lg-24 {
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .mb-lg-24--force {
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .ml-lg-24 {
    margin-left: var(--matcha-space-300, 24px);
  }
  .ml-lg-24--force {
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .m-lg-28 {
    margin: 28px;
  }
  .m-lg-28--force {
    margin: 28px !important;
  }
  .mx-lg-28 {
    margin-right: 28px;
    margin-left: 28px;
  }
  .mx-lg-28--force {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-lg-28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .my-lg-28--force {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-lg-28 {
    margin-top: 28px;
  }
  .mt-lg-28--force {
    margin-top: 28px !important;
  }
  .mr-lg-28 {
    margin-right: 28px;
  }
  .mr-lg-28--force {
    margin-right: 28px !important;
  }
  .mb-lg-28 {
    margin-bottom: 28px;
  }
  .mb-lg-28--force {
    margin-bottom: 28px !important;
  }
  .ml-lg-28 {
    margin-left: 28px;
  }
  .ml-lg-28--force {
    margin-left: 28px !important;
  }
  .m-lg-32 {
    margin: var(--matcha-space-400, 32px);
  }
  .m-lg-32--force {
    margin: var(--matcha-space-400, 32px) !important;
  }
  .mx-lg-32 {
    margin-right: var(--matcha-space-400, 32px);
    margin-left: var(--matcha-space-400, 32px);
  }
  .mx-lg-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .my-lg-32 {
    margin-top: var(--matcha-space-400, 32px);
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .my-lg-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .mt-lg-32 {
    margin-top: var(--matcha-space-400, 32px);
  }
  .mt-lg-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
  }
  .mr-lg-32 {
    margin-right: var(--matcha-space-400, 32px);
  }
  .mr-lg-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
  }
  .mb-lg-32 {
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .mb-lg-32--force {
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .ml-lg-32 {
    margin-left: var(--matcha-space-400, 32px);
  }
  .ml-lg-32--force {
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .m-lg-36 {
    margin: 36px;
  }
  .m-lg-36--force {
    margin: 36px !important;
  }
  .mx-lg-36 {
    margin-right: 36px;
    margin-left: 36px;
  }
  .mx-lg-36--force {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-lg-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .my-lg-36--force {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mt-lg-36 {
    margin-top: 36px;
  }
  .mt-lg-36--force {
    margin-top: 36px !important;
  }
  .mr-lg-36 {
    margin-right: 36px;
  }
  .mr-lg-36--force {
    margin-right: 36px !important;
  }
  .mb-lg-36 {
    margin-bottom: 36px;
  }
  .mb-lg-36--force {
    margin-bottom: 36px !important;
  }
  .ml-lg-36 {
    margin-left: 36px;
  }
  .ml-lg-36--force {
    margin-left: 36px !important;
  }
  .m-lg-40 {
    margin: var(--matcha-space-500, 40px);
  }
  .m-lg-40--force {
    margin: var(--matcha-space-500, 40px) !important;
  }
  .mx-lg-40 {
    margin-right: var(--matcha-space-500, 40px);
    margin-left: var(--matcha-space-500, 40px);
  }
  .mx-lg-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .my-lg-40 {
    margin-top: var(--matcha-space-500, 40px);
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .my-lg-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .mt-lg-40 {
    margin-top: var(--matcha-space-500, 40px);
  }
  .mt-lg-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
  }
  .mr-lg-40 {
    margin-right: var(--matcha-space-500, 40px);
  }
  .mr-lg-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
  }
  .mb-lg-40 {
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .mb-lg-40--force {
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .ml-lg-40 {
    margin-left: var(--matcha-space-500, 40px);
  }
  .ml-lg-40--force {
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .m-lg-44 {
    margin: 44px;
  }
  .m-lg-44--force {
    margin: 44px !important;
  }
  .mx-lg-44 {
    margin-right: 44px;
    margin-left: 44px;
  }
  .mx-lg-44--force {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-lg-44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .my-lg-44--force {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .mt-lg-44 {
    margin-top: 44px;
  }
  .mt-lg-44--force {
    margin-top: 44px !important;
  }
  .mr-lg-44 {
    margin-right: 44px;
  }
  .mr-lg-44--force {
    margin-right: 44px !important;
  }
  .mb-lg-44 {
    margin-bottom: 44px;
  }
  .mb-lg-44--force {
    margin-bottom: 44px !important;
  }
  .ml-lg-44 {
    margin-left: 44px;
  }
  .ml-lg-44--force {
    margin-left: 44px !important;
  }
  .m-lg-48 {
    margin: var(--matcha-space-600, 48px);
  }
  .m-lg-48--force {
    margin: var(--matcha-space-600, 48px) !important;
  }
  .mx-lg-48 {
    margin-right: var(--matcha-space-600, 48px);
    margin-left: var(--matcha-space-600, 48px);
  }
  .mx-lg-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .my-lg-48 {
    margin-top: var(--matcha-space-600, 48px);
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .my-lg-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .mt-lg-48 {
    margin-top: var(--matcha-space-600, 48px);
  }
  .mt-lg-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
  }
  .mr-lg-48 {
    margin-right: var(--matcha-space-600, 48px);
  }
  .mr-lg-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
  }
  .mb-lg-48 {
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .mb-lg-48--force {
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .ml-lg-48 {
    margin-left: var(--matcha-space-600, 48px);
  }
  .ml-lg-48--force {
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .m-lg-52 {
    margin: 52px;
  }
  .m-lg-52--force {
    margin: 52px !important;
  }
  .mx-lg-52 {
    margin-right: 52px;
    margin-left: 52px;
  }
  .mx-lg-52--force {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-lg-52 {
    margin-top: 52px;
    margin-bottom: 52px;
  }
  .my-lg-52--force {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .mt-lg-52 {
    margin-top: 52px;
  }
  .mt-lg-52--force {
    margin-top: 52px !important;
  }
  .mr-lg-52 {
    margin-right: 52px;
  }
  .mr-lg-52--force {
    margin-right: 52px !important;
  }
  .mb-lg-52 {
    margin-bottom: 52px;
  }
  .mb-lg-52--force {
    margin-bottom: 52px !important;
  }
  .ml-lg-52 {
    margin-left: 52px;
  }
  .ml-lg-52--force {
    margin-left: 52px !important;
  }
  .m-lg-56 {
    margin: 56px;
  }
  .m-lg-56--force {
    margin: 56px !important;
  }
  .mx-lg-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .mx-lg-56--force {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-lg-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .my-lg-56--force {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mt-lg-56 {
    margin-top: 56px;
  }
  .mt-lg-56--force {
    margin-top: 56px !important;
  }
  .mr-lg-56 {
    margin-right: 56px;
  }
  .mr-lg-56--force {
    margin-right: 56px !important;
  }
  .mb-lg-56 {
    margin-bottom: 56px;
  }
  .mb-lg-56--force {
    margin-bottom: 56px !important;
  }
  .ml-lg-56 {
    margin-left: 56px;
  }
  .ml-lg-56--force {
    margin-left: 56px !important;
  }
  .m-lg-60 {
    margin: 60px;
  }
  .m-lg-60--force {
    margin: 60px !important;
  }
  .mx-lg-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mx-lg-60--force {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-lg-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .my-lg-60--force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mt-lg-60 {
    margin-top: 60px;
  }
  .mt-lg-60--force {
    margin-top: 60px !important;
  }
  .mr-lg-60 {
    margin-right: 60px;
  }
  .mr-lg-60--force {
    margin-right: 60px !important;
  }
  .mb-lg-60 {
    margin-bottom: 60px;
  }
  .mb-lg-60--force {
    margin-bottom: 60px !important;
  }
  .ml-lg-60 {
    margin-left: 60px;
  }
  .ml-lg-60--force {
    margin-left: 60px !important;
  }
  .m-lg-64 {
    margin: var(--matcha-space-800, 64px);
  }
  .m-lg-64--force {
    margin: var(--matcha-space-800, 64px) !important;
  }
  .mx-lg-64 {
    margin-right: var(--matcha-space-800, 64px);
    margin-left: var(--matcha-space-800, 64px);
  }
  .mx-lg-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .my-lg-64 {
    margin-top: var(--matcha-space-800, 64px);
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .my-lg-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .mt-lg-64 {
    margin-top: var(--matcha-space-800, 64px);
  }
  .mt-lg-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
  }
  .mr-lg-64 {
    margin-right: var(--matcha-space-800, 64px);
  }
  .mr-lg-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
  }
  .mb-lg-64 {
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .mb-lg-64--force {
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .ml-lg-64 {
    margin-left: var(--matcha-space-800, 64px);
  }
  .ml-lg-64--force {
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .m-lg-auto {
    margin: auto;
  }
  .m-lg-auto--force {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto;
  }
  .mt-lg-auto--force {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto;
  }
  .mr-lg-auto--force {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto;
  }
  .mb-lg-auto--force {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto;
  }
  .ml-lg-auto--force {
    margin-left: auto !important;
  }
  .mx-lg-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .mx-lg-auto--force {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .my-lg-auto--force {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-lg--64 {
    padding: calc(-1 * var(--matcha-space-800, 64px));
  }
  .p-lg--64--force {
    padding: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .px-lg--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .px-lg--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .py-lg--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .py-lg--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pt-lg--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pt-lg--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pr-lg--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pr-lg--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pb-lg--64 {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pb-lg--64--force {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pl-lg--64 {
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pl-lg--64--force {
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .p-lg--60 {
    padding: -60px;
  }
  .p-lg--60--force {
    padding: -60px !important;
  }
  .px-lg--60 {
    padding-right: -60px;
    padding-left: -60px;
  }
  .px-lg--60--force {
    padding-right: -60px !important;
    padding-left: -60px !important;
  }
  .py-lg--60 {
    padding-top: -60px;
    padding-bottom: -60px;
  }
  .py-lg--60--force {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }
  .pt-lg--60 {
    padding-top: -60px;
  }
  .pt-lg--60--force {
    padding-top: -60px !important;
  }
  .pr-lg--60 {
    padding-right: -60px;
  }
  .pr-lg--60--force {
    padding-right: -60px !important;
  }
  .pb-lg--60 {
    padding-bottom: -60px;
  }
  .pb-lg--60--force {
    padding-bottom: -60px !important;
  }
  .pl-lg--60 {
    padding-left: -60px;
  }
  .pl-lg--60--force {
    padding-left: -60px !important;
  }
  .p-lg--56 {
    padding: -56px;
  }
  .p-lg--56--force {
    padding: -56px !important;
  }
  .px-lg--56 {
    padding-right: -56px;
    padding-left: -56px;
  }
  .px-lg--56--force {
    padding-right: -56px !important;
    padding-left: -56px !important;
  }
  .py-lg--56 {
    padding-top: -56px;
    padding-bottom: -56px;
  }
  .py-lg--56--force {
    padding-top: -56px !important;
    padding-bottom: -56px !important;
  }
  .pt-lg--56 {
    padding-top: -56px;
  }
  .pt-lg--56--force {
    padding-top: -56px !important;
  }
  .pr-lg--56 {
    padding-right: -56px;
  }
  .pr-lg--56--force {
    padding-right: -56px !important;
  }
  .pb-lg--56 {
    padding-bottom: -56px;
  }
  .pb-lg--56--force {
    padding-bottom: -56px !important;
  }
  .pl-lg--56 {
    padding-left: -56px;
  }
  .pl-lg--56--force {
    padding-left: -56px !important;
  }
  .p-lg--52 {
    padding: -52px;
  }
  .p-lg--52--force {
    padding: -52px !important;
  }
  .px-lg--52 {
    padding-right: -52px;
    padding-left: -52px;
  }
  .px-lg--52--force {
    padding-right: -52px !important;
    padding-left: -52px !important;
  }
  .py-lg--52 {
    padding-top: -52px;
    padding-bottom: -52px;
  }
  .py-lg--52--force {
    padding-top: -52px !important;
    padding-bottom: -52px !important;
  }
  .pt-lg--52 {
    padding-top: -52px;
  }
  .pt-lg--52--force {
    padding-top: -52px !important;
  }
  .pr-lg--52 {
    padding-right: -52px;
  }
  .pr-lg--52--force {
    padding-right: -52px !important;
  }
  .pb-lg--52 {
    padding-bottom: -52px;
  }
  .pb-lg--52--force {
    padding-bottom: -52px !important;
  }
  .pl-lg--52 {
    padding-left: -52px;
  }
  .pl-lg--52--force {
    padding-left: -52px !important;
  }
  .p-lg--48 {
    padding: calc(-1 * var(--matcha-space-600, 48px));
  }
  .p-lg--48--force {
    padding: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .px-lg--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .px-lg--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .py-lg--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .py-lg--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pt-lg--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pt-lg--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pr-lg--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pr-lg--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pb-lg--48 {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pb-lg--48--force {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pl-lg--48 {
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pl-lg--48--force {
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .p-lg--44 {
    padding: -44px;
  }
  .p-lg--44--force {
    padding: -44px !important;
  }
  .px-lg--44 {
    padding-right: -44px;
    padding-left: -44px;
  }
  .px-lg--44--force {
    padding-right: -44px !important;
    padding-left: -44px !important;
  }
  .py-lg--44 {
    padding-top: -44px;
    padding-bottom: -44px;
  }
  .py-lg--44--force {
    padding-top: -44px !important;
    padding-bottom: -44px !important;
  }
  .pt-lg--44 {
    padding-top: -44px;
  }
  .pt-lg--44--force {
    padding-top: -44px !important;
  }
  .pr-lg--44 {
    padding-right: -44px;
  }
  .pr-lg--44--force {
    padding-right: -44px !important;
  }
  .pb-lg--44 {
    padding-bottom: -44px;
  }
  .pb-lg--44--force {
    padding-bottom: -44px !important;
  }
  .pl-lg--44 {
    padding-left: -44px;
  }
  .pl-lg--44--force {
    padding-left: -44px !important;
  }
  .p-lg--40 {
    padding: calc(-1 * var(--matcha-space-500, 40px));
  }
  .p-lg--40--force {
    padding: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .px-lg--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .px-lg--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .py-lg--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .py-lg--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pt-lg--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pt-lg--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pr-lg--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pr-lg--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pb-lg--40 {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pb-lg--40--force {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pl-lg--40 {
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pl-lg--40--force {
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .p-lg--36 {
    padding: -36px;
  }
  .p-lg--36--force {
    padding: -36px !important;
  }
  .px-lg--36 {
    padding-right: -36px;
    padding-left: -36px;
  }
  .px-lg--36--force {
    padding-right: -36px !important;
    padding-left: -36px !important;
  }
  .py-lg--36 {
    padding-top: -36px;
    padding-bottom: -36px;
  }
  .py-lg--36--force {
    padding-top: -36px !important;
    padding-bottom: -36px !important;
  }
  .pt-lg--36 {
    padding-top: -36px;
  }
  .pt-lg--36--force {
    padding-top: -36px !important;
  }
  .pr-lg--36 {
    padding-right: -36px;
  }
  .pr-lg--36--force {
    padding-right: -36px !important;
  }
  .pb-lg--36 {
    padding-bottom: -36px;
  }
  .pb-lg--36--force {
    padding-bottom: -36px !important;
  }
  .pl-lg--36 {
    padding-left: -36px;
  }
  .pl-lg--36--force {
    padding-left: -36px !important;
  }
  .p-lg--32 {
    padding: calc(-1 * var(--matcha-space-400, 32px));
  }
  .p-lg--32--force {
    padding: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .px-lg--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .px-lg--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .py-lg--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .py-lg--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pt-lg--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pt-lg--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pr-lg--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pr-lg--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pb-lg--32 {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pb-lg--32--force {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pl-lg--32 {
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pl-lg--32--force {
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .p-lg--28 {
    padding: -28px;
  }
  .p-lg--28--force {
    padding: -28px !important;
  }
  .px-lg--28 {
    padding-right: -28px;
    padding-left: -28px;
  }
  .px-lg--28--force {
    padding-right: -28px !important;
    padding-left: -28px !important;
  }
  .py-lg--28 {
    padding-top: -28px;
    padding-bottom: -28px;
  }
  .py-lg--28--force {
    padding-top: -28px !important;
    padding-bottom: -28px !important;
  }
  .pt-lg--28 {
    padding-top: -28px;
  }
  .pt-lg--28--force {
    padding-top: -28px !important;
  }
  .pr-lg--28 {
    padding-right: -28px;
  }
  .pr-lg--28--force {
    padding-right: -28px !important;
  }
  .pb-lg--28 {
    padding-bottom: -28px;
  }
  .pb-lg--28--force {
    padding-bottom: -28px !important;
  }
  .pl-lg--28 {
    padding-left: -28px;
  }
  .pl-lg--28--force {
    padding-left: -28px !important;
  }
  .p-lg--24 {
    padding: calc(-1 * var(--matcha-space-300, 24px));
  }
  .p-lg--24--force {
    padding: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .px-lg--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .px-lg--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .py-lg--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .py-lg--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pt-lg--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pt-lg--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pr-lg--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pr-lg--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pb-lg--24 {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pb-lg--24--force {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pl-lg--24 {
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pl-lg--24--force {
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .p-lg--20 {
    padding: calc(-1 * var(--matcha-space-250, 20px));
  }
  .p-lg--20--force {
    padding: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .px-lg--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .px-lg--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .py-lg--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .py-lg--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pt-lg--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pt-lg--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pr-lg--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pr-lg--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pb-lg--20 {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pb-lg--20--force {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pl-lg--20 {
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pl-lg--20--force {
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .p-lg--16 {
    padding: calc(-1 * var(--matcha-space-200, 16px));
  }
  .p-lg--16--force {
    padding: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .px-lg--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .px-lg--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .py-lg--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .py-lg--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pt-lg--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pt-lg--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pr-lg--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pr-lg--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pb-lg--16 {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pb-lg--16--force {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pl-lg--16 {
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pl-lg--16--force {
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .p-lg--12 {
    padding: calc(-1 * var(--matcha-space-150, 12px));
  }
  .p-lg--12--force {
    padding: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .px-lg--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .px-lg--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .py-lg--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .py-lg--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pt-lg--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pt-lg--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pr-lg--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pr-lg--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pb-lg--12 {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pb-lg--12--force {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pl-lg--12 {
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pl-lg--12--force {
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .p-lg--8 {
    padding: calc(-1 * var(--matcha-space-100, 8px));
  }
  .p-lg--8--force {
    padding: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .px-lg--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .px-lg--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .py-lg--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .py-lg--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pt-lg--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pt-lg--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pr-lg--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pr-lg--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pb-lg--8 {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pb-lg--8--force {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pl-lg--8 {
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pl-lg--8--force {
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .p-lg--4 {
    padding: calc(-1 * var(--matcha-space-050, 4px));
  }
  .p-lg--4--force {
    padding: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .px-lg--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .px-lg--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .py-lg--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .py-lg--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pt-lg--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pt-lg--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pr-lg--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pr-lg--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pb-lg--4 {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pb-lg--4--force {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pl-lg--4 {
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pl-lg--4--force {
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .p-lg-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-lg-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-lg-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-lg-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-lg-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-lg-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-lg-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-lg-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-lg-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-lg-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-lg-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-lg-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-lg-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-lg-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-lg-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-lg-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-lg-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-lg-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-lg-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-lg-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-lg-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-lg-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-lg-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-lg-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-lg-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-lg-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-lg-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-lg-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-lg-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-lg-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-lg-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-lg-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-lg-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-lg-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-lg-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-lg-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-lg-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-lg-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-lg-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-lg-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-lg-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-lg-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-lg-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-lg-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-lg-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-lg-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-lg-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-lg-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-lg-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-lg-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-lg-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-lg-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-lg-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-lg-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-lg-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-lg-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-lg-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-lg-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-lg-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-lg-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-lg-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-lg-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-lg-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-lg-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-lg-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-lg-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-lg-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-lg-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-lg-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-lg-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-lg-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-lg-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-lg-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-lg-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-lg-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-lg-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-lg-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-lg-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-lg-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-lg-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-lg-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-lg-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-lg-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-lg-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-lg-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-lg-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-lg-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-lg-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-lg-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-lg-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-lg-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-lg-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-lg-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-lg-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-lg-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-lg-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-lg-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-lg-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-lg-28 {
    padding: 28px;
  }
  .p-lg-28--force {
    padding: 28px !important;
  }
  .px-lg-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-lg-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-lg-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-lg-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-lg-28 {
    padding-top: 28px;
  }
  .pt-lg-28--force {
    padding-top: 28px !important;
  }
  .pr-lg-28 {
    padding-right: 28px;
  }
  .pr-lg-28--force {
    padding-right: 28px !important;
  }
  .pb-lg-28 {
    padding-bottom: 28px;
  }
  .pb-lg-28--force {
    padding-bottom: 28px !important;
  }
  .pl-lg-28 {
    padding-left: 28px;
  }
  .pl-lg-28--force {
    padding-left: 28px !important;
  }
  .p-lg-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-lg-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-lg-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-lg-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-lg-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-lg-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-lg-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-lg-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-lg-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-lg-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-lg-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-lg-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-lg-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-lg-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-lg-36 {
    padding: 36px;
  }
  .p-lg-36--force {
    padding: 36px !important;
  }
  .px-lg-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-lg-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-lg-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-lg-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-lg-36 {
    padding-top: 36px;
  }
  .pt-lg-36--force {
    padding-top: 36px !important;
  }
  .pr-lg-36 {
    padding-right: 36px;
  }
  .pr-lg-36--force {
    padding-right: 36px !important;
  }
  .pb-lg-36 {
    padding-bottom: 36px;
  }
  .pb-lg-36--force {
    padding-bottom: 36px !important;
  }
  .pl-lg-36 {
    padding-left: 36px;
  }
  .pl-lg-36--force {
    padding-left: 36px !important;
  }
  .p-lg-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-lg-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-lg-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-lg-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-lg-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-lg-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-lg-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-lg-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-lg-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-lg-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-lg-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-lg-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-lg-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-lg-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-lg-44 {
    padding: 44px;
  }
  .p-lg-44--force {
    padding: 44px !important;
  }
  .px-lg-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-lg-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-lg-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-lg-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-lg-44 {
    padding-top: 44px;
  }
  .pt-lg-44--force {
    padding-top: 44px !important;
  }
  .pr-lg-44 {
    padding-right: 44px;
  }
  .pr-lg-44--force {
    padding-right: 44px !important;
  }
  .pb-lg-44 {
    padding-bottom: 44px;
  }
  .pb-lg-44--force {
    padding-bottom: 44px !important;
  }
  .pl-lg-44 {
    padding-left: 44px;
  }
  .pl-lg-44--force {
    padding-left: 44px !important;
  }
  .p-lg-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-lg-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-lg-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-lg-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-lg-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-lg-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-lg-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-lg-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-lg-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-lg-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-lg-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-lg-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-lg-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-lg-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-lg-52 {
    padding: 52px;
  }
  .p-lg-52--force {
    padding: 52px !important;
  }
  .px-lg-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-lg-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-lg-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-lg-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-lg-52 {
    padding-top: 52px;
  }
  .pt-lg-52--force {
    padding-top: 52px !important;
  }
  .pr-lg-52 {
    padding-right: 52px;
  }
  .pr-lg-52--force {
    padding-right: 52px !important;
  }
  .pb-lg-52 {
    padding-bottom: 52px;
  }
  .pb-lg-52--force {
    padding-bottom: 52px !important;
  }
  .pl-lg-52 {
    padding-left: 52px;
  }
  .pl-lg-52--force {
    padding-left: 52px !important;
  }
  .p-lg-56 {
    padding: 56px;
  }
  .p-lg-56--force {
    padding: 56px !important;
  }
  .px-lg-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-lg-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-lg-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-lg-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-lg-56 {
    padding-top: 56px;
  }
  .pt-lg-56--force {
    padding-top: 56px !important;
  }
  .pr-lg-56 {
    padding-right: 56px;
  }
  .pr-lg-56--force {
    padding-right: 56px !important;
  }
  .pb-lg-56 {
    padding-bottom: 56px;
  }
  .pb-lg-56--force {
    padding-bottom: 56px !important;
  }
  .pl-lg-56 {
    padding-left: 56px;
  }
  .pl-lg-56--force {
    padding-left: 56px !important;
  }
  .p-lg-60 {
    padding: 60px;
  }
  .p-lg-60--force {
    padding: 60px !important;
  }
  .px-lg-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-lg-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-lg-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-lg-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-lg-60 {
    padding-top: 60px;
  }
  .pt-lg-60--force {
    padding-top: 60px !important;
  }
  .pr-lg-60 {
    padding-right: 60px;
  }
  .pr-lg-60--force {
    padding-right: 60px !important;
  }
  .pb-lg-60 {
    padding-bottom: 60px;
  }
  .pb-lg-60--force {
    padding-bottom: 60px !important;
  }
  .pl-lg-60 {
    padding-left: 60px;
  }
  .pl-lg-60--force {
    padding-left: 60px !important;
  }
  .p-lg-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-lg-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-lg-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-lg-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-lg-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-lg-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-lg-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-lg-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-lg-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-lg-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-lg-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-lg-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-lg-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-lg-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-lg-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-lg-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-lg-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-lg-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-lg-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-lg-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-lg-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-lg-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-lg-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-lg-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-lg-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-lg-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-lg-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-lg-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-lg-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-lg-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-lg-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-lg-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-lg-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-lg-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-lg-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-lg-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-lg-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-lg-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-lg-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-lg-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-lg-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-lg-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-lg-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-lg-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-lg-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-lg-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-lg-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-lg-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-lg-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-lg-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-lg-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-lg-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-lg-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-lg-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-lg-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-lg-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-lg-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-lg-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-lg-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-lg-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-lg-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-lg-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-lg-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-lg-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-lg-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-lg-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-lg-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-lg-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-lg-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-lg-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-lg-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-lg-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-lg-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-lg-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-lg-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-lg-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-lg-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-lg-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-lg-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-lg-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-lg-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-lg-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-lg-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-lg-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-lg-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-lg-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-lg-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-lg-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-lg-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-lg-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-lg-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-lg-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-lg-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-lg-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-lg-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-lg-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-lg-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-lg-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-lg-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-lg-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-lg-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-lg-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-lg-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-lg-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-lg-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-lg-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-lg-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-lg-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-lg-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-lg-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-lg-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-lg-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-lg-28 {
    padding: 28px;
  }
  .p-lg-28--force {
    padding: 28px !important;
  }
  .px-lg-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-lg-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-lg-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-lg-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-lg-28 {
    padding-top: 28px;
  }
  .pt-lg-28--force {
    padding-top: 28px !important;
  }
  .pr-lg-28 {
    padding-right: 28px;
  }
  .pr-lg-28--force {
    padding-right: 28px !important;
  }
  .pb-lg-28 {
    padding-bottom: 28px;
  }
  .pb-lg-28--force {
    padding-bottom: 28px !important;
  }
  .pl-lg-28 {
    padding-left: 28px;
  }
  .pl-lg-28--force {
    padding-left: 28px !important;
  }
  .p-lg-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-lg-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-lg-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-lg-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-lg-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-lg-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-lg-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-lg-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-lg-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-lg-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-lg-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-lg-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-lg-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-lg-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-lg-36 {
    padding: 36px;
  }
  .p-lg-36--force {
    padding: 36px !important;
  }
  .px-lg-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-lg-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-lg-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-lg-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-lg-36 {
    padding-top: 36px;
  }
  .pt-lg-36--force {
    padding-top: 36px !important;
  }
  .pr-lg-36 {
    padding-right: 36px;
  }
  .pr-lg-36--force {
    padding-right: 36px !important;
  }
  .pb-lg-36 {
    padding-bottom: 36px;
  }
  .pb-lg-36--force {
    padding-bottom: 36px !important;
  }
  .pl-lg-36 {
    padding-left: 36px;
  }
  .pl-lg-36--force {
    padding-left: 36px !important;
  }
  .p-lg-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-lg-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-lg-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-lg-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-lg-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-lg-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-lg-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-lg-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-lg-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-lg-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-lg-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-lg-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-lg-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-lg-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-lg-44 {
    padding: 44px;
  }
  .p-lg-44--force {
    padding: 44px !important;
  }
  .px-lg-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-lg-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-lg-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-lg-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-lg-44 {
    padding-top: 44px;
  }
  .pt-lg-44--force {
    padding-top: 44px !important;
  }
  .pr-lg-44 {
    padding-right: 44px;
  }
  .pr-lg-44--force {
    padding-right: 44px !important;
  }
  .pb-lg-44 {
    padding-bottom: 44px;
  }
  .pb-lg-44--force {
    padding-bottom: 44px !important;
  }
  .pl-lg-44 {
    padding-left: 44px;
  }
  .pl-lg-44--force {
    padding-left: 44px !important;
  }
  .p-lg-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-lg-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-lg-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-lg-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-lg-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-lg-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-lg-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-lg-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-lg-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-lg-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-lg-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-lg-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-lg-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-lg-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-lg-52 {
    padding: 52px;
  }
  .p-lg-52--force {
    padding: 52px !important;
  }
  .px-lg-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-lg-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-lg-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-lg-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-lg-52 {
    padding-top: 52px;
  }
  .pt-lg-52--force {
    padding-top: 52px !important;
  }
  .pr-lg-52 {
    padding-right: 52px;
  }
  .pr-lg-52--force {
    padding-right: 52px !important;
  }
  .pb-lg-52 {
    padding-bottom: 52px;
  }
  .pb-lg-52--force {
    padding-bottom: 52px !important;
  }
  .pl-lg-52 {
    padding-left: 52px;
  }
  .pl-lg-52--force {
    padding-left: 52px !important;
  }
  .p-lg-56 {
    padding: 56px;
  }
  .p-lg-56--force {
    padding: 56px !important;
  }
  .px-lg-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-lg-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-lg-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-lg-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-lg-56 {
    padding-top: 56px;
  }
  .pt-lg-56--force {
    padding-top: 56px !important;
  }
  .pr-lg-56 {
    padding-right: 56px;
  }
  .pr-lg-56--force {
    padding-right: 56px !important;
  }
  .pb-lg-56 {
    padding-bottom: 56px;
  }
  .pb-lg-56--force {
    padding-bottom: 56px !important;
  }
  .pl-lg-56 {
    padding-left: 56px;
  }
  .pl-lg-56--force {
    padding-left: 56px !important;
  }
  .p-lg-60 {
    padding: 60px;
  }
  .p-lg-60--force {
    padding: 60px !important;
  }
  .px-lg-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-lg-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-lg-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-lg-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-lg-60 {
    padding-top: 60px;
  }
  .pt-lg-60--force {
    padding-top: 60px !important;
  }
  .pr-lg-60 {
    padding-right: 60px;
  }
  .pr-lg-60--force {
    padding-right: 60px !important;
  }
  .pb-lg-60 {
    padding-bottom: 60px;
  }
  .pb-lg-60--force {
    padding-bottom: 60px !important;
  }
  .pl-lg-60 {
    padding-left: 60px;
  }
  .pl-lg-60--force {
    padding-left: 60px !important;
  }
  .p-lg-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-lg-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-lg-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-lg-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-lg-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-lg-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-lg-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-lg-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-lg-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-lg-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-lg-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-lg-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-lg-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-lg-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-lg-68 {
    padding: 68px;
  }
  .p-lg-68--force {
    padding: 68px !important;
  }
  .px-lg-68 {
    padding-right: 68px;
    padding-left: 68px;
  }
  .px-lg-68--force {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .py-lg-68 {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .py-lg-68--force {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .pt-lg-68 {
    padding-top: 68px;
  }
  .pt-lg-68--force {
    padding-top: 68px !important;
  }
  .pr-lg-68 {
    padding-right: 68px;
  }
  .pr-lg-68--force {
    padding-right: 68px !important;
  }
  .pb-lg-68 {
    padding-bottom: 68px;
  }
  .pb-lg-68--force {
    padding-bottom: 68px !important;
  }
  .pl-lg-68 {
    padding-left: 68px;
  }
  .pl-lg-68--force {
    padding-left: 68px !important;
  }
  .p-lg-72 {
    padding: 72px;
  }
  .p-lg-72--force {
    padding: 72px !important;
  }
  .px-lg-72 {
    padding-right: 72px;
    padding-left: 72px;
  }
  .px-lg-72--force {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-lg-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .py-lg-72--force {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .pt-lg-72 {
    padding-top: 72px;
  }
  .pt-lg-72--force {
    padding-top: 72px !important;
  }
  .pr-lg-72 {
    padding-right: 72px;
  }
  .pr-lg-72--force {
    padding-right: 72px !important;
  }
  .pb-lg-72 {
    padding-bottom: 72px;
  }
  .pb-lg-72--force {
    padding-bottom: 72px !important;
  }
  .pl-lg-72 {
    padding-left: 72px;
  }
  .pl-lg-72--force {
    padding-left: 72px !important;
  }
  .p-lg-76 {
    padding: 76px;
  }
  .p-lg-76--force {
    padding: 76px !important;
  }
  .px-lg-76 {
    padding-right: 76px;
    padding-left: 76px;
  }
  .px-lg-76--force {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .py-lg-76 {
    padding-top: 76px;
    padding-bottom: 76px;
  }
  .py-lg-76--force {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .pt-lg-76 {
    padding-top: 76px;
  }
  .pt-lg-76--force {
    padding-top: 76px !important;
  }
  .pr-lg-76 {
    padding-right: 76px;
  }
  .pr-lg-76--force {
    padding-right: 76px !important;
  }
  .pb-lg-76 {
    padding-bottom: 76px;
  }
  .pb-lg-76--force {
    padding-bottom: 76px !important;
  }
  .pl-lg-76 {
    padding-left: 76px;
  }
  .pl-lg-76--force {
    padding-left: 76px !important;
  }
  .p-lg-80 {
    padding: var(--matcha-space-1000, 80px);
  }
  .p-lg-80--force {
    padding: var(--matcha-space-1000, 80px) !important;
  }
  .px-lg-80 {
    padding-right: var(--matcha-space-1000, 80px);
    padding-left: var(--matcha-space-1000, 80px);
  }
  .px-lg-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .py-lg-80 {
    padding-top: var(--matcha-space-1000, 80px);
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .py-lg-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pt-lg-80 {
    padding-top: var(--matcha-space-1000, 80px);
  }
  .pt-lg-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
  }
  .pr-lg-80 {
    padding-right: var(--matcha-space-1000, 80px);
  }
  .pr-lg-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
  }
  .pb-lg-80 {
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .pb-lg-80--force {
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pl-lg-80 {
    padding-left: var(--matcha-space-1000, 80px);
  }
  .pl-lg-80--force {
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .p-lg-84 {
    padding: 84px;
  }
  .p-lg-84--force {
    padding: 84px !important;
  }
  .px-lg-84 {
    padding-right: 84px;
    padding-left: 84px;
  }
  .px-lg-84--force {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .py-lg-84 {
    padding-top: 84px;
    padding-bottom: 84px;
  }
  .py-lg-84--force {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .pt-lg-84 {
    padding-top: 84px;
  }
  .pt-lg-84--force {
    padding-top: 84px !important;
  }
  .pr-lg-84 {
    padding-right: 84px;
  }
  .pr-lg-84--force {
    padding-right: 84px !important;
  }
  .pb-lg-84 {
    padding-bottom: 84px;
  }
  .pb-lg-84--force {
    padding-bottom: 84px !important;
  }
  .pl-lg-84 {
    padding-left: 84px;
  }
  .pl-lg-84--force {
    padding-left: 84px !important;
  }
  .p-lg-88 {
    padding: 88px;
  }
  .p-lg-88--force {
    padding: 88px !important;
  }
  .px-lg-88 {
    padding-right: 88px;
    padding-left: 88px;
  }
  .px-lg-88--force {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-lg-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .py-lg-88--force {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .pt-lg-88 {
    padding-top: 88px;
  }
  .pt-lg-88--force {
    padding-top: 88px !important;
  }
  .pr-lg-88 {
    padding-right: 88px;
  }
  .pr-lg-88--force {
    padding-right: 88px !important;
  }
  .pb-lg-88 {
    padding-bottom: 88px;
  }
  .pb-lg-88--force {
    padding-bottom: 88px !important;
  }
  .pl-lg-88 {
    padding-left: 88px;
  }
  .pl-lg-88--force {
    padding-left: 88px !important;
  }
  .p-lg-92 {
    padding: 92px;
  }
  .p-lg-92--force {
    padding: 92px !important;
  }
  .px-lg-92 {
    padding-right: 92px;
    padding-left: 92px;
  }
  .px-lg-92--force {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .py-lg-92 {
    padding-top: 92px;
    padding-bottom: 92px;
  }
  .py-lg-92--force {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .pt-lg-92 {
    padding-top: 92px;
  }
  .pt-lg-92--force {
    padding-top: 92px !important;
  }
  .pr-lg-92 {
    padding-right: 92px;
  }
  .pr-lg-92--force {
    padding-right: 92px !important;
  }
  .pb-lg-92 {
    padding-bottom: 92px;
  }
  .pb-lg-92--force {
    padding-bottom: 92px !important;
  }
  .pl-lg-92 {
    padding-left: 92px;
  }
  .pl-lg-92--force {
    padding-left: 92px !important;
  }
  .p-lg-96 {
    padding: var(--matcha-space-1200, 96px);
  }
  .p-lg-96--force {
    padding: var(--matcha-space-1200, 96px) !important;
  }
  .px-lg-96 {
    padding-right: var(--matcha-space-1200, 96px);
    padding-left: var(--matcha-space-1200, 96px);
  }
  .px-lg-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
  .py-lg-96 {
    padding-top: var(--matcha-space-1200, 96px);
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .py-lg-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pt-lg-96 {
    padding-top: var(--matcha-space-1200, 96px);
  }
  .pt-lg-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
  }
  .pr-lg-96 {
    padding-right: var(--matcha-space-1200, 96px);
  }
  .pr-lg-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
  }
  .pb-lg-96 {
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .pb-lg-96--force {
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pl-lg-96 {
    padding-left: var(--matcha-space-1200, 96px);
  }
  .pl-lg-96--force {
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
}
@media screen and (min-width: 1536px) {
  .m-xl--64 {
    margin: calc(-1 * var(--matcha-space-800, 64px));
  }
  .m-xl--64--force {
    margin: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mx-xl--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mx-xl--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .my-xl--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .my-xl--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mt-xl--64 {
    margin-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mt-xl--64--force {
    margin-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mr-xl--64 {
    margin-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mr-xl--64--force {
    margin-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .mb-xl--64 {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .mb-xl--64--force {
    margin-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .ml-xl--64 {
    margin-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .ml-xl--64--force {
    margin-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .m-xl--60 {
    margin: -60px;
  }
  .m-xl--60--force {
    margin: -60px !important;
  }
  .mx-xl--60 {
    margin-right: -60px;
    margin-left: -60px;
  }
  .mx-xl--60--force {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .my-xl--60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }
  .my-xl--60--force {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .mt-xl--60 {
    margin-top: -60px;
  }
  .mt-xl--60--force {
    margin-top: -60px !important;
  }
  .mr-xl--60 {
    margin-right: -60px;
  }
  .mr-xl--60--force {
    margin-right: -60px !important;
  }
  .mb-xl--60 {
    margin-bottom: -60px;
  }
  .mb-xl--60--force {
    margin-bottom: -60px !important;
  }
  .ml-xl--60 {
    margin-left: -60px;
  }
  .ml-xl--60--force {
    margin-left: -60px !important;
  }
  .m-xl--56 {
    margin: -56px;
  }
  .m-xl--56--force {
    margin: -56px !important;
  }
  .mx-xl--56 {
    margin-right: -56px;
    margin-left: -56px;
  }
  .mx-xl--56--force {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .my-xl--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .my-xl--56--force {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .mt-xl--56 {
    margin-top: -56px;
  }
  .mt-xl--56--force {
    margin-top: -56px !important;
  }
  .mr-xl--56 {
    margin-right: -56px;
  }
  .mr-xl--56--force {
    margin-right: -56px !important;
  }
  .mb-xl--56 {
    margin-bottom: -56px;
  }
  .mb-xl--56--force {
    margin-bottom: -56px !important;
  }
  .ml-xl--56 {
    margin-left: -56px;
  }
  .ml-xl--56--force {
    margin-left: -56px !important;
  }
  .m-xl--52 {
    margin: -52px;
  }
  .m-xl--52--force {
    margin: -52px !important;
  }
  .mx-xl--52 {
    margin-right: -52px;
    margin-left: -52px;
  }
  .mx-xl--52--force {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .my-xl--52 {
    margin-top: -52px;
    margin-bottom: -52px;
  }
  .my-xl--52--force {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .mt-xl--52 {
    margin-top: -52px;
  }
  .mt-xl--52--force {
    margin-top: -52px !important;
  }
  .mr-xl--52 {
    margin-right: -52px;
  }
  .mr-xl--52--force {
    margin-right: -52px !important;
  }
  .mb-xl--52 {
    margin-bottom: -52px;
  }
  .mb-xl--52--force {
    margin-bottom: -52px !important;
  }
  .ml-xl--52 {
    margin-left: -52px;
  }
  .ml-xl--52--force {
    margin-left: -52px !important;
  }
  .m-xl--48 {
    margin: calc(-1 * var(--matcha-space-600, 48px));
  }
  .m-xl--48--force {
    margin: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mx-xl--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mx-xl--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .my-xl--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .my-xl--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mt-xl--48 {
    margin-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mt-xl--48--force {
    margin-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mr-xl--48 {
    margin-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mr-xl--48--force {
    margin-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .mb-xl--48 {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .mb-xl--48--force {
    margin-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .ml-xl--48 {
    margin-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .ml-xl--48--force {
    margin-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .m-xl--44 {
    margin: -44px;
  }
  .m-xl--44--force {
    margin: -44px !important;
  }
  .mx-xl--44 {
    margin-right: -44px;
    margin-left: -44px;
  }
  .mx-xl--44--force {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .my-xl--44 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .my-xl--44--force {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .mt-xl--44 {
    margin-top: -44px;
  }
  .mt-xl--44--force {
    margin-top: -44px !important;
  }
  .mr-xl--44 {
    margin-right: -44px;
  }
  .mr-xl--44--force {
    margin-right: -44px !important;
  }
  .mb-xl--44 {
    margin-bottom: -44px;
  }
  .mb-xl--44--force {
    margin-bottom: -44px !important;
  }
  .ml-xl--44 {
    margin-left: -44px;
  }
  .ml-xl--44--force {
    margin-left: -44px !important;
  }
  .m-xl--40 {
    margin: calc(-1 * var(--matcha-space-500, 40px));
  }
  .m-xl--40--force {
    margin: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mx-xl--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mx-xl--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .my-xl--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .my-xl--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mt-xl--40 {
    margin-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mt-xl--40--force {
    margin-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mr-xl--40 {
    margin-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mr-xl--40--force {
    margin-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .mb-xl--40 {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .mb-xl--40--force {
    margin-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .ml-xl--40 {
    margin-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .ml-xl--40--force {
    margin-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .m-xl--36 {
    margin: -36px;
  }
  .m-xl--36--force {
    margin: -36px !important;
  }
  .mx-xl--36 {
    margin-right: -36px;
    margin-left: -36px;
  }
  .mx-xl--36--force {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .my-xl--36 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .my-xl--36--force {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .mt-xl--36 {
    margin-top: -36px;
  }
  .mt-xl--36--force {
    margin-top: -36px !important;
  }
  .mr-xl--36 {
    margin-right: -36px;
  }
  .mr-xl--36--force {
    margin-right: -36px !important;
  }
  .mb-xl--36 {
    margin-bottom: -36px;
  }
  .mb-xl--36--force {
    margin-bottom: -36px !important;
  }
  .ml-xl--36 {
    margin-left: -36px;
  }
  .ml-xl--36--force {
    margin-left: -36px !important;
  }
  .m-xl--32 {
    margin: calc(-1 * var(--matcha-space-400, 32px));
  }
  .m-xl--32--force {
    margin: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mx-xl--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mx-xl--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .my-xl--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .my-xl--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mt-xl--32 {
    margin-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mt-xl--32--force {
    margin-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mr-xl--32 {
    margin-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mr-xl--32--force {
    margin-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .mb-xl--32 {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .mb-xl--32--force {
    margin-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .ml-xl--32 {
    margin-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .ml-xl--32--force {
    margin-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .m-xl--28 {
    margin: -28px;
  }
  .m-xl--28--force {
    margin: -28px !important;
  }
  .mx-xl--28 {
    margin-right: -28px;
    margin-left: -28px;
  }
  .mx-xl--28--force {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .my-xl--28 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .my-xl--28--force {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .mt-xl--28 {
    margin-top: -28px;
  }
  .mt-xl--28--force {
    margin-top: -28px !important;
  }
  .mr-xl--28 {
    margin-right: -28px;
  }
  .mr-xl--28--force {
    margin-right: -28px !important;
  }
  .mb-xl--28 {
    margin-bottom: -28px;
  }
  .mb-xl--28--force {
    margin-bottom: -28px !important;
  }
  .ml-xl--28 {
    margin-left: -28px;
  }
  .ml-xl--28--force {
    margin-left: -28px !important;
  }
  .m-xl--24 {
    margin: calc(-1 * var(--matcha-space-300, 24px));
  }
  .m-xl--24--force {
    margin: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mx-xl--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mx-xl--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .my-xl--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .my-xl--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mt-xl--24 {
    margin-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mt-xl--24--force {
    margin-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mr-xl--24 {
    margin-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mr-xl--24--force {
    margin-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .mb-xl--24 {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .mb-xl--24--force {
    margin-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .ml-xl--24 {
    margin-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .ml-xl--24--force {
    margin-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .m-xl--20 {
    margin: calc(-1 * var(--matcha-space-250, 20px));
  }
  .m-xl--20--force {
    margin: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mx-xl--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mx-xl--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .my-xl--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .my-xl--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mt-xl--20 {
    margin-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mt-xl--20--force {
    margin-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mr-xl--20 {
    margin-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mr-xl--20--force {
    margin-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .mb-xl--20 {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .mb-xl--20--force {
    margin-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .ml-xl--20 {
    margin-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .ml-xl--20--force {
    margin-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .m-xl--16 {
    margin: calc(-1 * var(--matcha-space-200, 16px));
  }
  .m-xl--16--force {
    margin: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mx-xl--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mx-xl--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .my-xl--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .my-xl--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mt-xl--16 {
    margin-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mt-xl--16--force {
    margin-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mr-xl--16 {
    margin-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mr-xl--16--force {
    margin-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .mb-xl--16 {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .mb-xl--16--force {
    margin-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .ml-xl--16 {
    margin-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .ml-xl--16--force {
    margin-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .m-xl--12 {
    margin: calc(-1 * var(--matcha-space-150, 12px));
  }
  .m-xl--12--force {
    margin: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mx-xl--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mx-xl--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .my-xl--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .my-xl--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mt-xl--12 {
    margin-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mt-xl--12--force {
    margin-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mr-xl--12 {
    margin-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mr-xl--12--force {
    margin-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .mb-xl--12 {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .mb-xl--12--force {
    margin-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .ml-xl--12 {
    margin-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .ml-xl--12--force {
    margin-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .m-xl--8 {
    margin: calc(-1 * var(--matcha-space-100, 8px));
  }
  .m-xl--8--force {
    margin: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mx-xl--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mx-xl--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .my-xl--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .my-xl--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mt-xl--8 {
    margin-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mt-xl--8--force {
    margin-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mr-xl--8 {
    margin-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mr-xl--8--force {
    margin-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .mb-xl--8 {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .mb-xl--8--force {
    margin-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .ml-xl--8 {
    margin-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .ml-xl--8--force {
    margin-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .m-xl--4 {
    margin: calc(-1 * var(--matcha-space-050, 4px));
  }
  .m-xl--4--force {
    margin: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mx-xl--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mx-xl--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .my-xl--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .my-xl--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mt-xl--4 {
    margin-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mt-xl--4--force {
    margin-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mr-xl--4 {
    margin-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mr-xl--4--force {
    margin-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .mb-xl--4 {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .mb-xl--4--force {
    margin-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .ml-xl--4 {
    margin-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .ml-xl--4--force {
    margin-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .m-xl-0 {
    margin: var(--matcha-space-0, 0);
  }
  .m-xl-0--force {
    margin: var(--matcha-space-0, 0) !important;
  }
  .mx-xl-0 {
    margin-right: var(--matcha-space-0, 0);
    margin-left: var(--matcha-space-0, 0);
  }
  .mx-xl-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .my-xl-0 {
    margin-top: var(--matcha-space-0, 0);
    margin-bottom: var(--matcha-space-0, 0);
  }
  .my-xl-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .mt-xl-0 {
    margin-top: var(--matcha-space-0, 0);
  }
  .mt-xl-0--force {
    margin-top: var(--matcha-space-0, 0) !important;
  }
  .mr-xl-0 {
    margin-right: var(--matcha-space-0, 0);
  }
  .mr-xl-0--force {
    margin-right: var(--matcha-space-0, 0) !important;
  }
  .mb-xl-0 {
    margin-bottom: var(--matcha-space-0, 0);
  }
  .mb-xl-0--force {
    margin-bottom: var(--matcha-space-0, 0) !important;
  }
  .ml-xl-0 {
    margin-left: var(--matcha-space-0, 0);
  }
  .ml-xl-0--force {
    margin-left: var(--matcha-space-0, 0) !important;
  }
  .m-xl-4 {
    margin: var(--matcha-space-050, 4px);
  }
  .m-xl-4--force {
    margin: var(--matcha-space-050, 4px) !important;
  }
  .mx-xl-4 {
    margin-right: var(--matcha-space-050, 4px);
    margin-left: var(--matcha-space-050, 4px);
  }
  .mx-xl-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .my-xl-4 {
    margin-top: var(--matcha-space-050, 4px);
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .my-xl-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .mt-xl-4 {
    margin-top: var(--matcha-space-050, 4px);
  }
  .mt-xl-4--force {
    margin-top: var(--matcha-space-050, 4px) !important;
  }
  .mr-xl-4 {
    margin-right: var(--matcha-space-050, 4px);
  }
  .mr-xl-4--force {
    margin-right: var(--matcha-space-050, 4px) !important;
  }
  .mb-xl-4 {
    margin-bottom: var(--matcha-space-050, 4px);
  }
  .mb-xl-4--force {
    margin-bottom: var(--matcha-space-050, 4px) !important;
  }
  .ml-xl-4 {
    margin-left: var(--matcha-space-050, 4px);
  }
  .ml-xl-4--force {
    margin-left: var(--matcha-space-050, 4px) !important;
  }
  .m-xl-8 {
    margin: var(--matcha-space-100, 8px);
  }
  .m-xl-8--force {
    margin: var(--matcha-space-100, 8px) !important;
  }
  .mx-xl-8 {
    margin-right: var(--matcha-space-100, 8px);
    margin-left: var(--matcha-space-100, 8px);
  }
  .mx-xl-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .my-xl-8 {
    margin-top: var(--matcha-space-100, 8px);
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .my-xl-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .mt-xl-8 {
    margin-top: var(--matcha-space-100, 8px);
  }
  .mt-xl-8--force {
    margin-top: var(--matcha-space-100, 8px) !important;
  }
  .mr-xl-8 {
    margin-right: var(--matcha-space-100, 8px);
  }
  .mr-xl-8--force {
    margin-right: var(--matcha-space-100, 8px) !important;
  }
  .mb-xl-8 {
    margin-bottom: var(--matcha-space-100, 8px);
  }
  .mb-xl-8--force {
    margin-bottom: var(--matcha-space-100, 8px) !important;
  }
  .ml-xl-8 {
    margin-left: var(--matcha-space-100, 8px);
  }
  .ml-xl-8--force {
    margin-left: var(--matcha-space-100, 8px) !important;
  }
  .m-xl-12 {
    margin: var(--matcha-space-150, 12px);
  }
  .m-xl-12--force {
    margin: var(--matcha-space-150, 12px) !important;
  }
  .mx-xl-12 {
    margin-right: var(--matcha-space-150, 12px);
    margin-left: var(--matcha-space-150, 12px);
  }
  .mx-xl-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .my-xl-12 {
    margin-top: var(--matcha-space-150, 12px);
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .my-xl-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .mt-xl-12 {
    margin-top: var(--matcha-space-150, 12px);
  }
  .mt-xl-12--force {
    margin-top: var(--matcha-space-150, 12px) !important;
  }
  .mr-xl-12 {
    margin-right: var(--matcha-space-150, 12px);
  }
  .mr-xl-12--force {
    margin-right: var(--matcha-space-150, 12px) !important;
  }
  .mb-xl-12 {
    margin-bottom: var(--matcha-space-150, 12px);
  }
  .mb-xl-12--force {
    margin-bottom: var(--matcha-space-150, 12px) !important;
  }
  .ml-xl-12 {
    margin-left: var(--matcha-space-150, 12px);
  }
  .ml-xl-12--force {
    margin-left: var(--matcha-space-150, 12px) !important;
  }
  .m-xl-16 {
    margin: var(--matcha-space-200, 16px);
  }
  .m-xl-16--force {
    margin: var(--matcha-space-200, 16px) !important;
  }
  .mx-xl-16 {
    margin-right: var(--matcha-space-200, 16px);
    margin-left: var(--matcha-space-200, 16px);
  }
  .mx-xl-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .my-xl-16 {
    margin-top: var(--matcha-space-200, 16px);
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .my-xl-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .mt-xl-16 {
    margin-top: var(--matcha-space-200, 16px);
  }
  .mt-xl-16--force {
    margin-top: var(--matcha-space-200, 16px) !important;
  }
  .mr-xl-16 {
    margin-right: var(--matcha-space-200, 16px);
  }
  .mr-xl-16--force {
    margin-right: var(--matcha-space-200, 16px) !important;
  }
  .mb-xl-16 {
    margin-bottom: var(--matcha-space-200, 16px);
  }
  .mb-xl-16--force {
    margin-bottom: var(--matcha-space-200, 16px) !important;
  }
  .ml-xl-16 {
    margin-left: var(--matcha-space-200, 16px);
  }
  .ml-xl-16--force {
    margin-left: var(--matcha-space-200, 16px) !important;
  }
  .m-xl-20 {
    margin: var(--matcha-space-250, 20px);
  }
  .m-xl-20--force {
    margin: var(--matcha-space-250, 20px) !important;
  }
  .mx-xl-20 {
    margin-right: var(--matcha-space-250, 20px);
    margin-left: var(--matcha-space-250, 20px);
  }
  .mx-xl-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .my-xl-20 {
    margin-top: var(--matcha-space-250, 20px);
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .my-xl-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .mt-xl-20 {
    margin-top: var(--matcha-space-250, 20px);
  }
  .mt-xl-20--force {
    margin-top: var(--matcha-space-250, 20px) !important;
  }
  .mr-xl-20 {
    margin-right: var(--matcha-space-250, 20px);
  }
  .mr-xl-20--force {
    margin-right: var(--matcha-space-250, 20px) !important;
  }
  .mb-xl-20 {
    margin-bottom: var(--matcha-space-250, 20px);
  }
  .mb-xl-20--force {
    margin-bottom: var(--matcha-space-250, 20px) !important;
  }
  .ml-xl-20 {
    margin-left: var(--matcha-space-250, 20px);
  }
  .ml-xl-20--force {
    margin-left: var(--matcha-space-250, 20px) !important;
  }
  .m-xl-24 {
    margin: var(--matcha-space-300, 24px);
  }
  .m-xl-24--force {
    margin: var(--matcha-space-300, 24px) !important;
  }
  .mx-xl-24 {
    margin-right: var(--matcha-space-300, 24px);
    margin-left: var(--matcha-space-300, 24px);
  }
  .mx-xl-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .my-xl-24 {
    margin-top: var(--matcha-space-300, 24px);
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .my-xl-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .mt-xl-24 {
    margin-top: var(--matcha-space-300, 24px);
  }
  .mt-xl-24--force {
    margin-top: var(--matcha-space-300, 24px) !important;
  }
  .mr-xl-24 {
    margin-right: var(--matcha-space-300, 24px);
  }
  .mr-xl-24--force {
    margin-right: var(--matcha-space-300, 24px) !important;
  }
  .mb-xl-24 {
    margin-bottom: var(--matcha-space-300, 24px);
  }
  .mb-xl-24--force {
    margin-bottom: var(--matcha-space-300, 24px) !important;
  }
  .ml-xl-24 {
    margin-left: var(--matcha-space-300, 24px);
  }
  .ml-xl-24--force {
    margin-left: var(--matcha-space-300, 24px) !important;
  }
  .m-xl-28 {
    margin: 28px;
  }
  .m-xl-28--force {
    margin: 28px !important;
  }
  .mx-xl-28 {
    margin-right: 28px;
    margin-left: 28px;
  }
  .mx-xl-28--force {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .my-xl-28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .my-xl-28--force {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .mt-xl-28 {
    margin-top: 28px;
  }
  .mt-xl-28--force {
    margin-top: 28px !important;
  }
  .mr-xl-28 {
    margin-right: 28px;
  }
  .mr-xl-28--force {
    margin-right: 28px !important;
  }
  .mb-xl-28 {
    margin-bottom: 28px;
  }
  .mb-xl-28--force {
    margin-bottom: 28px !important;
  }
  .ml-xl-28 {
    margin-left: 28px;
  }
  .ml-xl-28--force {
    margin-left: 28px !important;
  }
  .m-xl-32 {
    margin: var(--matcha-space-400, 32px);
  }
  .m-xl-32--force {
    margin: var(--matcha-space-400, 32px) !important;
  }
  .mx-xl-32 {
    margin-right: var(--matcha-space-400, 32px);
    margin-left: var(--matcha-space-400, 32px);
  }
  .mx-xl-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .my-xl-32 {
    margin-top: var(--matcha-space-400, 32px);
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .my-xl-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .mt-xl-32 {
    margin-top: var(--matcha-space-400, 32px);
  }
  .mt-xl-32--force {
    margin-top: var(--matcha-space-400, 32px) !important;
  }
  .mr-xl-32 {
    margin-right: var(--matcha-space-400, 32px);
  }
  .mr-xl-32--force {
    margin-right: var(--matcha-space-400, 32px) !important;
  }
  .mb-xl-32 {
    margin-bottom: var(--matcha-space-400, 32px);
  }
  .mb-xl-32--force {
    margin-bottom: var(--matcha-space-400, 32px) !important;
  }
  .ml-xl-32 {
    margin-left: var(--matcha-space-400, 32px);
  }
  .ml-xl-32--force {
    margin-left: var(--matcha-space-400, 32px) !important;
  }
  .m-xl-36 {
    margin: 36px;
  }
  .m-xl-36--force {
    margin: 36px !important;
  }
  .mx-xl-36 {
    margin-right: 36px;
    margin-left: 36px;
  }
  .mx-xl-36--force {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .my-xl-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .my-xl-36--force {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .mt-xl-36 {
    margin-top: 36px;
  }
  .mt-xl-36--force {
    margin-top: 36px !important;
  }
  .mr-xl-36 {
    margin-right: 36px;
  }
  .mr-xl-36--force {
    margin-right: 36px !important;
  }
  .mb-xl-36 {
    margin-bottom: 36px;
  }
  .mb-xl-36--force {
    margin-bottom: 36px !important;
  }
  .ml-xl-36 {
    margin-left: 36px;
  }
  .ml-xl-36--force {
    margin-left: 36px !important;
  }
  .m-xl-40 {
    margin: var(--matcha-space-500, 40px);
  }
  .m-xl-40--force {
    margin: var(--matcha-space-500, 40px) !important;
  }
  .mx-xl-40 {
    margin-right: var(--matcha-space-500, 40px);
    margin-left: var(--matcha-space-500, 40px);
  }
  .mx-xl-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .my-xl-40 {
    margin-top: var(--matcha-space-500, 40px);
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .my-xl-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .mt-xl-40 {
    margin-top: var(--matcha-space-500, 40px);
  }
  .mt-xl-40--force {
    margin-top: var(--matcha-space-500, 40px) !important;
  }
  .mr-xl-40 {
    margin-right: var(--matcha-space-500, 40px);
  }
  .mr-xl-40--force {
    margin-right: var(--matcha-space-500, 40px) !important;
  }
  .mb-xl-40 {
    margin-bottom: var(--matcha-space-500, 40px);
  }
  .mb-xl-40--force {
    margin-bottom: var(--matcha-space-500, 40px) !important;
  }
  .ml-xl-40 {
    margin-left: var(--matcha-space-500, 40px);
  }
  .ml-xl-40--force {
    margin-left: var(--matcha-space-500, 40px) !important;
  }
  .m-xl-44 {
    margin: 44px;
  }
  .m-xl-44--force {
    margin: 44px !important;
  }
  .mx-xl-44 {
    margin-right: 44px;
    margin-left: 44px;
  }
  .mx-xl-44--force {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .my-xl-44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .my-xl-44--force {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .mt-xl-44 {
    margin-top: 44px;
  }
  .mt-xl-44--force {
    margin-top: 44px !important;
  }
  .mr-xl-44 {
    margin-right: 44px;
  }
  .mr-xl-44--force {
    margin-right: 44px !important;
  }
  .mb-xl-44 {
    margin-bottom: 44px;
  }
  .mb-xl-44--force {
    margin-bottom: 44px !important;
  }
  .ml-xl-44 {
    margin-left: 44px;
  }
  .ml-xl-44--force {
    margin-left: 44px !important;
  }
  .m-xl-48 {
    margin: var(--matcha-space-600, 48px);
  }
  .m-xl-48--force {
    margin: var(--matcha-space-600, 48px) !important;
  }
  .mx-xl-48 {
    margin-right: var(--matcha-space-600, 48px);
    margin-left: var(--matcha-space-600, 48px);
  }
  .mx-xl-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .my-xl-48 {
    margin-top: var(--matcha-space-600, 48px);
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .my-xl-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .mt-xl-48 {
    margin-top: var(--matcha-space-600, 48px);
  }
  .mt-xl-48--force {
    margin-top: var(--matcha-space-600, 48px) !important;
  }
  .mr-xl-48 {
    margin-right: var(--matcha-space-600, 48px);
  }
  .mr-xl-48--force {
    margin-right: var(--matcha-space-600, 48px) !important;
  }
  .mb-xl-48 {
    margin-bottom: var(--matcha-space-600, 48px);
  }
  .mb-xl-48--force {
    margin-bottom: var(--matcha-space-600, 48px) !important;
  }
  .ml-xl-48 {
    margin-left: var(--matcha-space-600, 48px);
  }
  .ml-xl-48--force {
    margin-left: var(--matcha-space-600, 48px) !important;
  }
  .m-xl-52 {
    margin: 52px;
  }
  .m-xl-52--force {
    margin: 52px !important;
  }
  .mx-xl-52 {
    margin-right: 52px;
    margin-left: 52px;
  }
  .mx-xl-52--force {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .my-xl-52 {
    margin-top: 52px;
    margin-bottom: 52px;
  }
  .my-xl-52--force {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .mt-xl-52 {
    margin-top: 52px;
  }
  .mt-xl-52--force {
    margin-top: 52px !important;
  }
  .mr-xl-52 {
    margin-right: 52px;
  }
  .mr-xl-52--force {
    margin-right: 52px !important;
  }
  .mb-xl-52 {
    margin-bottom: 52px;
  }
  .mb-xl-52--force {
    margin-bottom: 52px !important;
  }
  .ml-xl-52 {
    margin-left: 52px;
  }
  .ml-xl-52--force {
    margin-left: 52px !important;
  }
  .m-xl-56 {
    margin: 56px;
  }
  .m-xl-56--force {
    margin: 56px !important;
  }
  .mx-xl-56 {
    margin-right: 56px;
    margin-left: 56px;
  }
  .mx-xl-56--force {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .my-xl-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .my-xl-56--force {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mt-xl-56 {
    margin-top: 56px;
  }
  .mt-xl-56--force {
    margin-top: 56px !important;
  }
  .mr-xl-56 {
    margin-right: 56px;
  }
  .mr-xl-56--force {
    margin-right: 56px !important;
  }
  .mb-xl-56 {
    margin-bottom: 56px;
  }
  .mb-xl-56--force {
    margin-bottom: 56px !important;
  }
  .ml-xl-56 {
    margin-left: 56px;
  }
  .ml-xl-56--force {
    margin-left: 56px !important;
  }
  .m-xl-60 {
    margin: 60px;
  }
  .m-xl-60--force {
    margin: 60px !important;
  }
  .mx-xl-60 {
    margin-right: 60px;
    margin-left: 60px;
  }
  .mx-xl-60--force {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .my-xl-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .my-xl-60--force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mt-xl-60 {
    margin-top: 60px;
  }
  .mt-xl-60--force {
    margin-top: 60px !important;
  }
  .mr-xl-60 {
    margin-right: 60px;
  }
  .mr-xl-60--force {
    margin-right: 60px !important;
  }
  .mb-xl-60 {
    margin-bottom: 60px;
  }
  .mb-xl-60--force {
    margin-bottom: 60px !important;
  }
  .ml-xl-60 {
    margin-left: 60px;
  }
  .ml-xl-60--force {
    margin-left: 60px !important;
  }
  .m-xl-64 {
    margin: var(--matcha-space-800, 64px);
  }
  .m-xl-64--force {
    margin: var(--matcha-space-800, 64px) !important;
  }
  .mx-xl-64 {
    margin-right: var(--matcha-space-800, 64px);
    margin-left: var(--matcha-space-800, 64px);
  }
  .mx-xl-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .my-xl-64 {
    margin-top: var(--matcha-space-800, 64px);
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .my-xl-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .mt-xl-64 {
    margin-top: var(--matcha-space-800, 64px);
  }
  .mt-xl-64--force {
    margin-top: var(--matcha-space-800, 64px) !important;
  }
  .mr-xl-64 {
    margin-right: var(--matcha-space-800, 64px);
  }
  .mr-xl-64--force {
    margin-right: var(--matcha-space-800, 64px) !important;
  }
  .mb-xl-64 {
    margin-bottom: var(--matcha-space-800, 64px);
  }
  .mb-xl-64--force {
    margin-bottom: var(--matcha-space-800, 64px) !important;
  }
  .ml-xl-64 {
    margin-left: var(--matcha-space-800, 64px);
  }
  .ml-xl-64--force {
    margin-left: var(--matcha-space-800, 64px) !important;
  }
  .m-xl-auto {
    margin: auto;
  }
  .m-xl-auto--force {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto;
  }
  .mt-xl-auto--force {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto;
  }
  .mr-xl-auto--force {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto;
  }
  .mb-xl-auto--force {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto;
  }
  .ml-xl-auto--force {
    margin-left: auto !important;
  }
  .mx-xl-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .mx-xl-auto--force {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .my-xl-auto--force {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-xl--64 {
    padding: calc(-1 * var(--matcha-space-800, 64px));
  }
  .p-xl--64--force {
    padding: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .px-xl--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .px-xl--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .py-xl--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .py-xl--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pt-xl--64 {
    padding-top: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pt-xl--64--force {
    padding-top: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pr-xl--64 {
    padding-right: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pr-xl--64--force {
    padding-right: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pb-xl--64 {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pb-xl--64--force {
    padding-bottom: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .pl-xl--64 {
    padding-left: calc(-1 * var(--matcha-space-800, 64px));
  }
  .pl-xl--64--force {
    padding-left: calc(-1 * var(--matcha-space-800, 64px)) !important;
  }
  .p-xl--60 {
    padding: -60px;
  }
  .p-xl--60--force {
    padding: -60px !important;
  }
  .px-xl--60 {
    padding-right: -60px;
    padding-left: -60px;
  }
  .px-xl--60--force {
    padding-right: -60px !important;
    padding-left: -60px !important;
  }
  .py-xl--60 {
    padding-top: -60px;
    padding-bottom: -60px;
  }
  .py-xl--60--force {
    padding-top: -60px !important;
    padding-bottom: -60px !important;
  }
  .pt-xl--60 {
    padding-top: -60px;
  }
  .pt-xl--60--force {
    padding-top: -60px !important;
  }
  .pr-xl--60 {
    padding-right: -60px;
  }
  .pr-xl--60--force {
    padding-right: -60px !important;
  }
  .pb-xl--60 {
    padding-bottom: -60px;
  }
  .pb-xl--60--force {
    padding-bottom: -60px !important;
  }
  .pl-xl--60 {
    padding-left: -60px;
  }
  .pl-xl--60--force {
    padding-left: -60px !important;
  }
  .p-xl--56 {
    padding: -56px;
  }
  .p-xl--56--force {
    padding: -56px !important;
  }
  .px-xl--56 {
    padding-right: -56px;
    padding-left: -56px;
  }
  .px-xl--56--force {
    padding-right: -56px !important;
    padding-left: -56px !important;
  }
  .py-xl--56 {
    padding-top: -56px;
    padding-bottom: -56px;
  }
  .py-xl--56--force {
    padding-top: -56px !important;
    padding-bottom: -56px !important;
  }
  .pt-xl--56 {
    padding-top: -56px;
  }
  .pt-xl--56--force {
    padding-top: -56px !important;
  }
  .pr-xl--56 {
    padding-right: -56px;
  }
  .pr-xl--56--force {
    padding-right: -56px !important;
  }
  .pb-xl--56 {
    padding-bottom: -56px;
  }
  .pb-xl--56--force {
    padding-bottom: -56px !important;
  }
  .pl-xl--56 {
    padding-left: -56px;
  }
  .pl-xl--56--force {
    padding-left: -56px !important;
  }
  .p-xl--52 {
    padding: -52px;
  }
  .p-xl--52--force {
    padding: -52px !important;
  }
  .px-xl--52 {
    padding-right: -52px;
    padding-left: -52px;
  }
  .px-xl--52--force {
    padding-right: -52px !important;
    padding-left: -52px !important;
  }
  .py-xl--52 {
    padding-top: -52px;
    padding-bottom: -52px;
  }
  .py-xl--52--force {
    padding-top: -52px !important;
    padding-bottom: -52px !important;
  }
  .pt-xl--52 {
    padding-top: -52px;
  }
  .pt-xl--52--force {
    padding-top: -52px !important;
  }
  .pr-xl--52 {
    padding-right: -52px;
  }
  .pr-xl--52--force {
    padding-right: -52px !important;
  }
  .pb-xl--52 {
    padding-bottom: -52px;
  }
  .pb-xl--52--force {
    padding-bottom: -52px !important;
  }
  .pl-xl--52 {
    padding-left: -52px;
  }
  .pl-xl--52--force {
    padding-left: -52px !important;
  }
  .p-xl--48 {
    padding: calc(-1 * var(--matcha-space-600, 48px));
  }
  .p-xl--48--force {
    padding: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .px-xl--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .px-xl--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .py-xl--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .py-xl--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pt-xl--48 {
    padding-top: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pt-xl--48--force {
    padding-top: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pr-xl--48 {
    padding-right: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pr-xl--48--force {
    padding-right: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pb-xl--48 {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pb-xl--48--force {
    padding-bottom: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .pl-xl--48 {
    padding-left: calc(-1 * var(--matcha-space-600, 48px));
  }
  .pl-xl--48--force {
    padding-left: calc(-1 * var(--matcha-space-600, 48px)) !important;
  }
  .p-xl--44 {
    padding: -44px;
  }
  .p-xl--44--force {
    padding: -44px !important;
  }
  .px-xl--44 {
    padding-right: -44px;
    padding-left: -44px;
  }
  .px-xl--44--force {
    padding-right: -44px !important;
    padding-left: -44px !important;
  }
  .py-xl--44 {
    padding-top: -44px;
    padding-bottom: -44px;
  }
  .py-xl--44--force {
    padding-top: -44px !important;
    padding-bottom: -44px !important;
  }
  .pt-xl--44 {
    padding-top: -44px;
  }
  .pt-xl--44--force {
    padding-top: -44px !important;
  }
  .pr-xl--44 {
    padding-right: -44px;
  }
  .pr-xl--44--force {
    padding-right: -44px !important;
  }
  .pb-xl--44 {
    padding-bottom: -44px;
  }
  .pb-xl--44--force {
    padding-bottom: -44px !important;
  }
  .pl-xl--44 {
    padding-left: -44px;
  }
  .pl-xl--44--force {
    padding-left: -44px !important;
  }
  .p-xl--40 {
    padding: calc(-1 * var(--matcha-space-500, 40px));
  }
  .p-xl--40--force {
    padding: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .px-xl--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .px-xl--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .py-xl--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .py-xl--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pt-xl--40 {
    padding-top: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pt-xl--40--force {
    padding-top: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pr-xl--40 {
    padding-right: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pr-xl--40--force {
    padding-right: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pb-xl--40 {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pb-xl--40--force {
    padding-bottom: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .pl-xl--40 {
    padding-left: calc(-1 * var(--matcha-space-500, 40px));
  }
  .pl-xl--40--force {
    padding-left: calc(-1 * var(--matcha-space-500, 40px)) !important;
  }
  .p-xl--36 {
    padding: -36px;
  }
  .p-xl--36--force {
    padding: -36px !important;
  }
  .px-xl--36 {
    padding-right: -36px;
    padding-left: -36px;
  }
  .px-xl--36--force {
    padding-right: -36px !important;
    padding-left: -36px !important;
  }
  .py-xl--36 {
    padding-top: -36px;
    padding-bottom: -36px;
  }
  .py-xl--36--force {
    padding-top: -36px !important;
    padding-bottom: -36px !important;
  }
  .pt-xl--36 {
    padding-top: -36px;
  }
  .pt-xl--36--force {
    padding-top: -36px !important;
  }
  .pr-xl--36 {
    padding-right: -36px;
  }
  .pr-xl--36--force {
    padding-right: -36px !important;
  }
  .pb-xl--36 {
    padding-bottom: -36px;
  }
  .pb-xl--36--force {
    padding-bottom: -36px !important;
  }
  .pl-xl--36 {
    padding-left: -36px;
  }
  .pl-xl--36--force {
    padding-left: -36px !important;
  }
  .p-xl--32 {
    padding: calc(-1 * var(--matcha-space-400, 32px));
  }
  .p-xl--32--force {
    padding: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .px-xl--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .px-xl--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .py-xl--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .py-xl--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pt-xl--32 {
    padding-top: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pt-xl--32--force {
    padding-top: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pr-xl--32 {
    padding-right: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pr-xl--32--force {
    padding-right: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pb-xl--32 {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pb-xl--32--force {
    padding-bottom: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .pl-xl--32 {
    padding-left: calc(-1 * var(--matcha-space-400, 32px));
  }
  .pl-xl--32--force {
    padding-left: calc(-1 * var(--matcha-space-400, 32px)) !important;
  }
  .p-xl--28 {
    padding: -28px;
  }
  .p-xl--28--force {
    padding: -28px !important;
  }
  .px-xl--28 {
    padding-right: -28px;
    padding-left: -28px;
  }
  .px-xl--28--force {
    padding-right: -28px !important;
    padding-left: -28px !important;
  }
  .py-xl--28 {
    padding-top: -28px;
    padding-bottom: -28px;
  }
  .py-xl--28--force {
    padding-top: -28px !important;
    padding-bottom: -28px !important;
  }
  .pt-xl--28 {
    padding-top: -28px;
  }
  .pt-xl--28--force {
    padding-top: -28px !important;
  }
  .pr-xl--28 {
    padding-right: -28px;
  }
  .pr-xl--28--force {
    padding-right: -28px !important;
  }
  .pb-xl--28 {
    padding-bottom: -28px;
  }
  .pb-xl--28--force {
    padding-bottom: -28px !important;
  }
  .pl-xl--28 {
    padding-left: -28px;
  }
  .pl-xl--28--force {
    padding-left: -28px !important;
  }
  .p-xl--24 {
    padding: calc(-1 * var(--matcha-space-300, 24px));
  }
  .p-xl--24--force {
    padding: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .px-xl--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .px-xl--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .py-xl--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .py-xl--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pt-xl--24 {
    padding-top: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pt-xl--24--force {
    padding-top: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pr-xl--24 {
    padding-right: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pr-xl--24--force {
    padding-right: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pb-xl--24 {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pb-xl--24--force {
    padding-bottom: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .pl-xl--24 {
    padding-left: calc(-1 * var(--matcha-space-300, 24px));
  }
  .pl-xl--24--force {
    padding-left: calc(-1 * var(--matcha-space-300, 24px)) !important;
  }
  .p-xl--20 {
    padding: calc(-1 * var(--matcha-space-250, 20px));
  }
  .p-xl--20--force {
    padding: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .px-xl--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .px-xl--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .py-xl--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .py-xl--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pt-xl--20 {
    padding-top: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pt-xl--20--force {
    padding-top: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pr-xl--20 {
    padding-right: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pr-xl--20--force {
    padding-right: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pb-xl--20 {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pb-xl--20--force {
    padding-bottom: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .pl-xl--20 {
    padding-left: calc(-1 * var(--matcha-space-250, 20px));
  }
  .pl-xl--20--force {
    padding-left: calc(-1 * var(--matcha-space-250, 20px)) !important;
  }
  .p-xl--16 {
    padding: calc(-1 * var(--matcha-space-200, 16px));
  }
  .p-xl--16--force {
    padding: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .px-xl--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .px-xl--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .py-xl--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .py-xl--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pt-xl--16 {
    padding-top: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pt-xl--16--force {
    padding-top: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pr-xl--16 {
    padding-right: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pr-xl--16--force {
    padding-right: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pb-xl--16 {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pb-xl--16--force {
    padding-bottom: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .pl-xl--16 {
    padding-left: calc(-1 * var(--matcha-space-200, 16px));
  }
  .pl-xl--16--force {
    padding-left: calc(-1 * var(--matcha-space-200, 16px)) !important;
  }
  .p-xl--12 {
    padding: calc(-1 * var(--matcha-space-150, 12px));
  }
  .p-xl--12--force {
    padding: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .px-xl--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .px-xl--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .py-xl--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .py-xl--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pt-xl--12 {
    padding-top: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pt-xl--12--force {
    padding-top: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pr-xl--12 {
    padding-right: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pr-xl--12--force {
    padding-right: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pb-xl--12 {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pb-xl--12--force {
    padding-bottom: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .pl-xl--12 {
    padding-left: calc(-1 * var(--matcha-space-150, 12px));
  }
  .pl-xl--12--force {
    padding-left: calc(-1 * var(--matcha-space-150, 12px)) !important;
  }
  .p-xl--8 {
    padding: calc(-1 * var(--matcha-space-100, 8px));
  }
  .p-xl--8--force {
    padding: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .px-xl--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .px-xl--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .py-xl--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .py-xl--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pt-xl--8 {
    padding-top: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pt-xl--8--force {
    padding-top: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pr-xl--8 {
    padding-right: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pr-xl--8--force {
    padding-right: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pb-xl--8 {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pb-xl--8--force {
    padding-bottom: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .pl-xl--8 {
    padding-left: calc(-1 * var(--matcha-space-100, 8px));
  }
  .pl-xl--8--force {
    padding-left: calc(-1 * var(--matcha-space-100, 8px)) !important;
  }
  .p-xl--4 {
    padding: calc(-1 * var(--matcha-space-050, 4px));
  }
  .p-xl--4--force {
    padding: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .px-xl--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .px-xl--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .py-xl--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .py-xl--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pt-xl--4 {
    padding-top: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pt-xl--4--force {
    padding-top: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pr-xl--4 {
    padding-right: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pr-xl--4--force {
    padding-right: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pb-xl--4 {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pb-xl--4--force {
    padding-bottom: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .pl-xl--4 {
    padding-left: calc(-1 * var(--matcha-space-050, 4px));
  }
  .pl-xl--4--force {
    padding-left: calc(-1 * var(--matcha-space-050, 4px)) !important;
  }
  .p-xl-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-xl-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-xl-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-xl-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-xl-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-xl-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-xl-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-xl-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-xl-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-xl-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-xl-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-xl-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-xl-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-xl-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-xl-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-xl-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-xl-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-xl-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-xl-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-xl-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-xl-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-xl-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-xl-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-xl-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-xl-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-xl-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-xl-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-xl-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-xl-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-xl-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-xl-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-xl-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-xl-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-xl-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-xl-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-xl-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-xl-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-xl-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-xl-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-xl-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-xl-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-xl-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-xl-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-xl-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-xl-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-xl-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-xl-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-xl-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-xl-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-xl-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-xl-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-xl-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-xl-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-xl-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-xl-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-xl-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-xl-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-xl-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-xl-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-xl-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-xl-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-xl-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-xl-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-xl-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-xl-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-xl-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-xl-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-xl-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-xl-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-xl-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-xl-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-xl-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-xl-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-xl-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-xl-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-xl-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-xl-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-xl-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-xl-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-xl-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-xl-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-xl-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-xl-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-xl-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-xl-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-xl-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-xl-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-xl-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-xl-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-xl-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-xl-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-xl-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-xl-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-xl-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-xl-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-xl-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-xl-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-xl-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-xl-28 {
    padding: 28px;
  }
  .p-xl-28--force {
    padding: 28px !important;
  }
  .px-xl-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-xl-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-xl-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-xl-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-xl-28 {
    padding-top: 28px;
  }
  .pt-xl-28--force {
    padding-top: 28px !important;
  }
  .pr-xl-28 {
    padding-right: 28px;
  }
  .pr-xl-28--force {
    padding-right: 28px !important;
  }
  .pb-xl-28 {
    padding-bottom: 28px;
  }
  .pb-xl-28--force {
    padding-bottom: 28px !important;
  }
  .pl-xl-28 {
    padding-left: 28px;
  }
  .pl-xl-28--force {
    padding-left: 28px !important;
  }
  .p-xl-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-xl-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-xl-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-xl-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-xl-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-xl-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-xl-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-xl-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-xl-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-xl-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-xl-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-xl-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-xl-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-xl-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-xl-36 {
    padding: 36px;
  }
  .p-xl-36--force {
    padding: 36px !important;
  }
  .px-xl-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-xl-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-xl-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-xl-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-xl-36 {
    padding-top: 36px;
  }
  .pt-xl-36--force {
    padding-top: 36px !important;
  }
  .pr-xl-36 {
    padding-right: 36px;
  }
  .pr-xl-36--force {
    padding-right: 36px !important;
  }
  .pb-xl-36 {
    padding-bottom: 36px;
  }
  .pb-xl-36--force {
    padding-bottom: 36px !important;
  }
  .pl-xl-36 {
    padding-left: 36px;
  }
  .pl-xl-36--force {
    padding-left: 36px !important;
  }
  .p-xl-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-xl-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-xl-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-xl-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-xl-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-xl-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-xl-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-xl-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-xl-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-xl-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-xl-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-xl-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-xl-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-xl-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-xl-44 {
    padding: 44px;
  }
  .p-xl-44--force {
    padding: 44px !important;
  }
  .px-xl-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-xl-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-xl-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-xl-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-xl-44 {
    padding-top: 44px;
  }
  .pt-xl-44--force {
    padding-top: 44px !important;
  }
  .pr-xl-44 {
    padding-right: 44px;
  }
  .pr-xl-44--force {
    padding-right: 44px !important;
  }
  .pb-xl-44 {
    padding-bottom: 44px;
  }
  .pb-xl-44--force {
    padding-bottom: 44px !important;
  }
  .pl-xl-44 {
    padding-left: 44px;
  }
  .pl-xl-44--force {
    padding-left: 44px !important;
  }
  .p-xl-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-xl-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-xl-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-xl-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-xl-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-xl-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-xl-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-xl-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-xl-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-xl-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-xl-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-xl-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-xl-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-xl-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-xl-52 {
    padding: 52px;
  }
  .p-xl-52--force {
    padding: 52px !important;
  }
  .px-xl-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-xl-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-xl-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-xl-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-xl-52 {
    padding-top: 52px;
  }
  .pt-xl-52--force {
    padding-top: 52px !important;
  }
  .pr-xl-52 {
    padding-right: 52px;
  }
  .pr-xl-52--force {
    padding-right: 52px !important;
  }
  .pb-xl-52 {
    padding-bottom: 52px;
  }
  .pb-xl-52--force {
    padding-bottom: 52px !important;
  }
  .pl-xl-52 {
    padding-left: 52px;
  }
  .pl-xl-52--force {
    padding-left: 52px !important;
  }
  .p-xl-56 {
    padding: 56px;
  }
  .p-xl-56--force {
    padding: 56px !important;
  }
  .px-xl-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-xl-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-xl-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-xl-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-xl-56 {
    padding-top: 56px;
  }
  .pt-xl-56--force {
    padding-top: 56px !important;
  }
  .pr-xl-56 {
    padding-right: 56px;
  }
  .pr-xl-56--force {
    padding-right: 56px !important;
  }
  .pb-xl-56 {
    padding-bottom: 56px;
  }
  .pb-xl-56--force {
    padding-bottom: 56px !important;
  }
  .pl-xl-56 {
    padding-left: 56px;
  }
  .pl-xl-56--force {
    padding-left: 56px !important;
  }
  .p-xl-60 {
    padding: 60px;
  }
  .p-xl-60--force {
    padding: 60px !important;
  }
  .px-xl-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-xl-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-xl-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-xl-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-xl-60 {
    padding-top: 60px;
  }
  .pt-xl-60--force {
    padding-top: 60px !important;
  }
  .pr-xl-60 {
    padding-right: 60px;
  }
  .pr-xl-60--force {
    padding-right: 60px !important;
  }
  .pb-xl-60 {
    padding-bottom: 60px;
  }
  .pb-xl-60--force {
    padding-bottom: 60px !important;
  }
  .pl-xl-60 {
    padding-left: 60px;
  }
  .pl-xl-60--force {
    padding-left: 60px !important;
  }
  .p-xl-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-xl-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-xl-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-xl-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-xl-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-xl-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-xl-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-xl-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-xl-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-xl-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-xl-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-xl-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-xl-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-xl-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-xl-0 {
    padding: var(--matcha-space-0, 0);
  }
  .p-xl-0--force {
    padding: var(--matcha-space-0, 0) !important;
  }
  .px-xl-0 {
    padding-right: var(--matcha-space-0, 0);
    padding-left: var(--matcha-space-0, 0);
  }
  .px-xl-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .py-xl-0 {
    padding-top: var(--matcha-space-0, 0);
    padding-bottom: var(--matcha-space-0, 0);
  }
  .py-xl-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pt-xl-0 {
    padding-top: var(--matcha-space-0, 0);
  }
  .pt-xl-0--force {
    padding-top: var(--matcha-space-0, 0) !important;
  }
  .pr-xl-0 {
    padding-right: var(--matcha-space-0, 0);
  }
  .pr-xl-0--force {
    padding-right: var(--matcha-space-0, 0) !important;
  }
  .pb-xl-0 {
    padding-bottom: var(--matcha-space-0, 0);
  }
  .pb-xl-0--force {
    padding-bottom: var(--matcha-space-0, 0) !important;
  }
  .pl-xl-0 {
    padding-left: var(--matcha-space-0, 0);
  }
  .pl-xl-0--force {
    padding-left: var(--matcha-space-0, 0) !important;
  }
  .p-xl-4 {
    padding: var(--matcha-space-050, 4px);
  }
  .p-xl-4--force {
    padding: var(--matcha-space-050, 4px) !important;
  }
  .px-xl-4 {
    padding-right: var(--matcha-space-050, 4px);
    padding-left: var(--matcha-space-050, 4px);
  }
  .px-xl-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .py-xl-4 {
    padding-top: var(--matcha-space-050, 4px);
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .py-xl-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pt-xl-4 {
    padding-top: var(--matcha-space-050, 4px);
  }
  .pt-xl-4--force {
    padding-top: var(--matcha-space-050, 4px) !important;
  }
  .pr-xl-4 {
    padding-right: var(--matcha-space-050, 4px);
  }
  .pr-xl-4--force {
    padding-right: var(--matcha-space-050, 4px) !important;
  }
  .pb-xl-4 {
    padding-bottom: var(--matcha-space-050, 4px);
  }
  .pb-xl-4--force {
    padding-bottom: var(--matcha-space-050, 4px) !important;
  }
  .pl-xl-4 {
    padding-left: var(--matcha-space-050, 4px);
  }
  .pl-xl-4--force {
    padding-left: var(--matcha-space-050, 4px) !important;
  }
  .p-xl-8 {
    padding: var(--matcha-space-100, 8px);
  }
  .p-xl-8--force {
    padding: var(--matcha-space-100, 8px) !important;
  }
  .px-xl-8 {
    padding-right: var(--matcha-space-100, 8px);
    padding-left: var(--matcha-space-100, 8px);
  }
  .px-xl-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .py-xl-8 {
    padding-top: var(--matcha-space-100, 8px);
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .py-xl-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pt-xl-8 {
    padding-top: var(--matcha-space-100, 8px);
  }
  .pt-xl-8--force {
    padding-top: var(--matcha-space-100, 8px) !important;
  }
  .pr-xl-8 {
    padding-right: var(--matcha-space-100, 8px);
  }
  .pr-xl-8--force {
    padding-right: var(--matcha-space-100, 8px) !important;
  }
  .pb-xl-8 {
    padding-bottom: var(--matcha-space-100, 8px);
  }
  .pb-xl-8--force {
    padding-bottom: var(--matcha-space-100, 8px) !important;
  }
  .pl-xl-8 {
    padding-left: var(--matcha-space-100, 8px);
  }
  .pl-xl-8--force {
    padding-left: var(--matcha-space-100, 8px) !important;
  }
  .p-xl-12 {
    padding: var(--matcha-space-150, 12px);
  }
  .p-xl-12--force {
    padding: var(--matcha-space-150, 12px) !important;
  }
  .px-xl-12 {
    padding-right: var(--matcha-space-150, 12px);
    padding-left: var(--matcha-space-150, 12px);
  }
  .px-xl-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .py-xl-12 {
    padding-top: var(--matcha-space-150, 12px);
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .py-xl-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pt-xl-12 {
    padding-top: var(--matcha-space-150, 12px);
  }
  .pt-xl-12--force {
    padding-top: var(--matcha-space-150, 12px) !important;
  }
  .pr-xl-12 {
    padding-right: var(--matcha-space-150, 12px);
  }
  .pr-xl-12--force {
    padding-right: var(--matcha-space-150, 12px) !important;
  }
  .pb-xl-12 {
    padding-bottom: var(--matcha-space-150, 12px);
  }
  .pb-xl-12--force {
    padding-bottom: var(--matcha-space-150, 12px) !important;
  }
  .pl-xl-12 {
    padding-left: var(--matcha-space-150, 12px);
  }
  .pl-xl-12--force {
    padding-left: var(--matcha-space-150, 12px) !important;
  }
  .p-xl-16 {
    padding: var(--matcha-space-200, 16px);
  }
  .p-xl-16--force {
    padding: var(--matcha-space-200, 16px) !important;
  }
  .px-xl-16 {
    padding-right: var(--matcha-space-200, 16px);
    padding-left: var(--matcha-space-200, 16px);
  }
  .px-xl-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .py-xl-16 {
    padding-top: var(--matcha-space-200, 16px);
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .py-xl-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pt-xl-16 {
    padding-top: var(--matcha-space-200, 16px);
  }
  .pt-xl-16--force {
    padding-top: var(--matcha-space-200, 16px) !important;
  }
  .pr-xl-16 {
    padding-right: var(--matcha-space-200, 16px);
  }
  .pr-xl-16--force {
    padding-right: var(--matcha-space-200, 16px) !important;
  }
  .pb-xl-16 {
    padding-bottom: var(--matcha-space-200, 16px);
  }
  .pb-xl-16--force {
    padding-bottom: var(--matcha-space-200, 16px) !important;
  }
  .pl-xl-16 {
    padding-left: var(--matcha-space-200, 16px);
  }
  .pl-xl-16--force {
    padding-left: var(--matcha-space-200, 16px) !important;
  }
  .p-xl-20 {
    padding: var(--matcha-space-250, 20px);
  }
  .p-xl-20--force {
    padding: var(--matcha-space-250, 20px) !important;
  }
  .px-xl-20 {
    padding-right: var(--matcha-space-250, 20px);
    padding-left: var(--matcha-space-250, 20px);
  }
  .px-xl-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .py-xl-20 {
    padding-top: var(--matcha-space-250, 20px);
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .py-xl-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pt-xl-20 {
    padding-top: var(--matcha-space-250, 20px);
  }
  .pt-xl-20--force {
    padding-top: var(--matcha-space-250, 20px) !important;
  }
  .pr-xl-20 {
    padding-right: var(--matcha-space-250, 20px);
  }
  .pr-xl-20--force {
    padding-right: var(--matcha-space-250, 20px) !important;
  }
  .pb-xl-20 {
    padding-bottom: var(--matcha-space-250, 20px);
  }
  .pb-xl-20--force {
    padding-bottom: var(--matcha-space-250, 20px) !important;
  }
  .pl-xl-20 {
    padding-left: var(--matcha-space-250, 20px);
  }
  .pl-xl-20--force {
    padding-left: var(--matcha-space-250, 20px) !important;
  }
  .p-xl-24 {
    padding: var(--matcha-space-300, 24px);
  }
  .p-xl-24--force {
    padding: var(--matcha-space-300, 24px) !important;
  }
  .px-xl-24 {
    padding-right: var(--matcha-space-300, 24px);
    padding-left: var(--matcha-space-300, 24px);
  }
  .px-xl-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .py-xl-24 {
    padding-top: var(--matcha-space-300, 24px);
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .py-xl-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pt-xl-24 {
    padding-top: var(--matcha-space-300, 24px);
  }
  .pt-xl-24--force {
    padding-top: var(--matcha-space-300, 24px) !important;
  }
  .pr-xl-24 {
    padding-right: var(--matcha-space-300, 24px);
  }
  .pr-xl-24--force {
    padding-right: var(--matcha-space-300, 24px) !important;
  }
  .pb-xl-24 {
    padding-bottom: var(--matcha-space-300, 24px);
  }
  .pb-xl-24--force {
    padding-bottom: var(--matcha-space-300, 24px) !important;
  }
  .pl-xl-24 {
    padding-left: var(--matcha-space-300, 24px);
  }
  .pl-xl-24--force {
    padding-left: var(--matcha-space-300, 24px) !important;
  }
  .p-xl-28 {
    padding: 28px;
  }
  .p-xl-28--force {
    padding: 28px !important;
  }
  .px-xl-28 {
    padding-right: 28px;
    padding-left: 28px;
  }
  .px-xl-28--force {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .py-xl-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .py-xl-28--force {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pt-xl-28 {
    padding-top: 28px;
  }
  .pt-xl-28--force {
    padding-top: 28px !important;
  }
  .pr-xl-28 {
    padding-right: 28px;
  }
  .pr-xl-28--force {
    padding-right: 28px !important;
  }
  .pb-xl-28 {
    padding-bottom: 28px;
  }
  .pb-xl-28--force {
    padding-bottom: 28px !important;
  }
  .pl-xl-28 {
    padding-left: 28px;
  }
  .pl-xl-28--force {
    padding-left: 28px !important;
  }
  .p-xl-32 {
    padding: var(--matcha-space-400, 32px);
  }
  .p-xl-32--force {
    padding: var(--matcha-space-400, 32px) !important;
  }
  .px-xl-32 {
    padding-right: var(--matcha-space-400, 32px);
    padding-left: var(--matcha-space-400, 32px);
  }
  .px-xl-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .py-xl-32 {
    padding-top: var(--matcha-space-400, 32px);
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .py-xl-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pt-xl-32 {
    padding-top: var(--matcha-space-400, 32px);
  }
  .pt-xl-32--force {
    padding-top: var(--matcha-space-400, 32px) !important;
  }
  .pr-xl-32 {
    padding-right: var(--matcha-space-400, 32px);
  }
  .pr-xl-32--force {
    padding-right: var(--matcha-space-400, 32px) !important;
  }
  .pb-xl-32 {
    padding-bottom: var(--matcha-space-400, 32px);
  }
  .pb-xl-32--force {
    padding-bottom: var(--matcha-space-400, 32px) !important;
  }
  .pl-xl-32 {
    padding-left: var(--matcha-space-400, 32px);
  }
  .pl-xl-32--force {
    padding-left: var(--matcha-space-400, 32px) !important;
  }
  .p-xl-36 {
    padding: 36px;
  }
  .p-xl-36--force {
    padding: 36px !important;
  }
  .px-xl-36 {
    padding-right: 36px;
    padding-left: 36px;
  }
  .px-xl-36--force {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .py-xl-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .py-xl-36--force {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .pt-xl-36 {
    padding-top: 36px;
  }
  .pt-xl-36--force {
    padding-top: 36px !important;
  }
  .pr-xl-36 {
    padding-right: 36px;
  }
  .pr-xl-36--force {
    padding-right: 36px !important;
  }
  .pb-xl-36 {
    padding-bottom: 36px;
  }
  .pb-xl-36--force {
    padding-bottom: 36px !important;
  }
  .pl-xl-36 {
    padding-left: 36px;
  }
  .pl-xl-36--force {
    padding-left: 36px !important;
  }
  .p-xl-40 {
    padding: var(--matcha-space-500, 40px);
  }
  .p-xl-40--force {
    padding: var(--matcha-space-500, 40px) !important;
  }
  .px-xl-40 {
    padding-right: var(--matcha-space-500, 40px);
    padding-left: var(--matcha-space-500, 40px);
  }
  .px-xl-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .py-xl-40 {
    padding-top: var(--matcha-space-500, 40px);
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .py-xl-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pt-xl-40 {
    padding-top: var(--matcha-space-500, 40px);
  }
  .pt-xl-40--force {
    padding-top: var(--matcha-space-500, 40px) !important;
  }
  .pr-xl-40 {
    padding-right: var(--matcha-space-500, 40px);
  }
  .pr-xl-40--force {
    padding-right: var(--matcha-space-500, 40px) !important;
  }
  .pb-xl-40 {
    padding-bottom: var(--matcha-space-500, 40px);
  }
  .pb-xl-40--force {
    padding-bottom: var(--matcha-space-500, 40px) !important;
  }
  .pl-xl-40 {
    padding-left: var(--matcha-space-500, 40px);
  }
  .pl-xl-40--force {
    padding-left: var(--matcha-space-500, 40px) !important;
  }
  .p-xl-44 {
    padding: 44px;
  }
  .p-xl-44--force {
    padding: 44px !important;
  }
  .px-xl-44 {
    padding-right: 44px;
    padding-left: 44px;
  }
  .px-xl-44--force {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .py-xl-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .py-xl-44--force {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .pt-xl-44 {
    padding-top: 44px;
  }
  .pt-xl-44--force {
    padding-top: 44px !important;
  }
  .pr-xl-44 {
    padding-right: 44px;
  }
  .pr-xl-44--force {
    padding-right: 44px !important;
  }
  .pb-xl-44 {
    padding-bottom: 44px;
  }
  .pb-xl-44--force {
    padding-bottom: 44px !important;
  }
  .pl-xl-44 {
    padding-left: 44px;
  }
  .pl-xl-44--force {
    padding-left: 44px !important;
  }
  .p-xl-48 {
    padding: var(--matcha-space-600, 48px);
  }
  .p-xl-48--force {
    padding: var(--matcha-space-600, 48px) !important;
  }
  .px-xl-48 {
    padding-right: var(--matcha-space-600, 48px);
    padding-left: var(--matcha-space-600, 48px);
  }
  .px-xl-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .py-xl-48 {
    padding-top: var(--matcha-space-600, 48px);
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .py-xl-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pt-xl-48 {
    padding-top: var(--matcha-space-600, 48px);
  }
  .pt-xl-48--force {
    padding-top: var(--matcha-space-600, 48px) !important;
  }
  .pr-xl-48 {
    padding-right: var(--matcha-space-600, 48px);
  }
  .pr-xl-48--force {
    padding-right: var(--matcha-space-600, 48px) !important;
  }
  .pb-xl-48 {
    padding-bottom: var(--matcha-space-600, 48px);
  }
  .pb-xl-48--force {
    padding-bottom: var(--matcha-space-600, 48px) !important;
  }
  .pl-xl-48 {
    padding-left: var(--matcha-space-600, 48px);
  }
  .pl-xl-48--force {
    padding-left: var(--matcha-space-600, 48px) !important;
  }
  .p-xl-52 {
    padding: 52px;
  }
  .p-xl-52--force {
    padding: 52px !important;
  }
  .px-xl-52 {
    padding-right: 52px;
    padding-left: 52px;
  }
  .px-xl-52--force {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .py-xl-52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .py-xl-52--force {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .pt-xl-52 {
    padding-top: 52px;
  }
  .pt-xl-52--force {
    padding-top: 52px !important;
  }
  .pr-xl-52 {
    padding-right: 52px;
  }
  .pr-xl-52--force {
    padding-right: 52px !important;
  }
  .pb-xl-52 {
    padding-bottom: 52px;
  }
  .pb-xl-52--force {
    padding-bottom: 52px !important;
  }
  .pl-xl-52 {
    padding-left: 52px;
  }
  .pl-xl-52--force {
    padding-left: 52px !important;
  }
  .p-xl-56 {
    padding: 56px;
  }
  .p-xl-56--force {
    padding: 56px !important;
  }
  .px-xl-56 {
    padding-right: 56px;
    padding-left: 56px;
  }
  .px-xl-56--force {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .py-xl-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .py-xl-56--force {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .pt-xl-56 {
    padding-top: 56px;
  }
  .pt-xl-56--force {
    padding-top: 56px !important;
  }
  .pr-xl-56 {
    padding-right: 56px;
  }
  .pr-xl-56--force {
    padding-right: 56px !important;
  }
  .pb-xl-56 {
    padding-bottom: 56px;
  }
  .pb-xl-56--force {
    padding-bottom: 56px !important;
  }
  .pl-xl-56 {
    padding-left: 56px;
  }
  .pl-xl-56--force {
    padding-left: 56px !important;
  }
  .p-xl-60 {
    padding: 60px;
  }
  .p-xl-60--force {
    padding: 60px !important;
  }
  .px-xl-60 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .px-xl-60--force {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .py-xl-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .py-xl-60--force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pt-xl-60 {
    padding-top: 60px;
  }
  .pt-xl-60--force {
    padding-top: 60px !important;
  }
  .pr-xl-60 {
    padding-right: 60px;
  }
  .pr-xl-60--force {
    padding-right: 60px !important;
  }
  .pb-xl-60 {
    padding-bottom: 60px;
  }
  .pb-xl-60--force {
    padding-bottom: 60px !important;
  }
  .pl-xl-60 {
    padding-left: 60px;
  }
  .pl-xl-60--force {
    padding-left: 60px !important;
  }
  .p-xl-64 {
    padding: var(--matcha-space-800, 64px);
  }
  .p-xl-64--force {
    padding: var(--matcha-space-800, 64px) !important;
  }
  .px-xl-64 {
    padding-right: var(--matcha-space-800, 64px);
    padding-left: var(--matcha-space-800, 64px);
  }
  .px-xl-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .py-xl-64 {
    padding-top: var(--matcha-space-800, 64px);
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .py-xl-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pt-xl-64 {
    padding-top: var(--matcha-space-800, 64px);
  }
  .pt-xl-64--force {
    padding-top: var(--matcha-space-800, 64px) !important;
  }
  .pr-xl-64 {
    padding-right: var(--matcha-space-800, 64px);
  }
  .pr-xl-64--force {
    padding-right: var(--matcha-space-800, 64px) !important;
  }
  .pb-xl-64 {
    padding-bottom: var(--matcha-space-800, 64px);
  }
  .pb-xl-64--force {
    padding-bottom: var(--matcha-space-800, 64px) !important;
  }
  .pl-xl-64 {
    padding-left: var(--matcha-space-800, 64px);
  }
  .pl-xl-64--force {
    padding-left: var(--matcha-space-800, 64px) !important;
  }
  .p-xl-68 {
    padding: 68px;
  }
  .p-xl-68--force {
    padding: 68px !important;
  }
  .px-xl-68 {
    padding-right: 68px;
    padding-left: 68px;
  }
  .px-xl-68--force {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }
  .py-xl-68 {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .py-xl-68--force {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .pt-xl-68 {
    padding-top: 68px;
  }
  .pt-xl-68--force {
    padding-top: 68px !important;
  }
  .pr-xl-68 {
    padding-right: 68px;
  }
  .pr-xl-68--force {
    padding-right: 68px !important;
  }
  .pb-xl-68 {
    padding-bottom: 68px;
  }
  .pb-xl-68--force {
    padding-bottom: 68px !important;
  }
  .pl-xl-68 {
    padding-left: 68px;
  }
  .pl-xl-68--force {
    padding-left: 68px !important;
  }
  .p-xl-72 {
    padding: 72px;
  }
  .p-xl-72--force {
    padding: 72px !important;
  }
  .px-xl-72 {
    padding-right: 72px;
    padding-left: 72px;
  }
  .px-xl-72--force {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
  .py-xl-72 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .py-xl-72--force {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .pt-xl-72 {
    padding-top: 72px;
  }
  .pt-xl-72--force {
    padding-top: 72px !important;
  }
  .pr-xl-72 {
    padding-right: 72px;
  }
  .pr-xl-72--force {
    padding-right: 72px !important;
  }
  .pb-xl-72 {
    padding-bottom: 72px;
  }
  .pb-xl-72--force {
    padding-bottom: 72px !important;
  }
  .pl-xl-72 {
    padding-left: 72px;
  }
  .pl-xl-72--force {
    padding-left: 72px !important;
  }
  .p-xl-76 {
    padding: 76px;
  }
  .p-xl-76--force {
    padding: 76px !important;
  }
  .px-xl-76 {
    padding-right: 76px;
    padding-left: 76px;
  }
  .px-xl-76--force {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }
  .py-xl-76 {
    padding-top: 76px;
    padding-bottom: 76px;
  }
  .py-xl-76--force {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
  .pt-xl-76 {
    padding-top: 76px;
  }
  .pt-xl-76--force {
    padding-top: 76px !important;
  }
  .pr-xl-76 {
    padding-right: 76px;
  }
  .pr-xl-76--force {
    padding-right: 76px !important;
  }
  .pb-xl-76 {
    padding-bottom: 76px;
  }
  .pb-xl-76--force {
    padding-bottom: 76px !important;
  }
  .pl-xl-76 {
    padding-left: 76px;
  }
  .pl-xl-76--force {
    padding-left: 76px !important;
  }
  .p-xl-80 {
    padding: var(--matcha-space-1000, 80px);
  }
  .p-xl-80--force {
    padding: var(--matcha-space-1000, 80px) !important;
  }
  .px-xl-80 {
    padding-right: var(--matcha-space-1000, 80px);
    padding-left: var(--matcha-space-1000, 80px);
  }
  .px-xl-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .py-xl-80 {
    padding-top: var(--matcha-space-1000, 80px);
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .py-xl-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pt-xl-80 {
    padding-top: var(--matcha-space-1000, 80px);
  }
  .pt-xl-80--force {
    padding-top: var(--matcha-space-1000, 80px) !important;
  }
  .pr-xl-80 {
    padding-right: var(--matcha-space-1000, 80px);
  }
  .pr-xl-80--force {
    padding-right: var(--matcha-space-1000, 80px) !important;
  }
  .pb-xl-80 {
    padding-bottom: var(--matcha-space-1000, 80px);
  }
  .pb-xl-80--force {
    padding-bottom: var(--matcha-space-1000, 80px) !important;
  }
  .pl-xl-80 {
    padding-left: var(--matcha-space-1000, 80px);
  }
  .pl-xl-80--force {
    padding-left: var(--matcha-space-1000, 80px) !important;
  }
  .p-xl-84 {
    padding: 84px;
  }
  .p-xl-84--force {
    padding: 84px !important;
  }
  .px-xl-84 {
    padding-right: 84px;
    padding-left: 84px;
  }
  .px-xl-84--force {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }
  .py-xl-84 {
    padding-top: 84px;
    padding-bottom: 84px;
  }
  .py-xl-84--force {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  .pt-xl-84 {
    padding-top: 84px;
  }
  .pt-xl-84--force {
    padding-top: 84px !important;
  }
  .pr-xl-84 {
    padding-right: 84px;
  }
  .pr-xl-84--force {
    padding-right: 84px !important;
  }
  .pb-xl-84 {
    padding-bottom: 84px;
  }
  .pb-xl-84--force {
    padding-bottom: 84px !important;
  }
  .pl-xl-84 {
    padding-left: 84px;
  }
  .pl-xl-84--force {
    padding-left: 84px !important;
  }
  .p-xl-88 {
    padding: 88px;
  }
  .p-xl-88--force {
    padding: 88px !important;
  }
  .px-xl-88 {
    padding-right: 88px;
    padding-left: 88px;
  }
  .px-xl-88--force {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }
  .py-xl-88 {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .py-xl-88--force {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .pt-xl-88 {
    padding-top: 88px;
  }
  .pt-xl-88--force {
    padding-top: 88px !important;
  }
  .pr-xl-88 {
    padding-right: 88px;
  }
  .pr-xl-88--force {
    padding-right: 88px !important;
  }
  .pb-xl-88 {
    padding-bottom: 88px;
  }
  .pb-xl-88--force {
    padding-bottom: 88px !important;
  }
  .pl-xl-88 {
    padding-left: 88px;
  }
  .pl-xl-88--force {
    padding-left: 88px !important;
  }
  .p-xl-92 {
    padding: 92px;
  }
  .p-xl-92--force {
    padding: 92px !important;
  }
  .px-xl-92 {
    padding-right: 92px;
    padding-left: 92px;
  }
  .px-xl-92--force {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }
  .py-xl-92 {
    padding-top: 92px;
    padding-bottom: 92px;
  }
  .py-xl-92--force {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
  .pt-xl-92 {
    padding-top: 92px;
  }
  .pt-xl-92--force {
    padding-top: 92px !important;
  }
  .pr-xl-92 {
    padding-right: 92px;
  }
  .pr-xl-92--force {
    padding-right: 92px !important;
  }
  .pb-xl-92 {
    padding-bottom: 92px;
  }
  .pb-xl-92--force {
    padding-bottom: 92px !important;
  }
  .pl-xl-92 {
    padding-left: 92px;
  }
  .pl-xl-92--force {
    padding-left: 92px !important;
  }
  .p-xl-96 {
    padding: var(--matcha-space-1200, 96px);
  }
  .p-xl-96--force {
    padding: var(--matcha-space-1200, 96px) !important;
  }
  .px-xl-96 {
    padding-right: var(--matcha-space-1200, 96px);
    padding-left: var(--matcha-space-1200, 96px);
  }
  .px-xl-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
  .py-xl-96 {
    padding-top: var(--matcha-space-1200, 96px);
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .py-xl-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pt-xl-96 {
    padding-top: var(--matcha-space-1200, 96px);
  }
  .pt-xl-96--force {
    padding-top: var(--matcha-space-1200, 96px) !important;
  }
  .pr-xl-96 {
    padding-right: var(--matcha-space-1200, 96px);
  }
  .pr-xl-96--force {
    padding-right: var(--matcha-space-1200, 96px) !important;
  }
  .pb-xl-96 {
    padding-bottom: var(--matcha-space-1200, 96px);
  }
  .pb-xl-96--force {
    padding-bottom: var(--matcha-space-1200, 96px) !important;
  }
  .pl-xl-96 {
    padding-left: var(--matcha-space-1200, 96px);
  }
  .pl-xl-96--force {
    padding-left: var(--matcha-space-1200, 96px) !important;
  }
}
[class^=grid-] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

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

.span-1c,
.colspan-1 {
  grid-column-end: span 1;
}

.span-1r,
.rowspan-1 {
  grid-row-end: span 1;
}

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

.span-2c,
.colspan-2 {
  grid-column-end: span 2;
}

.span-2r,
.rowspan-2 {
  grid-row-end: span 2;
}

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

.span-3c,
.colspan-3 {
  grid-column-end: span 3;
}

.span-3r,
.rowspan-3 {
  grid-row-end: span 3;
}

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

.span-4c,
.colspan-4 {
  grid-column-end: span 4;
}

.span-4r,
.rowspan-4 {
  grid-row-end: span 4;
}

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

.span-5c,
.colspan-5 {
  grid-column-end: span 5;
}

.span-5r,
.rowspan-5 {
  grid-row-end: span 5;
}

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

.span-6c,
.colspan-6 {
  grid-column-end: span 6;
}

.span-6r,
.rowspan-6 {
  grid-row-end: span 6;
}

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

.span-7c,
.colspan-7 {
  grid-column-end: span 7;
}

.span-7r,
.rowspan-7 {
  grid-row-end: span 7;
}

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

.span-8c,
.colspan-8 {
  grid-column-end: span 8;
}

.span-8r,
.rowspan-8 {
  grid-row-end: span 8;
}

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

.span-9c,
.colspan-9 {
  grid-column-end: span 9;
}

.span-9r,
.rowspan-9 {
  grid-row-end: span 9;
}

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

.span-10c,
.colspan-10 {
  grid-column-end: span 10;
}

.span-10r,
.rowspan-10 {
  grid-row-end: span 10;
}

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

.span-11c,
.colspan-11 {
  grid-column-end: span 11;
}

.span-11r,
.rowspan-11 {
  grid-row-end: span 11;
}

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

.span-12c,
.colspan-12 {
  grid-column-end: span 12;
}

.span-12r,
.rowspan-12 {
  grid-row-end: span 12;
}

@media screen and (max-width: 639px) {
  .grid-xs-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .span-xs-1c,
  .colspan-xs-1 {
    grid-column-end: span 1;
  }
  .span-xs-1r,
  .rowspan-xs-1 {
    grid-row-end: span 1;
  }
  .grid-xs-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .span-xs-2c,
  .colspan-xs-2 {
    grid-column-end: span 2;
  }
  .span-xs-2r,
  .rowspan-xs-2 {
    grid-row-end: span 2;
  }
  .grid-xs-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .span-xs-3c,
  .colspan-xs-3 {
    grid-column-end: span 3;
  }
  .span-xs-3r,
  .rowspan-xs-3 {
    grid-row-end: span 3;
  }
  .grid-xs-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .span-xs-4c,
  .colspan-xs-4 {
    grid-column-end: span 4;
  }
  .span-xs-4r,
  .rowspan-xs-4 {
    grid-row-end: span 4;
  }
  .grid-xs-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .span-xs-5c,
  .colspan-xs-5 {
    grid-column-end: span 5;
  }
  .span-xs-5r,
  .rowspan-xs-5 {
    grid-row-end: span 5;
  }
  .grid-xs-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .span-xs-6c,
  .colspan-xs-6 {
    grid-column-end: span 6;
  }
  .span-xs-6r,
  .rowspan-xs-6 {
    grid-row-end: span 6;
  }
  .grid-xs-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .span-xs-7c,
  .colspan-xs-7 {
    grid-column-end: span 7;
  }
  .span-xs-7r,
  .rowspan-xs-7 {
    grid-row-end: span 7;
  }
  .grid-xs-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .span-xs-8c,
  .colspan-xs-8 {
    grid-column-end: span 8;
  }
  .span-xs-8r,
  .rowspan-xs-8 {
    grid-row-end: span 8;
  }
  .grid-xs-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .span-xs-9c,
  .colspan-xs-9 {
    grid-column-end: span 9;
  }
  .span-xs-9r,
  .rowspan-xs-9 {
    grid-row-end: span 9;
  }
  .grid-xs-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .span-xs-10c,
  .colspan-xs-10 {
    grid-column-end: span 10;
  }
  .span-xs-10r,
  .rowspan-xs-10 {
    grid-row-end: span 10;
  }
  .grid-xs-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .span-xs-11c,
  .colspan-xs-11 {
    grid-column-end: span 11;
  }
  .span-xs-11r,
  .rowspan-xs-11 {
    grid-row-end: span 11;
  }
  .grid-xs-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .span-xs-12c,
  .colspan-xs-12 {
    grid-column-end: span 12;
  }
  .span-xs-12r,
  .rowspan-xs-12 {
    grid-row-end: span 12;
  }
}
@media screen and (min-width: 640px) {
  .grid-sm-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .span-sm-1c,
  .colspan-sm-1 {
    grid-column-end: span 1;
  }
  .span-sm-1r,
  .rowspan-sm-1 {
    grid-row-end: span 1;
  }
  .grid-sm-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .span-sm-2c,
  .colspan-sm-2 {
    grid-column-end: span 2;
  }
  .span-sm-2r,
  .rowspan-sm-2 {
    grid-row-end: span 2;
  }
  .grid-sm-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .span-sm-3c,
  .colspan-sm-3 {
    grid-column-end: span 3;
  }
  .span-sm-3r,
  .rowspan-sm-3 {
    grid-row-end: span 3;
  }
  .grid-sm-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .span-sm-4c,
  .colspan-sm-4 {
    grid-column-end: span 4;
  }
  .span-sm-4r,
  .rowspan-sm-4 {
    grid-row-end: span 4;
  }
  .grid-sm-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .span-sm-5c,
  .colspan-sm-5 {
    grid-column-end: span 5;
  }
  .span-sm-5r,
  .rowspan-sm-5 {
    grid-row-end: span 5;
  }
  .grid-sm-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .span-sm-6c,
  .colspan-sm-6 {
    grid-column-end: span 6;
  }
  .span-sm-6r,
  .rowspan-sm-6 {
    grid-row-end: span 6;
  }
  .grid-sm-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .span-sm-7c,
  .colspan-sm-7 {
    grid-column-end: span 7;
  }
  .span-sm-7r,
  .rowspan-sm-7 {
    grid-row-end: span 7;
  }
  .grid-sm-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .span-sm-8c,
  .colspan-sm-8 {
    grid-column-end: span 8;
  }
  .span-sm-8r,
  .rowspan-sm-8 {
    grid-row-end: span 8;
  }
  .grid-sm-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .span-sm-9c,
  .colspan-sm-9 {
    grid-column-end: span 9;
  }
  .span-sm-9r,
  .rowspan-sm-9 {
    grid-row-end: span 9;
  }
  .grid-sm-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .span-sm-10c,
  .colspan-sm-10 {
    grid-column-end: span 10;
  }
  .span-sm-10r,
  .rowspan-sm-10 {
    grid-row-end: span 10;
  }
  .grid-sm-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .span-sm-11c,
  .colspan-sm-11 {
    grid-column-end: span 11;
  }
  .span-sm-11r,
  .rowspan-sm-11 {
    grid-row-end: span 11;
  }
  .grid-sm-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .span-sm-12c,
  .colspan-sm-12 {
    grid-column-end: span 12;
  }
  .span-sm-12r,
  .rowspan-sm-12 {
    grid-row-end: span 12;
  }
}
@media screen and (min-width: 1024px) {
  .grid-md-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .span-md-1c,
  .colspan-md-1 {
    grid-column-end: span 1;
  }
  .span-md-1r,
  .rowspan-md-1 {
    grid-row-end: span 1;
  }
  .grid-md-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .span-md-2c,
  .colspan-md-2 {
    grid-column-end: span 2;
  }
  .span-md-2r,
  .rowspan-md-2 {
    grid-row-end: span 2;
  }
  .grid-md-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .span-md-3c,
  .colspan-md-3 {
    grid-column-end: span 3;
  }
  .span-md-3r,
  .rowspan-md-3 {
    grid-row-end: span 3;
  }
  .grid-md-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .span-md-4c,
  .colspan-md-4 {
    grid-column-end: span 4;
  }
  .span-md-4r,
  .rowspan-md-4 {
    grid-row-end: span 4;
  }
  .grid-md-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .span-md-5c,
  .colspan-md-5 {
    grid-column-end: span 5;
  }
  .span-md-5r,
  .rowspan-md-5 {
    grid-row-end: span 5;
  }
  .grid-md-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .span-md-6c,
  .colspan-md-6 {
    grid-column-end: span 6;
  }
  .span-md-6r,
  .rowspan-md-6 {
    grid-row-end: span 6;
  }
  .grid-md-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .span-md-7c,
  .colspan-md-7 {
    grid-column-end: span 7;
  }
  .span-md-7r,
  .rowspan-md-7 {
    grid-row-end: span 7;
  }
  .grid-md-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .span-md-8c,
  .colspan-md-8 {
    grid-column-end: span 8;
  }
  .span-md-8r,
  .rowspan-md-8 {
    grid-row-end: span 8;
  }
  .grid-md-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .span-md-9c,
  .colspan-md-9 {
    grid-column-end: span 9;
  }
  .span-md-9r,
  .rowspan-md-9 {
    grid-row-end: span 9;
  }
  .grid-md-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .span-md-10c,
  .colspan-md-10 {
    grid-column-end: span 10;
  }
  .span-md-10r,
  .rowspan-md-10 {
    grid-row-end: span 10;
  }
  .grid-md-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .span-md-11c,
  .colspan-md-11 {
    grid-column-end: span 11;
  }
  .span-md-11r,
  .rowspan-md-11 {
    grid-row-end: span 11;
  }
  .grid-md-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .span-md-12c,
  .colspan-md-12 {
    grid-column-end: span 12;
  }
  .span-md-12r,
  .rowspan-md-12 {
    grid-row-end: span 12;
  }
}
@media screen and (min-width: 1280px) {
  .grid-lg-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .span-lg-1c,
  .colspan-lg-1 {
    grid-column-end: span 1;
  }
  .span-lg-1r,
  .rowspan-lg-1 {
    grid-row-end: span 1;
  }
  .grid-lg-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .span-lg-2c,
  .colspan-lg-2 {
    grid-column-end: span 2;
  }
  .span-lg-2r,
  .rowspan-lg-2 {
    grid-row-end: span 2;
  }
  .grid-lg-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .span-lg-3c,
  .colspan-lg-3 {
    grid-column-end: span 3;
  }
  .span-lg-3r,
  .rowspan-lg-3 {
    grid-row-end: span 3;
  }
  .grid-lg-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .span-lg-4c,
  .colspan-lg-4 {
    grid-column-end: span 4;
  }
  .span-lg-4r,
  .rowspan-lg-4 {
    grid-row-end: span 4;
  }
  .grid-lg-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .span-lg-5c,
  .colspan-lg-5 {
    grid-column-end: span 5;
  }
  .span-lg-5r,
  .rowspan-lg-5 {
    grid-row-end: span 5;
  }
  .grid-lg-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .span-lg-6c,
  .colspan-lg-6 {
    grid-column-end: span 6;
  }
  .span-lg-6r,
  .rowspan-lg-6 {
    grid-row-end: span 6;
  }
  .grid-lg-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .span-lg-7c,
  .colspan-lg-7 {
    grid-column-end: span 7;
  }
  .span-lg-7r,
  .rowspan-lg-7 {
    grid-row-end: span 7;
  }
  .grid-lg-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .span-lg-8c,
  .colspan-lg-8 {
    grid-column-end: span 8;
  }
  .span-lg-8r,
  .rowspan-lg-8 {
    grid-row-end: span 8;
  }
  .grid-lg-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .span-lg-9c,
  .colspan-lg-9 {
    grid-column-end: span 9;
  }
  .span-lg-9r,
  .rowspan-lg-9 {
    grid-row-end: span 9;
  }
  .grid-lg-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .span-lg-10c,
  .colspan-lg-10 {
    grid-column-end: span 10;
  }
  .span-lg-10r,
  .rowspan-lg-10 {
    grid-row-end: span 10;
  }
  .grid-lg-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .span-lg-11c,
  .colspan-lg-11 {
    grid-column-end: span 11;
  }
  .span-lg-11r,
  .rowspan-lg-11 {
    grid-row-end: span 11;
  }
  .grid-lg-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .span-lg-12c,
  .colspan-lg-12 {
    grid-column-end: span 12;
  }
  .span-lg-12r,
  .rowspan-lg-12 {
    grid-row-end: span 12;
  }
}
@media screen and (min-width: 1536px) {
  .grid-xl-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .span-xl-1c,
  .colspan-xl-1 {
    grid-column-end: span 1;
  }
  .span-xl-1r,
  .rowspan-xl-1 {
    grid-row-end: span 1;
  }
  .grid-xl-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .span-xl-2c,
  .colspan-xl-2 {
    grid-column-end: span 2;
  }
  .span-xl-2r,
  .rowspan-xl-2 {
    grid-row-end: span 2;
  }
  .grid-xl-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .span-xl-3c,
  .colspan-xl-3 {
    grid-column-end: span 3;
  }
  .span-xl-3r,
  .rowspan-xl-3 {
    grid-row-end: span 3;
  }
  .grid-xl-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .span-xl-4c,
  .colspan-xl-4 {
    grid-column-end: span 4;
  }
  .span-xl-4r,
  .rowspan-xl-4 {
    grid-row-end: span 4;
  }
  .grid-xl-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .span-xl-5c,
  .colspan-xl-5 {
    grid-column-end: span 5;
  }
  .span-xl-5r,
  .rowspan-xl-5 {
    grid-row-end: span 5;
  }
  .grid-xl-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .span-xl-6c,
  .colspan-xl-6 {
    grid-column-end: span 6;
  }
  .span-xl-6r,
  .rowspan-xl-6 {
    grid-row-end: span 6;
  }
  .grid-xl-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .span-xl-7c,
  .colspan-xl-7 {
    grid-column-end: span 7;
  }
  .span-xl-7r,
  .rowspan-xl-7 {
    grid-row-end: span 7;
  }
  .grid-xl-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .span-xl-8c,
  .colspan-xl-8 {
    grid-column-end: span 8;
  }
  .span-xl-8r,
  .rowspan-xl-8 {
    grid-row-end: span 8;
  }
  .grid-xl-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .span-xl-9c,
  .colspan-xl-9 {
    grid-column-end: span 9;
  }
  .span-xl-9r,
  .rowspan-xl-9 {
    grid-row-end: span 9;
  }
  .grid-xl-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .span-xl-10c,
  .colspan-xl-10 {
    grid-column-end: span 10;
  }
  .span-xl-10r,
  .rowspan-xl-10 {
    grid-row-end: span 10;
  }
  .grid-xl-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .span-xl-11c,
  .colspan-xl-11 {
    grid-column-end: span 11;
  }
  .span-xl-11r,
  .rowspan-xl-11 {
    grid-row-end: span 11;
  }
  .grid-xl-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .span-xl-12c,
  .colspan-xl-12 {
    grid-column-end: span 12;
  }
  .span-xl-12r,
  .rowspan-xl-12 {
    grid-row-end: span 12;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
}

.row > div[class*=col-] {
  box-sizing: border-box;
}

.row > div:not([class*=col-]) {
  flex: 1;
}

.row .col-1 {
  flex-basis: 8.3333333333%;
}

.row .col-offset-1 {
  margin-left: 8.3333333333%;
}

.row .col-2 {
  flex-basis: 16.6666666667%;
}

.row .col-offset-2 {
  margin-left: 16.6666666667%;
}

.row .col-3 {
  flex-basis: 25%;
}

.row .col-offset-3 {
  margin-left: 25%;
}

.row .col-4 {
  flex-basis: 33.3333333333%;
}

.row .col-offset-4 {
  margin-left: 33.3333333333%;
}

.row .col-5 {
  flex-basis: 41.6666666667%;
}

.row .col-offset-5 {
  margin-left: 41.6666666667%;
}

.row .col-6 {
  flex-basis: 50%;
}

.row .col-offset-6 {
  margin-left: 50%;
}

.row .col-7 {
  flex-basis: 58.3333333333%;
}

.row .col-offset-7 {
  margin-left: 58.3333333333%;
}

.row .col-8 {
  flex-basis: 66.6666666667%;
}

.row .col-offset-8 {
  margin-left: 66.6666666667%;
}

.row .col-9 {
  flex-basis: 75%;
}

.row .col-offset-9 {
  margin-left: 75%;
}

.row .col-10 {
  flex-basis: 83.3333333333%;
}

.row .col-offset-10 {
  margin-left: 83.3333333333%;
}

.row .col-11 {
  flex-basis: 91.6666666667%;
}

.row .col-offset-11 {
  margin-left: 91.6666666667%;
}

.row .col-12 {
  flex-basis: 100%;
}

.row .col-offset-12 {
  margin-left: 100%;
}

.row > div[class*=col-].align-start {
  align-self: flex-start;
}

.row > div[class*=col-].align-center {
  align-self: center;
}

.row > div[class*=col-].align-end {
  align-self: flex-end;
}

.row.align-start {
  justify-content: flex-start;
}

.row.align-center {
  justify-content: center;
}

.row.align-end {
  justify-content: flex-end;
}

.row.space-around {
  justify-content: space-around;
}

.row.space-between {
  justify-content: space-between;
}

@media screen and (max-width: 639px) {
  .row .col-xs-1 {
    flex-basis: 8.3333333333%;
  }
  .row .col-offset-xs-1 {
    margin-left: 8.3333333333%;
  }
  .row .col-xs-2 {
    flex-basis: 16.6666666667%;
  }
  .row .col-offset-xs-2 {
    margin-left: 16.6666666667%;
  }
  .row .col-xs-3 {
    flex-basis: 25%;
  }
  .row .col-offset-xs-3 {
    margin-left: 25%;
  }
  .row .col-xs-4 {
    flex-basis: 33.3333333333%;
  }
  .row .col-offset-xs-4 {
    margin-left: 33.3333333333%;
  }
  .row .col-xs-5 {
    flex-basis: 41.6666666667%;
  }
  .row .col-offset-xs-5 {
    margin-left: 41.6666666667%;
  }
  .row .col-xs-6 {
    flex-basis: 50%;
  }
  .row .col-offset-xs-6 {
    margin-left: 50%;
  }
  .row .col-xs-7 {
    flex-basis: 58.3333333333%;
  }
  .row .col-offset-xs-7 {
    margin-left: 58.3333333333%;
  }
  .row .col-xs-8 {
    flex-basis: 66.6666666667%;
  }
  .row .col-offset-xs-8 {
    margin-left: 66.6666666667%;
  }
  .row .col-xs-9 {
    flex-basis: 75%;
  }
  .row .col-offset-xs-9 {
    margin-left: 75%;
  }
  .row .col-xs-10 {
    flex-basis: 83.3333333333%;
  }
  .row .col-offset-xs-10 {
    margin-left: 83.3333333333%;
  }
  .row .col-xs-11 {
    flex-basis: 91.6666666667%;
  }
  .row .col-offset-xs-11 {
    margin-left: 91.6666666667%;
  }
  .row .col-xs-12 {
    flex-basis: 100%;
  }
  .row .col-offset-xs-12 {
    margin-left: 100%;
  }
  .row > div[class*=col-].align-start {
    align-self: flex-start;
  }
  .row > div[class*=col-].align-center {
    align-self: center;
  }
  .row > div[class*=col-].align-end {
    align-self: flex-end;
  }
  .row.align-start {
    justify-content: flex-start;
  }
  .row.align-center {
    justify-content: center;
  }
  .row.align-end {
    justify-content: flex-end;
  }
  .row.space-around {
    justify-content: space-around;
  }
  .row.space-between {
    justify-content: space-between;
  }
}
@media screen and (min-width: 640px) {
  .row .col-sm-1 {
    flex-basis: 8.3333333333%;
  }
  .row .col-offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .row .col-sm-2 {
    flex-basis: 16.6666666667%;
  }
  .row .col-offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .row .col-sm-3 {
    flex-basis: 25%;
  }
  .row .col-offset-sm-3 {
    margin-left: 25%;
  }
  .row .col-sm-4 {
    flex-basis: 33.3333333333%;
  }
  .row .col-offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .row .col-sm-5 {
    flex-basis: 41.6666666667%;
  }
  .row .col-offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .row .col-sm-6 {
    flex-basis: 50%;
  }
  .row .col-offset-sm-6 {
    margin-left: 50%;
  }
  .row .col-sm-7 {
    flex-basis: 58.3333333333%;
  }
  .row .col-offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .row .col-sm-8 {
    flex-basis: 66.6666666667%;
  }
  .row .col-offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .row .col-sm-9 {
    flex-basis: 75%;
  }
  .row .col-offset-sm-9 {
    margin-left: 75%;
  }
  .row .col-sm-10 {
    flex-basis: 83.3333333333%;
  }
  .row .col-offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .row .col-sm-11 {
    flex-basis: 91.6666666667%;
  }
  .row .col-offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .row .col-sm-12 {
    flex-basis: 100%;
  }
  .row .col-offset-sm-12 {
    margin-left: 100%;
  }
  .row > div[class*=col-].align-start {
    align-self: flex-start;
  }
  .row > div[class*=col-].align-center {
    align-self: center;
  }
  .row > div[class*=col-].align-end {
    align-self: flex-end;
  }
  .row.align-start {
    justify-content: flex-start;
  }
  .row.align-center {
    justify-content: center;
  }
  .row.align-end {
    justify-content: flex-end;
  }
  .row.space-around {
    justify-content: space-around;
  }
  .row.space-between {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .row .col-md-1 {
    flex-basis: 8.3333333333%;
  }
  .row .col-offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .row .col-md-2 {
    flex-basis: 16.6666666667%;
  }
  .row .col-offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .row .col-md-3 {
    flex-basis: 25%;
  }
  .row .col-offset-md-3 {
    margin-left: 25%;
  }
  .row .col-md-4 {
    flex-basis: 33.3333333333%;
  }
  .row .col-offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .row .col-md-5 {
    flex-basis: 41.6666666667%;
  }
  .row .col-offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .row .col-md-6 {
    flex-basis: 50%;
  }
  .row .col-offset-md-6 {
    margin-left: 50%;
  }
  .row .col-md-7 {
    flex-basis: 58.3333333333%;
  }
  .row .col-offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .row .col-md-8 {
    flex-basis: 66.6666666667%;
  }
  .row .col-offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .row .col-md-9 {
    flex-basis: 75%;
  }
  .row .col-offset-md-9 {
    margin-left: 75%;
  }
  .row .col-md-10 {
    flex-basis: 83.3333333333%;
  }
  .row .col-offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .row .col-md-11 {
    flex-basis: 91.6666666667%;
  }
  .row .col-offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .row .col-md-12 {
    flex-basis: 100%;
  }
  .row .col-offset-md-12 {
    margin-left: 100%;
  }
  .row > div[class*=col-].align-start {
    align-self: flex-start;
  }
  .row > div[class*=col-].align-center {
    align-self: center;
  }
  .row > div[class*=col-].align-end {
    align-self: flex-end;
  }
  .row.align-start {
    justify-content: flex-start;
  }
  .row.align-center {
    justify-content: center;
  }
  .row.align-end {
    justify-content: flex-end;
  }
  .row.space-around {
    justify-content: space-around;
  }
  .row.space-between {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1280px) {
  .row .col-lg-1 {
    flex-basis: 8.3333333333%;
  }
  .row .col-offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .row .col-lg-2 {
    flex-basis: 16.6666666667%;
  }
  .row .col-offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .row .col-lg-3 {
    flex-basis: 25%;
  }
  .row .col-offset-lg-3 {
    margin-left: 25%;
  }
  .row .col-lg-4 {
    flex-basis: 33.3333333333%;
  }
  .row .col-offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .row .col-lg-5 {
    flex-basis: 41.6666666667%;
  }
  .row .col-offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .row .col-lg-6 {
    flex-basis: 50%;
  }
  .row .col-offset-lg-6 {
    margin-left: 50%;
  }
  .row .col-lg-7 {
    flex-basis: 58.3333333333%;
  }
  .row .col-offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .row .col-lg-8 {
    flex-basis: 66.6666666667%;
  }
  .row .col-offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .row .col-lg-9 {
    flex-basis: 75%;
  }
  .row .col-offset-lg-9 {
    margin-left: 75%;
  }
  .row .col-lg-10 {
    flex-basis: 83.3333333333%;
  }
  .row .col-offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .row .col-lg-11 {
    flex-basis: 91.6666666667%;
  }
  .row .col-offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .row .col-lg-12 {
    flex-basis: 100%;
  }
  .row .col-offset-lg-12 {
    margin-left: 100%;
  }
  .row > div[class*=col-].align-start {
    align-self: flex-start;
  }
  .row > div[class*=col-].align-center {
    align-self: center;
  }
  .row > div[class*=col-].align-end {
    align-self: flex-end;
  }
  .row.align-start {
    justify-content: flex-start;
  }
  .row.align-center {
    justify-content: center;
  }
  .row.align-end {
    justify-content: flex-end;
  }
  .row.space-around {
    justify-content: space-around;
  }
  .row.space-between {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1536px) {
  .row .col-xl-1 {
    flex-basis: 8.3333333333%;
  }
  .row .col-offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .row .col-xl-2 {
    flex-basis: 16.6666666667%;
  }
  .row .col-offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .row .col-xl-3 {
    flex-basis: 25%;
  }
  .row .col-offset-xl-3 {
    margin-left: 25%;
  }
  .row .col-xl-4 {
    flex-basis: 33.3333333333%;
  }
  .row .col-offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .row .col-xl-5 {
    flex-basis: 41.6666666667%;
  }
  .row .col-offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .row .col-xl-6 {
    flex-basis: 50%;
  }
  .row .col-offset-xl-6 {
    margin-left: 50%;
  }
  .row .col-xl-7 {
    flex-basis: 58.3333333333%;
  }
  .row .col-offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .row .col-xl-8 {
    flex-basis: 66.6666666667%;
  }
  .row .col-offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .row .col-xl-9 {
    flex-basis: 75%;
  }
  .row .col-offset-xl-9 {
    margin-left: 75%;
  }
  .row .col-xl-10 {
    flex-basis: 83.3333333333%;
  }
  .row .col-offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .row .col-xl-11 {
    flex-basis: 91.6666666667%;
  }
  .row .col-offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .row .col-xl-12 {
    flex-basis: 100%;
  }
  .row .col-offset-xl-12 {
    margin-left: 100%;
  }
  .row > div[class*=col-].align-start {
    align-self: flex-start;
  }
  .row > div[class*=col-].align-center {
    align-self: center;
  }
  .row > div[class*=col-].align-end {
    align-self: flex-end;
  }
  .row.align-start {
    justify-content: flex-start;
  }
  .row.align-center {
    justify-content: center;
  }
  .row.align-end {
    justify-content: flex-end;
  }
  .row.space-around {
    justify-content: space-around;
  }
  .row.space-between {
    justify-content: space-between;
  }
}
.gap-0 {
  column-gap: var(--matcha-space-0, 0);
  row-gap: var(--matcha-space-0, 0);
}

.gap-4 {
  column-gap: var(--matcha-space-050, 4px);
  row-gap: var(--matcha-space-050, 4px);
}

.gap-8 {
  column-gap: var(--matcha-space-100, 8px);
  row-gap: var(--matcha-space-100, 8px);
}

.gap-12 {
  column-gap: var(--matcha-space-150, 12px);
  row-gap: var(--matcha-space-150, 12px);
}

.gap-16 {
  column-gap: var(--matcha-space-200, 16px);
  row-gap: var(--matcha-space-200, 16px);
}

.gap-20 {
  column-gap: var(--matcha-space-250, 20px);
  row-gap: var(--matcha-space-250, 20px);
}

.gap-24 {
  column-gap: var(--matcha-space-300, 24px);
  row-gap: var(--matcha-space-300, 24px);
}

.gap-28 {
  column-gap: 28px;
  row-gap: 28px;
}

.gap-32 {
  column-gap: var(--matcha-space-400, 32px);
  row-gap: var(--matcha-space-400, 32px);
}

.gap-36 {
  column-gap: 36px;
  row-gap: 36px;
}

.gap-40 {
  column-gap: var(--matcha-space-500, 40px);
  row-gap: var(--matcha-space-500, 40px);
}

.gap-44 {
  column-gap: 44px;
  row-gap: 44px;
}

.gap-48 {
  column-gap: var(--matcha-space-600, 48px);
  row-gap: var(--matcha-space-600, 48px);
}

@media screen and (max-width: 639px) {
  .gap-xs-0 {
    column-gap: var(--matcha-space-0, 0);
    row-gap: var(--matcha-space-0, 0);
  }
  .gap-xs-4 {
    column-gap: var(--matcha-space-050, 4px);
    row-gap: var(--matcha-space-050, 4px);
  }
  .gap-xs-8 {
    column-gap: var(--matcha-space-100, 8px);
    row-gap: var(--matcha-space-100, 8px);
  }
  .gap-xs-12 {
    column-gap: var(--matcha-space-150, 12px);
    row-gap: var(--matcha-space-150, 12px);
  }
  .gap-xs-16 {
    column-gap: var(--matcha-space-200, 16px);
    row-gap: var(--matcha-space-200, 16px);
  }
  .gap-xs-20 {
    column-gap: var(--matcha-space-250, 20px);
    row-gap: var(--matcha-space-250, 20px);
  }
  .gap-xs-24 {
    column-gap: var(--matcha-space-300, 24px);
    row-gap: var(--matcha-space-300, 24px);
  }
  .gap-xs-28 {
    column-gap: 28px;
    row-gap: 28px;
  }
  .gap-xs-32 {
    column-gap: var(--matcha-space-400, 32px);
    row-gap: var(--matcha-space-400, 32px);
  }
  .gap-xs-36 {
    column-gap: 36px;
    row-gap: 36px;
  }
  .gap-xs-40 {
    column-gap: var(--matcha-space-500, 40px);
    row-gap: var(--matcha-space-500, 40px);
  }
  .gap-xs-44 {
    column-gap: 44px;
    row-gap: 44px;
  }
  .gap-xs-48 {
    column-gap: var(--matcha-space-600, 48px);
    row-gap: var(--matcha-space-600, 48px);
  }
}
@media screen and (min-width: 640px) {
  .gap-sm-0 {
    column-gap: var(--matcha-space-0, 0);
    row-gap: var(--matcha-space-0, 0);
  }
  .gap-sm-4 {
    column-gap: var(--matcha-space-050, 4px);
    row-gap: var(--matcha-space-050, 4px);
  }
  .gap-sm-8 {
    column-gap: var(--matcha-space-100, 8px);
    row-gap: var(--matcha-space-100, 8px);
  }
  .gap-sm-12 {
    column-gap: var(--matcha-space-150, 12px);
    row-gap: var(--matcha-space-150, 12px);
  }
  .gap-sm-16 {
    column-gap: var(--matcha-space-200, 16px);
    row-gap: var(--matcha-space-200, 16px);
  }
  .gap-sm-20 {
    column-gap: var(--matcha-space-250, 20px);
    row-gap: var(--matcha-space-250, 20px);
  }
  .gap-sm-24 {
    column-gap: var(--matcha-space-300, 24px);
    row-gap: var(--matcha-space-300, 24px);
  }
  .gap-sm-28 {
    column-gap: 28px;
    row-gap: 28px;
  }
  .gap-sm-32 {
    column-gap: var(--matcha-space-400, 32px);
    row-gap: var(--matcha-space-400, 32px);
  }
  .gap-sm-36 {
    column-gap: 36px;
    row-gap: 36px;
  }
  .gap-sm-40 {
    column-gap: var(--matcha-space-500, 40px);
    row-gap: var(--matcha-space-500, 40px);
  }
  .gap-sm-44 {
    column-gap: 44px;
    row-gap: 44px;
  }
  .gap-sm-48 {
    column-gap: var(--matcha-space-600, 48px);
    row-gap: var(--matcha-space-600, 48px);
  }
}
@media screen and (min-width: 1024px) {
  .gap-md-0 {
    column-gap: var(--matcha-space-0, 0);
    row-gap: var(--matcha-space-0, 0);
  }
  .gap-md-4 {
    column-gap: var(--matcha-space-050, 4px);
    row-gap: var(--matcha-space-050, 4px);
  }
  .gap-md-8 {
    column-gap: var(--matcha-space-100, 8px);
    row-gap: var(--matcha-space-100, 8px);
  }
  .gap-md-12 {
    column-gap: var(--matcha-space-150, 12px);
    row-gap: var(--matcha-space-150, 12px);
  }
  .gap-md-16 {
    column-gap: var(--matcha-space-200, 16px);
    row-gap: var(--matcha-space-200, 16px);
  }
  .gap-md-20 {
    column-gap: var(--matcha-space-250, 20px);
    row-gap: var(--matcha-space-250, 20px);
  }
  .gap-md-24 {
    column-gap: var(--matcha-space-300, 24px);
    row-gap: var(--matcha-space-300, 24px);
  }
  .gap-md-28 {
    column-gap: 28px;
    row-gap: 28px;
  }
  .gap-md-32 {
    column-gap: var(--matcha-space-400, 32px);
    row-gap: var(--matcha-space-400, 32px);
  }
  .gap-md-36 {
    column-gap: 36px;
    row-gap: 36px;
  }
  .gap-md-40 {
    column-gap: var(--matcha-space-500, 40px);
    row-gap: var(--matcha-space-500, 40px);
  }
  .gap-md-44 {
    column-gap: 44px;
    row-gap: 44px;
  }
  .gap-md-48 {
    column-gap: var(--matcha-space-600, 48px);
    row-gap: var(--matcha-space-600, 48px);
  }
}
@media screen and (min-width: 1280px) {
  .gap-lg-0 {
    column-gap: var(--matcha-space-0, 0);
    row-gap: var(--matcha-space-0, 0);
  }
  .gap-lg-4 {
    column-gap: var(--matcha-space-050, 4px);
    row-gap: var(--matcha-space-050, 4px);
  }
  .gap-lg-8 {
    column-gap: var(--matcha-space-100, 8px);
    row-gap: var(--matcha-space-100, 8px);
  }
  .gap-lg-12 {
    column-gap: var(--matcha-space-150, 12px);
    row-gap: var(--matcha-space-150, 12px);
  }
  .gap-lg-16 {
    column-gap: var(--matcha-space-200, 16px);
    row-gap: var(--matcha-space-200, 16px);
  }
  .gap-lg-20 {
    column-gap: var(--matcha-space-250, 20px);
    row-gap: var(--matcha-space-250, 20px);
  }
  .gap-lg-24 {
    column-gap: var(--matcha-space-300, 24px);
    row-gap: var(--matcha-space-300, 24px);
  }
  .gap-lg-28 {
    column-gap: 28px;
    row-gap: 28px;
  }
  .gap-lg-32 {
    column-gap: var(--matcha-space-400, 32px);
    row-gap: var(--matcha-space-400, 32px);
  }
  .gap-lg-36 {
    column-gap: 36px;
    row-gap: 36px;
  }
  .gap-lg-40 {
    column-gap: var(--matcha-space-500, 40px);
    row-gap: var(--matcha-space-500, 40px);
  }
  .gap-lg-44 {
    column-gap: 44px;
    row-gap: 44px;
  }
  .gap-lg-48 {
    column-gap: var(--matcha-space-600, 48px);
    row-gap: var(--matcha-space-600, 48px);
  }
}
@media screen and (min-width: 1536px) {
  .gap-xl-0 {
    column-gap: var(--matcha-space-0, 0);
    row-gap: var(--matcha-space-0, 0);
  }
  .gap-xl-4 {
    column-gap: var(--matcha-space-050, 4px);
    row-gap: var(--matcha-space-050, 4px);
  }
  .gap-xl-8 {
    column-gap: var(--matcha-space-100, 8px);
    row-gap: var(--matcha-space-100, 8px);
  }
  .gap-xl-12 {
    column-gap: var(--matcha-space-150, 12px);
    row-gap: var(--matcha-space-150, 12px);
  }
  .gap-xl-16 {
    column-gap: var(--matcha-space-200, 16px);
    row-gap: var(--matcha-space-200, 16px);
  }
  .gap-xl-20 {
    column-gap: var(--matcha-space-250, 20px);
    row-gap: var(--matcha-space-250, 20px);
  }
  .gap-xl-24 {
    column-gap: var(--matcha-space-300, 24px);
    row-gap: var(--matcha-space-300, 24px);
  }
  .gap-xl-28 {
    column-gap: 28px;
    row-gap: 28px;
  }
  .gap-xl-32 {
    column-gap: var(--matcha-space-400, 32px);
    row-gap: var(--matcha-space-400, 32px);
  }
  .gap-xl-36 {
    column-gap: 36px;
    row-gap: 36px;
  }
  .gap-xl-40 {
    column-gap: var(--matcha-space-500, 40px);
    row-gap: var(--matcha-space-500, 40px);
  }
  .gap-xl-44 {
    column-gap: 44px;
    row-gap: 44px;
  }
  .gap-xl-48 {
    column-gap: var(--matcha-space-600, 48px);
    row-gap: var(--matcha-space-600, 48px);
  }
}
.gap-inside {
  column-gap: var(--matcha-space-200, 16px);
  row-gap: var(--matcha-space-200, 16px);
}

.gap-outside {
  column-gap: var(--matcha-space-200, 16px);
  row-gap: var(--matcha-space-200, 16px);
}

@media screen and (min-width: 640px) {
  .gap-outside {
    column-gap: var(--matcha-space-300, 24px);
    row-gap: var(--matcha-space-300, 24px);
  }
}
.gap-2 {
  column-gap: var(--matcha-space-025, 2px);
  row-gap: var(--matcha-space-025, 2px);
}

.z-index--1 {
  z-index: -1;
}

.z-index--1--force {
  z-index: -1 !important;
}

.z-index-0 {
  z-index: 0;
}

.z-index-0--force {
  z-index: 0 !important;
}

.z-index-1 {
  z-index: 1;
}

.z-index-1--force {
  z-index: 1 !important;
}

.z-index-2 {
  z-index: 2;
}

.z-index-2--force {
  z-index: 2 !important;
}

.z-index-3 {
  z-index: 3;
}

.z-index-3--force {
  z-index: 3 !important;
}

.z-index-4 {
  z-index: 4;
}

.z-index-4--force {
  z-index: 4 !important;
}

.z-index-5 {
  z-index: 5;
}

.z-index-5--force {
  z-index: 5 !important;
}

.z-index-6 {
  z-index: 6;
}

.z-index-6--force {
  z-index: 6 !important;
}

.z-index-7 {
  z-index: 7;
}

.z-index-7--force {
  z-index: 7 !important;
}

.z-index-8 {
  z-index: 8;
}

.z-index-8--force {
  z-index: 8 !important;
}

.z-index-9 {
  z-index: 9;
}

.z-index-9--force {
  z-index: 9 !important;
}

.z-index-10 {
  z-index: 10;
}

.z-index-10--force {
  z-index: 10 !important;
}

.z-index-11 {
  z-index: 11;
}

.z-index-11--force {
  z-index: 11 !important;
}

.z-index-12 {
  z-index: 12;
}

.z-index-12--force {
  z-index: 12 !important;
}

.z-index-13 {
  z-index: 13;
}

.z-index-13--force {
  z-index: 13 !important;
}

.z-index-14 {
  z-index: 14;
}

.z-index-14--force {
  z-index: 14 !important;
}

.z-index-15 {
  z-index: 15;
}

.z-index-15--force {
  z-index: 15 !important;
}

.z-index-16 {
  z-index: 16;
}

.z-index-16--force {
  z-index: 16 !important;
}

.z-index-17 {
  z-index: 17;
}

.z-index-17--force {
  z-index: 17 !important;
}

.z-index-18 {
  z-index: 18;
}

.z-index-18--force {
  z-index: 18 !important;
}

.z-index-19 {
  z-index: 19;
}

.z-index-19--force {
  z-index: 19 !important;
}

.z-index-20 {
  z-index: 20;
}

.z-index-20--force {
  z-index: 20 !important;
}

.z-index-21 {
  z-index: 21;
}

.z-index-21--force {
  z-index: 21 !important;
}

.z-index-22 {
  z-index: 22;
}

.z-index-22--force {
  z-index: 22 !important;
}

.z-index-23 {
  z-index: 23;
}

.z-index-23--force {
  z-index: 23 !important;
}

.z-index-24 {
  z-index: 24;
}

.z-index-24--force {
  z-index: 24 !important;
}

@media screen and (max-width: 639px) {
  .z-index-xs--1 {
    z-index: -1;
  }
  .z-index-xs--1--force {
    z-index: -1 !important;
  }
  .z-index-xs-0 {
    z-index: 0;
  }
  .z-index-xs-0--force {
    z-index: 0 !important;
  }
  .z-index-xs-1 {
    z-index: 1;
  }
  .z-index-xs-1--force {
    z-index: 1 !important;
  }
  .z-index-xs-2 {
    z-index: 2;
  }
  .z-index-xs-2--force {
    z-index: 2 !important;
  }
  .z-index-xs-3 {
    z-index: 3;
  }
  .z-index-xs-3--force {
    z-index: 3 !important;
  }
  .z-index-xs-4 {
    z-index: 4;
  }
  .z-index-xs-4--force {
    z-index: 4 !important;
  }
  .z-index-xs-5 {
    z-index: 5;
  }
  .z-index-xs-5--force {
    z-index: 5 !important;
  }
  .z-index-xs-6 {
    z-index: 6;
  }
  .z-index-xs-6--force {
    z-index: 6 !important;
  }
  .z-index-xs-7 {
    z-index: 7;
  }
  .z-index-xs-7--force {
    z-index: 7 !important;
  }
  .z-index-xs-8 {
    z-index: 8;
  }
  .z-index-xs-8--force {
    z-index: 8 !important;
  }
  .z-index-xs-9 {
    z-index: 9;
  }
  .z-index-xs-9--force {
    z-index: 9 !important;
  }
  .z-index-xs-10 {
    z-index: 10;
  }
  .z-index-xs-10--force {
    z-index: 10 !important;
  }
  .z-index-xs-11 {
    z-index: 11;
  }
  .z-index-xs-11--force {
    z-index: 11 !important;
  }
  .z-index-xs-12 {
    z-index: 12;
  }
  .z-index-xs-12--force {
    z-index: 12 !important;
  }
  .z-index-xs-13 {
    z-index: 13;
  }
  .z-index-xs-13--force {
    z-index: 13 !important;
  }
  .z-index-xs-14 {
    z-index: 14;
  }
  .z-index-xs-14--force {
    z-index: 14 !important;
  }
  .z-index-xs-15 {
    z-index: 15;
  }
  .z-index-xs-15--force {
    z-index: 15 !important;
  }
  .z-index-xs-16 {
    z-index: 16;
  }
  .z-index-xs-16--force {
    z-index: 16 !important;
  }
  .z-index-xs-17 {
    z-index: 17;
  }
  .z-index-xs-17--force {
    z-index: 17 !important;
  }
  .z-index-xs-18 {
    z-index: 18;
  }
  .z-index-xs-18--force {
    z-index: 18 !important;
  }
  .z-index-xs-19 {
    z-index: 19;
  }
  .z-index-xs-19--force {
    z-index: 19 !important;
  }
  .z-index-xs-20 {
    z-index: 20;
  }
  .z-index-xs-20--force {
    z-index: 20 !important;
  }
  .z-index-xs-21 {
    z-index: 21;
  }
  .z-index-xs-21--force {
    z-index: 21 !important;
  }
  .z-index-xs-22 {
    z-index: 22;
  }
  .z-index-xs-22--force {
    z-index: 22 !important;
  }
  .z-index-xs-23 {
    z-index: 23;
  }
  .z-index-xs-23--force {
    z-index: 23 !important;
  }
  .z-index-xs-24 {
    z-index: 24;
  }
  .z-index-xs-24--force {
    z-index: 24 !important;
  }
}
@media screen and (min-width: 640px) {
  .z-index-sm--1 {
    z-index: -1;
  }
  .z-index-sm--1--force {
    z-index: -1 !important;
  }
  .z-index-sm-0 {
    z-index: 0;
  }
  .z-index-sm-0--force {
    z-index: 0 !important;
  }
  .z-index-sm-1 {
    z-index: 1;
  }
  .z-index-sm-1--force {
    z-index: 1 !important;
  }
  .z-index-sm-2 {
    z-index: 2;
  }
  .z-index-sm-2--force {
    z-index: 2 !important;
  }
  .z-index-sm-3 {
    z-index: 3;
  }
  .z-index-sm-3--force {
    z-index: 3 !important;
  }
  .z-index-sm-4 {
    z-index: 4;
  }
  .z-index-sm-4--force {
    z-index: 4 !important;
  }
  .z-index-sm-5 {
    z-index: 5;
  }
  .z-index-sm-5--force {
    z-index: 5 !important;
  }
  .z-index-sm-6 {
    z-index: 6;
  }
  .z-index-sm-6--force {
    z-index: 6 !important;
  }
  .z-index-sm-7 {
    z-index: 7;
  }
  .z-index-sm-7--force {
    z-index: 7 !important;
  }
  .z-index-sm-8 {
    z-index: 8;
  }
  .z-index-sm-8--force {
    z-index: 8 !important;
  }
  .z-index-sm-9 {
    z-index: 9;
  }
  .z-index-sm-9--force {
    z-index: 9 !important;
  }
  .z-index-sm-10 {
    z-index: 10;
  }
  .z-index-sm-10--force {
    z-index: 10 !important;
  }
  .z-index-sm-11 {
    z-index: 11;
  }
  .z-index-sm-11--force {
    z-index: 11 !important;
  }
  .z-index-sm-12 {
    z-index: 12;
  }
  .z-index-sm-12--force {
    z-index: 12 !important;
  }
  .z-index-sm-13 {
    z-index: 13;
  }
  .z-index-sm-13--force {
    z-index: 13 !important;
  }
  .z-index-sm-14 {
    z-index: 14;
  }
  .z-index-sm-14--force {
    z-index: 14 !important;
  }
  .z-index-sm-15 {
    z-index: 15;
  }
  .z-index-sm-15--force {
    z-index: 15 !important;
  }
  .z-index-sm-16 {
    z-index: 16;
  }
  .z-index-sm-16--force {
    z-index: 16 !important;
  }
  .z-index-sm-17 {
    z-index: 17;
  }
  .z-index-sm-17--force {
    z-index: 17 !important;
  }
  .z-index-sm-18 {
    z-index: 18;
  }
  .z-index-sm-18--force {
    z-index: 18 !important;
  }
  .z-index-sm-19 {
    z-index: 19;
  }
  .z-index-sm-19--force {
    z-index: 19 !important;
  }
  .z-index-sm-20 {
    z-index: 20;
  }
  .z-index-sm-20--force {
    z-index: 20 !important;
  }
  .z-index-sm-21 {
    z-index: 21;
  }
  .z-index-sm-21--force {
    z-index: 21 !important;
  }
  .z-index-sm-22 {
    z-index: 22;
  }
  .z-index-sm-22--force {
    z-index: 22 !important;
  }
  .z-index-sm-23 {
    z-index: 23;
  }
  .z-index-sm-23--force {
    z-index: 23 !important;
  }
  .z-index-sm-24 {
    z-index: 24;
  }
  .z-index-sm-24--force {
    z-index: 24 !important;
  }
}
@media screen and (min-width: 1024px) {
  .z-index-md--1 {
    z-index: -1;
  }
  .z-index-md--1--force {
    z-index: -1 !important;
  }
  .z-index-md-0 {
    z-index: 0;
  }
  .z-index-md-0--force {
    z-index: 0 !important;
  }
  .z-index-md-1 {
    z-index: 1;
  }
  .z-index-md-1--force {
    z-index: 1 !important;
  }
  .z-index-md-2 {
    z-index: 2;
  }
  .z-index-md-2--force {
    z-index: 2 !important;
  }
  .z-index-md-3 {
    z-index: 3;
  }
  .z-index-md-3--force {
    z-index: 3 !important;
  }
  .z-index-md-4 {
    z-index: 4;
  }
  .z-index-md-4--force {
    z-index: 4 !important;
  }
  .z-index-md-5 {
    z-index: 5;
  }
  .z-index-md-5--force {
    z-index: 5 !important;
  }
  .z-index-md-6 {
    z-index: 6;
  }
  .z-index-md-6--force {
    z-index: 6 !important;
  }
  .z-index-md-7 {
    z-index: 7;
  }
  .z-index-md-7--force {
    z-index: 7 !important;
  }
  .z-index-md-8 {
    z-index: 8;
  }
  .z-index-md-8--force {
    z-index: 8 !important;
  }
  .z-index-md-9 {
    z-index: 9;
  }
  .z-index-md-9--force {
    z-index: 9 !important;
  }
  .z-index-md-10 {
    z-index: 10;
  }
  .z-index-md-10--force {
    z-index: 10 !important;
  }
  .z-index-md-11 {
    z-index: 11;
  }
  .z-index-md-11--force {
    z-index: 11 !important;
  }
  .z-index-md-12 {
    z-index: 12;
  }
  .z-index-md-12--force {
    z-index: 12 !important;
  }
  .z-index-md-13 {
    z-index: 13;
  }
  .z-index-md-13--force {
    z-index: 13 !important;
  }
  .z-index-md-14 {
    z-index: 14;
  }
  .z-index-md-14--force {
    z-index: 14 !important;
  }
  .z-index-md-15 {
    z-index: 15;
  }
  .z-index-md-15--force {
    z-index: 15 !important;
  }
  .z-index-md-16 {
    z-index: 16;
  }
  .z-index-md-16--force {
    z-index: 16 !important;
  }
  .z-index-md-17 {
    z-index: 17;
  }
  .z-index-md-17--force {
    z-index: 17 !important;
  }
  .z-index-md-18 {
    z-index: 18;
  }
  .z-index-md-18--force {
    z-index: 18 !important;
  }
  .z-index-md-19 {
    z-index: 19;
  }
  .z-index-md-19--force {
    z-index: 19 !important;
  }
  .z-index-md-20 {
    z-index: 20;
  }
  .z-index-md-20--force {
    z-index: 20 !important;
  }
  .z-index-md-21 {
    z-index: 21;
  }
  .z-index-md-21--force {
    z-index: 21 !important;
  }
  .z-index-md-22 {
    z-index: 22;
  }
  .z-index-md-22--force {
    z-index: 22 !important;
  }
  .z-index-md-23 {
    z-index: 23;
  }
  .z-index-md-23--force {
    z-index: 23 !important;
  }
  .z-index-md-24 {
    z-index: 24;
  }
  .z-index-md-24--force {
    z-index: 24 !important;
  }
}
@media screen and (min-width: 1280px) {
  .z-index-lg--1 {
    z-index: -1;
  }
  .z-index-lg--1--force {
    z-index: -1 !important;
  }
  .z-index-lg-0 {
    z-index: 0;
  }
  .z-index-lg-0--force {
    z-index: 0 !important;
  }
  .z-index-lg-1 {
    z-index: 1;
  }
  .z-index-lg-1--force {
    z-index: 1 !important;
  }
  .z-index-lg-2 {
    z-index: 2;
  }
  .z-index-lg-2--force {
    z-index: 2 !important;
  }
  .z-index-lg-3 {
    z-index: 3;
  }
  .z-index-lg-3--force {
    z-index: 3 !important;
  }
  .z-index-lg-4 {
    z-index: 4;
  }
  .z-index-lg-4--force {
    z-index: 4 !important;
  }
  .z-index-lg-5 {
    z-index: 5;
  }
  .z-index-lg-5--force {
    z-index: 5 !important;
  }
  .z-index-lg-6 {
    z-index: 6;
  }
  .z-index-lg-6--force {
    z-index: 6 !important;
  }
  .z-index-lg-7 {
    z-index: 7;
  }
  .z-index-lg-7--force {
    z-index: 7 !important;
  }
  .z-index-lg-8 {
    z-index: 8;
  }
  .z-index-lg-8--force {
    z-index: 8 !important;
  }
  .z-index-lg-9 {
    z-index: 9;
  }
  .z-index-lg-9--force {
    z-index: 9 !important;
  }
  .z-index-lg-10 {
    z-index: 10;
  }
  .z-index-lg-10--force {
    z-index: 10 !important;
  }
  .z-index-lg-11 {
    z-index: 11;
  }
  .z-index-lg-11--force {
    z-index: 11 !important;
  }
  .z-index-lg-12 {
    z-index: 12;
  }
  .z-index-lg-12--force {
    z-index: 12 !important;
  }
  .z-index-lg-13 {
    z-index: 13;
  }
  .z-index-lg-13--force {
    z-index: 13 !important;
  }
  .z-index-lg-14 {
    z-index: 14;
  }
  .z-index-lg-14--force {
    z-index: 14 !important;
  }
  .z-index-lg-15 {
    z-index: 15;
  }
  .z-index-lg-15--force {
    z-index: 15 !important;
  }
  .z-index-lg-16 {
    z-index: 16;
  }
  .z-index-lg-16--force {
    z-index: 16 !important;
  }
  .z-index-lg-17 {
    z-index: 17;
  }
  .z-index-lg-17--force {
    z-index: 17 !important;
  }
  .z-index-lg-18 {
    z-index: 18;
  }
  .z-index-lg-18--force {
    z-index: 18 !important;
  }
  .z-index-lg-19 {
    z-index: 19;
  }
  .z-index-lg-19--force {
    z-index: 19 !important;
  }
  .z-index-lg-20 {
    z-index: 20;
  }
  .z-index-lg-20--force {
    z-index: 20 !important;
  }
  .z-index-lg-21 {
    z-index: 21;
  }
  .z-index-lg-21--force {
    z-index: 21 !important;
  }
  .z-index-lg-22 {
    z-index: 22;
  }
  .z-index-lg-22--force {
    z-index: 22 !important;
  }
  .z-index-lg-23 {
    z-index: 23;
  }
  .z-index-lg-23--force {
    z-index: 23 !important;
  }
  .z-index-lg-24 {
    z-index: 24;
  }
  .z-index-lg-24--force {
    z-index: 24 !important;
  }
}
@media screen and (min-width: 1536px) {
  .z-index-xl--1 {
    z-index: -1;
  }
  .z-index-xl--1--force {
    z-index: -1 !important;
  }
  .z-index-xl-0 {
    z-index: 0;
  }
  .z-index-xl-0--force {
    z-index: 0 !important;
  }
  .z-index-xl-1 {
    z-index: 1;
  }
  .z-index-xl-1--force {
    z-index: 1 !important;
  }
  .z-index-xl-2 {
    z-index: 2;
  }
  .z-index-xl-2--force {
    z-index: 2 !important;
  }
  .z-index-xl-3 {
    z-index: 3;
  }
  .z-index-xl-3--force {
    z-index: 3 !important;
  }
  .z-index-xl-4 {
    z-index: 4;
  }
  .z-index-xl-4--force {
    z-index: 4 !important;
  }
  .z-index-xl-5 {
    z-index: 5;
  }
  .z-index-xl-5--force {
    z-index: 5 !important;
  }
  .z-index-xl-6 {
    z-index: 6;
  }
  .z-index-xl-6--force {
    z-index: 6 !important;
  }
  .z-index-xl-7 {
    z-index: 7;
  }
  .z-index-xl-7--force {
    z-index: 7 !important;
  }
  .z-index-xl-8 {
    z-index: 8;
  }
  .z-index-xl-8--force {
    z-index: 8 !important;
  }
  .z-index-xl-9 {
    z-index: 9;
  }
  .z-index-xl-9--force {
    z-index: 9 !important;
  }
  .z-index-xl-10 {
    z-index: 10;
  }
  .z-index-xl-10--force {
    z-index: 10 !important;
  }
  .z-index-xl-11 {
    z-index: 11;
  }
  .z-index-xl-11--force {
    z-index: 11 !important;
  }
  .z-index-xl-12 {
    z-index: 12;
  }
  .z-index-xl-12--force {
    z-index: 12 !important;
  }
  .z-index-xl-13 {
    z-index: 13;
  }
  .z-index-xl-13--force {
    z-index: 13 !important;
  }
  .z-index-xl-14 {
    z-index: 14;
  }
  .z-index-xl-14--force {
    z-index: 14 !important;
  }
  .z-index-xl-15 {
    z-index: 15;
  }
  .z-index-xl-15--force {
    z-index: 15 !important;
  }
  .z-index-xl-16 {
    z-index: 16;
  }
  .z-index-xl-16--force {
    z-index: 16 !important;
  }
  .z-index-xl-17 {
    z-index: 17;
  }
  .z-index-xl-17--force {
    z-index: 17 !important;
  }
  .z-index-xl-18 {
    z-index: 18;
  }
  .z-index-xl-18--force {
    z-index: 18 !important;
  }
  .z-index-xl-19 {
    z-index: 19;
  }
  .z-index-xl-19--force {
    z-index: 19 !important;
  }
  .z-index-xl-20 {
    z-index: 20;
  }
  .z-index-xl-20--force {
    z-index: 20 !important;
  }
  .z-index-xl-21 {
    z-index: 21;
  }
  .z-index-xl-21--force {
    z-index: 21 !important;
  }
  .z-index-xl-22 {
    z-index: 22;
  }
  .z-index-xl-22--force {
    z-index: 22 !important;
  }
  .z-index-xl-23 {
    z-index: 23;
  }
  .z-index-xl-23--force {
    z-index: 23 !important;
  }
  .z-index-xl-24 {
    z-index: 24;
  }
  .z-index-xl-24--force {
    z-index: 24 !important;
  }
}
/* <integer> values */
.order--12 {
  order: -12;
}

.order--12--force {
  order: -12 !important;
}

.order--11 {
  order: -11;
}

.order--11--force {
  order: -11 !important;
}

.order--10 {
  order: -10;
}

.order--10--force {
  order: -10 !important;
}

.order--9 {
  order: -9;
}

.order--9--force {
  order: -9 !important;
}

.order--8 {
  order: -8;
}

.order--8--force {
  order: -8 !important;
}

.order--7 {
  order: -7;
}

.order--7--force {
  order: -7 !important;
}

.order--6 {
  order: -6;
}

.order--6--force {
  order: -6 !important;
}

.order--5 {
  order: -5;
}

.order--5--force {
  order: -5 !important;
}

.order--4 {
  order: -4;
}

.order--4--force {
  order: -4 !important;
}

.order--3 {
  order: -3;
}

.order--3--force {
  order: -3 !important;
}

.order--2 {
  order: -2;
}

.order--2--force {
  order: -2 !important;
}

.order--1 {
  order: -1;
}

.order--1--force {
  order: -1 !important;
}

.order-0 {
  order: 0;
}

.order-0--force {
  order: 0 !important;
}

.order-1 {
  order: 1;
}

.order-1--force {
  order: 1 !important;
}

.order-2 {
  order: 2;
}

.order-2--force {
  order: 2 !important;
}

.order-3 {
  order: 3;
}

.order-3--force {
  order: 3 !important;
}

.order-4 {
  order: 4;
}

.order-4--force {
  order: 4 !important;
}

.order-5 {
  order: 5;
}

.order-5--force {
  order: 5 !important;
}

.order-6 {
  order: 6;
}

.order-6--force {
  order: 6 !important;
}

.order-7 {
  order: 7;
}

.order-7--force {
  order: 7 !important;
}

.order-8 {
  order: 8;
}

.order-8--force {
  order: 8 !important;
}

.order-9 {
  order: 9;
}

.order-9--force {
  order: 9 !important;
}

.order-10 {
  order: 10;
}

.order-10--force {
  order: 10 !important;
}

.order-11 {
  order: 11;
}

.order-11--force {
  order: 11 !important;
}

.order-12 {
  order: 12;
}

.order-12--force {
  order: 12 !important;
}

/* Global values */
.order-inherit {
  order: inherit;
}

.order-inherit--force {
  order: inherit !important;
}

.order-initial {
  order: initial;
}

.order-initial--force {
  order: initial !important;
}

@media screen and (max-width: 639px) {
  /* <integer> values */
  .order-xs--12 {
    order: -12;
  }
  .order-xs--12--force {
    order: -12 !important;
  }
  .order-xs--11 {
    order: -11;
  }
  .order-xs--11--force {
    order: -11 !important;
  }
  .order-xs--10 {
    order: -10;
  }
  .order-xs--10--force {
    order: -10 !important;
  }
  .order-xs--9 {
    order: -9;
  }
  .order-xs--9--force {
    order: -9 !important;
  }
  .order-xs--8 {
    order: -8;
  }
  .order-xs--8--force {
    order: -8 !important;
  }
  .order-xs--7 {
    order: -7;
  }
  .order-xs--7--force {
    order: -7 !important;
  }
  .order-xs--6 {
    order: -6;
  }
  .order-xs--6--force {
    order: -6 !important;
  }
  .order-xs--5 {
    order: -5;
  }
  .order-xs--5--force {
    order: -5 !important;
  }
  .order-xs--4 {
    order: -4;
  }
  .order-xs--4--force {
    order: -4 !important;
  }
  .order-xs--3 {
    order: -3;
  }
  .order-xs--3--force {
    order: -3 !important;
  }
  .order-xs--2 {
    order: -2;
  }
  .order-xs--2--force {
    order: -2 !important;
  }
  .order-xs--1 {
    order: -1;
  }
  .order-xs--1--force {
    order: -1 !important;
  }
  .order-xs-0 {
    order: 0;
  }
  .order-xs-0--force {
    order: 0 !important;
  }
  .order-xs-1 {
    order: 1;
  }
  .order-xs-1--force {
    order: 1 !important;
  }
  .order-xs-2 {
    order: 2;
  }
  .order-xs-2--force {
    order: 2 !important;
  }
  .order-xs-3 {
    order: 3;
  }
  .order-xs-3--force {
    order: 3 !important;
  }
  .order-xs-4 {
    order: 4;
  }
  .order-xs-4--force {
    order: 4 !important;
  }
  .order-xs-5 {
    order: 5;
  }
  .order-xs-5--force {
    order: 5 !important;
  }
  .order-xs-6 {
    order: 6;
  }
  .order-xs-6--force {
    order: 6 !important;
  }
  .order-xs-7 {
    order: 7;
  }
  .order-xs-7--force {
    order: 7 !important;
  }
  .order-xs-8 {
    order: 8;
  }
  .order-xs-8--force {
    order: 8 !important;
  }
  .order-xs-9 {
    order: 9;
  }
  .order-xs-9--force {
    order: 9 !important;
  }
  .order-xs-10 {
    order: 10;
  }
  .order-xs-10--force {
    order: 10 !important;
  }
  .order-xs-11 {
    order: 11;
  }
  .order-xs-11--force {
    order: 11 !important;
  }
  .order-xs-12 {
    order: 12;
  }
  .order-xs-12--force {
    order: 12 !important;
  }
  /* Global values */
  .order-xs-inherit {
    order: inherit;
  }
  .order-xs-inherit--force {
    order: inherit !important;
  }
  .order-xs-initial {
    order: initial;
  }
  .order-xs-initial--force {
    order: initial !important;
  }
}
@media screen and (min-width: 640px) {
  /* <integer> values */
  .order-sm--12 {
    order: -12;
  }
  .order-sm--12--force {
    order: -12 !important;
  }
  .order-sm--11 {
    order: -11;
  }
  .order-sm--11--force {
    order: -11 !important;
  }
  .order-sm--10 {
    order: -10;
  }
  .order-sm--10--force {
    order: -10 !important;
  }
  .order-sm--9 {
    order: -9;
  }
  .order-sm--9--force {
    order: -9 !important;
  }
  .order-sm--8 {
    order: -8;
  }
  .order-sm--8--force {
    order: -8 !important;
  }
  .order-sm--7 {
    order: -7;
  }
  .order-sm--7--force {
    order: -7 !important;
  }
  .order-sm--6 {
    order: -6;
  }
  .order-sm--6--force {
    order: -6 !important;
  }
  .order-sm--5 {
    order: -5;
  }
  .order-sm--5--force {
    order: -5 !important;
  }
  .order-sm--4 {
    order: -4;
  }
  .order-sm--4--force {
    order: -4 !important;
  }
  .order-sm--3 {
    order: -3;
  }
  .order-sm--3--force {
    order: -3 !important;
  }
  .order-sm--2 {
    order: -2;
  }
  .order-sm--2--force {
    order: -2 !important;
  }
  .order-sm--1 {
    order: -1;
  }
  .order-sm--1--force {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-0--force {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-1--force {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-2--force {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-3--force {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-4--force {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-5--force {
    order: 5 !important;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-6--force {
    order: 6 !important;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-7--force {
    order: 7 !important;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-8--force {
    order: 8 !important;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-9--force {
    order: 9 !important;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-10--force {
    order: 10 !important;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-11--force {
    order: 11 !important;
  }
  .order-sm-12 {
    order: 12;
  }
  .order-sm-12--force {
    order: 12 !important;
  }
  /* Global values */
  .order-sm-inherit {
    order: inherit;
  }
  .order-sm-inherit--force {
    order: inherit !important;
  }
  .order-sm-initial {
    order: initial;
  }
  .order-sm-initial--force {
    order: initial !important;
  }
}
@media screen and (min-width: 1024px) {
  /* <integer> values */
  .order-md--12 {
    order: -12;
  }
  .order-md--12--force {
    order: -12 !important;
  }
  .order-md--11 {
    order: -11;
  }
  .order-md--11--force {
    order: -11 !important;
  }
  .order-md--10 {
    order: -10;
  }
  .order-md--10--force {
    order: -10 !important;
  }
  .order-md--9 {
    order: -9;
  }
  .order-md--9--force {
    order: -9 !important;
  }
  .order-md--8 {
    order: -8;
  }
  .order-md--8--force {
    order: -8 !important;
  }
  .order-md--7 {
    order: -7;
  }
  .order-md--7--force {
    order: -7 !important;
  }
  .order-md--6 {
    order: -6;
  }
  .order-md--6--force {
    order: -6 !important;
  }
  .order-md--5 {
    order: -5;
  }
  .order-md--5--force {
    order: -5 !important;
  }
  .order-md--4 {
    order: -4;
  }
  .order-md--4--force {
    order: -4 !important;
  }
  .order-md--3 {
    order: -3;
  }
  .order-md--3--force {
    order: -3 !important;
  }
  .order-md--2 {
    order: -2;
  }
  .order-md--2--force {
    order: -2 !important;
  }
  .order-md--1 {
    order: -1;
  }
  .order-md--1--force {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-0--force {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-1--force {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-2--force {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-3--force {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-4--force {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-5--force {
    order: 5 !important;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-6--force {
    order: 6 !important;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-7--force {
    order: 7 !important;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-8--force {
    order: 8 !important;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-9--force {
    order: 9 !important;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-10--force {
    order: 10 !important;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-11--force {
    order: 11 !important;
  }
  .order-md-12 {
    order: 12;
  }
  .order-md-12--force {
    order: 12 !important;
  }
  /* Global values */
  .order-md-inherit {
    order: inherit;
  }
  .order-md-inherit--force {
    order: inherit !important;
  }
  .order-md-initial {
    order: initial;
  }
  .order-md-initial--force {
    order: initial !important;
  }
}
@media screen and (min-width: 1280px) {
  /* <integer> values */
  .order-lg--12 {
    order: -12;
  }
  .order-lg--12--force {
    order: -12 !important;
  }
  .order-lg--11 {
    order: -11;
  }
  .order-lg--11--force {
    order: -11 !important;
  }
  .order-lg--10 {
    order: -10;
  }
  .order-lg--10--force {
    order: -10 !important;
  }
  .order-lg--9 {
    order: -9;
  }
  .order-lg--9--force {
    order: -9 !important;
  }
  .order-lg--8 {
    order: -8;
  }
  .order-lg--8--force {
    order: -8 !important;
  }
  .order-lg--7 {
    order: -7;
  }
  .order-lg--7--force {
    order: -7 !important;
  }
  .order-lg--6 {
    order: -6;
  }
  .order-lg--6--force {
    order: -6 !important;
  }
  .order-lg--5 {
    order: -5;
  }
  .order-lg--5--force {
    order: -5 !important;
  }
  .order-lg--4 {
    order: -4;
  }
  .order-lg--4--force {
    order: -4 !important;
  }
  .order-lg--3 {
    order: -3;
  }
  .order-lg--3--force {
    order: -3 !important;
  }
  .order-lg--2 {
    order: -2;
  }
  .order-lg--2--force {
    order: -2 !important;
  }
  .order-lg--1 {
    order: -1;
  }
  .order-lg--1--force {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-0--force {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-1--force {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-2--force {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-3--force {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-4--force {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-5--force {
    order: 5 !important;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-6--force {
    order: 6 !important;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-7--force {
    order: 7 !important;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-8--force {
    order: 8 !important;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-9--force {
    order: 9 !important;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-10--force {
    order: 10 !important;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-11--force {
    order: 11 !important;
  }
  .order-lg-12 {
    order: 12;
  }
  .order-lg-12--force {
    order: 12 !important;
  }
  /* Global values */
  .order-lg-inherit {
    order: inherit;
  }
  .order-lg-inherit--force {
    order: inherit !important;
  }
  .order-lg-initial {
    order: initial;
  }
  .order-lg-initial--force {
    order: initial !important;
  }
}
@media screen and (min-width: 1536px) {
  /* <integer> values */
  .order-xl--12 {
    order: -12;
  }
  .order-xl--12--force {
    order: -12 !important;
  }
  .order-xl--11 {
    order: -11;
  }
  .order-xl--11--force {
    order: -11 !important;
  }
  .order-xl--10 {
    order: -10;
  }
  .order-xl--10--force {
    order: -10 !important;
  }
  .order-xl--9 {
    order: -9;
  }
  .order-xl--9--force {
    order: -9 !important;
  }
  .order-xl--8 {
    order: -8;
  }
  .order-xl--8--force {
    order: -8 !important;
  }
  .order-xl--7 {
    order: -7;
  }
  .order-xl--7--force {
    order: -7 !important;
  }
  .order-xl--6 {
    order: -6;
  }
  .order-xl--6--force {
    order: -6 !important;
  }
  .order-xl--5 {
    order: -5;
  }
  .order-xl--5--force {
    order: -5 !important;
  }
  .order-xl--4 {
    order: -4;
  }
  .order-xl--4--force {
    order: -4 !important;
  }
  .order-xl--3 {
    order: -3;
  }
  .order-xl--3--force {
    order: -3 !important;
  }
  .order-xl--2 {
    order: -2;
  }
  .order-xl--2--force {
    order: -2 !important;
  }
  .order-xl--1 {
    order: -1;
  }
  .order-xl--1--force {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-0--force {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-1--force {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-2--force {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-3--force {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-4--force {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-5--force {
    order: 5 !important;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-6--force {
    order: 6 !important;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-7--force {
    order: 7 !important;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-8--force {
    order: 8 !important;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-9--force {
    order: 9 !important;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-10--force {
    order: 10 !important;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-11--force {
    order: 11 !important;
  }
  .order-xl-12 {
    order: 12;
  }
  .order-xl-12--force {
    order: 12 !important;
  }
  /* Global values */
  .order-xl-inherit {
    order: inherit;
  }
  .order-xl-inherit--force {
    order: inherit !important;
  }
  .order-xl-initial {
    order: initial;
  }
  .order-xl-initial--force {
    order: initial !important;
  }
}
.place-top {
  top: 0;
}

.place-top--force {
  top: 0 !important;
}

.place-right {
  right: 0;
}

.place-right--force {
  right: 0 !important;
}

.place-bottom {
  bottom: 0;
}

.place-bottom--force {
  bottom: 0 !important;
}

.place-left {
  left: 0;
}

.place-left--force {
  left: 0 !important;
}

@media screen and (max-width: 639px) {
  .place-xs-top {
    top: 0;
  }
  .place-xs-top--force {
    top: 0 !important;
  }
  .place-xs-right {
    right: 0;
  }
  .place-xs-right--force {
    right: 0 !important;
  }
  .place-xs-bottom {
    bottom: 0;
  }
  .place-xs-bottom--force {
    bottom: 0 !important;
  }
  .place-xs-left {
    left: 0;
  }
  .place-xs-left--force {
    left: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .place-sm-top {
    top: 0;
  }
  .place-sm-top--force {
    top: 0 !important;
  }
  .place-sm-right {
    right: 0;
  }
  .place-sm-right--force {
    right: 0 !important;
  }
  .place-sm-bottom {
    bottom: 0;
  }
  .place-sm-bottom--force {
    bottom: 0 !important;
  }
  .place-sm-left {
    left: 0;
  }
  .place-sm-left--force {
    left: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .place-md-top {
    top: 0;
  }
  .place-md-top--force {
    top: 0 !important;
  }
  .place-md-right {
    right: 0;
  }
  .place-md-right--force {
    right: 0 !important;
  }
  .place-md-bottom {
    bottom: 0;
  }
  .place-md-bottom--force {
    bottom: 0 !important;
  }
  .place-md-left {
    left: 0;
  }
  .place-md-left--force {
    left: 0 !important;
  }
}
@media screen and (min-width: 1280px) {
  .place-lg-top {
    top: 0;
  }
  .place-lg-top--force {
    top: 0 !important;
  }
  .place-lg-right {
    right: 0;
  }
  .place-lg-right--force {
    right: 0 !important;
  }
  .place-lg-bottom {
    bottom: 0;
  }
  .place-lg-bottom--force {
    bottom: 0 !important;
  }
  .place-lg-left {
    left: 0;
  }
  .place-lg-left--force {
    left: 0 !important;
  }
}
@media screen and (min-width: 1536px) {
  .place-xl-top {
    top: 0;
  }
  .place-xl-top--force {
    top: 0 !important;
  }
  .place-xl-right {
    right: 0;
  }
  .place-xl-right--force {
    right: 0 !important;
  }
  .place-xl-bottom {
    bottom: 0;
  }
  .place-xl-bottom--force {
    bottom: 0 !important;
  }
  .place-xl-left {
    left: 0;
  }
  .place-xl-left--force {
    left: 0 !important;
  }
}
.position-relative {
  position: relative;
}

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

.position-absolute {
  position: absolute;
}

.position-absolute--force {
  position: absolute !important;
}

.position-static {
  position: static;
}

.position-static--force {
  position: static !important;
}

.position-fixed {
  position: fixed;
}

.position-fixed--force {
  position: fixed !important;
}

.position-sticky {
  position: sticky;
}

.position-sticky--force {
  position: sticky !important;
}

@media screen and (max-width: 639px) {
  .position-xs-relative {
    position: relative;
  }
  .position-xs-relative--force {
    position: relative !important;
  }
  .position-xs-absolute {
    position: absolute;
  }
  .position-xs-absolute--force {
    position: absolute !important;
  }
  .position-xs-static {
    position: static;
  }
  .position-xs-static--force {
    position: static !important;
  }
  .position-xs-fixed {
    position: fixed;
  }
  .position-xs-fixed--force {
    position: fixed !important;
  }
  .position-xs-sticky {
    position: sticky;
  }
  .position-xs-sticky--force {
    position: sticky !important;
  }
}
@media screen and (min-width: 640px) {
  .position-sm-relative {
    position: relative;
  }
  .position-sm-relative--force {
    position: relative !important;
  }
  .position-sm-absolute {
    position: absolute;
  }
  .position-sm-absolute--force {
    position: absolute !important;
  }
  .position-sm-static {
    position: static;
  }
  .position-sm-static--force {
    position: static !important;
  }
  .position-sm-fixed {
    position: fixed;
  }
  .position-sm-fixed--force {
    position: fixed !important;
  }
  .position-sm-sticky {
    position: sticky;
  }
  .position-sm-sticky--force {
    position: sticky !important;
  }
}
@media screen and (min-width: 1024px) {
  .position-md-relative {
    position: relative;
  }
  .position-md-relative--force {
    position: relative !important;
  }
  .position-md-absolute {
    position: absolute;
  }
  .position-md-absolute--force {
    position: absolute !important;
  }
  .position-md-static {
    position: static;
  }
  .position-md-static--force {
    position: static !important;
  }
  .position-md-fixed {
    position: fixed;
  }
  .position-md-fixed--force {
    position: fixed !important;
  }
  .position-md-sticky {
    position: sticky;
  }
  .position-md-sticky--force {
    position: sticky !important;
  }
}
@media screen and (min-width: 1280px) {
  .position-lg-relative {
    position: relative;
  }
  .position-lg-relative--force {
    position: relative !important;
  }
  .position-lg-absolute {
    position: absolute;
  }
  .position-lg-absolute--force {
    position: absolute !important;
  }
  .position-lg-static {
    position: static;
  }
  .position-lg-static--force {
    position: static !important;
  }
  .position-lg-fixed {
    position: fixed;
  }
  .position-lg-fixed--force {
    position: fixed !important;
  }
  .position-lg-sticky {
    position: sticky;
  }
  .position-lg-sticky--force {
    position: sticky !important;
  }
}
@media screen and (min-width: 1536px) {
  .position-xl-relative {
    position: relative;
  }
  .position-xl-relative--force {
    position: relative !important;
  }
  .position-xl-absolute {
    position: absolute;
  }
  .position-xl-absolute--force {
    position: absolute !important;
  }
  .position-xl-static {
    position: static;
  }
  .position-xl-static--force {
    position: static !important;
  }
  .position-xl-fixed {
    position: fixed;
  }
  .position-xl-fixed--force {
    position: fixed !important;
  }
  .position-xl-sticky {
    position: sticky;
  }
  .position-xl-sticky--force {
    position: sticky !important;
  }
}
.d-none {
  display: none;
}

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

.d-inline {
  display: inline;
}

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

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

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

.d-block {
  display: block;
}

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

.d-grid {
  display: grid;
}

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

.d-table {
  display: table;
}

.d-table--force {
  display: table !important;
}

.d-table-cell {
  display: table-cell;
}

.d-table-cell--force {
  display: table-cell !important;
}

.d-table-row {
  display: table-row;
}

.d-table-row--force {
  display: table-row !important;
}

.d-inline-flex {
  display: inline-flex;
}

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

.d-flex {
  display: flex;
}

.d-flex--force {
  display: flex !important;
}

@media screen and (max-width: 639px) {
  .d-xs-none {
    display: none;
  }
  .d-xs-none--force {
    display: none !important;
  }
  .d-xs-inline {
    display: inline;
  }
  .d-xs-inline--force {
    display: inline !important;
  }
  .d-xs-inline-block {
    display: inline-block;
  }
  .d-xs-inline-block--force {
    display: inline-block !important;
  }
  .d-xs-block {
    display: block;
  }
  .d-xs-block--force {
    display: block !important;
  }
  .d-xs-grid {
    display: grid;
  }
  .d-xs-grid--force {
    display: grid !important;
  }
  .d-xs-table {
    display: table;
  }
  .d-xs-table--force {
    display: table !important;
  }
  .d-xs-table-cell {
    display: table-cell;
  }
  .d-xs-table-cell--force {
    display: table-cell !important;
  }
  .d-xs-table-row {
    display: table-row;
  }
  .d-xs-table-row--force {
    display: table-row !important;
  }
  .d-xs-inline-flex {
    display: inline-flex;
  }
  .d-xs-inline-flex--force {
    display: inline-flex !important;
  }
  .d-xs-flex {
    display: flex;
  }
  .d-xs-flex--force {
    display: flex !important;
  }
}
@media screen and (min-width: 640px) {
  .d-sm-none {
    display: none;
  }
  .d-sm-none--force {
    display: none !important;
  }
  .d-sm-inline {
    display: inline;
  }
  .d-sm-inline--force {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block;
  }
  .d-sm-inline-block--force {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block;
  }
  .d-sm-block--force {
    display: block !important;
  }
  .d-sm-grid {
    display: grid;
  }
  .d-sm-grid--force {
    display: grid !important;
  }
  .d-sm-table {
    display: table;
  }
  .d-sm-table--force {
    display: table !important;
  }
  .d-sm-table-cell {
    display: table-cell;
  }
  .d-sm-table-cell--force {
    display: table-cell !important;
  }
  .d-sm-table-row {
    display: table-row;
  }
  .d-sm-table-row--force {
    display: table-row !important;
  }
  .d-sm-inline-flex {
    display: inline-flex;
  }
  .d-sm-inline-flex--force {
    display: inline-flex !important;
  }
  .d-sm-flex {
    display: flex;
  }
  .d-sm-flex--force {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .d-md-none {
    display: none;
  }
  .d-md-none--force {
    display: none !important;
  }
  .d-md-inline {
    display: inline;
  }
  .d-md-inline--force {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block;
  }
  .d-md-inline-block--force {
    display: inline-block !important;
  }
  .d-md-block {
    display: block;
  }
  .d-md-block--force {
    display: block !important;
  }
  .d-md-grid {
    display: grid;
  }
  .d-md-grid--force {
    display: grid !important;
  }
  .d-md-table {
    display: table;
  }
  .d-md-table--force {
    display: table !important;
  }
  .d-md-table-cell {
    display: table-cell;
  }
  .d-md-table-cell--force {
    display: table-cell !important;
  }
  .d-md-table-row {
    display: table-row;
  }
  .d-md-table-row--force {
    display: table-row !important;
  }
  .d-md-inline-flex {
    display: inline-flex;
  }
  .d-md-inline-flex--force {
    display: inline-flex !important;
  }
  .d-md-flex {
    display: flex;
  }
  .d-md-flex--force {
    display: flex !important;
  }
}
@media screen and (min-width: 1280px) {
  .d-lg-none {
    display: none;
  }
  .d-lg-none--force {
    display: none !important;
  }
  .d-lg-inline {
    display: inline;
  }
  .d-lg-inline--force {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block;
  }
  .d-lg-inline-block--force {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block;
  }
  .d-lg-block--force {
    display: block !important;
  }
  .d-lg-grid {
    display: grid;
  }
  .d-lg-grid--force {
    display: grid !important;
  }
  .d-lg-table {
    display: table;
  }
  .d-lg-table--force {
    display: table !important;
  }
  .d-lg-table-cell {
    display: table-cell;
  }
  .d-lg-table-cell--force {
    display: table-cell !important;
  }
  .d-lg-table-row {
    display: table-row;
  }
  .d-lg-table-row--force {
    display: table-row !important;
  }
  .d-lg-inline-flex {
    display: inline-flex;
  }
  .d-lg-inline-flex--force {
    display: inline-flex !important;
  }
  .d-lg-flex {
    display: flex;
  }
  .d-lg-flex--force {
    display: flex !important;
  }
}
@media screen and (min-width: 1536px) {
  .d-xl-none {
    display: none;
  }
  .d-xl-none--force {
    display: none !important;
  }
  .d-xl-inline {
    display: inline;
  }
  .d-xl-inline--force {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block;
  }
  .d-xl-inline-block--force {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block;
  }
  .d-xl-block--force {
    display: block !important;
  }
  .d-xl-grid {
    display: grid;
  }
  .d-xl-grid--force {
    display: grid !important;
  }
  .d-xl-table {
    display: table;
  }
  .d-xl-table--force {
    display: table !important;
  }
  .d-xl-table-cell {
    display: table-cell;
  }
  .d-xl-table-cell--force {
    display: table-cell !important;
  }
  .d-xl-table-row {
    display: table-row;
  }
  .d-xl-table-row--force {
    display: table-row !important;
  }
  .d-xl-inline-flex {
    display: inline-flex;
  }
  .d-xl-inline-flex--force {
    display: inline-flex !important;
  }
  .d-xl-flex {
    display: flex;
  }
  .d-xl-flex--force {
    display: flex !important;
  }
}
.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-row--force {
  display: flex !important;
  flex-direction: row !important;
}

.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}

.flex-row-reverse--force {
  display: flex !important;
  flex-direction: row-reverse !important;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-column--force {
  display: flex !important;
  flex-direction: column !important;
}

.flex-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}

.flex-column-reverse--force {
  display: flex !important;
  flex-direction: column-reverse !important;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-nowrap--force {
  flex-wrap: nowrap !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap--force {
  flex-wrap: wrap !important;
}

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

.flex-align-center--force {
  display: flex !important;
  align-items: center !important;
}

.flex-align-start {
  display: flex;
  align-items: flex-start;
}

.flex-align-start--force {
  display: flex !important;
  align-items: flex-start !important;
}

.flex-align-end {
  display: flex;
  align-items: flex-end;
}

.flex-align-end--force {
  display: flex !important;
  align-items: flex-end !important;
}

.flex-align-inherit {
  display: flex;
  align-items: inherit;
}

.flex-align-inherit--force {
  display: flex !important;
  align-items: inherit !important;
}

.flex-align-initial {
  display: flex;
  align-items: initial;
}

.flex-align-initial--force {
  display: flex !important;
  align-items: initial !important;
}

.flex-align-self-end {
  display: flex;
  align-self: flex-end;
}

.flex-align-self-end--force {
  display: flex !important;
  align-self: flex-end !important;
}

.flex-align-self-start {
  display: flex;
  align-self: flex-start;
}

.flex-align-self-start--force {
  display: flex !important;
  align-self: flex-start !important;
}

.flex-align-self-inherit {
  display: flex;
  align-self: inherit;
}

.flex-align-self-inherit--force {
  display: flex !important;
  align-self: inherit !important;
}

.flex-align-self-initial {
  display: flex;
  align-self: initial;
}

.flex-align-self-initial--force {
  display: flex !important;
  align-self: initial !important;
}

.flex-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-center-center--force {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.flex-justify-center {
  display: flex;
  justify-content: center;
}

.flex-justify-center--force {
  display: flex !important;
  justify-content: center !important;
}

.flex-center {
  display: flex;
  justify-content: center;
}

.flex-center--force {
  display: flex !important;
  justify-content: center !important;
}

.flex-justify-end {
  display: flex;
  justify-content: flex-end;
}

.flex-justify-end--force {
  display: flex !important;
  justify-content: flex-end !important;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.flex-end--force {
  display: flex !important;
  justify-content: flex-end !important;
}

.flex-justify-start {
  display: flex;
  justify-content: flex-start;
}

.flex-justify-start--force {
  display: flex !important;
  justify-content: flex-start !important;
}

.flex-start {
  display: flex;
  justify-content: flex-start;
}

.flex-start--force {
  display: flex !important;
  justify-content: flex-start !important;
}

.flex-justify-inherit {
  display: flex;
  justify-content: inherit;
}

.flex-justify-inherit--force {
  display: flex !important;
  justify-content: inherit !important;
}

.flex-inherit {
  display: flex;
  justify-content: inherit;
}

.flex-inherit--force {
  display: flex !important;
  justify-content: inherit !important;
}

.flex-justify-initial {
  display: flex;
  justify-content: initial;
}

.flex-justify-initial--force {
  display: flex !important;
  justify-content: initial !important;
}

.flex-initial {
  display: flex;
  justify-content: initial;
}

.flex-initial--force {
  display: flex !important;
  justify-content: initial !important;
}

.flex-left {
  display: flex;
  justify-content: left;
}

.flex-left--force {
  display: flex !important;
  justify-content: left !important;
}

.flex-right {
  display: flex;
  justify-content: right;
}

.flex-right--force {
  display: flex !important;
  justify-content: right !important;
}

.flex-normal {
  display: flex;
  justify-content: normal;
}

.flex-normal--force {
  display: flex !important;
  justify-content: normal !important;
}

.flex-revert {
  display: flex;
  justify-content: revert;
}

.flex-revert--force {
  display: flex !important;
  justify-content: revert !important;
}

.flex-space-around {
  display: flex;
  justify-content: space-around;
}

.flex-space-around--force {
  display: flex !important;
  justify-content: space-around !important;
}

.flex-around {
  display: flex;
  justify-content: space-around;
}

.flex-around--force {
  display: flex !important;
  justify-content: space-around !important;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
}

.flex-space-between--force {
  display: flex !important;
  justify-content: space-between !important;
}

.flex-between {
  display: flex;
  justify-content: space-between;
}

.flex-between--force {
  display: flex !important;
  justify-content: space-between !important;
}

.flex-space-evenly {
  display: flex;
  justify-content: space-evenly;
}

.flex-space-evenly--force {
  display: flex !important;
  justify-content: space-evenly !important;
}

.flex-evenly {
  display: flex;
  justify-content: space-evenly;
}

.flex-evenly--force {
  display: flex !important;
  justify-content: space-evenly !important;
}

.flex-stretch {
  display: flex;
  justify-content: stretch;
}

.flex-stretch--force {
  display: flex !important;
  justify-content: stretch !important;
}

.flex-unset {
  display: flex;
  justify-content: unset;
}

.flex-unset--force {
  display: flex !important;
  justify-content: unset !important;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

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

.flex-shrink-1 {
  flex-shrink: 1;
}

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

.flex-shrink-2 {
  flex-shrink: 2;
}

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

.flex-shrink-3 {
  flex-shrink: 3;
}

.flex-full {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
}

.flex-basis-1 {
  flex-basis: 100%;
}

@media screen and (max-width: 639px) {
  .flex-xs-row {
    display: flex;
    flex-direction: row;
  }
  .flex-xs-row--force {
    display: flex !important;
    flex-direction: row !important;
  }
  .flex-xs-row-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .flex-xs-row-reverse--force {
    display: flex !important;
    flex-direction: row-reverse !important;
  }
  .flex-xs-column {
    display: flex;
    flex-direction: column;
  }
  .flex-xs-column--force {
    display: flex !important;
    flex-direction: column !important;
  }
  .flex-xs-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex-xs-column-reverse--force {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .flex-xs-nowrap {
    flex-wrap: nowrap;
  }
  .flex-xs-nowrap--force {
    flex-wrap: nowrap !important;
  }
  .flex-xs-wrap {
    flex-wrap: wrap;
  }
  .flex-xs-wrap--force {
    flex-wrap: wrap !important;
  }
  .flex-xs-align-center {
    display: flex;
    align-items: center;
  }
  .flex-xs-align-center--force {
    display: flex !important;
    align-items: center !important;
  }
  .flex-xs-align-start {
    display: flex;
    align-items: flex-start;
  }
  .flex-xs-align-start--force {
    display: flex !important;
    align-items: flex-start !important;
  }
  .flex-xs-align-end {
    display: flex;
    align-items: flex-end;
  }
  .flex-xs-align-end--force {
    display: flex !important;
    align-items: flex-end !important;
  }
  .flex-xs-align-inherit {
    display: flex;
    align-items: inherit;
  }
  .flex-xs-align-inherit--force {
    display: flex !important;
    align-items: inherit !important;
  }
  .flex-xs-align-initial {
    display: flex;
    align-items: initial;
  }
  .flex-xs-align-initial--force {
    display: flex !important;
    align-items: initial !important;
  }
  .flex-xs-align-self-end {
    display: flex;
    align-self: flex-end;
  }
  .flex-xs-align-self-end--force {
    display: flex !important;
    align-self: flex-end !important;
  }
  .flex-xs-align-self-start {
    display: flex;
    align-self: flex-start;
  }
  .flex-xs-align-self-start--force {
    display: flex !important;
    align-self: flex-start !important;
  }
  .flex-xs-align-self-inherit {
    display: flex;
    align-self: inherit;
  }
  .flex-xs-align-self-inherit--force {
    display: flex !important;
    align-self: inherit !important;
  }
  .flex-xs-align-self-initial {
    display: flex;
    align-self: initial;
  }
  .flex-xs-align-self-initial--force {
    display: flex !important;
    align-self: initial !important;
  }
  .flex-xs-center-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex-xs-center-center--force {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .flex-xs-justify-center {
    display: flex;
    justify-content: center;
  }
  .flex-xs-justify-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-xs-center {
    display: flex;
    justify-content: center;
  }
  .flex-xs-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-xs-justify-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-xs-justify-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-xs-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-xs-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-xs-justify-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-xs-justify-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-xs-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-xs-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-xs-justify-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-xs-justify-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-xs-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-xs-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-xs-justify-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-xs-justify-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-xs-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-xs-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-xs-left {
    display: flex;
    justify-content: left;
  }
  .flex-xs-left--force {
    display: flex !important;
    justify-content: left !important;
  }
  .flex-xs-right {
    display: flex;
    justify-content: right;
  }
  .flex-xs-right--force {
    display: flex !important;
    justify-content: right !important;
  }
  .flex-xs-normal {
    display: flex;
    justify-content: normal;
  }
  .flex-xs-normal--force {
    display: flex !important;
    justify-content: normal !important;
  }
  .flex-xs-revert {
    display: flex;
    justify-content: revert;
  }
  .flex-xs-revert--force {
    display: flex !important;
    justify-content: revert !important;
  }
  .flex-xs-space-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-xs-space-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-xs-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-xs-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-xs-space-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-xs-space-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-xs-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-xs-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-xs-space-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-xs-space-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-xs-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-xs-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-xs-stretch {
    display: flex;
    justify-content: stretch;
  }
  .flex-xs-stretch--force {
    display: flex !important;
    justify-content: stretch !important;
  }
  .flex-xs-unset {
    display: flex;
    justify-content: unset;
  }
  .flex-xs-unset--force {
    display: flex !important;
    justify-content: unset !important;
  }
  .flex-xs-grow-0 {
    flex-grow: 0;
  }
  .flex-xs-shrink-0 {
    flex-shrink: 0;
  }
  .flex-xs-grow-1 {
    flex-grow: 1;
  }
  .flex-xs-shrink-1 {
    flex-shrink: 1;
  }
  .flex-xs-grow-2 {
    flex-grow: 2;
  }
  .flex-xs-shrink-2 {
    flex-shrink: 2;
  }
  .flex-xs-grow-3 {
    flex-grow: 3;
  }
  .flex-xs-shrink-3 {
    flex-shrink: 3;
  }
  .flex-xs-full {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
  }
  .flex-xs-basis-1 {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 640px) {
  .flex-sm-row {
    display: flex;
    flex-direction: row;
  }
  .flex-sm-row--force {
    display: flex !important;
    flex-direction: row !important;
  }
  .flex-sm-row-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .flex-sm-row-reverse--force {
    display: flex !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column {
    display: flex;
    flex-direction: column;
  }
  .flex-sm-column--force {
    display: flex !important;
    flex-direction: column !important;
  }
  .flex-sm-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex-sm-column-reverse--force {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap;
  }
  .flex-sm-nowrap--force {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap;
  }
  .flex-sm-wrap--force {
    flex-wrap: wrap !important;
  }
  .flex-sm-align-center {
    display: flex;
    align-items: center;
  }
  .flex-sm-align-center--force {
    display: flex !important;
    align-items: center !important;
  }
  .flex-sm-align-start {
    display: flex;
    align-items: flex-start;
  }
  .flex-sm-align-start--force {
    display: flex !important;
    align-items: flex-start !important;
  }
  .flex-sm-align-end {
    display: flex;
    align-items: flex-end;
  }
  .flex-sm-align-end--force {
    display: flex !important;
    align-items: flex-end !important;
  }
  .flex-sm-align-inherit {
    display: flex;
    align-items: inherit;
  }
  .flex-sm-align-inherit--force {
    display: flex !important;
    align-items: inherit !important;
  }
  .flex-sm-align-initial {
    display: flex;
    align-items: initial;
  }
  .flex-sm-align-initial--force {
    display: flex !important;
    align-items: initial !important;
  }
  .flex-sm-align-self-end {
    display: flex;
    align-self: flex-end;
  }
  .flex-sm-align-self-end--force {
    display: flex !important;
    align-self: flex-end !important;
  }
  .flex-sm-align-self-start {
    display: flex;
    align-self: flex-start;
  }
  .flex-sm-align-self-start--force {
    display: flex !important;
    align-self: flex-start !important;
  }
  .flex-sm-align-self-inherit {
    display: flex;
    align-self: inherit;
  }
  .flex-sm-align-self-inherit--force {
    display: flex !important;
    align-self: inherit !important;
  }
  .flex-sm-align-self-initial {
    display: flex;
    align-self: initial;
  }
  .flex-sm-align-self-initial--force {
    display: flex !important;
    align-self: initial !important;
  }
  .flex-sm-center-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex-sm-center-center--force {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .flex-sm-justify-center {
    display: flex;
    justify-content: center;
  }
  .flex-sm-justify-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-sm-center {
    display: flex;
    justify-content: center;
  }
  .flex-sm-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-sm-justify-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-sm-justify-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-sm-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-sm-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-sm-justify-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-sm-justify-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-sm-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-sm-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-sm-justify-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-sm-justify-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-sm-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-sm-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-sm-justify-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-sm-justify-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-sm-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-sm-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-sm-left {
    display: flex;
    justify-content: left;
  }
  .flex-sm-left--force {
    display: flex !important;
    justify-content: left !important;
  }
  .flex-sm-right {
    display: flex;
    justify-content: right;
  }
  .flex-sm-right--force {
    display: flex !important;
    justify-content: right !important;
  }
  .flex-sm-normal {
    display: flex;
    justify-content: normal;
  }
  .flex-sm-normal--force {
    display: flex !important;
    justify-content: normal !important;
  }
  .flex-sm-revert {
    display: flex;
    justify-content: revert;
  }
  .flex-sm-revert--force {
    display: flex !important;
    justify-content: revert !important;
  }
  .flex-sm-space-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-sm-space-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-sm-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-sm-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-sm-space-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-sm-space-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-sm-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-sm-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-sm-space-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-sm-space-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-sm-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-sm-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-sm-stretch {
    display: flex;
    justify-content: stretch;
  }
  .flex-sm-stretch--force {
    display: flex !important;
    justify-content: stretch !important;
  }
  .flex-sm-unset {
    display: flex;
    justify-content: unset;
  }
  .flex-sm-unset--force {
    display: flex !important;
    justify-content: unset !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0;
  }
  .flex-sm-grow-1 {
    flex-grow: 1;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1;
  }
  .flex-sm-grow-2 {
    flex-grow: 2;
  }
  .flex-sm-shrink-2 {
    flex-shrink: 2;
  }
  .flex-sm-grow-3 {
    flex-grow: 3;
  }
  .flex-sm-shrink-3 {
    flex-shrink: 3;
  }
  .flex-sm-full {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
  }
  .flex-sm-basis-1 {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .flex-md-row {
    display: flex;
    flex-direction: row;
  }
  .flex-md-row--force {
    display: flex !important;
    flex-direction: row !important;
  }
  .flex-md-row-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .flex-md-row-reverse--force {
    display: flex !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column {
    display: flex;
    flex-direction: column;
  }
  .flex-md-column--force {
    display: flex !important;
    flex-direction: column !important;
  }
  .flex-md-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex-md-column-reverse--force {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap;
  }
  .flex-md-nowrap--force {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap;
  }
  .flex-md-wrap--force {
    flex-wrap: wrap !important;
  }
  .flex-md-align-center {
    display: flex;
    align-items: center;
  }
  .flex-md-align-center--force {
    display: flex !important;
    align-items: center !important;
  }
  .flex-md-align-start {
    display: flex;
    align-items: flex-start;
  }
  .flex-md-align-start--force {
    display: flex !important;
    align-items: flex-start !important;
  }
  .flex-md-align-end {
    display: flex;
    align-items: flex-end;
  }
  .flex-md-align-end--force {
    display: flex !important;
    align-items: flex-end !important;
  }
  .flex-md-align-inherit {
    display: flex;
    align-items: inherit;
  }
  .flex-md-align-inherit--force {
    display: flex !important;
    align-items: inherit !important;
  }
  .flex-md-align-initial {
    display: flex;
    align-items: initial;
  }
  .flex-md-align-initial--force {
    display: flex !important;
    align-items: initial !important;
  }
  .flex-md-align-self-end {
    display: flex;
    align-self: flex-end;
  }
  .flex-md-align-self-end--force {
    display: flex !important;
    align-self: flex-end !important;
  }
  .flex-md-align-self-start {
    display: flex;
    align-self: flex-start;
  }
  .flex-md-align-self-start--force {
    display: flex !important;
    align-self: flex-start !important;
  }
  .flex-md-align-self-inherit {
    display: flex;
    align-self: inherit;
  }
  .flex-md-align-self-inherit--force {
    display: flex !important;
    align-self: inherit !important;
  }
  .flex-md-align-self-initial {
    display: flex;
    align-self: initial;
  }
  .flex-md-align-self-initial--force {
    display: flex !important;
    align-self: initial !important;
  }
  .flex-md-center-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex-md-center-center--force {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .flex-md-justify-center {
    display: flex;
    justify-content: center;
  }
  .flex-md-justify-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-md-center {
    display: flex;
    justify-content: center;
  }
  .flex-md-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-md-justify-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-md-justify-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-md-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-md-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-md-justify-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-md-justify-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-md-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-md-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-md-justify-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-md-justify-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-md-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-md-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-md-justify-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-md-justify-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-md-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-md-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-md-left {
    display: flex;
    justify-content: left;
  }
  .flex-md-left--force {
    display: flex !important;
    justify-content: left !important;
  }
  .flex-md-right {
    display: flex;
    justify-content: right;
  }
  .flex-md-right--force {
    display: flex !important;
    justify-content: right !important;
  }
  .flex-md-normal {
    display: flex;
    justify-content: normal;
  }
  .flex-md-normal--force {
    display: flex !important;
    justify-content: normal !important;
  }
  .flex-md-revert {
    display: flex;
    justify-content: revert;
  }
  .flex-md-revert--force {
    display: flex !important;
    justify-content: revert !important;
  }
  .flex-md-space-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-md-space-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-md-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-md-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-md-space-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-md-space-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-md-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-md-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-md-space-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-md-space-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-md-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-md-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-md-stretch {
    display: flex;
    justify-content: stretch;
  }
  .flex-md-stretch--force {
    display: flex !important;
    justify-content: stretch !important;
  }
  .flex-md-unset {
    display: flex;
    justify-content: unset;
  }
  .flex-md-unset--force {
    display: flex !important;
    justify-content: unset !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0;
  }
  .flex-md-grow-1 {
    flex-grow: 1;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1;
  }
  .flex-md-grow-2 {
    flex-grow: 2;
  }
  .flex-md-shrink-2 {
    flex-shrink: 2;
  }
  .flex-md-grow-3 {
    flex-grow: 3;
  }
  .flex-md-shrink-3 {
    flex-shrink: 3;
  }
  .flex-md-full {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
  }
  .flex-md-basis-1 {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .flex-lg-row {
    display: flex;
    flex-direction: row;
  }
  .flex-lg-row--force {
    display: flex !important;
    flex-direction: row !important;
  }
  .flex-lg-row-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .flex-lg-row-reverse--force {
    display: flex !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column {
    display: flex;
    flex-direction: column;
  }
  .flex-lg-column--force {
    display: flex !important;
    flex-direction: column !important;
  }
  .flex-lg-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex-lg-column-reverse--force {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap;
  }
  .flex-lg-nowrap--force {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap;
  }
  .flex-lg-wrap--force {
    flex-wrap: wrap !important;
  }
  .flex-lg-align-center {
    display: flex;
    align-items: center;
  }
  .flex-lg-align-center--force {
    display: flex !important;
    align-items: center !important;
  }
  .flex-lg-align-start {
    display: flex;
    align-items: flex-start;
  }
  .flex-lg-align-start--force {
    display: flex !important;
    align-items: flex-start !important;
  }
  .flex-lg-align-end {
    display: flex;
    align-items: flex-end;
  }
  .flex-lg-align-end--force {
    display: flex !important;
    align-items: flex-end !important;
  }
  .flex-lg-align-inherit {
    display: flex;
    align-items: inherit;
  }
  .flex-lg-align-inherit--force {
    display: flex !important;
    align-items: inherit !important;
  }
  .flex-lg-align-initial {
    display: flex;
    align-items: initial;
  }
  .flex-lg-align-initial--force {
    display: flex !important;
    align-items: initial !important;
  }
  .flex-lg-align-self-end {
    display: flex;
    align-self: flex-end;
  }
  .flex-lg-align-self-end--force {
    display: flex !important;
    align-self: flex-end !important;
  }
  .flex-lg-align-self-start {
    display: flex;
    align-self: flex-start;
  }
  .flex-lg-align-self-start--force {
    display: flex !important;
    align-self: flex-start !important;
  }
  .flex-lg-align-self-inherit {
    display: flex;
    align-self: inherit;
  }
  .flex-lg-align-self-inherit--force {
    display: flex !important;
    align-self: inherit !important;
  }
  .flex-lg-align-self-initial {
    display: flex;
    align-self: initial;
  }
  .flex-lg-align-self-initial--force {
    display: flex !important;
    align-self: initial !important;
  }
  .flex-lg-center-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex-lg-center-center--force {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .flex-lg-justify-center {
    display: flex;
    justify-content: center;
  }
  .flex-lg-justify-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-lg-center {
    display: flex;
    justify-content: center;
  }
  .flex-lg-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-lg-justify-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-lg-justify-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-lg-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-lg-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-lg-justify-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-lg-justify-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-lg-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-lg-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-lg-justify-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-lg-justify-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-lg-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-lg-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-lg-justify-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-lg-justify-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-lg-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-lg-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-lg-left {
    display: flex;
    justify-content: left;
  }
  .flex-lg-left--force {
    display: flex !important;
    justify-content: left !important;
  }
  .flex-lg-right {
    display: flex;
    justify-content: right;
  }
  .flex-lg-right--force {
    display: flex !important;
    justify-content: right !important;
  }
  .flex-lg-normal {
    display: flex;
    justify-content: normal;
  }
  .flex-lg-normal--force {
    display: flex !important;
    justify-content: normal !important;
  }
  .flex-lg-revert {
    display: flex;
    justify-content: revert;
  }
  .flex-lg-revert--force {
    display: flex !important;
    justify-content: revert !important;
  }
  .flex-lg-space-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-lg-space-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-lg-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-lg-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-lg-space-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-lg-space-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-lg-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-lg-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-lg-space-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-lg-space-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-lg-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-lg-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-lg-stretch {
    display: flex;
    justify-content: stretch;
  }
  .flex-lg-stretch--force {
    display: flex !important;
    justify-content: stretch !important;
  }
  .flex-lg-unset {
    display: flex;
    justify-content: unset;
  }
  .flex-lg-unset--force {
    display: flex !important;
    justify-content: unset !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0;
  }
  .flex-lg-grow-1 {
    flex-grow: 1;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1;
  }
  .flex-lg-grow-2 {
    flex-grow: 2;
  }
  .flex-lg-shrink-2 {
    flex-shrink: 2;
  }
  .flex-lg-grow-3 {
    flex-grow: 3;
  }
  .flex-lg-shrink-3 {
    flex-shrink: 3;
  }
  .flex-lg-full {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
  }
  .flex-lg-basis-1 {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 1536px) {
  .flex-xl-row {
    display: flex;
    flex-direction: row;
  }
  .flex-xl-row--force {
    display: flex !important;
    flex-direction: row !important;
  }
  .flex-xl-row-reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  .flex-xl-row-reverse--force {
    display: flex !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column {
    display: flex;
    flex-direction: column;
  }
  .flex-xl-column--force {
    display: flex !important;
    flex-direction: column !important;
  }
  .flex-xl-column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex-xl-column-reverse--force {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap;
  }
  .flex-xl-nowrap--force {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap;
  }
  .flex-xl-wrap--force {
    flex-wrap: wrap !important;
  }
  .flex-xl-align-center {
    display: flex;
    align-items: center;
  }
  .flex-xl-align-center--force {
    display: flex !important;
    align-items: center !important;
  }
  .flex-xl-align-start {
    display: flex;
    align-items: flex-start;
  }
  .flex-xl-align-start--force {
    display: flex !important;
    align-items: flex-start !important;
  }
  .flex-xl-align-end {
    display: flex;
    align-items: flex-end;
  }
  .flex-xl-align-end--force {
    display: flex !important;
    align-items: flex-end !important;
  }
  .flex-xl-align-inherit {
    display: flex;
    align-items: inherit;
  }
  .flex-xl-align-inherit--force {
    display: flex !important;
    align-items: inherit !important;
  }
  .flex-xl-align-initial {
    display: flex;
    align-items: initial;
  }
  .flex-xl-align-initial--force {
    display: flex !important;
    align-items: initial !important;
  }
  .flex-xl-align-self-end {
    display: flex;
    align-self: flex-end;
  }
  .flex-xl-align-self-end--force {
    display: flex !important;
    align-self: flex-end !important;
  }
  .flex-xl-align-self-start {
    display: flex;
    align-self: flex-start;
  }
  .flex-xl-align-self-start--force {
    display: flex !important;
    align-self: flex-start !important;
  }
  .flex-xl-align-self-inherit {
    display: flex;
    align-self: inherit;
  }
  .flex-xl-align-self-inherit--force {
    display: flex !important;
    align-self: inherit !important;
  }
  .flex-xl-align-self-initial {
    display: flex;
    align-self: initial;
  }
  .flex-xl-align-self-initial--force {
    display: flex !important;
    align-self: initial !important;
  }
  .flex-xl-center-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex-xl-center-center--force {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .flex-xl-justify-center {
    display: flex;
    justify-content: center;
  }
  .flex-xl-justify-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-xl-center {
    display: flex;
    justify-content: center;
  }
  .flex-xl-center--force {
    display: flex !important;
    justify-content: center !important;
  }
  .flex-xl-justify-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-xl-justify-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-xl-end {
    display: flex;
    justify-content: flex-end;
  }
  .flex-xl-end--force {
    display: flex !important;
    justify-content: flex-end !important;
  }
  .flex-xl-justify-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-xl-justify-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-xl-start {
    display: flex;
    justify-content: flex-start;
  }
  .flex-xl-start--force {
    display: flex !important;
    justify-content: flex-start !important;
  }
  .flex-xl-justify-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-xl-justify-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-xl-inherit {
    display: flex;
    justify-content: inherit;
  }
  .flex-xl-inherit--force {
    display: flex !important;
    justify-content: inherit !important;
  }
  .flex-xl-justify-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-xl-justify-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-xl-initial {
    display: flex;
    justify-content: initial;
  }
  .flex-xl-initial--force {
    display: flex !important;
    justify-content: initial !important;
  }
  .flex-xl-left {
    display: flex;
    justify-content: left;
  }
  .flex-xl-left--force {
    display: flex !important;
    justify-content: left !important;
  }
  .flex-xl-right {
    display: flex;
    justify-content: right;
  }
  .flex-xl-right--force {
    display: flex !important;
    justify-content: right !important;
  }
  .flex-xl-normal {
    display: flex;
    justify-content: normal;
  }
  .flex-xl-normal--force {
    display: flex !important;
    justify-content: normal !important;
  }
  .flex-xl-revert {
    display: flex;
    justify-content: revert;
  }
  .flex-xl-revert--force {
    display: flex !important;
    justify-content: revert !important;
  }
  .flex-xl-space-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-xl-space-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-xl-around {
    display: flex;
    justify-content: space-around;
  }
  .flex-xl-around--force {
    display: flex !important;
    justify-content: space-around !important;
  }
  .flex-xl-space-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-xl-space-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-xl-between {
    display: flex;
    justify-content: space-between;
  }
  .flex-xl-between--force {
    display: flex !important;
    justify-content: space-between !important;
  }
  .flex-xl-space-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-xl-space-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-xl-evenly {
    display: flex;
    justify-content: space-evenly;
  }
  .flex-xl-evenly--force {
    display: flex !important;
    justify-content: space-evenly !important;
  }
  .flex-xl-stretch {
    display: flex;
    justify-content: stretch;
  }
  .flex-xl-stretch--force {
    display: flex !important;
    justify-content: stretch !important;
  }
  .flex-xl-unset {
    display: flex;
    justify-content: unset;
  }
  .flex-xl-unset--force {
    display: flex !important;
    justify-content: unset !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0;
  }
  .flex-xl-grow-1 {
    flex-grow: 1;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1;
  }
  .flex-xl-grow-2 {
    flex-grow: 2;
  }
  .flex-xl-shrink-2 {
    flex-shrink: 2;
  }
  .flex-xl-grow-3 {
    flex-grow: 3;
  }
  .flex-xl-shrink-3 {
    flex-shrink: 3;
  }
  .flex-xl-full {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
  }
  .flex-xl-basis-1 {
    flex-basis: 100%;
  }
}
.fw-100 {
  font-weight: 100;
}

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

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

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

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

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

.fw-400 {
  font-weight: var(--matcha-weight-regular, 400);
}

.fw-400--force {
  font-weight: var(--matcha-weight-regular, 400) !important;
}

.fw-500 {
  font-weight: var(--matcha-weight-medium, 500);
}

.fw-500--force {
  font-weight: var(--matcha-weight-medium, 500) !important;
}

.fw-600 {
  font-weight: var(--matcha-weight-semibold, 600);
}

.fw-600--force {
  font-weight: var(--matcha-weight-semibold, 600) !important;
}

.fw-700 {
  font-weight: var(--matcha-weight-bold, 700);
}

.fw-700--force {
  font-weight: var(--matcha-weight-bold, 700) !important;
}

.fw-800 {
  font-weight: 800;
}

.fw-800--force {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: var(--matcha-weight-black, 900);
}

.fw-900--force {
  font-weight: var(--matcha-weight-black, 900) !important;
}

@media screen and (max-width: 639px) {
  .fw-xs-100 {
    font-weight: 100;
  }
  .fw-xs-100--force {
    font-weight: 100 !important;
  }
  .fw-xs-200 {
    font-weight: 200;
  }
  .fw-xs-200--force {
    font-weight: 200 !important;
  }
  .fw-xs-300 {
    font-weight: 300;
  }
  .fw-xs-300--force {
    font-weight: 300 !important;
  }
  .fw-xs-400 {
    font-weight: var(--matcha-weight-regular, 400);
  }
  .fw-xs-400--force {
    font-weight: var(--matcha-weight-regular, 400) !important;
  }
  .fw-xs-500 {
    font-weight: var(--matcha-weight-medium, 500);
  }
  .fw-xs-500--force {
    font-weight: var(--matcha-weight-medium, 500) !important;
  }
  .fw-xs-600 {
    font-weight: var(--matcha-weight-semibold, 600);
  }
  .fw-xs-600--force {
    font-weight: var(--matcha-weight-semibold, 600) !important;
  }
  .fw-xs-700 {
    font-weight: var(--matcha-weight-bold, 700);
  }
  .fw-xs-700--force {
    font-weight: var(--matcha-weight-bold, 700) !important;
  }
  .fw-xs-800 {
    font-weight: 800;
  }
  .fw-xs-800--force {
    font-weight: 800 !important;
  }
  .fw-xs-900 {
    font-weight: var(--matcha-weight-black, 900);
  }
  .fw-xs-900--force {
    font-weight: var(--matcha-weight-black, 900) !important;
  }
}
@media screen and (min-width: 640px) {
  .fw-sm-100 {
    font-weight: 100;
  }
  .fw-sm-100--force {
    font-weight: 100 !important;
  }
  .fw-sm-200 {
    font-weight: 200;
  }
  .fw-sm-200--force {
    font-weight: 200 !important;
  }
  .fw-sm-300 {
    font-weight: 300;
  }
  .fw-sm-300--force {
    font-weight: 300 !important;
  }
  .fw-sm-400 {
    font-weight: var(--matcha-weight-regular, 400);
  }
  .fw-sm-400--force {
    font-weight: var(--matcha-weight-regular, 400) !important;
  }
  .fw-sm-500 {
    font-weight: var(--matcha-weight-medium, 500);
  }
  .fw-sm-500--force {
    font-weight: var(--matcha-weight-medium, 500) !important;
  }
  .fw-sm-600 {
    font-weight: var(--matcha-weight-semibold, 600);
  }
  .fw-sm-600--force {
    font-weight: var(--matcha-weight-semibold, 600) !important;
  }
  .fw-sm-700 {
    font-weight: var(--matcha-weight-bold, 700);
  }
  .fw-sm-700--force {
    font-weight: var(--matcha-weight-bold, 700) !important;
  }
  .fw-sm-800 {
    font-weight: 800;
  }
  .fw-sm-800--force {
    font-weight: 800 !important;
  }
  .fw-sm-900 {
    font-weight: var(--matcha-weight-black, 900);
  }
  .fw-sm-900--force {
    font-weight: var(--matcha-weight-black, 900) !important;
  }
}
@media screen and (min-width: 1024px) {
  .fw-md-100 {
    font-weight: 100;
  }
  .fw-md-100--force {
    font-weight: 100 !important;
  }
  .fw-md-200 {
    font-weight: 200;
  }
  .fw-md-200--force {
    font-weight: 200 !important;
  }
  .fw-md-300 {
    font-weight: 300;
  }
  .fw-md-300--force {
    font-weight: 300 !important;
  }
  .fw-md-400 {
    font-weight: var(--matcha-weight-regular, 400);
  }
  .fw-md-400--force {
    font-weight: var(--matcha-weight-regular, 400) !important;
  }
  .fw-md-500 {
    font-weight: var(--matcha-weight-medium, 500);
  }
  .fw-md-500--force {
    font-weight: var(--matcha-weight-medium, 500) !important;
  }
  .fw-md-600 {
    font-weight: var(--matcha-weight-semibold, 600);
  }
  .fw-md-600--force {
    font-weight: var(--matcha-weight-semibold, 600) !important;
  }
  .fw-md-700 {
    font-weight: var(--matcha-weight-bold, 700);
  }
  .fw-md-700--force {
    font-weight: var(--matcha-weight-bold, 700) !important;
  }
  .fw-md-800 {
    font-weight: 800;
  }
  .fw-md-800--force {
    font-weight: 800 !important;
  }
  .fw-md-900 {
    font-weight: var(--matcha-weight-black, 900);
  }
  .fw-md-900--force {
    font-weight: var(--matcha-weight-black, 900) !important;
  }
}
@media screen and (min-width: 1280px) {
  .fw-lg-100 {
    font-weight: 100;
  }
  .fw-lg-100--force {
    font-weight: 100 !important;
  }
  .fw-lg-200 {
    font-weight: 200;
  }
  .fw-lg-200--force {
    font-weight: 200 !important;
  }
  .fw-lg-300 {
    font-weight: 300;
  }
  .fw-lg-300--force {
    font-weight: 300 !important;
  }
  .fw-lg-400 {
    font-weight: var(--matcha-weight-regular, 400);
  }
  .fw-lg-400--force {
    font-weight: var(--matcha-weight-regular, 400) !important;
  }
  .fw-lg-500 {
    font-weight: var(--matcha-weight-medium, 500);
  }
  .fw-lg-500--force {
    font-weight: var(--matcha-weight-medium, 500) !important;
  }
  .fw-lg-600 {
    font-weight: var(--matcha-weight-semibold, 600);
  }
  .fw-lg-600--force {
    font-weight: var(--matcha-weight-semibold, 600) !important;
  }
  .fw-lg-700 {
    font-weight: var(--matcha-weight-bold, 700);
  }
  .fw-lg-700--force {
    font-weight: var(--matcha-weight-bold, 700) !important;
  }
  .fw-lg-800 {
    font-weight: 800;
  }
  .fw-lg-800--force {
    font-weight: 800 !important;
  }
  .fw-lg-900 {
    font-weight: var(--matcha-weight-black, 900);
  }
  .fw-lg-900--force {
    font-weight: var(--matcha-weight-black, 900) !important;
  }
}
@media screen and (min-width: 1536px) {
  .fw-xl-100 {
    font-weight: 100;
  }
  .fw-xl-100--force {
    font-weight: 100 !important;
  }
  .fw-xl-200 {
    font-weight: 200;
  }
  .fw-xl-200--force {
    font-weight: 200 !important;
  }
  .fw-xl-300 {
    font-weight: 300;
  }
  .fw-xl-300--force {
    font-weight: 300 !important;
  }
  .fw-xl-400 {
    font-weight: var(--matcha-weight-regular, 400);
  }
  .fw-xl-400--force {
    font-weight: var(--matcha-weight-regular, 400) !important;
  }
  .fw-xl-500 {
    font-weight: var(--matcha-weight-medium, 500);
  }
  .fw-xl-500--force {
    font-weight: var(--matcha-weight-medium, 500) !important;
  }
  .fw-xl-600 {
    font-weight: var(--matcha-weight-semibold, 600);
  }
  .fw-xl-600--force {
    font-weight: var(--matcha-weight-semibold, 600) !important;
  }
  .fw-xl-700 {
    font-weight: var(--matcha-weight-bold, 700);
  }
  .fw-xl-700--force {
    font-weight: var(--matcha-weight-bold, 700) !important;
  }
  .fw-xl-800 {
    font-weight: 800;
  }
  .fw-xl-800--force {
    font-weight: 800 !important;
  }
  .fw-xl-900 {
    font-weight: var(--matcha-weight-black, 900);
  }
  .fw-xl-900--force {
    font-weight: var(--matcha-weight-black, 900) !important;
  }
}
.fs-0 {
  font-size: 0px;
}

.fs-0--force {
  font-size: 0px !important;
}

.fs-1 {
  font-size: 1px;
}

.fs-1--force {
  font-size: 1px !important;
}

.fs-2 {
  font-size: 2px;
}

.fs-2--force {
  font-size: 2px !important;
}

.fs-3 {
  font-size: 3px;
}

.fs-3--force {
  font-size: 3px !important;
}

.fs-4 {
  font-size: 4px;
}

.fs-4--force {
  font-size: 4px !important;
}

.fs-5 {
  font-size: 5px;
}

.fs-5--force {
  font-size: 5px !important;
}

.fs-6 {
  font-size: 6px;
}

.fs-6--force {
  font-size: 6px !important;
}

.fs-7 {
  font-size: 7px;
}

.fs-7--force {
  font-size: 7px !important;
}

.fs-8 {
  font-size: 8px;
}

.fs-8--force {
  font-size: 8px !important;
}

.fs-9 {
  font-size: 9px;
}

.fs-9--force {
  font-size: 9px !important;
}

.fs-10 {
  font-size: var(--matcha-font-size-2xs, 10px);
}

.fs-10--force {
  font-size: var(--matcha-font-size-2xs, 10px) !important;
}

.fs-11 {
  font-size: 11px;
}

.fs-11--force {
  font-size: 11px !important;
}

.fs-12 {
  font-size: var(--matcha-font-size-xs, 12px);
}

.fs-12--force {
  font-size: var(--matcha-font-size-xs, 12px) !important;
}

.fs-13 {
  font-size: 13px;
}

.fs-13--force {
  font-size: 13px !important;
}

.fs-14 {
  font-size: var(--matcha-font-size-sm, 14px);
}

.fs-14--force {
  font-size: var(--matcha-font-size-sm, 14px) !important;
}

.fs-15 {
  font-size: 15px;
}

.fs-15--force {
  font-size: 15px !important;
}

.fs-16 {
  font-size: var(--matcha-font-size-md, 16px);
}

.fs-16--force {
  font-size: var(--matcha-font-size-md, 16px) !important;
}

.fs-17 {
  font-size: 17px;
}

.fs-17--force {
  font-size: 17px !important;
}

.fs-18 {
  font-size: var(--matcha-font-size-lg, 18px);
}

.fs-18--force {
  font-size: var(--matcha-font-size-lg, 18px) !important;
}

.fs-19 {
  font-size: 19px;
}

.fs-19--force {
  font-size: 19px !important;
}

.fs-20 {
  font-size: var(--matcha-font-size-xl, 20px);
}

.fs-20--force {
  font-size: var(--matcha-font-size-xl, 20px) !important;
}

.fs-21 {
  font-size: 21px;
}

.fs-21--force {
  font-size: 21px !important;
}

.fs-22 {
  font-size: 22px;
}

.fs-22--force {
  font-size: 22px !important;
}

.fs-23 {
  font-size: 23px;
}

.fs-23--force {
  font-size: 23px !important;
}

.fs-24 {
  font-size: var(--matcha-font-size-2xl, 24px);
}

.fs-24--force {
  font-size: var(--matcha-font-size-2xl, 24px) !important;
}

.fs-25 {
  font-size: 25px;
}

.fs-25--force {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px;
}

.fs-26--force {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px;
}

.fs-27--force {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px;
}

.fs-28--force {
  font-size: 28px !important;
}

.fs-29 {
  font-size: 29px;
}

.fs-29--force {
  font-size: 29px !important;
}

.fs-30 {
  font-size: 30px;
}

.fs-30--force {
  font-size: 30px !important;
}

.fs-31 {
  font-size: 31px;
}

.fs-31--force {
  font-size: 31px !important;
}

.fs-32 {
  font-size: var(--matcha-font-size-3xl, 32px);
}

.fs-32--force {
  font-size: var(--matcha-font-size-3xl, 32px) !important;
}

.fs-33 {
  font-size: 33px;
}

.fs-33--force {
  font-size: 33px !important;
}

.fs-34 {
  font-size: 34px;
}

.fs-34--force {
  font-size: 34px !important;
}

.fs-35 {
  font-size: 35px;
}

.fs-35--force {
  font-size: 35px !important;
}

.fs-36 {
  font-size: 36px;
}

.fs-36--force {
  font-size: 36px !important;
}

.fs-37 {
  font-size: 37px;
}

.fs-37--force {
  font-size: 37px !important;
}

.fs-38 {
  font-size: 38px;
}

.fs-38--force {
  font-size: 38px !important;
}

.fs-39 {
  font-size: 39px;
}

.fs-39--force {
  font-size: 39px !important;
}

.fs-40 {
  font-size: 40px;
}

.fs-40--force {
  font-size: 40px !important;
}

.fs-41 {
  font-size: 41px;
}

.fs-41--force {
  font-size: 41px !important;
}

.fs-42 {
  font-size: 42px;
}

.fs-42--force {
  font-size: 42px !important;
}

.fs-43 {
  font-size: 43px;
}

.fs-43--force {
  font-size: 43px !important;
}

.fs-44 {
  font-size: 44px;
}

.fs-44--force {
  font-size: 44px !important;
}

.fs-45 {
  font-size: 45px;
}

.fs-45--force {
  font-size: 45px !important;
}

.fs-46 {
  font-size: 46px;
}

.fs-46--force {
  font-size: 46px !important;
}

.fs-47 {
  font-size: 47px;
}

.fs-47--force {
  font-size: 47px !important;
}

.fs-48 {
  font-size: 48px;
}

.fs-48--force {
  font-size: 48px !important;
}

.fs-49 {
  font-size: 49px;
}

.fs-49--force {
  font-size: 49px !important;
}

.fs-50 {
  font-size: 50px;
}

.fs-50--force {
  font-size: 50px !important;
}

.fs-51 {
  font-size: 51px;
}

.fs-51--force {
  font-size: 51px !important;
}

.fs-52 {
  font-size: 52px;
}

.fs-52--force {
  font-size: 52px !important;
}

.fs-53 {
  font-size: 53px;
}

.fs-53--force {
  font-size: 53px !important;
}

.fs-54 {
  font-size: 54px;
}

.fs-54--force {
  font-size: 54px !important;
}

.fs-55 {
  font-size: 55px;
}

.fs-55--force {
  font-size: 55px !important;
}

.fs-56 {
  font-size: 56px;
}

.fs-56--force {
  font-size: 56px !important;
}

.fs-57 {
  font-size: 57px;
}

.fs-57--force {
  font-size: 57px !important;
}

.fs-58 {
  font-size: 58px;
}

.fs-58--force {
  font-size: 58px !important;
}

.fs-59 {
  font-size: 59px;
}

.fs-59--force {
  font-size: 59px !important;
}

.fs-60 {
  font-size: 60px;
}

.fs-60--force {
  font-size: 60px !important;
}

.fs-61 {
  font-size: 61px;
}

.fs-61--force {
  font-size: 61px !important;
}

.fs-62 {
  font-size: 62px;
}

.fs-62--force {
  font-size: 62px !important;
}

.fs-63 {
  font-size: 63px;
}

.fs-63--force {
  font-size: 63px !important;
}

.fs-64 {
  font-size: 64px;
}

.fs-64--force {
  font-size: 64px !important;
}

.fs-65 {
  font-size: 65px;
}

.fs-65--force {
  font-size: 65px !important;
}

.fs-66 {
  font-size: 66px;
}

.fs-66--force {
  font-size: 66px !important;
}

.fs-67 {
  font-size: 67px;
}

.fs-67--force {
  font-size: 67px !important;
}

.fs-68 {
  font-size: 68px;
}

.fs-68--force {
  font-size: 68px !important;
}

.fs-69 {
  font-size: 69px;
}

.fs-69--force {
  font-size: 69px !important;
}

.fs-70 {
  font-size: 70px;
}

.fs-70--force {
  font-size: 70px !important;
}

.fs-71 {
  font-size: 71px;
}

.fs-71--force {
  font-size: 71px !important;
}

.fs-72 {
  font-size: 72px;
}

.fs-72--force {
  font-size: 72px !important;
}

.fs-73 {
  font-size: 73px;
}

.fs-73--force {
  font-size: 73px !important;
}

.fs-74 {
  font-size: 74px;
}

.fs-74--force {
  font-size: 74px !important;
}

.fs-75 {
  font-size: 75px;
}

.fs-75--force {
  font-size: 75px !important;
}

.fs-76 {
  font-size: 76px;
}

.fs-76--force {
  font-size: 76px !important;
}

.fs-77 {
  font-size: 77px;
}

.fs-77--force {
  font-size: 77px !important;
}

.fs-78 {
  font-size: 78px;
}

.fs-78--force {
  font-size: 78px !important;
}

.fs-79 {
  font-size: 79px;
}

.fs-79--force {
  font-size: 79px !important;
}

.fs-80 {
  font-size: 80px;
}

.fs-80--force {
  font-size: 80px !important;
}

.fs-81 {
  font-size: 81px;
}

.fs-81--force {
  font-size: 81px !important;
}

.fs-82 {
  font-size: 82px;
}

.fs-82--force {
  font-size: 82px !important;
}

.fs-83 {
  font-size: 83px;
}

.fs-83--force {
  font-size: 83px !important;
}

.fs-84 {
  font-size: 84px;
}

.fs-84--force {
  font-size: 84px !important;
}

.fs-85 {
  font-size: 85px;
}

.fs-85--force {
  font-size: 85px !important;
}

.fs-86 {
  font-size: 86px;
}

.fs-86--force {
  font-size: 86px !important;
}

.fs-87 {
  font-size: 87px;
}

.fs-87--force {
  font-size: 87px !important;
}

.fs-88 {
  font-size: 88px;
}

.fs-88--force {
  font-size: 88px !important;
}

.fs-89 {
  font-size: 89px;
}

.fs-89--force {
  font-size: 89px !important;
}

.fs-90 {
  font-size: 90px;
}

.fs-90--force {
  font-size: 90px !important;
}

.fs-91 {
  font-size: 91px;
}

.fs-91--force {
  font-size: 91px !important;
}

.fs-92 {
  font-size: 92px;
}

.fs-92--force {
  font-size: 92px !important;
}

.fs-93 {
  font-size: 93px;
}

.fs-93--force {
  font-size: 93px !important;
}

.fs-94 {
  font-size: 94px;
}

.fs-94--force {
  font-size: 94px !important;
}

.fs-95 {
  font-size: 95px;
}

.fs-95--force {
  font-size: 95px !important;
}

.fs-96 {
  font-size: 96px;
}

.fs-96--force {
  font-size: 96px !important;
}

@media screen and (max-width: 639px) {
  .fs-xs-0 {
    font-size: 0px;
  }
  .fs-xs-0--force {
    font-size: 0px !important;
  }
  .fs-xs-1 {
    font-size: 1px;
  }
  .fs-xs-1--force {
    font-size: 1px !important;
  }
  .fs-xs-2 {
    font-size: 2px;
  }
  .fs-xs-2--force {
    font-size: 2px !important;
  }
  .fs-xs-3 {
    font-size: 3px;
  }
  .fs-xs-3--force {
    font-size: 3px !important;
  }
  .fs-xs-4 {
    font-size: 4px;
  }
  .fs-xs-4--force {
    font-size: 4px !important;
  }
  .fs-xs-5 {
    font-size: 5px;
  }
  .fs-xs-5--force {
    font-size: 5px !important;
  }
  .fs-xs-6 {
    font-size: 6px;
  }
  .fs-xs-6--force {
    font-size: 6px !important;
  }
  .fs-xs-7 {
    font-size: 7px;
  }
  .fs-xs-7--force {
    font-size: 7px !important;
  }
  .fs-xs-8 {
    font-size: 8px;
  }
  .fs-xs-8--force {
    font-size: 8px !important;
  }
  .fs-xs-9 {
    font-size: 9px;
  }
  .fs-xs-9--force {
    font-size: 9px !important;
  }
  .fs-xs-10 {
    font-size: var(--matcha-font-size-2xs, 10px);
  }
  .fs-xs-10--force {
    font-size: var(--matcha-font-size-2xs, 10px) !important;
  }
  .fs-xs-11 {
    font-size: 11px;
  }
  .fs-xs-11--force {
    font-size: 11px !important;
  }
  .fs-xs-12 {
    font-size: var(--matcha-font-size-xs, 12px);
  }
  .fs-xs-12--force {
    font-size: var(--matcha-font-size-xs, 12px) !important;
  }
  .fs-xs-13 {
    font-size: 13px;
  }
  .fs-xs-13--force {
    font-size: 13px !important;
  }
  .fs-xs-14 {
    font-size: var(--matcha-font-size-sm, 14px);
  }
  .fs-xs-14--force {
    font-size: var(--matcha-font-size-sm, 14px) !important;
  }
  .fs-xs-15 {
    font-size: 15px;
  }
  .fs-xs-15--force {
    font-size: 15px !important;
  }
  .fs-xs-16 {
    font-size: var(--matcha-font-size-md, 16px);
  }
  .fs-xs-16--force {
    font-size: var(--matcha-font-size-md, 16px) !important;
  }
  .fs-xs-17 {
    font-size: 17px;
  }
  .fs-xs-17--force {
    font-size: 17px !important;
  }
  .fs-xs-18 {
    font-size: var(--matcha-font-size-lg, 18px);
  }
  .fs-xs-18--force {
    font-size: var(--matcha-font-size-lg, 18px) !important;
  }
  .fs-xs-19 {
    font-size: 19px;
  }
  .fs-xs-19--force {
    font-size: 19px !important;
  }
  .fs-xs-20 {
    font-size: var(--matcha-font-size-xl, 20px);
  }
  .fs-xs-20--force {
    font-size: var(--matcha-font-size-xl, 20px) !important;
  }
  .fs-xs-21 {
    font-size: 21px;
  }
  .fs-xs-21--force {
    font-size: 21px !important;
  }
  .fs-xs-22 {
    font-size: 22px;
  }
  .fs-xs-22--force {
    font-size: 22px !important;
  }
  .fs-xs-23 {
    font-size: 23px;
  }
  .fs-xs-23--force {
    font-size: 23px !important;
  }
  .fs-xs-24 {
    font-size: var(--matcha-font-size-2xl, 24px);
  }
  .fs-xs-24--force {
    font-size: var(--matcha-font-size-2xl, 24px) !important;
  }
  .fs-xs-25 {
    font-size: 25px;
  }
  .fs-xs-25--force {
    font-size: 25px !important;
  }
  .fs-xs-26 {
    font-size: 26px;
  }
  .fs-xs-26--force {
    font-size: 26px !important;
  }
  .fs-xs-27 {
    font-size: 27px;
  }
  .fs-xs-27--force {
    font-size: 27px !important;
  }
  .fs-xs-28 {
    font-size: 28px;
  }
  .fs-xs-28--force {
    font-size: 28px !important;
  }
  .fs-xs-29 {
    font-size: 29px;
  }
  .fs-xs-29--force {
    font-size: 29px !important;
  }
  .fs-xs-30 {
    font-size: 30px;
  }
  .fs-xs-30--force {
    font-size: 30px !important;
  }
  .fs-xs-31 {
    font-size: 31px;
  }
  .fs-xs-31--force {
    font-size: 31px !important;
  }
  .fs-xs-32 {
    font-size: var(--matcha-font-size-3xl, 32px);
  }
  .fs-xs-32--force {
    font-size: var(--matcha-font-size-3xl, 32px) !important;
  }
  .fs-xs-33 {
    font-size: 33px;
  }
  .fs-xs-33--force {
    font-size: 33px !important;
  }
  .fs-xs-34 {
    font-size: 34px;
  }
  .fs-xs-34--force {
    font-size: 34px !important;
  }
  .fs-xs-35 {
    font-size: 35px;
  }
  .fs-xs-35--force {
    font-size: 35px !important;
  }
  .fs-xs-36 {
    font-size: 36px;
  }
  .fs-xs-36--force {
    font-size: 36px !important;
  }
  .fs-xs-37 {
    font-size: 37px;
  }
  .fs-xs-37--force {
    font-size: 37px !important;
  }
  .fs-xs-38 {
    font-size: 38px;
  }
  .fs-xs-38--force {
    font-size: 38px !important;
  }
  .fs-xs-39 {
    font-size: 39px;
  }
  .fs-xs-39--force {
    font-size: 39px !important;
  }
  .fs-xs-40 {
    font-size: 40px;
  }
  .fs-xs-40--force {
    font-size: 40px !important;
  }
  .fs-xs-41 {
    font-size: 41px;
  }
  .fs-xs-41--force {
    font-size: 41px !important;
  }
  .fs-xs-42 {
    font-size: 42px;
  }
  .fs-xs-42--force {
    font-size: 42px !important;
  }
  .fs-xs-43 {
    font-size: 43px;
  }
  .fs-xs-43--force {
    font-size: 43px !important;
  }
  .fs-xs-44 {
    font-size: 44px;
  }
  .fs-xs-44--force {
    font-size: 44px !important;
  }
  .fs-xs-45 {
    font-size: 45px;
  }
  .fs-xs-45--force {
    font-size: 45px !important;
  }
  .fs-xs-46 {
    font-size: 46px;
  }
  .fs-xs-46--force {
    font-size: 46px !important;
  }
  .fs-xs-47 {
    font-size: 47px;
  }
  .fs-xs-47--force {
    font-size: 47px !important;
  }
  .fs-xs-48 {
    font-size: 48px;
  }
  .fs-xs-48--force {
    font-size: 48px !important;
  }
  .fs-xs-49 {
    font-size: 49px;
  }
  .fs-xs-49--force {
    font-size: 49px !important;
  }
  .fs-xs-50 {
    font-size: 50px;
  }
  .fs-xs-50--force {
    font-size: 50px !important;
  }
  .fs-xs-51 {
    font-size: 51px;
  }
  .fs-xs-51--force {
    font-size: 51px !important;
  }
  .fs-xs-52 {
    font-size: 52px;
  }
  .fs-xs-52--force {
    font-size: 52px !important;
  }
  .fs-xs-53 {
    font-size: 53px;
  }
  .fs-xs-53--force {
    font-size: 53px !important;
  }
  .fs-xs-54 {
    font-size: 54px;
  }
  .fs-xs-54--force {
    font-size: 54px !important;
  }
  .fs-xs-55 {
    font-size: 55px;
  }
  .fs-xs-55--force {
    font-size: 55px !important;
  }
  .fs-xs-56 {
    font-size: 56px;
  }
  .fs-xs-56--force {
    font-size: 56px !important;
  }
  .fs-xs-57 {
    font-size: 57px;
  }
  .fs-xs-57--force {
    font-size: 57px !important;
  }
  .fs-xs-58 {
    font-size: 58px;
  }
  .fs-xs-58--force {
    font-size: 58px !important;
  }
  .fs-xs-59 {
    font-size: 59px;
  }
  .fs-xs-59--force {
    font-size: 59px !important;
  }
  .fs-xs-60 {
    font-size: 60px;
  }
  .fs-xs-60--force {
    font-size: 60px !important;
  }
  .fs-xs-61 {
    font-size: 61px;
  }
  .fs-xs-61--force {
    font-size: 61px !important;
  }
  .fs-xs-62 {
    font-size: 62px;
  }
  .fs-xs-62--force {
    font-size: 62px !important;
  }
  .fs-xs-63 {
    font-size: 63px;
  }
  .fs-xs-63--force {
    font-size: 63px !important;
  }
  .fs-xs-64 {
    font-size: 64px;
  }
  .fs-xs-64--force {
    font-size: 64px !important;
  }
  .fs-xs-65 {
    font-size: 65px;
  }
  .fs-xs-65--force {
    font-size: 65px !important;
  }
  .fs-xs-66 {
    font-size: 66px;
  }
  .fs-xs-66--force {
    font-size: 66px !important;
  }
  .fs-xs-67 {
    font-size: 67px;
  }
  .fs-xs-67--force {
    font-size: 67px !important;
  }
  .fs-xs-68 {
    font-size: 68px;
  }
  .fs-xs-68--force {
    font-size: 68px !important;
  }
  .fs-xs-69 {
    font-size: 69px;
  }
  .fs-xs-69--force {
    font-size: 69px !important;
  }
  .fs-xs-70 {
    font-size: 70px;
  }
  .fs-xs-70--force {
    font-size: 70px !important;
  }
  .fs-xs-71 {
    font-size: 71px;
  }
  .fs-xs-71--force {
    font-size: 71px !important;
  }
  .fs-xs-72 {
    font-size: 72px;
  }
  .fs-xs-72--force {
    font-size: 72px !important;
  }
  .fs-xs-73 {
    font-size: 73px;
  }
  .fs-xs-73--force {
    font-size: 73px !important;
  }
  .fs-xs-74 {
    font-size: 74px;
  }
  .fs-xs-74--force {
    font-size: 74px !important;
  }
  .fs-xs-75 {
    font-size: 75px;
  }
  .fs-xs-75--force {
    font-size: 75px !important;
  }
  .fs-xs-76 {
    font-size: 76px;
  }
  .fs-xs-76--force {
    font-size: 76px !important;
  }
  .fs-xs-77 {
    font-size: 77px;
  }
  .fs-xs-77--force {
    font-size: 77px !important;
  }
  .fs-xs-78 {
    font-size: 78px;
  }
  .fs-xs-78--force {
    font-size: 78px !important;
  }
  .fs-xs-79 {
    font-size: 79px;
  }
  .fs-xs-79--force {
    font-size: 79px !important;
  }
  .fs-xs-80 {
    font-size: 80px;
  }
  .fs-xs-80--force {
    font-size: 80px !important;
  }
  .fs-xs-81 {
    font-size: 81px;
  }
  .fs-xs-81--force {
    font-size: 81px !important;
  }
  .fs-xs-82 {
    font-size: 82px;
  }
  .fs-xs-82--force {
    font-size: 82px !important;
  }
  .fs-xs-83 {
    font-size: 83px;
  }
  .fs-xs-83--force {
    font-size: 83px !important;
  }
  .fs-xs-84 {
    font-size: 84px;
  }
  .fs-xs-84--force {
    font-size: 84px !important;
  }
  .fs-xs-85 {
    font-size: 85px;
  }
  .fs-xs-85--force {
    font-size: 85px !important;
  }
  .fs-xs-86 {
    font-size: 86px;
  }
  .fs-xs-86--force {
    font-size: 86px !important;
  }
  .fs-xs-87 {
    font-size: 87px;
  }
  .fs-xs-87--force {
    font-size: 87px !important;
  }
  .fs-xs-88 {
    font-size: 88px;
  }
  .fs-xs-88--force {
    font-size: 88px !important;
  }
  .fs-xs-89 {
    font-size: 89px;
  }
  .fs-xs-89--force {
    font-size: 89px !important;
  }
  .fs-xs-90 {
    font-size: 90px;
  }
  .fs-xs-90--force {
    font-size: 90px !important;
  }
  .fs-xs-91 {
    font-size: 91px;
  }
  .fs-xs-91--force {
    font-size: 91px !important;
  }
  .fs-xs-92 {
    font-size: 92px;
  }
  .fs-xs-92--force {
    font-size: 92px !important;
  }
  .fs-xs-93 {
    font-size: 93px;
  }
  .fs-xs-93--force {
    font-size: 93px !important;
  }
  .fs-xs-94 {
    font-size: 94px;
  }
  .fs-xs-94--force {
    font-size: 94px !important;
  }
  .fs-xs-95 {
    font-size: 95px;
  }
  .fs-xs-95--force {
    font-size: 95px !important;
  }
  .fs-xs-96 {
    font-size: 96px;
  }
  .fs-xs-96--force {
    font-size: 96px !important;
  }
}
@media screen and (min-width: 640px) {
  .fs-sm-0 {
    font-size: 0px;
  }
  .fs-sm-0--force {
    font-size: 0px !important;
  }
  .fs-sm-1 {
    font-size: 1px;
  }
  .fs-sm-1--force {
    font-size: 1px !important;
  }
  .fs-sm-2 {
    font-size: 2px;
  }
  .fs-sm-2--force {
    font-size: 2px !important;
  }
  .fs-sm-3 {
    font-size: 3px;
  }
  .fs-sm-3--force {
    font-size: 3px !important;
  }
  .fs-sm-4 {
    font-size: 4px;
  }
  .fs-sm-4--force {
    font-size: 4px !important;
  }
  .fs-sm-5 {
    font-size: 5px;
  }
  .fs-sm-5--force {
    font-size: 5px !important;
  }
  .fs-sm-6 {
    font-size: 6px;
  }
  .fs-sm-6--force {
    font-size: 6px !important;
  }
  .fs-sm-7 {
    font-size: 7px;
  }
  .fs-sm-7--force {
    font-size: 7px !important;
  }
  .fs-sm-8 {
    font-size: 8px;
  }
  .fs-sm-8--force {
    font-size: 8px !important;
  }
  .fs-sm-9 {
    font-size: 9px;
  }
  .fs-sm-9--force {
    font-size: 9px !important;
  }
  .fs-sm-10 {
    font-size: var(--matcha-font-size-2xs, 10px);
  }
  .fs-sm-10--force {
    font-size: var(--matcha-font-size-2xs, 10px) !important;
  }
  .fs-sm-11 {
    font-size: 11px;
  }
  .fs-sm-11--force {
    font-size: 11px !important;
  }
  .fs-sm-12 {
    font-size: var(--matcha-font-size-xs, 12px);
  }
  .fs-sm-12--force {
    font-size: var(--matcha-font-size-xs, 12px) !important;
  }
  .fs-sm-13 {
    font-size: 13px;
  }
  .fs-sm-13--force {
    font-size: 13px !important;
  }
  .fs-sm-14 {
    font-size: var(--matcha-font-size-sm, 14px);
  }
  .fs-sm-14--force {
    font-size: var(--matcha-font-size-sm, 14px) !important;
  }
  .fs-sm-15 {
    font-size: 15px;
  }
  .fs-sm-15--force {
    font-size: 15px !important;
  }
  .fs-sm-16 {
    font-size: var(--matcha-font-size-md, 16px);
  }
  .fs-sm-16--force {
    font-size: var(--matcha-font-size-md, 16px) !important;
  }
  .fs-sm-17 {
    font-size: 17px;
  }
  .fs-sm-17--force {
    font-size: 17px !important;
  }
  .fs-sm-18 {
    font-size: var(--matcha-font-size-lg, 18px);
  }
  .fs-sm-18--force {
    font-size: var(--matcha-font-size-lg, 18px) !important;
  }
  .fs-sm-19 {
    font-size: 19px;
  }
  .fs-sm-19--force {
    font-size: 19px !important;
  }
  .fs-sm-20 {
    font-size: var(--matcha-font-size-xl, 20px);
  }
  .fs-sm-20--force {
    font-size: var(--matcha-font-size-xl, 20px) !important;
  }
  .fs-sm-21 {
    font-size: 21px;
  }
  .fs-sm-21--force {
    font-size: 21px !important;
  }
  .fs-sm-22 {
    font-size: 22px;
  }
  .fs-sm-22--force {
    font-size: 22px !important;
  }
  .fs-sm-23 {
    font-size: 23px;
  }
  .fs-sm-23--force {
    font-size: 23px !important;
  }
  .fs-sm-24 {
    font-size: var(--matcha-font-size-2xl, 24px);
  }
  .fs-sm-24--force {
    font-size: var(--matcha-font-size-2xl, 24px) !important;
  }
  .fs-sm-25 {
    font-size: 25px;
  }
  .fs-sm-25--force {
    font-size: 25px !important;
  }
  .fs-sm-26 {
    font-size: 26px;
  }
  .fs-sm-26--force {
    font-size: 26px !important;
  }
  .fs-sm-27 {
    font-size: 27px;
  }
  .fs-sm-27--force {
    font-size: 27px !important;
  }
  .fs-sm-28 {
    font-size: 28px;
  }
  .fs-sm-28--force {
    font-size: 28px !important;
  }
  .fs-sm-29 {
    font-size: 29px;
  }
  .fs-sm-29--force {
    font-size: 29px !important;
  }
  .fs-sm-30 {
    font-size: 30px;
  }
  .fs-sm-30--force {
    font-size: 30px !important;
  }
  .fs-sm-31 {
    font-size: 31px;
  }
  .fs-sm-31--force {
    font-size: 31px !important;
  }
  .fs-sm-32 {
    font-size: var(--matcha-font-size-3xl, 32px);
  }
  .fs-sm-32--force {
    font-size: var(--matcha-font-size-3xl, 32px) !important;
  }
  .fs-sm-33 {
    font-size: 33px;
  }
  .fs-sm-33--force {
    font-size: 33px !important;
  }
  .fs-sm-34 {
    font-size: 34px;
  }
  .fs-sm-34--force {
    font-size: 34px !important;
  }
  .fs-sm-35 {
    font-size: 35px;
  }
  .fs-sm-35--force {
    font-size: 35px !important;
  }
  .fs-sm-36 {
    font-size: 36px;
  }
  .fs-sm-36--force {
    font-size: 36px !important;
  }
  .fs-sm-37 {
    font-size: 37px;
  }
  .fs-sm-37--force {
    font-size: 37px !important;
  }
  .fs-sm-38 {
    font-size: 38px;
  }
  .fs-sm-38--force {
    font-size: 38px !important;
  }
  .fs-sm-39 {
    font-size: 39px;
  }
  .fs-sm-39--force {
    font-size: 39px !important;
  }
  .fs-sm-40 {
    font-size: 40px;
  }
  .fs-sm-40--force {
    font-size: 40px !important;
  }
  .fs-sm-41 {
    font-size: 41px;
  }
  .fs-sm-41--force {
    font-size: 41px !important;
  }
  .fs-sm-42 {
    font-size: 42px;
  }
  .fs-sm-42--force {
    font-size: 42px !important;
  }
  .fs-sm-43 {
    font-size: 43px;
  }
  .fs-sm-43--force {
    font-size: 43px !important;
  }
  .fs-sm-44 {
    font-size: 44px;
  }
  .fs-sm-44--force {
    font-size: 44px !important;
  }
  .fs-sm-45 {
    font-size: 45px;
  }
  .fs-sm-45--force {
    font-size: 45px !important;
  }
  .fs-sm-46 {
    font-size: 46px;
  }
  .fs-sm-46--force {
    font-size: 46px !important;
  }
  .fs-sm-47 {
    font-size: 47px;
  }
  .fs-sm-47--force {
    font-size: 47px !important;
  }
  .fs-sm-48 {
    font-size: 48px;
  }
  .fs-sm-48--force {
    font-size: 48px !important;
  }
  .fs-sm-49 {
    font-size: 49px;
  }
  .fs-sm-49--force {
    font-size: 49px !important;
  }
  .fs-sm-50 {
    font-size: 50px;
  }
  .fs-sm-50--force {
    font-size: 50px !important;
  }
  .fs-sm-51 {
    font-size: 51px;
  }
  .fs-sm-51--force {
    font-size: 51px !important;
  }
  .fs-sm-52 {
    font-size: 52px;
  }
  .fs-sm-52--force {
    font-size: 52px !important;
  }
  .fs-sm-53 {
    font-size: 53px;
  }
  .fs-sm-53--force {
    font-size: 53px !important;
  }
  .fs-sm-54 {
    font-size: 54px;
  }
  .fs-sm-54--force {
    font-size: 54px !important;
  }
  .fs-sm-55 {
    font-size: 55px;
  }
  .fs-sm-55--force {
    font-size: 55px !important;
  }
  .fs-sm-56 {
    font-size: 56px;
  }
  .fs-sm-56--force {
    font-size: 56px !important;
  }
  .fs-sm-57 {
    font-size: 57px;
  }
  .fs-sm-57--force {
    font-size: 57px !important;
  }
  .fs-sm-58 {
    font-size: 58px;
  }
  .fs-sm-58--force {
    font-size: 58px !important;
  }
  .fs-sm-59 {
    font-size: 59px;
  }
  .fs-sm-59--force {
    font-size: 59px !important;
  }
  .fs-sm-60 {
    font-size: 60px;
  }
  .fs-sm-60--force {
    font-size: 60px !important;
  }
  .fs-sm-61 {
    font-size: 61px;
  }
  .fs-sm-61--force {
    font-size: 61px !important;
  }
  .fs-sm-62 {
    font-size: 62px;
  }
  .fs-sm-62--force {
    font-size: 62px !important;
  }
  .fs-sm-63 {
    font-size: 63px;
  }
  .fs-sm-63--force {
    font-size: 63px !important;
  }
  .fs-sm-64 {
    font-size: 64px;
  }
  .fs-sm-64--force {
    font-size: 64px !important;
  }
  .fs-sm-65 {
    font-size: 65px;
  }
  .fs-sm-65--force {
    font-size: 65px !important;
  }
  .fs-sm-66 {
    font-size: 66px;
  }
  .fs-sm-66--force {
    font-size: 66px !important;
  }
  .fs-sm-67 {
    font-size: 67px;
  }
  .fs-sm-67--force {
    font-size: 67px !important;
  }
  .fs-sm-68 {
    font-size: 68px;
  }
  .fs-sm-68--force {
    font-size: 68px !important;
  }
  .fs-sm-69 {
    font-size: 69px;
  }
  .fs-sm-69--force {
    font-size: 69px !important;
  }
  .fs-sm-70 {
    font-size: 70px;
  }
  .fs-sm-70--force {
    font-size: 70px !important;
  }
  .fs-sm-71 {
    font-size: 71px;
  }
  .fs-sm-71--force {
    font-size: 71px !important;
  }
  .fs-sm-72 {
    font-size: 72px;
  }
  .fs-sm-72--force {
    font-size: 72px !important;
  }
  .fs-sm-73 {
    font-size: 73px;
  }
  .fs-sm-73--force {
    font-size: 73px !important;
  }
  .fs-sm-74 {
    font-size: 74px;
  }
  .fs-sm-74--force {
    font-size: 74px !important;
  }
  .fs-sm-75 {
    font-size: 75px;
  }
  .fs-sm-75--force {
    font-size: 75px !important;
  }
  .fs-sm-76 {
    font-size: 76px;
  }
  .fs-sm-76--force {
    font-size: 76px !important;
  }
  .fs-sm-77 {
    font-size: 77px;
  }
  .fs-sm-77--force {
    font-size: 77px !important;
  }
  .fs-sm-78 {
    font-size: 78px;
  }
  .fs-sm-78--force {
    font-size: 78px !important;
  }
  .fs-sm-79 {
    font-size: 79px;
  }
  .fs-sm-79--force {
    font-size: 79px !important;
  }
  .fs-sm-80 {
    font-size: 80px;
  }
  .fs-sm-80--force {
    font-size: 80px !important;
  }
  .fs-sm-81 {
    font-size: 81px;
  }
  .fs-sm-81--force {
    font-size: 81px !important;
  }
  .fs-sm-82 {
    font-size: 82px;
  }
  .fs-sm-82--force {
    font-size: 82px !important;
  }
  .fs-sm-83 {
    font-size: 83px;
  }
  .fs-sm-83--force {
    font-size: 83px !important;
  }
  .fs-sm-84 {
    font-size: 84px;
  }
  .fs-sm-84--force {
    font-size: 84px !important;
  }
  .fs-sm-85 {
    font-size: 85px;
  }
  .fs-sm-85--force {
    font-size: 85px !important;
  }
  .fs-sm-86 {
    font-size: 86px;
  }
  .fs-sm-86--force {
    font-size: 86px !important;
  }
  .fs-sm-87 {
    font-size: 87px;
  }
  .fs-sm-87--force {
    font-size: 87px !important;
  }
  .fs-sm-88 {
    font-size: 88px;
  }
  .fs-sm-88--force {
    font-size: 88px !important;
  }
  .fs-sm-89 {
    font-size: 89px;
  }
  .fs-sm-89--force {
    font-size: 89px !important;
  }
  .fs-sm-90 {
    font-size: 90px;
  }
  .fs-sm-90--force {
    font-size: 90px !important;
  }
  .fs-sm-91 {
    font-size: 91px;
  }
  .fs-sm-91--force {
    font-size: 91px !important;
  }
  .fs-sm-92 {
    font-size: 92px;
  }
  .fs-sm-92--force {
    font-size: 92px !important;
  }
  .fs-sm-93 {
    font-size: 93px;
  }
  .fs-sm-93--force {
    font-size: 93px !important;
  }
  .fs-sm-94 {
    font-size: 94px;
  }
  .fs-sm-94--force {
    font-size: 94px !important;
  }
  .fs-sm-95 {
    font-size: 95px;
  }
  .fs-sm-95--force {
    font-size: 95px !important;
  }
  .fs-sm-96 {
    font-size: 96px;
  }
  .fs-sm-96--force {
    font-size: 96px !important;
  }
}
@media screen and (min-width: 1024px) {
  .fs-md-0 {
    font-size: 0px;
  }
  .fs-md-0--force {
    font-size: 0px !important;
  }
  .fs-md-1 {
    font-size: 1px;
  }
  .fs-md-1--force {
    font-size: 1px !important;
  }
  .fs-md-2 {
    font-size: 2px;
  }
  .fs-md-2--force {
    font-size: 2px !important;
  }
  .fs-md-3 {
    font-size: 3px;
  }
  .fs-md-3--force {
    font-size: 3px !important;
  }
  .fs-md-4 {
    font-size: 4px;
  }
  .fs-md-4--force {
    font-size: 4px !important;
  }
  .fs-md-5 {
    font-size: 5px;
  }
  .fs-md-5--force {
    font-size: 5px !important;
  }
  .fs-md-6 {
    font-size: 6px;
  }
  .fs-md-6--force {
    font-size: 6px !important;
  }
  .fs-md-7 {
    font-size: 7px;
  }
  .fs-md-7--force {
    font-size: 7px !important;
  }
  .fs-md-8 {
    font-size: 8px;
  }
  .fs-md-8--force {
    font-size: 8px !important;
  }
  .fs-md-9 {
    font-size: 9px;
  }
  .fs-md-9--force {
    font-size: 9px !important;
  }
  .fs-md-10 {
    font-size: var(--matcha-font-size-2xs, 10px);
  }
  .fs-md-10--force {
    font-size: var(--matcha-font-size-2xs, 10px) !important;
  }
  .fs-md-11 {
    font-size: 11px;
  }
  .fs-md-11--force {
    font-size: 11px !important;
  }
  .fs-md-12 {
    font-size: var(--matcha-font-size-xs, 12px);
  }
  .fs-md-12--force {
    font-size: var(--matcha-font-size-xs, 12px) !important;
  }
  .fs-md-13 {
    font-size: 13px;
  }
  .fs-md-13--force {
    font-size: 13px !important;
  }
  .fs-md-14 {
    font-size: var(--matcha-font-size-sm, 14px);
  }
  .fs-md-14--force {
    font-size: var(--matcha-font-size-sm, 14px) !important;
  }
  .fs-md-15 {
    font-size: 15px;
  }
  .fs-md-15--force {
    font-size: 15px !important;
  }
  .fs-md-16 {
    font-size: var(--matcha-font-size-md, 16px);
  }
  .fs-md-16--force {
    font-size: var(--matcha-font-size-md, 16px) !important;
  }
  .fs-md-17 {
    font-size: 17px;
  }
  .fs-md-17--force {
    font-size: 17px !important;
  }
  .fs-md-18 {
    font-size: var(--matcha-font-size-lg, 18px);
  }
  .fs-md-18--force {
    font-size: var(--matcha-font-size-lg, 18px) !important;
  }
  .fs-md-19 {
    font-size: 19px;
  }
  .fs-md-19--force {
    font-size: 19px !important;
  }
  .fs-md-20 {
    font-size: var(--matcha-font-size-xl, 20px);
  }
  .fs-md-20--force {
    font-size: var(--matcha-font-size-xl, 20px) !important;
  }
  .fs-md-21 {
    font-size: 21px;
  }
  .fs-md-21--force {
    font-size: 21px !important;
  }
  .fs-md-22 {
    font-size: 22px;
  }
  .fs-md-22--force {
    font-size: 22px !important;
  }
  .fs-md-23 {
    font-size: 23px;
  }
  .fs-md-23--force {
    font-size: 23px !important;
  }
  .fs-md-24 {
    font-size: var(--matcha-font-size-2xl, 24px);
  }
  .fs-md-24--force {
    font-size: var(--matcha-font-size-2xl, 24px) !important;
  }
  .fs-md-25 {
    font-size: 25px;
  }
  .fs-md-25--force {
    font-size: 25px !important;
  }
  .fs-md-26 {
    font-size: 26px;
  }
  .fs-md-26--force {
    font-size: 26px !important;
  }
  .fs-md-27 {
    font-size: 27px;
  }
  .fs-md-27--force {
    font-size: 27px !important;
  }
  .fs-md-28 {
    font-size: 28px;
  }
  .fs-md-28--force {
    font-size: 28px !important;
  }
  .fs-md-29 {
    font-size: 29px;
  }
  .fs-md-29--force {
    font-size: 29px !important;
  }
  .fs-md-30 {
    font-size: 30px;
  }
  .fs-md-30--force {
    font-size: 30px !important;
  }
  .fs-md-31 {
    font-size: 31px;
  }
  .fs-md-31--force {
    font-size: 31px !important;
  }
  .fs-md-32 {
    font-size: var(--matcha-font-size-3xl, 32px);
  }
  .fs-md-32--force {
    font-size: var(--matcha-font-size-3xl, 32px) !important;
  }
  .fs-md-33 {
    font-size: 33px;
  }
  .fs-md-33--force {
    font-size: 33px !important;
  }
  .fs-md-34 {
    font-size: 34px;
  }
  .fs-md-34--force {
    font-size: 34px !important;
  }
  .fs-md-35 {
    font-size: 35px;
  }
  .fs-md-35--force {
    font-size: 35px !important;
  }
  .fs-md-36 {
    font-size: 36px;
  }
  .fs-md-36--force {
    font-size: 36px !important;
  }
  .fs-md-37 {
    font-size: 37px;
  }
  .fs-md-37--force {
    font-size: 37px !important;
  }
  .fs-md-38 {
    font-size: 38px;
  }
  .fs-md-38--force {
    font-size: 38px !important;
  }
  .fs-md-39 {
    font-size: 39px;
  }
  .fs-md-39--force {
    font-size: 39px !important;
  }
  .fs-md-40 {
    font-size: 40px;
  }
  .fs-md-40--force {
    font-size: 40px !important;
  }
  .fs-md-41 {
    font-size: 41px;
  }
  .fs-md-41--force {
    font-size: 41px !important;
  }
  .fs-md-42 {
    font-size: 42px;
  }
  .fs-md-42--force {
    font-size: 42px !important;
  }
  .fs-md-43 {
    font-size: 43px;
  }
  .fs-md-43--force {
    font-size: 43px !important;
  }
  .fs-md-44 {
    font-size: 44px;
  }
  .fs-md-44--force {
    font-size: 44px !important;
  }
  .fs-md-45 {
    font-size: 45px;
  }
  .fs-md-45--force {
    font-size: 45px !important;
  }
  .fs-md-46 {
    font-size: 46px;
  }
  .fs-md-46--force {
    font-size: 46px !important;
  }
  .fs-md-47 {
    font-size: 47px;
  }
  .fs-md-47--force {
    font-size: 47px !important;
  }
  .fs-md-48 {
    font-size: 48px;
  }
  .fs-md-48--force {
    font-size: 48px !important;
  }
  .fs-md-49 {
    font-size: 49px;
  }
  .fs-md-49--force {
    font-size: 49px !important;
  }
  .fs-md-50 {
    font-size: 50px;
  }
  .fs-md-50--force {
    font-size: 50px !important;
  }
  .fs-md-51 {
    font-size: 51px;
  }
  .fs-md-51--force {
    font-size: 51px !important;
  }
  .fs-md-52 {
    font-size: 52px;
  }
  .fs-md-52--force {
    font-size: 52px !important;
  }
  .fs-md-53 {
    font-size: 53px;
  }
  .fs-md-53--force {
    font-size: 53px !important;
  }
  .fs-md-54 {
    font-size: 54px;
  }
  .fs-md-54--force {
    font-size: 54px !important;
  }
  .fs-md-55 {
    font-size: 55px;
  }
  .fs-md-55--force {
    font-size: 55px !important;
  }
  .fs-md-56 {
    font-size: 56px;
  }
  .fs-md-56--force {
    font-size: 56px !important;
  }
  .fs-md-57 {
    font-size: 57px;
  }
  .fs-md-57--force {
    font-size: 57px !important;
  }
  .fs-md-58 {
    font-size: 58px;
  }
  .fs-md-58--force {
    font-size: 58px !important;
  }
  .fs-md-59 {
    font-size: 59px;
  }
  .fs-md-59--force {
    font-size: 59px !important;
  }
  .fs-md-60 {
    font-size: 60px;
  }
  .fs-md-60--force {
    font-size: 60px !important;
  }
  .fs-md-61 {
    font-size: 61px;
  }
  .fs-md-61--force {
    font-size: 61px !important;
  }
  .fs-md-62 {
    font-size: 62px;
  }
  .fs-md-62--force {
    font-size: 62px !important;
  }
  .fs-md-63 {
    font-size: 63px;
  }
  .fs-md-63--force {
    font-size: 63px !important;
  }
  .fs-md-64 {
    font-size: 64px;
  }
  .fs-md-64--force {
    font-size: 64px !important;
  }
  .fs-md-65 {
    font-size: 65px;
  }
  .fs-md-65--force {
    font-size: 65px !important;
  }
  .fs-md-66 {
    font-size: 66px;
  }
  .fs-md-66--force {
    font-size: 66px !important;
  }
  .fs-md-67 {
    font-size: 67px;
  }
  .fs-md-67--force {
    font-size: 67px !important;
  }
  .fs-md-68 {
    font-size: 68px;
  }
  .fs-md-68--force {
    font-size: 68px !important;
  }
  .fs-md-69 {
    font-size: 69px;
  }
  .fs-md-69--force {
    font-size: 69px !important;
  }
  .fs-md-70 {
    font-size: 70px;
  }
  .fs-md-70--force {
    font-size: 70px !important;
  }
  .fs-md-71 {
    font-size: 71px;
  }
  .fs-md-71--force {
    font-size: 71px !important;
  }
  .fs-md-72 {
    font-size: 72px;
  }
  .fs-md-72--force {
    font-size: 72px !important;
  }
  .fs-md-73 {
    font-size: 73px;
  }
  .fs-md-73--force {
    font-size: 73px !important;
  }
  .fs-md-74 {
    font-size: 74px;
  }
  .fs-md-74--force {
    font-size: 74px !important;
  }
  .fs-md-75 {
    font-size: 75px;
  }
  .fs-md-75--force {
    font-size: 75px !important;
  }
  .fs-md-76 {
    font-size: 76px;
  }
  .fs-md-76--force {
    font-size: 76px !important;
  }
  .fs-md-77 {
    font-size: 77px;
  }
  .fs-md-77--force {
    font-size: 77px !important;
  }
  .fs-md-78 {
    font-size: 78px;
  }
  .fs-md-78--force {
    font-size: 78px !important;
  }
  .fs-md-79 {
    font-size: 79px;
  }
  .fs-md-79--force {
    font-size: 79px !important;
  }
  .fs-md-80 {
    font-size: 80px;
  }
  .fs-md-80--force {
    font-size: 80px !important;
  }
  .fs-md-81 {
    font-size: 81px;
  }
  .fs-md-81--force {
    font-size: 81px !important;
  }
  .fs-md-82 {
    font-size: 82px;
  }
  .fs-md-82--force {
    font-size: 82px !important;
  }
  .fs-md-83 {
    font-size: 83px;
  }
  .fs-md-83--force {
    font-size: 83px !important;
  }
  .fs-md-84 {
    font-size: 84px;
  }
  .fs-md-84--force {
    font-size: 84px !important;
  }
  .fs-md-85 {
    font-size: 85px;
  }
  .fs-md-85--force {
    font-size: 85px !important;
  }
  .fs-md-86 {
    font-size: 86px;
  }
  .fs-md-86--force {
    font-size: 86px !important;
  }
  .fs-md-87 {
    font-size: 87px;
  }
  .fs-md-87--force {
    font-size: 87px !important;
  }
  .fs-md-88 {
    font-size: 88px;
  }
  .fs-md-88--force {
    font-size: 88px !important;
  }
  .fs-md-89 {
    font-size: 89px;
  }
  .fs-md-89--force {
    font-size: 89px !important;
  }
  .fs-md-90 {
    font-size: 90px;
  }
  .fs-md-90--force {
    font-size: 90px !important;
  }
  .fs-md-91 {
    font-size: 91px;
  }
  .fs-md-91--force {
    font-size: 91px !important;
  }
  .fs-md-92 {
    font-size: 92px;
  }
  .fs-md-92--force {
    font-size: 92px !important;
  }
  .fs-md-93 {
    font-size: 93px;
  }
  .fs-md-93--force {
    font-size: 93px !important;
  }
  .fs-md-94 {
    font-size: 94px;
  }
  .fs-md-94--force {
    font-size: 94px !important;
  }
  .fs-md-95 {
    font-size: 95px;
  }
  .fs-md-95--force {
    font-size: 95px !important;
  }
  .fs-md-96 {
    font-size: 96px;
  }
  .fs-md-96--force {
    font-size: 96px !important;
  }
}
@media screen and (min-width: 1280px) {
  .fs-lg-0 {
    font-size: 0px;
  }
  .fs-lg-0--force {
    font-size: 0px !important;
  }
  .fs-lg-1 {
    font-size: 1px;
  }
  .fs-lg-1--force {
    font-size: 1px !important;
  }
  .fs-lg-2 {
    font-size: 2px;
  }
  .fs-lg-2--force {
    font-size: 2px !important;
  }
  .fs-lg-3 {
    font-size: 3px;
  }
  .fs-lg-3--force {
    font-size: 3px !important;
  }
  .fs-lg-4 {
    font-size: 4px;
  }
  .fs-lg-4--force {
    font-size: 4px !important;
  }
  .fs-lg-5 {
    font-size: 5px;
  }
  .fs-lg-5--force {
    font-size: 5px !important;
  }
  .fs-lg-6 {
    font-size: 6px;
  }
  .fs-lg-6--force {
    font-size: 6px !important;
  }
  .fs-lg-7 {
    font-size: 7px;
  }
  .fs-lg-7--force {
    font-size: 7px !important;
  }
  .fs-lg-8 {
    font-size: 8px;
  }
  .fs-lg-8--force {
    font-size: 8px !important;
  }
  .fs-lg-9 {
    font-size: 9px;
  }
  .fs-lg-9--force {
    font-size: 9px !important;
  }
  .fs-lg-10 {
    font-size: var(--matcha-font-size-2xs, 10px);
  }
  .fs-lg-10--force {
    font-size: var(--matcha-font-size-2xs, 10px) !important;
  }
  .fs-lg-11 {
    font-size: 11px;
  }
  .fs-lg-11--force {
    font-size: 11px !important;
  }
  .fs-lg-12 {
    font-size: var(--matcha-font-size-xs, 12px);
  }
  .fs-lg-12--force {
    font-size: var(--matcha-font-size-xs, 12px) !important;
  }
  .fs-lg-13 {
    font-size: 13px;
  }
  .fs-lg-13--force {
    font-size: 13px !important;
  }
  .fs-lg-14 {
    font-size: var(--matcha-font-size-sm, 14px);
  }
  .fs-lg-14--force {
    font-size: var(--matcha-font-size-sm, 14px) !important;
  }
  .fs-lg-15 {
    font-size: 15px;
  }
  .fs-lg-15--force {
    font-size: 15px !important;
  }
  .fs-lg-16 {
    font-size: var(--matcha-font-size-md, 16px);
  }
  .fs-lg-16--force {
    font-size: var(--matcha-font-size-md, 16px) !important;
  }
  .fs-lg-17 {
    font-size: 17px;
  }
  .fs-lg-17--force {
    font-size: 17px !important;
  }
  .fs-lg-18 {
    font-size: var(--matcha-font-size-lg, 18px);
  }
  .fs-lg-18--force {
    font-size: var(--matcha-font-size-lg, 18px) !important;
  }
  .fs-lg-19 {
    font-size: 19px;
  }
  .fs-lg-19--force {
    font-size: 19px !important;
  }
  .fs-lg-20 {
    font-size: var(--matcha-font-size-xl, 20px);
  }
  .fs-lg-20--force {
    font-size: var(--matcha-font-size-xl, 20px) !important;
  }
  .fs-lg-21 {
    font-size: 21px;
  }
  .fs-lg-21--force {
    font-size: 21px !important;
  }
  .fs-lg-22 {
    font-size: 22px;
  }
  .fs-lg-22--force {
    font-size: 22px !important;
  }
  .fs-lg-23 {
    font-size: 23px;
  }
  .fs-lg-23--force {
    font-size: 23px !important;
  }
  .fs-lg-24 {
    font-size: var(--matcha-font-size-2xl, 24px);
  }
  .fs-lg-24--force {
    font-size: var(--matcha-font-size-2xl, 24px) !important;
  }
  .fs-lg-25 {
    font-size: 25px;
  }
  .fs-lg-25--force {
    font-size: 25px !important;
  }
  .fs-lg-26 {
    font-size: 26px;
  }
  .fs-lg-26--force {
    font-size: 26px !important;
  }
  .fs-lg-27 {
    font-size: 27px;
  }
  .fs-lg-27--force {
    font-size: 27px !important;
  }
  .fs-lg-28 {
    font-size: 28px;
  }
  .fs-lg-28--force {
    font-size: 28px !important;
  }
  .fs-lg-29 {
    font-size: 29px;
  }
  .fs-lg-29--force {
    font-size: 29px !important;
  }
  .fs-lg-30 {
    font-size: 30px;
  }
  .fs-lg-30--force {
    font-size: 30px !important;
  }
  .fs-lg-31 {
    font-size: 31px;
  }
  .fs-lg-31--force {
    font-size: 31px !important;
  }
  .fs-lg-32 {
    font-size: var(--matcha-font-size-3xl, 32px);
  }
  .fs-lg-32--force {
    font-size: var(--matcha-font-size-3xl, 32px) !important;
  }
  .fs-lg-33 {
    font-size: 33px;
  }
  .fs-lg-33--force {
    font-size: 33px !important;
  }
  .fs-lg-34 {
    font-size: 34px;
  }
  .fs-lg-34--force {
    font-size: 34px !important;
  }
  .fs-lg-35 {
    font-size: 35px;
  }
  .fs-lg-35--force {
    font-size: 35px !important;
  }
  .fs-lg-36 {
    font-size: 36px;
  }
  .fs-lg-36--force {
    font-size: 36px !important;
  }
  .fs-lg-37 {
    font-size: 37px;
  }
  .fs-lg-37--force {
    font-size: 37px !important;
  }
  .fs-lg-38 {
    font-size: 38px;
  }
  .fs-lg-38--force {
    font-size: 38px !important;
  }
  .fs-lg-39 {
    font-size: 39px;
  }
  .fs-lg-39--force {
    font-size: 39px !important;
  }
  .fs-lg-40 {
    font-size: 40px;
  }
  .fs-lg-40--force {
    font-size: 40px !important;
  }
  .fs-lg-41 {
    font-size: 41px;
  }
  .fs-lg-41--force {
    font-size: 41px !important;
  }
  .fs-lg-42 {
    font-size: 42px;
  }
  .fs-lg-42--force {
    font-size: 42px !important;
  }
  .fs-lg-43 {
    font-size: 43px;
  }
  .fs-lg-43--force {
    font-size: 43px !important;
  }
  .fs-lg-44 {
    font-size: 44px;
  }
  .fs-lg-44--force {
    font-size: 44px !important;
  }
  .fs-lg-45 {
    font-size: 45px;
  }
  .fs-lg-45--force {
    font-size: 45px !important;
  }
  .fs-lg-46 {
    font-size: 46px;
  }
  .fs-lg-46--force {
    font-size: 46px !important;
  }
  .fs-lg-47 {
    font-size: 47px;
  }
  .fs-lg-47--force {
    font-size: 47px !important;
  }
  .fs-lg-48 {
    font-size: 48px;
  }
  .fs-lg-48--force {
    font-size: 48px !important;
  }
  .fs-lg-49 {
    font-size: 49px;
  }
  .fs-lg-49--force {
    font-size: 49px !important;
  }
  .fs-lg-50 {
    font-size: 50px;
  }
  .fs-lg-50--force {
    font-size: 50px !important;
  }
  .fs-lg-51 {
    font-size: 51px;
  }
  .fs-lg-51--force {
    font-size: 51px !important;
  }
  .fs-lg-52 {
    font-size: 52px;
  }
  .fs-lg-52--force {
    font-size: 52px !important;
  }
  .fs-lg-53 {
    font-size: 53px;
  }
  .fs-lg-53--force {
    font-size: 53px !important;
  }
  .fs-lg-54 {
    font-size: 54px;
  }
  .fs-lg-54--force {
    font-size: 54px !important;
  }
  .fs-lg-55 {
    font-size: 55px;
  }
  .fs-lg-55--force {
    font-size: 55px !important;
  }
  .fs-lg-56 {
    font-size: 56px;
  }
  .fs-lg-56--force {
    font-size: 56px !important;
  }
  .fs-lg-57 {
    font-size: 57px;
  }
  .fs-lg-57--force {
    font-size: 57px !important;
  }
  .fs-lg-58 {
    font-size: 58px;
  }
  .fs-lg-58--force {
    font-size: 58px !important;
  }
  .fs-lg-59 {
    font-size: 59px;
  }
  .fs-lg-59--force {
    font-size: 59px !important;
  }
  .fs-lg-60 {
    font-size: 60px;
  }
  .fs-lg-60--force {
    font-size: 60px !important;
  }
  .fs-lg-61 {
    font-size: 61px;
  }
  .fs-lg-61--force {
    font-size: 61px !important;
  }
  .fs-lg-62 {
    font-size: 62px;
  }
  .fs-lg-62--force {
    font-size: 62px !important;
  }
  .fs-lg-63 {
    font-size: 63px;
  }
  .fs-lg-63--force {
    font-size: 63px !important;
  }
  .fs-lg-64 {
    font-size: 64px;
  }
  .fs-lg-64--force {
    font-size: 64px !important;
  }
  .fs-lg-65 {
    font-size: 65px;
  }
  .fs-lg-65--force {
    font-size: 65px !important;
  }
  .fs-lg-66 {
    font-size: 66px;
  }
  .fs-lg-66--force {
    font-size: 66px !important;
  }
  .fs-lg-67 {
    font-size: 67px;
  }
  .fs-lg-67--force {
    font-size: 67px !important;
  }
  .fs-lg-68 {
    font-size: 68px;
  }
  .fs-lg-68--force {
    font-size: 68px !important;
  }
  .fs-lg-69 {
    font-size: 69px;
  }
  .fs-lg-69--force {
    font-size: 69px !important;
  }
  .fs-lg-70 {
    font-size: 70px;
  }
  .fs-lg-70--force {
    font-size: 70px !important;
  }
  .fs-lg-71 {
    font-size: 71px;
  }
  .fs-lg-71--force {
    font-size: 71px !important;
  }
  .fs-lg-72 {
    font-size: 72px;
  }
  .fs-lg-72--force {
    font-size: 72px !important;
  }
  .fs-lg-73 {
    font-size: 73px;
  }
  .fs-lg-73--force {
    font-size: 73px !important;
  }
  .fs-lg-74 {
    font-size: 74px;
  }
  .fs-lg-74--force {
    font-size: 74px !important;
  }
  .fs-lg-75 {
    font-size: 75px;
  }
  .fs-lg-75--force {
    font-size: 75px !important;
  }
  .fs-lg-76 {
    font-size: 76px;
  }
  .fs-lg-76--force {
    font-size: 76px !important;
  }
  .fs-lg-77 {
    font-size: 77px;
  }
  .fs-lg-77--force {
    font-size: 77px !important;
  }
  .fs-lg-78 {
    font-size: 78px;
  }
  .fs-lg-78--force {
    font-size: 78px !important;
  }
  .fs-lg-79 {
    font-size: 79px;
  }
  .fs-lg-79--force {
    font-size: 79px !important;
  }
  .fs-lg-80 {
    font-size: 80px;
  }
  .fs-lg-80--force {
    font-size: 80px !important;
  }
  .fs-lg-81 {
    font-size: 81px;
  }
  .fs-lg-81--force {
    font-size: 81px !important;
  }
  .fs-lg-82 {
    font-size: 82px;
  }
  .fs-lg-82--force {
    font-size: 82px !important;
  }
  .fs-lg-83 {
    font-size: 83px;
  }
  .fs-lg-83--force {
    font-size: 83px !important;
  }
  .fs-lg-84 {
    font-size: 84px;
  }
  .fs-lg-84--force {
    font-size: 84px !important;
  }
  .fs-lg-85 {
    font-size: 85px;
  }
  .fs-lg-85--force {
    font-size: 85px !important;
  }
  .fs-lg-86 {
    font-size: 86px;
  }
  .fs-lg-86--force {
    font-size: 86px !important;
  }
  .fs-lg-87 {
    font-size: 87px;
  }
  .fs-lg-87--force {
    font-size: 87px !important;
  }
  .fs-lg-88 {
    font-size: 88px;
  }
  .fs-lg-88--force {
    font-size: 88px !important;
  }
  .fs-lg-89 {
    font-size: 89px;
  }
  .fs-lg-89--force {
    font-size: 89px !important;
  }
  .fs-lg-90 {
    font-size: 90px;
  }
  .fs-lg-90--force {
    font-size: 90px !important;
  }
  .fs-lg-91 {
    font-size: 91px;
  }
  .fs-lg-91--force {
    font-size: 91px !important;
  }
  .fs-lg-92 {
    font-size: 92px;
  }
  .fs-lg-92--force {
    font-size: 92px !important;
  }
  .fs-lg-93 {
    font-size: 93px;
  }
  .fs-lg-93--force {
    font-size: 93px !important;
  }
  .fs-lg-94 {
    font-size: 94px;
  }
  .fs-lg-94--force {
    font-size: 94px !important;
  }
  .fs-lg-95 {
    font-size: 95px;
  }
  .fs-lg-95--force {
    font-size: 95px !important;
  }
  .fs-lg-96 {
    font-size: 96px;
  }
  .fs-lg-96--force {
    font-size: 96px !important;
  }
}
@media screen and (min-width: 1536px) {
  .fs-xl-0 {
    font-size: 0px;
  }
  .fs-xl-0--force {
    font-size: 0px !important;
  }
  .fs-xl-1 {
    font-size: 1px;
  }
  .fs-xl-1--force {
    font-size: 1px !important;
  }
  .fs-xl-2 {
    font-size: 2px;
  }
  .fs-xl-2--force {
    font-size: 2px !important;
  }
  .fs-xl-3 {
    font-size: 3px;
  }
  .fs-xl-3--force {
    font-size: 3px !important;
  }
  .fs-xl-4 {
    font-size: 4px;
  }
  .fs-xl-4--force {
    font-size: 4px !important;
  }
  .fs-xl-5 {
    font-size: 5px;
  }
  .fs-xl-5--force {
    font-size: 5px !important;
  }
  .fs-xl-6 {
    font-size: 6px;
  }
  .fs-xl-6--force {
    font-size: 6px !important;
  }
  .fs-xl-7 {
    font-size: 7px;
  }
  .fs-xl-7--force {
    font-size: 7px !important;
  }
  .fs-xl-8 {
    font-size: 8px;
  }
  .fs-xl-8--force {
    font-size: 8px !important;
  }
  .fs-xl-9 {
    font-size: 9px;
  }
  .fs-xl-9--force {
    font-size: 9px !important;
  }
  .fs-xl-10 {
    font-size: var(--matcha-font-size-2xs, 10px);
  }
  .fs-xl-10--force {
    font-size: var(--matcha-font-size-2xs, 10px) !important;
  }
  .fs-xl-11 {
    font-size: 11px;
  }
  .fs-xl-11--force {
    font-size: 11px !important;
  }
  .fs-xl-12 {
    font-size: var(--matcha-font-size-xs, 12px);
  }
  .fs-xl-12--force {
    font-size: var(--matcha-font-size-xs, 12px) !important;
  }
  .fs-xl-13 {
    font-size: 13px;
  }
  .fs-xl-13--force {
    font-size: 13px !important;
  }
  .fs-xl-14 {
    font-size: var(--matcha-font-size-sm, 14px);
  }
  .fs-xl-14--force {
    font-size: var(--matcha-font-size-sm, 14px) !important;
  }
  .fs-xl-15 {
    font-size: 15px;
  }
  .fs-xl-15--force {
    font-size: 15px !important;
  }
  .fs-xl-16 {
    font-size: var(--matcha-font-size-md, 16px);
  }
  .fs-xl-16--force {
    font-size: var(--matcha-font-size-md, 16px) !important;
  }
  .fs-xl-17 {
    font-size: 17px;
  }
  .fs-xl-17--force {
    font-size: 17px !important;
  }
  .fs-xl-18 {
    font-size: var(--matcha-font-size-lg, 18px);
  }
  .fs-xl-18--force {
    font-size: var(--matcha-font-size-lg, 18px) !important;
  }
  .fs-xl-19 {
    font-size: 19px;
  }
  .fs-xl-19--force {
    font-size: 19px !important;
  }
  .fs-xl-20 {
    font-size: var(--matcha-font-size-xl, 20px);
  }
  .fs-xl-20--force {
    font-size: var(--matcha-font-size-xl, 20px) !important;
  }
  .fs-xl-21 {
    font-size: 21px;
  }
  .fs-xl-21--force {
    font-size: 21px !important;
  }
  .fs-xl-22 {
    font-size: 22px;
  }
  .fs-xl-22--force {
    font-size: 22px !important;
  }
  .fs-xl-23 {
    font-size: 23px;
  }
  .fs-xl-23--force {
    font-size: 23px !important;
  }
  .fs-xl-24 {
    font-size: var(--matcha-font-size-2xl, 24px);
  }
  .fs-xl-24--force {
    font-size: var(--matcha-font-size-2xl, 24px) !important;
  }
  .fs-xl-25 {
    font-size: 25px;
  }
  .fs-xl-25--force {
    font-size: 25px !important;
  }
  .fs-xl-26 {
    font-size: 26px;
  }
  .fs-xl-26--force {
    font-size: 26px !important;
  }
  .fs-xl-27 {
    font-size: 27px;
  }
  .fs-xl-27--force {
    font-size: 27px !important;
  }
  .fs-xl-28 {
    font-size: 28px;
  }
  .fs-xl-28--force {
    font-size: 28px !important;
  }
  .fs-xl-29 {
    font-size: 29px;
  }
  .fs-xl-29--force {
    font-size: 29px !important;
  }
  .fs-xl-30 {
    font-size: 30px;
  }
  .fs-xl-30--force {
    font-size: 30px !important;
  }
  .fs-xl-31 {
    font-size: 31px;
  }
  .fs-xl-31--force {
    font-size: 31px !important;
  }
  .fs-xl-32 {
    font-size: var(--matcha-font-size-3xl, 32px);
  }
  .fs-xl-32--force {
    font-size: var(--matcha-font-size-3xl, 32px) !important;
  }
  .fs-xl-33 {
    font-size: 33px;
  }
  .fs-xl-33--force {
    font-size: 33px !important;
  }
  .fs-xl-34 {
    font-size: 34px;
  }
  .fs-xl-34--force {
    font-size: 34px !important;
  }
  .fs-xl-35 {
    font-size: 35px;
  }
  .fs-xl-35--force {
    font-size: 35px !important;
  }
  .fs-xl-36 {
    font-size: 36px;
  }
  .fs-xl-36--force {
    font-size: 36px !important;
  }
  .fs-xl-37 {
    font-size: 37px;
  }
  .fs-xl-37--force {
    font-size: 37px !important;
  }
  .fs-xl-38 {
    font-size: 38px;
  }
  .fs-xl-38--force {
    font-size: 38px !important;
  }
  .fs-xl-39 {
    font-size: 39px;
  }
  .fs-xl-39--force {
    font-size: 39px !important;
  }
  .fs-xl-40 {
    font-size: 40px;
  }
  .fs-xl-40--force {
    font-size: 40px !important;
  }
  .fs-xl-41 {
    font-size: 41px;
  }
  .fs-xl-41--force {
    font-size: 41px !important;
  }
  .fs-xl-42 {
    font-size: 42px;
  }
  .fs-xl-42--force {
    font-size: 42px !important;
  }
  .fs-xl-43 {
    font-size: 43px;
  }
  .fs-xl-43--force {
    font-size: 43px !important;
  }
  .fs-xl-44 {
    font-size: 44px;
  }
  .fs-xl-44--force {
    font-size: 44px !important;
  }
  .fs-xl-45 {
    font-size: 45px;
  }
  .fs-xl-45--force {
    font-size: 45px !important;
  }
  .fs-xl-46 {
    font-size: 46px;
  }
  .fs-xl-46--force {
    font-size: 46px !important;
  }
  .fs-xl-47 {
    font-size: 47px;
  }
  .fs-xl-47--force {
    font-size: 47px !important;
  }
  .fs-xl-48 {
    font-size: 48px;
  }
  .fs-xl-48--force {
    font-size: 48px !important;
  }
  .fs-xl-49 {
    font-size: 49px;
  }
  .fs-xl-49--force {
    font-size: 49px !important;
  }
  .fs-xl-50 {
    font-size: 50px;
  }
  .fs-xl-50--force {
    font-size: 50px !important;
  }
  .fs-xl-51 {
    font-size: 51px;
  }
  .fs-xl-51--force {
    font-size: 51px !important;
  }
  .fs-xl-52 {
    font-size: 52px;
  }
  .fs-xl-52--force {
    font-size: 52px !important;
  }
  .fs-xl-53 {
    font-size: 53px;
  }
  .fs-xl-53--force {
    font-size: 53px !important;
  }
  .fs-xl-54 {
    font-size: 54px;
  }
  .fs-xl-54--force {
    font-size: 54px !important;
  }
  .fs-xl-55 {
    font-size: 55px;
  }
  .fs-xl-55--force {
    font-size: 55px !important;
  }
  .fs-xl-56 {
    font-size: 56px;
  }
  .fs-xl-56--force {
    font-size: 56px !important;
  }
  .fs-xl-57 {
    font-size: 57px;
  }
  .fs-xl-57--force {
    font-size: 57px !important;
  }
  .fs-xl-58 {
    font-size: 58px;
  }
  .fs-xl-58--force {
    font-size: 58px !important;
  }
  .fs-xl-59 {
    font-size: 59px;
  }
  .fs-xl-59--force {
    font-size: 59px !important;
  }
  .fs-xl-60 {
    font-size: 60px;
  }
  .fs-xl-60--force {
    font-size: 60px !important;
  }
  .fs-xl-61 {
    font-size: 61px;
  }
  .fs-xl-61--force {
    font-size: 61px !important;
  }
  .fs-xl-62 {
    font-size: 62px;
  }
  .fs-xl-62--force {
    font-size: 62px !important;
  }
  .fs-xl-63 {
    font-size: 63px;
  }
  .fs-xl-63--force {
    font-size: 63px !important;
  }
  .fs-xl-64 {
    font-size: 64px;
  }
  .fs-xl-64--force {
    font-size: 64px !important;
  }
  .fs-xl-65 {
    font-size: 65px;
  }
  .fs-xl-65--force {
    font-size: 65px !important;
  }
  .fs-xl-66 {
    font-size: 66px;
  }
  .fs-xl-66--force {
    font-size: 66px !important;
  }
  .fs-xl-67 {
    font-size: 67px;
  }
  .fs-xl-67--force {
    font-size: 67px !important;
  }
  .fs-xl-68 {
    font-size: 68px;
  }
  .fs-xl-68--force {
    font-size: 68px !important;
  }
  .fs-xl-69 {
    font-size: 69px;
  }
  .fs-xl-69--force {
    font-size: 69px !important;
  }
  .fs-xl-70 {
    font-size: 70px;
  }
  .fs-xl-70--force {
    font-size: 70px !important;
  }
  .fs-xl-71 {
    font-size: 71px;
  }
  .fs-xl-71--force {
    font-size: 71px !important;
  }
  .fs-xl-72 {
    font-size: 72px;
  }
  .fs-xl-72--force {
    font-size: 72px !important;
  }
  .fs-xl-73 {
    font-size: 73px;
  }
  .fs-xl-73--force {
    font-size: 73px !important;
  }
  .fs-xl-74 {
    font-size: 74px;
  }
  .fs-xl-74--force {
    font-size: 74px !important;
  }
  .fs-xl-75 {
    font-size: 75px;
  }
  .fs-xl-75--force {
    font-size: 75px !important;
  }
  .fs-xl-76 {
    font-size: 76px;
  }
  .fs-xl-76--force {
    font-size: 76px !important;
  }
  .fs-xl-77 {
    font-size: 77px;
  }
  .fs-xl-77--force {
    font-size: 77px !important;
  }
  .fs-xl-78 {
    font-size: 78px;
  }
  .fs-xl-78--force {
    font-size: 78px !important;
  }
  .fs-xl-79 {
    font-size: 79px;
  }
  .fs-xl-79--force {
    font-size: 79px !important;
  }
  .fs-xl-80 {
    font-size: 80px;
  }
  .fs-xl-80--force {
    font-size: 80px !important;
  }
  .fs-xl-81 {
    font-size: 81px;
  }
  .fs-xl-81--force {
    font-size: 81px !important;
  }
  .fs-xl-82 {
    font-size: 82px;
  }
  .fs-xl-82--force {
    font-size: 82px !important;
  }
  .fs-xl-83 {
    font-size: 83px;
  }
  .fs-xl-83--force {
    font-size: 83px !important;
  }
  .fs-xl-84 {
    font-size: 84px;
  }
  .fs-xl-84--force {
    font-size: 84px !important;
  }
  .fs-xl-85 {
    font-size: 85px;
  }
  .fs-xl-85--force {
    font-size: 85px !important;
  }
  .fs-xl-86 {
    font-size: 86px;
  }
  .fs-xl-86--force {
    font-size: 86px !important;
  }
  .fs-xl-87 {
    font-size: 87px;
  }
  .fs-xl-87--force {
    font-size: 87px !important;
  }
  .fs-xl-88 {
    font-size: 88px;
  }
  .fs-xl-88--force {
    font-size: 88px !important;
  }
  .fs-xl-89 {
    font-size: 89px;
  }
  .fs-xl-89--force {
    font-size: 89px !important;
  }
  .fs-xl-90 {
    font-size: 90px;
  }
  .fs-xl-90--force {
    font-size: 90px !important;
  }
  .fs-xl-91 {
    font-size: 91px;
  }
  .fs-xl-91--force {
    font-size: 91px !important;
  }
  .fs-xl-92 {
    font-size: 92px;
  }
  .fs-xl-92--force {
    font-size: 92px !important;
  }
  .fs-xl-93 {
    font-size: 93px;
  }
  .fs-xl-93--force {
    font-size: 93px !important;
  }
  .fs-xl-94 {
    font-size: 94px;
  }
  .fs-xl-94--force {
    font-size: 94px !important;
  }
  .fs-xl-95 {
    font-size: 95px;
  }
  .fs-xl-95--force {
    font-size: 95px !important;
  }
  .fs-xl-96 {
    font-size: 96px;
  }
  .fs-xl-96--force {
    font-size: 96px !important;
  }
}
.ls-0 {
  letter-spacing: 0em;
}

.ls-0--force {
  letter-spacing: 0em !important;
}

.ls-1 {
  letter-spacing: 0.1em;
}

.ls-1--force {
  letter-spacing: 0.1em !important;
}

.ls-2 {
  letter-spacing: 0.2em;
}

.ls-2--force {
  letter-spacing: 0.2em !important;
}

.ls-3 {
  letter-spacing: 0.3em;
}

.ls-3--force {
  letter-spacing: 0.3em !important;
}

.ls-4 {
  letter-spacing: 0.4em;
}

.ls-4--force {
  letter-spacing: 0.4em !important;
}

.ls-5 {
  letter-spacing: 0.5em;
}

.ls-5--force {
  letter-spacing: 0.5em !important;
}

.ls-6 {
  letter-spacing: 0.6em;
}

.ls-6--force {
  letter-spacing: 0.6em !important;
}

.ls-7 {
  letter-spacing: 0.7em;
}

.ls-7--force {
  letter-spacing: 0.7em !important;
}

.ls-8 {
  letter-spacing: 0.8em;
}

.ls-8--force {
  letter-spacing: 0.8em !important;
}

.ls-9 {
  letter-spacing: 0.9em;
}

.ls-9--force {
  letter-spacing: 0.9em !important;
}

.ls-10 {
  letter-spacing: 1em;
}

.ls-10--force {
  letter-spacing: 1em !important;
}

.ls-11 {
  letter-spacing: 1.1em;
}

.ls-11--force {
  letter-spacing: 1.1em !important;
}

.ls-12 {
  letter-spacing: 1.2em;
}

.ls-12--force {
  letter-spacing: 1.2em !important;
}

.ls-13 {
  letter-spacing: 1.3em;
}

.ls-13--force {
  letter-spacing: 1.3em !important;
}

.ls-14 {
  letter-spacing: 1.4em;
}

.ls-14--force {
  letter-spacing: 1.4em !important;
}

.ls-15 {
  letter-spacing: 1.5em;
}

.ls-15--force {
  letter-spacing: 1.5em !important;
}

.ls-16 {
  letter-spacing: 1.6em;
}

.ls-16--force {
  letter-spacing: 1.6em !important;
}

.ls-17 {
  letter-spacing: 1.7em;
}

.ls-17--force {
  letter-spacing: 1.7em !important;
}

.ls-18 {
  letter-spacing: 1.8em;
}

.ls-18--force {
  letter-spacing: 1.8em !important;
}

@media screen and (max-width: 639px) {
  .ls-xs-0 {
    letter-spacing: 0em;
  }
  .ls-xs-0--force {
    letter-spacing: 0em !important;
  }
  .ls-xs-1 {
    letter-spacing: 0.1em;
  }
  .ls-xs-1--force {
    letter-spacing: 0.1em !important;
  }
  .ls-xs-2 {
    letter-spacing: 0.2em;
  }
  .ls-xs-2--force {
    letter-spacing: 0.2em !important;
  }
  .ls-xs-3 {
    letter-spacing: 0.3em;
  }
  .ls-xs-3--force {
    letter-spacing: 0.3em !important;
  }
  .ls-xs-4 {
    letter-spacing: 0.4em;
  }
  .ls-xs-4--force {
    letter-spacing: 0.4em !important;
  }
  .ls-xs-5 {
    letter-spacing: 0.5em;
  }
  .ls-xs-5--force {
    letter-spacing: 0.5em !important;
  }
  .ls-xs-6 {
    letter-spacing: 0.6em;
  }
  .ls-xs-6--force {
    letter-spacing: 0.6em !important;
  }
  .ls-xs-7 {
    letter-spacing: 0.7em;
  }
  .ls-xs-7--force {
    letter-spacing: 0.7em !important;
  }
  .ls-xs-8 {
    letter-spacing: 0.8em;
  }
  .ls-xs-8--force {
    letter-spacing: 0.8em !important;
  }
  .ls-xs-9 {
    letter-spacing: 0.9em;
  }
  .ls-xs-9--force {
    letter-spacing: 0.9em !important;
  }
  .ls-xs-10 {
    letter-spacing: 1em;
  }
  .ls-xs-10--force {
    letter-spacing: 1em !important;
  }
  .ls-xs-11 {
    letter-spacing: 1.1em;
  }
  .ls-xs-11--force {
    letter-spacing: 1.1em !important;
  }
  .ls-xs-12 {
    letter-spacing: 1.2em;
  }
  .ls-xs-12--force {
    letter-spacing: 1.2em !important;
  }
  .ls-xs-13 {
    letter-spacing: 1.3em;
  }
  .ls-xs-13--force {
    letter-spacing: 1.3em !important;
  }
  .ls-xs-14 {
    letter-spacing: 1.4em;
  }
  .ls-xs-14--force {
    letter-spacing: 1.4em !important;
  }
  .ls-xs-15 {
    letter-spacing: 1.5em;
  }
  .ls-xs-15--force {
    letter-spacing: 1.5em !important;
  }
  .ls-xs-16 {
    letter-spacing: 1.6em;
  }
  .ls-xs-16--force {
    letter-spacing: 1.6em !important;
  }
  .ls-xs-17 {
    letter-spacing: 1.7em;
  }
  .ls-xs-17--force {
    letter-spacing: 1.7em !important;
  }
  .ls-xs-18 {
    letter-spacing: 1.8em;
  }
  .ls-xs-18--force {
    letter-spacing: 1.8em !important;
  }
}
@media screen and (min-width: 640px) {
  .ls-sm-0 {
    letter-spacing: 0em;
  }
  .ls-sm-0--force {
    letter-spacing: 0em !important;
  }
  .ls-sm-1 {
    letter-spacing: 0.1em;
  }
  .ls-sm-1--force {
    letter-spacing: 0.1em !important;
  }
  .ls-sm-2 {
    letter-spacing: 0.2em;
  }
  .ls-sm-2--force {
    letter-spacing: 0.2em !important;
  }
  .ls-sm-3 {
    letter-spacing: 0.3em;
  }
  .ls-sm-3--force {
    letter-spacing: 0.3em !important;
  }
  .ls-sm-4 {
    letter-spacing: 0.4em;
  }
  .ls-sm-4--force {
    letter-spacing: 0.4em !important;
  }
  .ls-sm-5 {
    letter-spacing: 0.5em;
  }
  .ls-sm-5--force {
    letter-spacing: 0.5em !important;
  }
  .ls-sm-6 {
    letter-spacing: 0.6em;
  }
  .ls-sm-6--force {
    letter-spacing: 0.6em !important;
  }
  .ls-sm-7 {
    letter-spacing: 0.7em;
  }
  .ls-sm-7--force {
    letter-spacing: 0.7em !important;
  }
  .ls-sm-8 {
    letter-spacing: 0.8em;
  }
  .ls-sm-8--force {
    letter-spacing: 0.8em !important;
  }
  .ls-sm-9 {
    letter-spacing: 0.9em;
  }
  .ls-sm-9--force {
    letter-spacing: 0.9em !important;
  }
  .ls-sm-10 {
    letter-spacing: 1em;
  }
  .ls-sm-10--force {
    letter-spacing: 1em !important;
  }
  .ls-sm-11 {
    letter-spacing: 1.1em;
  }
  .ls-sm-11--force {
    letter-spacing: 1.1em !important;
  }
  .ls-sm-12 {
    letter-spacing: 1.2em;
  }
  .ls-sm-12--force {
    letter-spacing: 1.2em !important;
  }
  .ls-sm-13 {
    letter-spacing: 1.3em;
  }
  .ls-sm-13--force {
    letter-spacing: 1.3em !important;
  }
  .ls-sm-14 {
    letter-spacing: 1.4em;
  }
  .ls-sm-14--force {
    letter-spacing: 1.4em !important;
  }
  .ls-sm-15 {
    letter-spacing: 1.5em;
  }
  .ls-sm-15--force {
    letter-spacing: 1.5em !important;
  }
  .ls-sm-16 {
    letter-spacing: 1.6em;
  }
  .ls-sm-16--force {
    letter-spacing: 1.6em !important;
  }
  .ls-sm-17 {
    letter-spacing: 1.7em;
  }
  .ls-sm-17--force {
    letter-spacing: 1.7em !important;
  }
  .ls-sm-18 {
    letter-spacing: 1.8em;
  }
  .ls-sm-18--force {
    letter-spacing: 1.8em !important;
  }
}
@media screen and (min-width: 1024px) {
  .ls-md-0 {
    letter-spacing: 0em;
  }
  .ls-md-0--force {
    letter-spacing: 0em !important;
  }
  .ls-md-1 {
    letter-spacing: 0.1em;
  }
  .ls-md-1--force {
    letter-spacing: 0.1em !important;
  }
  .ls-md-2 {
    letter-spacing: 0.2em;
  }
  .ls-md-2--force {
    letter-spacing: 0.2em !important;
  }
  .ls-md-3 {
    letter-spacing: 0.3em;
  }
  .ls-md-3--force {
    letter-spacing: 0.3em !important;
  }
  .ls-md-4 {
    letter-spacing: 0.4em;
  }
  .ls-md-4--force {
    letter-spacing: 0.4em !important;
  }
  .ls-md-5 {
    letter-spacing: 0.5em;
  }
  .ls-md-5--force {
    letter-spacing: 0.5em !important;
  }
  .ls-md-6 {
    letter-spacing: 0.6em;
  }
  .ls-md-6--force {
    letter-spacing: 0.6em !important;
  }
  .ls-md-7 {
    letter-spacing: 0.7em;
  }
  .ls-md-7--force {
    letter-spacing: 0.7em !important;
  }
  .ls-md-8 {
    letter-spacing: 0.8em;
  }
  .ls-md-8--force {
    letter-spacing: 0.8em !important;
  }
  .ls-md-9 {
    letter-spacing: 0.9em;
  }
  .ls-md-9--force {
    letter-spacing: 0.9em !important;
  }
  .ls-md-10 {
    letter-spacing: 1em;
  }
  .ls-md-10--force {
    letter-spacing: 1em !important;
  }
  .ls-md-11 {
    letter-spacing: 1.1em;
  }
  .ls-md-11--force {
    letter-spacing: 1.1em !important;
  }
  .ls-md-12 {
    letter-spacing: 1.2em;
  }
  .ls-md-12--force {
    letter-spacing: 1.2em !important;
  }
  .ls-md-13 {
    letter-spacing: 1.3em;
  }
  .ls-md-13--force {
    letter-spacing: 1.3em !important;
  }
  .ls-md-14 {
    letter-spacing: 1.4em;
  }
  .ls-md-14--force {
    letter-spacing: 1.4em !important;
  }
  .ls-md-15 {
    letter-spacing: 1.5em;
  }
  .ls-md-15--force {
    letter-spacing: 1.5em !important;
  }
  .ls-md-16 {
    letter-spacing: 1.6em;
  }
  .ls-md-16--force {
    letter-spacing: 1.6em !important;
  }
  .ls-md-17 {
    letter-spacing: 1.7em;
  }
  .ls-md-17--force {
    letter-spacing: 1.7em !important;
  }
  .ls-md-18 {
    letter-spacing: 1.8em;
  }
  .ls-md-18--force {
    letter-spacing: 1.8em !important;
  }
}
@media screen and (min-width: 1280px) {
  .ls-lg-0 {
    letter-spacing: 0em;
  }
  .ls-lg-0--force {
    letter-spacing: 0em !important;
  }
  .ls-lg-1 {
    letter-spacing: 0.1em;
  }
  .ls-lg-1--force {
    letter-spacing: 0.1em !important;
  }
  .ls-lg-2 {
    letter-spacing: 0.2em;
  }
  .ls-lg-2--force {
    letter-spacing: 0.2em !important;
  }
  .ls-lg-3 {
    letter-spacing: 0.3em;
  }
  .ls-lg-3--force {
    letter-spacing: 0.3em !important;
  }
  .ls-lg-4 {
    letter-spacing: 0.4em;
  }
  .ls-lg-4--force {
    letter-spacing: 0.4em !important;
  }
  .ls-lg-5 {
    letter-spacing: 0.5em;
  }
  .ls-lg-5--force {
    letter-spacing: 0.5em !important;
  }
  .ls-lg-6 {
    letter-spacing: 0.6em;
  }
  .ls-lg-6--force {
    letter-spacing: 0.6em !important;
  }
  .ls-lg-7 {
    letter-spacing: 0.7em;
  }
  .ls-lg-7--force {
    letter-spacing: 0.7em !important;
  }
  .ls-lg-8 {
    letter-spacing: 0.8em;
  }
  .ls-lg-8--force {
    letter-spacing: 0.8em !important;
  }
  .ls-lg-9 {
    letter-spacing: 0.9em;
  }
  .ls-lg-9--force {
    letter-spacing: 0.9em !important;
  }
  .ls-lg-10 {
    letter-spacing: 1em;
  }
  .ls-lg-10--force {
    letter-spacing: 1em !important;
  }
  .ls-lg-11 {
    letter-spacing: 1.1em;
  }
  .ls-lg-11--force {
    letter-spacing: 1.1em !important;
  }
  .ls-lg-12 {
    letter-spacing: 1.2em;
  }
  .ls-lg-12--force {
    letter-spacing: 1.2em !important;
  }
  .ls-lg-13 {
    letter-spacing: 1.3em;
  }
  .ls-lg-13--force {
    letter-spacing: 1.3em !important;
  }
  .ls-lg-14 {
    letter-spacing: 1.4em;
  }
  .ls-lg-14--force {
    letter-spacing: 1.4em !important;
  }
  .ls-lg-15 {
    letter-spacing: 1.5em;
  }
  .ls-lg-15--force {
    letter-spacing: 1.5em !important;
  }
  .ls-lg-16 {
    letter-spacing: 1.6em;
  }
  .ls-lg-16--force {
    letter-spacing: 1.6em !important;
  }
  .ls-lg-17 {
    letter-spacing: 1.7em;
  }
  .ls-lg-17--force {
    letter-spacing: 1.7em !important;
  }
  .ls-lg-18 {
    letter-spacing: 1.8em;
  }
  .ls-lg-18--force {
    letter-spacing: 1.8em !important;
  }
}
@media screen and (min-width: 1536px) {
  .ls-xl-0 {
    letter-spacing: 0em;
  }
  .ls-xl-0--force {
    letter-spacing: 0em !important;
  }
  .ls-xl-1 {
    letter-spacing: 0.1em;
  }
  .ls-xl-1--force {
    letter-spacing: 0.1em !important;
  }
  .ls-xl-2 {
    letter-spacing: 0.2em;
  }
  .ls-xl-2--force {
    letter-spacing: 0.2em !important;
  }
  .ls-xl-3 {
    letter-spacing: 0.3em;
  }
  .ls-xl-3--force {
    letter-spacing: 0.3em !important;
  }
  .ls-xl-4 {
    letter-spacing: 0.4em;
  }
  .ls-xl-4--force {
    letter-spacing: 0.4em !important;
  }
  .ls-xl-5 {
    letter-spacing: 0.5em;
  }
  .ls-xl-5--force {
    letter-spacing: 0.5em !important;
  }
  .ls-xl-6 {
    letter-spacing: 0.6em;
  }
  .ls-xl-6--force {
    letter-spacing: 0.6em !important;
  }
  .ls-xl-7 {
    letter-spacing: 0.7em;
  }
  .ls-xl-7--force {
    letter-spacing: 0.7em !important;
  }
  .ls-xl-8 {
    letter-spacing: 0.8em;
  }
  .ls-xl-8--force {
    letter-spacing: 0.8em !important;
  }
  .ls-xl-9 {
    letter-spacing: 0.9em;
  }
  .ls-xl-9--force {
    letter-spacing: 0.9em !important;
  }
  .ls-xl-10 {
    letter-spacing: 1em;
  }
  .ls-xl-10--force {
    letter-spacing: 1em !important;
  }
  .ls-xl-11 {
    letter-spacing: 1.1em;
  }
  .ls-xl-11--force {
    letter-spacing: 1.1em !important;
  }
  .ls-xl-12 {
    letter-spacing: 1.2em;
  }
  .ls-xl-12--force {
    letter-spacing: 1.2em !important;
  }
  .ls-xl-13 {
    letter-spacing: 1.3em;
  }
  .ls-xl-13--force {
    letter-spacing: 1.3em !important;
  }
  .ls-xl-14 {
    letter-spacing: 1.4em;
  }
  .ls-xl-14--force {
    letter-spacing: 1.4em !important;
  }
  .ls-xl-15 {
    letter-spacing: 1.5em;
  }
  .ls-xl-15--force {
    letter-spacing: 1.5em !important;
  }
  .ls-xl-16 {
    letter-spacing: 1.6em;
  }
  .ls-xl-16--force {
    letter-spacing: 1.6em !important;
  }
  .ls-xl-17 {
    letter-spacing: 1.7em;
  }
  .ls-xl-17--force {
    letter-spacing: 1.7em !important;
  }
  .ls-xl-18 {
    letter-spacing: 1.8em;
  }
  .ls-xl-18--force {
    letter-spacing: 1.8em !important;
  }
}
.tracking-display-hero {
  letter-spacing: var(--matcha-tracking-display-hero);
}

.tracking-display-hero--force {
  letter-spacing: var(--matcha-tracking-display-hero) !important;
}

.tracking-display {
  letter-spacing: var(--matcha-tracking-display);
}

.tracking-display--force {
  letter-spacing: var(--matcha-tracking-display) !important;
}

.tracking-headline {
  letter-spacing: var(--matcha-tracking-headline);
}

.tracking-headline--force {
  letter-spacing: var(--matcha-tracking-headline) !important;
}

.tracking-overline {
  letter-spacing: var(--matcha-tracking-overline);
}

.tracking-overline--force {
  letter-spacing: var(--matcha-tracking-overline) !important;
}

.tracking-p-tiny {
  letter-spacing: var(--matcha-tracking-p-tiny);
}

.tracking-p-tiny--force {
  letter-spacing: var(--matcha-tracking-p-tiny) !important;
}

@media screen and (max-width: 639px) {
  .tracking-xs-display-hero {
    letter-spacing: var(--matcha-tracking-display-hero);
  }
  .tracking-xs-display-hero--force {
    letter-spacing: var(--matcha-tracking-display-hero) !important;
  }
  .tracking-xs-display {
    letter-spacing: var(--matcha-tracking-display);
  }
  .tracking-xs-display--force {
    letter-spacing: var(--matcha-tracking-display) !important;
  }
  .tracking-xs-headline {
    letter-spacing: var(--matcha-tracking-headline);
  }
  .tracking-xs-headline--force {
    letter-spacing: var(--matcha-tracking-headline) !important;
  }
  .tracking-xs-overline {
    letter-spacing: var(--matcha-tracking-overline);
  }
  .tracking-xs-overline--force {
    letter-spacing: var(--matcha-tracking-overline) !important;
  }
  .tracking-xs-p-tiny {
    letter-spacing: var(--matcha-tracking-p-tiny);
  }
  .tracking-xs-p-tiny--force {
    letter-spacing: var(--matcha-tracking-p-tiny) !important;
  }
}
@media screen and (min-width: 640px) {
  .tracking-sm-display-hero {
    letter-spacing: var(--matcha-tracking-display-hero);
  }
  .tracking-sm-display-hero--force {
    letter-spacing: var(--matcha-tracking-display-hero) !important;
  }
  .tracking-sm-display {
    letter-spacing: var(--matcha-tracking-display);
  }
  .tracking-sm-display--force {
    letter-spacing: var(--matcha-tracking-display) !important;
  }
  .tracking-sm-headline {
    letter-spacing: var(--matcha-tracking-headline);
  }
  .tracking-sm-headline--force {
    letter-spacing: var(--matcha-tracking-headline) !important;
  }
  .tracking-sm-overline {
    letter-spacing: var(--matcha-tracking-overline);
  }
  .tracking-sm-overline--force {
    letter-spacing: var(--matcha-tracking-overline) !important;
  }
  .tracking-sm-p-tiny {
    letter-spacing: var(--matcha-tracking-p-tiny);
  }
  .tracking-sm-p-tiny--force {
    letter-spacing: var(--matcha-tracking-p-tiny) !important;
  }
}
@media screen and (min-width: 1024px) {
  .tracking-md-display-hero {
    letter-spacing: var(--matcha-tracking-display-hero);
  }
  .tracking-md-display-hero--force {
    letter-spacing: var(--matcha-tracking-display-hero) !important;
  }
  .tracking-md-display {
    letter-spacing: var(--matcha-tracking-display);
  }
  .tracking-md-display--force {
    letter-spacing: var(--matcha-tracking-display) !important;
  }
  .tracking-md-headline {
    letter-spacing: var(--matcha-tracking-headline);
  }
  .tracking-md-headline--force {
    letter-spacing: var(--matcha-tracking-headline) !important;
  }
  .tracking-md-overline {
    letter-spacing: var(--matcha-tracking-overline);
  }
  .tracking-md-overline--force {
    letter-spacing: var(--matcha-tracking-overline) !important;
  }
  .tracking-md-p-tiny {
    letter-spacing: var(--matcha-tracking-p-tiny);
  }
  .tracking-md-p-tiny--force {
    letter-spacing: var(--matcha-tracking-p-tiny) !important;
  }
}
@media screen and (min-width: 1280px) {
  .tracking-lg-display-hero {
    letter-spacing: var(--matcha-tracking-display-hero);
  }
  .tracking-lg-display-hero--force {
    letter-spacing: var(--matcha-tracking-display-hero) !important;
  }
  .tracking-lg-display {
    letter-spacing: var(--matcha-tracking-display);
  }
  .tracking-lg-display--force {
    letter-spacing: var(--matcha-tracking-display) !important;
  }
  .tracking-lg-headline {
    letter-spacing: var(--matcha-tracking-headline);
  }
  .tracking-lg-headline--force {
    letter-spacing: var(--matcha-tracking-headline) !important;
  }
  .tracking-lg-overline {
    letter-spacing: var(--matcha-tracking-overline);
  }
  .tracking-lg-overline--force {
    letter-spacing: var(--matcha-tracking-overline) !important;
  }
  .tracking-lg-p-tiny {
    letter-spacing: var(--matcha-tracking-p-tiny);
  }
  .tracking-lg-p-tiny--force {
    letter-spacing: var(--matcha-tracking-p-tiny) !important;
  }
}
@media screen and (min-width: 1536px) {
  .tracking-xl-display-hero {
    letter-spacing: var(--matcha-tracking-display-hero);
  }
  .tracking-xl-display-hero--force {
    letter-spacing: var(--matcha-tracking-display-hero) !important;
  }
  .tracking-xl-display {
    letter-spacing: var(--matcha-tracking-display);
  }
  .tracking-xl-display--force {
    letter-spacing: var(--matcha-tracking-display) !important;
  }
  .tracking-xl-headline {
    letter-spacing: var(--matcha-tracking-headline);
  }
  .tracking-xl-headline--force {
    letter-spacing: var(--matcha-tracking-headline) !important;
  }
  .tracking-xl-overline {
    letter-spacing: var(--matcha-tracking-overline);
  }
  .tracking-xl-overline--force {
    letter-spacing: var(--matcha-tracking-overline) !important;
  }
  .tracking-xl-p-tiny {
    letter-spacing: var(--matcha-tracking-p-tiny);
  }
  .tracking-xl-p-tiny--force {
    letter-spacing: var(--matcha-tracking-p-tiny) !important;
  }
}
.lh-0 {
  line-height: 0px;
}

.lh-0--force {
  line-height: 0px !important;
}

.lh-1 {
  line-height: 1px;
}

.lh-1--force {
  line-height: 1px !important;
}

.lh-2 {
  line-height: 2px;
}

.lh-2--force {
  line-height: 2px !important;
}

.lh-3 {
  line-height: 3px;
}

.lh-3--force {
  line-height: 3px !important;
}

.lh-4 {
  line-height: 4px;
}

.lh-4--force {
  line-height: 4px !important;
}

.lh-5 {
  line-height: 5px;
}

.lh-5--force {
  line-height: 5px !important;
}

.lh-6 {
  line-height: 6px;
}

.lh-6--force {
  line-height: 6px !important;
}

.lh-7 {
  line-height: 7px;
}

.lh-7--force {
  line-height: 7px !important;
}

.lh-8 {
  line-height: 8px;
}

.lh-8--force {
  line-height: 8px !important;
}

.lh-9 {
  line-height: 9px;
}

.lh-9--force {
  line-height: 9px !important;
}

.lh-10 {
  line-height: 10px;
}

.lh-10--force {
  line-height: 10px !important;
}

.lh-11 {
  line-height: 11px;
}

.lh-11--force {
  line-height: 11px !important;
}

.lh-12 {
  line-height: 12px;
}

.lh-12--force {
  line-height: 12px !important;
}

.lh-13 {
  line-height: 13px;
}

.lh-13--force {
  line-height: 13px !important;
}

.lh-14 {
  line-height: 14px;
}

.lh-14--force {
  line-height: 14px !important;
}

.lh-15 {
  line-height: 15px;
}

.lh-15--force {
  line-height: 15px !important;
}

.lh-16 {
  line-height: 16px;
}

.lh-16--force {
  line-height: 16px !important;
}

.lh-17 {
  line-height: 17px;
}

.lh-17--force {
  line-height: 17px !important;
}

.lh-18 {
  line-height: 18px;
}

.lh-18--force {
  line-height: 18px !important;
}

.lh-19 {
  line-height: 19px;
}

.lh-19--force {
  line-height: 19px !important;
}

.lh-20 {
  line-height: 20px;
}

.lh-20--force {
  line-height: 20px !important;
}

.lh-21 {
  line-height: 21px;
}

.lh-21--force {
  line-height: 21px !important;
}

.lh-22 {
  line-height: 22px;
}

.lh-22--force {
  line-height: 22px !important;
}

.lh-23 {
  line-height: 23px;
}

.lh-23--force {
  line-height: 23px !important;
}

.lh-24 {
  line-height: 24px;
}

.lh-24--force {
  line-height: 24px !important;
}

.lh-25 {
  line-height: 25px;
}

.lh-25--force {
  line-height: 25px !important;
}

.lh-26 {
  line-height: 26px;
}

.lh-26--force {
  line-height: 26px !important;
}

.lh-27 {
  line-height: 27px;
}

.lh-27--force {
  line-height: 27px !important;
}

.lh-28 {
  line-height: 28px;
}

.lh-28--force {
  line-height: 28px !important;
}

.lh-29 {
  line-height: 29px;
}

.lh-29--force {
  line-height: 29px !important;
}

.lh-30 {
  line-height: 30px;
}

.lh-30--force {
  line-height: 30px !important;
}

.lh-31 {
  line-height: 31px;
}

.lh-31--force {
  line-height: 31px !important;
}

.lh-32 {
  line-height: 32px;
}

.lh-32--force {
  line-height: 32px !important;
}

.lh-33 {
  line-height: 33px;
}

.lh-33--force {
  line-height: 33px !important;
}

.lh-34 {
  line-height: 34px;
}

.lh-34--force {
  line-height: 34px !important;
}

.lh-35 {
  line-height: 35px;
}

.lh-35--force {
  line-height: 35px !important;
}

.lh-36 {
  line-height: 36px;
}

.lh-36--force {
  line-height: 36px !important;
}

.lh-37 {
  line-height: 37px;
}

.lh-37--force {
  line-height: 37px !important;
}

.lh-38 {
  line-height: 38px;
}

.lh-38--force {
  line-height: 38px !important;
}

.lh-39 {
  line-height: 39px;
}

.lh-39--force {
  line-height: 39px !important;
}

.lh-40 {
  line-height: 40px;
}

.lh-40--force {
  line-height: 40px !important;
}

.lh-41 {
  line-height: 41px;
}

.lh-41--force {
  line-height: 41px !important;
}

.lh-42 {
  line-height: 42px;
}

.lh-42--force {
  line-height: 42px !important;
}

.lh-43 {
  line-height: 43px;
}

.lh-43--force {
  line-height: 43px !important;
}

.lh-44 {
  line-height: 44px;
}

.lh-44--force {
  line-height: 44px !important;
}

.lh-45 {
  line-height: 45px;
}

.lh-45--force {
  line-height: 45px !important;
}

.lh-46 {
  line-height: 46px;
}

.lh-46--force {
  line-height: 46px !important;
}

.lh-47 {
  line-height: 47px;
}

.lh-47--force {
  line-height: 47px !important;
}

.lh-48 {
  line-height: 48px;
}

.lh-48--force {
  line-height: 48px !important;
}

.lh-49 {
  line-height: 49px;
}

.lh-49--force {
  line-height: 49px !important;
}

.lh-50 {
  line-height: 50px;
}

.lh-50--force {
  line-height: 50px !important;
}

.lh-51 {
  line-height: 51px;
}

.lh-51--force {
  line-height: 51px !important;
}

.lh-52 {
  line-height: 52px;
}

.lh-52--force {
  line-height: 52px !important;
}

.lh-53 {
  line-height: 53px;
}

.lh-53--force {
  line-height: 53px !important;
}

.lh-54 {
  line-height: 54px;
}

.lh-54--force {
  line-height: 54px !important;
}

.lh-55 {
  line-height: 55px;
}

.lh-55--force {
  line-height: 55px !important;
}

.lh-56 {
  line-height: 56px;
}

.lh-56--force {
  line-height: 56px !important;
}

.lh-57 {
  line-height: 57px;
}

.lh-57--force {
  line-height: 57px !important;
}

.lh-58 {
  line-height: 58px;
}

.lh-58--force {
  line-height: 58px !important;
}

.lh-59 {
  line-height: 59px;
}

.lh-59--force {
  line-height: 59px !important;
}

.lh-60 {
  line-height: 60px;
}

.lh-60--force {
  line-height: 60px !important;
}

.lh-61 {
  line-height: 61px;
}

.lh-61--force {
  line-height: 61px !important;
}

.lh-62 {
  line-height: 62px;
}

.lh-62--force {
  line-height: 62px !important;
}

.lh-63 {
  line-height: 63px;
}

.lh-63--force {
  line-height: 63px !important;
}

.lh-64 {
  line-height: 64px;
}

.lh-64--force {
  line-height: 64px !important;
}

.lh-65 {
  line-height: 65px;
}

.lh-65--force {
  line-height: 65px !important;
}

.lh-66 {
  line-height: 66px;
}

.lh-66--force {
  line-height: 66px !important;
}

.lh-67 {
  line-height: 67px;
}

.lh-67--force {
  line-height: 67px !important;
}

.lh-68 {
  line-height: 68px;
}

.lh-68--force {
  line-height: 68px !important;
}

.lh-69 {
  line-height: 69px;
}

.lh-69--force {
  line-height: 69px !important;
}

.lh-70 {
  line-height: 70px;
}

.lh-70--force {
  line-height: 70px !important;
}

.lh-71 {
  line-height: 71px;
}

.lh-71--force {
  line-height: 71px !important;
}

.lh-72 {
  line-height: 72px;
}

.lh-72--force {
  line-height: 72px !important;
}

.lh-73 {
  line-height: 73px;
}

.lh-73--force {
  line-height: 73px !important;
}

.lh-74 {
  line-height: 74px;
}

.lh-74--force {
  line-height: 74px !important;
}

.lh-75 {
  line-height: 75px;
}

.lh-75--force {
  line-height: 75px !important;
}

.lh-76 {
  line-height: 76px;
}

.lh-76--force {
  line-height: 76px !important;
}

.lh-77 {
  line-height: 77px;
}

.lh-77--force {
  line-height: 77px !important;
}

.lh-78 {
  line-height: 78px;
}

.lh-78--force {
  line-height: 78px !important;
}

.lh-79 {
  line-height: 79px;
}

.lh-79--force {
  line-height: 79px !important;
}

.lh-80 {
  line-height: 80px;
}

.lh-80--force {
  line-height: 80px !important;
}

.lh-81 {
  line-height: 81px;
}

.lh-81--force {
  line-height: 81px !important;
}

.lh-82 {
  line-height: 82px;
}

.lh-82--force {
  line-height: 82px !important;
}

.lh-83 {
  line-height: 83px;
}

.lh-83--force {
  line-height: 83px !important;
}

.lh-84 {
  line-height: 84px;
}

.lh-84--force {
  line-height: 84px !important;
}

.lh-85 {
  line-height: 85px;
}

.lh-85--force {
  line-height: 85px !important;
}

.lh-86 {
  line-height: 86px;
}

.lh-86--force {
  line-height: 86px !important;
}

.lh-87 {
  line-height: 87px;
}

.lh-87--force {
  line-height: 87px !important;
}

.lh-88 {
  line-height: 88px;
}

.lh-88--force {
  line-height: 88px !important;
}

.lh-89 {
  line-height: 89px;
}

.lh-89--force {
  line-height: 89px !important;
}

.lh-90 {
  line-height: 90px;
}

.lh-90--force {
  line-height: 90px !important;
}

.lh-91 {
  line-height: 91px;
}

.lh-91--force {
  line-height: 91px !important;
}

.lh-92 {
  line-height: 92px;
}

.lh-92--force {
  line-height: 92px !important;
}

.lh-93 {
  line-height: 93px;
}

.lh-93--force {
  line-height: 93px !important;
}

.lh-94 {
  line-height: 94px;
}

.lh-94--force {
  line-height: 94px !important;
}

.lh-95 {
  line-height: 95px;
}

.lh-95--force {
  line-height: 95px !important;
}

.lh-96 {
  line-height: 96px;
}

.lh-96--force {
  line-height: 96px !important;
}

.lh-97 {
  line-height: 97px;
}

.lh-97--force {
  line-height: 97px !important;
}

.lh-98 {
  line-height: 98px;
}

.lh-98--force {
  line-height: 98px !important;
}

.lh-99 {
  line-height: 99px;
}

.lh-99--force {
  line-height: 99px !important;
}

.lh-100 {
  line-height: 100px;
}

.lh-100--force {
  line-height: 100px !important;
}

@media screen and (max-width: 639px) {
  .lh-xs-0 {
    line-height: 0px;
  }
  .lh-xs-0--force {
    line-height: 0px !important;
  }
  .lh-xs-1 {
    line-height: 1px;
  }
  .lh-xs-1--force {
    line-height: 1px !important;
  }
  .lh-xs-2 {
    line-height: 2px;
  }
  .lh-xs-2--force {
    line-height: 2px !important;
  }
  .lh-xs-3 {
    line-height: 3px;
  }
  .lh-xs-3--force {
    line-height: 3px !important;
  }
  .lh-xs-4 {
    line-height: 4px;
  }
  .lh-xs-4--force {
    line-height: 4px !important;
  }
  .lh-xs-5 {
    line-height: 5px;
  }
  .lh-xs-5--force {
    line-height: 5px !important;
  }
  .lh-xs-6 {
    line-height: 6px;
  }
  .lh-xs-6--force {
    line-height: 6px !important;
  }
  .lh-xs-7 {
    line-height: 7px;
  }
  .lh-xs-7--force {
    line-height: 7px !important;
  }
  .lh-xs-8 {
    line-height: 8px;
  }
  .lh-xs-8--force {
    line-height: 8px !important;
  }
  .lh-xs-9 {
    line-height: 9px;
  }
  .lh-xs-9--force {
    line-height: 9px !important;
  }
  .lh-xs-10 {
    line-height: 10px;
  }
  .lh-xs-10--force {
    line-height: 10px !important;
  }
  .lh-xs-11 {
    line-height: 11px;
  }
  .lh-xs-11--force {
    line-height: 11px !important;
  }
  .lh-xs-12 {
    line-height: 12px;
  }
  .lh-xs-12--force {
    line-height: 12px !important;
  }
  .lh-xs-13 {
    line-height: 13px;
  }
  .lh-xs-13--force {
    line-height: 13px !important;
  }
  .lh-xs-14 {
    line-height: 14px;
  }
  .lh-xs-14--force {
    line-height: 14px !important;
  }
  .lh-xs-15 {
    line-height: 15px;
  }
  .lh-xs-15--force {
    line-height: 15px !important;
  }
  .lh-xs-16 {
    line-height: 16px;
  }
  .lh-xs-16--force {
    line-height: 16px !important;
  }
  .lh-xs-17 {
    line-height: 17px;
  }
  .lh-xs-17--force {
    line-height: 17px !important;
  }
  .lh-xs-18 {
    line-height: 18px;
  }
  .lh-xs-18--force {
    line-height: 18px !important;
  }
  .lh-xs-19 {
    line-height: 19px;
  }
  .lh-xs-19--force {
    line-height: 19px !important;
  }
  .lh-xs-20 {
    line-height: 20px;
  }
  .lh-xs-20--force {
    line-height: 20px !important;
  }
  .lh-xs-21 {
    line-height: 21px;
  }
  .lh-xs-21--force {
    line-height: 21px !important;
  }
  .lh-xs-22 {
    line-height: 22px;
  }
  .lh-xs-22--force {
    line-height: 22px !important;
  }
  .lh-xs-23 {
    line-height: 23px;
  }
  .lh-xs-23--force {
    line-height: 23px !important;
  }
  .lh-xs-24 {
    line-height: 24px;
  }
  .lh-xs-24--force {
    line-height: 24px !important;
  }
  .lh-xs-25 {
    line-height: 25px;
  }
  .lh-xs-25--force {
    line-height: 25px !important;
  }
  .lh-xs-26 {
    line-height: 26px;
  }
  .lh-xs-26--force {
    line-height: 26px !important;
  }
  .lh-xs-27 {
    line-height: 27px;
  }
  .lh-xs-27--force {
    line-height: 27px !important;
  }
  .lh-xs-28 {
    line-height: 28px;
  }
  .lh-xs-28--force {
    line-height: 28px !important;
  }
  .lh-xs-29 {
    line-height: 29px;
  }
  .lh-xs-29--force {
    line-height: 29px !important;
  }
  .lh-xs-30 {
    line-height: 30px;
  }
  .lh-xs-30--force {
    line-height: 30px !important;
  }
  .lh-xs-31 {
    line-height: 31px;
  }
  .lh-xs-31--force {
    line-height: 31px !important;
  }
  .lh-xs-32 {
    line-height: 32px;
  }
  .lh-xs-32--force {
    line-height: 32px !important;
  }
  .lh-xs-33 {
    line-height: 33px;
  }
  .lh-xs-33--force {
    line-height: 33px !important;
  }
  .lh-xs-34 {
    line-height: 34px;
  }
  .lh-xs-34--force {
    line-height: 34px !important;
  }
  .lh-xs-35 {
    line-height: 35px;
  }
  .lh-xs-35--force {
    line-height: 35px !important;
  }
  .lh-xs-36 {
    line-height: 36px;
  }
  .lh-xs-36--force {
    line-height: 36px !important;
  }
  .lh-xs-37 {
    line-height: 37px;
  }
  .lh-xs-37--force {
    line-height: 37px !important;
  }
  .lh-xs-38 {
    line-height: 38px;
  }
  .lh-xs-38--force {
    line-height: 38px !important;
  }
  .lh-xs-39 {
    line-height: 39px;
  }
  .lh-xs-39--force {
    line-height: 39px !important;
  }
  .lh-xs-40 {
    line-height: 40px;
  }
  .lh-xs-40--force {
    line-height: 40px !important;
  }
  .lh-xs-41 {
    line-height: 41px;
  }
  .lh-xs-41--force {
    line-height: 41px !important;
  }
  .lh-xs-42 {
    line-height: 42px;
  }
  .lh-xs-42--force {
    line-height: 42px !important;
  }
  .lh-xs-43 {
    line-height: 43px;
  }
  .lh-xs-43--force {
    line-height: 43px !important;
  }
  .lh-xs-44 {
    line-height: 44px;
  }
  .lh-xs-44--force {
    line-height: 44px !important;
  }
  .lh-xs-45 {
    line-height: 45px;
  }
  .lh-xs-45--force {
    line-height: 45px !important;
  }
  .lh-xs-46 {
    line-height: 46px;
  }
  .lh-xs-46--force {
    line-height: 46px !important;
  }
  .lh-xs-47 {
    line-height: 47px;
  }
  .lh-xs-47--force {
    line-height: 47px !important;
  }
  .lh-xs-48 {
    line-height: 48px;
  }
  .lh-xs-48--force {
    line-height: 48px !important;
  }
  .lh-xs-49 {
    line-height: 49px;
  }
  .lh-xs-49--force {
    line-height: 49px !important;
  }
  .lh-xs-50 {
    line-height: 50px;
  }
  .lh-xs-50--force {
    line-height: 50px !important;
  }
  .lh-xs-51 {
    line-height: 51px;
  }
  .lh-xs-51--force {
    line-height: 51px !important;
  }
  .lh-xs-52 {
    line-height: 52px;
  }
  .lh-xs-52--force {
    line-height: 52px !important;
  }
  .lh-xs-53 {
    line-height: 53px;
  }
  .lh-xs-53--force {
    line-height: 53px !important;
  }
  .lh-xs-54 {
    line-height: 54px;
  }
  .lh-xs-54--force {
    line-height: 54px !important;
  }
  .lh-xs-55 {
    line-height: 55px;
  }
  .lh-xs-55--force {
    line-height: 55px !important;
  }
  .lh-xs-56 {
    line-height: 56px;
  }
  .lh-xs-56--force {
    line-height: 56px !important;
  }
  .lh-xs-57 {
    line-height: 57px;
  }
  .lh-xs-57--force {
    line-height: 57px !important;
  }
  .lh-xs-58 {
    line-height: 58px;
  }
  .lh-xs-58--force {
    line-height: 58px !important;
  }
  .lh-xs-59 {
    line-height: 59px;
  }
  .lh-xs-59--force {
    line-height: 59px !important;
  }
  .lh-xs-60 {
    line-height: 60px;
  }
  .lh-xs-60--force {
    line-height: 60px !important;
  }
  .lh-xs-61 {
    line-height: 61px;
  }
  .lh-xs-61--force {
    line-height: 61px !important;
  }
  .lh-xs-62 {
    line-height: 62px;
  }
  .lh-xs-62--force {
    line-height: 62px !important;
  }
  .lh-xs-63 {
    line-height: 63px;
  }
  .lh-xs-63--force {
    line-height: 63px !important;
  }
  .lh-xs-64 {
    line-height: 64px;
  }
  .lh-xs-64--force {
    line-height: 64px !important;
  }
  .lh-xs-65 {
    line-height: 65px;
  }
  .lh-xs-65--force {
    line-height: 65px !important;
  }
  .lh-xs-66 {
    line-height: 66px;
  }
  .lh-xs-66--force {
    line-height: 66px !important;
  }
  .lh-xs-67 {
    line-height: 67px;
  }
  .lh-xs-67--force {
    line-height: 67px !important;
  }
  .lh-xs-68 {
    line-height: 68px;
  }
  .lh-xs-68--force {
    line-height: 68px !important;
  }
  .lh-xs-69 {
    line-height: 69px;
  }
  .lh-xs-69--force {
    line-height: 69px !important;
  }
  .lh-xs-70 {
    line-height: 70px;
  }
  .lh-xs-70--force {
    line-height: 70px !important;
  }
  .lh-xs-71 {
    line-height: 71px;
  }
  .lh-xs-71--force {
    line-height: 71px !important;
  }
  .lh-xs-72 {
    line-height: 72px;
  }
  .lh-xs-72--force {
    line-height: 72px !important;
  }
  .lh-xs-73 {
    line-height: 73px;
  }
  .lh-xs-73--force {
    line-height: 73px !important;
  }
  .lh-xs-74 {
    line-height: 74px;
  }
  .lh-xs-74--force {
    line-height: 74px !important;
  }
  .lh-xs-75 {
    line-height: 75px;
  }
  .lh-xs-75--force {
    line-height: 75px !important;
  }
  .lh-xs-76 {
    line-height: 76px;
  }
  .lh-xs-76--force {
    line-height: 76px !important;
  }
  .lh-xs-77 {
    line-height: 77px;
  }
  .lh-xs-77--force {
    line-height: 77px !important;
  }
  .lh-xs-78 {
    line-height: 78px;
  }
  .lh-xs-78--force {
    line-height: 78px !important;
  }
  .lh-xs-79 {
    line-height: 79px;
  }
  .lh-xs-79--force {
    line-height: 79px !important;
  }
  .lh-xs-80 {
    line-height: 80px;
  }
  .lh-xs-80--force {
    line-height: 80px !important;
  }
  .lh-xs-81 {
    line-height: 81px;
  }
  .lh-xs-81--force {
    line-height: 81px !important;
  }
  .lh-xs-82 {
    line-height: 82px;
  }
  .lh-xs-82--force {
    line-height: 82px !important;
  }
  .lh-xs-83 {
    line-height: 83px;
  }
  .lh-xs-83--force {
    line-height: 83px !important;
  }
  .lh-xs-84 {
    line-height: 84px;
  }
  .lh-xs-84--force {
    line-height: 84px !important;
  }
  .lh-xs-85 {
    line-height: 85px;
  }
  .lh-xs-85--force {
    line-height: 85px !important;
  }
  .lh-xs-86 {
    line-height: 86px;
  }
  .lh-xs-86--force {
    line-height: 86px !important;
  }
  .lh-xs-87 {
    line-height: 87px;
  }
  .lh-xs-87--force {
    line-height: 87px !important;
  }
  .lh-xs-88 {
    line-height: 88px;
  }
  .lh-xs-88--force {
    line-height: 88px !important;
  }
  .lh-xs-89 {
    line-height: 89px;
  }
  .lh-xs-89--force {
    line-height: 89px !important;
  }
  .lh-xs-90 {
    line-height: 90px;
  }
  .lh-xs-90--force {
    line-height: 90px !important;
  }
  .lh-xs-91 {
    line-height: 91px;
  }
  .lh-xs-91--force {
    line-height: 91px !important;
  }
  .lh-xs-92 {
    line-height: 92px;
  }
  .lh-xs-92--force {
    line-height: 92px !important;
  }
  .lh-xs-93 {
    line-height: 93px;
  }
  .lh-xs-93--force {
    line-height: 93px !important;
  }
  .lh-xs-94 {
    line-height: 94px;
  }
  .lh-xs-94--force {
    line-height: 94px !important;
  }
  .lh-xs-95 {
    line-height: 95px;
  }
  .lh-xs-95--force {
    line-height: 95px !important;
  }
  .lh-xs-96 {
    line-height: 96px;
  }
  .lh-xs-96--force {
    line-height: 96px !important;
  }
  .lh-xs-97 {
    line-height: 97px;
  }
  .lh-xs-97--force {
    line-height: 97px !important;
  }
  .lh-xs-98 {
    line-height: 98px;
  }
  .lh-xs-98--force {
    line-height: 98px !important;
  }
  .lh-xs-99 {
    line-height: 99px;
  }
  .lh-xs-99--force {
    line-height: 99px !important;
  }
  .lh-xs-100 {
    line-height: 100px;
  }
  .lh-xs-100--force {
    line-height: 100px !important;
  }
}
@media screen and (min-width: 640px) {
  .lh-sm-0 {
    line-height: 0px;
  }
  .lh-sm-0--force {
    line-height: 0px !important;
  }
  .lh-sm-1 {
    line-height: 1px;
  }
  .lh-sm-1--force {
    line-height: 1px !important;
  }
  .lh-sm-2 {
    line-height: 2px;
  }
  .lh-sm-2--force {
    line-height: 2px !important;
  }
  .lh-sm-3 {
    line-height: 3px;
  }
  .lh-sm-3--force {
    line-height: 3px !important;
  }
  .lh-sm-4 {
    line-height: 4px;
  }
  .lh-sm-4--force {
    line-height: 4px !important;
  }
  .lh-sm-5 {
    line-height: 5px;
  }
  .lh-sm-5--force {
    line-height: 5px !important;
  }
  .lh-sm-6 {
    line-height: 6px;
  }
  .lh-sm-6--force {
    line-height: 6px !important;
  }
  .lh-sm-7 {
    line-height: 7px;
  }
  .lh-sm-7--force {
    line-height: 7px !important;
  }
  .lh-sm-8 {
    line-height: 8px;
  }
  .lh-sm-8--force {
    line-height: 8px !important;
  }
  .lh-sm-9 {
    line-height: 9px;
  }
  .lh-sm-9--force {
    line-height: 9px !important;
  }
  .lh-sm-10 {
    line-height: 10px;
  }
  .lh-sm-10--force {
    line-height: 10px !important;
  }
  .lh-sm-11 {
    line-height: 11px;
  }
  .lh-sm-11--force {
    line-height: 11px !important;
  }
  .lh-sm-12 {
    line-height: 12px;
  }
  .lh-sm-12--force {
    line-height: 12px !important;
  }
  .lh-sm-13 {
    line-height: 13px;
  }
  .lh-sm-13--force {
    line-height: 13px !important;
  }
  .lh-sm-14 {
    line-height: 14px;
  }
  .lh-sm-14--force {
    line-height: 14px !important;
  }
  .lh-sm-15 {
    line-height: 15px;
  }
  .lh-sm-15--force {
    line-height: 15px !important;
  }
  .lh-sm-16 {
    line-height: 16px;
  }
  .lh-sm-16--force {
    line-height: 16px !important;
  }
  .lh-sm-17 {
    line-height: 17px;
  }
  .lh-sm-17--force {
    line-height: 17px !important;
  }
  .lh-sm-18 {
    line-height: 18px;
  }
  .lh-sm-18--force {
    line-height: 18px !important;
  }
  .lh-sm-19 {
    line-height: 19px;
  }
  .lh-sm-19--force {
    line-height: 19px !important;
  }
  .lh-sm-20 {
    line-height: 20px;
  }
  .lh-sm-20--force {
    line-height: 20px !important;
  }
  .lh-sm-21 {
    line-height: 21px;
  }
  .lh-sm-21--force {
    line-height: 21px !important;
  }
  .lh-sm-22 {
    line-height: 22px;
  }
  .lh-sm-22--force {
    line-height: 22px !important;
  }
  .lh-sm-23 {
    line-height: 23px;
  }
  .lh-sm-23--force {
    line-height: 23px !important;
  }
  .lh-sm-24 {
    line-height: 24px;
  }
  .lh-sm-24--force {
    line-height: 24px !important;
  }
  .lh-sm-25 {
    line-height: 25px;
  }
  .lh-sm-25--force {
    line-height: 25px !important;
  }
  .lh-sm-26 {
    line-height: 26px;
  }
  .lh-sm-26--force {
    line-height: 26px !important;
  }
  .lh-sm-27 {
    line-height: 27px;
  }
  .lh-sm-27--force {
    line-height: 27px !important;
  }
  .lh-sm-28 {
    line-height: 28px;
  }
  .lh-sm-28--force {
    line-height: 28px !important;
  }
  .lh-sm-29 {
    line-height: 29px;
  }
  .lh-sm-29--force {
    line-height: 29px !important;
  }
  .lh-sm-30 {
    line-height: 30px;
  }
  .lh-sm-30--force {
    line-height: 30px !important;
  }
  .lh-sm-31 {
    line-height: 31px;
  }
  .lh-sm-31--force {
    line-height: 31px !important;
  }
  .lh-sm-32 {
    line-height: 32px;
  }
  .lh-sm-32--force {
    line-height: 32px !important;
  }
  .lh-sm-33 {
    line-height: 33px;
  }
  .lh-sm-33--force {
    line-height: 33px !important;
  }
  .lh-sm-34 {
    line-height: 34px;
  }
  .lh-sm-34--force {
    line-height: 34px !important;
  }
  .lh-sm-35 {
    line-height: 35px;
  }
  .lh-sm-35--force {
    line-height: 35px !important;
  }
  .lh-sm-36 {
    line-height: 36px;
  }
  .lh-sm-36--force {
    line-height: 36px !important;
  }
  .lh-sm-37 {
    line-height: 37px;
  }
  .lh-sm-37--force {
    line-height: 37px !important;
  }
  .lh-sm-38 {
    line-height: 38px;
  }
  .lh-sm-38--force {
    line-height: 38px !important;
  }
  .lh-sm-39 {
    line-height: 39px;
  }
  .lh-sm-39--force {
    line-height: 39px !important;
  }
  .lh-sm-40 {
    line-height: 40px;
  }
  .lh-sm-40--force {
    line-height: 40px !important;
  }
  .lh-sm-41 {
    line-height: 41px;
  }
  .lh-sm-41--force {
    line-height: 41px !important;
  }
  .lh-sm-42 {
    line-height: 42px;
  }
  .lh-sm-42--force {
    line-height: 42px !important;
  }
  .lh-sm-43 {
    line-height: 43px;
  }
  .lh-sm-43--force {
    line-height: 43px !important;
  }
  .lh-sm-44 {
    line-height: 44px;
  }
  .lh-sm-44--force {
    line-height: 44px !important;
  }
  .lh-sm-45 {
    line-height: 45px;
  }
  .lh-sm-45--force {
    line-height: 45px !important;
  }
  .lh-sm-46 {
    line-height: 46px;
  }
  .lh-sm-46--force {
    line-height: 46px !important;
  }
  .lh-sm-47 {
    line-height: 47px;
  }
  .lh-sm-47--force {
    line-height: 47px !important;
  }
  .lh-sm-48 {
    line-height: 48px;
  }
  .lh-sm-48--force {
    line-height: 48px !important;
  }
  .lh-sm-49 {
    line-height: 49px;
  }
  .lh-sm-49--force {
    line-height: 49px !important;
  }
  .lh-sm-50 {
    line-height: 50px;
  }
  .lh-sm-50--force {
    line-height: 50px !important;
  }
  .lh-sm-51 {
    line-height: 51px;
  }
  .lh-sm-51--force {
    line-height: 51px !important;
  }
  .lh-sm-52 {
    line-height: 52px;
  }
  .lh-sm-52--force {
    line-height: 52px !important;
  }
  .lh-sm-53 {
    line-height: 53px;
  }
  .lh-sm-53--force {
    line-height: 53px !important;
  }
  .lh-sm-54 {
    line-height: 54px;
  }
  .lh-sm-54--force {
    line-height: 54px !important;
  }
  .lh-sm-55 {
    line-height: 55px;
  }
  .lh-sm-55--force {
    line-height: 55px !important;
  }
  .lh-sm-56 {
    line-height: 56px;
  }
  .lh-sm-56--force {
    line-height: 56px !important;
  }
  .lh-sm-57 {
    line-height: 57px;
  }
  .lh-sm-57--force {
    line-height: 57px !important;
  }
  .lh-sm-58 {
    line-height: 58px;
  }
  .lh-sm-58--force {
    line-height: 58px !important;
  }
  .lh-sm-59 {
    line-height: 59px;
  }
  .lh-sm-59--force {
    line-height: 59px !important;
  }
  .lh-sm-60 {
    line-height: 60px;
  }
  .lh-sm-60--force {
    line-height: 60px !important;
  }
  .lh-sm-61 {
    line-height: 61px;
  }
  .lh-sm-61--force {
    line-height: 61px !important;
  }
  .lh-sm-62 {
    line-height: 62px;
  }
  .lh-sm-62--force {
    line-height: 62px !important;
  }
  .lh-sm-63 {
    line-height: 63px;
  }
  .lh-sm-63--force {
    line-height: 63px !important;
  }
  .lh-sm-64 {
    line-height: 64px;
  }
  .lh-sm-64--force {
    line-height: 64px !important;
  }
  .lh-sm-65 {
    line-height: 65px;
  }
  .lh-sm-65--force {
    line-height: 65px !important;
  }
  .lh-sm-66 {
    line-height: 66px;
  }
  .lh-sm-66--force {
    line-height: 66px !important;
  }
  .lh-sm-67 {
    line-height: 67px;
  }
  .lh-sm-67--force {
    line-height: 67px !important;
  }
  .lh-sm-68 {
    line-height: 68px;
  }
  .lh-sm-68--force {
    line-height: 68px !important;
  }
  .lh-sm-69 {
    line-height: 69px;
  }
  .lh-sm-69--force {
    line-height: 69px !important;
  }
  .lh-sm-70 {
    line-height: 70px;
  }
  .lh-sm-70--force {
    line-height: 70px !important;
  }
  .lh-sm-71 {
    line-height: 71px;
  }
  .lh-sm-71--force {
    line-height: 71px !important;
  }
  .lh-sm-72 {
    line-height: 72px;
  }
  .lh-sm-72--force {
    line-height: 72px !important;
  }
  .lh-sm-73 {
    line-height: 73px;
  }
  .lh-sm-73--force {
    line-height: 73px !important;
  }
  .lh-sm-74 {
    line-height: 74px;
  }
  .lh-sm-74--force {
    line-height: 74px !important;
  }
  .lh-sm-75 {
    line-height: 75px;
  }
  .lh-sm-75--force {
    line-height: 75px !important;
  }
  .lh-sm-76 {
    line-height: 76px;
  }
  .lh-sm-76--force {
    line-height: 76px !important;
  }
  .lh-sm-77 {
    line-height: 77px;
  }
  .lh-sm-77--force {
    line-height: 77px !important;
  }
  .lh-sm-78 {
    line-height: 78px;
  }
  .lh-sm-78--force {
    line-height: 78px !important;
  }
  .lh-sm-79 {
    line-height: 79px;
  }
  .lh-sm-79--force {
    line-height: 79px !important;
  }
  .lh-sm-80 {
    line-height: 80px;
  }
  .lh-sm-80--force {
    line-height: 80px !important;
  }
  .lh-sm-81 {
    line-height: 81px;
  }
  .lh-sm-81--force {
    line-height: 81px !important;
  }
  .lh-sm-82 {
    line-height: 82px;
  }
  .lh-sm-82--force {
    line-height: 82px !important;
  }
  .lh-sm-83 {
    line-height: 83px;
  }
  .lh-sm-83--force {
    line-height: 83px !important;
  }
  .lh-sm-84 {
    line-height: 84px;
  }
  .lh-sm-84--force {
    line-height: 84px !important;
  }
  .lh-sm-85 {
    line-height: 85px;
  }
  .lh-sm-85--force {
    line-height: 85px !important;
  }
  .lh-sm-86 {
    line-height: 86px;
  }
  .lh-sm-86--force {
    line-height: 86px !important;
  }
  .lh-sm-87 {
    line-height: 87px;
  }
  .lh-sm-87--force {
    line-height: 87px !important;
  }
  .lh-sm-88 {
    line-height: 88px;
  }
  .lh-sm-88--force {
    line-height: 88px !important;
  }
  .lh-sm-89 {
    line-height: 89px;
  }
  .lh-sm-89--force {
    line-height: 89px !important;
  }
  .lh-sm-90 {
    line-height: 90px;
  }
  .lh-sm-90--force {
    line-height: 90px !important;
  }
  .lh-sm-91 {
    line-height: 91px;
  }
  .lh-sm-91--force {
    line-height: 91px !important;
  }
  .lh-sm-92 {
    line-height: 92px;
  }
  .lh-sm-92--force {
    line-height: 92px !important;
  }
  .lh-sm-93 {
    line-height: 93px;
  }
  .lh-sm-93--force {
    line-height: 93px !important;
  }
  .lh-sm-94 {
    line-height: 94px;
  }
  .lh-sm-94--force {
    line-height: 94px !important;
  }
  .lh-sm-95 {
    line-height: 95px;
  }
  .lh-sm-95--force {
    line-height: 95px !important;
  }
  .lh-sm-96 {
    line-height: 96px;
  }
  .lh-sm-96--force {
    line-height: 96px !important;
  }
  .lh-sm-97 {
    line-height: 97px;
  }
  .lh-sm-97--force {
    line-height: 97px !important;
  }
  .lh-sm-98 {
    line-height: 98px;
  }
  .lh-sm-98--force {
    line-height: 98px !important;
  }
  .lh-sm-99 {
    line-height: 99px;
  }
  .lh-sm-99--force {
    line-height: 99px !important;
  }
  .lh-sm-100 {
    line-height: 100px;
  }
  .lh-sm-100--force {
    line-height: 100px !important;
  }
}
@media screen and (min-width: 1024px) {
  .lh-md-0 {
    line-height: 0px;
  }
  .lh-md-0--force {
    line-height: 0px !important;
  }
  .lh-md-1 {
    line-height: 1px;
  }
  .lh-md-1--force {
    line-height: 1px !important;
  }
  .lh-md-2 {
    line-height: 2px;
  }
  .lh-md-2--force {
    line-height: 2px !important;
  }
  .lh-md-3 {
    line-height: 3px;
  }
  .lh-md-3--force {
    line-height: 3px !important;
  }
  .lh-md-4 {
    line-height: 4px;
  }
  .lh-md-4--force {
    line-height: 4px !important;
  }
  .lh-md-5 {
    line-height: 5px;
  }
  .lh-md-5--force {
    line-height: 5px !important;
  }
  .lh-md-6 {
    line-height: 6px;
  }
  .lh-md-6--force {
    line-height: 6px !important;
  }
  .lh-md-7 {
    line-height: 7px;
  }
  .lh-md-7--force {
    line-height: 7px !important;
  }
  .lh-md-8 {
    line-height: 8px;
  }
  .lh-md-8--force {
    line-height: 8px !important;
  }
  .lh-md-9 {
    line-height: 9px;
  }
  .lh-md-9--force {
    line-height: 9px !important;
  }
  .lh-md-10 {
    line-height: 10px;
  }
  .lh-md-10--force {
    line-height: 10px !important;
  }
  .lh-md-11 {
    line-height: 11px;
  }
  .lh-md-11--force {
    line-height: 11px !important;
  }
  .lh-md-12 {
    line-height: 12px;
  }
  .lh-md-12--force {
    line-height: 12px !important;
  }
  .lh-md-13 {
    line-height: 13px;
  }
  .lh-md-13--force {
    line-height: 13px !important;
  }
  .lh-md-14 {
    line-height: 14px;
  }
  .lh-md-14--force {
    line-height: 14px !important;
  }
  .lh-md-15 {
    line-height: 15px;
  }
  .lh-md-15--force {
    line-height: 15px !important;
  }
  .lh-md-16 {
    line-height: 16px;
  }
  .lh-md-16--force {
    line-height: 16px !important;
  }
  .lh-md-17 {
    line-height: 17px;
  }
  .lh-md-17--force {
    line-height: 17px !important;
  }
  .lh-md-18 {
    line-height: 18px;
  }
  .lh-md-18--force {
    line-height: 18px !important;
  }
  .lh-md-19 {
    line-height: 19px;
  }
  .lh-md-19--force {
    line-height: 19px !important;
  }
  .lh-md-20 {
    line-height: 20px;
  }
  .lh-md-20--force {
    line-height: 20px !important;
  }
  .lh-md-21 {
    line-height: 21px;
  }
  .lh-md-21--force {
    line-height: 21px !important;
  }
  .lh-md-22 {
    line-height: 22px;
  }
  .lh-md-22--force {
    line-height: 22px !important;
  }
  .lh-md-23 {
    line-height: 23px;
  }
  .lh-md-23--force {
    line-height: 23px !important;
  }
  .lh-md-24 {
    line-height: 24px;
  }
  .lh-md-24--force {
    line-height: 24px !important;
  }
  .lh-md-25 {
    line-height: 25px;
  }
  .lh-md-25--force {
    line-height: 25px !important;
  }
  .lh-md-26 {
    line-height: 26px;
  }
  .lh-md-26--force {
    line-height: 26px !important;
  }
  .lh-md-27 {
    line-height: 27px;
  }
  .lh-md-27--force {
    line-height: 27px !important;
  }
  .lh-md-28 {
    line-height: 28px;
  }
  .lh-md-28--force {
    line-height: 28px !important;
  }
  .lh-md-29 {
    line-height: 29px;
  }
  .lh-md-29--force {
    line-height: 29px !important;
  }
  .lh-md-30 {
    line-height: 30px;
  }
  .lh-md-30--force {
    line-height: 30px !important;
  }
  .lh-md-31 {
    line-height: 31px;
  }
  .lh-md-31--force {
    line-height: 31px !important;
  }
  .lh-md-32 {
    line-height: 32px;
  }
  .lh-md-32--force {
    line-height: 32px !important;
  }
  .lh-md-33 {
    line-height: 33px;
  }
  .lh-md-33--force {
    line-height: 33px !important;
  }
  .lh-md-34 {
    line-height: 34px;
  }
  .lh-md-34--force {
    line-height: 34px !important;
  }
  .lh-md-35 {
    line-height: 35px;
  }
  .lh-md-35--force {
    line-height: 35px !important;
  }
  .lh-md-36 {
    line-height: 36px;
  }
  .lh-md-36--force {
    line-height: 36px !important;
  }
  .lh-md-37 {
    line-height: 37px;
  }
  .lh-md-37--force {
    line-height: 37px !important;
  }
  .lh-md-38 {
    line-height: 38px;
  }
  .lh-md-38--force {
    line-height: 38px !important;
  }
  .lh-md-39 {
    line-height: 39px;
  }
  .lh-md-39--force {
    line-height: 39px !important;
  }
  .lh-md-40 {
    line-height: 40px;
  }
  .lh-md-40--force {
    line-height: 40px !important;
  }
  .lh-md-41 {
    line-height: 41px;
  }
  .lh-md-41--force {
    line-height: 41px !important;
  }
  .lh-md-42 {
    line-height: 42px;
  }
  .lh-md-42--force {
    line-height: 42px !important;
  }
  .lh-md-43 {
    line-height: 43px;
  }
  .lh-md-43--force {
    line-height: 43px !important;
  }
  .lh-md-44 {
    line-height: 44px;
  }
  .lh-md-44--force {
    line-height: 44px !important;
  }
  .lh-md-45 {
    line-height: 45px;
  }
  .lh-md-45--force {
    line-height: 45px !important;
  }
  .lh-md-46 {
    line-height: 46px;
  }
  .lh-md-46--force {
    line-height: 46px !important;
  }
  .lh-md-47 {
    line-height: 47px;
  }
  .lh-md-47--force {
    line-height: 47px !important;
  }
  .lh-md-48 {
    line-height: 48px;
  }
  .lh-md-48--force {
    line-height: 48px !important;
  }
  .lh-md-49 {
    line-height: 49px;
  }
  .lh-md-49--force {
    line-height: 49px !important;
  }
  .lh-md-50 {
    line-height: 50px;
  }
  .lh-md-50--force {
    line-height: 50px !important;
  }
  .lh-md-51 {
    line-height: 51px;
  }
  .lh-md-51--force {
    line-height: 51px !important;
  }
  .lh-md-52 {
    line-height: 52px;
  }
  .lh-md-52--force {
    line-height: 52px !important;
  }
  .lh-md-53 {
    line-height: 53px;
  }
  .lh-md-53--force {
    line-height: 53px !important;
  }
  .lh-md-54 {
    line-height: 54px;
  }
  .lh-md-54--force {
    line-height: 54px !important;
  }
  .lh-md-55 {
    line-height: 55px;
  }
  .lh-md-55--force {
    line-height: 55px !important;
  }
  .lh-md-56 {
    line-height: 56px;
  }
  .lh-md-56--force {
    line-height: 56px !important;
  }
  .lh-md-57 {
    line-height: 57px;
  }
  .lh-md-57--force {
    line-height: 57px !important;
  }
  .lh-md-58 {
    line-height: 58px;
  }
  .lh-md-58--force {
    line-height: 58px !important;
  }
  .lh-md-59 {
    line-height: 59px;
  }
  .lh-md-59--force {
    line-height: 59px !important;
  }
  .lh-md-60 {
    line-height: 60px;
  }
  .lh-md-60--force {
    line-height: 60px !important;
  }
  .lh-md-61 {
    line-height: 61px;
  }
  .lh-md-61--force {
    line-height: 61px !important;
  }
  .lh-md-62 {
    line-height: 62px;
  }
  .lh-md-62--force {
    line-height: 62px !important;
  }
  .lh-md-63 {
    line-height: 63px;
  }
  .lh-md-63--force {
    line-height: 63px !important;
  }
  .lh-md-64 {
    line-height: 64px;
  }
  .lh-md-64--force {
    line-height: 64px !important;
  }
  .lh-md-65 {
    line-height: 65px;
  }
  .lh-md-65--force {
    line-height: 65px !important;
  }
  .lh-md-66 {
    line-height: 66px;
  }
  .lh-md-66--force {
    line-height: 66px !important;
  }
  .lh-md-67 {
    line-height: 67px;
  }
  .lh-md-67--force {
    line-height: 67px !important;
  }
  .lh-md-68 {
    line-height: 68px;
  }
  .lh-md-68--force {
    line-height: 68px !important;
  }
  .lh-md-69 {
    line-height: 69px;
  }
  .lh-md-69--force {
    line-height: 69px !important;
  }
  .lh-md-70 {
    line-height: 70px;
  }
  .lh-md-70--force {
    line-height: 70px !important;
  }
  .lh-md-71 {
    line-height: 71px;
  }
  .lh-md-71--force {
    line-height: 71px !important;
  }
  .lh-md-72 {
    line-height: 72px;
  }
  .lh-md-72--force {
    line-height: 72px !important;
  }
  .lh-md-73 {
    line-height: 73px;
  }
  .lh-md-73--force {
    line-height: 73px !important;
  }
  .lh-md-74 {
    line-height: 74px;
  }
  .lh-md-74--force {
    line-height: 74px !important;
  }
  .lh-md-75 {
    line-height: 75px;
  }
  .lh-md-75--force {
    line-height: 75px !important;
  }
  .lh-md-76 {
    line-height: 76px;
  }
  .lh-md-76--force {
    line-height: 76px !important;
  }
  .lh-md-77 {
    line-height: 77px;
  }
  .lh-md-77--force {
    line-height: 77px !important;
  }
  .lh-md-78 {
    line-height: 78px;
  }
  .lh-md-78--force {
    line-height: 78px !important;
  }
  .lh-md-79 {
    line-height: 79px;
  }
  .lh-md-79--force {
    line-height: 79px !important;
  }
  .lh-md-80 {
    line-height: 80px;
  }
  .lh-md-80--force {
    line-height: 80px !important;
  }
  .lh-md-81 {
    line-height: 81px;
  }
  .lh-md-81--force {
    line-height: 81px !important;
  }
  .lh-md-82 {
    line-height: 82px;
  }
  .lh-md-82--force {
    line-height: 82px !important;
  }
  .lh-md-83 {
    line-height: 83px;
  }
  .lh-md-83--force {
    line-height: 83px !important;
  }
  .lh-md-84 {
    line-height: 84px;
  }
  .lh-md-84--force {
    line-height: 84px !important;
  }
  .lh-md-85 {
    line-height: 85px;
  }
  .lh-md-85--force {
    line-height: 85px !important;
  }
  .lh-md-86 {
    line-height: 86px;
  }
  .lh-md-86--force {
    line-height: 86px !important;
  }
  .lh-md-87 {
    line-height: 87px;
  }
  .lh-md-87--force {
    line-height: 87px !important;
  }
  .lh-md-88 {
    line-height: 88px;
  }
  .lh-md-88--force {
    line-height: 88px !important;
  }
  .lh-md-89 {
    line-height: 89px;
  }
  .lh-md-89--force {
    line-height: 89px !important;
  }
  .lh-md-90 {
    line-height: 90px;
  }
  .lh-md-90--force {
    line-height: 90px !important;
  }
  .lh-md-91 {
    line-height: 91px;
  }
  .lh-md-91--force {
    line-height: 91px !important;
  }
  .lh-md-92 {
    line-height: 92px;
  }
  .lh-md-92--force {
    line-height: 92px !important;
  }
  .lh-md-93 {
    line-height: 93px;
  }
  .lh-md-93--force {
    line-height: 93px !important;
  }
  .lh-md-94 {
    line-height: 94px;
  }
  .lh-md-94--force {
    line-height: 94px !important;
  }
  .lh-md-95 {
    line-height: 95px;
  }
  .lh-md-95--force {
    line-height: 95px !important;
  }
  .lh-md-96 {
    line-height: 96px;
  }
  .lh-md-96--force {
    line-height: 96px !important;
  }
  .lh-md-97 {
    line-height: 97px;
  }
  .lh-md-97--force {
    line-height: 97px !important;
  }
  .lh-md-98 {
    line-height: 98px;
  }
  .lh-md-98--force {
    line-height: 98px !important;
  }
  .lh-md-99 {
    line-height: 99px;
  }
  .lh-md-99--force {
    line-height: 99px !important;
  }
  .lh-md-100 {
    line-height: 100px;
  }
  .lh-md-100--force {
    line-height: 100px !important;
  }
}
@media screen and (min-width: 1280px) {
  .lh-lg-0 {
    line-height: 0px;
  }
  .lh-lg-0--force {
    line-height: 0px !important;
  }
  .lh-lg-1 {
    line-height: 1px;
  }
  .lh-lg-1--force {
    line-height: 1px !important;
  }
  .lh-lg-2 {
    line-height: 2px;
  }
  .lh-lg-2--force {
    line-height: 2px !important;
  }
  .lh-lg-3 {
    line-height: 3px;
  }
  .lh-lg-3--force {
    line-height: 3px !important;
  }
  .lh-lg-4 {
    line-height: 4px;
  }
  .lh-lg-4--force {
    line-height: 4px !important;
  }
  .lh-lg-5 {
    line-height: 5px;
  }
  .lh-lg-5--force {
    line-height: 5px !important;
  }
  .lh-lg-6 {
    line-height: 6px;
  }
  .lh-lg-6--force {
    line-height: 6px !important;
  }
  .lh-lg-7 {
    line-height: 7px;
  }
  .lh-lg-7--force {
    line-height: 7px !important;
  }
  .lh-lg-8 {
    line-height: 8px;
  }
  .lh-lg-8--force {
    line-height: 8px !important;
  }
  .lh-lg-9 {
    line-height: 9px;
  }
  .lh-lg-9--force {
    line-height: 9px !important;
  }
  .lh-lg-10 {
    line-height: 10px;
  }
  .lh-lg-10--force {
    line-height: 10px !important;
  }
  .lh-lg-11 {
    line-height: 11px;
  }
  .lh-lg-11--force {
    line-height: 11px !important;
  }
  .lh-lg-12 {
    line-height: 12px;
  }
  .lh-lg-12--force {
    line-height: 12px !important;
  }
  .lh-lg-13 {
    line-height: 13px;
  }
  .lh-lg-13--force {
    line-height: 13px !important;
  }
  .lh-lg-14 {
    line-height: 14px;
  }
  .lh-lg-14--force {
    line-height: 14px !important;
  }
  .lh-lg-15 {
    line-height: 15px;
  }
  .lh-lg-15--force {
    line-height: 15px !important;
  }
  .lh-lg-16 {
    line-height: 16px;
  }
  .lh-lg-16--force {
    line-height: 16px !important;
  }
  .lh-lg-17 {
    line-height: 17px;
  }
  .lh-lg-17--force {
    line-height: 17px !important;
  }
  .lh-lg-18 {
    line-height: 18px;
  }
  .lh-lg-18--force {
    line-height: 18px !important;
  }
  .lh-lg-19 {
    line-height: 19px;
  }
  .lh-lg-19--force {
    line-height: 19px !important;
  }
  .lh-lg-20 {
    line-height: 20px;
  }
  .lh-lg-20--force {
    line-height: 20px !important;
  }
  .lh-lg-21 {
    line-height: 21px;
  }
  .lh-lg-21--force {
    line-height: 21px !important;
  }
  .lh-lg-22 {
    line-height: 22px;
  }
  .lh-lg-22--force {
    line-height: 22px !important;
  }
  .lh-lg-23 {
    line-height: 23px;
  }
  .lh-lg-23--force {
    line-height: 23px !important;
  }
  .lh-lg-24 {
    line-height: 24px;
  }
  .lh-lg-24--force {
    line-height: 24px !important;
  }
  .lh-lg-25 {
    line-height: 25px;
  }
  .lh-lg-25--force {
    line-height: 25px !important;
  }
  .lh-lg-26 {
    line-height: 26px;
  }
  .lh-lg-26--force {
    line-height: 26px !important;
  }
  .lh-lg-27 {
    line-height: 27px;
  }
  .lh-lg-27--force {
    line-height: 27px !important;
  }
  .lh-lg-28 {
    line-height: 28px;
  }
  .lh-lg-28--force {
    line-height: 28px !important;
  }
  .lh-lg-29 {
    line-height: 29px;
  }
  .lh-lg-29--force {
    line-height: 29px !important;
  }
  .lh-lg-30 {
    line-height: 30px;
  }
  .lh-lg-30--force {
    line-height: 30px !important;
  }
  .lh-lg-31 {
    line-height: 31px;
  }
  .lh-lg-31--force {
    line-height: 31px !important;
  }
  .lh-lg-32 {
    line-height: 32px;
  }
  .lh-lg-32--force {
    line-height: 32px !important;
  }
  .lh-lg-33 {
    line-height: 33px;
  }
  .lh-lg-33--force {
    line-height: 33px !important;
  }
  .lh-lg-34 {
    line-height: 34px;
  }
  .lh-lg-34--force {
    line-height: 34px !important;
  }
  .lh-lg-35 {
    line-height: 35px;
  }
  .lh-lg-35--force {
    line-height: 35px !important;
  }
  .lh-lg-36 {
    line-height: 36px;
  }
  .lh-lg-36--force {
    line-height: 36px !important;
  }
  .lh-lg-37 {
    line-height: 37px;
  }
  .lh-lg-37--force {
    line-height: 37px !important;
  }
  .lh-lg-38 {
    line-height: 38px;
  }
  .lh-lg-38--force {
    line-height: 38px !important;
  }
  .lh-lg-39 {
    line-height: 39px;
  }
  .lh-lg-39--force {
    line-height: 39px !important;
  }
  .lh-lg-40 {
    line-height: 40px;
  }
  .lh-lg-40--force {
    line-height: 40px !important;
  }
  .lh-lg-41 {
    line-height: 41px;
  }
  .lh-lg-41--force {
    line-height: 41px !important;
  }
  .lh-lg-42 {
    line-height: 42px;
  }
  .lh-lg-42--force {
    line-height: 42px !important;
  }
  .lh-lg-43 {
    line-height: 43px;
  }
  .lh-lg-43--force {
    line-height: 43px !important;
  }
  .lh-lg-44 {
    line-height: 44px;
  }
  .lh-lg-44--force {
    line-height: 44px !important;
  }
  .lh-lg-45 {
    line-height: 45px;
  }
  .lh-lg-45--force {
    line-height: 45px !important;
  }
  .lh-lg-46 {
    line-height: 46px;
  }
  .lh-lg-46--force {
    line-height: 46px !important;
  }
  .lh-lg-47 {
    line-height: 47px;
  }
  .lh-lg-47--force {
    line-height: 47px !important;
  }
  .lh-lg-48 {
    line-height: 48px;
  }
  .lh-lg-48--force {
    line-height: 48px !important;
  }
  .lh-lg-49 {
    line-height: 49px;
  }
  .lh-lg-49--force {
    line-height: 49px !important;
  }
  .lh-lg-50 {
    line-height: 50px;
  }
  .lh-lg-50--force {
    line-height: 50px !important;
  }
  .lh-lg-51 {
    line-height: 51px;
  }
  .lh-lg-51--force {
    line-height: 51px !important;
  }
  .lh-lg-52 {
    line-height: 52px;
  }
  .lh-lg-52--force {
    line-height: 52px !important;
  }
  .lh-lg-53 {
    line-height: 53px;
  }
  .lh-lg-53--force {
    line-height: 53px !important;
  }
  .lh-lg-54 {
    line-height: 54px;
  }
  .lh-lg-54--force {
    line-height: 54px !important;
  }
  .lh-lg-55 {
    line-height: 55px;
  }
  .lh-lg-55--force {
    line-height: 55px !important;
  }
  .lh-lg-56 {
    line-height: 56px;
  }
  .lh-lg-56--force {
    line-height: 56px !important;
  }
  .lh-lg-57 {
    line-height: 57px;
  }
  .lh-lg-57--force {
    line-height: 57px !important;
  }
  .lh-lg-58 {
    line-height: 58px;
  }
  .lh-lg-58--force {
    line-height: 58px !important;
  }
  .lh-lg-59 {
    line-height: 59px;
  }
  .lh-lg-59--force {
    line-height: 59px !important;
  }
  .lh-lg-60 {
    line-height: 60px;
  }
  .lh-lg-60--force {
    line-height: 60px !important;
  }
  .lh-lg-61 {
    line-height: 61px;
  }
  .lh-lg-61--force {
    line-height: 61px !important;
  }
  .lh-lg-62 {
    line-height: 62px;
  }
  .lh-lg-62--force {
    line-height: 62px !important;
  }
  .lh-lg-63 {
    line-height: 63px;
  }
  .lh-lg-63--force {
    line-height: 63px !important;
  }
  .lh-lg-64 {
    line-height: 64px;
  }
  .lh-lg-64--force {
    line-height: 64px !important;
  }
  .lh-lg-65 {
    line-height: 65px;
  }
  .lh-lg-65--force {
    line-height: 65px !important;
  }
  .lh-lg-66 {
    line-height: 66px;
  }
  .lh-lg-66--force {
    line-height: 66px !important;
  }
  .lh-lg-67 {
    line-height: 67px;
  }
  .lh-lg-67--force {
    line-height: 67px !important;
  }
  .lh-lg-68 {
    line-height: 68px;
  }
  .lh-lg-68--force {
    line-height: 68px !important;
  }
  .lh-lg-69 {
    line-height: 69px;
  }
  .lh-lg-69--force {
    line-height: 69px !important;
  }
  .lh-lg-70 {
    line-height: 70px;
  }
  .lh-lg-70--force {
    line-height: 70px !important;
  }
  .lh-lg-71 {
    line-height: 71px;
  }
  .lh-lg-71--force {
    line-height: 71px !important;
  }
  .lh-lg-72 {
    line-height: 72px;
  }
  .lh-lg-72--force {
    line-height: 72px !important;
  }
  .lh-lg-73 {
    line-height: 73px;
  }
  .lh-lg-73--force {
    line-height: 73px !important;
  }
  .lh-lg-74 {
    line-height: 74px;
  }
  .lh-lg-74--force {
    line-height: 74px !important;
  }
  .lh-lg-75 {
    line-height: 75px;
  }
  .lh-lg-75--force {
    line-height: 75px !important;
  }
  .lh-lg-76 {
    line-height: 76px;
  }
  .lh-lg-76--force {
    line-height: 76px !important;
  }
  .lh-lg-77 {
    line-height: 77px;
  }
  .lh-lg-77--force {
    line-height: 77px !important;
  }
  .lh-lg-78 {
    line-height: 78px;
  }
  .lh-lg-78--force {
    line-height: 78px !important;
  }
  .lh-lg-79 {
    line-height: 79px;
  }
  .lh-lg-79--force {
    line-height: 79px !important;
  }
  .lh-lg-80 {
    line-height: 80px;
  }
  .lh-lg-80--force {
    line-height: 80px !important;
  }
  .lh-lg-81 {
    line-height: 81px;
  }
  .lh-lg-81--force {
    line-height: 81px !important;
  }
  .lh-lg-82 {
    line-height: 82px;
  }
  .lh-lg-82--force {
    line-height: 82px !important;
  }
  .lh-lg-83 {
    line-height: 83px;
  }
  .lh-lg-83--force {
    line-height: 83px !important;
  }
  .lh-lg-84 {
    line-height: 84px;
  }
  .lh-lg-84--force {
    line-height: 84px !important;
  }
  .lh-lg-85 {
    line-height: 85px;
  }
  .lh-lg-85--force {
    line-height: 85px !important;
  }
  .lh-lg-86 {
    line-height: 86px;
  }
  .lh-lg-86--force {
    line-height: 86px !important;
  }
  .lh-lg-87 {
    line-height: 87px;
  }
  .lh-lg-87--force {
    line-height: 87px !important;
  }
  .lh-lg-88 {
    line-height: 88px;
  }
  .lh-lg-88--force {
    line-height: 88px !important;
  }
  .lh-lg-89 {
    line-height: 89px;
  }
  .lh-lg-89--force {
    line-height: 89px !important;
  }
  .lh-lg-90 {
    line-height: 90px;
  }
  .lh-lg-90--force {
    line-height: 90px !important;
  }
  .lh-lg-91 {
    line-height: 91px;
  }
  .lh-lg-91--force {
    line-height: 91px !important;
  }
  .lh-lg-92 {
    line-height: 92px;
  }
  .lh-lg-92--force {
    line-height: 92px !important;
  }
  .lh-lg-93 {
    line-height: 93px;
  }
  .lh-lg-93--force {
    line-height: 93px !important;
  }
  .lh-lg-94 {
    line-height: 94px;
  }
  .lh-lg-94--force {
    line-height: 94px !important;
  }
  .lh-lg-95 {
    line-height: 95px;
  }
  .lh-lg-95--force {
    line-height: 95px !important;
  }
  .lh-lg-96 {
    line-height: 96px;
  }
  .lh-lg-96--force {
    line-height: 96px !important;
  }
  .lh-lg-97 {
    line-height: 97px;
  }
  .lh-lg-97--force {
    line-height: 97px !important;
  }
  .lh-lg-98 {
    line-height: 98px;
  }
  .lh-lg-98--force {
    line-height: 98px !important;
  }
  .lh-lg-99 {
    line-height: 99px;
  }
  .lh-lg-99--force {
    line-height: 99px !important;
  }
  .lh-lg-100 {
    line-height: 100px;
  }
  .lh-lg-100--force {
    line-height: 100px !important;
  }
}
@media screen and (min-width: 1536px) {
  .lh-xl-0 {
    line-height: 0px;
  }
  .lh-xl-0--force {
    line-height: 0px !important;
  }
  .lh-xl-1 {
    line-height: 1px;
  }
  .lh-xl-1--force {
    line-height: 1px !important;
  }
  .lh-xl-2 {
    line-height: 2px;
  }
  .lh-xl-2--force {
    line-height: 2px !important;
  }
  .lh-xl-3 {
    line-height: 3px;
  }
  .lh-xl-3--force {
    line-height: 3px !important;
  }
  .lh-xl-4 {
    line-height: 4px;
  }
  .lh-xl-4--force {
    line-height: 4px !important;
  }
  .lh-xl-5 {
    line-height: 5px;
  }
  .lh-xl-5--force {
    line-height: 5px !important;
  }
  .lh-xl-6 {
    line-height: 6px;
  }
  .lh-xl-6--force {
    line-height: 6px !important;
  }
  .lh-xl-7 {
    line-height: 7px;
  }
  .lh-xl-7--force {
    line-height: 7px !important;
  }
  .lh-xl-8 {
    line-height: 8px;
  }
  .lh-xl-8--force {
    line-height: 8px !important;
  }
  .lh-xl-9 {
    line-height: 9px;
  }
  .lh-xl-9--force {
    line-height: 9px !important;
  }
  .lh-xl-10 {
    line-height: 10px;
  }
  .lh-xl-10--force {
    line-height: 10px !important;
  }
  .lh-xl-11 {
    line-height: 11px;
  }
  .lh-xl-11--force {
    line-height: 11px !important;
  }
  .lh-xl-12 {
    line-height: 12px;
  }
  .lh-xl-12--force {
    line-height: 12px !important;
  }
  .lh-xl-13 {
    line-height: 13px;
  }
  .lh-xl-13--force {
    line-height: 13px !important;
  }
  .lh-xl-14 {
    line-height: 14px;
  }
  .lh-xl-14--force {
    line-height: 14px !important;
  }
  .lh-xl-15 {
    line-height: 15px;
  }
  .lh-xl-15--force {
    line-height: 15px !important;
  }
  .lh-xl-16 {
    line-height: 16px;
  }
  .lh-xl-16--force {
    line-height: 16px !important;
  }
  .lh-xl-17 {
    line-height: 17px;
  }
  .lh-xl-17--force {
    line-height: 17px !important;
  }
  .lh-xl-18 {
    line-height: 18px;
  }
  .lh-xl-18--force {
    line-height: 18px !important;
  }
  .lh-xl-19 {
    line-height: 19px;
  }
  .lh-xl-19--force {
    line-height: 19px !important;
  }
  .lh-xl-20 {
    line-height: 20px;
  }
  .lh-xl-20--force {
    line-height: 20px !important;
  }
  .lh-xl-21 {
    line-height: 21px;
  }
  .lh-xl-21--force {
    line-height: 21px !important;
  }
  .lh-xl-22 {
    line-height: 22px;
  }
  .lh-xl-22--force {
    line-height: 22px !important;
  }
  .lh-xl-23 {
    line-height: 23px;
  }
  .lh-xl-23--force {
    line-height: 23px !important;
  }
  .lh-xl-24 {
    line-height: 24px;
  }
  .lh-xl-24--force {
    line-height: 24px !important;
  }
  .lh-xl-25 {
    line-height: 25px;
  }
  .lh-xl-25--force {
    line-height: 25px !important;
  }
  .lh-xl-26 {
    line-height: 26px;
  }
  .lh-xl-26--force {
    line-height: 26px !important;
  }
  .lh-xl-27 {
    line-height: 27px;
  }
  .lh-xl-27--force {
    line-height: 27px !important;
  }
  .lh-xl-28 {
    line-height: 28px;
  }
  .lh-xl-28--force {
    line-height: 28px !important;
  }
  .lh-xl-29 {
    line-height: 29px;
  }
  .lh-xl-29--force {
    line-height: 29px !important;
  }
  .lh-xl-30 {
    line-height: 30px;
  }
  .lh-xl-30--force {
    line-height: 30px !important;
  }
  .lh-xl-31 {
    line-height: 31px;
  }
  .lh-xl-31--force {
    line-height: 31px !important;
  }
  .lh-xl-32 {
    line-height: 32px;
  }
  .lh-xl-32--force {
    line-height: 32px !important;
  }
  .lh-xl-33 {
    line-height: 33px;
  }
  .lh-xl-33--force {
    line-height: 33px !important;
  }
  .lh-xl-34 {
    line-height: 34px;
  }
  .lh-xl-34--force {
    line-height: 34px !important;
  }
  .lh-xl-35 {
    line-height: 35px;
  }
  .lh-xl-35--force {
    line-height: 35px !important;
  }
  .lh-xl-36 {
    line-height: 36px;
  }
  .lh-xl-36--force {
    line-height: 36px !important;
  }
  .lh-xl-37 {
    line-height: 37px;
  }
  .lh-xl-37--force {
    line-height: 37px !important;
  }
  .lh-xl-38 {
    line-height: 38px;
  }
  .lh-xl-38--force {
    line-height: 38px !important;
  }
  .lh-xl-39 {
    line-height: 39px;
  }
  .lh-xl-39--force {
    line-height: 39px !important;
  }
  .lh-xl-40 {
    line-height: 40px;
  }
  .lh-xl-40--force {
    line-height: 40px !important;
  }
  .lh-xl-41 {
    line-height: 41px;
  }
  .lh-xl-41--force {
    line-height: 41px !important;
  }
  .lh-xl-42 {
    line-height: 42px;
  }
  .lh-xl-42--force {
    line-height: 42px !important;
  }
  .lh-xl-43 {
    line-height: 43px;
  }
  .lh-xl-43--force {
    line-height: 43px !important;
  }
  .lh-xl-44 {
    line-height: 44px;
  }
  .lh-xl-44--force {
    line-height: 44px !important;
  }
  .lh-xl-45 {
    line-height: 45px;
  }
  .lh-xl-45--force {
    line-height: 45px !important;
  }
  .lh-xl-46 {
    line-height: 46px;
  }
  .lh-xl-46--force {
    line-height: 46px !important;
  }
  .lh-xl-47 {
    line-height: 47px;
  }
  .lh-xl-47--force {
    line-height: 47px !important;
  }
  .lh-xl-48 {
    line-height: 48px;
  }
  .lh-xl-48--force {
    line-height: 48px !important;
  }
  .lh-xl-49 {
    line-height: 49px;
  }
  .lh-xl-49--force {
    line-height: 49px !important;
  }
  .lh-xl-50 {
    line-height: 50px;
  }
  .lh-xl-50--force {
    line-height: 50px !important;
  }
  .lh-xl-51 {
    line-height: 51px;
  }
  .lh-xl-51--force {
    line-height: 51px !important;
  }
  .lh-xl-52 {
    line-height: 52px;
  }
  .lh-xl-52--force {
    line-height: 52px !important;
  }
  .lh-xl-53 {
    line-height: 53px;
  }
  .lh-xl-53--force {
    line-height: 53px !important;
  }
  .lh-xl-54 {
    line-height: 54px;
  }
  .lh-xl-54--force {
    line-height: 54px !important;
  }
  .lh-xl-55 {
    line-height: 55px;
  }
  .lh-xl-55--force {
    line-height: 55px !important;
  }
  .lh-xl-56 {
    line-height: 56px;
  }
  .lh-xl-56--force {
    line-height: 56px !important;
  }
  .lh-xl-57 {
    line-height: 57px;
  }
  .lh-xl-57--force {
    line-height: 57px !important;
  }
  .lh-xl-58 {
    line-height: 58px;
  }
  .lh-xl-58--force {
    line-height: 58px !important;
  }
  .lh-xl-59 {
    line-height: 59px;
  }
  .lh-xl-59--force {
    line-height: 59px !important;
  }
  .lh-xl-60 {
    line-height: 60px;
  }
  .lh-xl-60--force {
    line-height: 60px !important;
  }
  .lh-xl-61 {
    line-height: 61px;
  }
  .lh-xl-61--force {
    line-height: 61px !important;
  }
  .lh-xl-62 {
    line-height: 62px;
  }
  .lh-xl-62--force {
    line-height: 62px !important;
  }
  .lh-xl-63 {
    line-height: 63px;
  }
  .lh-xl-63--force {
    line-height: 63px !important;
  }
  .lh-xl-64 {
    line-height: 64px;
  }
  .lh-xl-64--force {
    line-height: 64px !important;
  }
  .lh-xl-65 {
    line-height: 65px;
  }
  .lh-xl-65--force {
    line-height: 65px !important;
  }
  .lh-xl-66 {
    line-height: 66px;
  }
  .lh-xl-66--force {
    line-height: 66px !important;
  }
  .lh-xl-67 {
    line-height: 67px;
  }
  .lh-xl-67--force {
    line-height: 67px !important;
  }
  .lh-xl-68 {
    line-height: 68px;
  }
  .lh-xl-68--force {
    line-height: 68px !important;
  }
  .lh-xl-69 {
    line-height: 69px;
  }
  .lh-xl-69--force {
    line-height: 69px !important;
  }
  .lh-xl-70 {
    line-height: 70px;
  }
  .lh-xl-70--force {
    line-height: 70px !important;
  }
  .lh-xl-71 {
    line-height: 71px;
  }
  .lh-xl-71--force {
    line-height: 71px !important;
  }
  .lh-xl-72 {
    line-height: 72px;
  }
  .lh-xl-72--force {
    line-height: 72px !important;
  }
  .lh-xl-73 {
    line-height: 73px;
  }
  .lh-xl-73--force {
    line-height: 73px !important;
  }
  .lh-xl-74 {
    line-height: 74px;
  }
  .lh-xl-74--force {
    line-height: 74px !important;
  }
  .lh-xl-75 {
    line-height: 75px;
  }
  .lh-xl-75--force {
    line-height: 75px !important;
  }
  .lh-xl-76 {
    line-height: 76px;
  }
  .lh-xl-76--force {
    line-height: 76px !important;
  }
  .lh-xl-77 {
    line-height: 77px;
  }
  .lh-xl-77--force {
    line-height: 77px !important;
  }
  .lh-xl-78 {
    line-height: 78px;
  }
  .lh-xl-78--force {
    line-height: 78px !important;
  }
  .lh-xl-79 {
    line-height: 79px;
  }
  .lh-xl-79--force {
    line-height: 79px !important;
  }
  .lh-xl-80 {
    line-height: 80px;
  }
  .lh-xl-80--force {
    line-height: 80px !important;
  }
  .lh-xl-81 {
    line-height: 81px;
  }
  .lh-xl-81--force {
    line-height: 81px !important;
  }
  .lh-xl-82 {
    line-height: 82px;
  }
  .lh-xl-82--force {
    line-height: 82px !important;
  }
  .lh-xl-83 {
    line-height: 83px;
  }
  .lh-xl-83--force {
    line-height: 83px !important;
  }
  .lh-xl-84 {
    line-height: 84px;
  }
  .lh-xl-84--force {
    line-height: 84px !important;
  }
  .lh-xl-85 {
    line-height: 85px;
  }
  .lh-xl-85--force {
    line-height: 85px !important;
  }
  .lh-xl-86 {
    line-height: 86px;
  }
  .lh-xl-86--force {
    line-height: 86px !important;
  }
  .lh-xl-87 {
    line-height: 87px;
  }
  .lh-xl-87--force {
    line-height: 87px !important;
  }
  .lh-xl-88 {
    line-height: 88px;
  }
  .lh-xl-88--force {
    line-height: 88px !important;
  }
  .lh-xl-89 {
    line-height: 89px;
  }
  .lh-xl-89--force {
    line-height: 89px !important;
  }
  .lh-xl-90 {
    line-height: 90px;
  }
  .lh-xl-90--force {
    line-height: 90px !important;
  }
  .lh-xl-91 {
    line-height: 91px;
  }
  .lh-xl-91--force {
    line-height: 91px !important;
  }
  .lh-xl-92 {
    line-height: 92px;
  }
  .lh-xl-92--force {
    line-height: 92px !important;
  }
  .lh-xl-93 {
    line-height: 93px;
  }
  .lh-xl-93--force {
    line-height: 93px !important;
  }
  .lh-xl-94 {
    line-height: 94px;
  }
  .lh-xl-94--force {
    line-height: 94px !important;
  }
  .lh-xl-95 {
    line-height: 95px;
  }
  .lh-xl-95--force {
    line-height: 95px !important;
  }
  .lh-xl-96 {
    line-height: 96px;
  }
  .lh-xl-96--force {
    line-height: 96px !important;
  }
  .lh-xl-97 {
    line-height: 97px;
  }
  .lh-xl-97--force {
    line-height: 97px !important;
  }
  .lh-xl-98 {
    line-height: 98px;
  }
  .lh-xl-98--force {
    line-height: 98px !important;
  }
  .lh-xl-99 {
    line-height: 99px;
  }
  .lh-xl-99--force {
    line-height: 99px !important;
  }
  .lh-xl-100 {
    line-height: 100px;
  }
  .lh-xl-100--force {
    line-height: 100px !important;
  }
}
.text-display-hero {
  font-size: var(--matcha-text-display-hero, 36px);
  font-weight: var(--matcha-weight-extrabold, 800);
  line-height: var(--matcha-leading-display-hero, 40px);
  letter-spacing: var(--matcha-tracking-display-hero, -1.2px);
}

.text-display-hero--force {
  font-size: var(--matcha-text-display-hero, 36px) !important;
  font-weight: var(--matcha-weight-extrabold, 800) !important;
  line-height: var(--matcha-leading-display-hero, 40px) !important;
  letter-spacing: var(--matcha-tracking-display-hero, -1.2px) !important;
}

.text-display {
  font-size: var(--matcha-text-display, 32px);
  font-weight: var(--matcha-weight-bold, 700);
  line-height: var(--matcha-leading-display, 40px);
  letter-spacing: var(--matcha-tracking-display, -0.3px);
}

.text-display--force {
  font-size: var(--matcha-text-display, 32px) !important;
  font-weight: var(--matcha-weight-bold, 700) !important;
  line-height: var(--matcha-leading-display, 40px) !important;
  letter-spacing: var(--matcha-tracking-display, -0.3px) !important;
}

.text-headline {
  font-size: var(--matcha-text-headline, 24px);
  font-weight: var(--matcha-weight-bold, 700);
  line-height: var(--matcha-leading-headline, 32px);
  letter-spacing: var(--matcha-tracking-headline, -0.3px);
}

.text-headline--force {
  font-size: var(--matcha-text-headline, 24px) !important;
  font-weight: var(--matcha-weight-bold, 700) !important;
  line-height: var(--matcha-leading-headline, 32px) !important;
  letter-spacing: var(--matcha-tracking-headline, -0.3px) !important;
}

.text-title-lg {
  font-size: var(--matcha-text-title-lg, 20px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-title-lg, 28px);
}

.text-title-lg--force {
  font-size: var(--matcha-text-title-lg, 20px) !important;
  font-weight: var(--matcha-weight-semibold, 600) !important;
  line-height: var(--matcha-leading-title-lg, 28px) !important;
}

.text-title-md {
  font-size: var(--matcha-text-title-md, 18px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-title-md, 24px);
}

.text-title-md--force {
  font-size: var(--matcha-text-title-md, 18px) !important;
  font-weight: var(--matcha-weight-semibold, 600) !important;
  line-height: var(--matcha-leading-title-md, 24px) !important;
}

.text-title-sm {
  font-size: var(--matcha-text-title-sm, 16px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-title-sm, 22px);
}

.text-title-sm--force {
  font-size: var(--matcha-text-title-sm, 16px) !important;
  font-weight: var(--matcha-weight-semibold, 600) !important;
  line-height: var(--matcha-leading-title-sm, 22px) !important;
}

.text-title-xs {
  font-size: var(--matcha-text-title-xs, 14px);
  font-weight: var(--matcha-weight-extrabold, 800);
  line-height: var(--matcha-leading-title-xs, 20px);
}

.text-title-xs--force {
  font-size: var(--matcha-text-title-xs, 14px) !important;
  font-weight: var(--matcha-weight-extrabold, 800) !important;
  line-height: var(--matcha-leading-title-xs, 20px) !important;
}

.text-body-lg {
  font-size: var(--matcha-text-body-lg, 16px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-lg, 24px);
}

.text-body-lg--force {
  font-size: var(--matcha-text-body-lg, 16px) !important;
  font-weight: var(--matcha-weight-regular, 400) !important;
  line-height: var(--matcha-leading-body-lg, 24px) !important;
}

.text-body-md {
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-md, 20px);
}

.text-body-md--force {
  font-size: var(--matcha-text-body-md, 14px) !important;
  font-weight: var(--matcha-weight-regular, 400) !important;
  line-height: var(--matcha-leading-body-md, 20px) !important;
}

.text-body-sm {
  font-size: var(--matcha-text-body-sm, 12px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-sm, 16px);
}

.text-body-sm--force {
  font-size: var(--matcha-text-body-sm, 12px) !important;
  font-weight: var(--matcha-weight-regular, 400) !important;
  line-height: var(--matcha-leading-body-sm, 16px) !important;
}

.text-p-tiny {
  font-size: var(--matcha-text-p-tiny, 11px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-p-tiny, 14px);
  letter-spacing: var(--matcha-tracking-p-tiny, 0.3px);
}

.text-p-tiny--force {
  font-size: var(--matcha-text-p-tiny, 11px) !important;
  font-weight: var(--matcha-weight-regular, 400) !important;
  line-height: var(--matcha-leading-p-tiny, 14px) !important;
  letter-spacing: var(--matcha-tracking-p-tiny, 0.3px) !important;
}

.text-label-lg {
  font-size: var(--matcha-text-label-lg, 16px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-label-lg, 22px);
}

.text-label-lg--force {
  font-size: var(--matcha-text-label-lg, 16px) !important;
  font-weight: var(--matcha-weight-medium, 500) !important;
  line-height: var(--matcha-leading-label-lg, 22px) !important;
}

.text-label-md {
  font-size: var(--matcha-text-label-md, 14px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-label-md, 20px);
}

.text-label-md--force {
  font-size: var(--matcha-text-label-md, 14px) !important;
  font-weight: var(--matcha-weight-medium, 500) !important;
  line-height: var(--matcha-leading-label-md, 20px) !important;
}

.text-label-sm {
  font-size: var(--matcha-text-label-sm, 12px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-label-sm, 16px);
}

.text-label-sm--force {
  font-size: var(--matcha-text-label-sm, 12px) !important;
  font-weight: var(--matcha-weight-medium, 500) !important;
  line-height: var(--matcha-leading-label-sm, 16px) !important;
}

.text-overline {
  font-size: var(--matcha-text-overline, 10px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-overline, 14px);
  letter-spacing: var(--matcha-tracking-overline, 1px);
  text-transform: uppercase;
}

.text-overline--force {
  font-size: var(--matcha-text-overline, 10px) !important;
  font-weight: var(--matcha-weight-semibold, 600) !important;
  line-height: var(--matcha-leading-overline, 14px) !important;
  letter-spacing: var(--matcha-tracking-overline, 1px) !important;
  text-transform: uppercase !important;
}

@media screen and (max-width: 639px) {
  .text-xs-display-hero {
    font-size: var(--matcha-text-display-hero, 36px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-display-hero, 40px);
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px);
  }
  .text-xs-display-hero--force {
    font-size: var(--matcha-text-display-hero, 36px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-display-hero, 40px) !important;
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px) !important;
  }
  .text-xs-display {
    font-size: var(--matcha-text-display, 32px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-display, 40px);
    letter-spacing: var(--matcha-tracking-display, -0.3px);
  }
  .text-xs-display--force {
    font-size: var(--matcha-text-display, 32px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-display, 40px) !important;
    letter-spacing: var(--matcha-tracking-display, -0.3px) !important;
  }
  .text-xs-headline {
    font-size: var(--matcha-text-headline, 24px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-headline, 32px);
    letter-spacing: var(--matcha-tracking-headline, -0.3px);
  }
  .text-xs-headline--force {
    font-size: var(--matcha-text-headline, 24px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-headline, 32px) !important;
    letter-spacing: var(--matcha-tracking-headline, -0.3px) !important;
  }
  .text-xs-title-lg {
    font-size: var(--matcha-text-title-lg, 20px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-lg, 28px);
  }
  .text-xs-title-lg--force {
    font-size: var(--matcha-text-title-lg, 20px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-lg, 28px) !important;
  }
  .text-xs-title-md {
    font-size: var(--matcha-text-title-md, 18px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-md, 24px);
  }
  .text-xs-title-md--force {
    font-size: var(--matcha-text-title-md, 18px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-md, 24px) !important;
  }
  .text-xs-title-sm {
    font-size: var(--matcha-text-title-sm, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-sm, 22px);
  }
  .text-xs-title-sm--force {
    font-size: var(--matcha-text-title-sm, 16px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-sm, 22px) !important;
  }
  .text-xs-title-xs {
    font-size: var(--matcha-text-title-xs, 14px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-title-xs, 20px);
  }
  .text-xs-title-xs--force {
    font-size: var(--matcha-text-title-xs, 14px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-title-xs, 20px) !important;
  }
  .text-xs-body-lg {
    font-size: var(--matcha-text-body-lg, 16px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-lg, 24px);
  }
  .text-xs-body-lg--force {
    font-size: var(--matcha-text-body-lg, 16px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-lg, 24px) !important;
  }
  .text-xs-body-md {
    font-size: var(--matcha-text-body-md, 14px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-md, 20px);
  }
  .text-xs-body-md--force {
    font-size: var(--matcha-text-body-md, 14px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-md, 20px) !important;
  }
  .text-xs-body-sm {
    font-size: var(--matcha-text-body-sm, 12px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-sm, 16px);
  }
  .text-xs-body-sm--force {
    font-size: var(--matcha-text-body-sm, 12px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-sm, 16px) !important;
  }
  .text-xs-p-tiny {
    font-size: var(--matcha-text-p-tiny, 11px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-p-tiny, 14px);
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px);
  }
  .text-xs-p-tiny--force {
    font-size: var(--matcha-text-p-tiny, 11px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-p-tiny, 14px) !important;
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px) !important;
  }
  .text-xs-label-lg {
    font-size: var(--matcha-text-label-lg, 16px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-lg, 22px);
  }
  .text-xs-label-lg--force {
    font-size: var(--matcha-text-label-lg, 16px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-lg, 22px) !important;
  }
  .text-xs-label-md {
    font-size: var(--matcha-text-label-md, 14px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-md, 20px);
  }
  .text-xs-label-md--force {
    font-size: var(--matcha-text-label-md, 14px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-md, 20px) !important;
  }
  .text-xs-label-sm {
    font-size: var(--matcha-text-label-sm, 12px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-sm, 16px);
  }
  .text-xs-label-sm--force {
    font-size: var(--matcha-text-label-sm, 12px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-sm, 16px) !important;
  }
  .text-xs-overline {
    font-size: var(--matcha-text-overline, 10px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-overline, 14px);
    letter-spacing: var(--matcha-tracking-overline, 1px);
    text-transform: uppercase;
  }
  .text-xs-overline--force {
    font-size: var(--matcha-text-overline, 10px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-overline, 14px) !important;
    letter-spacing: var(--matcha-tracking-overline, 1px) !important;
    text-transform: uppercase !important;
  }
}
@media screen and (min-width: 640px) {
  .text-sm-display-hero {
    font-size: var(--matcha-text-display-hero, 36px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-display-hero, 40px);
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px);
  }
  .text-sm-display-hero--force {
    font-size: var(--matcha-text-display-hero, 36px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-display-hero, 40px) !important;
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px) !important;
  }
  .text-sm-display {
    font-size: var(--matcha-text-display, 32px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-display, 40px);
    letter-spacing: var(--matcha-tracking-display, -0.3px);
  }
  .text-sm-display--force {
    font-size: var(--matcha-text-display, 32px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-display, 40px) !important;
    letter-spacing: var(--matcha-tracking-display, -0.3px) !important;
  }
  .text-sm-headline {
    font-size: var(--matcha-text-headline, 24px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-headline, 32px);
    letter-spacing: var(--matcha-tracking-headline, -0.3px);
  }
  .text-sm-headline--force {
    font-size: var(--matcha-text-headline, 24px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-headline, 32px) !important;
    letter-spacing: var(--matcha-tracking-headline, -0.3px) !important;
  }
  .text-sm-title-lg {
    font-size: var(--matcha-text-title-lg, 20px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-lg, 28px);
  }
  .text-sm-title-lg--force {
    font-size: var(--matcha-text-title-lg, 20px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-lg, 28px) !important;
  }
  .text-sm-title-md {
    font-size: var(--matcha-text-title-md, 18px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-md, 24px);
  }
  .text-sm-title-md--force {
    font-size: var(--matcha-text-title-md, 18px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-md, 24px) !important;
  }
  .text-sm-title-sm {
    font-size: var(--matcha-text-title-sm, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-sm, 22px);
  }
  .text-sm-title-sm--force {
    font-size: var(--matcha-text-title-sm, 16px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-sm, 22px) !important;
  }
  .text-sm-title-xs {
    font-size: var(--matcha-text-title-xs, 14px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-title-xs, 20px);
  }
  .text-sm-title-xs--force {
    font-size: var(--matcha-text-title-xs, 14px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-title-xs, 20px) !important;
  }
  .text-sm-body-lg {
    font-size: var(--matcha-text-body-lg, 16px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-lg, 24px);
  }
  .text-sm-body-lg--force {
    font-size: var(--matcha-text-body-lg, 16px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-lg, 24px) !important;
  }
  .text-sm-body-md {
    font-size: var(--matcha-text-body-md, 14px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-md, 20px);
  }
  .text-sm-body-md--force {
    font-size: var(--matcha-text-body-md, 14px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-md, 20px) !important;
  }
  .text-sm-body-sm {
    font-size: var(--matcha-text-body-sm, 12px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-sm, 16px);
  }
  .text-sm-body-sm--force {
    font-size: var(--matcha-text-body-sm, 12px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-sm, 16px) !important;
  }
  .text-sm-p-tiny {
    font-size: var(--matcha-text-p-tiny, 11px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-p-tiny, 14px);
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px);
  }
  .text-sm-p-tiny--force {
    font-size: var(--matcha-text-p-tiny, 11px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-p-tiny, 14px) !important;
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px) !important;
  }
  .text-sm-label-lg {
    font-size: var(--matcha-text-label-lg, 16px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-lg, 22px);
  }
  .text-sm-label-lg--force {
    font-size: var(--matcha-text-label-lg, 16px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-lg, 22px) !important;
  }
  .text-sm-label-md {
    font-size: var(--matcha-text-label-md, 14px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-md, 20px);
  }
  .text-sm-label-md--force {
    font-size: var(--matcha-text-label-md, 14px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-md, 20px) !important;
  }
  .text-sm-label-sm {
    font-size: var(--matcha-text-label-sm, 12px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-sm, 16px);
  }
  .text-sm-label-sm--force {
    font-size: var(--matcha-text-label-sm, 12px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-sm, 16px) !important;
  }
  .text-sm-overline {
    font-size: var(--matcha-text-overline, 10px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-overline, 14px);
    letter-spacing: var(--matcha-tracking-overline, 1px);
    text-transform: uppercase;
  }
  .text-sm-overline--force {
    font-size: var(--matcha-text-overline, 10px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-overline, 14px) !important;
    letter-spacing: var(--matcha-tracking-overline, 1px) !important;
    text-transform: uppercase !important;
  }
}
@media screen and (min-width: 1024px) {
  .text-md-display-hero {
    font-size: var(--matcha-text-display-hero, 36px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-display-hero, 40px);
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px);
  }
  .text-md-display-hero--force {
    font-size: var(--matcha-text-display-hero, 36px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-display-hero, 40px) !important;
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px) !important;
  }
  .text-md-display {
    font-size: var(--matcha-text-display, 32px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-display, 40px);
    letter-spacing: var(--matcha-tracking-display, -0.3px);
  }
  .text-md-display--force {
    font-size: var(--matcha-text-display, 32px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-display, 40px) !important;
    letter-spacing: var(--matcha-tracking-display, -0.3px) !important;
  }
  .text-md-headline {
    font-size: var(--matcha-text-headline, 24px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-headline, 32px);
    letter-spacing: var(--matcha-tracking-headline, -0.3px);
  }
  .text-md-headline--force {
    font-size: var(--matcha-text-headline, 24px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-headline, 32px) !important;
    letter-spacing: var(--matcha-tracking-headline, -0.3px) !important;
  }
  .text-md-title-lg {
    font-size: var(--matcha-text-title-lg, 20px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-lg, 28px);
  }
  .text-md-title-lg--force {
    font-size: var(--matcha-text-title-lg, 20px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-lg, 28px) !important;
  }
  .text-md-title-md {
    font-size: var(--matcha-text-title-md, 18px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-md, 24px);
  }
  .text-md-title-md--force {
    font-size: var(--matcha-text-title-md, 18px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-md, 24px) !important;
  }
  .text-md-title-sm {
    font-size: var(--matcha-text-title-sm, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-sm, 22px);
  }
  .text-md-title-sm--force {
    font-size: var(--matcha-text-title-sm, 16px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-sm, 22px) !important;
  }
  .text-md-title-xs {
    font-size: var(--matcha-text-title-xs, 14px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-title-xs, 20px);
  }
  .text-md-title-xs--force {
    font-size: var(--matcha-text-title-xs, 14px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-title-xs, 20px) !important;
  }
  .text-md-body-lg {
    font-size: var(--matcha-text-body-lg, 16px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-lg, 24px);
  }
  .text-md-body-lg--force {
    font-size: var(--matcha-text-body-lg, 16px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-lg, 24px) !important;
  }
  .text-md-body-md {
    font-size: var(--matcha-text-body-md, 14px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-md, 20px);
  }
  .text-md-body-md--force {
    font-size: var(--matcha-text-body-md, 14px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-md, 20px) !important;
  }
  .text-md-body-sm {
    font-size: var(--matcha-text-body-sm, 12px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-sm, 16px);
  }
  .text-md-body-sm--force {
    font-size: var(--matcha-text-body-sm, 12px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-sm, 16px) !important;
  }
  .text-md-p-tiny {
    font-size: var(--matcha-text-p-tiny, 11px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-p-tiny, 14px);
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px);
  }
  .text-md-p-tiny--force {
    font-size: var(--matcha-text-p-tiny, 11px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-p-tiny, 14px) !important;
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px) !important;
  }
  .text-md-label-lg {
    font-size: var(--matcha-text-label-lg, 16px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-lg, 22px);
  }
  .text-md-label-lg--force {
    font-size: var(--matcha-text-label-lg, 16px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-lg, 22px) !important;
  }
  .text-md-label-md {
    font-size: var(--matcha-text-label-md, 14px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-md, 20px);
  }
  .text-md-label-md--force {
    font-size: var(--matcha-text-label-md, 14px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-md, 20px) !important;
  }
  .text-md-label-sm {
    font-size: var(--matcha-text-label-sm, 12px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-sm, 16px);
  }
  .text-md-label-sm--force {
    font-size: var(--matcha-text-label-sm, 12px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-sm, 16px) !important;
  }
  .text-md-overline {
    font-size: var(--matcha-text-overline, 10px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-overline, 14px);
    letter-spacing: var(--matcha-tracking-overline, 1px);
    text-transform: uppercase;
  }
  .text-md-overline--force {
    font-size: var(--matcha-text-overline, 10px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-overline, 14px) !important;
    letter-spacing: var(--matcha-tracking-overline, 1px) !important;
    text-transform: uppercase !important;
  }
}
@media screen and (min-width: 1280px) {
  .text-lg-display-hero {
    font-size: var(--matcha-text-display-hero, 36px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-display-hero, 40px);
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px);
  }
  .text-lg-display-hero--force {
    font-size: var(--matcha-text-display-hero, 36px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-display-hero, 40px) !important;
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px) !important;
  }
  .text-lg-display {
    font-size: var(--matcha-text-display, 32px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-display, 40px);
    letter-spacing: var(--matcha-tracking-display, -0.3px);
  }
  .text-lg-display--force {
    font-size: var(--matcha-text-display, 32px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-display, 40px) !important;
    letter-spacing: var(--matcha-tracking-display, -0.3px) !important;
  }
  .text-lg-headline {
    font-size: var(--matcha-text-headline, 24px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-headline, 32px);
    letter-spacing: var(--matcha-tracking-headline, -0.3px);
  }
  .text-lg-headline--force {
    font-size: var(--matcha-text-headline, 24px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-headline, 32px) !important;
    letter-spacing: var(--matcha-tracking-headline, -0.3px) !important;
  }
  .text-lg-title-lg {
    font-size: var(--matcha-text-title-lg, 20px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-lg, 28px);
  }
  .text-lg-title-lg--force {
    font-size: var(--matcha-text-title-lg, 20px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-lg, 28px) !important;
  }
  .text-lg-title-md {
    font-size: var(--matcha-text-title-md, 18px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-md, 24px);
  }
  .text-lg-title-md--force {
    font-size: var(--matcha-text-title-md, 18px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-md, 24px) !important;
  }
  .text-lg-title-sm {
    font-size: var(--matcha-text-title-sm, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-sm, 22px);
  }
  .text-lg-title-sm--force {
    font-size: var(--matcha-text-title-sm, 16px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-sm, 22px) !important;
  }
  .text-lg-title-xs {
    font-size: var(--matcha-text-title-xs, 14px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-title-xs, 20px);
  }
  .text-lg-title-xs--force {
    font-size: var(--matcha-text-title-xs, 14px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-title-xs, 20px) !important;
  }
  .text-lg-body-lg {
    font-size: var(--matcha-text-body-lg, 16px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-lg, 24px);
  }
  .text-lg-body-lg--force {
    font-size: var(--matcha-text-body-lg, 16px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-lg, 24px) !important;
  }
  .text-lg-body-md {
    font-size: var(--matcha-text-body-md, 14px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-md, 20px);
  }
  .text-lg-body-md--force {
    font-size: var(--matcha-text-body-md, 14px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-md, 20px) !important;
  }
  .text-lg-body-sm {
    font-size: var(--matcha-text-body-sm, 12px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-sm, 16px);
  }
  .text-lg-body-sm--force {
    font-size: var(--matcha-text-body-sm, 12px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-sm, 16px) !important;
  }
  .text-lg-p-tiny {
    font-size: var(--matcha-text-p-tiny, 11px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-p-tiny, 14px);
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px);
  }
  .text-lg-p-tiny--force {
    font-size: var(--matcha-text-p-tiny, 11px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-p-tiny, 14px) !important;
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px) !important;
  }
  .text-lg-label-lg {
    font-size: var(--matcha-text-label-lg, 16px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-lg, 22px);
  }
  .text-lg-label-lg--force {
    font-size: var(--matcha-text-label-lg, 16px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-lg, 22px) !important;
  }
  .text-lg-label-md {
    font-size: var(--matcha-text-label-md, 14px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-md, 20px);
  }
  .text-lg-label-md--force {
    font-size: var(--matcha-text-label-md, 14px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-md, 20px) !important;
  }
  .text-lg-label-sm {
    font-size: var(--matcha-text-label-sm, 12px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-sm, 16px);
  }
  .text-lg-label-sm--force {
    font-size: var(--matcha-text-label-sm, 12px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-sm, 16px) !important;
  }
  .text-lg-overline {
    font-size: var(--matcha-text-overline, 10px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-overline, 14px);
    letter-spacing: var(--matcha-tracking-overline, 1px);
    text-transform: uppercase;
  }
  .text-lg-overline--force {
    font-size: var(--matcha-text-overline, 10px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-overline, 14px) !important;
    letter-spacing: var(--matcha-tracking-overline, 1px) !important;
    text-transform: uppercase !important;
  }
}
@media screen and (min-width: 1536px) {
  .text-xl-display-hero {
    font-size: var(--matcha-text-display-hero, 36px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-display-hero, 40px);
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px);
  }
  .text-xl-display-hero--force {
    font-size: var(--matcha-text-display-hero, 36px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-display-hero, 40px) !important;
    letter-spacing: var(--matcha-tracking-display-hero, -1.2px) !important;
  }
  .text-xl-display {
    font-size: var(--matcha-text-display, 32px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-display, 40px);
    letter-spacing: var(--matcha-tracking-display, -0.3px);
  }
  .text-xl-display--force {
    font-size: var(--matcha-text-display, 32px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-display, 40px) !important;
    letter-spacing: var(--matcha-tracking-display, -0.3px) !important;
  }
  .text-xl-headline {
    font-size: var(--matcha-text-headline, 24px);
    font-weight: var(--matcha-weight-bold, 700);
    line-height: var(--matcha-leading-headline, 32px);
    letter-spacing: var(--matcha-tracking-headline, -0.3px);
  }
  .text-xl-headline--force {
    font-size: var(--matcha-text-headline, 24px) !important;
    font-weight: var(--matcha-weight-bold, 700) !important;
    line-height: var(--matcha-leading-headline, 32px) !important;
    letter-spacing: var(--matcha-tracking-headline, -0.3px) !important;
  }
  .text-xl-title-lg {
    font-size: var(--matcha-text-title-lg, 20px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-lg, 28px);
  }
  .text-xl-title-lg--force {
    font-size: var(--matcha-text-title-lg, 20px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-lg, 28px) !important;
  }
  .text-xl-title-md {
    font-size: var(--matcha-text-title-md, 18px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-md, 24px);
  }
  .text-xl-title-md--force {
    font-size: var(--matcha-text-title-md, 18px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-md, 24px) !important;
  }
  .text-xl-title-sm {
    font-size: var(--matcha-text-title-sm, 16px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-title-sm, 22px);
  }
  .text-xl-title-sm--force {
    font-size: var(--matcha-text-title-sm, 16px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-title-sm, 22px) !important;
  }
  .text-xl-title-xs {
    font-size: var(--matcha-text-title-xs, 14px);
    font-weight: var(--matcha-weight-extrabold, 800);
    line-height: var(--matcha-leading-title-xs, 20px);
  }
  .text-xl-title-xs--force {
    font-size: var(--matcha-text-title-xs, 14px) !important;
    font-weight: var(--matcha-weight-extrabold, 800) !important;
    line-height: var(--matcha-leading-title-xs, 20px) !important;
  }
  .text-xl-body-lg {
    font-size: var(--matcha-text-body-lg, 16px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-lg, 24px);
  }
  .text-xl-body-lg--force {
    font-size: var(--matcha-text-body-lg, 16px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-lg, 24px) !important;
  }
  .text-xl-body-md {
    font-size: var(--matcha-text-body-md, 14px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-md, 20px);
  }
  .text-xl-body-md--force {
    font-size: var(--matcha-text-body-md, 14px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-md, 20px) !important;
  }
  .text-xl-body-sm {
    font-size: var(--matcha-text-body-sm, 12px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-body-sm, 16px);
  }
  .text-xl-body-sm--force {
    font-size: var(--matcha-text-body-sm, 12px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-body-sm, 16px) !important;
  }
  .text-xl-p-tiny {
    font-size: var(--matcha-text-p-tiny, 11px);
    font-weight: var(--matcha-weight-regular, 400);
    line-height: var(--matcha-leading-p-tiny, 14px);
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px);
  }
  .text-xl-p-tiny--force {
    font-size: var(--matcha-text-p-tiny, 11px) !important;
    font-weight: var(--matcha-weight-regular, 400) !important;
    line-height: var(--matcha-leading-p-tiny, 14px) !important;
    letter-spacing: var(--matcha-tracking-p-tiny, 0.3px) !important;
  }
  .text-xl-label-lg {
    font-size: var(--matcha-text-label-lg, 16px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-lg, 22px);
  }
  .text-xl-label-lg--force {
    font-size: var(--matcha-text-label-lg, 16px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-lg, 22px) !important;
  }
  .text-xl-label-md {
    font-size: var(--matcha-text-label-md, 14px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-md, 20px);
  }
  .text-xl-label-md--force {
    font-size: var(--matcha-text-label-md, 14px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-md, 20px) !important;
  }
  .text-xl-label-sm {
    font-size: var(--matcha-text-label-sm, 12px);
    font-weight: var(--matcha-weight-medium, 500);
    line-height: var(--matcha-leading-label-sm, 16px);
  }
  .text-xl-label-sm--force {
    font-size: var(--matcha-text-label-sm, 12px) !important;
    font-weight: var(--matcha-weight-medium, 500) !important;
    line-height: var(--matcha-leading-label-sm, 16px) !important;
  }
  .text-xl-overline {
    font-size: var(--matcha-text-overline, 10px);
    font-weight: var(--matcha-weight-semibold, 600);
    line-height: var(--matcha-leading-overline, 14px);
    letter-spacing: var(--matcha-tracking-overline, 1px);
    text-transform: uppercase;
  }
  .text-xl-overline--force {
    font-size: var(--matcha-text-overline, 10px) !important;
    font-weight: var(--matcha-weight-semibold, 600) !important;
    line-height: var(--matcha-leading-overline, 14px) !important;
    letter-spacing: var(--matcha-tracking-overline, 1px) !important;
    text-transform: uppercase !important;
  }
}
.aspect-ratio-auto {
  aspect-ratio: auto;
}

.aspect-ratio-auto--force {
  aspect-ratio: auto !important;
}

.aspect-ratio-1x1 {
  aspect-ratio: 1/1;
}

.aspect-ratio-1x1--force {
  aspect-ratio: 1/1 !important;
}

.aspect-ratio-1x2 {
  aspect-ratio: 1/2;
}

.aspect-ratio-1x2--force {
  aspect-ratio: 1/2 !important;
}

.aspect-ratio-2x1 {
  aspect-ratio: 2/1;
}

.aspect-ratio-2x1--force {
  aspect-ratio: 2/1 !important;
}

.aspect-ratio-3x4 {
  aspect-ratio: 3/4;
}

.aspect-ratio-3x4--force {
  aspect-ratio: 3/4 !important;
}

.aspect-ratio-4x3 {
  aspect-ratio: 4/3;
}

.aspect-ratio-4x3--force {
  aspect-ratio: 4/3 !important;
}

.aspect-ratio-9x16 {
  aspect-ratio: 9/16;
}

.aspect-ratio-9x16--force {
  aspect-ratio: 9/16 !important;
}

.aspect-ratio-16x9 {
  aspect-ratio: 16/9;
}

.aspect-ratio-16x9--force {
  aspect-ratio: 16/9 !important;
}

.aspect-ratio-half {
  aspect-ratio: 0.5;
}

.aspect-ratio-half--force {
  aspect-ratio: 0.5 !important;
}

.aspect-ratio-inherit {
  aspect-ratio: inherit;
}

.aspect-ratio-inherit--force {
  aspect-ratio: inherit !important;
}

.aspect-ratio-initial {
  aspect-ratio: initial;
}

.aspect-ratio-initial--force {
  aspect-ratio: initial !important;
}

.aspect-ratio-unset {
  aspect-ratio: unset;
}

.aspect-ratio-unset--force {
  aspect-ratio: unset !important;
}

@media screen and (max-width: 639px) {
  .aspect-ratio-xs-auto {
    aspect-ratio: auto;
  }
  .aspect-ratio-xs-auto--force {
    aspect-ratio: auto !important;
  }
  .aspect-ratio-xs-1x1 {
    aspect-ratio: 1/1;
  }
  .aspect-ratio-xs-1x1--force {
    aspect-ratio: 1/1 !important;
  }
  .aspect-ratio-xs-1x2 {
    aspect-ratio: 1/2;
  }
  .aspect-ratio-xs-1x2--force {
    aspect-ratio: 1/2 !important;
  }
  .aspect-ratio-xs-2x1 {
    aspect-ratio: 2/1;
  }
  .aspect-ratio-xs-2x1--force {
    aspect-ratio: 2/1 !important;
  }
  .aspect-ratio-xs-3x4 {
    aspect-ratio: 3/4;
  }
  .aspect-ratio-xs-3x4--force {
    aspect-ratio: 3/4 !important;
  }
  .aspect-ratio-xs-4x3 {
    aspect-ratio: 4/3;
  }
  .aspect-ratio-xs-4x3--force {
    aspect-ratio: 4/3 !important;
  }
  .aspect-ratio-xs-9x16 {
    aspect-ratio: 9/16;
  }
  .aspect-ratio-xs-9x16--force {
    aspect-ratio: 9/16 !important;
  }
  .aspect-ratio-xs-16x9 {
    aspect-ratio: 16/9;
  }
  .aspect-ratio-xs-16x9--force {
    aspect-ratio: 16/9 !important;
  }
  .aspect-ratio-xs-half {
    aspect-ratio: 0.5;
  }
  .aspect-ratio-xs-half--force {
    aspect-ratio: 0.5 !important;
  }
  .aspect-ratio-xs-inherit {
    aspect-ratio: inherit;
  }
  .aspect-ratio-xs-inherit--force {
    aspect-ratio: inherit !important;
  }
  .aspect-ratio-xs-initial {
    aspect-ratio: initial;
  }
  .aspect-ratio-xs-initial--force {
    aspect-ratio: initial !important;
  }
  .aspect-ratio-xs-unset {
    aspect-ratio: unset;
  }
  .aspect-ratio-xs-unset--force {
    aspect-ratio: unset !important;
  }
}
@media screen and (min-width: 640px) {
  .aspect-ratio-sm-auto {
    aspect-ratio: auto;
  }
  .aspect-ratio-sm-auto--force {
    aspect-ratio: auto !important;
  }
  .aspect-ratio-sm-1x1 {
    aspect-ratio: 1/1;
  }
  .aspect-ratio-sm-1x1--force {
    aspect-ratio: 1/1 !important;
  }
  .aspect-ratio-sm-1x2 {
    aspect-ratio: 1/2;
  }
  .aspect-ratio-sm-1x2--force {
    aspect-ratio: 1/2 !important;
  }
  .aspect-ratio-sm-2x1 {
    aspect-ratio: 2/1;
  }
  .aspect-ratio-sm-2x1--force {
    aspect-ratio: 2/1 !important;
  }
  .aspect-ratio-sm-3x4 {
    aspect-ratio: 3/4;
  }
  .aspect-ratio-sm-3x4--force {
    aspect-ratio: 3/4 !important;
  }
  .aspect-ratio-sm-4x3 {
    aspect-ratio: 4/3;
  }
  .aspect-ratio-sm-4x3--force {
    aspect-ratio: 4/3 !important;
  }
  .aspect-ratio-sm-9x16 {
    aspect-ratio: 9/16;
  }
  .aspect-ratio-sm-9x16--force {
    aspect-ratio: 9/16 !important;
  }
  .aspect-ratio-sm-16x9 {
    aspect-ratio: 16/9;
  }
  .aspect-ratio-sm-16x9--force {
    aspect-ratio: 16/9 !important;
  }
  .aspect-ratio-sm-half {
    aspect-ratio: 0.5;
  }
  .aspect-ratio-sm-half--force {
    aspect-ratio: 0.5 !important;
  }
  .aspect-ratio-sm-inherit {
    aspect-ratio: inherit;
  }
  .aspect-ratio-sm-inherit--force {
    aspect-ratio: inherit !important;
  }
  .aspect-ratio-sm-initial {
    aspect-ratio: initial;
  }
  .aspect-ratio-sm-initial--force {
    aspect-ratio: initial !important;
  }
  .aspect-ratio-sm-unset {
    aspect-ratio: unset;
  }
  .aspect-ratio-sm-unset--force {
    aspect-ratio: unset !important;
  }
}
@media screen and (min-width: 1024px) {
  .aspect-ratio-md-auto {
    aspect-ratio: auto;
  }
  .aspect-ratio-md-auto--force {
    aspect-ratio: auto !important;
  }
  .aspect-ratio-md-1x1 {
    aspect-ratio: 1/1;
  }
  .aspect-ratio-md-1x1--force {
    aspect-ratio: 1/1 !important;
  }
  .aspect-ratio-md-1x2 {
    aspect-ratio: 1/2;
  }
  .aspect-ratio-md-1x2--force {
    aspect-ratio: 1/2 !important;
  }
  .aspect-ratio-md-2x1 {
    aspect-ratio: 2/1;
  }
  .aspect-ratio-md-2x1--force {
    aspect-ratio: 2/1 !important;
  }
  .aspect-ratio-md-3x4 {
    aspect-ratio: 3/4;
  }
  .aspect-ratio-md-3x4--force {
    aspect-ratio: 3/4 !important;
  }
  .aspect-ratio-md-4x3 {
    aspect-ratio: 4/3;
  }
  .aspect-ratio-md-4x3--force {
    aspect-ratio: 4/3 !important;
  }
  .aspect-ratio-md-9x16 {
    aspect-ratio: 9/16;
  }
  .aspect-ratio-md-9x16--force {
    aspect-ratio: 9/16 !important;
  }
  .aspect-ratio-md-16x9 {
    aspect-ratio: 16/9;
  }
  .aspect-ratio-md-16x9--force {
    aspect-ratio: 16/9 !important;
  }
  .aspect-ratio-md-half {
    aspect-ratio: 0.5;
  }
  .aspect-ratio-md-half--force {
    aspect-ratio: 0.5 !important;
  }
  .aspect-ratio-md-inherit {
    aspect-ratio: inherit;
  }
  .aspect-ratio-md-inherit--force {
    aspect-ratio: inherit !important;
  }
  .aspect-ratio-md-initial {
    aspect-ratio: initial;
  }
  .aspect-ratio-md-initial--force {
    aspect-ratio: initial !important;
  }
  .aspect-ratio-md-unset {
    aspect-ratio: unset;
  }
  .aspect-ratio-md-unset--force {
    aspect-ratio: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .aspect-ratio-lg-auto {
    aspect-ratio: auto;
  }
  .aspect-ratio-lg-auto--force {
    aspect-ratio: auto !important;
  }
  .aspect-ratio-lg-1x1 {
    aspect-ratio: 1/1;
  }
  .aspect-ratio-lg-1x1--force {
    aspect-ratio: 1/1 !important;
  }
  .aspect-ratio-lg-1x2 {
    aspect-ratio: 1/2;
  }
  .aspect-ratio-lg-1x2--force {
    aspect-ratio: 1/2 !important;
  }
  .aspect-ratio-lg-2x1 {
    aspect-ratio: 2/1;
  }
  .aspect-ratio-lg-2x1--force {
    aspect-ratio: 2/1 !important;
  }
  .aspect-ratio-lg-3x4 {
    aspect-ratio: 3/4;
  }
  .aspect-ratio-lg-3x4--force {
    aspect-ratio: 3/4 !important;
  }
  .aspect-ratio-lg-4x3 {
    aspect-ratio: 4/3;
  }
  .aspect-ratio-lg-4x3--force {
    aspect-ratio: 4/3 !important;
  }
  .aspect-ratio-lg-9x16 {
    aspect-ratio: 9/16;
  }
  .aspect-ratio-lg-9x16--force {
    aspect-ratio: 9/16 !important;
  }
  .aspect-ratio-lg-16x9 {
    aspect-ratio: 16/9;
  }
  .aspect-ratio-lg-16x9--force {
    aspect-ratio: 16/9 !important;
  }
  .aspect-ratio-lg-half {
    aspect-ratio: 0.5;
  }
  .aspect-ratio-lg-half--force {
    aspect-ratio: 0.5 !important;
  }
  .aspect-ratio-lg-inherit {
    aspect-ratio: inherit;
  }
  .aspect-ratio-lg-inherit--force {
    aspect-ratio: inherit !important;
  }
  .aspect-ratio-lg-initial {
    aspect-ratio: initial;
  }
  .aspect-ratio-lg-initial--force {
    aspect-ratio: initial !important;
  }
  .aspect-ratio-lg-unset {
    aspect-ratio: unset;
  }
  .aspect-ratio-lg-unset--force {
    aspect-ratio: unset !important;
  }
}
@media screen and (min-width: 1536px) {
  .aspect-ratio-xl-auto {
    aspect-ratio: auto;
  }
  .aspect-ratio-xl-auto--force {
    aspect-ratio: auto !important;
  }
  .aspect-ratio-xl-1x1 {
    aspect-ratio: 1/1;
  }
  .aspect-ratio-xl-1x1--force {
    aspect-ratio: 1/1 !important;
  }
  .aspect-ratio-xl-1x2 {
    aspect-ratio: 1/2;
  }
  .aspect-ratio-xl-1x2--force {
    aspect-ratio: 1/2 !important;
  }
  .aspect-ratio-xl-2x1 {
    aspect-ratio: 2/1;
  }
  .aspect-ratio-xl-2x1--force {
    aspect-ratio: 2/1 !important;
  }
  .aspect-ratio-xl-3x4 {
    aspect-ratio: 3/4;
  }
  .aspect-ratio-xl-3x4--force {
    aspect-ratio: 3/4 !important;
  }
  .aspect-ratio-xl-4x3 {
    aspect-ratio: 4/3;
  }
  .aspect-ratio-xl-4x3--force {
    aspect-ratio: 4/3 !important;
  }
  .aspect-ratio-xl-9x16 {
    aspect-ratio: 9/16;
  }
  .aspect-ratio-xl-9x16--force {
    aspect-ratio: 9/16 !important;
  }
  .aspect-ratio-xl-16x9 {
    aspect-ratio: 16/9;
  }
  .aspect-ratio-xl-16x9--force {
    aspect-ratio: 16/9 !important;
  }
  .aspect-ratio-xl-half {
    aspect-ratio: 0.5;
  }
  .aspect-ratio-xl-half--force {
    aspect-ratio: 0.5 !important;
  }
  .aspect-ratio-xl-inherit {
    aspect-ratio: inherit;
  }
  .aspect-ratio-xl-inherit--force {
    aspect-ratio: inherit !important;
  }
  .aspect-ratio-xl-initial {
    aspect-ratio: initial;
  }
  .aspect-ratio-xl-initial--force {
    aspect-ratio: initial !important;
  }
  .aspect-ratio-xl-unset {
    aspect-ratio: unset;
  }
  .aspect-ratio-xl-unset--force {
    aspect-ratio: unset !important;
  }
}
.object-fit-cover {
  object-fit: cover;
}

.object-fit-cover--force {
  object-fit: cover !important;
}

.object-fit-contain {
  object-fit: contain;
}

.object-fit-contain--force {
  object-fit: contain !important;
}

.object-fit-fill {
  object-fit: fill;
}

.object-fit-fill--force {
  object-fit: fill !important;
}

.object-fit-none {
  object-fit: none;
}

.object-fit-none--force {
  object-fit: none !important;
}

.object-fit-scale-down {
  object-fit: scale-down;
}

.object-fit-scale-down--force {
  object-fit: scale-down !important;
}

.object-position-center {
  object-position: center;
}

.object-position-center--force {
  object-position: center !important;
}

.object-position-top {
  object-position: top;
}

.object-position-top--force {
  object-position: top !important;
}

.object-position-bottom {
  object-position: bottom;
}

.object-position-bottom--force {
  object-position: bottom !important;
}

.object-position-left {
  object-position: left;
}

.object-position-left--force {
  object-position: left !important;
}

.object-position-right {
  object-position: right;
}

.object-position-right--force {
  object-position: right !important;
}

@media screen and (max-width: 639px) {
  .object-fit-xs-cover {
    object-fit: cover;
  }
  .object-fit-xs-cover--force {
    object-fit: cover !important;
  }
  .object-fit-xs-contain {
    object-fit: contain;
  }
  .object-fit-xs-contain--force {
    object-fit: contain !important;
  }
  .object-fit-xs-fill {
    object-fit: fill;
  }
  .object-fit-xs-fill--force {
    object-fit: fill !important;
  }
  .object-fit-xs-none {
    object-fit: none;
  }
  .object-fit-xs-none--force {
    object-fit: none !important;
  }
  .object-fit-xs-scale-down {
    object-fit: scale-down;
  }
  .object-fit-xs-scale-down--force {
    object-fit: scale-down !important;
  }
  .object-position-xs-center {
    object-position: center;
  }
  .object-position-xs-center--force {
    object-position: center !important;
  }
  .object-position-xs-top {
    object-position: top;
  }
  .object-position-xs-top--force {
    object-position: top !important;
  }
  .object-position-xs-bottom {
    object-position: bottom;
  }
  .object-position-xs-bottom--force {
    object-position: bottom !important;
  }
  .object-position-xs-left {
    object-position: left;
  }
  .object-position-xs-left--force {
    object-position: left !important;
  }
  .object-position-xs-right {
    object-position: right;
  }
  .object-position-xs-right--force {
    object-position: right !important;
  }
}
@media screen and (min-width: 640px) {
  .object-fit-sm-cover {
    object-fit: cover;
  }
  .object-fit-sm-cover--force {
    object-fit: cover !important;
  }
  .object-fit-sm-contain {
    object-fit: contain;
  }
  .object-fit-sm-contain--force {
    object-fit: contain !important;
  }
  .object-fit-sm-fill {
    object-fit: fill;
  }
  .object-fit-sm-fill--force {
    object-fit: fill !important;
  }
  .object-fit-sm-none {
    object-fit: none;
  }
  .object-fit-sm-none--force {
    object-fit: none !important;
  }
  .object-fit-sm-scale-down {
    object-fit: scale-down;
  }
  .object-fit-sm-scale-down--force {
    object-fit: scale-down !important;
  }
  .object-position-sm-center {
    object-position: center;
  }
  .object-position-sm-center--force {
    object-position: center !important;
  }
  .object-position-sm-top {
    object-position: top;
  }
  .object-position-sm-top--force {
    object-position: top !important;
  }
  .object-position-sm-bottom {
    object-position: bottom;
  }
  .object-position-sm-bottom--force {
    object-position: bottom !important;
  }
  .object-position-sm-left {
    object-position: left;
  }
  .object-position-sm-left--force {
    object-position: left !important;
  }
  .object-position-sm-right {
    object-position: right;
  }
  .object-position-sm-right--force {
    object-position: right !important;
  }
}
@media screen and (min-width: 1024px) {
  .object-fit-md-cover {
    object-fit: cover;
  }
  .object-fit-md-cover--force {
    object-fit: cover !important;
  }
  .object-fit-md-contain {
    object-fit: contain;
  }
  .object-fit-md-contain--force {
    object-fit: contain !important;
  }
  .object-fit-md-fill {
    object-fit: fill;
  }
  .object-fit-md-fill--force {
    object-fit: fill !important;
  }
  .object-fit-md-none {
    object-fit: none;
  }
  .object-fit-md-none--force {
    object-fit: none !important;
  }
  .object-fit-md-scale-down {
    object-fit: scale-down;
  }
  .object-fit-md-scale-down--force {
    object-fit: scale-down !important;
  }
  .object-position-md-center {
    object-position: center;
  }
  .object-position-md-center--force {
    object-position: center !important;
  }
  .object-position-md-top {
    object-position: top;
  }
  .object-position-md-top--force {
    object-position: top !important;
  }
  .object-position-md-bottom {
    object-position: bottom;
  }
  .object-position-md-bottom--force {
    object-position: bottom !important;
  }
  .object-position-md-left {
    object-position: left;
  }
  .object-position-md-left--force {
    object-position: left !important;
  }
  .object-position-md-right {
    object-position: right;
  }
  .object-position-md-right--force {
    object-position: right !important;
  }
}
@media screen and (min-width: 1280px) {
  .object-fit-lg-cover {
    object-fit: cover;
  }
  .object-fit-lg-cover--force {
    object-fit: cover !important;
  }
  .object-fit-lg-contain {
    object-fit: contain;
  }
  .object-fit-lg-contain--force {
    object-fit: contain !important;
  }
  .object-fit-lg-fill {
    object-fit: fill;
  }
  .object-fit-lg-fill--force {
    object-fit: fill !important;
  }
  .object-fit-lg-none {
    object-fit: none;
  }
  .object-fit-lg-none--force {
    object-fit: none !important;
  }
  .object-fit-lg-scale-down {
    object-fit: scale-down;
  }
  .object-fit-lg-scale-down--force {
    object-fit: scale-down !important;
  }
  .object-position-lg-center {
    object-position: center;
  }
  .object-position-lg-center--force {
    object-position: center !important;
  }
  .object-position-lg-top {
    object-position: top;
  }
  .object-position-lg-top--force {
    object-position: top !important;
  }
  .object-position-lg-bottom {
    object-position: bottom;
  }
  .object-position-lg-bottom--force {
    object-position: bottom !important;
  }
  .object-position-lg-left {
    object-position: left;
  }
  .object-position-lg-left--force {
    object-position: left !important;
  }
  .object-position-lg-right {
    object-position: right;
  }
  .object-position-lg-right--force {
    object-position: right !important;
  }
}
@media screen and (min-width: 1536px) {
  .object-fit-xl-cover {
    object-fit: cover;
  }
  .object-fit-xl-cover--force {
    object-fit: cover !important;
  }
  .object-fit-xl-contain {
    object-fit: contain;
  }
  .object-fit-xl-contain--force {
    object-fit: contain !important;
  }
  .object-fit-xl-fill {
    object-fit: fill;
  }
  .object-fit-xl-fill--force {
    object-fit: fill !important;
  }
  .object-fit-xl-none {
    object-fit: none;
  }
  .object-fit-xl-none--force {
    object-fit: none !important;
  }
  .object-fit-xl-scale-down {
    object-fit: scale-down;
  }
  .object-fit-xl-scale-down--force {
    object-fit: scale-down !important;
  }
  .object-position-xl-center {
    object-position: center;
  }
  .object-position-xl-center--force {
    object-position: center !important;
  }
  .object-position-xl-top {
    object-position: top;
  }
  .object-position-xl-top--force {
    object-position: top !important;
  }
  .object-position-xl-bottom {
    object-position: bottom;
  }
  .object-position-xl-bottom--force {
    object-position: bottom !important;
  }
  .object-position-xl-left {
    object-position: left;
  }
  .object-position-xl-left--force {
    object-position: left !important;
  }
  .object-position-xl-right {
    object-position: right;
  }
  .object-position-xl-right--force {
    object-position: right !important;
  }
}
.cursor-pointer {
  cursor: pointer;
}

.cursor-pointer--force {
  cursor: pointer !important;
}

.cursor-default {
  cursor: default;
}

.cursor-default--force {
  cursor: default !important;
}

.cursor-grab {
  cursor: grab;
}

.cursor-grab--force {
  cursor: grab !important;
}

.cursor-grabbing {
  cursor: grabbing;
}

.cursor-grabbing--force {
  cursor: grabbing !important;
}

.cursor-move {
  cursor: move;
}

.cursor-move--force {
  cursor: move !important;
}

.cursor-help {
  cursor: help;
}

.cursor-help--force {
  cursor: help !important;
}

.cursor-wait {
  cursor: wait;
}

.cursor-wait--force {
  cursor: wait !important;
}

@media screen and (max-width: 639px) {
  .cursor-pointer-xs {
    cursor: pointer;
  }
  .cursor-pointer-xs--force {
    cursor: pointer !important;
  }
  .cursor-default-xs {
    cursor: default;
  }
  .cursor-default-xs--force {
    cursor: default !important;
  }
  .cursor-grab-xs {
    cursor: grab;
  }
  .cursor-grab-xs--force {
    cursor: grab !important;
  }
  .cursor-grabbing-xs {
    cursor: grabbing;
  }
  .cursor-grabbing-xs--force {
    cursor: grabbing !important;
  }
  .cursor-move-xs {
    cursor: move;
  }
  .cursor-move-xs--force {
    cursor: move !important;
  }
  .cursor-help-xs {
    cursor: help;
  }
  .cursor-help-xs--force {
    cursor: help !important;
  }
  .cursor-wait-xs {
    cursor: wait;
  }
  .cursor-wait-xs--force {
    cursor: wait !important;
  }
}
@media screen and (min-width: 640px) {
  .cursor-pointer-sm {
    cursor: pointer;
  }
  .cursor-pointer-sm--force {
    cursor: pointer !important;
  }
  .cursor-default-sm {
    cursor: default;
  }
  .cursor-default-sm--force {
    cursor: default !important;
  }
  .cursor-grab-sm {
    cursor: grab;
  }
  .cursor-grab-sm--force {
    cursor: grab !important;
  }
  .cursor-grabbing-sm {
    cursor: grabbing;
  }
  .cursor-grabbing-sm--force {
    cursor: grabbing !important;
  }
  .cursor-move-sm {
    cursor: move;
  }
  .cursor-move-sm--force {
    cursor: move !important;
  }
  .cursor-help-sm {
    cursor: help;
  }
  .cursor-help-sm--force {
    cursor: help !important;
  }
  .cursor-wait-sm {
    cursor: wait;
  }
  .cursor-wait-sm--force {
    cursor: wait !important;
  }
}
@media screen and (min-width: 1024px) {
  .cursor-pointer-md {
    cursor: pointer;
  }
  .cursor-pointer-md--force {
    cursor: pointer !important;
  }
  .cursor-default-md {
    cursor: default;
  }
  .cursor-default-md--force {
    cursor: default !important;
  }
  .cursor-grab-md {
    cursor: grab;
  }
  .cursor-grab-md--force {
    cursor: grab !important;
  }
  .cursor-grabbing-md {
    cursor: grabbing;
  }
  .cursor-grabbing-md--force {
    cursor: grabbing !important;
  }
  .cursor-move-md {
    cursor: move;
  }
  .cursor-move-md--force {
    cursor: move !important;
  }
  .cursor-help-md {
    cursor: help;
  }
  .cursor-help-md--force {
    cursor: help !important;
  }
  .cursor-wait-md {
    cursor: wait;
  }
  .cursor-wait-md--force {
    cursor: wait !important;
  }
}
@media screen and (min-width: 1280px) {
  .cursor-pointer-lg {
    cursor: pointer;
  }
  .cursor-pointer-lg--force {
    cursor: pointer !important;
  }
  .cursor-default-lg {
    cursor: default;
  }
  .cursor-default-lg--force {
    cursor: default !important;
  }
  .cursor-grab-lg {
    cursor: grab;
  }
  .cursor-grab-lg--force {
    cursor: grab !important;
  }
  .cursor-grabbing-lg {
    cursor: grabbing;
  }
  .cursor-grabbing-lg--force {
    cursor: grabbing !important;
  }
  .cursor-move-lg {
    cursor: move;
  }
  .cursor-move-lg--force {
    cursor: move !important;
  }
  .cursor-help-lg {
    cursor: help;
  }
  .cursor-help-lg--force {
    cursor: help !important;
  }
  .cursor-wait-lg {
    cursor: wait;
  }
  .cursor-wait-lg--force {
    cursor: wait !important;
  }
}
@media screen and (min-width: 1536px) {
  .cursor-pointer-xl {
    cursor: pointer;
  }
  .cursor-pointer-xl--force {
    cursor: pointer !important;
  }
  .cursor-default-xl {
    cursor: default;
  }
  .cursor-default-xl--force {
    cursor: default !important;
  }
  .cursor-grab-xl {
    cursor: grab;
  }
  .cursor-grab-xl--force {
    cursor: grab !important;
  }
  .cursor-grabbing-xl {
    cursor: grabbing;
  }
  .cursor-grabbing-xl--force {
    cursor: grabbing !important;
  }
  .cursor-move-xl {
    cursor: move;
  }
  .cursor-move-xl--force {
    cursor: move !important;
  }
  .cursor-help-xl {
    cursor: help;
  }
  .cursor-help-xl--force {
    cursor: help !important;
  }
  .cursor-wait-xl {
    cursor: wait;
  }
  .cursor-wait-xl--force {
    cursor: wait !important;
  }
}
.pointer-events-auto {
  pointer-events: auto;
}

.pointer-events-auto--force {
  pointer-events: auto !important;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-none--force {
  pointer-events: none !important;
}

.pointer-events-all {
  pointer-events: all;
}

.pointer-events-all--force {
  pointer-events: all !important;
}

.pointer-events-visible {
  pointer-events: visible;
}

.pointer-events-visible--force {
  pointer-events: visible !important;
}

.pointer-events-visiblePainted {
  pointer-events: visiblePainted;
}

.pointer-events-visiblePainted--force {
  pointer-events: visiblePainted !important;
}

.pointer-events-visibleFill {
  pointer-events: visibleFill;
}

.pointer-events-visibleFill--force {
  pointer-events: visibleFill !important;
}

.pointer-events-visibleStroke {
  pointer-events: visibleStroke;
}

.pointer-events-visibleStroke--force {
  pointer-events: visibleStroke !important;
}

.pointer-events-painted {
  pointer-events: painted;
}

.pointer-events-painted--force {
  pointer-events: painted !important;
}

.pointer-events-fill {
  pointer-events: fill;
}

.pointer-events-fill--force {
  pointer-events: fill !important;
}

.pointer-events-stroke {
  pointer-events: stroke;
}

.pointer-events-stroke--force {
  pointer-events: stroke !important;
}

@media screen and (max-width: 639px) {
  .pointer-events-auto-xs {
    pointer-events: auto;
  }
  .pointer-events-auto-xs--force {
    pointer-events: auto !important;
  }
  .pointer-events-none-xs {
    pointer-events: none;
  }
  .pointer-events-none-xs--force {
    pointer-events: none !important;
  }
  .pointer-events-all-xs {
    pointer-events: all;
  }
  .pointer-events-all-xs--force {
    pointer-events: all !important;
  }
  .pointer-events-visible-xs {
    pointer-events: visible;
  }
  .pointer-events-visible-xs--force {
    pointer-events: visible !important;
  }
  .pointer-events-visiblePainted-xs {
    pointer-events: visiblePainted;
  }
  .pointer-events-visiblePainted-xs--force {
    pointer-events: visiblePainted !important;
  }
  .pointer-events-visibleFill-xs {
    pointer-events: visibleFill;
  }
  .pointer-events-visibleFill-xs--force {
    pointer-events: visibleFill !important;
  }
  .pointer-events-visibleStroke-xs {
    pointer-events: visibleStroke;
  }
  .pointer-events-visibleStroke-xs--force {
    pointer-events: visibleStroke !important;
  }
  .pointer-events-painted-xs {
    pointer-events: painted;
  }
  .pointer-events-painted-xs--force {
    pointer-events: painted !important;
  }
  .pointer-events-fill-xs {
    pointer-events: fill;
  }
  .pointer-events-fill-xs--force {
    pointer-events: fill !important;
  }
  .pointer-events-stroke-xs {
    pointer-events: stroke;
  }
  .pointer-events-stroke-xs--force {
    pointer-events: stroke !important;
  }
}
@media screen and (min-width: 640px) {
  .pointer-events-auto-sm {
    pointer-events: auto;
  }
  .pointer-events-auto-sm--force {
    pointer-events: auto !important;
  }
  .pointer-events-none-sm {
    pointer-events: none;
  }
  .pointer-events-none-sm--force {
    pointer-events: none !important;
  }
  .pointer-events-all-sm {
    pointer-events: all;
  }
  .pointer-events-all-sm--force {
    pointer-events: all !important;
  }
  .pointer-events-visible-sm {
    pointer-events: visible;
  }
  .pointer-events-visible-sm--force {
    pointer-events: visible !important;
  }
  .pointer-events-visiblePainted-sm {
    pointer-events: visiblePainted;
  }
  .pointer-events-visiblePainted-sm--force {
    pointer-events: visiblePainted !important;
  }
  .pointer-events-visibleFill-sm {
    pointer-events: visibleFill;
  }
  .pointer-events-visibleFill-sm--force {
    pointer-events: visibleFill !important;
  }
  .pointer-events-visibleStroke-sm {
    pointer-events: visibleStroke;
  }
  .pointer-events-visibleStroke-sm--force {
    pointer-events: visibleStroke !important;
  }
  .pointer-events-painted-sm {
    pointer-events: painted;
  }
  .pointer-events-painted-sm--force {
    pointer-events: painted !important;
  }
  .pointer-events-fill-sm {
    pointer-events: fill;
  }
  .pointer-events-fill-sm--force {
    pointer-events: fill !important;
  }
  .pointer-events-stroke-sm {
    pointer-events: stroke;
  }
  .pointer-events-stroke-sm--force {
    pointer-events: stroke !important;
  }
}
@media screen and (min-width: 1024px) {
  .pointer-events-auto-md {
    pointer-events: auto;
  }
  .pointer-events-auto-md--force {
    pointer-events: auto !important;
  }
  .pointer-events-none-md {
    pointer-events: none;
  }
  .pointer-events-none-md--force {
    pointer-events: none !important;
  }
  .pointer-events-all-md {
    pointer-events: all;
  }
  .pointer-events-all-md--force {
    pointer-events: all !important;
  }
  .pointer-events-visible-md {
    pointer-events: visible;
  }
  .pointer-events-visible-md--force {
    pointer-events: visible !important;
  }
  .pointer-events-visiblePainted-md {
    pointer-events: visiblePainted;
  }
  .pointer-events-visiblePainted-md--force {
    pointer-events: visiblePainted !important;
  }
  .pointer-events-visibleFill-md {
    pointer-events: visibleFill;
  }
  .pointer-events-visibleFill-md--force {
    pointer-events: visibleFill !important;
  }
  .pointer-events-visibleStroke-md {
    pointer-events: visibleStroke;
  }
  .pointer-events-visibleStroke-md--force {
    pointer-events: visibleStroke !important;
  }
  .pointer-events-painted-md {
    pointer-events: painted;
  }
  .pointer-events-painted-md--force {
    pointer-events: painted !important;
  }
  .pointer-events-fill-md {
    pointer-events: fill;
  }
  .pointer-events-fill-md--force {
    pointer-events: fill !important;
  }
  .pointer-events-stroke-md {
    pointer-events: stroke;
  }
  .pointer-events-stroke-md--force {
    pointer-events: stroke !important;
  }
}
@media screen and (min-width: 1280px) {
  .pointer-events-auto-lg {
    pointer-events: auto;
  }
  .pointer-events-auto-lg--force {
    pointer-events: auto !important;
  }
  .pointer-events-none-lg {
    pointer-events: none;
  }
  .pointer-events-none-lg--force {
    pointer-events: none !important;
  }
  .pointer-events-all-lg {
    pointer-events: all;
  }
  .pointer-events-all-lg--force {
    pointer-events: all !important;
  }
  .pointer-events-visible-lg {
    pointer-events: visible;
  }
  .pointer-events-visible-lg--force {
    pointer-events: visible !important;
  }
  .pointer-events-visiblePainted-lg {
    pointer-events: visiblePainted;
  }
  .pointer-events-visiblePainted-lg--force {
    pointer-events: visiblePainted !important;
  }
  .pointer-events-visibleFill-lg {
    pointer-events: visibleFill;
  }
  .pointer-events-visibleFill-lg--force {
    pointer-events: visibleFill !important;
  }
  .pointer-events-visibleStroke-lg {
    pointer-events: visibleStroke;
  }
  .pointer-events-visibleStroke-lg--force {
    pointer-events: visibleStroke !important;
  }
  .pointer-events-painted-lg {
    pointer-events: painted;
  }
  .pointer-events-painted-lg--force {
    pointer-events: painted !important;
  }
  .pointer-events-fill-lg {
    pointer-events: fill;
  }
  .pointer-events-fill-lg--force {
    pointer-events: fill !important;
  }
  .pointer-events-stroke-lg {
    pointer-events: stroke;
  }
  .pointer-events-stroke-lg--force {
    pointer-events: stroke !important;
  }
}
@media screen and (min-width: 1536px) {
  .pointer-events-auto-xl {
    pointer-events: auto;
  }
  .pointer-events-auto-xl--force {
    pointer-events: auto !important;
  }
  .pointer-events-none-xl {
    pointer-events: none;
  }
  .pointer-events-none-xl--force {
    pointer-events: none !important;
  }
  .pointer-events-all-xl {
    pointer-events: all;
  }
  .pointer-events-all-xl--force {
    pointer-events: all !important;
  }
  .pointer-events-visible-xl {
    pointer-events: visible;
  }
  .pointer-events-visible-xl--force {
    pointer-events: visible !important;
  }
  .pointer-events-visiblePainted-xl {
    pointer-events: visiblePainted;
  }
  .pointer-events-visiblePainted-xl--force {
    pointer-events: visiblePainted !important;
  }
  .pointer-events-visibleFill-xl {
    pointer-events: visibleFill;
  }
  .pointer-events-visibleFill-xl--force {
    pointer-events: visibleFill !important;
  }
  .pointer-events-visibleStroke-xl {
    pointer-events: visibleStroke;
  }
  .pointer-events-visibleStroke-xl--force {
    pointer-events: visibleStroke !important;
  }
  .pointer-events-painted-xl {
    pointer-events: painted;
  }
  .pointer-events-painted-xl--force {
    pointer-events: painted !important;
  }
  .pointer-events-fill-xl {
    pointer-events: fill;
  }
  .pointer-events-fill-xl--force {
    pointer-events: fill !important;
  }
  .pointer-events-stroke-xl {
    pointer-events: stroke;
  }
  .pointer-events-stroke-xl--force {
    pointer-events: stroke !important;
  }
}
.opacity-0 {
  opacity: 0;
}

.opacity-0--force {
  opacity: 0 !important;
}

.opacity-01 {
  opacity: 0.1;
}

.opacity-01--force {
  opacity: 0.1 !important;
}

.opacity-02 {
  opacity: 0.2;
}

.opacity-02--force {
  opacity: 0.2 !important;
}

.opacity-03 {
  opacity: 0.3;
}

.opacity-03--force {
  opacity: 0.3 !important;
}

.opacity-04 {
  opacity: 0.4;
}

.opacity-04--force {
  opacity: 0.4 !important;
}

.opacity-05 {
  opacity: 0.5;
}

.opacity-05--force {
  opacity: 0.5 !important;
}

.opacity-06 {
  opacity: 0.6;
}

.opacity-06--force {
  opacity: 0.6 !important;
}

.opacity-07 {
  opacity: 0.7;
}

.opacity-07--force {
  opacity: 0.7 !important;
}

.opacity-08 {
  opacity: 0.8;
}

.opacity-08--force {
  opacity: 0.8 !important;
}

.opacity-09 {
  opacity: 0.9;
}

.opacity-09--force {
  opacity: 0.9 !important;
}

.opacity-10 {
  opacity: 1;
}

.opacity-10--force {
  opacity: 1 !important;
}

.opacity-1 {
  opacity: 1;
}

.opacity-1--force {
  opacity: 1 !important;
}

@media screen and (max-width: 639px) {
  .opacity-xs-0 {
    opacity: 0;
  }
  .opacity-xs-0--force {
    opacity: 0 !important;
  }
  .opacity-xs-01 {
    opacity: 0.1;
  }
  .opacity-xs-01--force {
    opacity: 0.1 !important;
  }
  .opacity-xs-02 {
    opacity: 0.2;
  }
  .opacity-xs-02--force {
    opacity: 0.2 !important;
  }
  .opacity-xs-03 {
    opacity: 0.3;
  }
  .opacity-xs-03--force {
    opacity: 0.3 !important;
  }
  .opacity-xs-04 {
    opacity: 0.4;
  }
  .opacity-xs-04--force {
    opacity: 0.4 !important;
  }
  .opacity-xs-05 {
    opacity: 0.5;
  }
  .opacity-xs-05--force {
    opacity: 0.5 !important;
  }
  .opacity-xs-06 {
    opacity: 0.6;
  }
  .opacity-xs-06--force {
    opacity: 0.6 !important;
  }
  .opacity-xs-07 {
    opacity: 0.7;
  }
  .opacity-xs-07--force {
    opacity: 0.7 !important;
  }
  .opacity-xs-08 {
    opacity: 0.8;
  }
  .opacity-xs-08--force {
    opacity: 0.8 !important;
  }
  .opacity-xs-09 {
    opacity: 0.9;
  }
  .opacity-xs-09--force {
    opacity: 0.9 !important;
  }
  .opacity-xs-10 {
    opacity: 1;
  }
  .opacity-xs-10--force {
    opacity: 1 !important;
  }
  .opacity-xs-1 {
    opacity: 1;
  }
  .opacity-xs-1--force {
    opacity: 1 !important;
  }
}
@media screen and (min-width: 640px) {
  .opacity-sm-0 {
    opacity: 0;
  }
  .opacity-sm-0--force {
    opacity: 0 !important;
  }
  .opacity-sm-01 {
    opacity: 0.1;
  }
  .opacity-sm-01--force {
    opacity: 0.1 !important;
  }
  .opacity-sm-02 {
    opacity: 0.2;
  }
  .opacity-sm-02--force {
    opacity: 0.2 !important;
  }
  .opacity-sm-03 {
    opacity: 0.3;
  }
  .opacity-sm-03--force {
    opacity: 0.3 !important;
  }
  .opacity-sm-04 {
    opacity: 0.4;
  }
  .opacity-sm-04--force {
    opacity: 0.4 !important;
  }
  .opacity-sm-05 {
    opacity: 0.5;
  }
  .opacity-sm-05--force {
    opacity: 0.5 !important;
  }
  .opacity-sm-06 {
    opacity: 0.6;
  }
  .opacity-sm-06--force {
    opacity: 0.6 !important;
  }
  .opacity-sm-07 {
    opacity: 0.7;
  }
  .opacity-sm-07--force {
    opacity: 0.7 !important;
  }
  .opacity-sm-08 {
    opacity: 0.8;
  }
  .opacity-sm-08--force {
    opacity: 0.8 !important;
  }
  .opacity-sm-09 {
    opacity: 0.9;
  }
  .opacity-sm-09--force {
    opacity: 0.9 !important;
  }
  .opacity-sm-10 {
    opacity: 1;
  }
  .opacity-sm-10--force {
    opacity: 1 !important;
  }
  .opacity-sm-1 {
    opacity: 1;
  }
  .opacity-sm-1--force {
    opacity: 1 !important;
  }
}
@media screen and (min-width: 1024px) {
  .opacity-md-0 {
    opacity: 0;
  }
  .opacity-md-0--force {
    opacity: 0 !important;
  }
  .opacity-md-01 {
    opacity: 0.1;
  }
  .opacity-md-01--force {
    opacity: 0.1 !important;
  }
  .opacity-md-02 {
    opacity: 0.2;
  }
  .opacity-md-02--force {
    opacity: 0.2 !important;
  }
  .opacity-md-03 {
    opacity: 0.3;
  }
  .opacity-md-03--force {
    opacity: 0.3 !important;
  }
  .opacity-md-04 {
    opacity: 0.4;
  }
  .opacity-md-04--force {
    opacity: 0.4 !important;
  }
  .opacity-md-05 {
    opacity: 0.5;
  }
  .opacity-md-05--force {
    opacity: 0.5 !important;
  }
  .opacity-md-06 {
    opacity: 0.6;
  }
  .opacity-md-06--force {
    opacity: 0.6 !important;
  }
  .opacity-md-07 {
    opacity: 0.7;
  }
  .opacity-md-07--force {
    opacity: 0.7 !important;
  }
  .opacity-md-08 {
    opacity: 0.8;
  }
  .opacity-md-08--force {
    opacity: 0.8 !important;
  }
  .opacity-md-09 {
    opacity: 0.9;
  }
  .opacity-md-09--force {
    opacity: 0.9 !important;
  }
  .opacity-md-10 {
    opacity: 1;
  }
  .opacity-md-10--force {
    opacity: 1 !important;
  }
  .opacity-md-1 {
    opacity: 1;
  }
  .opacity-md-1--force {
    opacity: 1 !important;
  }
}
@media screen and (min-width: 1280px) {
  .opacity-lg-0 {
    opacity: 0;
  }
  .opacity-lg-0--force {
    opacity: 0 !important;
  }
  .opacity-lg-01 {
    opacity: 0.1;
  }
  .opacity-lg-01--force {
    opacity: 0.1 !important;
  }
  .opacity-lg-02 {
    opacity: 0.2;
  }
  .opacity-lg-02--force {
    opacity: 0.2 !important;
  }
  .opacity-lg-03 {
    opacity: 0.3;
  }
  .opacity-lg-03--force {
    opacity: 0.3 !important;
  }
  .opacity-lg-04 {
    opacity: 0.4;
  }
  .opacity-lg-04--force {
    opacity: 0.4 !important;
  }
  .opacity-lg-05 {
    opacity: 0.5;
  }
  .opacity-lg-05--force {
    opacity: 0.5 !important;
  }
  .opacity-lg-06 {
    opacity: 0.6;
  }
  .opacity-lg-06--force {
    opacity: 0.6 !important;
  }
  .opacity-lg-07 {
    opacity: 0.7;
  }
  .opacity-lg-07--force {
    opacity: 0.7 !important;
  }
  .opacity-lg-08 {
    opacity: 0.8;
  }
  .opacity-lg-08--force {
    opacity: 0.8 !important;
  }
  .opacity-lg-09 {
    opacity: 0.9;
  }
  .opacity-lg-09--force {
    opacity: 0.9 !important;
  }
  .opacity-lg-10 {
    opacity: 1;
  }
  .opacity-lg-10--force {
    opacity: 1 !important;
  }
  .opacity-lg-1 {
    opacity: 1;
  }
  .opacity-lg-1--force {
    opacity: 1 !important;
  }
}
@media screen and (min-width: 1536px) {
  .opacity-xl-0 {
    opacity: 0;
  }
  .opacity-xl-0--force {
    opacity: 0 !important;
  }
  .opacity-xl-01 {
    opacity: 0.1;
  }
  .opacity-xl-01--force {
    opacity: 0.1 !important;
  }
  .opacity-xl-02 {
    opacity: 0.2;
  }
  .opacity-xl-02--force {
    opacity: 0.2 !important;
  }
  .opacity-xl-03 {
    opacity: 0.3;
  }
  .opacity-xl-03--force {
    opacity: 0.3 !important;
  }
  .opacity-xl-04 {
    opacity: 0.4;
  }
  .opacity-xl-04--force {
    opacity: 0.4 !important;
  }
  .opacity-xl-05 {
    opacity: 0.5;
  }
  .opacity-xl-05--force {
    opacity: 0.5 !important;
  }
  .opacity-xl-06 {
    opacity: 0.6;
  }
  .opacity-xl-06--force {
    opacity: 0.6 !important;
  }
  .opacity-xl-07 {
    opacity: 0.7;
  }
  .opacity-xl-07--force {
    opacity: 0.7 !important;
  }
  .opacity-xl-08 {
    opacity: 0.8;
  }
  .opacity-xl-08--force {
    opacity: 0.8 !important;
  }
  .opacity-xl-09 {
    opacity: 0.9;
  }
  .opacity-xl-09--force {
    opacity: 0.9 !important;
  }
  .opacity-xl-10 {
    opacity: 1;
  }
  .opacity-xl-10--force {
    opacity: 1 !important;
  }
  .opacity-xl-1 {
    opacity: 1;
  }
  .opacity-xl-1--force {
    opacity: 1 !important;
  }
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.list-style-none {
  list-style: none;
}

.list-style-disc {
  list-style: disc;
}

.list-style-dot {
  list-style: dot;
}

.text-decoration-strike,
.text-strike,
.text-line-through {
  text-decoration: line-through;
}

.text-decoration-strike--force,
.text-strike--force,
.text-line-through--force {
  text-decoration: line-through !important;
}

.text-decoration-none,
.text-none {
  text-decoration: none;
}

.text-decoration-none--force,
.text-none--force {
  text-decoration: none !important;
}

.text-super {
  vertical-align: super;
}

.text-super--force {
  vertical-align: super !important;
}

.text-sub {
  vertical-align: sub;
}

.text-sub--force {
  vertical-align: sub !important;
}

@media screen and (max-width: 639px) {
  .text-xs-decoration-strike,
  .text-xs-strike,
  .text-xs-line-through {
    text-decoration: line-through;
  }
  .text-xs-decoration-strike--force,
  .text-xs-strike--force,
  .text-xs-line-through--force {
    text-decoration: line-through !important;
  }
  .text-xs-decoration-none,
  .text-xs-none {
    text-decoration: none;
  }
  .text-xs-decoration-none--force,
  .text-xs-none--force {
    text-decoration: none !important;
  }
  .text-xs-super {
    vertical-align: super;
  }
  .text-xs-super--force {
    vertical-align: super !important;
  }
  .text-xs-sub {
    vertical-align: sub;
  }
  .text-xs-sub--force {
    vertical-align: sub !important;
  }
}
@media screen and (min-width: 640px) {
  .text-sm-decoration-strike,
  .text-sm-strike,
  .text-sm-line-through {
    text-decoration: line-through;
  }
  .text-sm-decoration-strike--force,
  .text-sm-strike--force,
  .text-sm-line-through--force {
    text-decoration: line-through !important;
  }
  .text-sm-decoration-none,
  .text-sm-none {
    text-decoration: none;
  }
  .text-sm-decoration-none--force,
  .text-sm-none--force {
    text-decoration: none !important;
  }
  .text-sm-super {
    vertical-align: super;
  }
  .text-sm-super--force {
    vertical-align: super !important;
  }
  .text-sm-sub {
    vertical-align: sub;
  }
  .text-sm-sub--force {
    vertical-align: sub !important;
  }
}
@media screen and (min-width: 1024px) {
  .text-md-decoration-strike,
  .text-md-strike,
  .text-md-line-through {
    text-decoration: line-through;
  }
  .text-md-decoration-strike--force,
  .text-md-strike--force,
  .text-md-line-through--force {
    text-decoration: line-through !important;
  }
  .text-md-decoration-none,
  .text-md-none {
    text-decoration: none;
  }
  .text-md-decoration-none--force,
  .text-md-none--force {
    text-decoration: none !important;
  }
  .text-md-super {
    vertical-align: super;
  }
  .text-md-super--force {
    vertical-align: super !important;
  }
  .text-md-sub {
    vertical-align: sub;
  }
  .text-md-sub--force {
    vertical-align: sub !important;
  }
}
@media screen and (min-width: 1280px) {
  .text-lg-decoration-strike,
  .text-lg-strike,
  .text-lg-line-through {
    text-decoration: line-through;
  }
  .text-lg-decoration-strike--force,
  .text-lg-strike--force,
  .text-lg-line-through--force {
    text-decoration: line-through !important;
  }
  .text-lg-decoration-none,
  .text-lg-none {
    text-decoration: none;
  }
  .text-lg-decoration-none--force,
  .text-lg-none--force {
    text-decoration: none !important;
  }
  .text-lg-super {
    vertical-align: super;
  }
  .text-lg-super--force {
    vertical-align: super !important;
  }
  .text-lg-sub {
    vertical-align: sub;
  }
  .text-lg-sub--force {
    vertical-align: sub !important;
  }
}
@media screen and (min-width: 1536px) {
  .text-xl-decoration-strike,
  .text-xl-strike,
  .text-xl-line-through {
    text-decoration: line-through;
  }
  .text-xl-decoration-strike--force,
  .text-xl-strike--force,
  .text-xl-line-through--force {
    text-decoration: line-through !important;
  }
  .text-xl-decoration-none,
  .text-xl-none {
    text-decoration: none;
  }
  .text-xl-decoration-none--force,
  .text-xl-none--force {
    text-decoration: none !important;
  }
  .text-xl-super {
    vertical-align: super;
  }
  .text-xl-super--force {
    vertical-align: super !important;
  }
  .text-xl-sub {
    vertical-align: sub;
  }
  .text-xl-sub--force {
    vertical-align: sub !important;
  }
}
.text-capitalize {
  text-transform: capitalize;
}

.text-capitalize--force {
  text-transform: capitalize !important;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-lowercase--force {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-uppercase--force {
  text-transform: uppercase !important;
}

.text-nowrap {
  white-space: nowrap;
}

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

.text-left--force {
  text-align: left !important;
}

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

.text-center--force {
  text-align: center !important;
}

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

.text-right--force {
  text-align: right !important;
}

@media screen and (max-width: 639px) {
  .text-xs-capitalize {
    text-transform: capitalize;
  }
  .text-xs-capitalize--force {
    text-transform: capitalize !important;
  }
  .text-xs-lowercase {
    text-transform: lowercase;
  }
  .text-xs-lowercase--force {
    text-transform: lowercase !important;
  }
  .text-xs-uppercase {
    text-transform: uppercase;
  }
  .text-xs-uppercase--force {
    text-transform: uppercase !important;
  }
  .text-xs-nowrap {
    white-space: nowrap;
  }
  .text-xs-left {
    text-align: left;
  }
  .text-xs-left--force {
    text-align: left !important;
  }
  .text-xs-center {
    text-align: center;
  }
  .text-xs-center--force {
    text-align: center !important;
  }
  .text-xs-right {
    text-align: right;
  }
  .text-xs-right--force {
    text-align: right !important;
  }
}
@media screen and (min-width: 640px) {
  .text-sm-capitalize {
    text-transform: capitalize;
  }
  .text-sm-capitalize--force {
    text-transform: capitalize !important;
  }
  .text-sm-lowercase {
    text-transform: lowercase;
  }
  .text-sm-lowercase--force {
    text-transform: lowercase !important;
  }
  .text-sm-uppercase {
    text-transform: uppercase;
  }
  .text-sm-uppercase--force {
    text-transform: uppercase !important;
  }
  .text-sm-nowrap {
    white-space: nowrap;
  }
  .text-sm-left {
    text-align: left;
  }
  .text-sm-left--force {
    text-align: left !important;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-center--force {
    text-align: center !important;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-right--force {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) {
  .text-md-capitalize {
    text-transform: capitalize;
  }
  .text-md-capitalize--force {
    text-transform: capitalize !important;
  }
  .text-md-lowercase {
    text-transform: lowercase;
  }
  .text-md-lowercase--force {
    text-transform: lowercase !important;
  }
  .text-md-uppercase {
    text-transform: uppercase;
  }
  .text-md-uppercase--force {
    text-transform: uppercase !important;
  }
  .text-md-nowrap {
    white-space: nowrap;
  }
  .text-md-left {
    text-align: left;
  }
  .text-md-left--force {
    text-align: left !important;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-center--force {
    text-align: center !important;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-right--force {
    text-align: right !important;
  }
}
@media screen and (min-width: 1280px) {
  .text-lg-capitalize {
    text-transform: capitalize;
  }
  .text-lg-capitalize--force {
    text-transform: capitalize !important;
  }
  .text-lg-lowercase {
    text-transform: lowercase;
  }
  .text-lg-lowercase--force {
    text-transform: lowercase !important;
  }
  .text-lg-uppercase {
    text-transform: uppercase;
  }
  .text-lg-uppercase--force {
    text-transform: uppercase !important;
  }
  .text-lg-nowrap {
    white-space: nowrap;
  }
  .text-lg-left {
    text-align: left;
  }
  .text-lg-left--force {
    text-align: left !important;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-center--force {
    text-align: center !important;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-right--force {
    text-align: right !important;
  }
}
@media screen and (min-width: 1536px) {
  .text-xl-capitalize {
    text-transform: capitalize;
  }
  .text-xl-capitalize--force {
    text-transform: capitalize !important;
  }
  .text-xl-lowercase {
    text-transform: lowercase;
  }
  .text-xl-lowercase--force {
    text-transform: lowercase !important;
  }
  .text-xl-uppercase {
    text-transform: uppercase;
  }
  .text-xl-uppercase--force {
    text-transform: uppercase !important;
  }
  .text-xl-nowrap {
    white-space: nowrap;
  }
  .text-xl-left {
    text-align: left;
  }
  .text-xl-left--force {
    text-align: left !important;
  }
  .text-xl-center {
    text-align: center;
  }
  .text-xl-center--force {
    text-align: center !important;
  }
  .text-xl-right {
    text-align: right;
  }
  .text-xl-right--force {
    text-align: right !important;
  }
}
.text-boxed {
  border-radius: 2px;
  padding: 4px 8px;
  margin: 0 8px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.text-truncate,
.text-ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (max-width: 639px) {
  .text-xs-boxed {
    border-radius: 2px;
    padding: 4px 8px;
    margin: 0 8px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
  }
  .text-xs-truncate,
  .text-xs-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (min-width: 640px) {
  .text-sm-boxed {
    border-radius: 2px;
    padding: 4px 8px;
    margin: 0 8px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
  }
  .text-sm-truncate,
  .text-sm-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (min-width: 1024px) {
  .text-md-boxed {
    border-radius: 2px;
    padding: 4px 8px;
    margin: 0 8px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
  }
  .text-md-truncate,
  .text-md-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (min-width: 1280px) {
  .text-lg-boxed {
    border-radius: 2px;
    padding: 4px 8px;
    margin: 0 8px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
  }
  .text-lg-truncate,
  .text-lg-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (min-width: 1536px) {
  .text-xl-boxed {
    border-radius: 2px;
    padding: 4px 8px;
    margin: 0 8px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
  }
  .text-xl-truncate,
  .text-xl-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.overflow-auto {
  overflow: auto;
}

.overflow-auto--force {
  overflow: auto !important;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-scroll--force {
  overflow: scroll !important;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-hidden--force {
  overflow: hidden !important;
}

.overflow-overlay {
  overflow: overlay;
}

.overflow-overlay--force {
  overflow: overlay !important;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-x-auto--force {
  overflow-x: auto !important;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-x-scroll--force {
  overflow-x: scroll !important;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-hidden--force {
  overflow-x: hidden !important;
}

.overflow-x-overlay {
  overflow-x: overlay;
}

.overflow-x-overlay--force {
  overflow-x: overlay !important;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-auto--force {
  overflow-y: auto !important;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-y-scroll--force {
  overflow-y: scroll !important;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y-hidden--force {
  overflow-y: hidden !important;
}

.overflow-y-overlay {
  overflow-y: overlay;
}

.overflow-y-overlay--force {
  overflow-y: overlay !important;
}

@media screen and (max-width: 639px) {
  .overflow-xs-auto {
    overflow: auto;
  }
  .overflow-xs-auto--force {
    overflow: auto !important;
  }
  .overflow-xs-scroll {
    overflow: scroll;
  }
  .overflow-xs-scroll--force {
    overflow: scroll !important;
  }
  .overflow-xs-hidden {
    overflow: hidden;
  }
  .overflow-xs-hidden--force {
    overflow: hidden !important;
  }
  .overflow-xs-overlay {
    overflow: overlay;
  }
  .overflow-xs-overlay--force {
    overflow: overlay !important;
  }
  .overflow-x-xs-auto {
    overflow-x: auto;
  }
  .overflow-x-xs-auto--force {
    overflow-x: auto !important;
  }
  .overflow-x-xs-scroll {
    overflow-x: scroll;
  }
  .overflow-x-xs-scroll--force {
    overflow-x: scroll !important;
  }
  .overflow-x-xs-hidden {
    overflow-x: hidden;
  }
  .overflow-x-xs-hidden--force {
    overflow-x: hidden !important;
  }
  .overflow-x-xs-overlay {
    overflow-x: overlay;
  }
  .overflow-x-xs-overlay--force {
    overflow-x: overlay !important;
  }
  .overflow-y-xs-auto {
    overflow-y: auto;
  }
  .overflow-y-xs-auto--force {
    overflow-y: auto !important;
  }
  .overflow-y-xs-scroll {
    overflow-y: scroll;
  }
  .overflow-y-xs-scroll--force {
    overflow-y: scroll !important;
  }
  .overflow-y-xs-hidden {
    overflow-y: hidden;
  }
  .overflow-y-xs-hidden--force {
    overflow-y: hidden !important;
  }
  .overflow-y-xs-overlay {
    overflow-y: overlay;
  }
  .overflow-y-xs-overlay--force {
    overflow-y: overlay !important;
  }
}
@media screen and (min-width: 640px) {
  .overflow-sm-auto {
    overflow: auto;
  }
  .overflow-sm-auto--force {
    overflow: auto !important;
  }
  .overflow-sm-scroll {
    overflow: scroll;
  }
  .overflow-sm-scroll--force {
    overflow: scroll !important;
  }
  .overflow-sm-hidden {
    overflow: hidden;
  }
  .overflow-sm-hidden--force {
    overflow: hidden !important;
  }
  .overflow-sm-overlay {
    overflow: overlay;
  }
  .overflow-sm-overlay--force {
    overflow: overlay !important;
  }
  .overflow-x-sm-auto {
    overflow-x: auto;
  }
  .overflow-x-sm-auto--force {
    overflow-x: auto !important;
  }
  .overflow-x-sm-scroll {
    overflow-x: scroll;
  }
  .overflow-x-sm-scroll--force {
    overflow-x: scroll !important;
  }
  .overflow-x-sm-hidden {
    overflow-x: hidden;
  }
  .overflow-x-sm-hidden--force {
    overflow-x: hidden !important;
  }
  .overflow-x-sm-overlay {
    overflow-x: overlay;
  }
  .overflow-x-sm-overlay--force {
    overflow-x: overlay !important;
  }
  .overflow-y-sm-auto {
    overflow-y: auto;
  }
  .overflow-y-sm-auto--force {
    overflow-y: auto !important;
  }
  .overflow-y-sm-scroll {
    overflow-y: scroll;
  }
  .overflow-y-sm-scroll--force {
    overflow-y: scroll !important;
  }
  .overflow-y-sm-hidden {
    overflow-y: hidden;
  }
  .overflow-y-sm-hidden--force {
    overflow-y: hidden !important;
  }
  .overflow-y-sm-overlay {
    overflow-y: overlay;
  }
  .overflow-y-sm-overlay--force {
    overflow-y: overlay !important;
  }
}
@media screen and (min-width: 1024px) {
  .overflow-md-auto {
    overflow: auto;
  }
  .overflow-md-auto--force {
    overflow: auto !important;
  }
  .overflow-md-scroll {
    overflow: scroll;
  }
  .overflow-md-scroll--force {
    overflow: scroll !important;
  }
  .overflow-md-hidden {
    overflow: hidden;
  }
  .overflow-md-hidden--force {
    overflow: hidden !important;
  }
  .overflow-md-overlay {
    overflow: overlay;
  }
  .overflow-md-overlay--force {
    overflow: overlay !important;
  }
  .overflow-x-md-auto {
    overflow-x: auto;
  }
  .overflow-x-md-auto--force {
    overflow-x: auto !important;
  }
  .overflow-x-md-scroll {
    overflow-x: scroll;
  }
  .overflow-x-md-scroll--force {
    overflow-x: scroll !important;
  }
  .overflow-x-md-hidden {
    overflow-x: hidden;
  }
  .overflow-x-md-hidden--force {
    overflow-x: hidden !important;
  }
  .overflow-x-md-overlay {
    overflow-x: overlay;
  }
  .overflow-x-md-overlay--force {
    overflow-x: overlay !important;
  }
  .overflow-y-md-auto {
    overflow-y: auto;
  }
  .overflow-y-md-auto--force {
    overflow-y: auto !important;
  }
  .overflow-y-md-scroll {
    overflow-y: scroll;
  }
  .overflow-y-md-scroll--force {
    overflow-y: scroll !important;
  }
  .overflow-y-md-hidden {
    overflow-y: hidden;
  }
  .overflow-y-md-hidden--force {
    overflow-y: hidden !important;
  }
  .overflow-y-md-overlay {
    overflow-y: overlay;
  }
  .overflow-y-md-overlay--force {
    overflow-y: overlay !important;
  }
}
@media screen and (min-width: 1280px) {
  .overflow-lg-auto {
    overflow: auto;
  }
  .overflow-lg-auto--force {
    overflow: auto !important;
  }
  .overflow-lg-scroll {
    overflow: scroll;
  }
  .overflow-lg-scroll--force {
    overflow: scroll !important;
  }
  .overflow-lg-hidden {
    overflow: hidden;
  }
  .overflow-lg-hidden--force {
    overflow: hidden !important;
  }
  .overflow-lg-overlay {
    overflow: overlay;
  }
  .overflow-lg-overlay--force {
    overflow: overlay !important;
  }
  .overflow-x-lg-auto {
    overflow-x: auto;
  }
  .overflow-x-lg-auto--force {
    overflow-x: auto !important;
  }
  .overflow-x-lg-scroll {
    overflow-x: scroll;
  }
  .overflow-x-lg-scroll--force {
    overflow-x: scroll !important;
  }
  .overflow-x-lg-hidden {
    overflow-x: hidden;
  }
  .overflow-x-lg-hidden--force {
    overflow-x: hidden !important;
  }
  .overflow-x-lg-overlay {
    overflow-x: overlay;
  }
  .overflow-x-lg-overlay--force {
    overflow-x: overlay !important;
  }
  .overflow-y-lg-auto {
    overflow-y: auto;
  }
  .overflow-y-lg-auto--force {
    overflow-y: auto !important;
  }
  .overflow-y-lg-scroll {
    overflow-y: scroll;
  }
  .overflow-y-lg-scroll--force {
    overflow-y: scroll !important;
  }
  .overflow-y-lg-hidden {
    overflow-y: hidden;
  }
  .overflow-y-lg-hidden--force {
    overflow-y: hidden !important;
  }
  .overflow-y-lg-overlay {
    overflow-y: overlay;
  }
  .overflow-y-lg-overlay--force {
    overflow-y: overlay !important;
  }
}
@media screen and (min-width: 1536px) {
  .overflow-xl-auto {
    overflow: auto;
  }
  .overflow-xl-auto--force {
    overflow: auto !important;
  }
  .overflow-xl-scroll {
    overflow: scroll;
  }
  .overflow-xl-scroll--force {
    overflow: scroll !important;
  }
  .overflow-xl-hidden {
    overflow: hidden;
  }
  .overflow-xl-hidden--force {
    overflow: hidden !important;
  }
  .overflow-xl-overlay {
    overflow: overlay;
  }
  .overflow-xl-overlay--force {
    overflow: overlay !important;
  }
  .overflow-x-xl-auto {
    overflow-x: auto;
  }
  .overflow-x-xl-auto--force {
    overflow-x: auto !important;
  }
  .overflow-x-xl-scroll {
    overflow-x: scroll;
  }
  .overflow-x-xl-scroll--force {
    overflow-x: scroll !important;
  }
  .overflow-x-xl-hidden {
    overflow-x: hidden;
  }
  .overflow-x-xl-hidden--force {
    overflow-x: hidden !important;
  }
  .overflow-x-xl-overlay {
    overflow-x: overlay;
  }
  .overflow-x-xl-overlay--force {
    overflow-x: overlay !important;
  }
  .overflow-y-xl-auto {
    overflow-y: auto;
  }
  .overflow-y-xl-auto--force {
    overflow-y: auto !important;
  }
  .overflow-y-xl-scroll {
    overflow-y: scroll;
  }
  .overflow-y-xl-scroll--force {
    overflow-y: scroll !important;
  }
  .overflow-y-xl-hidden {
    overflow-y: hidden;
  }
  .overflow-y-xl-hidden--force {
    overflow-y: hidden !important;
  }
  .overflow-y-xl-overlay {
    overflow-y: overlay;
  }
  .overflow-y-xl-overlay--force {
    overflow-y: overlay !important;
  }
}
.border-0,
.b-0 {
  border: 0px solid;
}

.border-bottom-0,
.bb-0 {
  border-bottom: 0px solid;
}

.border-bottom-0--force,
.bb-0--force {
  border-bottom: 0px solid !important;
}

.border-top-0,
.bt-0 {
  border-top: 0px solid;
}

.border-top-0--force,
.bt-0--force {
  border-top: 0px solid !important;
}

.border-left-0,
.bl-0 {
  border-left: 0px solid;
}

.border-left-0--force,
.bl-0--force {
  border-left: 0px solid !important;
}

.border-right-0,
.br-0 {
  border-right: 0px solid;
}

.border-right-0--force,
.br-0--force {
  border-right: 0px solid !important;
}

.border-2,
.b-2 {
  border: 2px solid;
}

.border-bottom-2,
.bb-2 {
  border-bottom: 2px solid;
}

.border-bottom-2--force,
.bb-2--force {
  border-bottom: 2px solid !important;
}

.border-top-2,
.bt-2 {
  border-top: 2px solid;
}

.border-top-2--force,
.bt-2--force {
  border-top: 2px solid !important;
}

.border-left-2,
.bl-2 {
  border-left: 2px solid;
}

.border-left-2--force,
.bl-2--force {
  border-left: 2px solid !important;
}

.border-right-2,
.br-2 {
  border-right: 2px solid;
}

.border-right-2--force,
.br-2--force {
  border-right: 2px solid !important;
}

.border-4,
.b-4 {
  border: 4px solid;
}

.border-bottom-4,
.bb-4 {
  border-bottom: 4px solid;
}

.border-bottom-4--force,
.bb-4--force {
  border-bottom: 4px solid !important;
}

.border-top-4,
.bt-4 {
  border-top: 4px solid;
}

.border-top-4--force,
.bt-4--force {
  border-top: 4px solid !important;
}

.border-left-4,
.bl-4 {
  border-left: 4px solid;
}

.border-left-4--force,
.bl-4--force {
  border-left: 4px solid !important;
}

.border-right-4,
.br-4 {
  border-right: 4px solid;
}

.border-right-4--force,
.br-4--force {
  border-right: 4px solid !important;
}

.border-6,
.b-6 {
  border: 6px solid;
}

.border-bottom-6,
.bb-6 {
  border-bottom: 6px solid;
}

.border-bottom-6--force,
.bb-6--force {
  border-bottom: 6px solid !important;
}

.border-top-6,
.bt-6 {
  border-top: 6px solid;
}

.border-top-6--force,
.bt-6--force {
  border-top: 6px solid !important;
}

.border-left-6,
.bl-6 {
  border-left: 6px solid;
}

.border-left-6--force,
.bl-6--force {
  border-left: 6px solid !important;
}

.border-right-6,
.br-6 {
  border-right: 6px solid;
}

.border-right-6--force,
.br-6--force {
  border-right: 6px solid !important;
}

.border-8,
.b-8 {
  border: 8px solid;
}

.border-bottom-8,
.bb-8 {
  border-bottom: 8px solid;
}

.border-bottom-8--force,
.bb-8--force {
  border-bottom: 8px solid !important;
}

.border-top-8,
.bt-8 {
  border-top: 8px solid;
}

.border-top-8--force,
.bt-8--force {
  border-top: 8px solid !important;
}

.border-left-8,
.bl-8 {
  border-left: 8px solid;
}

.border-left-8--force,
.bl-8--force {
  border-left: 8px solid !important;
}

.border-right-8,
.br-8 {
  border-right: 8px solid;
}

.border-right-8--force,
.br-8--force {
  border-right: 8px solid !important;
}

.b-none,
.border-none {
  border: none;
}

.b-none--force,
.border-none--force {
  border: none !important;
}

.border-1,
.b-1 {
  border: var(--matcha-border-hairline, 1px) solid;
}

.border-1--force,
.b-1--force {
  border: var(--matcha-border-hairline, 1px) solid !important;
}

.border-bottom-1,
.bb-1 {
  border-bottom: var(--matcha-border-hairline, 1px) solid;
}

.border-bottom-1--force,
.bb-1--force {
  border-bottom: var(--matcha-border-hairline, 1px) solid !important;
}

.border-top-1,
.bt-1 {
  border-top: var(--matcha-border-hairline, 1px) solid;
}

.border-top-1--force,
.bt-1--force {
  border-top: var(--matcha-border-hairline, 1px) solid !important;
}

.border-left-1,
.bl-1 {
  border-left: var(--matcha-border-hairline, 1px) solid;
}

.border-left-1--force,
.bl-1--force {
  border-left: var(--matcha-border-hairline, 1px) solid !important;
}

.border-right-1,
.br-1 {
  border-right: var(--matcha-border-hairline, 1px) solid;
}

.border-right-1--force,
.br-1--force {
  border-right: var(--matcha-border-hairline, 1px) solid !important;
}

@media screen and (max-width: 639px) {
  .border-xs-0,
  .b-xs-0 {
    border: 0px solid;
  }
  .border-bottom-xs-0,
  .bb-xs-0 {
    border-bottom: 0px solid;
  }
  .border-bottom-xs-0--force,
  .bb-xs-0--force {
    border-bottom: 0px solid !important;
  }
  .border-top-xs-0,
  .bt-xs-0 {
    border-top: 0px solid;
  }
  .border-top-xs-0--force,
  .bt-xs-0--force {
    border-top: 0px solid !important;
  }
  .border-left-xs-0,
  .bl-xs-0 {
    border-left: 0px solid;
  }
  .border-left-xs-0--force,
  .bl-xs-0--force {
    border-left: 0px solid !important;
  }
  .border-right-xs-0,
  .br-xs-0 {
    border-right: 0px solid;
  }
  .border-right-xs-0--force,
  .br-xs-0--force {
    border-right: 0px solid !important;
  }
  .border-xs-2,
  .b-xs-2 {
    border: 2px solid;
  }
  .border-bottom-xs-2,
  .bb-xs-2 {
    border-bottom: 2px solid;
  }
  .border-bottom-xs-2--force,
  .bb-xs-2--force {
    border-bottom: 2px solid !important;
  }
  .border-top-xs-2,
  .bt-xs-2 {
    border-top: 2px solid;
  }
  .border-top-xs-2--force,
  .bt-xs-2--force {
    border-top: 2px solid !important;
  }
  .border-left-xs-2,
  .bl-xs-2 {
    border-left: 2px solid;
  }
  .border-left-xs-2--force,
  .bl-xs-2--force {
    border-left: 2px solid !important;
  }
  .border-right-xs-2,
  .br-xs-2 {
    border-right: 2px solid;
  }
  .border-right-xs-2--force,
  .br-xs-2--force {
    border-right: 2px solid !important;
  }
  .border-xs-4,
  .b-xs-4 {
    border: 4px solid;
  }
  .border-bottom-xs-4,
  .bb-xs-4 {
    border-bottom: 4px solid;
  }
  .border-bottom-xs-4--force,
  .bb-xs-4--force {
    border-bottom: 4px solid !important;
  }
  .border-top-xs-4,
  .bt-xs-4 {
    border-top: 4px solid;
  }
  .border-top-xs-4--force,
  .bt-xs-4--force {
    border-top: 4px solid !important;
  }
  .border-left-xs-4,
  .bl-xs-4 {
    border-left: 4px solid;
  }
  .border-left-xs-4--force,
  .bl-xs-4--force {
    border-left: 4px solid !important;
  }
  .border-right-xs-4,
  .br-xs-4 {
    border-right: 4px solid;
  }
  .border-right-xs-4--force,
  .br-xs-4--force {
    border-right: 4px solid !important;
  }
  .border-xs-6,
  .b-xs-6 {
    border: 6px solid;
  }
  .border-bottom-xs-6,
  .bb-xs-6 {
    border-bottom: 6px solid;
  }
  .border-bottom-xs-6--force,
  .bb-xs-6--force {
    border-bottom: 6px solid !important;
  }
  .border-top-xs-6,
  .bt-xs-6 {
    border-top: 6px solid;
  }
  .border-top-xs-6--force,
  .bt-xs-6--force {
    border-top: 6px solid !important;
  }
  .border-left-xs-6,
  .bl-xs-6 {
    border-left: 6px solid;
  }
  .border-left-xs-6--force,
  .bl-xs-6--force {
    border-left: 6px solid !important;
  }
  .border-right-xs-6,
  .br-xs-6 {
    border-right: 6px solid;
  }
  .border-right-xs-6--force,
  .br-xs-6--force {
    border-right: 6px solid !important;
  }
  .border-xs-8,
  .b-xs-8 {
    border: 8px solid;
  }
  .border-bottom-xs-8,
  .bb-xs-8 {
    border-bottom: 8px solid;
  }
  .border-bottom-xs-8--force,
  .bb-xs-8--force {
    border-bottom: 8px solid !important;
  }
  .border-top-xs-8,
  .bt-xs-8 {
    border-top: 8px solid;
  }
  .border-top-xs-8--force,
  .bt-xs-8--force {
    border-top: 8px solid !important;
  }
  .border-left-xs-8,
  .bl-xs-8 {
    border-left: 8px solid;
  }
  .border-left-xs-8--force,
  .bl-xs-8--force {
    border-left: 8px solid !important;
  }
  .border-right-xs-8,
  .br-xs-8 {
    border-right: 8px solid;
  }
  .border-right-xs-8--force,
  .br-xs-8--force {
    border-right: 8px solid !important;
  }
  .b-xs-none,
  .border-xs-none {
    border: none;
  }
  .b-xs-none--force,
  .border-xs-none--force {
    border: none !important;
  }
  .border-xs-1,
  .b-xs-1 {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-xs-1--force,
  .b-xs-1--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-xs-1,
  .bb-xs-1 {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-xs-1--force,
  .bb-xs-1--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-xs-1,
  .bt-xs-1 {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-xs-1--force,
  .bt-xs-1--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-xs-1,
  .bl-xs-1 {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-xs-1--force,
  .bl-xs-1--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-xs-1,
  .br-xs-1 {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-xs-1--force,
  .br-xs-1--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
}
@media screen and (min-width: 640px) {
  .border-sm-0,
  .b-sm-0 {
    border: 0px solid;
  }
  .border-bottom-sm-0,
  .bb-sm-0 {
    border-bottom: 0px solid;
  }
  .border-bottom-sm-0--force,
  .bb-sm-0--force {
    border-bottom: 0px solid !important;
  }
  .border-top-sm-0,
  .bt-sm-0 {
    border-top: 0px solid;
  }
  .border-top-sm-0--force,
  .bt-sm-0--force {
    border-top: 0px solid !important;
  }
  .border-left-sm-0,
  .bl-sm-0 {
    border-left: 0px solid;
  }
  .border-left-sm-0--force,
  .bl-sm-0--force {
    border-left: 0px solid !important;
  }
  .border-right-sm-0,
  .br-sm-0 {
    border-right: 0px solid;
  }
  .border-right-sm-0--force,
  .br-sm-0--force {
    border-right: 0px solid !important;
  }
  .border-sm-2,
  .b-sm-2 {
    border: 2px solid;
  }
  .border-bottom-sm-2,
  .bb-sm-2 {
    border-bottom: 2px solid;
  }
  .border-bottom-sm-2--force,
  .bb-sm-2--force {
    border-bottom: 2px solid !important;
  }
  .border-top-sm-2,
  .bt-sm-2 {
    border-top: 2px solid;
  }
  .border-top-sm-2--force,
  .bt-sm-2--force {
    border-top: 2px solid !important;
  }
  .border-left-sm-2,
  .bl-sm-2 {
    border-left: 2px solid;
  }
  .border-left-sm-2--force,
  .bl-sm-2--force {
    border-left: 2px solid !important;
  }
  .border-right-sm-2,
  .br-sm-2 {
    border-right: 2px solid;
  }
  .border-right-sm-2--force,
  .br-sm-2--force {
    border-right: 2px solid !important;
  }
  .border-sm-4,
  .b-sm-4 {
    border: 4px solid;
  }
  .border-bottom-sm-4,
  .bb-sm-4 {
    border-bottom: 4px solid;
  }
  .border-bottom-sm-4--force,
  .bb-sm-4--force {
    border-bottom: 4px solid !important;
  }
  .border-top-sm-4,
  .bt-sm-4 {
    border-top: 4px solid;
  }
  .border-top-sm-4--force,
  .bt-sm-4--force {
    border-top: 4px solid !important;
  }
  .border-left-sm-4,
  .bl-sm-4 {
    border-left: 4px solid;
  }
  .border-left-sm-4--force,
  .bl-sm-4--force {
    border-left: 4px solid !important;
  }
  .border-right-sm-4,
  .br-sm-4 {
    border-right: 4px solid;
  }
  .border-right-sm-4--force,
  .br-sm-4--force {
    border-right: 4px solid !important;
  }
  .border-sm-6,
  .b-sm-6 {
    border: 6px solid;
  }
  .border-bottom-sm-6,
  .bb-sm-6 {
    border-bottom: 6px solid;
  }
  .border-bottom-sm-6--force,
  .bb-sm-6--force {
    border-bottom: 6px solid !important;
  }
  .border-top-sm-6,
  .bt-sm-6 {
    border-top: 6px solid;
  }
  .border-top-sm-6--force,
  .bt-sm-6--force {
    border-top: 6px solid !important;
  }
  .border-left-sm-6,
  .bl-sm-6 {
    border-left: 6px solid;
  }
  .border-left-sm-6--force,
  .bl-sm-6--force {
    border-left: 6px solid !important;
  }
  .border-right-sm-6,
  .br-sm-6 {
    border-right: 6px solid;
  }
  .border-right-sm-6--force,
  .br-sm-6--force {
    border-right: 6px solid !important;
  }
  .border-sm-8,
  .b-sm-8 {
    border: 8px solid;
  }
  .border-bottom-sm-8,
  .bb-sm-8 {
    border-bottom: 8px solid;
  }
  .border-bottom-sm-8--force,
  .bb-sm-8--force {
    border-bottom: 8px solid !important;
  }
  .border-top-sm-8,
  .bt-sm-8 {
    border-top: 8px solid;
  }
  .border-top-sm-8--force,
  .bt-sm-8--force {
    border-top: 8px solid !important;
  }
  .border-left-sm-8,
  .bl-sm-8 {
    border-left: 8px solid;
  }
  .border-left-sm-8--force,
  .bl-sm-8--force {
    border-left: 8px solid !important;
  }
  .border-right-sm-8,
  .br-sm-8 {
    border-right: 8px solid;
  }
  .border-right-sm-8--force,
  .br-sm-8--force {
    border-right: 8px solid !important;
  }
  .b-sm-none,
  .border-sm-none {
    border: none;
  }
  .b-sm-none--force,
  .border-sm-none--force {
    border: none !important;
  }
  .border-sm-1,
  .b-sm-1 {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-sm-1--force,
  .b-sm-1--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-sm-1,
  .bb-sm-1 {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-sm-1--force,
  .bb-sm-1--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-sm-1,
  .bt-sm-1 {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-sm-1--force,
  .bt-sm-1--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-sm-1,
  .bl-sm-1 {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-sm-1--force,
  .bl-sm-1--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-sm-1,
  .br-sm-1 {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-sm-1--force,
  .br-sm-1--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
}
@media screen and (min-width: 1024px) {
  .border-md-0,
  .b-md-0 {
    border: 0px solid;
  }
  .border-bottom-md-0,
  .bb-md-0 {
    border-bottom: 0px solid;
  }
  .border-bottom-md-0--force,
  .bb-md-0--force {
    border-bottom: 0px solid !important;
  }
  .border-top-md-0,
  .bt-md-0 {
    border-top: 0px solid;
  }
  .border-top-md-0--force,
  .bt-md-0--force {
    border-top: 0px solid !important;
  }
  .border-left-md-0,
  .bl-md-0 {
    border-left: 0px solid;
  }
  .border-left-md-0--force,
  .bl-md-0--force {
    border-left: 0px solid !important;
  }
  .border-right-md-0,
  .br-md-0 {
    border-right: 0px solid;
  }
  .border-right-md-0--force,
  .br-md-0--force {
    border-right: 0px solid !important;
  }
  .border-md-2,
  .b-md-2 {
    border: 2px solid;
  }
  .border-bottom-md-2,
  .bb-md-2 {
    border-bottom: 2px solid;
  }
  .border-bottom-md-2--force,
  .bb-md-2--force {
    border-bottom: 2px solid !important;
  }
  .border-top-md-2,
  .bt-md-2 {
    border-top: 2px solid;
  }
  .border-top-md-2--force,
  .bt-md-2--force {
    border-top: 2px solid !important;
  }
  .border-left-md-2,
  .bl-md-2 {
    border-left: 2px solid;
  }
  .border-left-md-2--force,
  .bl-md-2--force {
    border-left: 2px solid !important;
  }
  .border-right-md-2,
  .br-md-2 {
    border-right: 2px solid;
  }
  .border-right-md-2--force,
  .br-md-2--force {
    border-right: 2px solid !important;
  }
  .border-md-4,
  .b-md-4 {
    border: 4px solid;
  }
  .border-bottom-md-4,
  .bb-md-4 {
    border-bottom: 4px solid;
  }
  .border-bottom-md-4--force,
  .bb-md-4--force {
    border-bottom: 4px solid !important;
  }
  .border-top-md-4,
  .bt-md-4 {
    border-top: 4px solid;
  }
  .border-top-md-4--force,
  .bt-md-4--force {
    border-top: 4px solid !important;
  }
  .border-left-md-4,
  .bl-md-4 {
    border-left: 4px solid;
  }
  .border-left-md-4--force,
  .bl-md-4--force {
    border-left: 4px solid !important;
  }
  .border-right-md-4,
  .br-md-4 {
    border-right: 4px solid;
  }
  .border-right-md-4--force,
  .br-md-4--force {
    border-right: 4px solid !important;
  }
  .border-md-6,
  .b-md-6 {
    border: 6px solid;
  }
  .border-bottom-md-6,
  .bb-md-6 {
    border-bottom: 6px solid;
  }
  .border-bottom-md-6--force,
  .bb-md-6--force {
    border-bottom: 6px solid !important;
  }
  .border-top-md-6,
  .bt-md-6 {
    border-top: 6px solid;
  }
  .border-top-md-6--force,
  .bt-md-6--force {
    border-top: 6px solid !important;
  }
  .border-left-md-6,
  .bl-md-6 {
    border-left: 6px solid;
  }
  .border-left-md-6--force,
  .bl-md-6--force {
    border-left: 6px solid !important;
  }
  .border-right-md-6,
  .br-md-6 {
    border-right: 6px solid;
  }
  .border-right-md-6--force,
  .br-md-6--force {
    border-right: 6px solid !important;
  }
  .border-md-8,
  .b-md-8 {
    border: 8px solid;
  }
  .border-bottom-md-8,
  .bb-md-8 {
    border-bottom: 8px solid;
  }
  .border-bottom-md-8--force,
  .bb-md-8--force {
    border-bottom: 8px solid !important;
  }
  .border-top-md-8,
  .bt-md-8 {
    border-top: 8px solid;
  }
  .border-top-md-8--force,
  .bt-md-8--force {
    border-top: 8px solid !important;
  }
  .border-left-md-8,
  .bl-md-8 {
    border-left: 8px solid;
  }
  .border-left-md-8--force,
  .bl-md-8--force {
    border-left: 8px solid !important;
  }
  .border-right-md-8,
  .br-md-8 {
    border-right: 8px solid;
  }
  .border-right-md-8--force,
  .br-md-8--force {
    border-right: 8px solid !important;
  }
  .b-md-none,
  .border-md-none {
    border: none;
  }
  .b-md-none--force,
  .border-md-none--force {
    border: none !important;
  }
  .border-md-1,
  .b-md-1 {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-md-1--force,
  .b-md-1--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-md-1,
  .bb-md-1 {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-md-1--force,
  .bb-md-1--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-md-1,
  .bt-md-1 {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-md-1--force,
  .bt-md-1--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-md-1,
  .bl-md-1 {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-md-1--force,
  .bl-md-1--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-md-1,
  .br-md-1 {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-md-1--force,
  .br-md-1--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
}
@media screen and (min-width: 1280px) {
  .border-lg-0,
  .b-lg-0 {
    border: 0px solid;
  }
  .border-bottom-lg-0,
  .bb-lg-0 {
    border-bottom: 0px solid;
  }
  .border-bottom-lg-0--force,
  .bb-lg-0--force {
    border-bottom: 0px solid !important;
  }
  .border-top-lg-0,
  .bt-lg-0 {
    border-top: 0px solid;
  }
  .border-top-lg-0--force,
  .bt-lg-0--force {
    border-top: 0px solid !important;
  }
  .border-left-lg-0,
  .bl-lg-0 {
    border-left: 0px solid;
  }
  .border-left-lg-0--force,
  .bl-lg-0--force {
    border-left: 0px solid !important;
  }
  .border-right-lg-0,
  .br-lg-0 {
    border-right: 0px solid;
  }
  .border-right-lg-0--force,
  .br-lg-0--force {
    border-right: 0px solid !important;
  }
  .border-lg-2,
  .b-lg-2 {
    border: 2px solid;
  }
  .border-bottom-lg-2,
  .bb-lg-2 {
    border-bottom: 2px solid;
  }
  .border-bottom-lg-2--force,
  .bb-lg-2--force {
    border-bottom: 2px solid !important;
  }
  .border-top-lg-2,
  .bt-lg-2 {
    border-top: 2px solid;
  }
  .border-top-lg-2--force,
  .bt-lg-2--force {
    border-top: 2px solid !important;
  }
  .border-left-lg-2,
  .bl-lg-2 {
    border-left: 2px solid;
  }
  .border-left-lg-2--force,
  .bl-lg-2--force {
    border-left: 2px solid !important;
  }
  .border-right-lg-2,
  .br-lg-2 {
    border-right: 2px solid;
  }
  .border-right-lg-2--force,
  .br-lg-2--force {
    border-right: 2px solid !important;
  }
  .border-lg-4,
  .b-lg-4 {
    border: 4px solid;
  }
  .border-bottom-lg-4,
  .bb-lg-4 {
    border-bottom: 4px solid;
  }
  .border-bottom-lg-4--force,
  .bb-lg-4--force {
    border-bottom: 4px solid !important;
  }
  .border-top-lg-4,
  .bt-lg-4 {
    border-top: 4px solid;
  }
  .border-top-lg-4--force,
  .bt-lg-4--force {
    border-top: 4px solid !important;
  }
  .border-left-lg-4,
  .bl-lg-4 {
    border-left: 4px solid;
  }
  .border-left-lg-4--force,
  .bl-lg-4--force {
    border-left: 4px solid !important;
  }
  .border-right-lg-4,
  .br-lg-4 {
    border-right: 4px solid;
  }
  .border-right-lg-4--force,
  .br-lg-4--force {
    border-right: 4px solid !important;
  }
  .border-lg-6,
  .b-lg-6 {
    border: 6px solid;
  }
  .border-bottom-lg-6,
  .bb-lg-6 {
    border-bottom: 6px solid;
  }
  .border-bottom-lg-6--force,
  .bb-lg-6--force {
    border-bottom: 6px solid !important;
  }
  .border-top-lg-6,
  .bt-lg-6 {
    border-top: 6px solid;
  }
  .border-top-lg-6--force,
  .bt-lg-6--force {
    border-top: 6px solid !important;
  }
  .border-left-lg-6,
  .bl-lg-6 {
    border-left: 6px solid;
  }
  .border-left-lg-6--force,
  .bl-lg-6--force {
    border-left: 6px solid !important;
  }
  .border-right-lg-6,
  .br-lg-6 {
    border-right: 6px solid;
  }
  .border-right-lg-6--force,
  .br-lg-6--force {
    border-right: 6px solid !important;
  }
  .border-lg-8,
  .b-lg-8 {
    border: 8px solid;
  }
  .border-bottom-lg-8,
  .bb-lg-8 {
    border-bottom: 8px solid;
  }
  .border-bottom-lg-8--force,
  .bb-lg-8--force {
    border-bottom: 8px solid !important;
  }
  .border-top-lg-8,
  .bt-lg-8 {
    border-top: 8px solid;
  }
  .border-top-lg-8--force,
  .bt-lg-8--force {
    border-top: 8px solid !important;
  }
  .border-left-lg-8,
  .bl-lg-8 {
    border-left: 8px solid;
  }
  .border-left-lg-8--force,
  .bl-lg-8--force {
    border-left: 8px solid !important;
  }
  .border-right-lg-8,
  .br-lg-8 {
    border-right: 8px solid;
  }
  .border-right-lg-8--force,
  .br-lg-8--force {
    border-right: 8px solid !important;
  }
  .b-lg-none,
  .border-lg-none {
    border: none;
  }
  .b-lg-none--force,
  .border-lg-none--force {
    border: none !important;
  }
  .border-lg-1,
  .b-lg-1 {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-lg-1--force,
  .b-lg-1--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-lg-1,
  .bb-lg-1 {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-lg-1--force,
  .bb-lg-1--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-lg-1,
  .bt-lg-1 {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-lg-1--force,
  .bt-lg-1--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-lg-1,
  .bl-lg-1 {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-lg-1--force,
  .bl-lg-1--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-lg-1,
  .br-lg-1 {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-lg-1--force,
  .br-lg-1--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
}
@media screen and (min-width: 1536px) {
  .border-xl-0,
  .b-xl-0 {
    border: 0px solid;
  }
  .border-bottom-xl-0,
  .bb-xl-0 {
    border-bottom: 0px solid;
  }
  .border-bottom-xl-0--force,
  .bb-xl-0--force {
    border-bottom: 0px solid !important;
  }
  .border-top-xl-0,
  .bt-xl-0 {
    border-top: 0px solid;
  }
  .border-top-xl-0--force,
  .bt-xl-0--force {
    border-top: 0px solid !important;
  }
  .border-left-xl-0,
  .bl-xl-0 {
    border-left: 0px solid;
  }
  .border-left-xl-0--force,
  .bl-xl-0--force {
    border-left: 0px solid !important;
  }
  .border-right-xl-0,
  .br-xl-0 {
    border-right: 0px solid;
  }
  .border-right-xl-0--force,
  .br-xl-0--force {
    border-right: 0px solid !important;
  }
  .border-xl-2,
  .b-xl-2 {
    border: 2px solid;
  }
  .border-bottom-xl-2,
  .bb-xl-2 {
    border-bottom: 2px solid;
  }
  .border-bottom-xl-2--force,
  .bb-xl-2--force {
    border-bottom: 2px solid !important;
  }
  .border-top-xl-2,
  .bt-xl-2 {
    border-top: 2px solid;
  }
  .border-top-xl-2--force,
  .bt-xl-2--force {
    border-top: 2px solid !important;
  }
  .border-left-xl-2,
  .bl-xl-2 {
    border-left: 2px solid;
  }
  .border-left-xl-2--force,
  .bl-xl-2--force {
    border-left: 2px solid !important;
  }
  .border-right-xl-2,
  .br-xl-2 {
    border-right: 2px solid;
  }
  .border-right-xl-2--force,
  .br-xl-2--force {
    border-right: 2px solid !important;
  }
  .border-xl-4,
  .b-xl-4 {
    border: 4px solid;
  }
  .border-bottom-xl-4,
  .bb-xl-4 {
    border-bottom: 4px solid;
  }
  .border-bottom-xl-4--force,
  .bb-xl-4--force {
    border-bottom: 4px solid !important;
  }
  .border-top-xl-4,
  .bt-xl-4 {
    border-top: 4px solid;
  }
  .border-top-xl-4--force,
  .bt-xl-4--force {
    border-top: 4px solid !important;
  }
  .border-left-xl-4,
  .bl-xl-4 {
    border-left: 4px solid;
  }
  .border-left-xl-4--force,
  .bl-xl-4--force {
    border-left: 4px solid !important;
  }
  .border-right-xl-4,
  .br-xl-4 {
    border-right: 4px solid;
  }
  .border-right-xl-4--force,
  .br-xl-4--force {
    border-right: 4px solid !important;
  }
  .border-xl-6,
  .b-xl-6 {
    border: 6px solid;
  }
  .border-bottom-xl-6,
  .bb-xl-6 {
    border-bottom: 6px solid;
  }
  .border-bottom-xl-6--force,
  .bb-xl-6--force {
    border-bottom: 6px solid !important;
  }
  .border-top-xl-6,
  .bt-xl-6 {
    border-top: 6px solid;
  }
  .border-top-xl-6--force,
  .bt-xl-6--force {
    border-top: 6px solid !important;
  }
  .border-left-xl-6,
  .bl-xl-6 {
    border-left: 6px solid;
  }
  .border-left-xl-6--force,
  .bl-xl-6--force {
    border-left: 6px solid !important;
  }
  .border-right-xl-6,
  .br-xl-6 {
    border-right: 6px solid;
  }
  .border-right-xl-6--force,
  .br-xl-6--force {
    border-right: 6px solid !important;
  }
  .border-xl-8,
  .b-xl-8 {
    border: 8px solid;
  }
  .border-bottom-xl-8,
  .bb-xl-8 {
    border-bottom: 8px solid;
  }
  .border-bottom-xl-8--force,
  .bb-xl-8--force {
    border-bottom: 8px solid !important;
  }
  .border-top-xl-8,
  .bt-xl-8 {
    border-top: 8px solid;
  }
  .border-top-xl-8--force,
  .bt-xl-8--force {
    border-top: 8px solid !important;
  }
  .border-left-xl-8,
  .bl-xl-8 {
    border-left: 8px solid;
  }
  .border-left-xl-8--force,
  .bl-xl-8--force {
    border-left: 8px solid !important;
  }
  .border-right-xl-8,
  .br-xl-8 {
    border-right: 8px solid;
  }
  .border-right-xl-8--force,
  .br-xl-8--force {
    border-right: 8px solid !important;
  }
  .b-xl-none,
  .border-xl-none {
    border: none;
  }
  .b-xl-none--force,
  .border-xl-none--force {
    border: none !important;
  }
  .border-xl-1,
  .b-xl-1 {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-xl-1--force,
  .b-xl-1--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-xl-1,
  .bb-xl-1 {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-xl-1--force,
  .bb-xl-1--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-xl-1,
  .bt-xl-1 {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-xl-1--force,
  .bt-xl-1--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-xl-1,
  .bl-xl-1 {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-xl-1--force,
  .bl-xl-1--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-xl-1,
  .br-xl-1 {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-xl-1--force,
  .br-xl-1--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
}
.border-hairline,
.b-hairline {
  border: var(--matcha-border-hairline, 1px) solid;
}

.border-hairline--force,
.b-hairline--force {
  border: var(--matcha-border-hairline, 1px) solid !important;
}

.border-bottom-hairline,
.bb-hairline {
  border-bottom: var(--matcha-border-hairline, 1px) solid;
}

.border-bottom-hairline--force,
.bb-hairline--force {
  border-bottom: var(--matcha-border-hairline, 1px) solid !important;
}

.border-top-hairline,
.bt-hairline {
  border-top: var(--matcha-border-hairline, 1px) solid;
}

.border-top-hairline--force,
.bt-hairline--force {
  border-top: var(--matcha-border-hairline, 1px) solid !important;
}

.border-left-hairline,
.bl-hairline {
  border-left: var(--matcha-border-hairline, 1px) solid;
}

.border-left-hairline--force,
.bl-hairline--force {
  border-left: var(--matcha-border-hairline, 1px) solid !important;
}

.border-right-hairline,
.br-hairline {
  border-right: var(--matcha-border-hairline, 1px) solid;
}

.border-right-hairline--force,
.br-hairline--force {
  border-right: var(--matcha-border-hairline, 1px) solid !important;
}

.border-thin,
.b-thin {
  border: var(--matcha-border-thin, 2px) solid;
}

.border-thin--force,
.b-thin--force {
  border: var(--matcha-border-thin, 2px) solid !important;
}

.border-bottom-thin,
.bb-thin {
  border-bottom: var(--matcha-border-thin, 2px) solid;
}

.border-bottom-thin--force,
.bb-thin--force {
  border-bottom: var(--matcha-border-thin, 2px) solid !important;
}

.border-top-thin,
.bt-thin {
  border-top: var(--matcha-border-thin, 2px) solid;
}

.border-top-thin--force,
.bt-thin--force {
  border-top: var(--matcha-border-thin, 2px) solid !important;
}

.border-left-thin,
.bl-thin {
  border-left: var(--matcha-border-thin, 2px) solid;
}

.border-left-thin--force,
.bl-thin--force {
  border-left: var(--matcha-border-thin, 2px) solid !important;
}

.border-right-thin,
.br-thin {
  border-right: var(--matcha-border-thin, 2px) solid;
}

.border-right-thin--force,
.br-thin--force {
  border-right: var(--matcha-border-thin, 2px) solid !important;
}

.border-medium,
.b-medium {
  border: var(--matcha-border-medium, 4px) solid;
}

.border-medium--force,
.b-medium--force {
  border: var(--matcha-border-medium, 4px) solid !important;
}

.border-bottom-medium,
.bb-medium {
  border-bottom: var(--matcha-border-medium, 4px) solid;
}

.border-bottom-medium--force,
.bb-medium--force {
  border-bottom: var(--matcha-border-medium, 4px) solid !important;
}

.border-top-medium,
.bt-medium {
  border-top: var(--matcha-border-medium, 4px) solid;
}

.border-top-medium--force,
.bt-medium--force {
  border-top: var(--matcha-border-medium, 4px) solid !important;
}

.border-left-medium,
.bl-medium {
  border-left: var(--matcha-border-medium, 4px) solid;
}

.border-left-medium--force,
.bl-medium--force {
  border-left: var(--matcha-border-medium, 4px) solid !important;
}

.border-right-medium,
.br-medium {
  border-right: var(--matcha-border-medium, 4px) solid;
}

.border-right-medium--force,
.br-medium--force {
  border-right: var(--matcha-border-medium, 4px) solid !important;
}

.border-thick,
.b-thick {
  border: var(--matcha-border-thick, 8px) solid;
}

.border-thick--force,
.b-thick--force {
  border: var(--matcha-border-thick, 8px) solid !important;
}

.border-bottom-thick,
.bb-thick {
  border-bottom: var(--matcha-border-thick, 8px) solid;
}

.border-bottom-thick--force,
.bb-thick--force {
  border-bottom: var(--matcha-border-thick, 8px) solid !important;
}

.border-top-thick,
.bt-thick {
  border-top: var(--matcha-border-thick, 8px) solid;
}

.border-top-thick--force,
.bt-thick--force {
  border-top: var(--matcha-border-thick, 8px) solid !important;
}

.border-left-thick,
.bl-thick {
  border-left: var(--matcha-border-thick, 8px) solid;
}

.border-left-thick--force,
.bl-thick--force {
  border-left: var(--matcha-border-thick, 8px) solid !important;
}

.border-right-thick,
.br-thick {
  border-right: var(--matcha-border-thick, 8px) solid;
}

.border-right-thick--force,
.br-thick--force {
  border-right: var(--matcha-border-thick, 8px) solid !important;
}

@media screen and (max-width: 639px) {
  .border-xs-hairline,
  .b-xs-hairline {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-xs-hairline--force,
  .b-xs-hairline--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-xs-hairline,
  .bb-xs-hairline {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-xs-hairline--force,
  .bb-xs-hairline--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-xs-hairline,
  .bt-xs-hairline {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-xs-hairline--force,
  .bt-xs-hairline--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-xs-hairline,
  .bl-xs-hairline {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-xs-hairline--force,
  .bl-xs-hairline--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-xs-hairline,
  .br-xs-hairline {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-xs-hairline--force,
  .br-xs-hairline--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-xs-thin,
  .b-xs-thin {
    border: var(--matcha-border-thin, 2px) solid;
  }
  .border-xs-thin--force,
  .b-xs-thin--force {
    border: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-bottom-xs-thin,
  .bb-xs-thin {
    border-bottom: var(--matcha-border-thin, 2px) solid;
  }
  .border-bottom-xs-thin--force,
  .bb-xs-thin--force {
    border-bottom: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-top-xs-thin,
  .bt-xs-thin {
    border-top: var(--matcha-border-thin, 2px) solid;
  }
  .border-top-xs-thin--force,
  .bt-xs-thin--force {
    border-top: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-left-xs-thin,
  .bl-xs-thin {
    border-left: var(--matcha-border-thin, 2px) solid;
  }
  .border-left-xs-thin--force,
  .bl-xs-thin--force {
    border-left: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-right-xs-thin,
  .br-xs-thin {
    border-right: var(--matcha-border-thin, 2px) solid;
  }
  .border-right-xs-thin--force,
  .br-xs-thin--force {
    border-right: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-xs-medium,
  .b-xs-medium {
    border: var(--matcha-border-medium, 4px) solid;
  }
  .border-xs-medium--force,
  .b-xs-medium--force {
    border: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-bottom-xs-medium,
  .bb-xs-medium {
    border-bottom: var(--matcha-border-medium, 4px) solid;
  }
  .border-bottom-xs-medium--force,
  .bb-xs-medium--force {
    border-bottom: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-top-xs-medium,
  .bt-xs-medium {
    border-top: var(--matcha-border-medium, 4px) solid;
  }
  .border-top-xs-medium--force,
  .bt-xs-medium--force {
    border-top: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-left-xs-medium,
  .bl-xs-medium {
    border-left: var(--matcha-border-medium, 4px) solid;
  }
  .border-left-xs-medium--force,
  .bl-xs-medium--force {
    border-left: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-right-xs-medium,
  .br-xs-medium {
    border-right: var(--matcha-border-medium, 4px) solid;
  }
  .border-right-xs-medium--force,
  .br-xs-medium--force {
    border-right: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-xs-thick,
  .b-xs-thick {
    border: var(--matcha-border-thick, 8px) solid;
  }
  .border-xs-thick--force,
  .b-xs-thick--force {
    border: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-bottom-xs-thick,
  .bb-xs-thick {
    border-bottom: var(--matcha-border-thick, 8px) solid;
  }
  .border-bottom-xs-thick--force,
  .bb-xs-thick--force {
    border-bottom: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-top-xs-thick,
  .bt-xs-thick {
    border-top: var(--matcha-border-thick, 8px) solid;
  }
  .border-top-xs-thick--force,
  .bt-xs-thick--force {
    border-top: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-left-xs-thick,
  .bl-xs-thick {
    border-left: var(--matcha-border-thick, 8px) solid;
  }
  .border-left-xs-thick--force,
  .bl-xs-thick--force {
    border-left: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-right-xs-thick,
  .br-xs-thick {
    border-right: var(--matcha-border-thick, 8px) solid;
  }
  .border-right-xs-thick--force,
  .br-xs-thick--force {
    border-right: var(--matcha-border-thick, 8px) solid !important;
  }
}
@media screen and (min-width: 640px) {
  .border-sm-hairline,
  .b-sm-hairline {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-sm-hairline--force,
  .b-sm-hairline--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-sm-hairline,
  .bb-sm-hairline {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-sm-hairline--force,
  .bb-sm-hairline--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-sm-hairline,
  .bt-sm-hairline {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-sm-hairline--force,
  .bt-sm-hairline--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-sm-hairline,
  .bl-sm-hairline {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-sm-hairline--force,
  .bl-sm-hairline--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-sm-hairline,
  .br-sm-hairline {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-sm-hairline--force,
  .br-sm-hairline--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-sm-thin,
  .b-sm-thin {
    border: var(--matcha-border-thin, 2px) solid;
  }
  .border-sm-thin--force,
  .b-sm-thin--force {
    border: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-bottom-sm-thin,
  .bb-sm-thin {
    border-bottom: var(--matcha-border-thin, 2px) solid;
  }
  .border-bottom-sm-thin--force,
  .bb-sm-thin--force {
    border-bottom: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-top-sm-thin,
  .bt-sm-thin {
    border-top: var(--matcha-border-thin, 2px) solid;
  }
  .border-top-sm-thin--force,
  .bt-sm-thin--force {
    border-top: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-left-sm-thin,
  .bl-sm-thin {
    border-left: var(--matcha-border-thin, 2px) solid;
  }
  .border-left-sm-thin--force,
  .bl-sm-thin--force {
    border-left: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-right-sm-thin,
  .br-sm-thin {
    border-right: var(--matcha-border-thin, 2px) solid;
  }
  .border-right-sm-thin--force,
  .br-sm-thin--force {
    border-right: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-sm-medium,
  .b-sm-medium {
    border: var(--matcha-border-medium, 4px) solid;
  }
  .border-sm-medium--force,
  .b-sm-medium--force {
    border: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-bottom-sm-medium,
  .bb-sm-medium {
    border-bottom: var(--matcha-border-medium, 4px) solid;
  }
  .border-bottom-sm-medium--force,
  .bb-sm-medium--force {
    border-bottom: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-top-sm-medium,
  .bt-sm-medium {
    border-top: var(--matcha-border-medium, 4px) solid;
  }
  .border-top-sm-medium--force,
  .bt-sm-medium--force {
    border-top: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-left-sm-medium,
  .bl-sm-medium {
    border-left: var(--matcha-border-medium, 4px) solid;
  }
  .border-left-sm-medium--force,
  .bl-sm-medium--force {
    border-left: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-right-sm-medium,
  .br-sm-medium {
    border-right: var(--matcha-border-medium, 4px) solid;
  }
  .border-right-sm-medium--force,
  .br-sm-medium--force {
    border-right: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-sm-thick,
  .b-sm-thick {
    border: var(--matcha-border-thick, 8px) solid;
  }
  .border-sm-thick--force,
  .b-sm-thick--force {
    border: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-bottom-sm-thick,
  .bb-sm-thick {
    border-bottom: var(--matcha-border-thick, 8px) solid;
  }
  .border-bottom-sm-thick--force,
  .bb-sm-thick--force {
    border-bottom: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-top-sm-thick,
  .bt-sm-thick {
    border-top: var(--matcha-border-thick, 8px) solid;
  }
  .border-top-sm-thick--force,
  .bt-sm-thick--force {
    border-top: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-left-sm-thick,
  .bl-sm-thick {
    border-left: var(--matcha-border-thick, 8px) solid;
  }
  .border-left-sm-thick--force,
  .bl-sm-thick--force {
    border-left: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-right-sm-thick,
  .br-sm-thick {
    border-right: var(--matcha-border-thick, 8px) solid;
  }
  .border-right-sm-thick--force,
  .br-sm-thick--force {
    border-right: var(--matcha-border-thick, 8px) solid !important;
  }
}
@media screen and (min-width: 1024px) {
  .border-md-hairline,
  .b-md-hairline {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-md-hairline--force,
  .b-md-hairline--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-md-hairline,
  .bb-md-hairline {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-md-hairline--force,
  .bb-md-hairline--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-md-hairline,
  .bt-md-hairline {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-md-hairline--force,
  .bt-md-hairline--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-md-hairline,
  .bl-md-hairline {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-md-hairline--force,
  .bl-md-hairline--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-md-hairline,
  .br-md-hairline {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-md-hairline--force,
  .br-md-hairline--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-md-thin,
  .b-md-thin {
    border: var(--matcha-border-thin, 2px) solid;
  }
  .border-md-thin--force,
  .b-md-thin--force {
    border: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-bottom-md-thin,
  .bb-md-thin {
    border-bottom: var(--matcha-border-thin, 2px) solid;
  }
  .border-bottom-md-thin--force,
  .bb-md-thin--force {
    border-bottom: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-top-md-thin,
  .bt-md-thin {
    border-top: var(--matcha-border-thin, 2px) solid;
  }
  .border-top-md-thin--force,
  .bt-md-thin--force {
    border-top: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-left-md-thin,
  .bl-md-thin {
    border-left: var(--matcha-border-thin, 2px) solid;
  }
  .border-left-md-thin--force,
  .bl-md-thin--force {
    border-left: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-right-md-thin,
  .br-md-thin {
    border-right: var(--matcha-border-thin, 2px) solid;
  }
  .border-right-md-thin--force,
  .br-md-thin--force {
    border-right: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-md-medium,
  .b-md-medium {
    border: var(--matcha-border-medium, 4px) solid;
  }
  .border-md-medium--force,
  .b-md-medium--force {
    border: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-bottom-md-medium,
  .bb-md-medium {
    border-bottom: var(--matcha-border-medium, 4px) solid;
  }
  .border-bottom-md-medium--force,
  .bb-md-medium--force {
    border-bottom: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-top-md-medium,
  .bt-md-medium {
    border-top: var(--matcha-border-medium, 4px) solid;
  }
  .border-top-md-medium--force,
  .bt-md-medium--force {
    border-top: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-left-md-medium,
  .bl-md-medium {
    border-left: var(--matcha-border-medium, 4px) solid;
  }
  .border-left-md-medium--force,
  .bl-md-medium--force {
    border-left: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-right-md-medium,
  .br-md-medium {
    border-right: var(--matcha-border-medium, 4px) solid;
  }
  .border-right-md-medium--force,
  .br-md-medium--force {
    border-right: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-md-thick,
  .b-md-thick {
    border: var(--matcha-border-thick, 8px) solid;
  }
  .border-md-thick--force,
  .b-md-thick--force {
    border: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-bottom-md-thick,
  .bb-md-thick {
    border-bottom: var(--matcha-border-thick, 8px) solid;
  }
  .border-bottom-md-thick--force,
  .bb-md-thick--force {
    border-bottom: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-top-md-thick,
  .bt-md-thick {
    border-top: var(--matcha-border-thick, 8px) solid;
  }
  .border-top-md-thick--force,
  .bt-md-thick--force {
    border-top: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-left-md-thick,
  .bl-md-thick {
    border-left: var(--matcha-border-thick, 8px) solid;
  }
  .border-left-md-thick--force,
  .bl-md-thick--force {
    border-left: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-right-md-thick,
  .br-md-thick {
    border-right: var(--matcha-border-thick, 8px) solid;
  }
  .border-right-md-thick--force,
  .br-md-thick--force {
    border-right: var(--matcha-border-thick, 8px) solid !important;
  }
}
@media screen and (min-width: 1280px) {
  .border-lg-hairline,
  .b-lg-hairline {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-lg-hairline--force,
  .b-lg-hairline--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-lg-hairline,
  .bb-lg-hairline {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-lg-hairline--force,
  .bb-lg-hairline--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-lg-hairline,
  .bt-lg-hairline {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-lg-hairline--force,
  .bt-lg-hairline--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-lg-hairline,
  .bl-lg-hairline {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-lg-hairline--force,
  .bl-lg-hairline--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-lg-hairline,
  .br-lg-hairline {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-lg-hairline--force,
  .br-lg-hairline--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-lg-thin,
  .b-lg-thin {
    border: var(--matcha-border-thin, 2px) solid;
  }
  .border-lg-thin--force,
  .b-lg-thin--force {
    border: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-bottom-lg-thin,
  .bb-lg-thin {
    border-bottom: var(--matcha-border-thin, 2px) solid;
  }
  .border-bottom-lg-thin--force,
  .bb-lg-thin--force {
    border-bottom: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-top-lg-thin,
  .bt-lg-thin {
    border-top: var(--matcha-border-thin, 2px) solid;
  }
  .border-top-lg-thin--force,
  .bt-lg-thin--force {
    border-top: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-left-lg-thin,
  .bl-lg-thin {
    border-left: var(--matcha-border-thin, 2px) solid;
  }
  .border-left-lg-thin--force,
  .bl-lg-thin--force {
    border-left: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-right-lg-thin,
  .br-lg-thin {
    border-right: var(--matcha-border-thin, 2px) solid;
  }
  .border-right-lg-thin--force,
  .br-lg-thin--force {
    border-right: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-lg-medium,
  .b-lg-medium {
    border: var(--matcha-border-medium, 4px) solid;
  }
  .border-lg-medium--force,
  .b-lg-medium--force {
    border: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-bottom-lg-medium,
  .bb-lg-medium {
    border-bottom: var(--matcha-border-medium, 4px) solid;
  }
  .border-bottom-lg-medium--force,
  .bb-lg-medium--force {
    border-bottom: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-top-lg-medium,
  .bt-lg-medium {
    border-top: var(--matcha-border-medium, 4px) solid;
  }
  .border-top-lg-medium--force,
  .bt-lg-medium--force {
    border-top: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-left-lg-medium,
  .bl-lg-medium {
    border-left: var(--matcha-border-medium, 4px) solid;
  }
  .border-left-lg-medium--force,
  .bl-lg-medium--force {
    border-left: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-right-lg-medium,
  .br-lg-medium {
    border-right: var(--matcha-border-medium, 4px) solid;
  }
  .border-right-lg-medium--force,
  .br-lg-medium--force {
    border-right: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-lg-thick,
  .b-lg-thick {
    border: var(--matcha-border-thick, 8px) solid;
  }
  .border-lg-thick--force,
  .b-lg-thick--force {
    border: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-bottom-lg-thick,
  .bb-lg-thick {
    border-bottom: var(--matcha-border-thick, 8px) solid;
  }
  .border-bottom-lg-thick--force,
  .bb-lg-thick--force {
    border-bottom: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-top-lg-thick,
  .bt-lg-thick {
    border-top: var(--matcha-border-thick, 8px) solid;
  }
  .border-top-lg-thick--force,
  .bt-lg-thick--force {
    border-top: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-left-lg-thick,
  .bl-lg-thick {
    border-left: var(--matcha-border-thick, 8px) solid;
  }
  .border-left-lg-thick--force,
  .bl-lg-thick--force {
    border-left: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-right-lg-thick,
  .br-lg-thick {
    border-right: var(--matcha-border-thick, 8px) solid;
  }
  .border-right-lg-thick--force,
  .br-lg-thick--force {
    border-right: var(--matcha-border-thick, 8px) solid !important;
  }
}
@media screen and (min-width: 1536px) {
  .border-xl-hairline,
  .b-xl-hairline {
    border: var(--matcha-border-hairline, 1px) solid;
  }
  .border-xl-hairline--force,
  .b-xl-hairline--force {
    border: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-bottom-xl-hairline,
  .bb-xl-hairline {
    border-bottom: var(--matcha-border-hairline, 1px) solid;
  }
  .border-bottom-xl-hairline--force,
  .bb-xl-hairline--force {
    border-bottom: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-top-xl-hairline,
  .bt-xl-hairline {
    border-top: var(--matcha-border-hairline, 1px) solid;
  }
  .border-top-xl-hairline--force,
  .bt-xl-hairline--force {
    border-top: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-left-xl-hairline,
  .bl-xl-hairline {
    border-left: var(--matcha-border-hairline, 1px) solid;
  }
  .border-left-xl-hairline--force,
  .bl-xl-hairline--force {
    border-left: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-right-xl-hairline,
  .br-xl-hairline {
    border-right: var(--matcha-border-hairline, 1px) solid;
  }
  .border-right-xl-hairline--force,
  .br-xl-hairline--force {
    border-right: var(--matcha-border-hairline, 1px) solid !important;
  }
  .border-xl-thin,
  .b-xl-thin {
    border: var(--matcha-border-thin, 2px) solid;
  }
  .border-xl-thin--force,
  .b-xl-thin--force {
    border: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-bottom-xl-thin,
  .bb-xl-thin {
    border-bottom: var(--matcha-border-thin, 2px) solid;
  }
  .border-bottom-xl-thin--force,
  .bb-xl-thin--force {
    border-bottom: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-top-xl-thin,
  .bt-xl-thin {
    border-top: var(--matcha-border-thin, 2px) solid;
  }
  .border-top-xl-thin--force,
  .bt-xl-thin--force {
    border-top: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-left-xl-thin,
  .bl-xl-thin {
    border-left: var(--matcha-border-thin, 2px) solid;
  }
  .border-left-xl-thin--force,
  .bl-xl-thin--force {
    border-left: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-right-xl-thin,
  .br-xl-thin {
    border-right: var(--matcha-border-thin, 2px) solid;
  }
  .border-right-xl-thin--force,
  .br-xl-thin--force {
    border-right: var(--matcha-border-thin, 2px) solid !important;
  }
  .border-xl-medium,
  .b-xl-medium {
    border: var(--matcha-border-medium, 4px) solid;
  }
  .border-xl-medium--force,
  .b-xl-medium--force {
    border: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-bottom-xl-medium,
  .bb-xl-medium {
    border-bottom: var(--matcha-border-medium, 4px) solid;
  }
  .border-bottom-xl-medium--force,
  .bb-xl-medium--force {
    border-bottom: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-top-xl-medium,
  .bt-xl-medium {
    border-top: var(--matcha-border-medium, 4px) solid;
  }
  .border-top-xl-medium--force,
  .bt-xl-medium--force {
    border-top: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-left-xl-medium,
  .bl-xl-medium {
    border-left: var(--matcha-border-medium, 4px) solid;
  }
  .border-left-xl-medium--force,
  .bl-xl-medium--force {
    border-left: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-right-xl-medium,
  .br-xl-medium {
    border-right: var(--matcha-border-medium, 4px) solid;
  }
  .border-right-xl-medium--force,
  .br-xl-medium--force {
    border-right: var(--matcha-border-medium, 4px) solid !important;
  }
  .border-xl-thick,
  .b-xl-thick {
    border: var(--matcha-border-thick, 8px) solid;
  }
  .border-xl-thick--force,
  .b-xl-thick--force {
    border: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-bottom-xl-thick,
  .bb-xl-thick {
    border-bottom: var(--matcha-border-thick, 8px) solid;
  }
  .border-bottom-xl-thick--force,
  .bb-xl-thick--force {
    border-bottom: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-top-xl-thick,
  .bt-xl-thick {
    border-top: var(--matcha-border-thick, 8px) solid;
  }
  .border-top-xl-thick--force,
  .bt-xl-thick--force {
    border-top: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-left-xl-thick,
  .bl-xl-thick {
    border-left: var(--matcha-border-thick, 8px) solid;
  }
  .border-left-xl-thick--force,
  .bl-xl-thick--force {
    border-left: var(--matcha-border-thick, 8px) solid !important;
  }
  .border-right-xl-thick,
  .br-xl-thick {
    border-right: var(--matcha-border-thick, 8px) solid;
  }
  .border-right-xl-thick--force,
  .br-xl-thick--force {
    border-right: var(--matcha-border-thick, 8px) solid !important;
  }
}
.border-style-solid {
  border-style: solid;
}

.border-style-solid--force {
  border-style: solid !important;
}

.border-style-dashed {
  border-style: dashed;
}

.border-style-dashed--force {
  border-style: dashed !important;
}

.border-style-dotted {
  border-style: dotted;
}

.border-style-dotted--force {
  border-style: dotted !important;
}

.border-style-double {
  border-style: double;
}

.border-style-double--force {
  border-style: double !important;
}

.border-style-groove {
  border-style: groove;
}

.border-style-groove--force {
  border-style: groove !important;
}

.border-style-ridge {
  border-style: ridge;
}

.border-style-ridge--force {
  border-style: ridge !important;
}

.border-style-inset {
  border-style: inset;
}

.border-style-inset--force {
  border-style: inset !important;
}

.border-style-outset {
  border-style: outset;
}

.border-style-outset--force {
  border-style: outset !important;
}

.border-style-none {
  border-style: none;
}

.border-style-none--force {
  border-style: none !important;
}

@media screen and (max-width: 639px) {
  .border-style-xs-solid {
    border-style: solid;
  }
  .border-style-xs-solid--force {
    border-style: solid !important;
  }
  .border-style-xs-dashed {
    border-style: dashed;
  }
  .border-style-xs-dashed--force {
    border-style: dashed !important;
  }
  .border-style-xs-dotted {
    border-style: dotted;
  }
  .border-style-xs-dotted--force {
    border-style: dotted !important;
  }
  .border-style-xs-double {
    border-style: double;
  }
  .border-style-xs-double--force {
    border-style: double !important;
  }
  .border-style-xs-groove {
    border-style: groove;
  }
  .border-style-xs-groove--force {
    border-style: groove !important;
  }
  .border-style-xs-ridge {
    border-style: ridge;
  }
  .border-style-xs-ridge--force {
    border-style: ridge !important;
  }
  .border-style-xs-inset {
    border-style: inset;
  }
  .border-style-xs-inset--force {
    border-style: inset !important;
  }
  .border-style-xs-outset {
    border-style: outset;
  }
  .border-style-xs-outset--force {
    border-style: outset !important;
  }
  .border-style-xs-none {
    border-style: none;
  }
  .border-style-xs-none--force {
    border-style: none !important;
  }
}
@media screen and (min-width: 640px) {
  .border-style-sm-solid {
    border-style: solid;
  }
  .border-style-sm-solid--force {
    border-style: solid !important;
  }
  .border-style-sm-dashed {
    border-style: dashed;
  }
  .border-style-sm-dashed--force {
    border-style: dashed !important;
  }
  .border-style-sm-dotted {
    border-style: dotted;
  }
  .border-style-sm-dotted--force {
    border-style: dotted !important;
  }
  .border-style-sm-double {
    border-style: double;
  }
  .border-style-sm-double--force {
    border-style: double !important;
  }
  .border-style-sm-groove {
    border-style: groove;
  }
  .border-style-sm-groove--force {
    border-style: groove !important;
  }
  .border-style-sm-ridge {
    border-style: ridge;
  }
  .border-style-sm-ridge--force {
    border-style: ridge !important;
  }
  .border-style-sm-inset {
    border-style: inset;
  }
  .border-style-sm-inset--force {
    border-style: inset !important;
  }
  .border-style-sm-outset {
    border-style: outset;
  }
  .border-style-sm-outset--force {
    border-style: outset !important;
  }
  .border-style-sm-none {
    border-style: none;
  }
  .border-style-sm-none--force {
    border-style: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .border-style-md-solid {
    border-style: solid;
  }
  .border-style-md-solid--force {
    border-style: solid !important;
  }
  .border-style-md-dashed {
    border-style: dashed;
  }
  .border-style-md-dashed--force {
    border-style: dashed !important;
  }
  .border-style-md-dotted {
    border-style: dotted;
  }
  .border-style-md-dotted--force {
    border-style: dotted !important;
  }
  .border-style-md-double {
    border-style: double;
  }
  .border-style-md-double--force {
    border-style: double !important;
  }
  .border-style-md-groove {
    border-style: groove;
  }
  .border-style-md-groove--force {
    border-style: groove !important;
  }
  .border-style-md-ridge {
    border-style: ridge;
  }
  .border-style-md-ridge--force {
    border-style: ridge !important;
  }
  .border-style-md-inset {
    border-style: inset;
  }
  .border-style-md-inset--force {
    border-style: inset !important;
  }
  .border-style-md-outset {
    border-style: outset;
  }
  .border-style-md-outset--force {
    border-style: outset !important;
  }
  .border-style-md-none {
    border-style: none;
  }
  .border-style-md-none--force {
    border-style: none !important;
  }
}
@media screen and (min-width: 1280px) {
  .border-style-lg-solid {
    border-style: solid;
  }
  .border-style-lg-solid--force {
    border-style: solid !important;
  }
  .border-style-lg-dashed {
    border-style: dashed;
  }
  .border-style-lg-dashed--force {
    border-style: dashed !important;
  }
  .border-style-lg-dotted {
    border-style: dotted;
  }
  .border-style-lg-dotted--force {
    border-style: dotted !important;
  }
  .border-style-lg-double {
    border-style: double;
  }
  .border-style-lg-double--force {
    border-style: double !important;
  }
  .border-style-lg-groove {
    border-style: groove;
  }
  .border-style-lg-groove--force {
    border-style: groove !important;
  }
  .border-style-lg-ridge {
    border-style: ridge;
  }
  .border-style-lg-ridge--force {
    border-style: ridge !important;
  }
  .border-style-lg-inset {
    border-style: inset;
  }
  .border-style-lg-inset--force {
    border-style: inset !important;
  }
  .border-style-lg-outset {
    border-style: outset;
  }
  .border-style-lg-outset--force {
    border-style: outset !important;
  }
  .border-style-lg-none {
    border-style: none;
  }
  .border-style-lg-none--force {
    border-style: none !important;
  }
}
@media screen and (min-width: 1536px) {
  .border-style-xl-solid {
    border-style: solid;
  }
  .border-style-xl-solid--force {
    border-style: solid !important;
  }
  .border-style-xl-dashed {
    border-style: dashed;
  }
  .border-style-xl-dashed--force {
    border-style: dashed !important;
  }
  .border-style-xl-dotted {
    border-style: dotted;
  }
  .border-style-xl-dotted--force {
    border-style: dotted !important;
  }
  .border-style-xl-double {
    border-style: double;
  }
  .border-style-xl-double--force {
    border-style: double !important;
  }
  .border-style-xl-groove {
    border-style: groove;
  }
  .border-style-xl-groove--force {
    border-style: groove !important;
  }
  .border-style-xl-ridge {
    border-style: ridge;
  }
  .border-style-xl-ridge--force {
    border-style: ridge !important;
  }
  .border-style-xl-inset {
    border-style: inset;
  }
  .border-style-xl-inset--force {
    border-style: inset !important;
  }
  .border-style-xl-outset {
    border-style: outset;
  }
  .border-style-xl-outset--force {
    border-style: outset !important;
  }
  .border-style-xl-none {
    border-style: none;
  }
  .border-style-xl-none--force {
    border-style: none !important;
  }
}
.radius-0 {
  border-radius: var(--matcha-radius-none, 0);
}

.radius-bottom-0 {
  border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0);
}

.radius-bottom-0--force {
  border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) !important;
}

.radius-top-0 {
  border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0;
}

.radius-top-0--force {
  border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0 !important;
}

.radius-left-0 {
  border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0);
}

.radius-left-0--force {
  border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0) !important;
}

.radius-right-0 {
  border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0;
}

.radius-right-0--force {
  border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 !important;
}

.radius-2 {
  border-radius: var(--matcha-radius-sm, 2px);
}

.radius-bottom-2 {
  border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px);
}

.radius-bottom-2--force {
  border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) !important;
}

.radius-top-2 {
  border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0;
}

.radius-top-2--force {
  border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0 !important;
}

.radius-left-2 {
  border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px);
}

.radius-left-2--force {
  border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px) !important;
}

.radius-right-2 {
  border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0;
}

.radius-right-2--force {
  border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 !important;
}

.radius-4 {
  border-radius: var(--matcha-radius-md, 4px);
}

.radius-bottom-4 {
  border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px);
}

.radius-bottom-4--force {
  border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) !important;
}

.radius-top-4 {
  border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0;
}

.radius-top-4--force {
  border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0 !important;
}

.radius-left-4 {
  border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px);
}

.radius-left-4--force {
  border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px) !important;
}

.radius-right-4 {
  border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0;
}

.radius-right-4--force {
  border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 !important;
}

.radius-6 {
  border-radius: 6px;
}

.radius-bottom-6 {
  border-radius: 0 0 6px 6px;
}

.radius-bottom-6--force {
  border-radius: 0 0 6px 6px !important;
}

.radius-top-6 {
  border-radius: 6px 6px 0 0;
}

.radius-top-6--force {
  border-radius: 6px 6px 0 0 !important;
}

.radius-left-6 {
  border-radius: 6px 0 0 6px;
}

.radius-left-6--force {
  border-radius: 6px 0 0 6px !important;
}

.radius-right-6 {
  border-radius: 0 6px 6px 0;
}

.radius-right-6--force {
  border-radius: 0 6px 6px 0 !important;
}

.radius-8 {
  border-radius: var(--matcha-radius-lg, 8px);
}

.radius-bottom-8 {
  border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px);
}

.radius-bottom-8--force {
  border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) !important;
}

.radius-top-8 {
  border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0;
}

.radius-top-8--force {
  border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0 !important;
}

.radius-left-8 {
  border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px);
}

.radius-left-8--force {
  border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px) !important;
}

.radius-right-8 {
  border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0;
}

.radius-right-8--force {
  border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 !important;
}

.radius-10 {
  border-radius: 10px;
}

.radius-bottom-10 {
  border-radius: 0 0 10px 10px;
}

.radius-bottom-10--force {
  border-radius: 0 0 10px 10px !important;
}

.radius-top-10 {
  border-radius: 10px 10px 0 0;
}

.radius-top-10--force {
  border-radius: 10px 10px 0 0 !important;
}

.radius-left-10 {
  border-radius: 10px 0 0 10px;
}

.radius-left-10--force {
  border-radius: 10px 0 0 10px !important;
}

.radius-right-10 {
  border-radius: 0 10px 10px 0;
}

.radius-right-10--force {
  border-radius: 0 10px 10px 0 !important;
}

.radius-12 {
  border-radius: 12px;
}

.radius-bottom-12 {
  border-radius: 0 0 12px 12px;
}

.radius-bottom-12--force {
  border-radius: 0 0 12px 12px !important;
}

.radius-top-12 {
  border-radius: 12px 12px 0 0;
}

.radius-top-12--force {
  border-radius: 12px 12px 0 0 !important;
}

.radius-left-12 {
  border-radius: 12px 0 0 12px;
}

.radius-left-12--force {
  border-radius: 12px 0 0 12px !important;
}

.radius-right-12 {
  border-radius: 0 12px 12px 0;
}

.radius-right-12--force {
  border-radius: 0 12px 12px 0 !important;
}

.radius-14 {
  border-radius: 14px;
}

.radius-bottom-14 {
  border-radius: 0 0 14px 14px;
}

.radius-bottom-14--force {
  border-radius: 0 0 14px 14px !important;
}

.radius-top-14 {
  border-radius: 14px 14px 0 0;
}

.radius-top-14--force {
  border-radius: 14px 14px 0 0 !important;
}

.radius-left-14 {
  border-radius: 14px 0 0 14px;
}

.radius-left-14--force {
  border-radius: 14px 0 0 14px !important;
}

.radius-right-14 {
  border-radius: 0 14px 14px 0;
}

.radius-right-14--force {
  border-radius: 0 14px 14px 0 !important;
}

.radius-16 {
  border-radius: var(--matcha-radius-xl, 16px);
}

.radius-bottom-16 {
  border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px);
}

.radius-bottom-16--force {
  border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) !important;
}

.radius-top-16 {
  border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0;
}

.radius-top-16--force {
  border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0 !important;
}

.radius-left-16 {
  border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px);
}

.radius-left-16--force {
  border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px) !important;
}

.radius-right-16 {
  border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0;
}

.radius-right-16--force {
  border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 !important;
}

.radius-18 {
  border-radius: 18px;
}

.radius-bottom-18 {
  border-radius: 0 0 18px 18px;
}

.radius-bottom-18--force {
  border-radius: 0 0 18px 18px !important;
}

.radius-top-18 {
  border-radius: 18px 18px 0 0;
}

.radius-top-18--force {
  border-radius: 18px 18px 0 0 !important;
}

.radius-left-18 {
  border-radius: 18px 0 0 18px;
}

.radius-left-18--force {
  border-radius: 18px 0 0 18px !important;
}

.radius-right-18 {
  border-radius: 0 18px 18px 0;
}

.radius-right-18--force {
  border-radius: 0 18px 18px 0 !important;
}

.radius-20 {
  border-radius: 20px;
}

.radius-bottom-20 {
  border-radius: 0 0 20px 20px;
}

.radius-bottom-20--force {
  border-radius: 0 0 20px 20px !important;
}

.radius-top-20 {
  border-radius: 20px 20px 0 0;
}

.radius-top-20--force {
  border-radius: 20px 20px 0 0 !important;
}

.radius-left-20 {
  border-radius: 20px 0 0 20px;
}

.radius-left-20--force {
  border-radius: 20px 0 0 20px !important;
}

.radius-right-20 {
  border-radius: 0 20px 20px 0;
}

.radius-right-20--force {
  border-radius: 0 20px 20px 0 !important;
}

.radius-22 {
  border-radius: 22px;
}

.radius-bottom-22 {
  border-radius: 0 0 22px 22px;
}

.radius-bottom-22--force {
  border-radius: 0 0 22px 22px !important;
}

.radius-top-22 {
  border-radius: 22px 22px 0 0;
}

.radius-top-22--force {
  border-radius: 22px 22px 0 0 !important;
}

.radius-left-22 {
  border-radius: 22px 0 0 22px;
}

.radius-left-22--force {
  border-radius: 22px 0 0 22px !important;
}

.radius-right-22 {
  border-radius: 0 22px 22px 0;
}

.radius-right-22--force {
  border-radius: 0 22px 22px 0 !important;
}

.radius-24 {
  border-radius: var(--matcha-radius-2xl, 24px);
}

.radius-bottom-24 {
  border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px);
}

.radius-bottom-24--force {
  border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) !important;
}

.radius-top-24 {
  border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0;
}

.radius-top-24--force {
  border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0 !important;
}

.radius-left-24 {
  border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px);
}

.radius-left-24--force {
  border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px) !important;
}

.radius-right-24 {
  border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0;
}

.radius-right-24--force {
  border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 !important;
}

.radius-full {
  border-radius: 9999px;
}

.radius-full--force {
  border-radius: 9999px !important;
}

.radius-none {
  border-radius: 0;
}

.radius-none--force {
  border-radius: 0 !important;
}

@media screen and (max-width: 639px) {
  .radius-xs-0 {
    border-radius: var(--matcha-radius-none, 0);
  }
  .radius-bottom-xs-0 {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0);
  }
  .radius-bottom-xs-0--force {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) !important;
  }
  .radius-top-xs-0 {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0;
  }
  .radius-top-xs-0--force {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0 !important;
  }
  .radius-left-xs-0 {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0);
  }
  .radius-left-xs-0--force {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0) !important;
  }
  .radius-right-xs-0 {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0;
  }
  .radius-right-xs-0--force {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 !important;
  }
  .radius-xs-2 {
    border-radius: var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-xs-2 {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-xs-2--force {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) !important;
  }
  .radius-top-xs-2 {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0;
  }
  .radius-top-xs-2--force {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0 !important;
  }
  .radius-left-xs-2 {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px);
  }
  .radius-left-xs-2--force {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px) !important;
  }
  .radius-right-xs-2 {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0;
  }
  .radius-right-xs-2--force {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 !important;
  }
  .radius-xs-4 {
    border-radius: var(--matcha-radius-md, 4px);
  }
  .radius-bottom-xs-4 {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px);
  }
  .radius-bottom-xs-4--force {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) !important;
  }
  .radius-top-xs-4 {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0;
  }
  .radius-top-xs-4--force {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0 !important;
  }
  .radius-left-xs-4 {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px);
  }
  .radius-left-xs-4--force {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px) !important;
  }
  .radius-right-xs-4 {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0;
  }
  .radius-right-xs-4--force {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 !important;
  }
  .radius-xs-6 {
    border-radius: 6px;
  }
  .radius-bottom-xs-6 {
    border-radius: 0 0 6px 6px;
  }
  .radius-bottom-xs-6--force {
    border-radius: 0 0 6px 6px !important;
  }
  .radius-top-xs-6 {
    border-radius: 6px 6px 0 0;
  }
  .radius-top-xs-6--force {
    border-radius: 6px 6px 0 0 !important;
  }
  .radius-left-xs-6 {
    border-radius: 6px 0 0 6px;
  }
  .radius-left-xs-6--force {
    border-radius: 6px 0 0 6px !important;
  }
  .radius-right-xs-6 {
    border-radius: 0 6px 6px 0;
  }
  .radius-right-xs-6--force {
    border-radius: 0 6px 6px 0 !important;
  }
  .radius-xs-8 {
    border-radius: var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-xs-8 {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-xs-8--force {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) !important;
  }
  .radius-top-xs-8 {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0;
  }
  .radius-top-xs-8--force {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0 !important;
  }
  .radius-left-xs-8 {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px);
  }
  .radius-left-xs-8--force {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px) !important;
  }
  .radius-right-xs-8 {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0;
  }
  .radius-right-xs-8--force {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 !important;
  }
  .radius-xs-10 {
    border-radius: 10px;
  }
  .radius-bottom-xs-10 {
    border-radius: 0 0 10px 10px;
  }
  .radius-bottom-xs-10--force {
    border-radius: 0 0 10px 10px !important;
  }
  .radius-top-xs-10 {
    border-radius: 10px 10px 0 0;
  }
  .radius-top-xs-10--force {
    border-radius: 10px 10px 0 0 !important;
  }
  .radius-left-xs-10 {
    border-radius: 10px 0 0 10px;
  }
  .radius-left-xs-10--force {
    border-radius: 10px 0 0 10px !important;
  }
  .radius-right-xs-10 {
    border-radius: 0 10px 10px 0;
  }
  .radius-right-xs-10--force {
    border-radius: 0 10px 10px 0 !important;
  }
  .radius-xs-12 {
    border-radius: 12px;
  }
  .radius-bottom-xs-12 {
    border-radius: 0 0 12px 12px;
  }
  .radius-bottom-xs-12--force {
    border-radius: 0 0 12px 12px !important;
  }
  .radius-top-xs-12 {
    border-radius: 12px 12px 0 0;
  }
  .radius-top-xs-12--force {
    border-radius: 12px 12px 0 0 !important;
  }
  .radius-left-xs-12 {
    border-radius: 12px 0 0 12px;
  }
  .radius-left-xs-12--force {
    border-radius: 12px 0 0 12px !important;
  }
  .radius-right-xs-12 {
    border-radius: 0 12px 12px 0;
  }
  .radius-right-xs-12--force {
    border-radius: 0 12px 12px 0 !important;
  }
  .radius-xs-14 {
    border-radius: 14px;
  }
  .radius-bottom-xs-14 {
    border-radius: 0 0 14px 14px;
  }
  .radius-bottom-xs-14--force {
    border-radius: 0 0 14px 14px !important;
  }
  .radius-top-xs-14 {
    border-radius: 14px 14px 0 0;
  }
  .radius-top-xs-14--force {
    border-radius: 14px 14px 0 0 !important;
  }
  .radius-left-xs-14 {
    border-radius: 14px 0 0 14px;
  }
  .radius-left-xs-14--force {
    border-radius: 14px 0 0 14px !important;
  }
  .radius-right-xs-14 {
    border-radius: 0 14px 14px 0;
  }
  .radius-right-xs-14--force {
    border-radius: 0 14px 14px 0 !important;
  }
  .radius-xs-16 {
    border-radius: var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-xs-16 {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-xs-16--force {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) !important;
  }
  .radius-top-xs-16 {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0;
  }
  .radius-top-xs-16--force {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0 !important;
  }
  .radius-left-xs-16 {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px);
  }
  .radius-left-xs-16--force {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px) !important;
  }
  .radius-right-xs-16 {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0;
  }
  .radius-right-xs-16--force {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 !important;
  }
  .radius-xs-18 {
    border-radius: 18px;
  }
  .radius-bottom-xs-18 {
    border-radius: 0 0 18px 18px;
  }
  .radius-bottom-xs-18--force {
    border-radius: 0 0 18px 18px !important;
  }
  .radius-top-xs-18 {
    border-radius: 18px 18px 0 0;
  }
  .radius-top-xs-18--force {
    border-radius: 18px 18px 0 0 !important;
  }
  .radius-left-xs-18 {
    border-radius: 18px 0 0 18px;
  }
  .radius-left-xs-18--force {
    border-radius: 18px 0 0 18px !important;
  }
  .radius-right-xs-18 {
    border-radius: 0 18px 18px 0;
  }
  .radius-right-xs-18--force {
    border-radius: 0 18px 18px 0 !important;
  }
  .radius-xs-20 {
    border-radius: 20px;
  }
  .radius-bottom-xs-20 {
    border-radius: 0 0 20px 20px;
  }
  .radius-bottom-xs-20--force {
    border-radius: 0 0 20px 20px !important;
  }
  .radius-top-xs-20 {
    border-radius: 20px 20px 0 0;
  }
  .radius-top-xs-20--force {
    border-radius: 20px 20px 0 0 !important;
  }
  .radius-left-xs-20 {
    border-radius: 20px 0 0 20px;
  }
  .radius-left-xs-20--force {
    border-radius: 20px 0 0 20px !important;
  }
  .radius-right-xs-20 {
    border-radius: 0 20px 20px 0;
  }
  .radius-right-xs-20--force {
    border-radius: 0 20px 20px 0 !important;
  }
  .radius-xs-22 {
    border-radius: 22px;
  }
  .radius-bottom-xs-22 {
    border-radius: 0 0 22px 22px;
  }
  .radius-bottom-xs-22--force {
    border-radius: 0 0 22px 22px !important;
  }
  .radius-top-xs-22 {
    border-radius: 22px 22px 0 0;
  }
  .radius-top-xs-22--force {
    border-radius: 22px 22px 0 0 !important;
  }
  .radius-left-xs-22 {
    border-radius: 22px 0 0 22px;
  }
  .radius-left-xs-22--force {
    border-radius: 22px 0 0 22px !important;
  }
  .radius-right-xs-22 {
    border-radius: 0 22px 22px 0;
  }
  .radius-right-xs-22--force {
    border-radius: 0 22px 22px 0 !important;
  }
  .radius-xs-24 {
    border-radius: var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-xs-24 {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-xs-24--force {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-top-xs-24 {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0;
  }
  .radius-top-xs-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0 !important;
  }
  .radius-left-xs-24 {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px);
  }
  .radius-left-xs-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-right-xs-24 {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0;
  }
  .radius-right-xs-24--force {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 !important;
  }
  .radius-xs-full {
    border-radius: 9999px;
  }
  .radius-xs-full--force {
    border-radius: 9999px !important;
  }
  .radius-xs-none {
    border-radius: 0;
  }
  .radius-xs-none--force {
    border-radius: 0 !important;
  }
}
@media screen and (min-width: 640px) {
  .radius-sm-0 {
    border-radius: var(--matcha-radius-none, 0);
  }
  .radius-bottom-sm-0 {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0);
  }
  .radius-bottom-sm-0--force {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) !important;
  }
  .radius-top-sm-0 {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0;
  }
  .radius-top-sm-0--force {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0 !important;
  }
  .radius-left-sm-0 {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0);
  }
  .radius-left-sm-0--force {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0) !important;
  }
  .radius-right-sm-0 {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0;
  }
  .radius-right-sm-0--force {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 !important;
  }
  .radius-sm-2 {
    border-radius: var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-sm-2 {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-sm-2--force {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) !important;
  }
  .radius-top-sm-2 {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0;
  }
  .radius-top-sm-2--force {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0 !important;
  }
  .radius-left-sm-2 {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px);
  }
  .radius-left-sm-2--force {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px) !important;
  }
  .radius-right-sm-2 {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0;
  }
  .radius-right-sm-2--force {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 !important;
  }
  .radius-sm-4 {
    border-radius: var(--matcha-radius-md, 4px);
  }
  .radius-bottom-sm-4 {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px);
  }
  .radius-bottom-sm-4--force {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) !important;
  }
  .radius-top-sm-4 {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0;
  }
  .radius-top-sm-4--force {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0 !important;
  }
  .radius-left-sm-4 {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px);
  }
  .radius-left-sm-4--force {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px) !important;
  }
  .radius-right-sm-4 {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0;
  }
  .radius-right-sm-4--force {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 !important;
  }
  .radius-sm-6 {
    border-radius: 6px;
  }
  .radius-bottom-sm-6 {
    border-radius: 0 0 6px 6px;
  }
  .radius-bottom-sm-6--force {
    border-radius: 0 0 6px 6px !important;
  }
  .radius-top-sm-6 {
    border-radius: 6px 6px 0 0;
  }
  .radius-top-sm-6--force {
    border-radius: 6px 6px 0 0 !important;
  }
  .radius-left-sm-6 {
    border-radius: 6px 0 0 6px;
  }
  .radius-left-sm-6--force {
    border-radius: 6px 0 0 6px !important;
  }
  .radius-right-sm-6 {
    border-radius: 0 6px 6px 0;
  }
  .radius-right-sm-6--force {
    border-radius: 0 6px 6px 0 !important;
  }
  .radius-sm-8 {
    border-radius: var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-sm-8 {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-sm-8--force {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) !important;
  }
  .radius-top-sm-8 {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0;
  }
  .radius-top-sm-8--force {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0 !important;
  }
  .radius-left-sm-8 {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px);
  }
  .radius-left-sm-8--force {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px) !important;
  }
  .radius-right-sm-8 {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0;
  }
  .radius-right-sm-8--force {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 !important;
  }
  .radius-sm-10 {
    border-radius: 10px;
  }
  .radius-bottom-sm-10 {
    border-radius: 0 0 10px 10px;
  }
  .radius-bottom-sm-10--force {
    border-radius: 0 0 10px 10px !important;
  }
  .radius-top-sm-10 {
    border-radius: 10px 10px 0 0;
  }
  .radius-top-sm-10--force {
    border-radius: 10px 10px 0 0 !important;
  }
  .radius-left-sm-10 {
    border-radius: 10px 0 0 10px;
  }
  .radius-left-sm-10--force {
    border-radius: 10px 0 0 10px !important;
  }
  .radius-right-sm-10 {
    border-radius: 0 10px 10px 0;
  }
  .radius-right-sm-10--force {
    border-radius: 0 10px 10px 0 !important;
  }
  .radius-sm-12 {
    border-radius: 12px;
  }
  .radius-bottom-sm-12 {
    border-radius: 0 0 12px 12px;
  }
  .radius-bottom-sm-12--force {
    border-radius: 0 0 12px 12px !important;
  }
  .radius-top-sm-12 {
    border-radius: 12px 12px 0 0;
  }
  .radius-top-sm-12--force {
    border-radius: 12px 12px 0 0 !important;
  }
  .radius-left-sm-12 {
    border-radius: 12px 0 0 12px;
  }
  .radius-left-sm-12--force {
    border-radius: 12px 0 0 12px !important;
  }
  .radius-right-sm-12 {
    border-radius: 0 12px 12px 0;
  }
  .radius-right-sm-12--force {
    border-radius: 0 12px 12px 0 !important;
  }
  .radius-sm-14 {
    border-radius: 14px;
  }
  .radius-bottom-sm-14 {
    border-radius: 0 0 14px 14px;
  }
  .radius-bottom-sm-14--force {
    border-radius: 0 0 14px 14px !important;
  }
  .radius-top-sm-14 {
    border-radius: 14px 14px 0 0;
  }
  .radius-top-sm-14--force {
    border-radius: 14px 14px 0 0 !important;
  }
  .radius-left-sm-14 {
    border-radius: 14px 0 0 14px;
  }
  .radius-left-sm-14--force {
    border-radius: 14px 0 0 14px !important;
  }
  .radius-right-sm-14 {
    border-radius: 0 14px 14px 0;
  }
  .radius-right-sm-14--force {
    border-radius: 0 14px 14px 0 !important;
  }
  .radius-sm-16 {
    border-radius: var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-sm-16 {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-sm-16--force {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) !important;
  }
  .radius-top-sm-16 {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0;
  }
  .radius-top-sm-16--force {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0 !important;
  }
  .radius-left-sm-16 {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px);
  }
  .radius-left-sm-16--force {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px) !important;
  }
  .radius-right-sm-16 {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0;
  }
  .radius-right-sm-16--force {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 !important;
  }
  .radius-sm-18 {
    border-radius: 18px;
  }
  .radius-bottom-sm-18 {
    border-radius: 0 0 18px 18px;
  }
  .radius-bottom-sm-18--force {
    border-radius: 0 0 18px 18px !important;
  }
  .radius-top-sm-18 {
    border-radius: 18px 18px 0 0;
  }
  .radius-top-sm-18--force {
    border-radius: 18px 18px 0 0 !important;
  }
  .radius-left-sm-18 {
    border-radius: 18px 0 0 18px;
  }
  .radius-left-sm-18--force {
    border-radius: 18px 0 0 18px !important;
  }
  .radius-right-sm-18 {
    border-radius: 0 18px 18px 0;
  }
  .radius-right-sm-18--force {
    border-radius: 0 18px 18px 0 !important;
  }
  .radius-sm-20 {
    border-radius: 20px;
  }
  .radius-bottom-sm-20 {
    border-radius: 0 0 20px 20px;
  }
  .radius-bottom-sm-20--force {
    border-radius: 0 0 20px 20px !important;
  }
  .radius-top-sm-20 {
    border-radius: 20px 20px 0 0;
  }
  .radius-top-sm-20--force {
    border-radius: 20px 20px 0 0 !important;
  }
  .radius-left-sm-20 {
    border-radius: 20px 0 0 20px;
  }
  .radius-left-sm-20--force {
    border-radius: 20px 0 0 20px !important;
  }
  .radius-right-sm-20 {
    border-radius: 0 20px 20px 0;
  }
  .radius-right-sm-20--force {
    border-radius: 0 20px 20px 0 !important;
  }
  .radius-sm-22 {
    border-radius: 22px;
  }
  .radius-bottom-sm-22 {
    border-radius: 0 0 22px 22px;
  }
  .radius-bottom-sm-22--force {
    border-radius: 0 0 22px 22px !important;
  }
  .radius-top-sm-22 {
    border-radius: 22px 22px 0 0;
  }
  .radius-top-sm-22--force {
    border-radius: 22px 22px 0 0 !important;
  }
  .radius-left-sm-22 {
    border-radius: 22px 0 0 22px;
  }
  .radius-left-sm-22--force {
    border-radius: 22px 0 0 22px !important;
  }
  .radius-right-sm-22 {
    border-radius: 0 22px 22px 0;
  }
  .radius-right-sm-22--force {
    border-radius: 0 22px 22px 0 !important;
  }
  .radius-sm-24 {
    border-radius: var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-sm-24 {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-sm-24--force {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-top-sm-24 {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0;
  }
  .radius-top-sm-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0 !important;
  }
  .radius-left-sm-24 {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px);
  }
  .radius-left-sm-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-right-sm-24 {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0;
  }
  .radius-right-sm-24--force {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 !important;
  }
  .radius-sm-full {
    border-radius: 9999px;
  }
  .radius-sm-full--force {
    border-radius: 9999px !important;
  }
  .radius-sm-none {
    border-radius: 0;
  }
  .radius-sm-none--force {
    border-radius: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .radius-md-0 {
    border-radius: var(--matcha-radius-none, 0);
  }
  .radius-bottom-md-0 {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0);
  }
  .radius-bottom-md-0--force {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) !important;
  }
  .radius-top-md-0 {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0;
  }
  .radius-top-md-0--force {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0 !important;
  }
  .radius-left-md-0 {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0);
  }
  .radius-left-md-0--force {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0) !important;
  }
  .radius-right-md-0 {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0;
  }
  .radius-right-md-0--force {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 !important;
  }
  .radius-md-2 {
    border-radius: var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-md-2 {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-md-2--force {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) !important;
  }
  .radius-top-md-2 {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0;
  }
  .radius-top-md-2--force {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0 !important;
  }
  .radius-left-md-2 {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px);
  }
  .radius-left-md-2--force {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px) !important;
  }
  .radius-right-md-2 {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0;
  }
  .radius-right-md-2--force {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 !important;
  }
  .radius-md-4 {
    border-radius: var(--matcha-radius-md, 4px);
  }
  .radius-bottom-md-4 {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px);
  }
  .radius-bottom-md-4--force {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) !important;
  }
  .radius-top-md-4 {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0;
  }
  .radius-top-md-4--force {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0 !important;
  }
  .radius-left-md-4 {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px);
  }
  .radius-left-md-4--force {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px) !important;
  }
  .radius-right-md-4 {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0;
  }
  .radius-right-md-4--force {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 !important;
  }
  .radius-md-6 {
    border-radius: 6px;
  }
  .radius-bottom-md-6 {
    border-radius: 0 0 6px 6px;
  }
  .radius-bottom-md-6--force {
    border-radius: 0 0 6px 6px !important;
  }
  .radius-top-md-6 {
    border-radius: 6px 6px 0 0;
  }
  .radius-top-md-6--force {
    border-radius: 6px 6px 0 0 !important;
  }
  .radius-left-md-6 {
    border-radius: 6px 0 0 6px;
  }
  .radius-left-md-6--force {
    border-radius: 6px 0 0 6px !important;
  }
  .radius-right-md-6 {
    border-radius: 0 6px 6px 0;
  }
  .radius-right-md-6--force {
    border-radius: 0 6px 6px 0 !important;
  }
  .radius-md-8 {
    border-radius: var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-md-8 {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-md-8--force {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) !important;
  }
  .radius-top-md-8 {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0;
  }
  .radius-top-md-8--force {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0 !important;
  }
  .radius-left-md-8 {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px);
  }
  .radius-left-md-8--force {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px) !important;
  }
  .radius-right-md-8 {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0;
  }
  .radius-right-md-8--force {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 !important;
  }
  .radius-md-10 {
    border-radius: 10px;
  }
  .radius-bottom-md-10 {
    border-radius: 0 0 10px 10px;
  }
  .radius-bottom-md-10--force {
    border-radius: 0 0 10px 10px !important;
  }
  .radius-top-md-10 {
    border-radius: 10px 10px 0 0;
  }
  .radius-top-md-10--force {
    border-radius: 10px 10px 0 0 !important;
  }
  .radius-left-md-10 {
    border-radius: 10px 0 0 10px;
  }
  .radius-left-md-10--force {
    border-radius: 10px 0 0 10px !important;
  }
  .radius-right-md-10 {
    border-radius: 0 10px 10px 0;
  }
  .radius-right-md-10--force {
    border-radius: 0 10px 10px 0 !important;
  }
  .radius-md-12 {
    border-radius: 12px;
  }
  .radius-bottom-md-12 {
    border-radius: 0 0 12px 12px;
  }
  .radius-bottom-md-12--force {
    border-radius: 0 0 12px 12px !important;
  }
  .radius-top-md-12 {
    border-radius: 12px 12px 0 0;
  }
  .radius-top-md-12--force {
    border-radius: 12px 12px 0 0 !important;
  }
  .radius-left-md-12 {
    border-radius: 12px 0 0 12px;
  }
  .radius-left-md-12--force {
    border-radius: 12px 0 0 12px !important;
  }
  .radius-right-md-12 {
    border-radius: 0 12px 12px 0;
  }
  .radius-right-md-12--force {
    border-radius: 0 12px 12px 0 !important;
  }
  .radius-md-14 {
    border-radius: 14px;
  }
  .radius-bottom-md-14 {
    border-radius: 0 0 14px 14px;
  }
  .radius-bottom-md-14--force {
    border-radius: 0 0 14px 14px !important;
  }
  .radius-top-md-14 {
    border-radius: 14px 14px 0 0;
  }
  .radius-top-md-14--force {
    border-radius: 14px 14px 0 0 !important;
  }
  .radius-left-md-14 {
    border-radius: 14px 0 0 14px;
  }
  .radius-left-md-14--force {
    border-radius: 14px 0 0 14px !important;
  }
  .radius-right-md-14 {
    border-radius: 0 14px 14px 0;
  }
  .radius-right-md-14--force {
    border-radius: 0 14px 14px 0 !important;
  }
  .radius-md-16 {
    border-radius: var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-md-16 {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-md-16--force {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) !important;
  }
  .radius-top-md-16 {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0;
  }
  .radius-top-md-16--force {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0 !important;
  }
  .radius-left-md-16 {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px);
  }
  .radius-left-md-16--force {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px) !important;
  }
  .radius-right-md-16 {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0;
  }
  .radius-right-md-16--force {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 !important;
  }
  .radius-md-18 {
    border-radius: 18px;
  }
  .radius-bottom-md-18 {
    border-radius: 0 0 18px 18px;
  }
  .radius-bottom-md-18--force {
    border-radius: 0 0 18px 18px !important;
  }
  .radius-top-md-18 {
    border-radius: 18px 18px 0 0;
  }
  .radius-top-md-18--force {
    border-radius: 18px 18px 0 0 !important;
  }
  .radius-left-md-18 {
    border-radius: 18px 0 0 18px;
  }
  .radius-left-md-18--force {
    border-radius: 18px 0 0 18px !important;
  }
  .radius-right-md-18 {
    border-radius: 0 18px 18px 0;
  }
  .radius-right-md-18--force {
    border-radius: 0 18px 18px 0 !important;
  }
  .radius-md-20 {
    border-radius: 20px;
  }
  .radius-bottom-md-20 {
    border-radius: 0 0 20px 20px;
  }
  .radius-bottom-md-20--force {
    border-radius: 0 0 20px 20px !important;
  }
  .radius-top-md-20 {
    border-radius: 20px 20px 0 0;
  }
  .radius-top-md-20--force {
    border-radius: 20px 20px 0 0 !important;
  }
  .radius-left-md-20 {
    border-radius: 20px 0 0 20px;
  }
  .radius-left-md-20--force {
    border-radius: 20px 0 0 20px !important;
  }
  .radius-right-md-20 {
    border-radius: 0 20px 20px 0;
  }
  .radius-right-md-20--force {
    border-radius: 0 20px 20px 0 !important;
  }
  .radius-md-22 {
    border-radius: 22px;
  }
  .radius-bottom-md-22 {
    border-radius: 0 0 22px 22px;
  }
  .radius-bottom-md-22--force {
    border-radius: 0 0 22px 22px !important;
  }
  .radius-top-md-22 {
    border-radius: 22px 22px 0 0;
  }
  .radius-top-md-22--force {
    border-radius: 22px 22px 0 0 !important;
  }
  .radius-left-md-22 {
    border-radius: 22px 0 0 22px;
  }
  .radius-left-md-22--force {
    border-radius: 22px 0 0 22px !important;
  }
  .radius-right-md-22 {
    border-radius: 0 22px 22px 0;
  }
  .radius-right-md-22--force {
    border-radius: 0 22px 22px 0 !important;
  }
  .radius-md-24 {
    border-radius: var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-md-24 {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-md-24--force {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-top-md-24 {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0;
  }
  .radius-top-md-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0 !important;
  }
  .radius-left-md-24 {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px);
  }
  .radius-left-md-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-right-md-24 {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0;
  }
  .radius-right-md-24--force {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 !important;
  }
  .radius-md-full {
    border-radius: 9999px;
  }
  .radius-md-full--force {
    border-radius: 9999px !important;
  }
  .radius-md-none {
    border-radius: 0;
  }
  .radius-md-none--force {
    border-radius: 0 !important;
  }
}
@media screen and (min-width: 1280px) {
  .radius-lg-0 {
    border-radius: var(--matcha-radius-none, 0);
  }
  .radius-bottom-lg-0 {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0);
  }
  .radius-bottom-lg-0--force {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) !important;
  }
  .radius-top-lg-0 {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0;
  }
  .radius-top-lg-0--force {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0 !important;
  }
  .radius-left-lg-0 {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0);
  }
  .radius-left-lg-0--force {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0) !important;
  }
  .radius-right-lg-0 {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0;
  }
  .radius-right-lg-0--force {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 !important;
  }
  .radius-lg-2 {
    border-radius: var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-lg-2 {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-lg-2--force {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) !important;
  }
  .radius-top-lg-2 {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0;
  }
  .radius-top-lg-2--force {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0 !important;
  }
  .radius-left-lg-2 {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px);
  }
  .radius-left-lg-2--force {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px) !important;
  }
  .radius-right-lg-2 {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0;
  }
  .radius-right-lg-2--force {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 !important;
  }
  .radius-lg-4 {
    border-radius: var(--matcha-radius-md, 4px);
  }
  .radius-bottom-lg-4 {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px);
  }
  .radius-bottom-lg-4--force {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) !important;
  }
  .radius-top-lg-4 {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0;
  }
  .radius-top-lg-4--force {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0 !important;
  }
  .radius-left-lg-4 {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px);
  }
  .radius-left-lg-4--force {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px) !important;
  }
  .radius-right-lg-4 {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0;
  }
  .radius-right-lg-4--force {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 !important;
  }
  .radius-lg-6 {
    border-radius: 6px;
  }
  .radius-bottom-lg-6 {
    border-radius: 0 0 6px 6px;
  }
  .radius-bottom-lg-6--force {
    border-radius: 0 0 6px 6px !important;
  }
  .radius-top-lg-6 {
    border-radius: 6px 6px 0 0;
  }
  .radius-top-lg-6--force {
    border-radius: 6px 6px 0 0 !important;
  }
  .radius-left-lg-6 {
    border-radius: 6px 0 0 6px;
  }
  .radius-left-lg-6--force {
    border-radius: 6px 0 0 6px !important;
  }
  .radius-right-lg-6 {
    border-radius: 0 6px 6px 0;
  }
  .radius-right-lg-6--force {
    border-radius: 0 6px 6px 0 !important;
  }
  .radius-lg-8 {
    border-radius: var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-lg-8 {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-lg-8--force {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) !important;
  }
  .radius-top-lg-8 {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0;
  }
  .radius-top-lg-8--force {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0 !important;
  }
  .radius-left-lg-8 {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px);
  }
  .radius-left-lg-8--force {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px) !important;
  }
  .radius-right-lg-8 {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0;
  }
  .radius-right-lg-8--force {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 !important;
  }
  .radius-lg-10 {
    border-radius: 10px;
  }
  .radius-bottom-lg-10 {
    border-radius: 0 0 10px 10px;
  }
  .radius-bottom-lg-10--force {
    border-radius: 0 0 10px 10px !important;
  }
  .radius-top-lg-10 {
    border-radius: 10px 10px 0 0;
  }
  .radius-top-lg-10--force {
    border-radius: 10px 10px 0 0 !important;
  }
  .radius-left-lg-10 {
    border-radius: 10px 0 0 10px;
  }
  .radius-left-lg-10--force {
    border-radius: 10px 0 0 10px !important;
  }
  .radius-right-lg-10 {
    border-radius: 0 10px 10px 0;
  }
  .radius-right-lg-10--force {
    border-radius: 0 10px 10px 0 !important;
  }
  .radius-lg-12 {
    border-radius: 12px;
  }
  .radius-bottom-lg-12 {
    border-radius: 0 0 12px 12px;
  }
  .radius-bottom-lg-12--force {
    border-radius: 0 0 12px 12px !important;
  }
  .radius-top-lg-12 {
    border-radius: 12px 12px 0 0;
  }
  .radius-top-lg-12--force {
    border-radius: 12px 12px 0 0 !important;
  }
  .radius-left-lg-12 {
    border-radius: 12px 0 0 12px;
  }
  .radius-left-lg-12--force {
    border-radius: 12px 0 0 12px !important;
  }
  .radius-right-lg-12 {
    border-radius: 0 12px 12px 0;
  }
  .radius-right-lg-12--force {
    border-radius: 0 12px 12px 0 !important;
  }
  .radius-lg-14 {
    border-radius: 14px;
  }
  .radius-bottom-lg-14 {
    border-radius: 0 0 14px 14px;
  }
  .radius-bottom-lg-14--force {
    border-radius: 0 0 14px 14px !important;
  }
  .radius-top-lg-14 {
    border-radius: 14px 14px 0 0;
  }
  .radius-top-lg-14--force {
    border-radius: 14px 14px 0 0 !important;
  }
  .radius-left-lg-14 {
    border-radius: 14px 0 0 14px;
  }
  .radius-left-lg-14--force {
    border-radius: 14px 0 0 14px !important;
  }
  .radius-right-lg-14 {
    border-radius: 0 14px 14px 0;
  }
  .radius-right-lg-14--force {
    border-radius: 0 14px 14px 0 !important;
  }
  .radius-lg-16 {
    border-radius: var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-lg-16 {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-lg-16--force {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) !important;
  }
  .radius-top-lg-16 {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0;
  }
  .radius-top-lg-16--force {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0 !important;
  }
  .radius-left-lg-16 {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px);
  }
  .radius-left-lg-16--force {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px) !important;
  }
  .radius-right-lg-16 {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0;
  }
  .radius-right-lg-16--force {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 !important;
  }
  .radius-lg-18 {
    border-radius: 18px;
  }
  .radius-bottom-lg-18 {
    border-radius: 0 0 18px 18px;
  }
  .radius-bottom-lg-18--force {
    border-radius: 0 0 18px 18px !important;
  }
  .radius-top-lg-18 {
    border-radius: 18px 18px 0 0;
  }
  .radius-top-lg-18--force {
    border-radius: 18px 18px 0 0 !important;
  }
  .radius-left-lg-18 {
    border-radius: 18px 0 0 18px;
  }
  .radius-left-lg-18--force {
    border-radius: 18px 0 0 18px !important;
  }
  .radius-right-lg-18 {
    border-radius: 0 18px 18px 0;
  }
  .radius-right-lg-18--force {
    border-radius: 0 18px 18px 0 !important;
  }
  .radius-lg-20 {
    border-radius: 20px;
  }
  .radius-bottom-lg-20 {
    border-radius: 0 0 20px 20px;
  }
  .radius-bottom-lg-20--force {
    border-radius: 0 0 20px 20px !important;
  }
  .radius-top-lg-20 {
    border-radius: 20px 20px 0 0;
  }
  .radius-top-lg-20--force {
    border-radius: 20px 20px 0 0 !important;
  }
  .radius-left-lg-20 {
    border-radius: 20px 0 0 20px;
  }
  .radius-left-lg-20--force {
    border-radius: 20px 0 0 20px !important;
  }
  .radius-right-lg-20 {
    border-radius: 0 20px 20px 0;
  }
  .radius-right-lg-20--force {
    border-radius: 0 20px 20px 0 !important;
  }
  .radius-lg-22 {
    border-radius: 22px;
  }
  .radius-bottom-lg-22 {
    border-radius: 0 0 22px 22px;
  }
  .radius-bottom-lg-22--force {
    border-radius: 0 0 22px 22px !important;
  }
  .radius-top-lg-22 {
    border-radius: 22px 22px 0 0;
  }
  .radius-top-lg-22--force {
    border-radius: 22px 22px 0 0 !important;
  }
  .radius-left-lg-22 {
    border-radius: 22px 0 0 22px;
  }
  .radius-left-lg-22--force {
    border-radius: 22px 0 0 22px !important;
  }
  .radius-right-lg-22 {
    border-radius: 0 22px 22px 0;
  }
  .radius-right-lg-22--force {
    border-radius: 0 22px 22px 0 !important;
  }
  .radius-lg-24 {
    border-radius: var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-lg-24 {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-lg-24--force {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-top-lg-24 {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0;
  }
  .radius-top-lg-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0 !important;
  }
  .radius-left-lg-24 {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px);
  }
  .radius-left-lg-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-right-lg-24 {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0;
  }
  .radius-right-lg-24--force {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 !important;
  }
  .radius-lg-full {
    border-radius: 9999px;
  }
  .radius-lg-full--force {
    border-radius: 9999px !important;
  }
  .radius-lg-none {
    border-radius: 0;
  }
  .radius-lg-none--force {
    border-radius: 0 !important;
  }
}
@media screen and (min-width: 1536px) {
  .radius-xl-0 {
    border-radius: var(--matcha-radius-none, 0);
  }
  .radius-bottom-xl-0 {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0);
  }
  .radius-bottom-xl-0--force {
    border-radius: 0 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) !important;
  }
  .radius-top-xl-0 {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0;
  }
  .radius-top-xl-0--force {
    border-radius: var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 0 !important;
  }
  .radius-left-xl-0 {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0);
  }
  .radius-left-xl-0--force {
    border-radius: var(--matcha-radius-none, 0) 0 0 var(--matcha-radius-none, 0) !important;
  }
  .radius-right-xl-0 {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0;
  }
  .radius-right-xl-0--force {
    border-radius: 0 var(--matcha-radius-none, 0) var(--matcha-radius-none, 0) 0 !important;
  }
  .radius-xl-2 {
    border-radius: var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-xl-2 {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px);
  }
  .radius-bottom-xl-2--force {
    border-radius: 0 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) !important;
  }
  .radius-top-xl-2 {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0;
  }
  .radius-top-xl-2--force {
    border-radius: var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 0 !important;
  }
  .radius-left-xl-2 {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px);
  }
  .radius-left-xl-2--force {
    border-radius: var(--matcha-radius-sm, 2px) 0 0 var(--matcha-radius-sm, 2px) !important;
  }
  .radius-right-xl-2 {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0;
  }
  .radius-right-xl-2--force {
    border-radius: 0 var(--matcha-radius-sm, 2px) var(--matcha-radius-sm, 2px) 0 !important;
  }
  .radius-xl-4 {
    border-radius: var(--matcha-radius-md, 4px);
  }
  .radius-bottom-xl-4 {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px);
  }
  .radius-bottom-xl-4--force {
    border-radius: 0 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) !important;
  }
  .radius-top-xl-4 {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0;
  }
  .radius-top-xl-4--force {
    border-radius: var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 0 !important;
  }
  .radius-left-xl-4 {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px);
  }
  .radius-left-xl-4--force {
    border-radius: var(--matcha-radius-md, 4px) 0 0 var(--matcha-radius-md, 4px) !important;
  }
  .radius-right-xl-4 {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0;
  }
  .radius-right-xl-4--force {
    border-radius: 0 var(--matcha-radius-md, 4px) var(--matcha-radius-md, 4px) 0 !important;
  }
  .radius-xl-6 {
    border-radius: 6px;
  }
  .radius-bottom-xl-6 {
    border-radius: 0 0 6px 6px;
  }
  .radius-bottom-xl-6--force {
    border-radius: 0 0 6px 6px !important;
  }
  .radius-top-xl-6 {
    border-radius: 6px 6px 0 0;
  }
  .radius-top-xl-6--force {
    border-radius: 6px 6px 0 0 !important;
  }
  .radius-left-xl-6 {
    border-radius: 6px 0 0 6px;
  }
  .radius-left-xl-6--force {
    border-radius: 6px 0 0 6px !important;
  }
  .radius-right-xl-6 {
    border-radius: 0 6px 6px 0;
  }
  .radius-right-xl-6--force {
    border-radius: 0 6px 6px 0 !important;
  }
  .radius-xl-8 {
    border-radius: var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-xl-8 {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px);
  }
  .radius-bottom-xl-8--force {
    border-radius: 0 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) !important;
  }
  .radius-top-xl-8 {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0;
  }
  .radius-top-xl-8--force {
    border-radius: var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 0 !important;
  }
  .radius-left-xl-8 {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px);
  }
  .radius-left-xl-8--force {
    border-radius: var(--matcha-radius-lg, 8px) 0 0 var(--matcha-radius-lg, 8px) !important;
  }
  .radius-right-xl-8 {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0;
  }
  .radius-right-xl-8--force {
    border-radius: 0 var(--matcha-radius-lg, 8px) var(--matcha-radius-lg, 8px) 0 !important;
  }
  .radius-xl-10 {
    border-radius: 10px;
  }
  .radius-bottom-xl-10 {
    border-radius: 0 0 10px 10px;
  }
  .radius-bottom-xl-10--force {
    border-radius: 0 0 10px 10px !important;
  }
  .radius-top-xl-10 {
    border-radius: 10px 10px 0 0;
  }
  .radius-top-xl-10--force {
    border-radius: 10px 10px 0 0 !important;
  }
  .radius-left-xl-10 {
    border-radius: 10px 0 0 10px;
  }
  .radius-left-xl-10--force {
    border-radius: 10px 0 0 10px !important;
  }
  .radius-right-xl-10 {
    border-radius: 0 10px 10px 0;
  }
  .radius-right-xl-10--force {
    border-radius: 0 10px 10px 0 !important;
  }
  .radius-xl-12 {
    border-radius: 12px;
  }
  .radius-bottom-xl-12 {
    border-radius: 0 0 12px 12px;
  }
  .radius-bottom-xl-12--force {
    border-radius: 0 0 12px 12px !important;
  }
  .radius-top-xl-12 {
    border-radius: 12px 12px 0 0;
  }
  .radius-top-xl-12--force {
    border-radius: 12px 12px 0 0 !important;
  }
  .radius-left-xl-12 {
    border-radius: 12px 0 0 12px;
  }
  .radius-left-xl-12--force {
    border-radius: 12px 0 0 12px !important;
  }
  .radius-right-xl-12 {
    border-radius: 0 12px 12px 0;
  }
  .radius-right-xl-12--force {
    border-radius: 0 12px 12px 0 !important;
  }
  .radius-xl-14 {
    border-radius: 14px;
  }
  .radius-bottom-xl-14 {
    border-radius: 0 0 14px 14px;
  }
  .radius-bottom-xl-14--force {
    border-radius: 0 0 14px 14px !important;
  }
  .radius-top-xl-14 {
    border-radius: 14px 14px 0 0;
  }
  .radius-top-xl-14--force {
    border-radius: 14px 14px 0 0 !important;
  }
  .radius-left-xl-14 {
    border-radius: 14px 0 0 14px;
  }
  .radius-left-xl-14--force {
    border-radius: 14px 0 0 14px !important;
  }
  .radius-right-xl-14 {
    border-radius: 0 14px 14px 0;
  }
  .radius-right-xl-14--force {
    border-radius: 0 14px 14px 0 !important;
  }
  .radius-xl-16 {
    border-radius: var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-xl-16 {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px);
  }
  .radius-bottom-xl-16--force {
    border-radius: 0 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) !important;
  }
  .radius-top-xl-16 {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0;
  }
  .radius-top-xl-16--force {
    border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0 !important;
  }
  .radius-left-xl-16 {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px);
  }
  .radius-left-xl-16--force {
    border-radius: var(--matcha-radius-xl, 16px) 0 0 var(--matcha-radius-xl, 16px) !important;
  }
  .radius-right-xl-16 {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0;
  }
  .radius-right-xl-16--force {
    border-radius: 0 var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 !important;
  }
  .radius-xl-18 {
    border-radius: 18px;
  }
  .radius-bottom-xl-18 {
    border-radius: 0 0 18px 18px;
  }
  .radius-bottom-xl-18--force {
    border-radius: 0 0 18px 18px !important;
  }
  .radius-top-xl-18 {
    border-radius: 18px 18px 0 0;
  }
  .radius-top-xl-18--force {
    border-radius: 18px 18px 0 0 !important;
  }
  .radius-left-xl-18 {
    border-radius: 18px 0 0 18px;
  }
  .radius-left-xl-18--force {
    border-radius: 18px 0 0 18px !important;
  }
  .radius-right-xl-18 {
    border-radius: 0 18px 18px 0;
  }
  .radius-right-xl-18--force {
    border-radius: 0 18px 18px 0 !important;
  }
  .radius-xl-20 {
    border-radius: 20px;
  }
  .radius-bottom-xl-20 {
    border-radius: 0 0 20px 20px;
  }
  .radius-bottom-xl-20--force {
    border-radius: 0 0 20px 20px !important;
  }
  .radius-top-xl-20 {
    border-radius: 20px 20px 0 0;
  }
  .radius-top-xl-20--force {
    border-radius: 20px 20px 0 0 !important;
  }
  .radius-left-xl-20 {
    border-radius: 20px 0 0 20px;
  }
  .radius-left-xl-20--force {
    border-radius: 20px 0 0 20px !important;
  }
  .radius-right-xl-20 {
    border-radius: 0 20px 20px 0;
  }
  .radius-right-xl-20--force {
    border-radius: 0 20px 20px 0 !important;
  }
  .radius-xl-22 {
    border-radius: 22px;
  }
  .radius-bottom-xl-22 {
    border-radius: 0 0 22px 22px;
  }
  .radius-bottom-xl-22--force {
    border-radius: 0 0 22px 22px !important;
  }
  .radius-top-xl-22 {
    border-radius: 22px 22px 0 0;
  }
  .radius-top-xl-22--force {
    border-radius: 22px 22px 0 0 !important;
  }
  .radius-left-xl-22 {
    border-radius: 22px 0 0 22px;
  }
  .radius-left-xl-22--force {
    border-radius: 22px 0 0 22px !important;
  }
  .radius-right-xl-22 {
    border-radius: 0 22px 22px 0;
  }
  .radius-right-xl-22--force {
    border-radius: 0 22px 22px 0 !important;
  }
  .radius-xl-24 {
    border-radius: var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-xl-24 {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px);
  }
  .radius-bottom-xl-24--force {
    border-radius: 0 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-top-xl-24 {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0;
  }
  .radius-top-xl-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 0 !important;
  }
  .radius-left-xl-24 {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px);
  }
  .radius-left-xl-24--force {
    border-radius: var(--matcha-radius-2xl, 24px) 0 0 var(--matcha-radius-2xl, 24px) !important;
  }
  .radius-right-xl-24 {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0;
  }
  .radius-right-xl-24--force {
    border-radius: 0 var(--matcha-radius-2xl, 24px) var(--matcha-radius-2xl, 24px) 0 !important;
  }
  .radius-xl-full {
    border-radius: 9999px;
  }
  .radius-xl-full--force {
    border-radius: 9999px !important;
  }
  .radius-xl-none {
    border-radius: 0;
  }
  .radius-xl-none--force {
    border-radius: 0 !important;
  }
}
.border-none {
  border: none !important;
}

.shadow-1 {
  box-shadow: var(--matcha-shadow-1, 0 8px 24px -8px rgba(45, 122, 47, 0.04), 0 2px 8px -1px rgba(26, 44, 30, 0.08), 0 1px 2px rgba(26, 44, 30, 0.04));
}

.shadow-1--force {
  box-shadow: var(--matcha-shadow-1, 0 8px 24px -8px rgba(45, 122, 47, 0.04), 0 2px 8px -1px rgba(26, 44, 30, 0.08), 0 1px 2px rgba(26, 44, 30, 0.04)) !important;
}

.shadow-2 {
  box-shadow: var(--matcha-shadow-2, 0 12px 32px -10px rgba(45, 122, 47, 0.05), 0 4px 16px -2px rgba(26, 44, 30, 0.10), 0 2px 4px -1px rgba(26, 44, 30, 0.05));
}

.shadow-2--force {
  box-shadow: var(--matcha-shadow-2, 0 12px 32px -10px rgba(45, 122, 47, 0.05), 0 4px 16px -2px rgba(26, 44, 30, 0.10), 0 2px 4px -1px rgba(26, 44, 30, 0.05)) !important;
}

.shadow-3 {
  box-shadow: var(--matcha-shadow-3, 0 16px 40px -12px rgba(45, 122, 47, 0.06), 0 12px 32px -4px rgba(26, 44, 30, 0.14), 0 4px 8px -2px rgba(26, 44, 30, 0.08));
}

.shadow-3--force {
  box-shadow: var(--matcha-shadow-3, 0 16px 40px -12px rgba(45, 122, 47, 0.06), 0 12px 32px -4px rgba(26, 44, 30, 0.14), 0 4px 8px -2px rgba(26, 44, 30, 0.08)) !important;
}

.shadow-4 {
  box-shadow: var(--matcha-shadow-4, 0 24px 48px -16px rgba(45, 122, 47, 0.08), 0 24px 48px -8px rgba(26, 44, 30, 0.18), 0 8px 16px -4px rgba(26, 44, 30, 0.10));
}

.shadow-4--force {
  box-shadow: var(--matcha-shadow-4, 0 24px 48px -16px rgba(45, 122, 47, 0.08), 0 24px 48px -8px rgba(26, 44, 30, 0.18), 0 8px 16px -4px rgba(26, 44, 30, 0.10)) !important;
}

.shadow-none {
  box-shadow: none;
}

.shadow-none--force {
  box-shadow: none !important;
}

.on-hover-show:hover {
  opacity: 1;
}

.on-hover-hide:hover {
  opacity: 0;
}

.ts-100-l {
  transition: all 100ms linear;
}

.ts-100-ei {
  transition: all 100ms ease-in;
}

.ts-100-eo {
  transition: all 100ms ease-out;
}

.ts-100-eio {
  transition: all 100ms ease-in-out;
}

.ts-300-l {
  transition: all 300ms linear;
}

.ts-300-ei {
  transition: all 300ms ease-in;
}

.ts-300-eo {
  transition: all 300ms ease-out;
}

.ts-300-eio {
  transition: all 300ms ease-in-out;
}

.duration-instant {
  transition-duration: var(--matcha-duration-instant, 80ms);
}

.duration-instant--force {
  transition-duration: var(--matcha-duration-instant, 80ms) !important;
}

.duration-fast {
  transition-duration: var(--matcha-duration-fast, 200ms);
}

.duration-fast--force {
  transition-duration: var(--matcha-duration-fast, 200ms) !important;
}

.duration-normal {
  transition-duration: var(--matcha-duration-normal, 400ms);
}

.duration-normal--force {
  transition-duration: var(--matcha-duration-normal, 400ms) !important;
}

.duration-slow {
  transition-duration: var(--matcha-duration-slow, 600ms);
}

.duration-slow--force {
  transition-duration: var(--matcha-duration-slow, 600ms) !important;
}

.ease-standard {
  transition-timing-function: var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));
}

.ease-standard--force {
  transition-timing-function: var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)) !important;
}

.ease-emphasized {
  transition-timing-function: var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));
}

.ease-emphasized--force {
  transition-timing-function: var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)) !important;
}

.ease-decelerated {
  transition-timing-function: var(--matcha-easing-decelerated, cubic-bezier(0, 0, 0.2, 1));
}

.ease-decelerated--force {
  transition-timing-function: var(--matcha-easing-decelerated, cubic-bezier(0, 0, 0.2, 1)) !important;
}

.ease-accelerated {
  transition-timing-function: var(--matcha-easing-accelerated, cubic-bezier(0.4, 0, 1, 1));
}

.ease-accelerated--force {
  transition-timing-function: var(--matcha-easing-accelerated, cubic-bezier(0.4, 0, 1, 1)) !important;
}

.transition-instant {
  transition: all var(--matcha-duration-instant, 80ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));
}

.transition-instant--force {
  transition: all var(--matcha-duration-instant, 80ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)) !important;
}

.transition-fast {
  transition: all var(--matcha-duration-fast, 200ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));
}

.transition-fast--force {
  transition: all var(--matcha-duration-fast, 200ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)) !important;
}

.transition-normal {
  transition: all var(--matcha-duration-normal, 400ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));
}

.transition-normal--force {
  transition: all var(--matcha-duration-normal, 400ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)) !important;
}

.transition-slow {
  transition: all var(--matcha-duration-slow, 600ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1));
}

.transition-slow--force {
  transition: all var(--matcha-duration-slow, 600ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)) !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rotate-infinity-1s {
  animation: spin 1s infinite;
}

.rotate-infinity-2s {
  animation: spin 2s infinite;
}

.rotate-infinity-3s {
  animation: spin 3s infinite;
}

.line-clamp-0 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 0;
  line-clamp: 0;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.line-clamp-6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: initial;
  -webkit-box-orient: vertical;
}

.line-clamp-none {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
  line-clamp: none;
}

@media screen and (max-width: 639px) {
  .line-clamp-xs-0 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    line-clamp: 0;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xs-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xs-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xs-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xs-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xs-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xs-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xs-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
    line-clamp: none;
  }
}
@media screen and (min-width: 640px) {
  .line-clamp-sm-0 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    line-clamp: 0;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-sm-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-sm-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-sm-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-sm-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-sm-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-sm-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-sm-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
    line-clamp: none;
  }
}
@media screen and (min-width: 1024px) {
  .line-clamp-md-0 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    line-clamp: 0;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-md-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-md-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-md-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-md-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-md-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-md-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-md-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
    line-clamp: none;
  }
}
@media screen and (min-width: 1280px) {
  .line-clamp-lg-0 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    line-clamp: 0;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-lg-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-lg-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-lg-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-lg-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-lg-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-lg-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-lg-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
    line-clamp: none;
  }
}
@media screen and (min-width: 1536px) {
  .line-clamp-xl-0 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    line-clamp: 0;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xl-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xl-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xl-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xl-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xl-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xl-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: initial;
    -webkit-box-orient: vertical;
  }
  .line-clamp-xl-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
    line-clamp: none;
  }
}
.masonry-1 {
  column-count: 1;
}

.masonry-1 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-2 {
  column-count: 2;
}

.masonry-2 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-3 {
  column-count: 3;
}

.masonry-3 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-4 {
  column-count: 4;
}

.masonry-4 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-5 {
  column-count: 5;
}

.masonry-5 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-6 {
  column-count: 6;
}

.masonry-6 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-7 {
  column-count: 7;
}

.masonry-7 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-8 {
  column-count: 8;
}

.masonry-8 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-9 {
  column-count: 9;
}

.masonry-9 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-10 {
  column-count: 10;
}

.masonry-10 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-11 {
  column-count: 11;
}

.masonry-11 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-12 {
  column-count: 12;
}

.masonry-12 > * {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.masonry-gap-0 {
  column-gap: 0px;
}

.masonry-gap-0 > * {
  margin-bottom: 0px;
}

.masonry-gap-4 {
  column-gap: 4px;
}

.masonry-gap-4 > * {
  margin-bottom: 4px;
}

.masonry-gap-8 {
  column-gap: 8px;
}

.masonry-gap-8 > * {
  margin-bottom: 8px;
}

.masonry-gap-12 {
  column-gap: 12px;
}

.masonry-gap-12 > * {
  margin-bottom: 12px;
}

.masonry-gap-16 {
  column-gap: 16px;
}

.masonry-gap-16 > * {
  margin-bottom: 16px;
}

.masonry-gap-20 {
  column-gap: 20px;
}

.masonry-gap-20 > * {
  margin-bottom: 20px;
}

.masonry-gap-24 {
  column-gap: 24px;
}

.masonry-gap-24 > * {
  margin-bottom: 24px;
}

.masonry-gap-28 {
  column-gap: 28px;
}

.masonry-gap-28 > * {
  margin-bottom: 28px;
}

.masonry-gap-32 {
  column-gap: 32px;
}

.masonry-gap-32 > * {
  margin-bottom: 32px;
}

.masonry-gap-36 {
  column-gap: 36px;
}

.masonry-gap-36 > * {
  margin-bottom: 36px;
}

.masonry-gap-40 {
  column-gap: 40px;
}

.masonry-gap-40 > * {
  margin-bottom: 40px;
}

.masonry-gap-44 {
  column-gap: 44px;
}

.masonry-gap-44 > * {
  margin-bottom: 44px;
}

.masonry-gap-48 {
  column-gap: 48px;
}

.masonry-gap-48 > * {
  margin-bottom: 48px;
}

@media screen and (max-width: 639px) {
  .masonry-xs-1 {
    column-count: 1;
  }
  .masonry-xs-1 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-2 {
    column-count: 2;
  }
  .masonry-xs-2 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-3 {
    column-count: 3;
  }
  .masonry-xs-3 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-4 {
    column-count: 4;
  }
  .masonry-xs-4 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-5 {
    column-count: 5;
  }
  .masonry-xs-5 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-6 {
    column-count: 6;
  }
  .masonry-xs-6 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-7 {
    column-count: 7;
  }
  .masonry-xs-7 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-8 {
    column-count: 8;
  }
  .masonry-xs-8 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-9 {
    column-count: 9;
  }
  .masonry-xs-9 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-10 {
    column-count: 10;
  }
  .masonry-xs-10 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-11 {
    column-count: 11;
  }
  .masonry-xs-11 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xs-12 {
    column-count: 12;
  }
  .masonry-xs-12 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-gap-xs-0 {
    column-gap: 0px;
  }
  .masonry-gap-xs-0 > * {
    margin-bottom: 0px;
  }
  .masonry-gap-xs-4 {
    column-gap: 4px;
  }
  .masonry-gap-xs-4 > * {
    margin-bottom: 4px;
  }
  .masonry-gap-xs-8 {
    column-gap: 8px;
  }
  .masonry-gap-xs-8 > * {
    margin-bottom: 8px;
  }
  .masonry-gap-xs-12 {
    column-gap: 12px;
  }
  .masonry-gap-xs-12 > * {
    margin-bottom: 12px;
  }
  .masonry-gap-xs-16 {
    column-gap: 16px;
  }
  .masonry-gap-xs-16 > * {
    margin-bottom: 16px;
  }
  .masonry-gap-xs-20 {
    column-gap: 20px;
  }
  .masonry-gap-xs-20 > * {
    margin-bottom: 20px;
  }
  .masonry-gap-xs-24 {
    column-gap: 24px;
  }
  .masonry-gap-xs-24 > * {
    margin-bottom: 24px;
  }
  .masonry-gap-xs-28 {
    column-gap: 28px;
  }
  .masonry-gap-xs-28 > * {
    margin-bottom: 28px;
  }
  .masonry-gap-xs-32 {
    column-gap: 32px;
  }
  .masonry-gap-xs-32 > * {
    margin-bottom: 32px;
  }
  .masonry-gap-xs-36 {
    column-gap: 36px;
  }
  .masonry-gap-xs-36 > * {
    margin-bottom: 36px;
  }
  .masonry-gap-xs-40 {
    column-gap: 40px;
  }
  .masonry-gap-xs-40 > * {
    margin-bottom: 40px;
  }
  .masonry-gap-xs-44 {
    column-gap: 44px;
  }
  .masonry-gap-xs-44 > * {
    margin-bottom: 44px;
  }
  .masonry-gap-xs-48 {
    column-gap: 48px;
  }
  .masonry-gap-xs-48 > * {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 640px) {
  .masonry-sm-1 {
    column-count: 1;
  }
  .masonry-sm-1 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-2 {
    column-count: 2;
  }
  .masonry-sm-2 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-3 {
    column-count: 3;
  }
  .masonry-sm-3 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-4 {
    column-count: 4;
  }
  .masonry-sm-4 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-5 {
    column-count: 5;
  }
  .masonry-sm-5 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-6 {
    column-count: 6;
  }
  .masonry-sm-6 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-7 {
    column-count: 7;
  }
  .masonry-sm-7 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-8 {
    column-count: 8;
  }
  .masonry-sm-8 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-9 {
    column-count: 9;
  }
  .masonry-sm-9 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-10 {
    column-count: 10;
  }
  .masonry-sm-10 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-11 {
    column-count: 11;
  }
  .masonry-sm-11 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-sm-12 {
    column-count: 12;
  }
  .masonry-sm-12 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-gap-sm-0 {
    column-gap: 0px;
  }
  .masonry-gap-sm-0 > * {
    margin-bottom: 0px;
  }
  .masonry-gap-sm-4 {
    column-gap: 4px;
  }
  .masonry-gap-sm-4 > * {
    margin-bottom: 4px;
  }
  .masonry-gap-sm-8 {
    column-gap: 8px;
  }
  .masonry-gap-sm-8 > * {
    margin-bottom: 8px;
  }
  .masonry-gap-sm-12 {
    column-gap: 12px;
  }
  .masonry-gap-sm-12 > * {
    margin-bottom: 12px;
  }
  .masonry-gap-sm-16 {
    column-gap: 16px;
  }
  .masonry-gap-sm-16 > * {
    margin-bottom: 16px;
  }
  .masonry-gap-sm-20 {
    column-gap: 20px;
  }
  .masonry-gap-sm-20 > * {
    margin-bottom: 20px;
  }
  .masonry-gap-sm-24 {
    column-gap: 24px;
  }
  .masonry-gap-sm-24 > * {
    margin-bottom: 24px;
  }
  .masonry-gap-sm-28 {
    column-gap: 28px;
  }
  .masonry-gap-sm-28 > * {
    margin-bottom: 28px;
  }
  .masonry-gap-sm-32 {
    column-gap: 32px;
  }
  .masonry-gap-sm-32 > * {
    margin-bottom: 32px;
  }
  .masonry-gap-sm-36 {
    column-gap: 36px;
  }
  .masonry-gap-sm-36 > * {
    margin-bottom: 36px;
  }
  .masonry-gap-sm-40 {
    column-gap: 40px;
  }
  .masonry-gap-sm-40 > * {
    margin-bottom: 40px;
  }
  .masonry-gap-sm-44 {
    column-gap: 44px;
  }
  .masonry-gap-sm-44 > * {
    margin-bottom: 44px;
  }
  .masonry-gap-sm-48 {
    column-gap: 48px;
  }
  .masonry-gap-sm-48 > * {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1024px) {
  .masonry-md-1 {
    column-count: 1;
  }
  .masonry-md-1 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-2 {
    column-count: 2;
  }
  .masonry-md-2 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-3 {
    column-count: 3;
  }
  .masonry-md-3 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-4 {
    column-count: 4;
  }
  .masonry-md-4 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-5 {
    column-count: 5;
  }
  .masonry-md-5 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-6 {
    column-count: 6;
  }
  .masonry-md-6 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-7 {
    column-count: 7;
  }
  .masonry-md-7 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-8 {
    column-count: 8;
  }
  .masonry-md-8 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-9 {
    column-count: 9;
  }
  .masonry-md-9 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-10 {
    column-count: 10;
  }
  .masonry-md-10 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-11 {
    column-count: 11;
  }
  .masonry-md-11 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-md-12 {
    column-count: 12;
  }
  .masonry-md-12 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-gap-md-0 {
    column-gap: 0px;
  }
  .masonry-gap-md-0 > * {
    margin-bottom: 0px;
  }
  .masonry-gap-md-4 {
    column-gap: 4px;
  }
  .masonry-gap-md-4 > * {
    margin-bottom: 4px;
  }
  .masonry-gap-md-8 {
    column-gap: 8px;
  }
  .masonry-gap-md-8 > * {
    margin-bottom: 8px;
  }
  .masonry-gap-md-12 {
    column-gap: 12px;
  }
  .masonry-gap-md-12 > * {
    margin-bottom: 12px;
  }
  .masonry-gap-md-16 {
    column-gap: 16px;
  }
  .masonry-gap-md-16 > * {
    margin-bottom: 16px;
  }
  .masonry-gap-md-20 {
    column-gap: 20px;
  }
  .masonry-gap-md-20 > * {
    margin-bottom: 20px;
  }
  .masonry-gap-md-24 {
    column-gap: 24px;
  }
  .masonry-gap-md-24 > * {
    margin-bottom: 24px;
  }
  .masonry-gap-md-28 {
    column-gap: 28px;
  }
  .masonry-gap-md-28 > * {
    margin-bottom: 28px;
  }
  .masonry-gap-md-32 {
    column-gap: 32px;
  }
  .masonry-gap-md-32 > * {
    margin-bottom: 32px;
  }
  .masonry-gap-md-36 {
    column-gap: 36px;
  }
  .masonry-gap-md-36 > * {
    margin-bottom: 36px;
  }
  .masonry-gap-md-40 {
    column-gap: 40px;
  }
  .masonry-gap-md-40 > * {
    margin-bottom: 40px;
  }
  .masonry-gap-md-44 {
    column-gap: 44px;
  }
  .masonry-gap-md-44 > * {
    margin-bottom: 44px;
  }
  .masonry-gap-md-48 {
    column-gap: 48px;
  }
  .masonry-gap-md-48 > * {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1280px) {
  .masonry-lg-1 {
    column-count: 1;
  }
  .masonry-lg-1 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-2 {
    column-count: 2;
  }
  .masonry-lg-2 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-3 {
    column-count: 3;
  }
  .masonry-lg-3 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-4 {
    column-count: 4;
  }
  .masonry-lg-4 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-5 {
    column-count: 5;
  }
  .masonry-lg-5 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-6 {
    column-count: 6;
  }
  .masonry-lg-6 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-7 {
    column-count: 7;
  }
  .masonry-lg-7 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-8 {
    column-count: 8;
  }
  .masonry-lg-8 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-9 {
    column-count: 9;
  }
  .masonry-lg-9 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-10 {
    column-count: 10;
  }
  .masonry-lg-10 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-11 {
    column-count: 11;
  }
  .masonry-lg-11 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-lg-12 {
    column-count: 12;
  }
  .masonry-lg-12 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-gap-lg-0 {
    column-gap: 0px;
  }
  .masonry-gap-lg-0 > * {
    margin-bottom: 0px;
  }
  .masonry-gap-lg-4 {
    column-gap: 4px;
  }
  .masonry-gap-lg-4 > * {
    margin-bottom: 4px;
  }
  .masonry-gap-lg-8 {
    column-gap: 8px;
  }
  .masonry-gap-lg-8 > * {
    margin-bottom: 8px;
  }
  .masonry-gap-lg-12 {
    column-gap: 12px;
  }
  .masonry-gap-lg-12 > * {
    margin-bottom: 12px;
  }
  .masonry-gap-lg-16 {
    column-gap: 16px;
  }
  .masonry-gap-lg-16 > * {
    margin-bottom: 16px;
  }
  .masonry-gap-lg-20 {
    column-gap: 20px;
  }
  .masonry-gap-lg-20 > * {
    margin-bottom: 20px;
  }
  .masonry-gap-lg-24 {
    column-gap: 24px;
  }
  .masonry-gap-lg-24 > * {
    margin-bottom: 24px;
  }
  .masonry-gap-lg-28 {
    column-gap: 28px;
  }
  .masonry-gap-lg-28 > * {
    margin-bottom: 28px;
  }
  .masonry-gap-lg-32 {
    column-gap: 32px;
  }
  .masonry-gap-lg-32 > * {
    margin-bottom: 32px;
  }
  .masonry-gap-lg-36 {
    column-gap: 36px;
  }
  .masonry-gap-lg-36 > * {
    margin-bottom: 36px;
  }
  .masonry-gap-lg-40 {
    column-gap: 40px;
  }
  .masonry-gap-lg-40 > * {
    margin-bottom: 40px;
  }
  .masonry-gap-lg-44 {
    column-gap: 44px;
  }
  .masonry-gap-lg-44 > * {
    margin-bottom: 44px;
  }
  .masonry-gap-lg-48 {
    column-gap: 48px;
  }
  .masonry-gap-lg-48 > * {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1536px) {
  .masonry-xl-1 {
    column-count: 1;
  }
  .masonry-xl-1 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-2 {
    column-count: 2;
  }
  .masonry-xl-2 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-3 {
    column-count: 3;
  }
  .masonry-xl-3 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-4 {
    column-count: 4;
  }
  .masonry-xl-4 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-5 {
    column-count: 5;
  }
  .masonry-xl-5 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-6 {
    column-count: 6;
  }
  .masonry-xl-6 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-7 {
    column-count: 7;
  }
  .masonry-xl-7 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-8 {
    column-count: 8;
  }
  .masonry-xl-8 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-9 {
    column-count: 9;
  }
  .masonry-xl-9 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-10 {
    column-count: 10;
  }
  .masonry-xl-10 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-11 {
    column-count: 11;
  }
  .masonry-xl-11 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-xl-12 {
    column-count: 12;
  }
  .masonry-xl-12 > * {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .masonry-gap-xl-0 {
    column-gap: 0px;
  }
  .masonry-gap-xl-0 > * {
    margin-bottom: 0px;
  }
  .masonry-gap-xl-4 {
    column-gap: 4px;
  }
  .masonry-gap-xl-4 > * {
    margin-bottom: 4px;
  }
  .masonry-gap-xl-8 {
    column-gap: 8px;
  }
  .masonry-gap-xl-8 > * {
    margin-bottom: 8px;
  }
  .masonry-gap-xl-12 {
    column-gap: 12px;
  }
  .masonry-gap-xl-12 > * {
    margin-bottom: 12px;
  }
  .masonry-gap-xl-16 {
    column-gap: 16px;
  }
  .masonry-gap-xl-16 > * {
    margin-bottom: 16px;
  }
  .masonry-gap-xl-20 {
    column-gap: 20px;
  }
  .masonry-gap-xl-20 > * {
    margin-bottom: 20px;
  }
  .masonry-gap-xl-24 {
    column-gap: 24px;
  }
  .masonry-gap-xl-24 > * {
    margin-bottom: 24px;
  }
  .masonry-gap-xl-28 {
    column-gap: 28px;
  }
  .masonry-gap-xl-28 > * {
    margin-bottom: 28px;
  }
  .masonry-gap-xl-32 {
    column-gap: 32px;
  }
  .masonry-gap-xl-32 > * {
    margin-bottom: 32px;
  }
  .masonry-gap-xl-36 {
    column-gap: 36px;
  }
  .masonry-gap-xl-36 > * {
    margin-bottom: 36px;
  }
  .masonry-gap-xl-40 {
    column-gap: 40px;
  }
  .masonry-gap-xl-40 > * {
    margin-bottom: 40px;
  }
  .masonry-gap-xl-44 {
    column-gap: 44px;
  }
  .masonry-gap-xl-44 > * {
    margin-bottom: 44px;
  }
  .masonry-gap-xl-48 {
    column-gap: 48px;
  }
  .masonry-gap-xl-48 > * {
    margin-bottom: 48px;
  }
}
mat-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  line-height: 24px;
}
mat-icon.s-4 {
  font-size: 4px !important;
  width: 4px !important;
  height: 4px !important;
  min-width: 4px !important;
  min-height: 4px !important;
  line-height: 4px !important;
}
mat-icon.s-6 {
  font-size: 6px !important;
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  min-height: 6px !important;
  line-height: 6px !important;
}
mat-icon.s-8 {
  font-size: 8px !important;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  line-height: 8px !important;
}
mat-icon.s-10 {
  font-size: 10px !important;
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  line-height: 10px !important;
}
mat-icon.s-12 {
  font-size: 12px !important;
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  line-height: 12px !important;
}
mat-icon.s-14 {
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  line-height: 14px !important;
}
mat-icon.s-16 {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  line-height: 16px !important;
}
mat-icon.s-18 {
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  line-height: 18px !important;
}
mat-icon.s-20 {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  line-height: 20px !important;
}
mat-icon.s-22 {
  font-size: 22px !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  line-height: 22px !important;
}
mat-icon.s-24 {
  font-size: 24px !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  line-height: 24px !important;
}
mat-icon.s-26 {
  font-size: 26px !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  line-height: 26px !important;
}
mat-icon.s-28 {
  font-size: 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  line-height: 28px !important;
}
mat-icon.s-30 {
  font-size: 30px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  line-height: 30px !important;
}
mat-icon.s-32 {
  font-size: 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  line-height: 32px !important;
}
mat-icon.s-34 {
  font-size: 34px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  line-height: 34px !important;
}
mat-icon.s-36 {
  font-size: 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  line-height: 36px !important;
}
mat-icon.s-38 {
  font-size: 38px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  line-height: 38px !important;
}
mat-icon.s-40 {
  font-size: 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  line-height: 40px !important;
}
mat-icon.s-42 {
  font-size: 42px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  line-height: 42px !important;
}
mat-icon.s-44 {
  font-size: 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
}
mat-icon.s-46 {
  font-size: 46px !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  line-height: 46px !important;
}
mat-icon.s-48 {
  font-size: 48px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  line-height: 48px !important;
}
mat-icon.s-50 {
  font-size: 50px !important;
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  line-height: 50px !important;
}
mat-icon.s-52 {
  font-size: 52px !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  line-height: 52px !important;
}
mat-icon.s-54 {
  font-size: 54px !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  line-height: 54px !important;
}
mat-icon.s-56 {
  font-size: 56px !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  line-height: 56px !important;
}
mat-icon.s-58 {
  font-size: 58px !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  line-height: 58px !important;
}
mat-icon.s-60 {
  font-size: 60px !important;
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  min-height: 60px !important;
  line-height: 60px !important;
}
mat-icon.s-62 {
  font-size: 62px !important;
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  min-height: 62px !important;
  line-height: 62px !important;
}
mat-icon.s-64 {
  font-size: 64px !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
  line-height: 64px !important;
}
mat-icon.s-66 {
  font-size: 66px !important;
  width: 66px !important;
  height: 66px !important;
  min-width: 66px !important;
  min-height: 66px !important;
  line-height: 66px !important;
}
mat-icon.s-68 {
  font-size: 68px !important;
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  min-height: 68px !important;
  line-height: 68px !important;
}
mat-icon.s-70 {
  font-size: 70px !important;
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  min-height: 70px !important;
  line-height: 70px !important;
}
mat-icon.s-72 {
  font-size: 72px !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  line-height: 72px !important;
}
mat-icon.s-74 {
  font-size: 74px !important;
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  min-height: 74px !important;
  line-height: 74px !important;
}
mat-icon.s-76 {
  font-size: 76px !important;
  width: 76px !important;
  height: 76px !important;
  min-width: 76px !important;
  min-height: 76px !important;
  line-height: 76px !important;
}
mat-icon.s-78 {
  font-size: 78px !important;
  width: 78px !important;
  height: 78px !important;
  min-width: 78px !important;
  min-height: 78px !important;
  line-height: 78px !important;
}
mat-icon.s-80 {
  font-size: 80px !important;
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  min-height: 80px !important;
  line-height: 80px !important;
}
mat-icon.s-82 {
  font-size: 82px !important;
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  min-height: 82px !important;
  line-height: 82px !important;
}
mat-icon.s-84 {
  font-size: 84px !important;
  width: 84px !important;
  height: 84px !important;
  min-width: 84px !important;
  min-height: 84px !important;
  line-height: 84px !important;
}
mat-icon.s-86 {
  font-size: 86px !important;
  width: 86px !important;
  height: 86px !important;
  min-width: 86px !important;
  min-height: 86px !important;
  line-height: 86px !important;
}
mat-icon.s-88 {
  font-size: 88px !important;
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  min-height: 88px !important;
  line-height: 88px !important;
}
mat-icon.s-90 {
  font-size: 90px !important;
  width: 90px !important;
  height: 90px !important;
  min-width: 90px !important;
  min-height: 90px !important;
  line-height: 90px !important;
}
mat-icon.s-92 {
  font-size: 92px !important;
  width: 92px !important;
  height: 92px !important;
  min-width: 92px !important;
  min-height: 92px !important;
  line-height: 92px !important;
}
mat-icon.s-94 {
  font-size: 94px !important;
  width: 94px !important;
  height: 94px !important;
  min-width: 94px !important;
  min-height: 94px !important;
  line-height: 94px !important;
}
mat-icon.s-96 {
  font-size: 96px !important;
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  min-height: 96px !important;
  line-height: 96px !important;
}
mat-icon.s-98 {
  font-size: 98px !important;
  width: 98px !important;
  height: 98px !important;
  min-width: 98px !important;
  min-height: 98px !important;
  line-height: 98px !important;
}
mat-icon.s-100 {
  font-size: 100px !important;
  width: 100px !important;
  height: 100px !important;
  min-width: 100px !important;
  min-height: 100px !important;
  line-height: 100px !important;
}
mat-icon.s-102 {
  font-size: 102px !important;
  width: 102px !important;
  height: 102px !important;
  min-width: 102px !important;
  min-height: 102px !important;
  line-height: 102px !important;
}
mat-icon.s-104 {
  font-size: 104px !important;
  width: 104px !important;
  height: 104px !important;
  min-width: 104px !important;
  min-height: 104px !important;
  line-height: 104px !important;
}
mat-icon.s-106 {
  font-size: 106px !important;
  width: 106px !important;
  height: 106px !important;
  min-width: 106px !important;
  min-height: 106px !important;
  line-height: 106px !important;
}
mat-icon.s-108 {
  font-size: 108px !important;
  width: 108px !important;
  height: 108px !important;
  min-width: 108px !important;
  min-height: 108px !important;
  line-height: 108px !important;
}
mat-icon.s-110 {
  font-size: 110px !important;
  width: 110px !important;
  height: 110px !important;
  min-width: 110px !important;
  min-height: 110px !important;
  line-height: 110px !important;
}
mat-icon.s-112 {
  font-size: 112px !important;
  width: 112px !important;
  height: 112px !important;
  min-width: 112px !important;
  min-height: 112px !important;
  line-height: 112px !important;
}
mat-icon.s-114 {
  font-size: 114px !important;
  width: 114px !important;
  height: 114px !important;
  min-width: 114px !important;
  min-height: 114px !important;
  line-height: 114px !important;
}
mat-icon.s-116 {
  font-size: 116px !important;
  width: 116px !important;
  height: 116px !important;
  min-width: 116px !important;
  min-height: 116px !important;
  line-height: 116px !important;
}
mat-icon.s-118 {
  font-size: 118px !important;
  width: 118px !important;
  height: 118px !important;
  min-width: 118px !important;
  min-height: 118px !important;
  line-height: 118px !important;
}
mat-icon.s-120 {
  font-size: 120px !important;
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  line-height: 120px !important;
}
mat-icon.s-122 {
  font-size: 122px !important;
  width: 122px !important;
  height: 122px !important;
  min-width: 122px !important;
  min-height: 122px !important;
  line-height: 122px !important;
}
mat-icon.s-124 {
  font-size: 124px !important;
  width: 124px !important;
  height: 124px !important;
  min-width: 124px !important;
  min-height: 124px !important;
  line-height: 124px !important;
}
mat-icon.s-126 {
  font-size: 126px !important;
  width: 126px !important;
  height: 126px !important;
  min-width: 126px !important;
  min-height: 126px !important;
  line-height: 126px !important;
}
mat-icon.s-128 {
  font-size: 128px !important;
  width: 128px !important;
  height: 128px !important;
  min-width: 128px !important;
  min-height: 128px !important;
  line-height: 128px !important;
}
mat-icon.s-130 {
  font-size: 130px !important;
  width: 130px !important;
  height: 130px !important;
  min-width: 130px !important;
  min-height: 130px !important;
  line-height: 130px !important;
}
mat-icon.s-132 {
  font-size: 132px !important;
  width: 132px !important;
  height: 132px !important;
  min-width: 132px !important;
  min-height: 132px !important;
  line-height: 132px !important;
}
mat-icon.s-134 {
  font-size: 134px !important;
  width: 134px !important;
  height: 134px !important;
  min-width: 134px !important;
  min-height: 134px !important;
  line-height: 134px !important;
}
mat-icon.s-136 {
  font-size: 136px !important;
  width: 136px !important;
  height: 136px !important;
  min-width: 136px !important;
  min-height: 136px !important;
  line-height: 136px !important;
}
mat-icon.s-138 {
  font-size: 138px !important;
  width: 138px !important;
  height: 138px !important;
  min-width: 138px !important;
  min-height: 138px !important;
  line-height: 138px !important;
}
mat-icon.s-140 {
  font-size: 140px !important;
  width: 140px !important;
  height: 140px !important;
  min-width: 140px !important;
  min-height: 140px !important;
  line-height: 140px !important;
}
mat-icon.s-142 {
  font-size: 142px !important;
  width: 142px !important;
  height: 142px !important;
  min-width: 142px !important;
  min-height: 142px !important;
  line-height: 142px !important;
}
mat-icon.s-144 {
  font-size: 144px !important;
  width: 144px !important;
  height: 144px !important;
  min-width: 144px !important;
  min-height: 144px !important;
  line-height: 144px !important;
}
mat-icon.s-146 {
  font-size: 146px !important;
  width: 146px !important;
  height: 146px !important;
  min-width: 146px !important;
  min-height: 146px !important;
  line-height: 146px !important;
}
mat-icon.s-148 {
  font-size: 148px !important;
  width: 148px !important;
  height: 148px !important;
  min-width: 148px !important;
  min-height: 148px !important;
  line-height: 148px !important;
}
mat-icon.s-150 {
  font-size: 150px !important;
  width: 150px !important;
  height: 150px !important;
  min-width: 150px !important;
  min-height: 150px !important;
  line-height: 150px !important;
}
mat-icon.s-152 {
  font-size: 152px !important;
  width: 152px !important;
  height: 152px !important;
  min-width: 152px !important;
  min-height: 152px !important;
  line-height: 152px !important;
}
mat-icon.s-154 {
  font-size: 154px !important;
  width: 154px !important;
  height: 154px !important;
  min-width: 154px !important;
  min-height: 154px !important;
  line-height: 154px !important;
}
mat-icon.s-156 {
  font-size: 156px !important;
  width: 156px !important;
  height: 156px !important;
  min-width: 156px !important;
  min-height: 156px !important;
  line-height: 156px !important;
}
mat-icon.s-158 {
  font-size: 158px !important;
  width: 158px !important;
  height: 158px !important;
  min-width: 158px !important;
  min-height: 158px !important;
  line-height: 158px !important;
}
mat-icon.s-160 {
  font-size: 160px !important;
  width: 160px !important;
  height: 160px !important;
  min-width: 160px !important;
  min-height: 160px !important;
  line-height: 160px !important;
}
mat-icon.s-162 {
  font-size: 162px !important;
  width: 162px !important;
  height: 162px !important;
  min-width: 162px !important;
  min-height: 162px !important;
  line-height: 162px !important;
}
mat-icon.s-164 {
  font-size: 164px !important;
  width: 164px !important;
  height: 164px !important;
  min-width: 164px !important;
  min-height: 164px !important;
  line-height: 164px !important;
}
mat-icon.s-166 {
  font-size: 166px !important;
  width: 166px !important;
  height: 166px !important;
  min-width: 166px !important;
  min-height: 166px !important;
  line-height: 166px !important;
}
mat-icon.s-168 {
  font-size: 168px !important;
  width: 168px !important;
  height: 168px !important;
  min-width: 168px !important;
  min-height: 168px !important;
  line-height: 168px !important;
}
mat-icon.s-170 {
  font-size: 170px !important;
  width: 170px !important;
  height: 170px !important;
  min-width: 170px !important;
  min-height: 170px !important;
  line-height: 170px !important;
}
mat-icon.s-172 {
  font-size: 172px !important;
  width: 172px !important;
  height: 172px !important;
  min-width: 172px !important;
  min-height: 172px !important;
  line-height: 172px !important;
}
mat-icon.s-174 {
  font-size: 174px !important;
  width: 174px !important;
  height: 174px !important;
  min-width: 174px !important;
  min-height: 174px !important;
  line-height: 174px !important;
}
mat-icon.s-176 {
  font-size: 176px !important;
  width: 176px !important;
  height: 176px !important;
  min-width: 176px !important;
  min-height: 176px !important;
  line-height: 176px !important;
}
mat-icon.s-178 {
  font-size: 178px !important;
  width: 178px !important;
  height: 178px !important;
  min-width: 178px !important;
  min-height: 178px !important;
  line-height: 178px !important;
}
mat-icon.s-180 {
  font-size: 180px !important;
  width: 180px !important;
  height: 180px !important;
  min-width: 180px !important;
  min-height: 180px !important;
  line-height: 180px !important;
}
mat-icon.s-182 {
  font-size: 182px !important;
  width: 182px !important;
  height: 182px !important;
  min-width: 182px !important;
  min-height: 182px !important;
  line-height: 182px !important;
}
mat-icon.s-184 {
  font-size: 184px !important;
  width: 184px !important;
  height: 184px !important;
  min-width: 184px !important;
  min-height: 184px !important;
  line-height: 184px !important;
}
mat-icon.s-186 {
  font-size: 186px !important;
  width: 186px !important;
  height: 186px !important;
  min-width: 186px !important;
  min-height: 186px !important;
  line-height: 186px !important;
}
mat-icon.s-188 {
  font-size: 188px !important;
  width: 188px !important;
  height: 188px !important;
  min-width: 188px !important;
  min-height: 188px !important;
  line-height: 188px !important;
}
mat-icon.s-190 {
  font-size: 190px !important;
  width: 190px !important;
  height: 190px !important;
  min-width: 190px !important;
  min-height: 190px !important;
  line-height: 190px !important;
}
mat-icon.s-192 {
  font-size: 192px !important;
  width: 192px !important;
  height: 192px !important;
  min-width: 192px !important;
  min-height: 192px !important;
  line-height: 192px !important;
}
mat-icon.s-194 {
  font-size: 194px !important;
  width: 194px !important;
  height: 194px !important;
  min-width: 194px !important;
  min-height: 194px !important;
  line-height: 194px !important;
}
mat-icon.s-196 {
  font-size: 196px !important;
  width: 196px !important;
  height: 196px !important;
  min-width: 196px !important;
  min-height: 196px !important;
  line-height: 196px !important;
}
mat-icon.s-198 {
  font-size: 198px !important;
  width: 198px !important;
  height: 198px !important;
  min-width: 198px !important;
  min-height: 198px !important;
  line-height: 198px !important;
}
mat-icon.s-200 {
  font-size: 200px !important;
  width: 200px !important;
  height: 200px !important;
  min-width: 200px !important;
  min-height: 200px !important;
  line-height: 200px !important;
}
mat-icon.s-202 {
  font-size: 202px !important;
  width: 202px !important;
  height: 202px !important;
  min-width: 202px !important;
  min-height: 202px !important;
  line-height: 202px !important;
}
mat-icon.s-204 {
  font-size: 204px !important;
  width: 204px !important;
  height: 204px !important;
  min-width: 204px !important;
  min-height: 204px !important;
  line-height: 204px !important;
}
mat-icon.s-206 {
  font-size: 206px !important;
  width: 206px !important;
  height: 206px !important;
  min-width: 206px !important;
  min-height: 206px !important;
  line-height: 206px !important;
}
mat-icon.s-208 {
  font-size: 208px !important;
  width: 208px !important;
  height: 208px !important;
  min-width: 208px !important;
  min-height: 208px !important;
  line-height: 208px !important;
}
mat-icon.s-210 {
  font-size: 210px !important;
  width: 210px !important;
  height: 210px !important;
  min-width: 210px !important;
  min-height: 210px !important;
  line-height: 210px !important;
}
mat-icon.s-212 {
  font-size: 212px !important;
  width: 212px !important;
  height: 212px !important;
  min-width: 212px !important;
  min-height: 212px !important;
  line-height: 212px !important;
}
mat-icon.s-214 {
  font-size: 214px !important;
  width: 214px !important;
  height: 214px !important;
  min-width: 214px !important;
  min-height: 214px !important;
  line-height: 214px !important;
}
mat-icon.s-216 {
  font-size: 216px !important;
  width: 216px !important;
  height: 216px !important;
  min-width: 216px !important;
  min-height: 216px !important;
  line-height: 216px !important;
}
mat-icon.s-218 {
  font-size: 218px !important;
  width: 218px !important;
  height: 218px !important;
  min-width: 218px !important;
  min-height: 218px !important;
  line-height: 218px !important;
}
mat-icon.s-220 {
  font-size: 220px !important;
  width: 220px !important;
  height: 220px !important;
  min-width: 220px !important;
  min-height: 220px !important;
  line-height: 220px !important;
}
mat-icon.s-222 {
  font-size: 222px !important;
  width: 222px !important;
  height: 222px !important;
  min-width: 222px !important;
  min-height: 222px !important;
  line-height: 222px !important;
}
mat-icon.s-224 {
  font-size: 224px !important;
  width: 224px !important;
  height: 224px !important;
  min-width: 224px !important;
  min-height: 224px !important;
  line-height: 224px !important;
}
mat-icon.s-226 {
  font-size: 226px !important;
  width: 226px !important;
  height: 226px !important;
  min-width: 226px !important;
  min-height: 226px !important;
  line-height: 226px !important;
}
mat-icon.s-228 {
  font-size: 228px !important;
  width: 228px !important;
  height: 228px !important;
  min-width: 228px !important;
  min-height: 228px !important;
  line-height: 228px !important;
}
mat-icon.s-230 {
  font-size: 230px !important;
  width: 230px !important;
  height: 230px !important;
  min-width: 230px !important;
  min-height: 230px !important;
  line-height: 230px !important;
}
mat-icon.s-232 {
  font-size: 232px !important;
  width: 232px !important;
  height: 232px !important;
  min-width: 232px !important;
  min-height: 232px !important;
  line-height: 232px !important;
}
mat-icon.s-234 {
  font-size: 234px !important;
  width: 234px !important;
  height: 234px !important;
  min-width: 234px !important;
  min-height: 234px !important;
  line-height: 234px !important;
}
mat-icon.s-236 {
  font-size: 236px !important;
  width: 236px !important;
  height: 236px !important;
  min-width: 236px !important;
  min-height: 236px !important;
  line-height: 236px !important;
}
mat-icon.s-238 {
  font-size: 238px !important;
  width: 238px !important;
  height: 238px !important;
  min-width: 238px !important;
  min-height: 238px !important;
  line-height: 238px !important;
}
mat-icon.s-240 {
  font-size: 240px !important;
  width: 240px !important;
  height: 240px !important;
  min-width: 240px !important;
  min-height: 240px !important;
  line-height: 240px !important;
}
mat-icon.s-242 {
  font-size: 242px !important;
  width: 242px !important;
  height: 242px !important;
  min-width: 242px !important;
  min-height: 242px !important;
  line-height: 242px !important;
}
mat-icon.s-244 {
  font-size: 244px !important;
  width: 244px !important;
  height: 244px !important;
  min-width: 244px !important;
  min-height: 244px !important;
  line-height: 244px !important;
}
mat-icon.s-246 {
  font-size: 246px !important;
  width: 246px !important;
  height: 246px !important;
  min-width: 246px !important;
  min-height: 246px !important;
  line-height: 246px !important;
}
mat-icon.s-248 {
  font-size: 248px !important;
  width: 248px !important;
  height: 248px !important;
  min-width: 248px !important;
  min-height: 248px !important;
  line-height: 248px !important;
}
mat-icon.s-250 {
  font-size: 250px !important;
  width: 250px !important;
  height: 250px !important;
  min-width: 250px !important;
  min-height: 250px !important;
  line-height: 250px !important;
}
mat-icon.s-252 {
  font-size: 252px !important;
  width: 252px !important;
  height: 252px !important;
  min-width: 252px !important;
  min-height: 252px !important;
  line-height: 252px !important;
}
mat-icon.s-254 {
  font-size: 254px !important;
  width: 254px !important;
  height: 254px !important;
  min-width: 254px !important;
  min-height: 254px !important;
  line-height: 254px !important;
}
mat-icon.s-256 {
  font-size: 256px !important;
  width: 256px !important;
  height: 256px !important;
  min-width: 256px !important;
  min-height: 256px !important;
  line-height: 256px !important;
}
@media screen and (max-width: 639px) {
  mat-icon.s-xs-4 {
    font-size: 4px !important;
    width: 4px !important;
    height: 4px !important;
    min-width: 4px !important;
    min-height: 4px !important;
    line-height: 4px !important;
  }
  mat-icon.s-xs-6 {
    font-size: 6px !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    min-height: 6px !important;
    line-height: 6px !important;
  }
  mat-icon.s-xs-8 {
    font-size: 8px !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    line-height: 8px !important;
  }
  mat-icon.s-xs-10 {
    font-size: 10px !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 10px !important;
  }
  mat-icon.s-xs-12 {
    font-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    line-height: 12px !important;
  }
  mat-icon.s-xs-14 {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    line-height: 14px !important;
  }
  mat-icon.s-xs-16 {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    line-height: 16px !important;
  }
  mat-icon.s-xs-18 {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
  }
  mat-icon.s-xs-20 {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    line-height: 20px !important;
  }
  mat-icon.s-xs-22 {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
  }
  mat-icon.s-xs-24 {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important;
  }
  mat-icon.s-xs-26 {
    font-size: 26px !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    line-height: 26px !important;
  }
  mat-icon.s-xs-28 {
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    line-height: 28px !important;
  }
  mat-icon.s-xs-30 {
    font-size: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
  }
  mat-icon.s-xs-32 {
    font-size: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
  }
  mat-icon.s-xs-34 {
    font-size: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
  }
  mat-icon.s-xs-36 {
    font-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
  }
  mat-icon.s-xs-38 {
    font-size: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important;
  }
  mat-icon.s-xs-40 {
    font-size: 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
  }
  mat-icon.s-xs-42 {
    font-size: 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important;
  }
  mat-icon.s-xs-44 {
    font-size: 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
  }
  mat-icon.s-xs-46 {
    font-size: 46px !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    line-height: 46px !important;
  }
  mat-icon.s-xs-48 {
    font-size: 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
  }
  mat-icon.s-xs-50 {
    font-size: 50px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important;
  }
  mat-icon.s-xs-52 {
    font-size: 52px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    line-height: 52px !important;
  }
  mat-icon.s-xs-54 {
    font-size: 54px !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    line-height: 54px !important;
  }
  mat-icon.s-xs-56 {
    font-size: 56px !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    line-height: 56px !important;
  }
  mat-icon.s-xs-58 {
    font-size: 58px !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    line-height: 58px !important;
  }
  mat-icon.s-xs-60 {
    font-size: 60px !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    line-height: 60px !important;
  }
  mat-icon.s-xs-62 {
    font-size: 62px !important;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    line-height: 62px !important;
  }
  mat-icon.s-xs-64 {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    line-height: 64px !important;
  }
  mat-icon.s-xs-66 {
    font-size: 66px !important;
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    line-height: 66px !important;
  }
  mat-icon.s-xs-68 {
    font-size: 68px !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    line-height: 68px !important;
  }
  mat-icon.s-xs-70 {
    font-size: 70px !important;
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    line-height: 70px !important;
  }
  mat-icon.s-xs-72 {
    font-size: 72px !important;
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    line-height: 72px !important;
  }
  mat-icon.s-xs-74 {
    font-size: 74px !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    line-height: 74px !important;
  }
  mat-icon.s-xs-76 {
    font-size: 76px !important;
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
    line-height: 76px !important;
  }
  mat-icon.s-xs-78 {
    font-size: 78px !important;
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    min-height: 78px !important;
    line-height: 78px !important;
  }
  mat-icon.s-xs-80 {
    font-size: 80px !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    line-height: 80px !important;
  }
  mat-icon.s-xs-82 {
    font-size: 82px !important;
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    line-height: 82px !important;
  }
  mat-icon.s-xs-84 {
    font-size: 84px !important;
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    line-height: 84px !important;
  }
  mat-icon.s-xs-86 {
    font-size: 86px !important;
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    min-height: 86px !important;
    line-height: 86px !important;
  }
  mat-icon.s-xs-88 {
    font-size: 88px !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    line-height: 88px !important;
  }
  mat-icon.s-xs-90 {
    font-size: 90px !important;
    width: 90px !important;
    height: 90px !important;
    min-width: 90px !important;
    min-height: 90px !important;
    line-height: 90px !important;
  }
  mat-icon.s-xs-92 {
    font-size: 92px !important;
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    line-height: 92px !important;
  }
  mat-icon.s-xs-94 {
    font-size: 94px !important;
    width: 94px !important;
    height: 94px !important;
    min-width: 94px !important;
    min-height: 94px !important;
    line-height: 94px !important;
  }
  mat-icon.s-xs-96 {
    font-size: 96px !important;
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    line-height: 96px !important;
  }
  mat-icon.s-xs-98 {
    font-size: 98px !important;
    width: 98px !important;
    height: 98px !important;
    min-width: 98px !important;
    min-height: 98px !important;
    line-height: 98px !important;
  }
  mat-icon.s-xs-100 {
    font-size: 100px !important;
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    line-height: 100px !important;
  }
  mat-icon.s-xs-102 {
    font-size: 102px !important;
    width: 102px !important;
    height: 102px !important;
    min-width: 102px !important;
    min-height: 102px !important;
    line-height: 102px !important;
  }
  mat-icon.s-xs-104 {
    font-size: 104px !important;
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    line-height: 104px !important;
  }
  mat-icon.s-xs-106 {
    font-size: 106px !important;
    width: 106px !important;
    height: 106px !important;
    min-width: 106px !important;
    min-height: 106px !important;
    line-height: 106px !important;
  }
  mat-icon.s-xs-108 {
    font-size: 108px !important;
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
    line-height: 108px !important;
  }
  mat-icon.s-xs-110 {
    font-size: 110px !important;
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    line-height: 110px !important;
  }
  mat-icon.s-xs-112 {
    font-size: 112px !important;
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    line-height: 112px !important;
  }
  mat-icon.s-xs-114 {
    font-size: 114px !important;
    width: 114px !important;
    height: 114px !important;
    min-width: 114px !important;
    min-height: 114px !important;
    line-height: 114px !important;
  }
  mat-icon.s-xs-116 {
    font-size: 116px !important;
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    line-height: 116px !important;
  }
  mat-icon.s-xs-118 {
    font-size: 118px !important;
    width: 118px !important;
    height: 118px !important;
    min-width: 118px !important;
    min-height: 118px !important;
    line-height: 118px !important;
  }
  mat-icon.s-xs-120 {
    font-size: 120px !important;
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    line-height: 120px !important;
  }
  mat-icon.s-xs-122 {
    font-size: 122px !important;
    width: 122px !important;
    height: 122px !important;
    min-width: 122px !important;
    min-height: 122px !important;
    line-height: 122px !important;
  }
  mat-icon.s-xs-124 {
    font-size: 124px !important;
    width: 124px !important;
    height: 124px !important;
    min-width: 124px !important;
    min-height: 124px !important;
    line-height: 124px !important;
  }
  mat-icon.s-xs-126 {
    font-size: 126px !important;
    width: 126px !important;
    height: 126px !important;
    min-width: 126px !important;
    min-height: 126px !important;
    line-height: 126px !important;
  }
  mat-icon.s-xs-128 {
    font-size: 128px !important;
    width: 128px !important;
    height: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    line-height: 128px !important;
  }
  mat-icon.s-xs-130 {
    font-size: 130px !important;
    width: 130px !important;
    height: 130px !important;
    min-width: 130px !important;
    min-height: 130px !important;
    line-height: 130px !important;
  }
  mat-icon.s-xs-132 {
    font-size: 132px !important;
    width: 132px !important;
    height: 132px !important;
    min-width: 132px !important;
    min-height: 132px !important;
    line-height: 132px !important;
  }
  mat-icon.s-xs-134 {
    font-size: 134px !important;
    width: 134px !important;
    height: 134px !important;
    min-width: 134px !important;
    min-height: 134px !important;
    line-height: 134px !important;
  }
  mat-icon.s-xs-136 {
    font-size: 136px !important;
    width: 136px !important;
    height: 136px !important;
    min-width: 136px !important;
    min-height: 136px !important;
    line-height: 136px !important;
  }
  mat-icon.s-xs-138 {
    font-size: 138px !important;
    width: 138px !important;
    height: 138px !important;
    min-width: 138px !important;
    min-height: 138px !important;
    line-height: 138px !important;
  }
  mat-icon.s-xs-140 {
    font-size: 140px !important;
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    min-height: 140px !important;
    line-height: 140px !important;
  }
  mat-icon.s-xs-142 {
    font-size: 142px !important;
    width: 142px !important;
    height: 142px !important;
    min-width: 142px !important;
    min-height: 142px !important;
    line-height: 142px !important;
  }
  mat-icon.s-xs-144 {
    font-size: 144px !important;
    width: 144px !important;
    height: 144px !important;
    min-width: 144px !important;
    min-height: 144px !important;
    line-height: 144px !important;
  }
  mat-icon.s-xs-146 {
    font-size: 146px !important;
    width: 146px !important;
    height: 146px !important;
    min-width: 146px !important;
    min-height: 146px !important;
    line-height: 146px !important;
  }
  mat-icon.s-xs-148 {
    font-size: 148px !important;
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
    min-height: 148px !important;
    line-height: 148px !important;
  }
  mat-icon.s-xs-150 {
    font-size: 150px !important;
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    line-height: 150px !important;
  }
  mat-icon.s-xs-152 {
    font-size: 152px !important;
    width: 152px !important;
    height: 152px !important;
    min-width: 152px !important;
    min-height: 152px !important;
    line-height: 152px !important;
  }
  mat-icon.s-xs-154 {
    font-size: 154px !important;
    width: 154px !important;
    height: 154px !important;
    min-width: 154px !important;
    min-height: 154px !important;
    line-height: 154px !important;
  }
  mat-icon.s-xs-156 {
    font-size: 156px !important;
    width: 156px !important;
    height: 156px !important;
    min-width: 156px !important;
    min-height: 156px !important;
    line-height: 156px !important;
  }
  mat-icon.s-xs-158 {
    font-size: 158px !important;
    width: 158px !important;
    height: 158px !important;
    min-width: 158px !important;
    min-height: 158px !important;
    line-height: 158px !important;
  }
  mat-icon.s-xs-160 {
    font-size: 160px !important;
    width: 160px !important;
    height: 160px !important;
    min-width: 160px !important;
    min-height: 160px !important;
    line-height: 160px !important;
  }
  mat-icon.s-xs-162 {
    font-size: 162px !important;
    width: 162px !important;
    height: 162px !important;
    min-width: 162px !important;
    min-height: 162px !important;
    line-height: 162px !important;
  }
  mat-icon.s-xs-164 {
    font-size: 164px !important;
    width: 164px !important;
    height: 164px !important;
    min-width: 164px !important;
    min-height: 164px !important;
    line-height: 164px !important;
  }
  mat-icon.s-xs-166 {
    font-size: 166px !important;
    width: 166px !important;
    height: 166px !important;
    min-width: 166px !important;
    min-height: 166px !important;
    line-height: 166px !important;
  }
  mat-icon.s-xs-168 {
    font-size: 168px !important;
    width: 168px !important;
    height: 168px !important;
    min-width: 168px !important;
    min-height: 168px !important;
    line-height: 168px !important;
  }
  mat-icon.s-xs-170 {
    font-size: 170px !important;
    width: 170px !important;
    height: 170px !important;
    min-width: 170px !important;
    min-height: 170px !important;
    line-height: 170px !important;
  }
  mat-icon.s-xs-172 {
    font-size: 172px !important;
    width: 172px !important;
    height: 172px !important;
    min-width: 172px !important;
    min-height: 172px !important;
    line-height: 172px !important;
  }
  mat-icon.s-xs-174 {
    font-size: 174px !important;
    width: 174px !important;
    height: 174px !important;
    min-width: 174px !important;
    min-height: 174px !important;
    line-height: 174px !important;
  }
  mat-icon.s-xs-176 {
    font-size: 176px !important;
    width: 176px !important;
    height: 176px !important;
    min-width: 176px !important;
    min-height: 176px !important;
    line-height: 176px !important;
  }
  mat-icon.s-xs-178 {
    font-size: 178px !important;
    width: 178px !important;
    height: 178px !important;
    min-width: 178px !important;
    min-height: 178px !important;
    line-height: 178px !important;
  }
  mat-icon.s-xs-180 {
    font-size: 180px !important;
    width: 180px !important;
    height: 180px !important;
    min-width: 180px !important;
    min-height: 180px !important;
    line-height: 180px !important;
  }
  mat-icon.s-xs-182 {
    font-size: 182px !important;
    width: 182px !important;
    height: 182px !important;
    min-width: 182px !important;
    min-height: 182px !important;
    line-height: 182px !important;
  }
  mat-icon.s-xs-184 {
    font-size: 184px !important;
    width: 184px !important;
    height: 184px !important;
    min-width: 184px !important;
    min-height: 184px !important;
    line-height: 184px !important;
  }
  mat-icon.s-xs-186 {
    font-size: 186px !important;
    width: 186px !important;
    height: 186px !important;
    min-width: 186px !important;
    min-height: 186px !important;
    line-height: 186px !important;
  }
  mat-icon.s-xs-188 {
    font-size: 188px !important;
    width: 188px !important;
    height: 188px !important;
    min-width: 188px !important;
    min-height: 188px !important;
    line-height: 188px !important;
  }
  mat-icon.s-xs-190 {
    font-size: 190px !important;
    width: 190px !important;
    height: 190px !important;
    min-width: 190px !important;
    min-height: 190px !important;
    line-height: 190px !important;
  }
  mat-icon.s-xs-192 {
    font-size: 192px !important;
    width: 192px !important;
    height: 192px !important;
    min-width: 192px !important;
    min-height: 192px !important;
    line-height: 192px !important;
  }
  mat-icon.s-xs-194 {
    font-size: 194px !important;
    width: 194px !important;
    height: 194px !important;
    min-width: 194px !important;
    min-height: 194px !important;
    line-height: 194px !important;
  }
  mat-icon.s-xs-196 {
    font-size: 196px !important;
    width: 196px !important;
    height: 196px !important;
    min-width: 196px !important;
    min-height: 196px !important;
    line-height: 196px !important;
  }
  mat-icon.s-xs-198 {
    font-size: 198px !important;
    width: 198px !important;
    height: 198px !important;
    min-width: 198px !important;
    min-height: 198px !important;
    line-height: 198px !important;
  }
  mat-icon.s-xs-200 {
    font-size: 200px !important;
    width: 200px !important;
    height: 200px !important;
    min-width: 200px !important;
    min-height: 200px !important;
    line-height: 200px !important;
  }
  mat-icon.s-xs-202 {
    font-size: 202px !important;
    width: 202px !important;
    height: 202px !important;
    min-width: 202px !important;
    min-height: 202px !important;
    line-height: 202px !important;
  }
  mat-icon.s-xs-204 {
    font-size: 204px !important;
    width: 204px !important;
    height: 204px !important;
    min-width: 204px !important;
    min-height: 204px !important;
    line-height: 204px !important;
  }
  mat-icon.s-xs-206 {
    font-size: 206px !important;
    width: 206px !important;
    height: 206px !important;
    min-width: 206px !important;
    min-height: 206px !important;
    line-height: 206px !important;
  }
  mat-icon.s-xs-208 {
    font-size: 208px !important;
    width: 208px !important;
    height: 208px !important;
    min-width: 208px !important;
    min-height: 208px !important;
    line-height: 208px !important;
  }
  mat-icon.s-xs-210 {
    font-size: 210px !important;
    width: 210px !important;
    height: 210px !important;
    min-width: 210px !important;
    min-height: 210px !important;
    line-height: 210px !important;
  }
  mat-icon.s-xs-212 {
    font-size: 212px !important;
    width: 212px !important;
    height: 212px !important;
    min-width: 212px !important;
    min-height: 212px !important;
    line-height: 212px !important;
  }
  mat-icon.s-xs-214 {
    font-size: 214px !important;
    width: 214px !important;
    height: 214px !important;
    min-width: 214px !important;
    min-height: 214px !important;
    line-height: 214px !important;
  }
  mat-icon.s-xs-216 {
    font-size: 216px !important;
    width: 216px !important;
    height: 216px !important;
    min-width: 216px !important;
    min-height: 216px !important;
    line-height: 216px !important;
  }
  mat-icon.s-xs-218 {
    font-size: 218px !important;
    width: 218px !important;
    height: 218px !important;
    min-width: 218px !important;
    min-height: 218px !important;
    line-height: 218px !important;
  }
  mat-icon.s-xs-220 {
    font-size: 220px !important;
    width: 220px !important;
    height: 220px !important;
    min-width: 220px !important;
    min-height: 220px !important;
    line-height: 220px !important;
  }
  mat-icon.s-xs-222 {
    font-size: 222px !important;
    width: 222px !important;
    height: 222px !important;
    min-width: 222px !important;
    min-height: 222px !important;
    line-height: 222px !important;
  }
  mat-icon.s-xs-224 {
    font-size: 224px !important;
    width: 224px !important;
    height: 224px !important;
    min-width: 224px !important;
    min-height: 224px !important;
    line-height: 224px !important;
  }
  mat-icon.s-xs-226 {
    font-size: 226px !important;
    width: 226px !important;
    height: 226px !important;
    min-width: 226px !important;
    min-height: 226px !important;
    line-height: 226px !important;
  }
  mat-icon.s-xs-228 {
    font-size: 228px !important;
    width: 228px !important;
    height: 228px !important;
    min-width: 228px !important;
    min-height: 228px !important;
    line-height: 228px !important;
  }
  mat-icon.s-xs-230 {
    font-size: 230px !important;
    width: 230px !important;
    height: 230px !important;
    min-width: 230px !important;
    min-height: 230px !important;
    line-height: 230px !important;
  }
  mat-icon.s-xs-232 {
    font-size: 232px !important;
    width: 232px !important;
    height: 232px !important;
    min-width: 232px !important;
    min-height: 232px !important;
    line-height: 232px !important;
  }
  mat-icon.s-xs-234 {
    font-size: 234px !important;
    width: 234px !important;
    height: 234px !important;
    min-width: 234px !important;
    min-height: 234px !important;
    line-height: 234px !important;
  }
  mat-icon.s-xs-236 {
    font-size: 236px !important;
    width: 236px !important;
    height: 236px !important;
    min-width: 236px !important;
    min-height: 236px !important;
    line-height: 236px !important;
  }
  mat-icon.s-xs-238 {
    font-size: 238px !important;
    width: 238px !important;
    height: 238px !important;
    min-width: 238px !important;
    min-height: 238px !important;
    line-height: 238px !important;
  }
  mat-icon.s-xs-240 {
    font-size: 240px !important;
    width: 240px !important;
    height: 240px !important;
    min-width: 240px !important;
    min-height: 240px !important;
    line-height: 240px !important;
  }
  mat-icon.s-xs-242 {
    font-size: 242px !important;
    width: 242px !important;
    height: 242px !important;
    min-width: 242px !important;
    min-height: 242px !important;
    line-height: 242px !important;
  }
  mat-icon.s-xs-244 {
    font-size: 244px !important;
    width: 244px !important;
    height: 244px !important;
    min-width: 244px !important;
    min-height: 244px !important;
    line-height: 244px !important;
  }
  mat-icon.s-xs-246 {
    font-size: 246px !important;
    width: 246px !important;
    height: 246px !important;
    min-width: 246px !important;
    min-height: 246px !important;
    line-height: 246px !important;
  }
  mat-icon.s-xs-248 {
    font-size: 248px !important;
    width: 248px !important;
    height: 248px !important;
    min-width: 248px !important;
    min-height: 248px !important;
    line-height: 248px !important;
  }
  mat-icon.s-xs-250 {
    font-size: 250px !important;
    width: 250px !important;
    height: 250px !important;
    min-width: 250px !important;
    min-height: 250px !important;
    line-height: 250px !important;
  }
  mat-icon.s-xs-252 {
    font-size: 252px !important;
    width: 252px !important;
    height: 252px !important;
    min-width: 252px !important;
    min-height: 252px !important;
    line-height: 252px !important;
  }
  mat-icon.s-xs-254 {
    font-size: 254px !important;
    width: 254px !important;
    height: 254px !important;
    min-width: 254px !important;
    min-height: 254px !important;
    line-height: 254px !important;
  }
  mat-icon.s-xs-256 {
    font-size: 256px !important;
    width: 256px !important;
    height: 256px !important;
    min-width: 256px !important;
    min-height: 256px !important;
    line-height: 256px !important;
  }
}
@media screen and (min-width: 640px) {
  mat-icon.s-sm-4 {
    font-size: 4px !important;
    width: 4px !important;
    height: 4px !important;
    min-width: 4px !important;
    min-height: 4px !important;
    line-height: 4px !important;
  }
  mat-icon.s-sm-6 {
    font-size: 6px !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    min-height: 6px !important;
    line-height: 6px !important;
  }
  mat-icon.s-sm-8 {
    font-size: 8px !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    line-height: 8px !important;
  }
  mat-icon.s-sm-10 {
    font-size: 10px !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 10px !important;
  }
  mat-icon.s-sm-12 {
    font-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    line-height: 12px !important;
  }
  mat-icon.s-sm-14 {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    line-height: 14px !important;
  }
  mat-icon.s-sm-16 {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    line-height: 16px !important;
  }
  mat-icon.s-sm-18 {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
  }
  mat-icon.s-sm-20 {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    line-height: 20px !important;
  }
  mat-icon.s-sm-22 {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
  }
  mat-icon.s-sm-24 {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important;
  }
  mat-icon.s-sm-26 {
    font-size: 26px !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    line-height: 26px !important;
  }
  mat-icon.s-sm-28 {
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    line-height: 28px !important;
  }
  mat-icon.s-sm-30 {
    font-size: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
  }
  mat-icon.s-sm-32 {
    font-size: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
  }
  mat-icon.s-sm-34 {
    font-size: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
  }
  mat-icon.s-sm-36 {
    font-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
  }
  mat-icon.s-sm-38 {
    font-size: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important;
  }
  mat-icon.s-sm-40 {
    font-size: 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
  }
  mat-icon.s-sm-42 {
    font-size: 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important;
  }
  mat-icon.s-sm-44 {
    font-size: 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
  }
  mat-icon.s-sm-46 {
    font-size: 46px !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    line-height: 46px !important;
  }
  mat-icon.s-sm-48 {
    font-size: 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
  }
  mat-icon.s-sm-50 {
    font-size: 50px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important;
  }
  mat-icon.s-sm-52 {
    font-size: 52px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    line-height: 52px !important;
  }
  mat-icon.s-sm-54 {
    font-size: 54px !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    line-height: 54px !important;
  }
  mat-icon.s-sm-56 {
    font-size: 56px !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    line-height: 56px !important;
  }
  mat-icon.s-sm-58 {
    font-size: 58px !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    line-height: 58px !important;
  }
  mat-icon.s-sm-60 {
    font-size: 60px !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    line-height: 60px !important;
  }
  mat-icon.s-sm-62 {
    font-size: 62px !important;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    line-height: 62px !important;
  }
  mat-icon.s-sm-64 {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    line-height: 64px !important;
  }
  mat-icon.s-sm-66 {
    font-size: 66px !important;
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    line-height: 66px !important;
  }
  mat-icon.s-sm-68 {
    font-size: 68px !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    line-height: 68px !important;
  }
  mat-icon.s-sm-70 {
    font-size: 70px !important;
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    line-height: 70px !important;
  }
  mat-icon.s-sm-72 {
    font-size: 72px !important;
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    line-height: 72px !important;
  }
  mat-icon.s-sm-74 {
    font-size: 74px !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    line-height: 74px !important;
  }
  mat-icon.s-sm-76 {
    font-size: 76px !important;
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
    line-height: 76px !important;
  }
  mat-icon.s-sm-78 {
    font-size: 78px !important;
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    min-height: 78px !important;
    line-height: 78px !important;
  }
  mat-icon.s-sm-80 {
    font-size: 80px !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    line-height: 80px !important;
  }
  mat-icon.s-sm-82 {
    font-size: 82px !important;
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    line-height: 82px !important;
  }
  mat-icon.s-sm-84 {
    font-size: 84px !important;
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    line-height: 84px !important;
  }
  mat-icon.s-sm-86 {
    font-size: 86px !important;
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    min-height: 86px !important;
    line-height: 86px !important;
  }
  mat-icon.s-sm-88 {
    font-size: 88px !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    line-height: 88px !important;
  }
  mat-icon.s-sm-90 {
    font-size: 90px !important;
    width: 90px !important;
    height: 90px !important;
    min-width: 90px !important;
    min-height: 90px !important;
    line-height: 90px !important;
  }
  mat-icon.s-sm-92 {
    font-size: 92px !important;
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    line-height: 92px !important;
  }
  mat-icon.s-sm-94 {
    font-size: 94px !important;
    width: 94px !important;
    height: 94px !important;
    min-width: 94px !important;
    min-height: 94px !important;
    line-height: 94px !important;
  }
  mat-icon.s-sm-96 {
    font-size: 96px !important;
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    line-height: 96px !important;
  }
  mat-icon.s-sm-98 {
    font-size: 98px !important;
    width: 98px !important;
    height: 98px !important;
    min-width: 98px !important;
    min-height: 98px !important;
    line-height: 98px !important;
  }
  mat-icon.s-sm-100 {
    font-size: 100px !important;
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    line-height: 100px !important;
  }
  mat-icon.s-sm-102 {
    font-size: 102px !important;
    width: 102px !important;
    height: 102px !important;
    min-width: 102px !important;
    min-height: 102px !important;
    line-height: 102px !important;
  }
  mat-icon.s-sm-104 {
    font-size: 104px !important;
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    line-height: 104px !important;
  }
  mat-icon.s-sm-106 {
    font-size: 106px !important;
    width: 106px !important;
    height: 106px !important;
    min-width: 106px !important;
    min-height: 106px !important;
    line-height: 106px !important;
  }
  mat-icon.s-sm-108 {
    font-size: 108px !important;
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
    line-height: 108px !important;
  }
  mat-icon.s-sm-110 {
    font-size: 110px !important;
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    line-height: 110px !important;
  }
  mat-icon.s-sm-112 {
    font-size: 112px !important;
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    line-height: 112px !important;
  }
  mat-icon.s-sm-114 {
    font-size: 114px !important;
    width: 114px !important;
    height: 114px !important;
    min-width: 114px !important;
    min-height: 114px !important;
    line-height: 114px !important;
  }
  mat-icon.s-sm-116 {
    font-size: 116px !important;
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    line-height: 116px !important;
  }
  mat-icon.s-sm-118 {
    font-size: 118px !important;
    width: 118px !important;
    height: 118px !important;
    min-width: 118px !important;
    min-height: 118px !important;
    line-height: 118px !important;
  }
  mat-icon.s-sm-120 {
    font-size: 120px !important;
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    line-height: 120px !important;
  }
  mat-icon.s-sm-122 {
    font-size: 122px !important;
    width: 122px !important;
    height: 122px !important;
    min-width: 122px !important;
    min-height: 122px !important;
    line-height: 122px !important;
  }
  mat-icon.s-sm-124 {
    font-size: 124px !important;
    width: 124px !important;
    height: 124px !important;
    min-width: 124px !important;
    min-height: 124px !important;
    line-height: 124px !important;
  }
  mat-icon.s-sm-126 {
    font-size: 126px !important;
    width: 126px !important;
    height: 126px !important;
    min-width: 126px !important;
    min-height: 126px !important;
    line-height: 126px !important;
  }
  mat-icon.s-sm-128 {
    font-size: 128px !important;
    width: 128px !important;
    height: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    line-height: 128px !important;
  }
  mat-icon.s-sm-130 {
    font-size: 130px !important;
    width: 130px !important;
    height: 130px !important;
    min-width: 130px !important;
    min-height: 130px !important;
    line-height: 130px !important;
  }
  mat-icon.s-sm-132 {
    font-size: 132px !important;
    width: 132px !important;
    height: 132px !important;
    min-width: 132px !important;
    min-height: 132px !important;
    line-height: 132px !important;
  }
  mat-icon.s-sm-134 {
    font-size: 134px !important;
    width: 134px !important;
    height: 134px !important;
    min-width: 134px !important;
    min-height: 134px !important;
    line-height: 134px !important;
  }
  mat-icon.s-sm-136 {
    font-size: 136px !important;
    width: 136px !important;
    height: 136px !important;
    min-width: 136px !important;
    min-height: 136px !important;
    line-height: 136px !important;
  }
  mat-icon.s-sm-138 {
    font-size: 138px !important;
    width: 138px !important;
    height: 138px !important;
    min-width: 138px !important;
    min-height: 138px !important;
    line-height: 138px !important;
  }
  mat-icon.s-sm-140 {
    font-size: 140px !important;
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    min-height: 140px !important;
    line-height: 140px !important;
  }
  mat-icon.s-sm-142 {
    font-size: 142px !important;
    width: 142px !important;
    height: 142px !important;
    min-width: 142px !important;
    min-height: 142px !important;
    line-height: 142px !important;
  }
  mat-icon.s-sm-144 {
    font-size: 144px !important;
    width: 144px !important;
    height: 144px !important;
    min-width: 144px !important;
    min-height: 144px !important;
    line-height: 144px !important;
  }
  mat-icon.s-sm-146 {
    font-size: 146px !important;
    width: 146px !important;
    height: 146px !important;
    min-width: 146px !important;
    min-height: 146px !important;
    line-height: 146px !important;
  }
  mat-icon.s-sm-148 {
    font-size: 148px !important;
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
    min-height: 148px !important;
    line-height: 148px !important;
  }
  mat-icon.s-sm-150 {
    font-size: 150px !important;
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    line-height: 150px !important;
  }
  mat-icon.s-sm-152 {
    font-size: 152px !important;
    width: 152px !important;
    height: 152px !important;
    min-width: 152px !important;
    min-height: 152px !important;
    line-height: 152px !important;
  }
  mat-icon.s-sm-154 {
    font-size: 154px !important;
    width: 154px !important;
    height: 154px !important;
    min-width: 154px !important;
    min-height: 154px !important;
    line-height: 154px !important;
  }
  mat-icon.s-sm-156 {
    font-size: 156px !important;
    width: 156px !important;
    height: 156px !important;
    min-width: 156px !important;
    min-height: 156px !important;
    line-height: 156px !important;
  }
  mat-icon.s-sm-158 {
    font-size: 158px !important;
    width: 158px !important;
    height: 158px !important;
    min-width: 158px !important;
    min-height: 158px !important;
    line-height: 158px !important;
  }
  mat-icon.s-sm-160 {
    font-size: 160px !important;
    width: 160px !important;
    height: 160px !important;
    min-width: 160px !important;
    min-height: 160px !important;
    line-height: 160px !important;
  }
  mat-icon.s-sm-162 {
    font-size: 162px !important;
    width: 162px !important;
    height: 162px !important;
    min-width: 162px !important;
    min-height: 162px !important;
    line-height: 162px !important;
  }
  mat-icon.s-sm-164 {
    font-size: 164px !important;
    width: 164px !important;
    height: 164px !important;
    min-width: 164px !important;
    min-height: 164px !important;
    line-height: 164px !important;
  }
  mat-icon.s-sm-166 {
    font-size: 166px !important;
    width: 166px !important;
    height: 166px !important;
    min-width: 166px !important;
    min-height: 166px !important;
    line-height: 166px !important;
  }
  mat-icon.s-sm-168 {
    font-size: 168px !important;
    width: 168px !important;
    height: 168px !important;
    min-width: 168px !important;
    min-height: 168px !important;
    line-height: 168px !important;
  }
  mat-icon.s-sm-170 {
    font-size: 170px !important;
    width: 170px !important;
    height: 170px !important;
    min-width: 170px !important;
    min-height: 170px !important;
    line-height: 170px !important;
  }
  mat-icon.s-sm-172 {
    font-size: 172px !important;
    width: 172px !important;
    height: 172px !important;
    min-width: 172px !important;
    min-height: 172px !important;
    line-height: 172px !important;
  }
  mat-icon.s-sm-174 {
    font-size: 174px !important;
    width: 174px !important;
    height: 174px !important;
    min-width: 174px !important;
    min-height: 174px !important;
    line-height: 174px !important;
  }
  mat-icon.s-sm-176 {
    font-size: 176px !important;
    width: 176px !important;
    height: 176px !important;
    min-width: 176px !important;
    min-height: 176px !important;
    line-height: 176px !important;
  }
  mat-icon.s-sm-178 {
    font-size: 178px !important;
    width: 178px !important;
    height: 178px !important;
    min-width: 178px !important;
    min-height: 178px !important;
    line-height: 178px !important;
  }
  mat-icon.s-sm-180 {
    font-size: 180px !important;
    width: 180px !important;
    height: 180px !important;
    min-width: 180px !important;
    min-height: 180px !important;
    line-height: 180px !important;
  }
  mat-icon.s-sm-182 {
    font-size: 182px !important;
    width: 182px !important;
    height: 182px !important;
    min-width: 182px !important;
    min-height: 182px !important;
    line-height: 182px !important;
  }
  mat-icon.s-sm-184 {
    font-size: 184px !important;
    width: 184px !important;
    height: 184px !important;
    min-width: 184px !important;
    min-height: 184px !important;
    line-height: 184px !important;
  }
  mat-icon.s-sm-186 {
    font-size: 186px !important;
    width: 186px !important;
    height: 186px !important;
    min-width: 186px !important;
    min-height: 186px !important;
    line-height: 186px !important;
  }
  mat-icon.s-sm-188 {
    font-size: 188px !important;
    width: 188px !important;
    height: 188px !important;
    min-width: 188px !important;
    min-height: 188px !important;
    line-height: 188px !important;
  }
  mat-icon.s-sm-190 {
    font-size: 190px !important;
    width: 190px !important;
    height: 190px !important;
    min-width: 190px !important;
    min-height: 190px !important;
    line-height: 190px !important;
  }
  mat-icon.s-sm-192 {
    font-size: 192px !important;
    width: 192px !important;
    height: 192px !important;
    min-width: 192px !important;
    min-height: 192px !important;
    line-height: 192px !important;
  }
  mat-icon.s-sm-194 {
    font-size: 194px !important;
    width: 194px !important;
    height: 194px !important;
    min-width: 194px !important;
    min-height: 194px !important;
    line-height: 194px !important;
  }
  mat-icon.s-sm-196 {
    font-size: 196px !important;
    width: 196px !important;
    height: 196px !important;
    min-width: 196px !important;
    min-height: 196px !important;
    line-height: 196px !important;
  }
  mat-icon.s-sm-198 {
    font-size: 198px !important;
    width: 198px !important;
    height: 198px !important;
    min-width: 198px !important;
    min-height: 198px !important;
    line-height: 198px !important;
  }
  mat-icon.s-sm-200 {
    font-size: 200px !important;
    width: 200px !important;
    height: 200px !important;
    min-width: 200px !important;
    min-height: 200px !important;
    line-height: 200px !important;
  }
  mat-icon.s-sm-202 {
    font-size: 202px !important;
    width: 202px !important;
    height: 202px !important;
    min-width: 202px !important;
    min-height: 202px !important;
    line-height: 202px !important;
  }
  mat-icon.s-sm-204 {
    font-size: 204px !important;
    width: 204px !important;
    height: 204px !important;
    min-width: 204px !important;
    min-height: 204px !important;
    line-height: 204px !important;
  }
  mat-icon.s-sm-206 {
    font-size: 206px !important;
    width: 206px !important;
    height: 206px !important;
    min-width: 206px !important;
    min-height: 206px !important;
    line-height: 206px !important;
  }
  mat-icon.s-sm-208 {
    font-size: 208px !important;
    width: 208px !important;
    height: 208px !important;
    min-width: 208px !important;
    min-height: 208px !important;
    line-height: 208px !important;
  }
  mat-icon.s-sm-210 {
    font-size: 210px !important;
    width: 210px !important;
    height: 210px !important;
    min-width: 210px !important;
    min-height: 210px !important;
    line-height: 210px !important;
  }
  mat-icon.s-sm-212 {
    font-size: 212px !important;
    width: 212px !important;
    height: 212px !important;
    min-width: 212px !important;
    min-height: 212px !important;
    line-height: 212px !important;
  }
  mat-icon.s-sm-214 {
    font-size: 214px !important;
    width: 214px !important;
    height: 214px !important;
    min-width: 214px !important;
    min-height: 214px !important;
    line-height: 214px !important;
  }
  mat-icon.s-sm-216 {
    font-size: 216px !important;
    width: 216px !important;
    height: 216px !important;
    min-width: 216px !important;
    min-height: 216px !important;
    line-height: 216px !important;
  }
  mat-icon.s-sm-218 {
    font-size: 218px !important;
    width: 218px !important;
    height: 218px !important;
    min-width: 218px !important;
    min-height: 218px !important;
    line-height: 218px !important;
  }
  mat-icon.s-sm-220 {
    font-size: 220px !important;
    width: 220px !important;
    height: 220px !important;
    min-width: 220px !important;
    min-height: 220px !important;
    line-height: 220px !important;
  }
  mat-icon.s-sm-222 {
    font-size: 222px !important;
    width: 222px !important;
    height: 222px !important;
    min-width: 222px !important;
    min-height: 222px !important;
    line-height: 222px !important;
  }
  mat-icon.s-sm-224 {
    font-size: 224px !important;
    width: 224px !important;
    height: 224px !important;
    min-width: 224px !important;
    min-height: 224px !important;
    line-height: 224px !important;
  }
  mat-icon.s-sm-226 {
    font-size: 226px !important;
    width: 226px !important;
    height: 226px !important;
    min-width: 226px !important;
    min-height: 226px !important;
    line-height: 226px !important;
  }
  mat-icon.s-sm-228 {
    font-size: 228px !important;
    width: 228px !important;
    height: 228px !important;
    min-width: 228px !important;
    min-height: 228px !important;
    line-height: 228px !important;
  }
  mat-icon.s-sm-230 {
    font-size: 230px !important;
    width: 230px !important;
    height: 230px !important;
    min-width: 230px !important;
    min-height: 230px !important;
    line-height: 230px !important;
  }
  mat-icon.s-sm-232 {
    font-size: 232px !important;
    width: 232px !important;
    height: 232px !important;
    min-width: 232px !important;
    min-height: 232px !important;
    line-height: 232px !important;
  }
  mat-icon.s-sm-234 {
    font-size: 234px !important;
    width: 234px !important;
    height: 234px !important;
    min-width: 234px !important;
    min-height: 234px !important;
    line-height: 234px !important;
  }
  mat-icon.s-sm-236 {
    font-size: 236px !important;
    width: 236px !important;
    height: 236px !important;
    min-width: 236px !important;
    min-height: 236px !important;
    line-height: 236px !important;
  }
  mat-icon.s-sm-238 {
    font-size: 238px !important;
    width: 238px !important;
    height: 238px !important;
    min-width: 238px !important;
    min-height: 238px !important;
    line-height: 238px !important;
  }
  mat-icon.s-sm-240 {
    font-size: 240px !important;
    width: 240px !important;
    height: 240px !important;
    min-width: 240px !important;
    min-height: 240px !important;
    line-height: 240px !important;
  }
  mat-icon.s-sm-242 {
    font-size: 242px !important;
    width: 242px !important;
    height: 242px !important;
    min-width: 242px !important;
    min-height: 242px !important;
    line-height: 242px !important;
  }
  mat-icon.s-sm-244 {
    font-size: 244px !important;
    width: 244px !important;
    height: 244px !important;
    min-width: 244px !important;
    min-height: 244px !important;
    line-height: 244px !important;
  }
  mat-icon.s-sm-246 {
    font-size: 246px !important;
    width: 246px !important;
    height: 246px !important;
    min-width: 246px !important;
    min-height: 246px !important;
    line-height: 246px !important;
  }
  mat-icon.s-sm-248 {
    font-size: 248px !important;
    width: 248px !important;
    height: 248px !important;
    min-width: 248px !important;
    min-height: 248px !important;
    line-height: 248px !important;
  }
  mat-icon.s-sm-250 {
    font-size: 250px !important;
    width: 250px !important;
    height: 250px !important;
    min-width: 250px !important;
    min-height: 250px !important;
    line-height: 250px !important;
  }
  mat-icon.s-sm-252 {
    font-size: 252px !important;
    width: 252px !important;
    height: 252px !important;
    min-width: 252px !important;
    min-height: 252px !important;
    line-height: 252px !important;
  }
  mat-icon.s-sm-254 {
    font-size: 254px !important;
    width: 254px !important;
    height: 254px !important;
    min-width: 254px !important;
    min-height: 254px !important;
    line-height: 254px !important;
  }
  mat-icon.s-sm-256 {
    font-size: 256px !important;
    width: 256px !important;
    height: 256px !important;
    min-width: 256px !important;
    min-height: 256px !important;
    line-height: 256px !important;
  }
}
@media screen and (min-width: 1024px) {
  mat-icon.s-md-4 {
    font-size: 4px !important;
    width: 4px !important;
    height: 4px !important;
    min-width: 4px !important;
    min-height: 4px !important;
    line-height: 4px !important;
  }
  mat-icon.s-md-6 {
    font-size: 6px !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    min-height: 6px !important;
    line-height: 6px !important;
  }
  mat-icon.s-md-8 {
    font-size: 8px !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    line-height: 8px !important;
  }
  mat-icon.s-md-10 {
    font-size: 10px !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 10px !important;
  }
  mat-icon.s-md-12 {
    font-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    line-height: 12px !important;
  }
  mat-icon.s-md-14 {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    line-height: 14px !important;
  }
  mat-icon.s-md-16 {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    line-height: 16px !important;
  }
  mat-icon.s-md-18 {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
  }
  mat-icon.s-md-20 {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    line-height: 20px !important;
  }
  mat-icon.s-md-22 {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
  }
  mat-icon.s-md-24 {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important;
  }
  mat-icon.s-md-26 {
    font-size: 26px !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    line-height: 26px !important;
  }
  mat-icon.s-md-28 {
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    line-height: 28px !important;
  }
  mat-icon.s-md-30 {
    font-size: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
  }
  mat-icon.s-md-32 {
    font-size: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
  }
  mat-icon.s-md-34 {
    font-size: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
  }
  mat-icon.s-md-36 {
    font-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
  }
  mat-icon.s-md-38 {
    font-size: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important;
  }
  mat-icon.s-md-40 {
    font-size: 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
  }
  mat-icon.s-md-42 {
    font-size: 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important;
  }
  mat-icon.s-md-44 {
    font-size: 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
  }
  mat-icon.s-md-46 {
    font-size: 46px !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    line-height: 46px !important;
  }
  mat-icon.s-md-48 {
    font-size: 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
  }
  mat-icon.s-md-50 {
    font-size: 50px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important;
  }
  mat-icon.s-md-52 {
    font-size: 52px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    line-height: 52px !important;
  }
  mat-icon.s-md-54 {
    font-size: 54px !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    line-height: 54px !important;
  }
  mat-icon.s-md-56 {
    font-size: 56px !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    line-height: 56px !important;
  }
  mat-icon.s-md-58 {
    font-size: 58px !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    line-height: 58px !important;
  }
  mat-icon.s-md-60 {
    font-size: 60px !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    line-height: 60px !important;
  }
  mat-icon.s-md-62 {
    font-size: 62px !important;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    line-height: 62px !important;
  }
  mat-icon.s-md-64 {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    line-height: 64px !important;
  }
  mat-icon.s-md-66 {
    font-size: 66px !important;
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    line-height: 66px !important;
  }
  mat-icon.s-md-68 {
    font-size: 68px !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    line-height: 68px !important;
  }
  mat-icon.s-md-70 {
    font-size: 70px !important;
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    line-height: 70px !important;
  }
  mat-icon.s-md-72 {
    font-size: 72px !important;
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    line-height: 72px !important;
  }
  mat-icon.s-md-74 {
    font-size: 74px !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    line-height: 74px !important;
  }
  mat-icon.s-md-76 {
    font-size: 76px !important;
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
    line-height: 76px !important;
  }
  mat-icon.s-md-78 {
    font-size: 78px !important;
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    min-height: 78px !important;
    line-height: 78px !important;
  }
  mat-icon.s-md-80 {
    font-size: 80px !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    line-height: 80px !important;
  }
  mat-icon.s-md-82 {
    font-size: 82px !important;
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    line-height: 82px !important;
  }
  mat-icon.s-md-84 {
    font-size: 84px !important;
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    line-height: 84px !important;
  }
  mat-icon.s-md-86 {
    font-size: 86px !important;
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    min-height: 86px !important;
    line-height: 86px !important;
  }
  mat-icon.s-md-88 {
    font-size: 88px !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    line-height: 88px !important;
  }
  mat-icon.s-md-90 {
    font-size: 90px !important;
    width: 90px !important;
    height: 90px !important;
    min-width: 90px !important;
    min-height: 90px !important;
    line-height: 90px !important;
  }
  mat-icon.s-md-92 {
    font-size: 92px !important;
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    line-height: 92px !important;
  }
  mat-icon.s-md-94 {
    font-size: 94px !important;
    width: 94px !important;
    height: 94px !important;
    min-width: 94px !important;
    min-height: 94px !important;
    line-height: 94px !important;
  }
  mat-icon.s-md-96 {
    font-size: 96px !important;
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    line-height: 96px !important;
  }
  mat-icon.s-md-98 {
    font-size: 98px !important;
    width: 98px !important;
    height: 98px !important;
    min-width: 98px !important;
    min-height: 98px !important;
    line-height: 98px !important;
  }
  mat-icon.s-md-100 {
    font-size: 100px !important;
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    line-height: 100px !important;
  }
  mat-icon.s-md-102 {
    font-size: 102px !important;
    width: 102px !important;
    height: 102px !important;
    min-width: 102px !important;
    min-height: 102px !important;
    line-height: 102px !important;
  }
  mat-icon.s-md-104 {
    font-size: 104px !important;
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    line-height: 104px !important;
  }
  mat-icon.s-md-106 {
    font-size: 106px !important;
    width: 106px !important;
    height: 106px !important;
    min-width: 106px !important;
    min-height: 106px !important;
    line-height: 106px !important;
  }
  mat-icon.s-md-108 {
    font-size: 108px !important;
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
    line-height: 108px !important;
  }
  mat-icon.s-md-110 {
    font-size: 110px !important;
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    line-height: 110px !important;
  }
  mat-icon.s-md-112 {
    font-size: 112px !important;
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    line-height: 112px !important;
  }
  mat-icon.s-md-114 {
    font-size: 114px !important;
    width: 114px !important;
    height: 114px !important;
    min-width: 114px !important;
    min-height: 114px !important;
    line-height: 114px !important;
  }
  mat-icon.s-md-116 {
    font-size: 116px !important;
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    line-height: 116px !important;
  }
  mat-icon.s-md-118 {
    font-size: 118px !important;
    width: 118px !important;
    height: 118px !important;
    min-width: 118px !important;
    min-height: 118px !important;
    line-height: 118px !important;
  }
  mat-icon.s-md-120 {
    font-size: 120px !important;
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    line-height: 120px !important;
  }
  mat-icon.s-md-122 {
    font-size: 122px !important;
    width: 122px !important;
    height: 122px !important;
    min-width: 122px !important;
    min-height: 122px !important;
    line-height: 122px !important;
  }
  mat-icon.s-md-124 {
    font-size: 124px !important;
    width: 124px !important;
    height: 124px !important;
    min-width: 124px !important;
    min-height: 124px !important;
    line-height: 124px !important;
  }
  mat-icon.s-md-126 {
    font-size: 126px !important;
    width: 126px !important;
    height: 126px !important;
    min-width: 126px !important;
    min-height: 126px !important;
    line-height: 126px !important;
  }
  mat-icon.s-md-128 {
    font-size: 128px !important;
    width: 128px !important;
    height: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    line-height: 128px !important;
  }
  mat-icon.s-md-130 {
    font-size: 130px !important;
    width: 130px !important;
    height: 130px !important;
    min-width: 130px !important;
    min-height: 130px !important;
    line-height: 130px !important;
  }
  mat-icon.s-md-132 {
    font-size: 132px !important;
    width: 132px !important;
    height: 132px !important;
    min-width: 132px !important;
    min-height: 132px !important;
    line-height: 132px !important;
  }
  mat-icon.s-md-134 {
    font-size: 134px !important;
    width: 134px !important;
    height: 134px !important;
    min-width: 134px !important;
    min-height: 134px !important;
    line-height: 134px !important;
  }
  mat-icon.s-md-136 {
    font-size: 136px !important;
    width: 136px !important;
    height: 136px !important;
    min-width: 136px !important;
    min-height: 136px !important;
    line-height: 136px !important;
  }
  mat-icon.s-md-138 {
    font-size: 138px !important;
    width: 138px !important;
    height: 138px !important;
    min-width: 138px !important;
    min-height: 138px !important;
    line-height: 138px !important;
  }
  mat-icon.s-md-140 {
    font-size: 140px !important;
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    min-height: 140px !important;
    line-height: 140px !important;
  }
  mat-icon.s-md-142 {
    font-size: 142px !important;
    width: 142px !important;
    height: 142px !important;
    min-width: 142px !important;
    min-height: 142px !important;
    line-height: 142px !important;
  }
  mat-icon.s-md-144 {
    font-size: 144px !important;
    width: 144px !important;
    height: 144px !important;
    min-width: 144px !important;
    min-height: 144px !important;
    line-height: 144px !important;
  }
  mat-icon.s-md-146 {
    font-size: 146px !important;
    width: 146px !important;
    height: 146px !important;
    min-width: 146px !important;
    min-height: 146px !important;
    line-height: 146px !important;
  }
  mat-icon.s-md-148 {
    font-size: 148px !important;
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
    min-height: 148px !important;
    line-height: 148px !important;
  }
  mat-icon.s-md-150 {
    font-size: 150px !important;
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    line-height: 150px !important;
  }
  mat-icon.s-md-152 {
    font-size: 152px !important;
    width: 152px !important;
    height: 152px !important;
    min-width: 152px !important;
    min-height: 152px !important;
    line-height: 152px !important;
  }
  mat-icon.s-md-154 {
    font-size: 154px !important;
    width: 154px !important;
    height: 154px !important;
    min-width: 154px !important;
    min-height: 154px !important;
    line-height: 154px !important;
  }
  mat-icon.s-md-156 {
    font-size: 156px !important;
    width: 156px !important;
    height: 156px !important;
    min-width: 156px !important;
    min-height: 156px !important;
    line-height: 156px !important;
  }
  mat-icon.s-md-158 {
    font-size: 158px !important;
    width: 158px !important;
    height: 158px !important;
    min-width: 158px !important;
    min-height: 158px !important;
    line-height: 158px !important;
  }
  mat-icon.s-md-160 {
    font-size: 160px !important;
    width: 160px !important;
    height: 160px !important;
    min-width: 160px !important;
    min-height: 160px !important;
    line-height: 160px !important;
  }
  mat-icon.s-md-162 {
    font-size: 162px !important;
    width: 162px !important;
    height: 162px !important;
    min-width: 162px !important;
    min-height: 162px !important;
    line-height: 162px !important;
  }
  mat-icon.s-md-164 {
    font-size: 164px !important;
    width: 164px !important;
    height: 164px !important;
    min-width: 164px !important;
    min-height: 164px !important;
    line-height: 164px !important;
  }
  mat-icon.s-md-166 {
    font-size: 166px !important;
    width: 166px !important;
    height: 166px !important;
    min-width: 166px !important;
    min-height: 166px !important;
    line-height: 166px !important;
  }
  mat-icon.s-md-168 {
    font-size: 168px !important;
    width: 168px !important;
    height: 168px !important;
    min-width: 168px !important;
    min-height: 168px !important;
    line-height: 168px !important;
  }
  mat-icon.s-md-170 {
    font-size: 170px !important;
    width: 170px !important;
    height: 170px !important;
    min-width: 170px !important;
    min-height: 170px !important;
    line-height: 170px !important;
  }
  mat-icon.s-md-172 {
    font-size: 172px !important;
    width: 172px !important;
    height: 172px !important;
    min-width: 172px !important;
    min-height: 172px !important;
    line-height: 172px !important;
  }
  mat-icon.s-md-174 {
    font-size: 174px !important;
    width: 174px !important;
    height: 174px !important;
    min-width: 174px !important;
    min-height: 174px !important;
    line-height: 174px !important;
  }
  mat-icon.s-md-176 {
    font-size: 176px !important;
    width: 176px !important;
    height: 176px !important;
    min-width: 176px !important;
    min-height: 176px !important;
    line-height: 176px !important;
  }
  mat-icon.s-md-178 {
    font-size: 178px !important;
    width: 178px !important;
    height: 178px !important;
    min-width: 178px !important;
    min-height: 178px !important;
    line-height: 178px !important;
  }
  mat-icon.s-md-180 {
    font-size: 180px !important;
    width: 180px !important;
    height: 180px !important;
    min-width: 180px !important;
    min-height: 180px !important;
    line-height: 180px !important;
  }
  mat-icon.s-md-182 {
    font-size: 182px !important;
    width: 182px !important;
    height: 182px !important;
    min-width: 182px !important;
    min-height: 182px !important;
    line-height: 182px !important;
  }
  mat-icon.s-md-184 {
    font-size: 184px !important;
    width: 184px !important;
    height: 184px !important;
    min-width: 184px !important;
    min-height: 184px !important;
    line-height: 184px !important;
  }
  mat-icon.s-md-186 {
    font-size: 186px !important;
    width: 186px !important;
    height: 186px !important;
    min-width: 186px !important;
    min-height: 186px !important;
    line-height: 186px !important;
  }
  mat-icon.s-md-188 {
    font-size: 188px !important;
    width: 188px !important;
    height: 188px !important;
    min-width: 188px !important;
    min-height: 188px !important;
    line-height: 188px !important;
  }
  mat-icon.s-md-190 {
    font-size: 190px !important;
    width: 190px !important;
    height: 190px !important;
    min-width: 190px !important;
    min-height: 190px !important;
    line-height: 190px !important;
  }
  mat-icon.s-md-192 {
    font-size: 192px !important;
    width: 192px !important;
    height: 192px !important;
    min-width: 192px !important;
    min-height: 192px !important;
    line-height: 192px !important;
  }
  mat-icon.s-md-194 {
    font-size: 194px !important;
    width: 194px !important;
    height: 194px !important;
    min-width: 194px !important;
    min-height: 194px !important;
    line-height: 194px !important;
  }
  mat-icon.s-md-196 {
    font-size: 196px !important;
    width: 196px !important;
    height: 196px !important;
    min-width: 196px !important;
    min-height: 196px !important;
    line-height: 196px !important;
  }
  mat-icon.s-md-198 {
    font-size: 198px !important;
    width: 198px !important;
    height: 198px !important;
    min-width: 198px !important;
    min-height: 198px !important;
    line-height: 198px !important;
  }
  mat-icon.s-md-200 {
    font-size: 200px !important;
    width: 200px !important;
    height: 200px !important;
    min-width: 200px !important;
    min-height: 200px !important;
    line-height: 200px !important;
  }
  mat-icon.s-md-202 {
    font-size: 202px !important;
    width: 202px !important;
    height: 202px !important;
    min-width: 202px !important;
    min-height: 202px !important;
    line-height: 202px !important;
  }
  mat-icon.s-md-204 {
    font-size: 204px !important;
    width: 204px !important;
    height: 204px !important;
    min-width: 204px !important;
    min-height: 204px !important;
    line-height: 204px !important;
  }
  mat-icon.s-md-206 {
    font-size: 206px !important;
    width: 206px !important;
    height: 206px !important;
    min-width: 206px !important;
    min-height: 206px !important;
    line-height: 206px !important;
  }
  mat-icon.s-md-208 {
    font-size: 208px !important;
    width: 208px !important;
    height: 208px !important;
    min-width: 208px !important;
    min-height: 208px !important;
    line-height: 208px !important;
  }
  mat-icon.s-md-210 {
    font-size: 210px !important;
    width: 210px !important;
    height: 210px !important;
    min-width: 210px !important;
    min-height: 210px !important;
    line-height: 210px !important;
  }
  mat-icon.s-md-212 {
    font-size: 212px !important;
    width: 212px !important;
    height: 212px !important;
    min-width: 212px !important;
    min-height: 212px !important;
    line-height: 212px !important;
  }
  mat-icon.s-md-214 {
    font-size: 214px !important;
    width: 214px !important;
    height: 214px !important;
    min-width: 214px !important;
    min-height: 214px !important;
    line-height: 214px !important;
  }
  mat-icon.s-md-216 {
    font-size: 216px !important;
    width: 216px !important;
    height: 216px !important;
    min-width: 216px !important;
    min-height: 216px !important;
    line-height: 216px !important;
  }
  mat-icon.s-md-218 {
    font-size: 218px !important;
    width: 218px !important;
    height: 218px !important;
    min-width: 218px !important;
    min-height: 218px !important;
    line-height: 218px !important;
  }
  mat-icon.s-md-220 {
    font-size: 220px !important;
    width: 220px !important;
    height: 220px !important;
    min-width: 220px !important;
    min-height: 220px !important;
    line-height: 220px !important;
  }
  mat-icon.s-md-222 {
    font-size: 222px !important;
    width: 222px !important;
    height: 222px !important;
    min-width: 222px !important;
    min-height: 222px !important;
    line-height: 222px !important;
  }
  mat-icon.s-md-224 {
    font-size: 224px !important;
    width: 224px !important;
    height: 224px !important;
    min-width: 224px !important;
    min-height: 224px !important;
    line-height: 224px !important;
  }
  mat-icon.s-md-226 {
    font-size: 226px !important;
    width: 226px !important;
    height: 226px !important;
    min-width: 226px !important;
    min-height: 226px !important;
    line-height: 226px !important;
  }
  mat-icon.s-md-228 {
    font-size: 228px !important;
    width: 228px !important;
    height: 228px !important;
    min-width: 228px !important;
    min-height: 228px !important;
    line-height: 228px !important;
  }
  mat-icon.s-md-230 {
    font-size: 230px !important;
    width: 230px !important;
    height: 230px !important;
    min-width: 230px !important;
    min-height: 230px !important;
    line-height: 230px !important;
  }
  mat-icon.s-md-232 {
    font-size: 232px !important;
    width: 232px !important;
    height: 232px !important;
    min-width: 232px !important;
    min-height: 232px !important;
    line-height: 232px !important;
  }
  mat-icon.s-md-234 {
    font-size: 234px !important;
    width: 234px !important;
    height: 234px !important;
    min-width: 234px !important;
    min-height: 234px !important;
    line-height: 234px !important;
  }
  mat-icon.s-md-236 {
    font-size: 236px !important;
    width: 236px !important;
    height: 236px !important;
    min-width: 236px !important;
    min-height: 236px !important;
    line-height: 236px !important;
  }
  mat-icon.s-md-238 {
    font-size: 238px !important;
    width: 238px !important;
    height: 238px !important;
    min-width: 238px !important;
    min-height: 238px !important;
    line-height: 238px !important;
  }
  mat-icon.s-md-240 {
    font-size: 240px !important;
    width: 240px !important;
    height: 240px !important;
    min-width: 240px !important;
    min-height: 240px !important;
    line-height: 240px !important;
  }
  mat-icon.s-md-242 {
    font-size: 242px !important;
    width: 242px !important;
    height: 242px !important;
    min-width: 242px !important;
    min-height: 242px !important;
    line-height: 242px !important;
  }
  mat-icon.s-md-244 {
    font-size: 244px !important;
    width: 244px !important;
    height: 244px !important;
    min-width: 244px !important;
    min-height: 244px !important;
    line-height: 244px !important;
  }
  mat-icon.s-md-246 {
    font-size: 246px !important;
    width: 246px !important;
    height: 246px !important;
    min-width: 246px !important;
    min-height: 246px !important;
    line-height: 246px !important;
  }
  mat-icon.s-md-248 {
    font-size: 248px !important;
    width: 248px !important;
    height: 248px !important;
    min-width: 248px !important;
    min-height: 248px !important;
    line-height: 248px !important;
  }
  mat-icon.s-md-250 {
    font-size: 250px !important;
    width: 250px !important;
    height: 250px !important;
    min-width: 250px !important;
    min-height: 250px !important;
    line-height: 250px !important;
  }
  mat-icon.s-md-252 {
    font-size: 252px !important;
    width: 252px !important;
    height: 252px !important;
    min-width: 252px !important;
    min-height: 252px !important;
    line-height: 252px !important;
  }
  mat-icon.s-md-254 {
    font-size: 254px !important;
    width: 254px !important;
    height: 254px !important;
    min-width: 254px !important;
    min-height: 254px !important;
    line-height: 254px !important;
  }
  mat-icon.s-md-256 {
    font-size: 256px !important;
    width: 256px !important;
    height: 256px !important;
    min-width: 256px !important;
    min-height: 256px !important;
    line-height: 256px !important;
  }
}
@media screen and (min-width: 1280px) {
  mat-icon.s-lg-4 {
    font-size: 4px !important;
    width: 4px !important;
    height: 4px !important;
    min-width: 4px !important;
    min-height: 4px !important;
    line-height: 4px !important;
  }
  mat-icon.s-lg-6 {
    font-size: 6px !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    min-height: 6px !important;
    line-height: 6px !important;
  }
  mat-icon.s-lg-8 {
    font-size: 8px !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    line-height: 8px !important;
  }
  mat-icon.s-lg-10 {
    font-size: 10px !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 10px !important;
  }
  mat-icon.s-lg-12 {
    font-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    line-height: 12px !important;
  }
  mat-icon.s-lg-14 {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    line-height: 14px !important;
  }
  mat-icon.s-lg-16 {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    line-height: 16px !important;
  }
  mat-icon.s-lg-18 {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
  }
  mat-icon.s-lg-20 {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    line-height: 20px !important;
  }
  mat-icon.s-lg-22 {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
  }
  mat-icon.s-lg-24 {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important;
  }
  mat-icon.s-lg-26 {
    font-size: 26px !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    line-height: 26px !important;
  }
  mat-icon.s-lg-28 {
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    line-height: 28px !important;
  }
  mat-icon.s-lg-30 {
    font-size: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
  }
  mat-icon.s-lg-32 {
    font-size: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
  }
  mat-icon.s-lg-34 {
    font-size: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
  }
  mat-icon.s-lg-36 {
    font-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
  }
  mat-icon.s-lg-38 {
    font-size: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important;
  }
  mat-icon.s-lg-40 {
    font-size: 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
  }
  mat-icon.s-lg-42 {
    font-size: 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important;
  }
  mat-icon.s-lg-44 {
    font-size: 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
  }
  mat-icon.s-lg-46 {
    font-size: 46px !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    line-height: 46px !important;
  }
  mat-icon.s-lg-48 {
    font-size: 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
  }
  mat-icon.s-lg-50 {
    font-size: 50px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important;
  }
  mat-icon.s-lg-52 {
    font-size: 52px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    line-height: 52px !important;
  }
  mat-icon.s-lg-54 {
    font-size: 54px !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    line-height: 54px !important;
  }
  mat-icon.s-lg-56 {
    font-size: 56px !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    line-height: 56px !important;
  }
  mat-icon.s-lg-58 {
    font-size: 58px !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    line-height: 58px !important;
  }
  mat-icon.s-lg-60 {
    font-size: 60px !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    line-height: 60px !important;
  }
  mat-icon.s-lg-62 {
    font-size: 62px !important;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    line-height: 62px !important;
  }
  mat-icon.s-lg-64 {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    line-height: 64px !important;
  }
  mat-icon.s-lg-66 {
    font-size: 66px !important;
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    line-height: 66px !important;
  }
  mat-icon.s-lg-68 {
    font-size: 68px !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    line-height: 68px !important;
  }
  mat-icon.s-lg-70 {
    font-size: 70px !important;
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    line-height: 70px !important;
  }
  mat-icon.s-lg-72 {
    font-size: 72px !important;
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    line-height: 72px !important;
  }
  mat-icon.s-lg-74 {
    font-size: 74px !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    line-height: 74px !important;
  }
  mat-icon.s-lg-76 {
    font-size: 76px !important;
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
    line-height: 76px !important;
  }
  mat-icon.s-lg-78 {
    font-size: 78px !important;
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    min-height: 78px !important;
    line-height: 78px !important;
  }
  mat-icon.s-lg-80 {
    font-size: 80px !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    line-height: 80px !important;
  }
  mat-icon.s-lg-82 {
    font-size: 82px !important;
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    line-height: 82px !important;
  }
  mat-icon.s-lg-84 {
    font-size: 84px !important;
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    line-height: 84px !important;
  }
  mat-icon.s-lg-86 {
    font-size: 86px !important;
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    min-height: 86px !important;
    line-height: 86px !important;
  }
  mat-icon.s-lg-88 {
    font-size: 88px !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    line-height: 88px !important;
  }
  mat-icon.s-lg-90 {
    font-size: 90px !important;
    width: 90px !important;
    height: 90px !important;
    min-width: 90px !important;
    min-height: 90px !important;
    line-height: 90px !important;
  }
  mat-icon.s-lg-92 {
    font-size: 92px !important;
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    line-height: 92px !important;
  }
  mat-icon.s-lg-94 {
    font-size: 94px !important;
    width: 94px !important;
    height: 94px !important;
    min-width: 94px !important;
    min-height: 94px !important;
    line-height: 94px !important;
  }
  mat-icon.s-lg-96 {
    font-size: 96px !important;
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    line-height: 96px !important;
  }
  mat-icon.s-lg-98 {
    font-size: 98px !important;
    width: 98px !important;
    height: 98px !important;
    min-width: 98px !important;
    min-height: 98px !important;
    line-height: 98px !important;
  }
  mat-icon.s-lg-100 {
    font-size: 100px !important;
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    line-height: 100px !important;
  }
  mat-icon.s-lg-102 {
    font-size: 102px !important;
    width: 102px !important;
    height: 102px !important;
    min-width: 102px !important;
    min-height: 102px !important;
    line-height: 102px !important;
  }
  mat-icon.s-lg-104 {
    font-size: 104px !important;
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    line-height: 104px !important;
  }
  mat-icon.s-lg-106 {
    font-size: 106px !important;
    width: 106px !important;
    height: 106px !important;
    min-width: 106px !important;
    min-height: 106px !important;
    line-height: 106px !important;
  }
  mat-icon.s-lg-108 {
    font-size: 108px !important;
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
    line-height: 108px !important;
  }
  mat-icon.s-lg-110 {
    font-size: 110px !important;
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    line-height: 110px !important;
  }
  mat-icon.s-lg-112 {
    font-size: 112px !important;
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    line-height: 112px !important;
  }
  mat-icon.s-lg-114 {
    font-size: 114px !important;
    width: 114px !important;
    height: 114px !important;
    min-width: 114px !important;
    min-height: 114px !important;
    line-height: 114px !important;
  }
  mat-icon.s-lg-116 {
    font-size: 116px !important;
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    line-height: 116px !important;
  }
  mat-icon.s-lg-118 {
    font-size: 118px !important;
    width: 118px !important;
    height: 118px !important;
    min-width: 118px !important;
    min-height: 118px !important;
    line-height: 118px !important;
  }
  mat-icon.s-lg-120 {
    font-size: 120px !important;
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    line-height: 120px !important;
  }
  mat-icon.s-lg-122 {
    font-size: 122px !important;
    width: 122px !important;
    height: 122px !important;
    min-width: 122px !important;
    min-height: 122px !important;
    line-height: 122px !important;
  }
  mat-icon.s-lg-124 {
    font-size: 124px !important;
    width: 124px !important;
    height: 124px !important;
    min-width: 124px !important;
    min-height: 124px !important;
    line-height: 124px !important;
  }
  mat-icon.s-lg-126 {
    font-size: 126px !important;
    width: 126px !important;
    height: 126px !important;
    min-width: 126px !important;
    min-height: 126px !important;
    line-height: 126px !important;
  }
  mat-icon.s-lg-128 {
    font-size: 128px !important;
    width: 128px !important;
    height: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    line-height: 128px !important;
  }
  mat-icon.s-lg-130 {
    font-size: 130px !important;
    width: 130px !important;
    height: 130px !important;
    min-width: 130px !important;
    min-height: 130px !important;
    line-height: 130px !important;
  }
  mat-icon.s-lg-132 {
    font-size: 132px !important;
    width: 132px !important;
    height: 132px !important;
    min-width: 132px !important;
    min-height: 132px !important;
    line-height: 132px !important;
  }
  mat-icon.s-lg-134 {
    font-size: 134px !important;
    width: 134px !important;
    height: 134px !important;
    min-width: 134px !important;
    min-height: 134px !important;
    line-height: 134px !important;
  }
  mat-icon.s-lg-136 {
    font-size: 136px !important;
    width: 136px !important;
    height: 136px !important;
    min-width: 136px !important;
    min-height: 136px !important;
    line-height: 136px !important;
  }
  mat-icon.s-lg-138 {
    font-size: 138px !important;
    width: 138px !important;
    height: 138px !important;
    min-width: 138px !important;
    min-height: 138px !important;
    line-height: 138px !important;
  }
  mat-icon.s-lg-140 {
    font-size: 140px !important;
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    min-height: 140px !important;
    line-height: 140px !important;
  }
  mat-icon.s-lg-142 {
    font-size: 142px !important;
    width: 142px !important;
    height: 142px !important;
    min-width: 142px !important;
    min-height: 142px !important;
    line-height: 142px !important;
  }
  mat-icon.s-lg-144 {
    font-size: 144px !important;
    width: 144px !important;
    height: 144px !important;
    min-width: 144px !important;
    min-height: 144px !important;
    line-height: 144px !important;
  }
  mat-icon.s-lg-146 {
    font-size: 146px !important;
    width: 146px !important;
    height: 146px !important;
    min-width: 146px !important;
    min-height: 146px !important;
    line-height: 146px !important;
  }
  mat-icon.s-lg-148 {
    font-size: 148px !important;
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
    min-height: 148px !important;
    line-height: 148px !important;
  }
  mat-icon.s-lg-150 {
    font-size: 150px !important;
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    line-height: 150px !important;
  }
  mat-icon.s-lg-152 {
    font-size: 152px !important;
    width: 152px !important;
    height: 152px !important;
    min-width: 152px !important;
    min-height: 152px !important;
    line-height: 152px !important;
  }
  mat-icon.s-lg-154 {
    font-size: 154px !important;
    width: 154px !important;
    height: 154px !important;
    min-width: 154px !important;
    min-height: 154px !important;
    line-height: 154px !important;
  }
  mat-icon.s-lg-156 {
    font-size: 156px !important;
    width: 156px !important;
    height: 156px !important;
    min-width: 156px !important;
    min-height: 156px !important;
    line-height: 156px !important;
  }
  mat-icon.s-lg-158 {
    font-size: 158px !important;
    width: 158px !important;
    height: 158px !important;
    min-width: 158px !important;
    min-height: 158px !important;
    line-height: 158px !important;
  }
  mat-icon.s-lg-160 {
    font-size: 160px !important;
    width: 160px !important;
    height: 160px !important;
    min-width: 160px !important;
    min-height: 160px !important;
    line-height: 160px !important;
  }
  mat-icon.s-lg-162 {
    font-size: 162px !important;
    width: 162px !important;
    height: 162px !important;
    min-width: 162px !important;
    min-height: 162px !important;
    line-height: 162px !important;
  }
  mat-icon.s-lg-164 {
    font-size: 164px !important;
    width: 164px !important;
    height: 164px !important;
    min-width: 164px !important;
    min-height: 164px !important;
    line-height: 164px !important;
  }
  mat-icon.s-lg-166 {
    font-size: 166px !important;
    width: 166px !important;
    height: 166px !important;
    min-width: 166px !important;
    min-height: 166px !important;
    line-height: 166px !important;
  }
  mat-icon.s-lg-168 {
    font-size: 168px !important;
    width: 168px !important;
    height: 168px !important;
    min-width: 168px !important;
    min-height: 168px !important;
    line-height: 168px !important;
  }
  mat-icon.s-lg-170 {
    font-size: 170px !important;
    width: 170px !important;
    height: 170px !important;
    min-width: 170px !important;
    min-height: 170px !important;
    line-height: 170px !important;
  }
  mat-icon.s-lg-172 {
    font-size: 172px !important;
    width: 172px !important;
    height: 172px !important;
    min-width: 172px !important;
    min-height: 172px !important;
    line-height: 172px !important;
  }
  mat-icon.s-lg-174 {
    font-size: 174px !important;
    width: 174px !important;
    height: 174px !important;
    min-width: 174px !important;
    min-height: 174px !important;
    line-height: 174px !important;
  }
  mat-icon.s-lg-176 {
    font-size: 176px !important;
    width: 176px !important;
    height: 176px !important;
    min-width: 176px !important;
    min-height: 176px !important;
    line-height: 176px !important;
  }
  mat-icon.s-lg-178 {
    font-size: 178px !important;
    width: 178px !important;
    height: 178px !important;
    min-width: 178px !important;
    min-height: 178px !important;
    line-height: 178px !important;
  }
  mat-icon.s-lg-180 {
    font-size: 180px !important;
    width: 180px !important;
    height: 180px !important;
    min-width: 180px !important;
    min-height: 180px !important;
    line-height: 180px !important;
  }
  mat-icon.s-lg-182 {
    font-size: 182px !important;
    width: 182px !important;
    height: 182px !important;
    min-width: 182px !important;
    min-height: 182px !important;
    line-height: 182px !important;
  }
  mat-icon.s-lg-184 {
    font-size: 184px !important;
    width: 184px !important;
    height: 184px !important;
    min-width: 184px !important;
    min-height: 184px !important;
    line-height: 184px !important;
  }
  mat-icon.s-lg-186 {
    font-size: 186px !important;
    width: 186px !important;
    height: 186px !important;
    min-width: 186px !important;
    min-height: 186px !important;
    line-height: 186px !important;
  }
  mat-icon.s-lg-188 {
    font-size: 188px !important;
    width: 188px !important;
    height: 188px !important;
    min-width: 188px !important;
    min-height: 188px !important;
    line-height: 188px !important;
  }
  mat-icon.s-lg-190 {
    font-size: 190px !important;
    width: 190px !important;
    height: 190px !important;
    min-width: 190px !important;
    min-height: 190px !important;
    line-height: 190px !important;
  }
  mat-icon.s-lg-192 {
    font-size: 192px !important;
    width: 192px !important;
    height: 192px !important;
    min-width: 192px !important;
    min-height: 192px !important;
    line-height: 192px !important;
  }
  mat-icon.s-lg-194 {
    font-size: 194px !important;
    width: 194px !important;
    height: 194px !important;
    min-width: 194px !important;
    min-height: 194px !important;
    line-height: 194px !important;
  }
  mat-icon.s-lg-196 {
    font-size: 196px !important;
    width: 196px !important;
    height: 196px !important;
    min-width: 196px !important;
    min-height: 196px !important;
    line-height: 196px !important;
  }
  mat-icon.s-lg-198 {
    font-size: 198px !important;
    width: 198px !important;
    height: 198px !important;
    min-width: 198px !important;
    min-height: 198px !important;
    line-height: 198px !important;
  }
  mat-icon.s-lg-200 {
    font-size: 200px !important;
    width: 200px !important;
    height: 200px !important;
    min-width: 200px !important;
    min-height: 200px !important;
    line-height: 200px !important;
  }
  mat-icon.s-lg-202 {
    font-size: 202px !important;
    width: 202px !important;
    height: 202px !important;
    min-width: 202px !important;
    min-height: 202px !important;
    line-height: 202px !important;
  }
  mat-icon.s-lg-204 {
    font-size: 204px !important;
    width: 204px !important;
    height: 204px !important;
    min-width: 204px !important;
    min-height: 204px !important;
    line-height: 204px !important;
  }
  mat-icon.s-lg-206 {
    font-size: 206px !important;
    width: 206px !important;
    height: 206px !important;
    min-width: 206px !important;
    min-height: 206px !important;
    line-height: 206px !important;
  }
  mat-icon.s-lg-208 {
    font-size: 208px !important;
    width: 208px !important;
    height: 208px !important;
    min-width: 208px !important;
    min-height: 208px !important;
    line-height: 208px !important;
  }
  mat-icon.s-lg-210 {
    font-size: 210px !important;
    width: 210px !important;
    height: 210px !important;
    min-width: 210px !important;
    min-height: 210px !important;
    line-height: 210px !important;
  }
  mat-icon.s-lg-212 {
    font-size: 212px !important;
    width: 212px !important;
    height: 212px !important;
    min-width: 212px !important;
    min-height: 212px !important;
    line-height: 212px !important;
  }
  mat-icon.s-lg-214 {
    font-size: 214px !important;
    width: 214px !important;
    height: 214px !important;
    min-width: 214px !important;
    min-height: 214px !important;
    line-height: 214px !important;
  }
  mat-icon.s-lg-216 {
    font-size: 216px !important;
    width: 216px !important;
    height: 216px !important;
    min-width: 216px !important;
    min-height: 216px !important;
    line-height: 216px !important;
  }
  mat-icon.s-lg-218 {
    font-size: 218px !important;
    width: 218px !important;
    height: 218px !important;
    min-width: 218px !important;
    min-height: 218px !important;
    line-height: 218px !important;
  }
  mat-icon.s-lg-220 {
    font-size: 220px !important;
    width: 220px !important;
    height: 220px !important;
    min-width: 220px !important;
    min-height: 220px !important;
    line-height: 220px !important;
  }
  mat-icon.s-lg-222 {
    font-size: 222px !important;
    width: 222px !important;
    height: 222px !important;
    min-width: 222px !important;
    min-height: 222px !important;
    line-height: 222px !important;
  }
  mat-icon.s-lg-224 {
    font-size: 224px !important;
    width: 224px !important;
    height: 224px !important;
    min-width: 224px !important;
    min-height: 224px !important;
    line-height: 224px !important;
  }
  mat-icon.s-lg-226 {
    font-size: 226px !important;
    width: 226px !important;
    height: 226px !important;
    min-width: 226px !important;
    min-height: 226px !important;
    line-height: 226px !important;
  }
  mat-icon.s-lg-228 {
    font-size: 228px !important;
    width: 228px !important;
    height: 228px !important;
    min-width: 228px !important;
    min-height: 228px !important;
    line-height: 228px !important;
  }
  mat-icon.s-lg-230 {
    font-size: 230px !important;
    width: 230px !important;
    height: 230px !important;
    min-width: 230px !important;
    min-height: 230px !important;
    line-height: 230px !important;
  }
  mat-icon.s-lg-232 {
    font-size: 232px !important;
    width: 232px !important;
    height: 232px !important;
    min-width: 232px !important;
    min-height: 232px !important;
    line-height: 232px !important;
  }
  mat-icon.s-lg-234 {
    font-size: 234px !important;
    width: 234px !important;
    height: 234px !important;
    min-width: 234px !important;
    min-height: 234px !important;
    line-height: 234px !important;
  }
  mat-icon.s-lg-236 {
    font-size: 236px !important;
    width: 236px !important;
    height: 236px !important;
    min-width: 236px !important;
    min-height: 236px !important;
    line-height: 236px !important;
  }
  mat-icon.s-lg-238 {
    font-size: 238px !important;
    width: 238px !important;
    height: 238px !important;
    min-width: 238px !important;
    min-height: 238px !important;
    line-height: 238px !important;
  }
  mat-icon.s-lg-240 {
    font-size: 240px !important;
    width: 240px !important;
    height: 240px !important;
    min-width: 240px !important;
    min-height: 240px !important;
    line-height: 240px !important;
  }
  mat-icon.s-lg-242 {
    font-size: 242px !important;
    width: 242px !important;
    height: 242px !important;
    min-width: 242px !important;
    min-height: 242px !important;
    line-height: 242px !important;
  }
  mat-icon.s-lg-244 {
    font-size: 244px !important;
    width: 244px !important;
    height: 244px !important;
    min-width: 244px !important;
    min-height: 244px !important;
    line-height: 244px !important;
  }
  mat-icon.s-lg-246 {
    font-size: 246px !important;
    width: 246px !important;
    height: 246px !important;
    min-width: 246px !important;
    min-height: 246px !important;
    line-height: 246px !important;
  }
  mat-icon.s-lg-248 {
    font-size: 248px !important;
    width: 248px !important;
    height: 248px !important;
    min-width: 248px !important;
    min-height: 248px !important;
    line-height: 248px !important;
  }
  mat-icon.s-lg-250 {
    font-size: 250px !important;
    width: 250px !important;
    height: 250px !important;
    min-width: 250px !important;
    min-height: 250px !important;
    line-height: 250px !important;
  }
  mat-icon.s-lg-252 {
    font-size: 252px !important;
    width: 252px !important;
    height: 252px !important;
    min-width: 252px !important;
    min-height: 252px !important;
    line-height: 252px !important;
  }
  mat-icon.s-lg-254 {
    font-size: 254px !important;
    width: 254px !important;
    height: 254px !important;
    min-width: 254px !important;
    min-height: 254px !important;
    line-height: 254px !important;
  }
  mat-icon.s-lg-256 {
    font-size: 256px !important;
    width: 256px !important;
    height: 256px !important;
    min-width: 256px !important;
    min-height: 256px !important;
    line-height: 256px !important;
  }
}
@media screen and (min-width: 1536px) {
  mat-icon.s-xl-4 {
    font-size: 4px !important;
    width: 4px !important;
    height: 4px !important;
    min-width: 4px !important;
    min-height: 4px !important;
    line-height: 4px !important;
  }
  mat-icon.s-xl-6 {
    font-size: 6px !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    min-height: 6px !important;
    line-height: 6px !important;
  }
  mat-icon.s-xl-8 {
    font-size: 8px !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    line-height: 8px !important;
  }
  mat-icon.s-xl-10 {
    font-size: 10px !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    min-height: 10px !important;
    line-height: 10px !important;
  }
  mat-icon.s-xl-12 {
    font-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    line-height: 12px !important;
  }
  mat-icon.s-xl-14 {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    line-height: 14px !important;
  }
  mat-icon.s-xl-16 {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    line-height: 16px !important;
  }
  mat-icon.s-xl-18 {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
  }
  mat-icon.s-xl-20 {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    line-height: 20px !important;
  }
  mat-icon.s-xl-22 {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
  }
  mat-icon.s-xl-24 {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important;
  }
  mat-icon.s-xl-26 {
    font-size: 26px !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    line-height: 26px !important;
  }
  mat-icon.s-xl-28 {
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    line-height: 28px !important;
  }
  mat-icon.s-xl-30 {
    font-size: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
  }
  mat-icon.s-xl-32 {
    font-size: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    line-height: 32px !important;
  }
  mat-icon.s-xl-34 {
    font-size: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
  }
  mat-icon.s-xl-36 {
    font-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
  }
  mat-icon.s-xl-38 {
    font-size: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important;
  }
  mat-icon.s-xl-40 {
    font-size: 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
  }
  mat-icon.s-xl-42 {
    font-size: 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important;
  }
  mat-icon.s-xl-44 {
    font-size: 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
  }
  mat-icon.s-xl-46 {
    font-size: 46px !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    line-height: 46px !important;
  }
  mat-icon.s-xl-48 {
    font-size: 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
  }
  mat-icon.s-xl-50 {
    font-size: 50px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    line-height: 50px !important;
  }
  mat-icon.s-xl-52 {
    font-size: 52px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    line-height: 52px !important;
  }
  mat-icon.s-xl-54 {
    font-size: 54px !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    line-height: 54px !important;
  }
  mat-icon.s-xl-56 {
    font-size: 56px !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    line-height: 56px !important;
  }
  mat-icon.s-xl-58 {
    font-size: 58px !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    line-height: 58px !important;
  }
  mat-icon.s-xl-60 {
    font-size: 60px !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    line-height: 60px !important;
  }
  mat-icon.s-xl-62 {
    font-size: 62px !important;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    line-height: 62px !important;
  }
  mat-icon.s-xl-64 {
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    line-height: 64px !important;
  }
  mat-icon.s-xl-66 {
    font-size: 66px !important;
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    line-height: 66px !important;
  }
  mat-icon.s-xl-68 {
    font-size: 68px !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    line-height: 68px !important;
  }
  mat-icon.s-xl-70 {
    font-size: 70px !important;
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    line-height: 70px !important;
  }
  mat-icon.s-xl-72 {
    font-size: 72px !important;
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    line-height: 72px !important;
  }
  mat-icon.s-xl-74 {
    font-size: 74px !important;
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    line-height: 74px !important;
  }
  mat-icon.s-xl-76 {
    font-size: 76px !important;
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
    line-height: 76px !important;
  }
  mat-icon.s-xl-78 {
    font-size: 78px !important;
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    min-height: 78px !important;
    line-height: 78px !important;
  }
  mat-icon.s-xl-80 {
    font-size: 80px !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    line-height: 80px !important;
  }
  mat-icon.s-xl-82 {
    font-size: 82px !important;
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    line-height: 82px !important;
  }
  mat-icon.s-xl-84 {
    font-size: 84px !important;
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    line-height: 84px !important;
  }
  mat-icon.s-xl-86 {
    font-size: 86px !important;
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    min-height: 86px !important;
    line-height: 86px !important;
  }
  mat-icon.s-xl-88 {
    font-size: 88px !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    line-height: 88px !important;
  }
  mat-icon.s-xl-90 {
    font-size: 90px !important;
    width: 90px !important;
    height: 90px !important;
    min-width: 90px !important;
    min-height: 90px !important;
    line-height: 90px !important;
  }
  mat-icon.s-xl-92 {
    font-size: 92px !important;
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    line-height: 92px !important;
  }
  mat-icon.s-xl-94 {
    font-size: 94px !important;
    width: 94px !important;
    height: 94px !important;
    min-width: 94px !important;
    min-height: 94px !important;
    line-height: 94px !important;
  }
  mat-icon.s-xl-96 {
    font-size: 96px !important;
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    line-height: 96px !important;
  }
  mat-icon.s-xl-98 {
    font-size: 98px !important;
    width: 98px !important;
    height: 98px !important;
    min-width: 98px !important;
    min-height: 98px !important;
    line-height: 98px !important;
  }
  mat-icon.s-xl-100 {
    font-size: 100px !important;
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    line-height: 100px !important;
  }
  mat-icon.s-xl-102 {
    font-size: 102px !important;
    width: 102px !important;
    height: 102px !important;
    min-width: 102px !important;
    min-height: 102px !important;
    line-height: 102px !important;
  }
  mat-icon.s-xl-104 {
    font-size: 104px !important;
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    line-height: 104px !important;
  }
  mat-icon.s-xl-106 {
    font-size: 106px !important;
    width: 106px !important;
    height: 106px !important;
    min-width: 106px !important;
    min-height: 106px !important;
    line-height: 106px !important;
  }
  mat-icon.s-xl-108 {
    font-size: 108px !important;
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
    line-height: 108px !important;
  }
  mat-icon.s-xl-110 {
    font-size: 110px !important;
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    line-height: 110px !important;
  }
  mat-icon.s-xl-112 {
    font-size: 112px !important;
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    line-height: 112px !important;
  }
  mat-icon.s-xl-114 {
    font-size: 114px !important;
    width: 114px !important;
    height: 114px !important;
    min-width: 114px !important;
    min-height: 114px !important;
    line-height: 114px !important;
  }
  mat-icon.s-xl-116 {
    font-size: 116px !important;
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    line-height: 116px !important;
  }
  mat-icon.s-xl-118 {
    font-size: 118px !important;
    width: 118px !important;
    height: 118px !important;
    min-width: 118px !important;
    min-height: 118px !important;
    line-height: 118px !important;
  }
  mat-icon.s-xl-120 {
    font-size: 120px !important;
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    line-height: 120px !important;
  }
  mat-icon.s-xl-122 {
    font-size: 122px !important;
    width: 122px !important;
    height: 122px !important;
    min-width: 122px !important;
    min-height: 122px !important;
    line-height: 122px !important;
  }
  mat-icon.s-xl-124 {
    font-size: 124px !important;
    width: 124px !important;
    height: 124px !important;
    min-width: 124px !important;
    min-height: 124px !important;
    line-height: 124px !important;
  }
  mat-icon.s-xl-126 {
    font-size: 126px !important;
    width: 126px !important;
    height: 126px !important;
    min-width: 126px !important;
    min-height: 126px !important;
    line-height: 126px !important;
  }
  mat-icon.s-xl-128 {
    font-size: 128px !important;
    width: 128px !important;
    height: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    line-height: 128px !important;
  }
  mat-icon.s-xl-130 {
    font-size: 130px !important;
    width: 130px !important;
    height: 130px !important;
    min-width: 130px !important;
    min-height: 130px !important;
    line-height: 130px !important;
  }
  mat-icon.s-xl-132 {
    font-size: 132px !important;
    width: 132px !important;
    height: 132px !important;
    min-width: 132px !important;
    min-height: 132px !important;
    line-height: 132px !important;
  }
  mat-icon.s-xl-134 {
    font-size: 134px !important;
    width: 134px !important;
    height: 134px !important;
    min-width: 134px !important;
    min-height: 134px !important;
    line-height: 134px !important;
  }
  mat-icon.s-xl-136 {
    font-size: 136px !important;
    width: 136px !important;
    height: 136px !important;
    min-width: 136px !important;
    min-height: 136px !important;
    line-height: 136px !important;
  }
  mat-icon.s-xl-138 {
    font-size: 138px !important;
    width: 138px !important;
    height: 138px !important;
    min-width: 138px !important;
    min-height: 138px !important;
    line-height: 138px !important;
  }
  mat-icon.s-xl-140 {
    font-size: 140px !important;
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    min-height: 140px !important;
    line-height: 140px !important;
  }
  mat-icon.s-xl-142 {
    font-size: 142px !important;
    width: 142px !important;
    height: 142px !important;
    min-width: 142px !important;
    min-height: 142px !important;
    line-height: 142px !important;
  }
  mat-icon.s-xl-144 {
    font-size: 144px !important;
    width: 144px !important;
    height: 144px !important;
    min-width: 144px !important;
    min-height: 144px !important;
    line-height: 144px !important;
  }
  mat-icon.s-xl-146 {
    font-size: 146px !important;
    width: 146px !important;
    height: 146px !important;
    min-width: 146px !important;
    min-height: 146px !important;
    line-height: 146px !important;
  }
  mat-icon.s-xl-148 {
    font-size: 148px !important;
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
    min-height: 148px !important;
    line-height: 148px !important;
  }
  mat-icon.s-xl-150 {
    font-size: 150px !important;
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    line-height: 150px !important;
  }
  mat-icon.s-xl-152 {
    font-size: 152px !important;
    width: 152px !important;
    height: 152px !important;
    min-width: 152px !important;
    min-height: 152px !important;
    line-height: 152px !important;
  }
  mat-icon.s-xl-154 {
    font-size: 154px !important;
    width: 154px !important;
    height: 154px !important;
    min-width: 154px !important;
    min-height: 154px !important;
    line-height: 154px !important;
  }
  mat-icon.s-xl-156 {
    font-size: 156px !important;
    width: 156px !important;
    height: 156px !important;
    min-width: 156px !important;
    min-height: 156px !important;
    line-height: 156px !important;
  }
  mat-icon.s-xl-158 {
    font-size: 158px !important;
    width: 158px !important;
    height: 158px !important;
    min-width: 158px !important;
    min-height: 158px !important;
    line-height: 158px !important;
  }
  mat-icon.s-xl-160 {
    font-size: 160px !important;
    width: 160px !important;
    height: 160px !important;
    min-width: 160px !important;
    min-height: 160px !important;
    line-height: 160px !important;
  }
  mat-icon.s-xl-162 {
    font-size: 162px !important;
    width: 162px !important;
    height: 162px !important;
    min-width: 162px !important;
    min-height: 162px !important;
    line-height: 162px !important;
  }
  mat-icon.s-xl-164 {
    font-size: 164px !important;
    width: 164px !important;
    height: 164px !important;
    min-width: 164px !important;
    min-height: 164px !important;
    line-height: 164px !important;
  }
  mat-icon.s-xl-166 {
    font-size: 166px !important;
    width: 166px !important;
    height: 166px !important;
    min-width: 166px !important;
    min-height: 166px !important;
    line-height: 166px !important;
  }
  mat-icon.s-xl-168 {
    font-size: 168px !important;
    width: 168px !important;
    height: 168px !important;
    min-width: 168px !important;
    min-height: 168px !important;
    line-height: 168px !important;
  }
  mat-icon.s-xl-170 {
    font-size: 170px !important;
    width: 170px !important;
    height: 170px !important;
    min-width: 170px !important;
    min-height: 170px !important;
    line-height: 170px !important;
  }
  mat-icon.s-xl-172 {
    font-size: 172px !important;
    width: 172px !important;
    height: 172px !important;
    min-width: 172px !important;
    min-height: 172px !important;
    line-height: 172px !important;
  }
  mat-icon.s-xl-174 {
    font-size: 174px !important;
    width: 174px !important;
    height: 174px !important;
    min-width: 174px !important;
    min-height: 174px !important;
    line-height: 174px !important;
  }
  mat-icon.s-xl-176 {
    font-size: 176px !important;
    width: 176px !important;
    height: 176px !important;
    min-width: 176px !important;
    min-height: 176px !important;
    line-height: 176px !important;
  }
  mat-icon.s-xl-178 {
    font-size: 178px !important;
    width: 178px !important;
    height: 178px !important;
    min-width: 178px !important;
    min-height: 178px !important;
    line-height: 178px !important;
  }
  mat-icon.s-xl-180 {
    font-size: 180px !important;
    width: 180px !important;
    height: 180px !important;
    min-width: 180px !important;
    min-height: 180px !important;
    line-height: 180px !important;
  }
  mat-icon.s-xl-182 {
    font-size: 182px !important;
    width: 182px !important;
    height: 182px !important;
    min-width: 182px !important;
    min-height: 182px !important;
    line-height: 182px !important;
  }
  mat-icon.s-xl-184 {
    font-size: 184px !important;
    width: 184px !important;
    height: 184px !important;
    min-width: 184px !important;
    min-height: 184px !important;
    line-height: 184px !important;
  }
  mat-icon.s-xl-186 {
    font-size: 186px !important;
    width: 186px !important;
    height: 186px !important;
    min-width: 186px !important;
    min-height: 186px !important;
    line-height: 186px !important;
  }
  mat-icon.s-xl-188 {
    font-size: 188px !important;
    width: 188px !important;
    height: 188px !important;
    min-width: 188px !important;
    min-height: 188px !important;
    line-height: 188px !important;
  }
  mat-icon.s-xl-190 {
    font-size: 190px !important;
    width: 190px !important;
    height: 190px !important;
    min-width: 190px !important;
    min-height: 190px !important;
    line-height: 190px !important;
  }
  mat-icon.s-xl-192 {
    font-size: 192px !important;
    width: 192px !important;
    height: 192px !important;
    min-width: 192px !important;
    min-height: 192px !important;
    line-height: 192px !important;
  }
  mat-icon.s-xl-194 {
    font-size: 194px !important;
    width: 194px !important;
    height: 194px !important;
    min-width: 194px !important;
    min-height: 194px !important;
    line-height: 194px !important;
  }
  mat-icon.s-xl-196 {
    font-size: 196px !important;
    width: 196px !important;
    height: 196px !important;
    min-width: 196px !important;
    min-height: 196px !important;
    line-height: 196px !important;
  }
  mat-icon.s-xl-198 {
    font-size: 198px !important;
    width: 198px !important;
    height: 198px !important;
    min-width: 198px !important;
    min-height: 198px !important;
    line-height: 198px !important;
  }
  mat-icon.s-xl-200 {
    font-size: 200px !important;
    width: 200px !important;
    height: 200px !important;
    min-width: 200px !important;
    min-height: 200px !important;
    line-height: 200px !important;
  }
  mat-icon.s-xl-202 {
    font-size: 202px !important;
    width: 202px !important;
    height: 202px !important;
    min-width: 202px !important;
    min-height: 202px !important;
    line-height: 202px !important;
  }
  mat-icon.s-xl-204 {
    font-size: 204px !important;
    width: 204px !important;
    height: 204px !important;
    min-width: 204px !important;
    min-height: 204px !important;
    line-height: 204px !important;
  }
  mat-icon.s-xl-206 {
    font-size: 206px !important;
    width: 206px !important;
    height: 206px !important;
    min-width: 206px !important;
    min-height: 206px !important;
    line-height: 206px !important;
  }
  mat-icon.s-xl-208 {
    font-size: 208px !important;
    width: 208px !important;
    height: 208px !important;
    min-width: 208px !important;
    min-height: 208px !important;
    line-height: 208px !important;
  }
  mat-icon.s-xl-210 {
    font-size: 210px !important;
    width: 210px !important;
    height: 210px !important;
    min-width: 210px !important;
    min-height: 210px !important;
    line-height: 210px !important;
  }
  mat-icon.s-xl-212 {
    font-size: 212px !important;
    width: 212px !important;
    height: 212px !important;
    min-width: 212px !important;
    min-height: 212px !important;
    line-height: 212px !important;
  }
  mat-icon.s-xl-214 {
    font-size: 214px !important;
    width: 214px !important;
    height: 214px !important;
    min-width: 214px !important;
    min-height: 214px !important;
    line-height: 214px !important;
  }
  mat-icon.s-xl-216 {
    font-size: 216px !important;
    width: 216px !important;
    height: 216px !important;
    min-width: 216px !important;
    min-height: 216px !important;
    line-height: 216px !important;
  }
  mat-icon.s-xl-218 {
    font-size: 218px !important;
    width: 218px !important;
    height: 218px !important;
    min-width: 218px !important;
    min-height: 218px !important;
    line-height: 218px !important;
  }
  mat-icon.s-xl-220 {
    font-size: 220px !important;
    width: 220px !important;
    height: 220px !important;
    min-width: 220px !important;
    min-height: 220px !important;
    line-height: 220px !important;
  }
  mat-icon.s-xl-222 {
    font-size: 222px !important;
    width: 222px !important;
    height: 222px !important;
    min-width: 222px !important;
    min-height: 222px !important;
    line-height: 222px !important;
  }
  mat-icon.s-xl-224 {
    font-size: 224px !important;
    width: 224px !important;
    height: 224px !important;
    min-width: 224px !important;
    min-height: 224px !important;
    line-height: 224px !important;
  }
  mat-icon.s-xl-226 {
    font-size: 226px !important;
    width: 226px !important;
    height: 226px !important;
    min-width: 226px !important;
    min-height: 226px !important;
    line-height: 226px !important;
  }
  mat-icon.s-xl-228 {
    font-size: 228px !important;
    width: 228px !important;
    height: 228px !important;
    min-width: 228px !important;
    min-height: 228px !important;
    line-height: 228px !important;
  }
  mat-icon.s-xl-230 {
    font-size: 230px !important;
    width: 230px !important;
    height: 230px !important;
    min-width: 230px !important;
    min-height: 230px !important;
    line-height: 230px !important;
  }
  mat-icon.s-xl-232 {
    font-size: 232px !important;
    width: 232px !important;
    height: 232px !important;
    min-width: 232px !important;
    min-height: 232px !important;
    line-height: 232px !important;
  }
  mat-icon.s-xl-234 {
    font-size: 234px !important;
    width: 234px !important;
    height: 234px !important;
    min-width: 234px !important;
    min-height: 234px !important;
    line-height: 234px !important;
  }
  mat-icon.s-xl-236 {
    font-size: 236px !important;
    width: 236px !important;
    height: 236px !important;
    min-width: 236px !important;
    min-height: 236px !important;
    line-height: 236px !important;
  }
  mat-icon.s-xl-238 {
    font-size: 238px !important;
    width: 238px !important;
    height: 238px !important;
    min-width: 238px !important;
    min-height: 238px !important;
    line-height: 238px !important;
  }
  mat-icon.s-xl-240 {
    font-size: 240px !important;
    width: 240px !important;
    height: 240px !important;
    min-width: 240px !important;
    min-height: 240px !important;
    line-height: 240px !important;
  }
  mat-icon.s-xl-242 {
    font-size: 242px !important;
    width: 242px !important;
    height: 242px !important;
    min-width: 242px !important;
    min-height: 242px !important;
    line-height: 242px !important;
  }
  mat-icon.s-xl-244 {
    font-size: 244px !important;
    width: 244px !important;
    height: 244px !important;
    min-width: 244px !important;
    min-height: 244px !important;
    line-height: 244px !important;
  }
  mat-icon.s-xl-246 {
    font-size: 246px !important;
    width: 246px !important;
    height: 246px !important;
    min-width: 246px !important;
    min-height: 246px !important;
    line-height: 246px !important;
  }
  mat-icon.s-xl-248 {
    font-size: 248px !important;
    width: 248px !important;
    height: 248px !important;
    min-width: 248px !important;
    min-height: 248px !important;
    line-height: 248px !important;
  }
  mat-icon.s-xl-250 {
    font-size: 250px !important;
    width: 250px !important;
    height: 250px !important;
    min-width: 250px !important;
    min-height: 250px !important;
    line-height: 250px !important;
  }
  mat-icon.s-xl-252 {
    font-size: 252px !important;
    width: 252px !important;
    height: 252px !important;
    min-width: 252px !important;
    min-height: 252px !important;
    line-height: 252px !important;
  }
  mat-icon.s-xl-254 {
    font-size: 254px !important;
    width: 254px !important;
    height: 254px !important;
    min-width: 254px !important;
    min-height: 254px !important;
    line-height: 254px !important;
  }
  mat-icon.s-xl-256 {
    font-size: 256px !important;
    width: 256px !important;
    height: 256px !important;
    min-width: 256px !important;
    min-height: 256px !important;
    line-height: 256px !important;
  }
}

.avatar {
  margin: 0 8px 0 0;
  border-radius: 50%;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  color: var(--matcha-color-neutral-contrast);
}
.avatar.square {
  border-radius: 0;
}
.avatar.small {
  width: 20px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
}
.avatar.big {
  width: 72px;
  min-width: 72px;
  height: 72px;
  line-height: 72px;
}
.avatar.huge {
  width: 96px;
  min-width: 96px;
  height: 96px;
  line-height: 96px;
}

html.cdk-global-scrollblock {
  position: relative !important;
  overflow: hidden !important;
}

fuse-sidebar.folded .matcha-button-xl {
  display: none !important;
}

fuse-sidebar.unfolded .matcha-button-xl {
  display: inline-block !important;
}

.btn-search {
  min-width: auto !important;
  padding: 0 !important;
}

.filter-sidebar {
  min-width: 320px !important;
  max-width: 320px !important;
  z-index: 99999 !important;
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  height: 100vh !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.4);
}
@media (max-width: 639px) {
  .filter-sidebar {
    min-width: 100vw !important;
    max-width: 100vw !important;
  }
}

vertical-layout-3 #main > .container > .container {
  padding: 0 !important;
  padding-top: 2px !important;
}

vertical-layout-3 #main > .container > .container > content.ml-32 {
  margin-left: 0 !important;
}

.page-layout.carded.fullwidth.tabbed > .center > .header {
  flex: 0;
}

.page-layout.carded.fullwidth > .center > .header {
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
}

@media (max-width: 980px) {
  .page-layout.carded.fullwidth > .center > .header {
    height: auto !important;
    min-height: auto !important;
    max-height: 100% !important;
  }
}
#qr-code {
  display: none !important;
}

.cdk-overlay-container {
  z-index: 1001 !important;
}

body .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 8px;
}

.mat-mdc-dialog-container .mdc-dialog__surface {
  background-color: transparent;
}

.docs {
  font-size: 16px;
}
.docs > .content {
  max-width: 980px;
}
.docs > .content > .main-title:first-child {
  margin-top: 0;
}
.docs .main-title {
  display: flex;
  margin-top: 72px;
  font-size: 24px;
}
.docs .section-title {
  display: inline-flex;
  font-size: 18px;
  margin-top: 24px;
  border-bottom: 1px solid #F44336;
  color: #F44336;
}
.docs ol,
.docs ul {
  padding-left: 24px;
}
.docs ol li,
.docs ul li {
  margin-bottom: 12px;
  line-height: 1.7;
}
.docs p {
  line-height: 1.7;
}

button,
input[type=email],
input[type=tel],
input[type=text],
input[type=password],
input[type=image],
input[type=submit],
input[type=button],
input[type=search],
textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
}

/*----------------------------------------------------------------*/
/*  Print
/*----------------------------------------------------------------*/
@media all {
  /* Never show page breaks in normal view */
  .page-break-after,
  .page-break-before {
    display: none;
  }
}
@media print {
  /* html and body tweaks */
  html, body {
    height: auto !important;
    overflow: initial !important;
  }
  /* Page breaks */
  .page-break-after {
    display: block;
    page-break-after: always;
    position: relative;
  }
  .page-break-before {
    display: block;
    page-break-before: always;
    position: relative;
  }
  /* General styles */
  app fuse-sidebar,
  app navbar,
  app toolbar,
  app footer,
  app fuse-theme-options,
  app .ps > .ps__rail-x,
  app .ps > .ps__rail-y {
    display: none !important;
  }
  app #main,
  app #container-1,
  app #container-2,
  app #container-3 {
    padding: 0 !important;
  }
  app .ps {
    overflow: visible !important;
  }
  app .matcha-drawer-container {
    background-color: white !important;
  }
  app .matcha-drawer-container .matcha-drawer-content {
    overflow: initial !important;
    height: auto !important;
  }
}
:host ::ng-deep .matcha-table-content tbody tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.03);
}
:host ::ng-deep table.matcha-table tbody tr.plus::before,
:host ::ng-deep table.matcha-table tbody tr.minus::before,
:host ::ng-deep table.matcha-table tbody tr.equal::before {
  content: none;
}
:host ::ng-deep .matcha-table-sticky-start .matcha-table-container-shadow table.matcha-table-content thead th:first-child,
:host ::ng-deep .matcha-table-sticky-start .matcha-table-container-shadow table.matcha-table-content tbody tr td:first-child {
  box-shadow: none;
}
@media (max-width: 599px) {
  :host ::ng-deep .matcha-table-sticky-start .matcha-table-container-shadow table.matcha-table-content thead th:first-child,
  :host ::ng-deep .matcha-table-sticky-start .matcha-table-container-shadow table.matcha-table-content tbody tr td:first-child {
    position: static;
  }
}

/**
 * Prism base code highlighter theme using Sass 
 *
 * @author @MoOx
 * https://github.com/MoOx/sass-prism-theme-base/blob/master/_prism.scss
 * slightly adapted by me, Bram de Haan
 */
code[class*=language-], pre[class*=language-] {
  tab-size: 4;
  hyphens: none;
  white-space: pre;
  font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
  font-size: 14px;
  line-height: 1.6;
  color: #CDD3DE;
  background: #263238;
}

:not(pre) > code[class*=language-], pre[class*=language-] {
  border-radius: 0;
  border: none;
  box-shadow: none;
}

pre[class*=language-] {
  padding: 12px;
}

:not(pre) > code[class*=language-] {
  padding: 2px 6px;
}

code[class*=language-] .namespace, pre[class*=language-] .namespace {
  opacity: 0.7;
}

code[class*=language-] .token.comment, code[class*=language-] .token.prolog, code[class*=language-] .token.doctype, code[class*=language-] .token.cdata, pre[class*=language-] .token.comment, pre[class*=language-] .token.prolog, pre[class*=language-] .token.doctype, pre[class*=language-] .token.cdata {
  color: #62727A;
}

code[class*=language-] .token.null, code[class*=language-] .token.operator, code[class*=language-] .token.boolean, code[class*=language-] .token.number, pre[class*=language-] .token.null, pre[class*=language-] .token.operator, pre[class*=language-] .token.boolean, pre[class*=language-] .token.number {
  color: #EA9560;
}

code[class*=language-] .token.string, pre[class*=language-] .token.string {
  color: #80CBC4;
}

code[class*=language-] .token.attr-name, pre[class*=language-] .token.attr-name {
  color: #EA9560;
}

code[class*=language-] .token.entity, code[class*=language-] .token.url, .language-css code[class*=language-] .token.string, .style code[class*=language-] .token.string, pre[class*=language-] .token.entity, pre[class*=language-] .token.url, .language-css pre[class*=language-] .token.string, .style pre[class*=language-] .token.string {
  color: #80CBC4;
}

code[class*=language-] .token.selector, pre[class*=language-] .token.selector {
  color: #82AAFF;
}

code[class*=language-] .token.attr-value, code[class*=language-] .token.keyword, code[class*=language-] .token.control, code[class*=language-] .token.directive, code[class*=language-] .token.unit, pre[class*=language-] .token.attr-value, pre[class*=language-] .token.keyword, pre[class*=language-] .token.control, pre[class*=language-] .token.directive, pre[class*=language-] .token.unit {
  color: #8BD649;
}

code[class*=language-] .token.important, pre[class*=language-] .token.important {
  color: #EC5F67;
}

code[class*=language-] .token.atrule, pre[class*=language-] .token.atrule {
  color: #80CBC4;
}

code[class*=language-] .token.regex, code[class*=language-] .token.statement, pre[class*=language-] .token.regex, pre[class*=language-] .token.statement {
  color: #80CBC4;
}

code[class*=language-] .token.placeholder, code[class*=language-] .token.variable, pre[class*=language-] .token.placeholder, pre[class*=language-] .token.variable {
  color: #89DDFF;
}

code[class*=language-] .token.property, pre[class*=language-] .token.property {
  color: #FFCC00;
}

code[class*=language-] .token.tag, pre[class*=language-] .token.tag {
  color: #89DDFF;
}

code[class*=language-] .token.important, code[class*=language-] .token.statement, pre[class*=language-] .token.important, pre[class*=language-] .token.statement {
  font-weight: bold;
}

code[class*=language-] .token.punctuation, pre[class*=language-] .token.punctuation {
  color: #CDD3DE;
}

code[class*=language-] .token.entity, pre[class*=language-] .token.entity {
  cursor: help;
}

code[class*=language-] .token.debug, pre[class*=language-] .token.debug {
  color: red;
}

.ps {
  position: relative;
}

.ps > .ps__rail-x {
  z-index: 99999;
}

.ps > .ps__rail-y {
  z-index: 99999;
  left: auto !important;
}

.color-picker {
  height: auto !important;
  border: none !important;
}

.color-picker .preset-area {
  padding: 0 0 16px 16px !important;
  height: 140px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.color-picker .preset-area > hr {
  display: none;
}

.color-picker .preset-area .preset-label {
  display: none;
}

.color-picker .preset-area .preset-color {
  display: block !important;
  float: left !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

.color-picker .preset-area .preset-color:nth-child(14n+1) {
  clear: both;
}

google-chart svg path {
  stroke: var(--matcha-color-border) !important;
}

html,
body,
input {
  font-family: var(--matcha-font-family);
}

.bounce {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 100% {
    top: 4px;
  }
  50% {
    top: -4px;
  }
}
.matcha-card google-chart,
.matcha-card-flat google-chart,
.matcha-section google-chart {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  height: 100%;
}
.matcha-card google-chart *,
.matcha-card-flat google-chart *,
.matcha-section google-chart * {
  max-width: 100% !important;
}

#ngxcharts ngx-charts-chart svg {
  height: 400px;
  width: 400px;
}
.chart-legend {
  background-color: transparent;
  padding: 0;
  width: 200px !important;
  min-width: 200px;
  max-width: 300px;
  display: flex;
  right: 0;
}
.chart-legend div {
  width: 100% !important;
}
.chart-legend .legend-labels {
  background: transparent !important;
}
.chart-legend .legend-labels .active .legend-label-text {
  color: var(--matcha-color-text-label);
}
.chart-legend .legend-label-color {
  border-radius: 12px !important;
}
.chart-legend .legend-label-text {
  font-weight: normal;
  font-size: 16px !important;
  line-height: 20px;
  color: var(--matcha-color-fg);
}

@media (min-width: 1024px) {
  .chart-legend {
    margin: 0 24px 0 0;
    border-radius: 8px;
    position: absolute;
    background-color: var(--matcha-color-surface-bg-alpha);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.033), 0px 2px 2px 0px rgba(0, 0, 0, 0.033), 0px 2px 2px 0px rgba(0, 0, 0, 0.033);
  }
}
.pie-chart .pie-label {
  fill: var(--matcha-color-text-label);
  font-size: 16px !important;
  line-height: 20px;
  padding: 8px;
}

a {
  color: var(--matcha-color-accent);
}

pre > code {
  color: var(--matcha-color-info);
}

code:not(.highlight) {
  background-color: var(--matcha-color-surface-card);
}

.changelog .entry {
  background-color: var(--matcha-color-surface-card);
}

.text-boxed {
  background-color: var(--matcha-color-text-boxed-bg);
  color: var(--matcha-color-text-boxed-fg);
}

.text-primary {
  color: var(--matcha-color-primary) !important;
}

.text-warn {
  color: var(--matcha-color-warn) !important;
}

.text-label {
  color: var(--matcha-color-text-label) !important;
}

.text-placeholder {
  color: var(--matcha-color-text-placeholder) !important;
}

.text-basic {
  color: var(--matcha-color-fg) !important;
}

.changelog .entry .groups .breaking-changes .title {
  background: var(--matcha-color-danger);
}
.changelog .entry .groups .new .title {
  background: var(--matcha-color-success);
}
.changelog .entry .groups .improved .title {
  background: var(--matcha-prim-purple-500);
}
.changelog .entry .groups .fixed .title {
  background: var(--matcha-color-info);
}

code:not(.highlight) {
  color: var(--matcha-color-info);
}

mark {
  background: var(--matcha-color-warn);
}

.matcha-message-box,
.matcha-msg-box,
.message-box {
  background-color: var(--matcha-color-primary-alpha);
  border-left-color: var(--matcha-color-primary);
  color: var(--matcha-color-fg);
}
.matcha-message-box.error, .matcha-message-box.warning, .matcha-message-box.success, .matcha-message-box.info, .matcha-message-box--error, .matcha-message-box--warning, .matcha-message-box--success, .matcha-message-box--info,
.matcha-msg-box.error,
.matcha-msg-box.warning,
.matcha-msg-box.success,
.matcha-msg-box.info,
.matcha-msg-box--error,
.matcha-msg-box--warning,
.matcha-msg-box--success,
.matcha-msg-box--info,
.message-box.error,
.message-box.warning,
.message-box.success,
.message-box.info,
.message-box--error,
.message-box--warning,
.message-box--success,
.message-box--info {
  color: var(--matcha-color-fg);
}
.matcha-message-box--error, .matcha-message-box.error,
.matcha-msg-box--error,
.matcha-msg-box.error,
.message-box--error,
.message-box.error {
  background-color: var(--matcha-color-danger-alpha);
  border-left-color: var(--matcha-color-danger);
}
.matcha-message-box--warning, .matcha-message-box.warning,
.matcha-msg-box--warning,
.matcha-msg-box.warning,
.message-box--warning,
.message-box.warning {
  background-color: var(--matcha-color-warn-alpha);
  border-left-color: var(--matcha-color-warn);
}
.matcha-message-box--success, .matcha-message-box.success,
.matcha-msg-box--success,
.matcha-msg-box.success,
.message-box--success,
.message-box.success {
  background-color: var(--matcha-color-success-alpha);
  border-left-color: var(--matcha-color-success);
}
.matcha-message-box--info, .matcha-message-box.info,
.matcha-msg-box--info,
.matcha-msg-box.info,
.message-box--info,
.message-box.info {
  background-color: var(--matcha-color-info-alpha);
  border-left-color: var(--matcha-color-info);
}

matcha-card:not([color]),
.matcha-card:not([color]),
.matcha-card-flat:not([color]) {
  background-color: var(--matcha-color-surface);
  color: var(--matcha-color-fg);
}
matcha-card[color=surface],
.matcha-card[color=surface],
.matcha-card-flat[color=surface] {
  background-color: var(--matcha-color-surface);
  color: var(--matcha-color-fg);
}
matcha-card[color=bg],
.matcha-card[color=bg],
.matcha-card-flat[color=bg] {
  background-color: var(--matcha-color-bg);
  color: var(--matcha-color-fg);
}
matcha-card[color=accent],
.matcha-card[color=accent],
.matcha-card-flat[color=accent] {
  background-color: var(--matcha-color-accent);
  color: var(--matcha-color-accent-contrast);
}
matcha-card[color=primary],
.matcha-card[color=primary],
.matcha-card-flat[color=primary] {
  background-color: var(--matcha-color-primary);
  color: var(--matcha-color-primary-contrast);
}
matcha-card[color=danger],
.matcha-card[color=danger],
.matcha-card-flat[color=danger] {
  background-color: var(--matcha-color-danger);
  color: var(--matcha-color-danger-contrast);
}
matcha-card[alpha]:not([alpha=false])[color=accent],
.matcha-card[alpha]:not([alpha=false])[color=accent],
.matcha-card-flat[alpha]:not([alpha=false])[color=accent] {
  background-color: var(--matcha-color-accent-alpha);
  color: var(--matcha-color-fg);
}
matcha-card[alpha]:not([alpha=false])[color=primary],
.matcha-card[alpha]:not([alpha=false])[color=primary],
.matcha-card-flat[alpha]:not([alpha=false])[color=primary] {
  background-color: var(--matcha-color-primary-alpha);
  color: var(--matcha-color-fg);
}
matcha-card[alpha]:not([alpha=false])[color=danger],
.matcha-card[alpha]:not([alpha=false])[color=danger],
.matcha-card-flat[alpha]:not([alpha=false])[color=danger] {
  background-color: var(--matcha-color-danger-alpha);
  color: var(--matcha-color-fg);
}
matcha-card[alpha]:not([alpha=false])[color=surface],
.matcha-card[alpha]:not([alpha=false])[color=surface],
.matcha-card-flat[alpha]:not([alpha=false])[color=surface] {
  background-color: var(--matcha-color-surface-bg);
  color: var(--matcha-color-fg);
}
matcha-card[alpha]:not([alpha=false])[color=bg],
.matcha-card[alpha]:not([alpha=false])[color=bg],
.matcha-card-flat[alpha]:not([alpha=false])[color=bg] {
  background-color: var(--matcha-color-surface-bg-alpha);
  color: var(--matcha-color-fg);
}
matcha-card[outline]:not([outline=false]),
.matcha-card[outline]:not([outline=false]),
.matcha-card-flat[outline]:not([outline=false]) {
  background: transparent;
  border: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border, rgba(255, 255, 255, 0.12));
  box-shadow: none;
}
matcha-card[outline]:not([outline=false]):not([color]),
.matcha-card[outline]:not([outline=false]):not([color]),
.matcha-card-flat[outline]:not([outline=false]):not([color]) {
  color: var(--matcha-color-fg);
}
matcha-card[tint]:not([tint=false])[color=accent],
.matcha-card[tint]:not([tint=false])[color=accent],
.matcha-card-flat[tint]:not([tint=false])[color=accent] {
  background-color: var(--matcha-color-accent-alpha);
  color: var(--matcha-color-accent);
}
matcha-card[tint]:not([tint=false])[color=primary],
.matcha-card[tint]:not([tint=false])[color=primary],
.matcha-card-flat[tint]:not([tint=false])[color=primary] {
  background-color: var(--matcha-color-primary-alpha);
  color: var(--matcha-color-primary);
}
matcha-card[tint]:not([tint=false])[color=danger],
.matcha-card[tint]:not([tint=false])[color=danger],
.matcha-card-flat[tint]:not([tint=false])[color=danger] {
  background-color: var(--matcha-color-danger-alpha);
  color: var(--matcha-color-danger);
}
matcha-card[basic]:not([basic=false]),
.matcha-card[basic]:not([basic=false]),
.matcha-card-flat[basic]:not([basic=false]) {
  box-shadow: none;
  background-color: var(--matcha-color-surface);
}
matcha-card[basic]:not([basic=false]):not([color]),
.matcha-card[basic]:not([basic=false]):not([color]),
.matcha-card-flat[basic]:not([basic=false]):not([color]) {
  color: var(--matcha-color-fg);
}
matcha-card[link]:not([link=false]),
.matcha-card[link]:not([link=false]),
.matcha-card-flat[link]:not([link=false]) {
  text-transform: initial;
  letter-spacing: 0;
  text-decoration: none;
  padding: 0;
  background: transparent;
}

.svg-line line {
  stroke: var(--matcha-color-accent);
}

.child .the-line-connect-first {
  box-shadow: inset 2px -2px 0 2px var(--matcha-color-accent);
}
.child .the-line-connect {
  box-shadow: inset 2px -2px 0 2px var(--matcha-color-accent);
}
.child .the-line-connect-last {
  box-shadow: inset 2px -2px 0 2px var(--matcha-color-accent);
}
.child .the-line-connect-first-modal {
  box-shadow: inset 2px -2px 0 2px var(--matcha-color-accent-alpha);
}
.child .the-line-connect-second-modal {
  box-shadow: inset 2px -2px 0 2px var(--matcha-color-accent-alpha);
}
.child .the-line-connect-last-modal {
  box-shadow: inset 2px -2px 0 2px var(--matcha-color-accent-alpha);
}
.child .the-line-connect-middle {
  box-shadow: inset 2px -2px 0 2px var(--matcha-color-border);
}

.tree-first-node-begin-btn-add-node {
  background: var(--matcha-color-surface);
  box-shadow: inset 0 0 0 3px var(--matcha-color-accent);
}
.tree-first-node-begin-btn-add-node-i {
  color: var(--matcha-color-accent);
}

.matcha-audio-player .is-selected {
  box-shadow: inset 0 0 0 var(--matcha-border-thin, 2px) var(--matcha-color-accent);
}

.matcha-color-pick .is-selected {
  box-shadow: inset 0 0 0 var(--matcha-border-thin, 2px) var(--matcha-color-surface);
}

.matcha-draggable .check-with-label:checked + .label-for-check {
  box-shadow: 0 0 0 var(--matcha-border-thick, 8px) var(--matcha-color-surface), 0 0 0 10px var(--matcha-color-text-placeholder);
}
.matcha-draggable .is-selected {
  box-shadow: 0 0 0 var(--matcha-border-thick, 8px) var(--matcha-color-surface), 0 0 0 10px var(--matcha-color-text-placeholder);
}

.scrollbox,
.scrollbox-vertical,
.scrollbox-v,
.scrollbox-y {
  overflow: overlay;
  background: linear-gradient(var(--matcha-color-surface) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--matcha-color-surface) 70%) 0 100%, linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 50%) 0 100%;
  background-repeat: no-repeat;
  background-color: var(--matcha-color-surface);
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}

.scrollbox-horizontal,
.scrollbox-h,
.scrollbox-x {
  box-shadow: 0px -16px 0px 0px inset var(--matcha-color-surface), 20px 0 16px -24px inset color-mix(in srgb, var(--matcha-color-fg) 15%, transparent), -20px 0 16px -24px inset color-mix(in srgb, var(--matcha-color-fg) 15%, transparent), 0px 2px 2px 0px color-mix(in srgb, var(--matcha-color-fg) 3.5%, transparent), 0px 2px 2px 0px color-mix(in srgb, var(--matcha-color-fg) 3.5%, transparent), 0px 2px 2px 0px color-mix(in srgb, var(--matcha-color-fg) 3.5%, transparent);
  overflow: auto;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) calc(0% + 10px), rgba(0, 0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0.1));
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) calc(0% + 10px), rgba(0, 0, 0, 0) calc(100% - 10px), rgba(0, 0, 0, 0.1));
}

.scrollbox-horizontal-content,
.scrollbox-h-content,
.scrollbox-x-content {
  background: var(--matcha-color-surface);
  background: linear-gradient(90deg, var(--matcha-color-surface) 10px, var(--matcha-color-surface), rgba(255, 255, 255, 0) calc(0% + 10px), rgba(255, 255, 255, 0) calc(100% - 10px), var(--matcha-color-surface) 10px, var(--matcha-color-surface));
  background: -webkit-linear-gradient(0deg, var(--matcha-color-surface) 10px, var(--matcha-color-surface), rgba(255, 255, 255, 0) calc(0% + 10px), rgba(255, 255, 255, 0) calc(100% - 10px), var(--matcha-color-surface) 10px, var(--matcha-color-surface));
}

.scrollbox-horizontal-content-background,
.scrollbox-h-content-background,
.scrollbox-x-content-background {
  background: var(--matcha-color-bg);
  background: linear-gradient(90deg, var(--matcha-color-bg) 10px, var(--matcha-color-bg), rgba(255, 255, 255, 0) calc(0% + 10px), rgba(255, 255, 255, 0) calc(100% - 10px), var(--matcha-color-bg) 10px, var(--matcha-color-bg));
  background: -webkit-linear-gradient(0deg, var(--matcha-color-bg) 10px, var(--matcha-color-bg), rgba(255, 255, 255, 0) calc(0% + 10px), rgba(255, 255, 255, 0) calc(100% - 10px), var(--matcha-color-bg) 10px, var(--matcha-color-bg));
}

.scrollbox-background {
  overflow: overlay;
  background: linear-gradient(var(--matcha-color-bg) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--matcha-color-bg) 70%) 0 100%, linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 50%) 0 100%;
  background-repeat: no-repeat;
  background-color: var(--matcha-color-bg);
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}

:not(.is-mobile) ::-webkit-scrollbar {
  width: var(--matcha-space-200, 16px);
  height: var(--matcha-space-200, 16px);
  background-color: transparent;
}
:not(.is-mobile) ::-webkit-scrollbar:hover {
  background-color: var(--matcha-color-surface-hover);
}
:not(.is-mobile) ::-webkit-scrollbar-thumb {
  border: var(--matcha-space-050, 4px) solid transparent;
  box-shadow: inset 0 0 0 var(--matcha-space-150, 12px) rgba(136, 136, 136, 0.2);
  border-radius: var(--matcha-radius-xl, 16px);
}
:not(.is-mobile) ::-webkit-scrollbar-thumb:active {
  box-shadow: inset 0 0 0 var(--matcha-space-150, 12px) rgba(136, 136, 136, 0.2666666667);
  border-radius: var(--matcha-radius-xl, 16px);
}
:not(.is-mobile) ::-webkit-scrollbar-corner {
  background: transparent;
}

.matcha-table .td-with-image,
.matcha-table .td-with-checkbox,
.matcha-table .td-with-icon,
.matcha-table .td-duble-line {
  display: flex;
  align-items: center;
}
.matcha-table .td-with-image .td-text-aside,
.matcha-table .td-with-checkbox .td-text-aside,
.matcha-table .td-with-icon .td-text-aside,
.matcha-table .td-duble-line .td-text-aside {
  display: inline-block;
  width: calc(100% - 48px);
}
.matcha-table .td-with-image .avatar,
.matcha-table .td-with-checkbox .avatar,
.matcha-table .td-with-icon .avatar,
.matcha-table .td-duble-line .avatar {
  width: 48px;
  min-width: 48px;
  height: 48px;
  line-height: 48px;
  border-width: 0;
  margin-right: 24px;
}
.matcha-table .td-with-image .thumbnail,
.matcha-table .td-with-checkbox .thumbnail,
.matcha-table .td-with-icon .thumbnail,
.matcha-table .td-duble-line .thumbnail {
  width: 72px;
  min-width: 72px;
  height: 48px;
  border-radius: var(--matcha-radius-lg, 8px);
  margin: 0 8px 0 0;
}
.matcha-table .td-with-image .thumbnail-portrait,
.matcha-table .td-with-checkbox .thumbnail-portrait,
.matcha-table .td-with-icon .thumbnail-portrait,
.matcha-table .td-duble-line .thumbnail-portrait {
  width: 56px;
  min-width: 56px;
  height: 72px;
  border-radius: var(--matcha-radius-lg, 8px);
  margin: 0 8px 0 0;
}

.matcha-table {
  --matcha-table-cell-height-compact: var(--matcha-space-500, 40px);
  --matcha-table-cell-height-comfortable: 58px;
  --matcha-table-cell-height-spacious: var(--matcha-space-800, 64px);
  --matcha-table-cell-padding-x-left: var(--matcha-space-200, 16px);
  --matcha-table-cell-padding-x-right: var(--matcha-space-200, 16px);
  --matcha-table-cell-min-width: var(--matcha-space-1500, 120px);
  --matcha-table-paginator-spacing: var(--matcha-space-300, 24px);
  --matcha-table-font-size: 13px;
  --matcha-table-font-line-height: 18px;
  --matcha-table-header-font-size: var(--matcha-text-body-sm, 12px);
  --matcha-table-header-font-line-height: var(--matcha-leading-body-sm, 16px);
  --matcha-table-header-letter-spacing: 0.04em;
  --matcha-table-border-color: var(--matcha-color-interaction-disabled-border);
  --matcha-table-border-header: var(--matcha-border-thin, 2px);
  --matcha-table-border-row: var(--matcha-border-hairline, 1px);
  --matcha-table-bordered-radius: var(--matcha-radius-md, 4px);
  --matcha-table-rounded-top-radius: var(--matcha-radius-xl, 16px);
  --matcha-table-cell-bg: var(--matcha-color-surface-card);
  --matcha-table-row-bg-selected: var(--matcha-color-accent-alpha-12,
                                            rgba(var(--matcha-color-accent), 0.12));
  --matcha-table-row-bg-striped: var(--matcha-color-surface-card-alt,
                                            rgba(var(--matcha-color-fg), 0.02));
  --matcha-table-row-bg-hover: rgba(var(--matcha-color-fg), 0.12);
  --matcha-table-row-bg-hover-striped: rgba(var(--matcha-color-fg), 0.18);
  --matcha-table-header-bg-hover: rgba(var(--matcha-color-fg), 0.10);
  --matcha-table-row-bg-hover-accent: var(--matcha-color-accent-surface-hover);
  --matcha-table-sort-icon-color: rgba(var(--matcha-color-fg), 0.45);
  --matcha-table-sort-icon-color-active: var(--matcha-color-accent);
  --matcha-table-sort-icon-size: var(--matcha-space-250, 20px);
  --matcha-table-empty-cell-text: var(--matcha-color-text-muted,
                                            rgba(var(--matcha-color-fg), 0.5));
  --matcha-table-variant-accent-width: var(--matcha-space-050, 4px);
  --matcha-table-row-accent-child-opacity: 0.5;
  --matcha-table-selected-accent-width: var(--matcha-border-thin, 2px);
  --matcha-table-selected-accent-color: var(--matcha-color-accent);
  --matcha-table-col-checkbox-width: var(--matcha-space-600, 48px);
  --matcha-table-col-id-width: var(--matcha-space-1000, 80px);
  --matcha-table-col-narrow-width: var(--matcha-space-1500, 120px);
  --matcha-table-col-medium-width: var(--matcha-space-2500, 200px);
  --matcha-table-col-actions-width: var(--matcha-space-1000, 80px);
  --matcha-table-disabled-opacity: var(--matcha-state-disabled-opacity, 0.5);
  --matcha-table-loading-pulse-duration: var(--matcha-duration-slow, 1500ms);
  --matcha-table-loading-pulse-opacity-min: 0.5;
  --matcha-table-transition-duration: var(--matcha-duration-instant, 80ms);
  --matcha-table-focus-ring-width: var(--matcha-state-focus-ring-width, 2px);
  --matcha-table-focus-ring-color: var(--matcha-color-accent);
  --matcha-table-empty-padding-y: var(--matcha-space-500, 40px);
  --matcha-table-empty-padding-x: var(--matcha-space-300, 24px);
  --matcha-table-resize-handle-width: var(--matcha-space-100, 8px);
  --matcha-table-resize-indicator-width: var(--matcha-border-hairline, 1px);
  --matcha-table-resize-indicator-height: 50%;
  --matcha-table-resize-indicator-top: 25%;
}

.matcha-table {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-table-font-size);
  line-height: var(--matcha-table-font-line-height);
  font-weight: var(--matcha-weight-regular, 400);
  color: var(--matcha-color-text-secondary, color-mix(in srgb, var(--matcha-color-fg) 70%, transparent));
}
.matcha-table thead th {
  box-sizing: border-box;
  height: var(--matcha-table-cell-height-comfortable);
  min-width: var(--matcha-table-cell-min-width);
  padding: 0 var(--matcha-table-cell-padding-x-right) 0 var(--matcha-table-cell-padding-x-left);
  background: var(--matcha-table-cell-bg);
  color: var(--matcha-color-text-primary, var(--matcha-color-fg));
  font-size: var(--matcha-table-header-font-size);
  line-height: var(--matcha-table-header-font-line-height);
  font-weight: var(--matcha-weight-semibold, 600);
  letter-spacing: var(--matcha-table-header-letter-spacing);
  text-align: left;
  vertical-align: middle;
  border-bottom: var(--matcha-table-border-header) solid var(--matcha-table-border-color);
}
.matcha-table thead th[data-align=center], .matcha-table thead th[data-alinhamento=center], .matcha-table thead th.text-center {
  text-align: center;
}
.matcha-table thead th[data-align=right], .matcha-table thead th[data-alinhamento=right], .matcha-table thead th.text-right {
  text-align: right;
}
.matcha-table thead th[data-sortable] {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  padding-right: calc(var(--matcha-table-cell-padding-x-right) + var(--matcha-table-sort-icon-size));
  position: relative;
}
.matcha-table thead th[data-sortable]::after {
  content: "";
  position: absolute;
  right: var(--matcha-table-cell-padding-x-right);
  top: 50%;
  transform: translateY(-50%);
  width: var(--matcha-table-sort-icon-size);
  height: var(--matcha-table-sort-icon-size);
  background: var(--matcha-table-sort-icon-color);
  transition: background-color var(--matcha-table-transition-duration) linear;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M11 7.82499L6.1 12.725C5.9 12.925 5.66667 13.0208 5.4 13.0125C5.13333 13.0042 4.9 12.9 4.7 12.7C4.51667 12.5 4.42083 12.2667 4.4125 12C4.40417 11.7333 4.5 11.5 4.7 11.3L11.3 4.69999C11.4 4.59999 11.5083 4.52915 11.625 4.48749C11.7417 4.44582 11.8667 4.42499 12 4.42499C12.1333 4.42499 12.2583 4.44582 12.375 4.48749C12.4917 4.52915 12.6 4.59999 12.7 4.69999L19.3 11.3C19.4833 11.4833 19.575 11.7125 19.575 11.9875C19.575 12.2625 19.4833 12.5 19.3 12.7C19.1 12.9 18.8625 13 18.5875 13C18.3125 13 18.075 12.9 17.875 12.7L13 7.82499V19C13 19.2833 12.9042 19.5208 12.7125 19.7125C12.5208 19.9042 12.2833 20 12 20C11.7167 20 11.4792 19.9042 11.2875 19.7125C11.0958 19.5208 11 19.2833 11 19V7.82499Z'/></svg>") center/contain no-repeat;
}
.matcha-table thead th[data-sortable]:hover::after {
  background: var(--matcha-color-text-primary, var(--matcha-color-fg));
}
.matcha-table thead th[data-sortable][data-sort-direction=asc]::after {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M11 7.82499L6.1 12.725C5.9 12.925 5.66667 13.0208 5.4 13.0125C5.13333 13.0042 4.9 12.9 4.7 12.7C4.51667 12.5 4.42083 12.2667 4.4125 12C4.40417 11.7333 4.5 11.5 4.7 11.3L11.3 4.69999C11.4 4.59999 11.5083 4.52915 11.625 4.48749C11.7417 4.44582 11.8667 4.42499 12 4.42499C12.1333 4.42499 12.2583 4.44582 12.375 4.48749C12.4917 4.52915 12.6 4.59999 12.7 4.69999L19.3 11.3C19.4833 11.4833 19.575 11.7125 19.575 11.9875C19.575 12.2625 19.4833 12.5 19.3 12.7C19.1 12.9 18.8625 13 18.5875 13C18.3125 13 18.075 12.9 17.875 12.7L13 7.82499V19C13 19.2833 12.9042 19.5208 12.7125 19.7125C12.5208 19.9042 12.2833 20 12 20C11.7167 20 11.4792 19.9042 11.2875 19.7125C11.0958 19.5208 11 19.2833 11 19V7.82499Z'/></svg>") center/contain no-repeat;
  background: var(--matcha-table-sort-icon-color-active);
}
.matcha-table thead th[data-sortable][data-sort-direction=desc]::after {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M11 16.175V5C11 4.71667 11.0958 4.47917 11.2875 4.2875C11.4792 4.09583 11.7167 4 12 4C12.2833 4 12.5208 4.09583 12.7125 4.2875C12.9042 4.47917 13 4.71667 13 5V16.175L17.9 11.275C18.1 11.075 18.3333 10.9792 18.6 10.9875C18.8667 10.9958 19.1 11.1 19.3 11.3C19.4833 11.5 19.5792 11.7333 19.5875 12C19.5958 12.2667 19.5 12.5 19.3 12.7L12.7 19.3C12.6 19.4 12.4917 19.4708 12.375 19.5125C12.2583 19.5542 12.1333 19.575 12 19.575C11.8667 19.575 11.7417 19.5542 11.625 19.5125C11.5083 19.4708 11.4 19.4 11.3 19.3L4.7 12.7C4.51667 12.5167 4.425 12.2875 4.425 12.0125C4.425 11.7375 4.51667 11.5 4.7 11.3C4.9 11.1 5.1375 11 5.4125 11C5.6875 11 5.925 11.1 6.125 11.3L11 16.175Z'/></svg>") center/contain no-repeat;
  background: var(--matcha-table-sort-icon-color-active);
}
.matcha-table thead th[data-sortable][data-align=right], .matcha-table thead th[data-sortable][data-alinhamento=right], .matcha-table thead th[data-sortable].text-right {
  padding-right: var(--matcha-table-cell-padding-x-right);
  padding-left: calc(var(--matcha-table-cell-padding-x-left) + var(--matcha-table-sort-icon-size));
}
.matcha-table thead th[data-sortable][data-align=right]::after, .matcha-table thead th[data-sortable][data-alinhamento=right]::after, .matcha-table thead th[data-sortable].text-right::after {
  right: auto;
  left: var(--matcha-table-cell-padding-x-left);
}
.matcha-table thead th[data-sortable]:focus-visible {
  outline: var(--matcha-table-focus-ring-width) solid var(--matcha-table-focus-ring-color);
  outline-offset: calc(-1 * var(--matcha-table-focus-ring-width));
}
.matcha-table tbody td {
  box-sizing: border-box;
  height: var(--matcha-table-cell-height-comfortable);
  min-width: var(--matcha-table-cell-min-width);
  padding: 0 var(--matcha-table-cell-padding-x-right) 0 var(--matcha-table-cell-padding-x-left);
  background: var(--matcha-table-cell-bg);
  color: var(--matcha-color-text-secondary, color-mix(in srgb, var(--matcha-color-fg) 70%, transparent));
  vertical-align: middle;
  border-bottom: var(--matcha-table-border-row) solid var(--matcha-table-border-color);
  transition: background-color var(--matcha-table-transition-duration) linear;
}
.matcha-table tbody td[data-align=center], .matcha-table tbody td[data-alinhamento=center], .matcha-table tbody td.text-center {
  text-align: center;
}
.matcha-table tbody td[data-align=right], .matcha-table tbody td[data-alinhamento=right], .matcha-table tbody td.text-right {
  text-align: right;
}
.matcha-table tbody td[data-numeric], .matcha-table tbody td.numeric {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}
.matcha-table tbody td[data-truncate], .matcha-table tbody td.truncate {
  max-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.matcha-table tbody td:empty::after {
  content: "—";
  color: var(--matcha-table-empty-cell-text);
}
.matcha-table thead th.col-checkbox,
.matcha-table tbody td.col-checkbox {
  width: var(--matcha-table-col-checkbox-width);
  min-width: var(--matcha-table-col-checkbox-width);
  text-align: center;
}
.matcha-table thead th.col-id,
.matcha-table tbody td.col-id {
  width: var(--matcha-table-col-id-width);
}
.matcha-table thead th.col-narrow,
.matcha-table tbody td.col-narrow {
  width: var(--matcha-table-col-narrow-width);
}
.matcha-table thead th.col-medium,
.matcha-table tbody td.col-medium {
  width: var(--matcha-table-col-medium-width);
}
.matcha-table thead th.col-actions,
.matcha-table tbody td.col-actions {
  width: var(--matcha-table-col-actions-width);
  min-width: var(--matcha-table-col-actions-width);
  white-space: nowrap;
  text-align: center;
}
.matcha-table thead th.col-actions > .matcha-button,
.matcha-table thead th.col-actions > button[matcha-icon-button],
.matcha-table thead th.col-actions > *,
.matcha-table tbody td.col-actions > .matcha-button,
.matcha-table tbody td.col-actions > button[matcha-icon-button],
.matcha-table tbody td.col-actions > * {
  display: inline-flex;
  vertical-align: middle;
}
.matcha-table thead th.col-actions > * + *,
.matcha-table tbody td.col-actions > * + * {
  margin-left: var(--matcha-space-050, 4px);
}
.matcha-table thead th.col-greedy,
.matcha-table tbody td.col-greedy {
  width: auto;
}
.matcha-table .matcha-table-paginator, .matcha-table + matcha-paginator {
  display: block;
  margin-top: 0;
}
.matcha-table tbody tr.matcha-row-clickable {
  cursor: pointer;
}
.matcha-table tbody tr.matcha-row-clickable:hover td {
  --matcha-table-cell-bg: var(--matcha-table-row-bg-hover);
}
.matcha-table tbody tr.matcha-row-clickable:focus-visible {
  outline: var(--matcha-table-focus-ring-width) solid var(--matcha-table-focus-ring-color);
  outline-offset: calc(-1 * var(--matcha-table-focus-ring-width));
}
.matcha-table[striped] tbody tr:where(:nth-child(even)) td, matcha-table[striped] .matcha-table tbody tr:where(:nth-child(even)) td {
  --matcha-table-cell-bg: var(--matcha-table-row-bg-striped);
}
.matcha-table[hover] tbody tr:hover td, matcha-table[hover] .matcha-table tbody tr:hover td {
  --matcha-table-cell-bg: var(--matcha-table-row-bg-hover);
}
.matcha-table[striped] tbody tr:where(:nth-child(even)).matcha-row-clickable:hover td, matcha-table[striped] .matcha-table tbody tr:where(:nth-child(even)).matcha-row-clickable:hover td, .matcha-table[striped][hover] tbody tr:where(:nth-child(even)):hover td, matcha-table[striped][hover] .matcha-table tbody tr:where(:nth-child(even)):hover td {
  --matcha-table-cell-bg: var(--matcha-table-row-bg-hover-striped);
}
.matcha-table a[matcha-cell-link]:focus-visible {
  outline: var(--matcha-table-focus-ring-width) solid var(--matcha-table-focus-ring-color);
}
.matcha-table tbody tr:has(a[matcha-cell-link]:hover) td,
.matcha-table tbody tr:has(a[matcha-cell-link]:focus-visible) td {
  --matcha-table-cell-bg: var(--matcha-table-row-bg-hover-accent);
}
.matcha-table tbody tr.is-selected td {
  --matcha-table-cell-bg: var(--matcha-table-row-bg-selected);
}
.matcha-table tbody tr.is-selected {
  position: relative;
}
.matcha-table tbody tr.is-selected::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--matcha-table-selected-accent-width);
  height: 100%;
  background: var(--matcha-table-selected-accent-color);
  pointer-events: none;
  z-index: 2;
}
.matcha-table[bordered] {
  box-shadow: inset 0 0 0 var(--matcha-table-border-row) var(--matcha-table-border-color);
  border-radius: var(--matcha-table-bordered-radius);
}
.matcha-table[sticky-header], matcha-table[sticky-header] .matcha-table {
  max-height: var(--matcha-table-sticky-header-max-height, 70vh);
  overflow-y: auto;
}
.matcha-table[sticky-header] thead th, matcha-table[sticky-header] .matcha-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}
.matcha-table[data-size=compact] thead th, .matcha-table[data-size=compact] tbody td {
  height: var(--matcha-table-cell-height-compact);
}
.matcha-table[data-size=spacious] thead th, .matcha-table[data-size=spacious] tbody td {
  height: var(--matcha-table-cell-height-spacious);
}
.matcha-table[data-sticky-start="1"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-child(-n+1),
.matcha-table[data-sticky-start="1"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-child(-n+1) {
  position: sticky;
  z-index: 2;
  background-color: var(--matcha-color-surface-card);
}
.matcha-table[data-sticky-start="1"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-child(1),
.matcha-table[data-sticky-start="1"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-child(1) {
  border-right: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border);
}
.matcha-table[data-sticky-end="1"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-last-child(-n+1),
.matcha-table[data-sticky-end="1"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-last-child(-n+1) {
  position: sticky;
  z-index: 2;
  background-color: var(--matcha-color-surface-card);
}
.matcha-table[data-sticky-end="1"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-last-child(1),
.matcha-table[data-sticky-end="1"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-last-child(1) {
  border-left: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border);
}
.matcha-table[data-sticky-start="2"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-child(-n+2),
.matcha-table[data-sticky-start="2"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-child(-n+2) {
  position: sticky;
  z-index: 2;
  background-color: var(--matcha-color-surface-card);
}
.matcha-table[data-sticky-start="2"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-child(2),
.matcha-table[data-sticky-start="2"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-child(2) {
  border-right: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border);
}
.matcha-table[data-sticky-end="2"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-last-child(-n+2),
.matcha-table[data-sticky-end="2"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-last-child(-n+2) {
  position: sticky;
  z-index: 2;
  background-color: var(--matcha-color-surface-card);
}
.matcha-table[data-sticky-end="2"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-last-child(2),
.matcha-table[data-sticky-end="2"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-last-child(2) {
  border-left: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border);
}
.matcha-table[data-sticky-start="3"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-child(-n+3),
.matcha-table[data-sticky-start="3"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-child(-n+3) {
  position: sticky;
  z-index: 2;
  background-color: var(--matcha-color-surface-card);
}
.matcha-table[data-sticky-start="3"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-child(3),
.matcha-table[data-sticky-start="3"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-child(3) {
  border-right: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border);
}
.matcha-table[data-sticky-end="3"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-last-child(-n+3),
.matcha-table[data-sticky-end="3"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-last-child(-n+3) {
  position: sticky;
  z-index: 2;
  background-color: var(--matcha-color-surface-card);
}
.matcha-table[data-sticky-end="3"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-last-child(3),
.matcha-table[data-sticky-end="3"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-last-child(3) {
  border-left: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border);
}
.matcha-table[data-sticky-start="4"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-child(-n+4),
.matcha-table[data-sticky-start="4"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-child(-n+4) {
  position: sticky;
  z-index: 2;
  background-color: var(--matcha-color-surface-card);
}
.matcha-table[data-sticky-start="4"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-child(4),
.matcha-table[data-sticky-start="4"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-child(4) {
  border-right: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border);
}
.matcha-table[data-sticky-end="4"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-last-child(-n+4),
.matcha-table[data-sticky-end="4"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-last-child(-n+4) {
  position: sticky;
  z-index: 2;
  background-color: var(--matcha-color-surface-card);
}
.matcha-table[data-sticky-end="4"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:nth-last-child(4),
.matcha-table[data-sticky-end="4"]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:nth-last-child(4) {
  border-left: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border);
}
.matcha-table[data-sticky-start]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:first-child, .matcha-table[data-sticky-start]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:first-child {
  left: 0;
}
.matcha-table[data-sticky-end]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) thead th:last-child, .matcha-table[data-sticky-end]:not([sticky-header]):not(matcha-table[sticky-header] .matcha-table) tbody tr td:last-child {
  right: 0;
}
.matcha-table tr.equal {
  --matcha-table-row-accent-color: var(--matcha-color-info);
}
.matcha-table tr.plus {
  --matcha-table-row-accent-color: var(--matcha-color-success);
}
.matcha-table tr.minus {
  --matcha-table-row-accent-color: var(--matcha-color-danger);
}
.matcha-table tbody tr[data-variant],
.matcha-table tbody tr.equal,
.matcha-table tbody tr.plus,
.matcha-table tbody tr.minus {
  position: relative;
}
.matcha-table tbody tr[data-variant]::before,
.matcha-table tbody tr.equal::before,
.matcha-table tbody tr.plus::before,
.matcha-table tbody tr.minus::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--matcha-table-variant-accent-width);
  height: 100%;
  background: var(--matcha-table-row-accent-color, transparent);
  pointer-events: none;
  z-index: 1;
}
.matcha-table tbody tr.child-item::before {
  opacity: var(--matcha-table-row-accent-child-opacity);
}
.matcha-table tbody tr.child-item td:first-child {
  padding-left: calc(var(--matcha-table-cell-padding-x-left) + var(--matcha-space-200, 16px));
}
.matcha-table[loading] tbody tr, matcha-table[loading] .matcha-table tbody tr {
  animation: matcha-table-loading-pulse var(--matcha-table-loading-pulse-duration) ease-in-out infinite;
  pointer-events: none;
}
.matcha-table tbody tr[disabled], .matcha-table tbody tr.is-disabled,
.matcha-table tbody td[disabled], .matcha-table tbody td.is-disabled {
  opacity: var(--matcha-table-disabled-opacity);
  pointer-events: none;
  cursor: not-allowed;
}
.matcha-table tbody tr.is-loading {
  animation: matcha-table-loading-pulse var(--matcha-table-loading-pulse-duration) ease-in-out infinite;
  pointer-events: none;
}
.matcha-table tbody tr.is-empty td {
  padding: var(--matcha-table-empty-padding-y) var(--matcha-table-empty-padding-x);
  text-align: center;
  background: var(--matcha-table-cell-bg);
}
.matcha-table thead th.is-resizable {
  position: relative;
}
.matcha-table thead th.is-resizable::before {
  content: "";
  position: absolute;
  top: var(--matcha-table-resize-indicator-top);
  right: 0;
  width: var(--matcha-table-resize-indicator-width);
  height: var(--matcha-table-resize-indicator-height);
  background: var(--matcha-table-border-color);
  opacity: 0;
  transition: opacity var(--matcha-table-transition-duration) linear;
}
.matcha-table thead th.is-resizable:hover::before {
  opacity: 1;
}
.matcha-table thead th.is-resizable::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(-1 * var(--matcha-table-resize-handle-width) / 2);
  width: var(--matcha-table-resize-handle-width);
  height: 100%;
  cursor: col-resize;
  z-index: 3;
  background: transparent;
  mask: none;
}

matcha-table[sticky-header] > .matcha-table__scroll {
  max-height: var(--matcha-table-sticky-header-max-height, 70vh);
  overflow-y: auto;
}

.matcha-table[rounded-top] {
  border-top-left-radius: var(--matcha-table-rounded-top-radius);
  border-top-right-radius: var(--matcha-table-rounded-top-radius);
}

matcha-table[rounded-top] .matcha-table__scroll {
  border-top-left-radius: var(--matcha-table-rounded-top-radius, var(--matcha-radius-xl, 16px));
  border-top-right-radius: var(--matcha-table-rounded-top-radius, var(--matcha-radius-xl, 16px));
}

@keyframes matcha-table-loading-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: var(--matcha-table-loading-pulse-opacity-min);
  }
}
@media (prefers-reduced-motion: reduce) {
  .matcha-table tbody td,
  .matcha-table[loading] tbody tr,
  matcha-table[loading] .matcha-table tbody tr {
    transition: none;
    animation: none;
  }
}
matcha-toolbar {
  --matcha-toolbar-padding-y: var(--matcha-space-200, 16px);
  --matcha-toolbar-padding-x: var(--matcha-space-200, 16px);
  --matcha-toolbar-padding-left: var(--matcha-toolbar-padding-x);
  --matcha-toolbar-padding-right: var(--matcha-toolbar-padding-x);
  --matcha-toolbar-gap: var(--matcha-space-100, 8px);
  --matcha-toolbar-actions-gap: var(--matcha-space-100, 8px);
  --matcha-toolbar-min-height: 68px;
  --matcha-toolbar-search-max-width: 320px;
  --matcha-toolbar-stack-breakpoint: 768px;
  --matcha-toolbar-padding-y-compact: var(--matcha-space-150, 12px);
  --matcha-toolbar-padding-x-compact: var(--matcha-space-150, 12px);
  --matcha-toolbar-min-height-compact: var(--matcha-space-600, 48px);
  --matcha-toolbar-padding-y-spacious: var(--matcha-space-300, 24px);
  --matcha-toolbar-padding-x-spacious: var(--matcha-space-300, 24px);
  --matcha-toolbar-min-height-spacious: var(--matcha-space-900, 72px);
  --matcha-toolbar-bg: var(--matcha-color-surface-card);
  --matcha-toolbar-radius: var(--matcha-radius-xl, 16px);
  --matcha-toolbar-border-color: var(--matcha-color-surface-border);
  --matcha-toolbar-border-width: var(--matcha-border-hairline, 1px);
  --matcha-toolbar-shadow-1: var(--matcha-shadow-1);
  --matcha-toolbar-shadow-2: var(--matcha-shadow-2);
  --matcha-toolbar-shadow-3: var(--matcha-shadow-3);
  --matcha-toolbar-sticky-z: var(--matcha-z-sticky, 10);
  --matcha-toolbar-transition-duration: var(--matcha-duration-fast, 200ms);
}

matcha-toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--matcha-toolbar-gap);
  padding: var(--matcha-toolbar-padding-y) var(--matcha-toolbar-padding-right) var(--matcha-toolbar-padding-y) var(--matcha-toolbar-padding-left);
  background: var(--matcha-toolbar-bg);
  border-radius: var(--matcha-toolbar-radius);
  min-height: var(--matcha-toolbar-min-height);
  box-sizing: border-box;
  width: 100%;
  transition: padding var(--matcha-toolbar-transition-duration) ease, gap var(--matcha-toolbar-transition-duration) ease, box-shadow var(--matcha-toolbar-transition-duration) ease;
}
matcha-toolbar > matcha-title {
  flex: 1 1 auto;
  min-width: 0;
}
matcha-toolbar matcha-title[type=icon] {
  --matcha-title-fill: var(--matcha-color-text-secondary,
    color-mix(in srgb, var(--matcha-color-fg) 55%, transparent));
}
matcha-toolbar matcha-title .matcha-title__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
matcha-toolbar > matcha-field[type=search],
matcha-toolbar [matcha-toolbar-actions] > matcha-field[type=search] {
  max-width: var(--matcha-toolbar-search-max-width);
}
matcha-toolbar button[matcha-icon-button],
matcha-toolbar [matcha-icon-button] {
  flex: 0 0 auto;
}
matcha-toolbar > matcha-menu,
matcha-toolbar > matcha-menu > matcha-panel {
  display: contents;
}
matcha-toolbar > button[matcha-button],
matcha-toolbar > [matcha-button] {
  flex: 0 0 auto;
}
matcha-toolbar [matcha-toolbar-actions] {
  display: flex;
  align-items: center;
  gap: var(--matcha-toolbar-actions-gap);
}
matcha-toolbar[data-layout=stack] {
  flex-wrap: wrap;
  row-gap: var(--matcha-space-100, 8px);
}
matcha-toolbar[data-layout=stack] > * {
  margin-left: 0;
  min-width: 0;
}
matcha-toolbar[data-layout=stack] > matcha-field[type=search] {
  flex: 1 1 100%;
  order: 99;
  max-width: 100%;
  width: 100%;
}
matcha-toolbar[data-layout=stack] > matcha-title {
  flex: 1 1 auto;
  max-width: 100%;
}
matcha-toolbar[data-layout=stack] > [matcha-toolbar-actions] {
  flex: 0 0 auto;
}
matcha-toolbar[data-layout=stack] > button[matcha-button],
matcha-toolbar[data-layout=stack] > [matcha-button] {
  flex: 0 0 auto;
}
@media (max-width: 768px) {
  matcha-toolbar:not([data-no-auto-stack]) {
    flex-wrap: wrap;
    row-gap: var(--matcha-space-100, 8px);
  }
  matcha-toolbar:not([data-no-auto-stack]) > * {
    margin-left: 0;
    min-width: 0;
  }
  matcha-toolbar:not([data-no-auto-stack]) > matcha-field[type=search] {
    flex: 1 1 100%;
    order: 99;
    max-width: 100%;
    width: 100%;
  }
  matcha-toolbar:not([data-no-auto-stack]) > matcha-title {
    flex: 1 1 auto;
    max-width: 100%;
  }
  matcha-toolbar:not([data-no-auto-stack]) > [matcha-toolbar-actions] {
    flex: 0 0 auto;
  }
  matcha-toolbar:not([data-no-auto-stack]) > button[matcha-button],
  matcha-toolbar:not([data-no-auto-stack]) > [matcha-button] {
    flex: 0 0 auto;
  }
}
@media (max-width: 479px) {
  matcha-toolbar:not([data-no-auto-stack]) > [matcha-toolbar-actions] {
    flex: 1 1 100%;
    order: 50;
    justify-content: flex-end;
  }
  matcha-toolbar:not([data-no-auto-stack]) > button[matcha-button],
  matcha-toolbar:not([data-no-auto-stack]) > [matcha-button] {
    flex: 1 1 auto;
    order: 60;
  }
}
matcha-toolbar[data-size=compact] {
  padding: var(--matcha-toolbar-padding-y-compact) var(--matcha-toolbar-padding-x-compact);
  min-height: var(--matcha-toolbar-min-height-compact);
}
matcha-toolbar[data-size=spacious] {
  padding: var(--matcha-toolbar-padding-y-spacious) var(--matcha-toolbar-padding-x-spacious);
  min-height: var(--matcha-toolbar-min-height-spacious);
}
matcha-toolbar[data-color] {
  position: relative;
  overflow: hidden;
}
matcha-toolbar[data-color]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--matcha-space-050, 4px);
  background: var(--matcha-toolbar-accent-color, var(--matcha-color-accent));
  pointer-events: none;
}
matcha-toolbar[data-color=accent] {
  --matcha-toolbar-accent-color: var(--matcha-color-accent);
}
matcha-toolbar[data-color=success] {
  --matcha-toolbar-accent-color: var(--matcha-color-success);
}
matcha-toolbar[data-color=warn] {
  --matcha-toolbar-accent-color: var(--matcha-color-warn);
}
matcha-toolbar[data-color=danger] {
  --matcha-toolbar-accent-color: var(--matcha-color-danger);
}
matcha-toolbar[data-color=info] {
  --matcha-toolbar-accent-color: var(--matcha-color-info);
}
matcha-toolbar[data-elevation="1"] {
  box-shadow: var(--matcha-toolbar-shadow-1);
}
matcha-toolbar[data-elevation="2"] {
  box-shadow: var(--matcha-toolbar-shadow-2);
}
matcha-toolbar[data-elevation="3"] {
  box-shadow: var(--matcha-toolbar-shadow-3);
}
matcha-toolbar[data-bordered] {
  border: var(--matcha-toolbar-border-width) solid var(--matcha-toolbar-border-color);
}
matcha-toolbar[data-sticky] {
  position: sticky;
  top: 0;
  z-index: var(--matcha-toolbar-sticky-z);
}
matcha-toolbar[data-collapse-search][data-layout=stack] [matcha-toolbar-actions] matcha-field,
matcha-toolbar[data-collapse-search][data-layout=stack] > matcha-field {
  flex: 0 0 auto;
  width: var(--matcha-space-800, 32px);
  transition: width var(--matcha-toolbar-transition-duration) ease, flex var(--matcha-toolbar-transition-duration) ease;
}
matcha-toolbar[data-collapse-search][data-layout=stack] [matcha-toolbar-actions] matcha-field:focus-within,
matcha-toolbar[data-collapse-search][data-layout=stack] > matcha-field:focus-within {
  flex: 1 1 0;
  width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  matcha-toolbar {
    transition: none;
  }
  matcha-toolbar [matcha-toolbar-actions] matcha-field {
    transition: none;
  }
  matcha-toolbar > matcha-field {
    transition: none;
  }
}
matcha-button-toggle {
  display: inline-flex;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=red] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=red] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=red] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=red] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-red);
  color: var(--matcha-color-red-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=red] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=red] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=red] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=red] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-red-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=pink] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=pink] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=pink] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=pink] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-pink);
  color: var(--matcha-color-pink-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=pink] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=pink] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=pink] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=pink] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-pink-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=purple] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=purple] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=purple] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=purple] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-purple);
  color: var(--matcha-color-purple-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=purple] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=purple] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=purple] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=purple] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-purple-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=deep-purple] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=deep-purple] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=deep-purple] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=deep-purple] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-deep-purple);
  color: var(--matcha-color-deep-purple-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=deep-purple] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=deep-purple] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=deep-purple] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=deep-purple] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-deep-purple-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=indigo] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=indigo] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=indigo] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=indigo] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-indigo);
  color: var(--matcha-color-indigo-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=indigo] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=indigo] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=indigo] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=indigo] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-indigo-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=blue] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=blue] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=blue] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=blue] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-blue);
  color: var(--matcha-color-blue-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=blue] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=blue] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=blue] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=blue] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-blue-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=light-blue] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=light-blue] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=light-blue] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=light-blue] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-light-blue);
  color: var(--matcha-color-light-blue-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=light-blue] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=light-blue] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=light-blue] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=light-blue] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-light-blue-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=cyan] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=cyan] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=cyan] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=cyan] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-cyan);
  color: var(--matcha-color-cyan-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=cyan] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=cyan] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=cyan] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=cyan] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-cyan-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=teal] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=teal] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=teal] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=teal] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-teal);
  color: var(--matcha-color-teal-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=teal] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=teal] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=teal] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=teal] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-teal-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=green] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=green] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=green] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=green] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-green);
  color: var(--matcha-color-green-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=green] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=green] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=green] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=green] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-green-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=light-green] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=light-green] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=light-green] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=light-green] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-light-green);
  color: var(--matcha-color-light-green-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=light-green] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=light-green] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=light-green] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=light-green] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-light-green-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=lime] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=lime] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=lime] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=lime] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-lime);
  color: var(--matcha-color-lime-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=lime] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=lime] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=lime] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=lime] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-lime-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=yellow] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=yellow] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=yellow] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=yellow] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-yellow);
  color: var(--matcha-color-yellow-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=yellow] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=yellow] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=yellow] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=yellow] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-yellow-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=amber] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=amber] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=amber] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=amber] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-amber);
  color: var(--matcha-color-amber-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=amber] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=amber] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=amber] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=amber] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-amber-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=orange] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=orange] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=orange] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=orange] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-orange);
  color: var(--matcha-color-orange-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=orange] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=orange] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=orange] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=orange] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-orange-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=deep-orange] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=deep-orange] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=deep-orange] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=deep-orange] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-deep-orange);
  color: var(--matcha-color-deep-orange-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=deep-orange] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=deep-orange] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=deep-orange] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=deep-orange] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-deep-orange-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=brown] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=brown] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=brown] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=brown] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-brown);
  color: var(--matcha-color-brown-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=brown] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=brown] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=brown] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=brown] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-brown-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=grey] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=grey] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=grey] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=grey] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-grey);
  color: var(--matcha-color-grey-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=grey] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=grey] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=grey] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=grey] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-grey-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=blue-grey] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=blue-grey] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=blue-grey] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=blue-grey] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-blue-grey);
  color: var(--matcha-color-blue-grey-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=blue-grey] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=blue-grey] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=blue-grey] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=blue-grey] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-blue-grey-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=primary] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=primary] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=primary] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=primary] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-primary);
  color: var(--matcha-color-primary-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=primary] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=primary] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=primary] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=primary] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-primary-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=accent] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=accent] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=accent] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=accent] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-accent);
  color: var(--matcha-color-accent-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=accent] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=accent] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=accent] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=accent] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-accent-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=success] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=success] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=success] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=success] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-success);
  color: var(--matcha-color-success-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=success] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=success] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=success] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=success] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-success-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=warn] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=warn] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=warn] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=warn] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-warn);
  color: var(--matcha-color-warn-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=warn] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=warn] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=warn] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=warn] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-warn-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=danger] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=danger] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=danger] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=danger] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-danger);
  color: var(--matcha-color-danger-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=danger] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=danger] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=danger] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=danger] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-danger-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=info] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=info] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=info] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=info] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-info);
  color: var(--matcha-color-info-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=info] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=info] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=info] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=info] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-info-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[inactivecolor=disabled] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[inactivecolor=disabled] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][inactivecolor=disabled] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][inactivecolor=disabled] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-disabled);
  color: var(--matcha-color-disabled-contrast);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle:not([inactivetype])[inactivecolor=disabled] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle:not([inactivetype])[inactivecolor=disabled] .button-group a[matcha-button]:not([active]) .ripple, matcha-button-toggle[inactivetype=solid][inactivecolor=disabled] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=solid][inactivecolor=disabled] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-disabled-contrast-alpha);
}
matcha-button-toggle:not([inactivetype])[disabled] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[disabled] .button-group a[matcha-button]:not([active]), matcha-button-toggle:not([inactivetype])[disabled]:not([disabled=false]) .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[disabled]:not([disabled=false]) .button-group a[matcha-button]:not([active]), matcha-button-toggle:not([inactivetype])[disabled=true] .button-group button[matcha-button]:not([active]),
matcha-button-toggle:not([inactivetype])[disabled=true] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][disabled] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][disabled] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][disabled]:not([disabled=false]) .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][disabled]:not([disabled=false]) .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=solid][disabled=true] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=solid][disabled=true] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-disabled-bg);
  color: var(--matcha-color-disabled-fg);
  box-shadow: 0 0 0 0px inset;
  pointer-events: none;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=red] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=red] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-red);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=red] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=red] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-red-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=pink] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=pink] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-pink);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=pink] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=pink] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-pink-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=purple] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=purple] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-purple);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=purple] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=purple] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-purple-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=deep-purple] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=deep-purple] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-deep-purple);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=deep-purple] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=deep-purple] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-deep-purple-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=indigo] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=indigo] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-indigo);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=indigo] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=indigo] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-indigo-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=blue] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=blue] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-blue);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=blue] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=blue] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-blue-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=light-blue] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=light-blue] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-light-blue);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=light-blue] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=light-blue] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-light-blue-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=cyan] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=cyan] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-cyan);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=cyan] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=cyan] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-cyan-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=teal] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=teal] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-teal);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=teal] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=teal] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-teal-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=green] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=green] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-green);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=green] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=green] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-green-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=light-green] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=light-green] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-light-green);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=light-green] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=light-green] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-light-green-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=lime] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=lime] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-lime);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=lime] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=lime] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-lime-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=yellow] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=yellow] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-yellow);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=yellow] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=yellow] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-yellow-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=amber] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=amber] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-amber);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=amber] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=amber] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-amber-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=orange] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=orange] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-orange);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=orange] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=orange] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-orange-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=deep-orange] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=deep-orange] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-deep-orange);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=deep-orange] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=deep-orange] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-deep-orange-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=brown] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=brown] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-brown);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=brown] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=brown] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-brown-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=grey] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=grey] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-grey);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=grey] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=grey] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-grey-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=blue-grey] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=blue-grey] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-blue-grey);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=blue-grey] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=blue-grey] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-blue-grey-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=primary] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=primary] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-primary);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=primary] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=primary] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-primary-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=accent] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=accent] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-accent);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=accent] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=accent] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-accent-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=success] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=success] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-success);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=success] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=success] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-success-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=warn] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=warn] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-warn);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=warn] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=warn] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-warn-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=danger] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=danger] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-danger);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=danger] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=danger] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-danger-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=info] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=info] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-info);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=info] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=info] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-info-alpha);
}
matcha-button-toggle[inactivetype=basic][inactivecolor=disabled] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][inactivecolor=disabled] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-disabled);
  box-shadow: 0 0 0 0px inset;
}
matcha-button-toggle[inactivetype=basic][inactivecolor=disabled] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=basic][inactivecolor=disabled] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-disabled-alpha);
}
matcha-button-toggle[inactivetype=basic][disabled] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][disabled] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=basic][disabled]:not([disabled=false]) .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][disabled]:not([disabled=false]) .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=basic][disabled=true] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=basic][disabled=true] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 0px inset;
  pointer-events: none;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=basic] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=basic] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-text-secondary);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-surface-border) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=basic] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=basic] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-fg-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=red] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=red] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-red);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-red) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=red] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=red] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-red-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=pink] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=pink] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-pink);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-pink) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=pink] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=pink] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-pink-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=purple] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=purple] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-purple);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-purple) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=purple] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=purple] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-purple-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-purple] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-purple] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-deep-purple);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-deep-purple) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-purple] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-purple] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-deep-purple-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=indigo] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=indigo] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-indigo);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-indigo) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=indigo] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=indigo] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-indigo-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=blue] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=blue] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-blue);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-blue) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=blue] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=blue] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-blue-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=light-blue] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=light-blue] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-light-blue);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-light-blue) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=light-blue] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=light-blue] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-light-blue-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=cyan] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=cyan] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-cyan);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-cyan) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=cyan] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=cyan] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-cyan-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=teal] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=teal] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-teal);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-teal) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=teal] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=teal] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-teal-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=green] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=green] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-green);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-green) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=green] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=green] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-green-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=light-green] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=light-green] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-light-green);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-light-green) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=light-green] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=light-green] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-light-green-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=lime] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=lime] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-lime);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-lime) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=lime] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=lime] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-lime-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=yellow] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=yellow] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-yellow);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-yellow) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=yellow] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=yellow] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-yellow-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=amber] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=amber] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-amber);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-amber) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=amber] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=amber] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-amber-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=orange] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=orange] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-orange);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-orange) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=orange] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=orange] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-orange-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-orange] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-orange] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-deep-orange);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-deep-orange) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-orange] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-orange] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-deep-orange-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=brown] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=brown] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-brown);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-brown) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=brown] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=brown] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-brown-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=grey] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=grey] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-grey);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-grey) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=grey] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=grey] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-grey-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=blue-grey] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=blue-grey] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-blue-grey);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-blue-grey) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=blue-grey] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=blue-grey] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-blue-grey-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=primary] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=primary] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-primary);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-primary) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=primary] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=primary] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-primary-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=accent] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=accent] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-accent);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-accent) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=accent] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=accent] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-accent-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=success] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=success] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-success);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-success) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=success] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=success] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-success-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=warn] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=warn] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-warn);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-warn) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=warn] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=warn] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-warn-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=danger] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=danger] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-danger);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-danger) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=danger] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=danger] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-danger-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=info] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=info] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-info);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-info) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=info] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=info] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-info-alpha);
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=disabled] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=disabled] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-disabled);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-disabled) inset;
}
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=disabled] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=outline]:not([disabled=true])[inactivecolor=disabled] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-disabled-alpha);
}
matcha-button-toggle[inactivetype=outline][disabled] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline][disabled] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=outline][disabled]:not([disabled=false]) .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline][disabled]:not([disabled=false]) .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=outline][disabled=true] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=outline][disabled=true] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 var(--matcha-border-thin, 2px) inset;
  pointer-events: none;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=red] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=red] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-red);
  background: var(--matcha-color-red-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=red] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=red] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-red-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=pink] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=pink] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-pink);
  background: var(--matcha-color-pink-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=pink] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=pink] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-pink-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=purple] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=purple] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-purple);
  background: var(--matcha-color-purple-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=purple] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=purple] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-purple-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=deep-purple] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=deep-purple] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-deep-purple);
  background: var(--matcha-color-deep-purple-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=deep-purple] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=deep-purple] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-deep-purple-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=indigo] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=indigo] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-indigo);
  background: var(--matcha-color-indigo-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=indigo] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=indigo] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-indigo-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=blue] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=blue] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-blue);
  background: var(--matcha-color-blue-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=blue] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=blue] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-blue-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=light-blue] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=light-blue] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-light-blue);
  background: var(--matcha-color-light-blue-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=light-blue] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=light-blue] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-light-blue-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=cyan] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=cyan] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-cyan);
  background: var(--matcha-color-cyan-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=cyan] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=cyan] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-cyan-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=teal] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=teal] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-teal);
  background: var(--matcha-color-teal-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=teal] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=teal] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-teal-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=green] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=green] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-green);
  background: var(--matcha-color-green-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=green] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=green] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-green-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=light-green] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=light-green] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-light-green);
  background: var(--matcha-color-light-green-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=light-green] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=light-green] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-light-green-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=lime] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=lime] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-lime);
  background: var(--matcha-color-lime-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=lime] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=lime] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-lime-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=yellow] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=yellow] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-yellow);
  background: var(--matcha-color-yellow-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=yellow] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=yellow] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-yellow-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=amber] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=amber] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-amber);
  background: var(--matcha-color-amber-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=amber] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=amber] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-amber-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=orange] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=orange] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-orange);
  background: var(--matcha-color-orange-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=orange] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=orange] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-orange-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=deep-orange] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=deep-orange] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-deep-orange);
  background: var(--matcha-color-deep-orange-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=deep-orange] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=deep-orange] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-deep-orange-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=brown] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=brown] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-brown);
  background: var(--matcha-color-brown-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=brown] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=brown] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-brown-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=grey] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=grey] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-grey);
  background: var(--matcha-color-grey-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=grey] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=grey] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-grey-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=blue-grey] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=blue-grey] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-blue-grey);
  background: var(--matcha-color-blue-grey-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=blue-grey] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=blue-grey] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-blue-grey-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=primary] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=primary] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-primary);
  background: var(--matcha-color-primary-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=primary] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=primary] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-primary-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=accent] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=accent] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-accent);
  background: var(--matcha-color-accent-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=accent] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=accent] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-accent-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=success] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=success] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-success);
  background: var(--matcha-color-success-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=success] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=success] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-success-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=warn] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=warn] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-warn);
  background: var(--matcha-color-warn-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=warn] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=warn] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-warn-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=danger] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=danger] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-danger);
  background: var(--matcha-color-danger-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=danger] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=danger] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-danger-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=info] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=info] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-info);
  background: var(--matcha-color-info-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=info] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=info] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-info-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=disabled] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][inactivecolor=disabled] .button-group a[matcha-button]:not([active]) {
  color: var(--matcha-color-disabled);
  background: var(--matcha-color-disabled-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=alpha][inactivecolor=disabled] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=alpha][inactivecolor=disabled] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-disabled-contrast-alpha);
}
matcha-button-toggle[inactivetype=alpha][disabled] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][disabled] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=alpha][disabled]:not([disabled=false]) .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][disabled]:not([disabled=false]) .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=alpha][disabled=true] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=alpha][disabled=true] .button-group a[matcha-button]:not([active]) {
  background: var(--matcha-color-disabled-bg-alpha, var(--matcha-color-interaction-disabled-bg-alpha));
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 0px inset;
  pointer-events: none;
}
matcha-button-toggle[inactivetype=link][inactivecolor=red] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=red] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-red);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=red] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=red] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-red-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=pink] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=pink] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-pink);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=pink] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=pink] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-pink-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=purple] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=purple] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-purple);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=purple] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=purple] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-purple-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=deep-purple] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=deep-purple] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-deep-purple);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=deep-purple] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=deep-purple] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-deep-purple-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=indigo] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=indigo] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-indigo);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=indigo] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=indigo] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-indigo-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=blue] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=blue] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-blue);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=blue] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=blue] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-blue-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=light-blue] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=light-blue] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-light-blue);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=light-blue] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=light-blue] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-light-blue-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=cyan] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=cyan] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-cyan);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=cyan] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=cyan] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-cyan-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=teal] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=teal] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-teal);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=teal] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=teal] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-teal-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=green] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=green] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-green);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=green] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=green] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-green-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=light-green] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=light-green] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-light-green);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=light-green] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=light-green] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-light-green-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=lime] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=lime] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-lime);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=lime] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=lime] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-lime-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=yellow] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=yellow] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-yellow);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=yellow] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=yellow] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-yellow-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=amber] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=amber] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-amber);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=amber] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=amber] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-amber-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=orange] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=orange] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-orange);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=orange] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=orange] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-orange-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=deep-orange] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=deep-orange] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-deep-orange);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=deep-orange] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=deep-orange] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-deep-orange-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=brown] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=brown] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-brown);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=brown] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=brown] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-brown-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=grey] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=grey] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-grey);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=grey] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=grey] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-grey-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=blue-grey] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=blue-grey] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-blue-grey);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=blue-grey] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=blue-grey] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-blue-grey-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=primary] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=primary] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-primary);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=primary] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=primary] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-primary-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=accent] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=accent] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-accent);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=accent] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=accent] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-accent-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=success] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=success] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-success);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=success] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=success] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-success-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=warn] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=warn] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-warn);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=warn] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=warn] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-warn-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=danger] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=danger] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-danger);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=danger] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=danger] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-danger-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=info] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=info] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-info);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=info] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=info] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-info-alpha);
}
matcha-button-toggle[inactivetype=link][inactivecolor=disabled] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][inactivecolor=disabled] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-disabled);
  box-shadow: 0 0 0 0px;
}
matcha-button-toggle[inactivetype=link][inactivecolor=disabled] .button-group button[matcha-button]:not([active]) .ripple,
matcha-button-toggle[inactivetype=link][inactivecolor=disabled] .button-group a[matcha-button]:not([active]) .ripple {
  background: var(--matcha-color-disabled-alpha);
}
matcha-button-toggle[inactivetype=link][disabled] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][disabled] .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=link][disabled]:not([disabled=false]) .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][disabled]:not([disabled=false]) .button-group a[matcha-button]:not([active]), matcha-button-toggle[inactivetype=link][disabled=true] .button-group button[matcha-button]:not([active]),
matcha-button-toggle[inactivetype=link][disabled=true] .button-group a[matcha-button]:not([active]) {
  background: transparent;
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 0px inset;
  pointer-events: none;
}
matcha-button-toggle .button-group button[matcha-button]:focus-visible:not([disabled]):not([disabled=true]),
matcha-button-toggle .button-group a[matcha-button]:focus-visible:not([disabled]):not([disabled=true]) {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: calc(-1 * (var(--matcha-state-focus-ring-width, 2px) + var(--matcha-state-focus-ring-offset, 2px)));
}
matcha-button-toggle[disabled] .button-group button[matcha-button][active],
matcha-button-toggle[disabled] .button-group a[matcha-button][active], matcha-button-toggle[disabled]:not([disabled=false]) .button-group button[matcha-button][active],
matcha-button-toggle[disabled]:not([disabled=false]) .button-group a[matcha-button][active], matcha-button-toggle[disabled=true] .button-group button[matcha-button][active],
matcha-button-toggle[disabled=true] .button-group a[matcha-button][active] {
  background: var(--matcha-color-disabled-bg);
  color: var(--matcha-color-disabled-fg);
  box-shadow: 0 0 0 0px inset;
  pointer-events: none;
}
matcha-button-toggle[disabled] .button-group button[matcha-button][active][outline], matcha-button-toggle[disabled] .button-group button[matcha-button][active][outline]:not([outline=false]), matcha-button-toggle[disabled] .button-group button[matcha-button][active][outline=true],
matcha-button-toggle[disabled] .button-group a[matcha-button][active][outline],
matcha-button-toggle[disabled] .button-group a[matcha-button][active][outline]:not([outline=false]),
matcha-button-toggle[disabled] .button-group a[matcha-button][active][outline=true], matcha-button-toggle[disabled]:not([disabled=false]) .button-group button[matcha-button][active][outline], matcha-button-toggle[disabled]:not([disabled=false]) .button-group button[matcha-button][active][outline]:not([outline=false]), matcha-button-toggle[disabled]:not([disabled=false]) .button-group button[matcha-button][active][outline=true],
matcha-button-toggle[disabled]:not([disabled=false]) .button-group a[matcha-button][active][outline],
matcha-button-toggle[disabled]:not([disabled=false]) .button-group a[matcha-button][active][outline]:not([outline=false]),
matcha-button-toggle[disabled]:not([disabled=false]) .button-group a[matcha-button][active][outline=true], matcha-button-toggle[disabled=true] .button-group button[matcha-button][active][outline], matcha-button-toggle[disabled=true] .button-group button[matcha-button][active][outline]:not([outline=false]), matcha-button-toggle[disabled=true] .button-group button[matcha-button][active][outline=true],
matcha-button-toggle[disabled=true] .button-group a[matcha-button][active][outline],
matcha-button-toggle[disabled=true] .button-group a[matcha-button][active][outline]:not([outline=false]),
matcha-button-toggle[disabled=true] .button-group a[matcha-button][active][outline=true] {
  background: transparent;
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 var(--matcha-border-thin, 2px) inset;
  pointer-events: none;
}
matcha-button-toggle[disabled] .button-group button[matcha-button][active][basic], matcha-button-toggle[disabled] .button-group button[matcha-button][active][basic]:not([basic=false]), matcha-button-toggle[disabled] .button-group button[matcha-button][active][basic=true],
matcha-button-toggle[disabled] .button-group a[matcha-button][active][basic],
matcha-button-toggle[disabled] .button-group a[matcha-button][active][basic]:not([basic=false]),
matcha-button-toggle[disabled] .button-group a[matcha-button][active][basic=true], matcha-button-toggle[disabled]:not([disabled=false]) .button-group button[matcha-button][active][basic], matcha-button-toggle[disabled]:not([disabled=false]) .button-group button[matcha-button][active][basic]:not([basic=false]), matcha-button-toggle[disabled]:not([disabled=false]) .button-group button[matcha-button][active][basic=true],
matcha-button-toggle[disabled]:not([disabled=false]) .button-group a[matcha-button][active][basic],
matcha-button-toggle[disabled]:not([disabled=false]) .button-group a[matcha-button][active][basic]:not([basic=false]),
matcha-button-toggle[disabled]:not([disabled=false]) .button-group a[matcha-button][active][basic=true], matcha-button-toggle[disabled=true] .button-group button[matcha-button][active][basic], matcha-button-toggle[disabled=true] .button-group button[matcha-button][active][basic]:not([basic=false]), matcha-button-toggle[disabled=true] .button-group button[matcha-button][active][basic=true],
matcha-button-toggle[disabled=true] .button-group a[matcha-button][active][basic],
matcha-button-toggle[disabled=true] .button-group a[matcha-button][active][basic]:not([basic=false]),
matcha-button-toggle[disabled=true] .button-group a[matcha-button][active][basic=true] {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 0px inset;
  pointer-events: none;
}
matcha-button-toggle[disabled] .button-group button[matcha-button][active][alpha], matcha-button-toggle[disabled] .button-group button[matcha-button][active][alpha]:not([alpha=false]), matcha-button-toggle[disabled] .button-group button[matcha-button][active][alpha=true],
matcha-button-toggle[disabled] .button-group a[matcha-button][active][alpha],
matcha-button-toggle[disabled] .button-group a[matcha-button][active][alpha]:not([alpha=false]),
matcha-button-toggle[disabled] .button-group a[matcha-button][active][alpha=true], matcha-button-toggle[disabled]:not([disabled=false]) .button-group button[matcha-button][active][alpha], matcha-button-toggle[disabled]:not([disabled=false]) .button-group button[matcha-button][active][alpha]:not([alpha=false]), matcha-button-toggle[disabled]:not([disabled=false]) .button-group button[matcha-button][active][alpha=true],
matcha-button-toggle[disabled]:not([disabled=false]) .button-group a[matcha-button][active][alpha],
matcha-button-toggle[disabled]:not([disabled=false]) .button-group a[matcha-button][active][alpha]:not([alpha=false]),
matcha-button-toggle[disabled]:not([disabled=false]) .button-group a[matcha-button][active][alpha=true], matcha-button-toggle[disabled=true] .button-group button[matcha-button][active][alpha], matcha-button-toggle[disabled=true] .button-group button[matcha-button][active][alpha]:not([alpha=false]), matcha-button-toggle[disabled=true] .button-group button[matcha-button][active][alpha=true],
matcha-button-toggle[disabled=true] .button-group a[matcha-button][active][alpha],
matcha-button-toggle[disabled=true] .button-group a[matcha-button][active][alpha]:not([alpha=false]),
matcha-button-toggle[disabled=true] .button-group a[matcha-button][active][alpha=true] {
  background: var(--matcha-color-disabled-bg-alpha, var(--matcha-color-interaction-disabled-bg-alpha));
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 0px inset;
  pointer-events: none;
}
matcha-button-toggle[disabled] .button-group button[matcha-button][active][link], matcha-button-toggle[disabled] .button-group button[matcha-button][active][link]:not([link=false]), matcha-button-toggle[disabled] .button-group button[matcha-button][active][link=true],
matcha-button-toggle[disabled] .button-group a[matcha-button][active][link],
matcha-button-toggle[disabled] .button-group a[matcha-button][active][link]:not([link=false]),
matcha-button-toggle[disabled] .button-group a[matcha-button][active][link=true], matcha-button-toggle[disabled]:not([disabled=false]) .button-group button[matcha-button][active][link], matcha-button-toggle[disabled]:not([disabled=false]) .button-group button[matcha-button][active][link]:not([link=false]), matcha-button-toggle[disabled]:not([disabled=false]) .button-group button[matcha-button][active][link=true],
matcha-button-toggle[disabled]:not([disabled=false]) .button-group a[matcha-button][active][link],
matcha-button-toggle[disabled]:not([disabled=false]) .button-group a[matcha-button][active][link]:not([link=false]),
matcha-button-toggle[disabled]:not([disabled=false]) .button-group a[matcha-button][active][link=true], matcha-button-toggle[disabled=true] .button-group button[matcha-button][active][link], matcha-button-toggle[disabled=true] .button-group button[matcha-button][active][link]:not([link=false]), matcha-button-toggle[disabled=true] .button-group button[matcha-button][active][link=true],
matcha-button-toggle[disabled=true] .button-group a[matcha-button][active][link],
matcha-button-toggle[disabled=true] .button-group a[matcha-button][active][link]:not([link=false]),
matcha-button-toggle[disabled=true] .button-group a[matcha-button][active][link=true] {
  background: transparent;
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 0px inset;
  pointer-events: none;
}

button[matcha-button],
a[matcha-button],
button[matcha-icon-button],
a[matcha-icon-button],
button[matcha-link],
a[matcha-link] {
  --matcha-button-color: var(--matcha-color-neutral);
  --matcha-button-color-hover: var(--matcha-color-neutral-hover);
  --matcha-button-color-pressed: var(--matcha-color-neutral-hover);
  --matcha-button-color-text-on: var(--matcha-color-neutral-contrast);
  --matcha-button-color-alpha: var(--matcha-color-neutral-alpha);
  --matcha-button-color-edge: var(--matcha-color-fg);
  --matcha-color-badge-border: var(--matcha-button-color);
  background: var(--matcha-button-color);
  color: var(--matcha-button-color-text-on);
}
button[matcha-button][color=basic],
a[matcha-button][color=basic],
button[matcha-icon-button][color=basic],
a[matcha-icon-button][color=basic],
button[matcha-link][color=basic],
a[matcha-link][color=basic] {
  --matcha-button-color: var(--matcha-color-neutral);
  --matcha-button-color-hover: var(--matcha-color-neutral-hover);
  --matcha-button-color-pressed: var(--matcha-color-neutral-hover);
  --matcha-button-color-text-on: var(--matcha-color-neutral-contrast);
  --matcha-button-color-alpha: var(--matcha-color-neutral-alpha);
  --matcha-button-color-edge: var(--matcha-color-fg);
}
button[matcha-button][color=primary],
a[matcha-button][color=primary],
button[matcha-icon-button][color=primary],
a[matcha-icon-button][color=primary],
button[matcha-link][color=primary],
a[matcha-link][color=primary] {
  --matcha-button-color: var(--matcha-color-primary);
  --matcha-button-color-hover: var(--matcha-color-primary-hover);
  --matcha-button-color-pressed: var(--matcha-color-primary-pressed);
  --matcha-button-color-text-on: var(--matcha-color-primary-contrast);
  --matcha-button-color-alpha: var(--matcha-color-primary-alpha);
  --matcha-button-color-edge: var(--matcha-color-primary);
}
button[matcha-button][color=accent],
a[matcha-button][color=accent],
button[matcha-icon-button][color=accent],
a[matcha-icon-button][color=accent],
button[matcha-link][color=accent],
a[matcha-link][color=accent] {
  --matcha-button-color: var(--matcha-color-accent);
  --matcha-button-color-hover: var(--matcha-color-accent-hover);
  --matcha-button-color-pressed: var(--matcha-color-accent-pressed);
  --matcha-button-color-text-on: var(--matcha-color-accent-text-on);
  --matcha-button-color-alpha: var(--matcha-color-accent-alpha);
  --matcha-button-color-edge: var(--matcha-color-accent);
}
button[matcha-button][color=success],
a[matcha-button][color=success],
button[matcha-icon-button][color=success],
a[matcha-icon-button][color=success],
button[matcha-link][color=success],
a[matcha-link][color=success] {
  --matcha-button-color: var(--matcha-color-success);
  --matcha-button-color-hover: var(--matcha-color-success-hover);
  --matcha-button-color-pressed: var(--matcha-color-success-pressed);
  --matcha-button-color-text-on: var(--matcha-color-success-contrast);
  --matcha-button-color-alpha: var(--matcha-color-success-alpha);
  --matcha-button-color-edge: var(--matcha-color-success);
}
button[matcha-button][color=warn],
a[matcha-button][color=warn],
button[matcha-icon-button][color=warn],
a[matcha-icon-button][color=warn],
button[matcha-link][color=warn],
a[matcha-link][color=warn] {
  --matcha-button-color: var(--matcha-color-warn);
  --matcha-button-color-hover: var(--matcha-color-warn-hover);
  --matcha-button-color-pressed: var(--matcha-color-warn-pressed);
  --matcha-button-color-text-on: var(--matcha-color-warn-contrast);
  --matcha-button-color-alpha: var(--matcha-color-warn-alpha);
  --matcha-button-color-edge: var(--matcha-color-warn);
}
button[matcha-button][color=danger],
a[matcha-button][color=danger],
button[matcha-icon-button][color=danger],
a[matcha-icon-button][color=danger],
button[matcha-link][color=danger],
a[matcha-link][color=danger] {
  --matcha-button-color: var(--matcha-color-danger);
  --matcha-button-color-hover: var(--matcha-color-danger-hover);
  --matcha-button-color-pressed: var(--matcha-color-danger-pressed);
  --matcha-button-color-text-on: var(--matcha-color-danger-contrast);
  --matcha-button-color-alpha: var(--matcha-color-danger-alpha);
  --matcha-button-color-edge: var(--matcha-color-danger);
}
button[matcha-button][color=info],
a[matcha-button][color=info],
button[matcha-icon-button][color=info],
a[matcha-icon-button][color=info],
button[matcha-link][color=info],
a[matcha-link][color=info] {
  --matcha-button-color: var(--matcha-color-info);
  --matcha-button-color-hover: var(--matcha-color-info-hover);
  --matcha-button-color-pressed: var(--matcha-color-info-pressed);
  --matcha-button-color-text-on: var(--matcha-color-info-contrast);
  --matcha-button-color-alpha: var(--matcha-color-info-alpha);
  --matcha-button-color-edge: var(--matcha-color-info);
}
button[matcha-button]:hover:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link]),
a[matcha-button]:hover:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link]),
button[matcha-icon-button]:hover:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link]),
a[matcha-icon-button]:hover:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link]),
button[matcha-link]:hover:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link]),
a[matcha-link]:hover:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link]) {
  background: var(--matcha-button-color-hover);
}
button[matcha-button]:active:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link]),
a[matcha-button]:active:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link]),
button[matcha-icon-button]:active:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link]),
a[matcha-icon-button]:active:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link]),
button[matcha-link]:active:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link]),
a[matcha-link]:active:not([disabled]):not([disabled=true]):not([outline]):not([basic]):not([ghost]):not([link]):not([alpha]):not([matcha-link]) {
  background: var(--matcha-button-color-pressed);
}
button[matcha-button][outline]:not([outline=false]), button[matcha-button][variant=outline],
a[matcha-button][outline]:not([outline=false]),
a[matcha-button][variant=outline],
button[matcha-icon-button][outline]:not([outline=false]),
button[matcha-icon-button][variant=outline],
a[matcha-icon-button][outline]:not([outline=false]),
a[matcha-icon-button][variant=outline],
button[matcha-link][outline]:not([outline=false]),
button[matcha-link][variant=outline],
a[matcha-link][outline]:not([outline=false]),
a[matcha-link][variant=outline] {
  background: transparent;
  box-shadow: inset 0 0 0 var(--matcha-border-thin, 2px) var(--matcha-button-color-edge);
  color: var(--matcha-button-color-edge);
  --matcha-color-badge-border: transparent;
}
button[matcha-button][outline]:not([outline=false]):hover:not([disabled]):not([disabled=true]), button[matcha-button][variant=outline]:hover:not([disabled]):not([disabled=true]),
a[matcha-button][outline]:not([outline=false]):hover:not([disabled]):not([disabled=true]),
a[matcha-button][variant=outline]:hover:not([disabled]):not([disabled=true]),
button[matcha-icon-button][outline]:not([outline=false]):hover:not([disabled]):not([disabled=true]),
button[matcha-icon-button][variant=outline]:hover:not([disabled]):not([disabled=true]),
a[matcha-icon-button][outline]:not([outline=false]):hover:not([disabled]):not([disabled=true]),
a[matcha-icon-button][variant=outline]:hover:not([disabled]):not([disabled=true]),
button[matcha-link][outline]:not([outline=false]):hover:not([disabled]):not([disabled=true]),
button[matcha-link][variant=outline]:hover:not([disabled]):not([disabled=true]),
a[matcha-link][outline]:not([outline=false]):hover:not([disabled]):not([disabled=true]),
a[matcha-link][variant=outline]:hover:not([disabled]):not([disabled=true]) {
  box-shadow: inset 0 0 0 var(--matcha-border-thin, 2px) var(--matcha-button-color-hover);
}
button[matcha-button][outline]:not([outline=false]):active:not([disabled]):not([disabled=true]), button[matcha-button][variant=outline]:active:not([disabled]):not([disabled=true]),
a[matcha-button][outline]:not([outline=false]):active:not([disabled]):not([disabled=true]),
a[matcha-button][variant=outline]:active:not([disabled]):not([disabled=true]),
button[matcha-icon-button][outline]:not([outline=false]):active:not([disabled]):not([disabled=true]),
button[matcha-icon-button][variant=outline]:active:not([disabled]):not([disabled=true]),
a[matcha-icon-button][outline]:not([outline=false]):active:not([disabled]):not([disabled=true]),
a[matcha-icon-button][variant=outline]:active:not([disabled]):not([disabled=true]),
button[matcha-link][outline]:not([outline=false]):active:not([disabled]):not([disabled=true]),
button[matcha-link][variant=outline]:active:not([disabled]):not([disabled=true]),
a[matcha-link][outline]:not([outline=false]):active:not([disabled]):not([disabled=true]),
a[matcha-link][variant=outline]:active:not([disabled]):not([disabled=true]) {
  box-shadow: inset 0 0 0 var(--matcha-border-thin, 2px) var(--matcha-button-color-pressed);
  color: var(--matcha-button-color-pressed);
}
button[matcha-button][matcha-icon-button][outline]:not([outline=false]), button[matcha-button][matcha-icon-button][variant=outline],
a[matcha-button][matcha-icon-button][outline]:not([outline=false]),
a[matcha-button][matcha-icon-button][variant=outline],
button[matcha-icon-button][matcha-icon-button][outline]:not([outline=false]),
button[matcha-icon-button][matcha-icon-button][variant=outline],
a[matcha-icon-button][matcha-icon-button][outline]:not([outline=false]),
a[matcha-icon-button][matcha-icon-button][variant=outline],
button[matcha-link][matcha-icon-button][outline]:not([outline=false]),
button[matcha-link][matcha-icon-button][variant=outline],
a[matcha-link][matcha-icon-button][outline]:not([outline=false]),
a[matcha-link][matcha-icon-button][variant=outline] {
  color: var(--matcha-button-color-edge);
}
button[matcha-button][matcha-icon-button][outline]:not([outline=false]):hover:not([disabled]):not([disabled=true]), button[matcha-button][matcha-icon-button][variant=outline]:hover:not([disabled]):not([disabled=true]),
a[matcha-button][matcha-icon-button][outline]:not([outline=false]):hover:not([disabled]):not([disabled=true]),
a[matcha-button][matcha-icon-button][variant=outline]:hover:not([disabled]):not([disabled=true]),
button[matcha-icon-button][matcha-icon-button][outline]:not([outline=false]):hover:not([disabled]):not([disabled=true]),
button[matcha-icon-button][matcha-icon-button][variant=outline]:hover:not([disabled]):not([disabled=true]),
a[matcha-icon-button][matcha-icon-button][outline]:not([outline=false]):hover:not([disabled]):not([disabled=true]),
a[matcha-icon-button][matcha-icon-button][variant=outline]:hover:not([disabled]):not([disabled=true]),
button[matcha-link][matcha-icon-button][outline]:not([outline=false]):hover:not([disabled]):not([disabled=true]),
button[matcha-link][matcha-icon-button][variant=outline]:hover:not([disabled]):not([disabled=true]),
a[matcha-link][matcha-icon-button][outline]:not([outline=false]):hover:not([disabled]):not([disabled=true]),
a[matcha-link][matcha-icon-button][variant=outline]:hover:not([disabled]):not([disabled=true]) {
  color: var(--matcha-button-color-hover);
}
button[matcha-button][matcha-icon-button][outline]:not([outline=false]):active:not([disabled]):not([disabled=true]), button[matcha-button][matcha-icon-button][variant=outline]:active:not([disabled]):not([disabled=true]),
a[matcha-button][matcha-icon-button][outline]:not([outline=false]):active:not([disabled]):not([disabled=true]),
a[matcha-button][matcha-icon-button][variant=outline]:active:not([disabled]):not([disabled=true]),
button[matcha-icon-button][matcha-icon-button][outline]:not([outline=false]):active:not([disabled]):not([disabled=true]),
button[matcha-icon-button][matcha-icon-button][variant=outline]:active:not([disabled]):not([disabled=true]),
a[matcha-icon-button][matcha-icon-button][outline]:not([outline=false]):active:not([disabled]):not([disabled=true]),
a[matcha-icon-button][matcha-icon-button][variant=outline]:active:not([disabled]):not([disabled=true]),
button[matcha-link][matcha-icon-button][outline]:not([outline=false]):active:not([disabled]):not([disabled=true]),
button[matcha-link][matcha-icon-button][variant=outline]:active:not([disabled]):not([disabled=true]),
a[matcha-link][matcha-icon-button][outline]:not([outline=false]):active:not([disabled]):not([disabled=true]),
a[matcha-link][matcha-icon-button][variant=outline]:active:not([disabled]):not([disabled=true]) {
  color: var(--matcha-button-color-pressed);
}
button[matcha-button][matcha-button][outline]:not([outline=false]) matcha-icon, button[matcha-button][matcha-button][outline]:not([outline=false]) [class^=i-matcha-], button[matcha-button][matcha-button][outline]:not([outline=false]) [class*=" i-matcha-"], button[matcha-button][matcha-button][variant=outline] matcha-icon, button[matcha-button][matcha-button][variant=outline] [class^=i-matcha-], button[matcha-button][matcha-button][variant=outline] [class*=" i-matcha-"],
a[matcha-button][matcha-button][outline]:not([outline=false]) matcha-icon,
a[matcha-button][matcha-button][outline]:not([outline=false]) [class^=i-matcha-],
a[matcha-button][matcha-button][outline]:not([outline=false]) [class*=" i-matcha-"],
a[matcha-button][matcha-button][variant=outline] matcha-icon,
a[matcha-button][matcha-button][variant=outline] [class^=i-matcha-],
a[matcha-button][matcha-button][variant=outline] [class*=" i-matcha-"],
button[matcha-icon-button][matcha-button][outline]:not([outline=false]) matcha-icon,
button[matcha-icon-button][matcha-button][outline]:not([outline=false]) [class^=i-matcha-],
button[matcha-icon-button][matcha-button][outline]:not([outline=false]) [class*=" i-matcha-"],
button[matcha-icon-button][matcha-button][variant=outline] matcha-icon,
button[matcha-icon-button][matcha-button][variant=outline] [class^=i-matcha-],
button[matcha-icon-button][matcha-button][variant=outline] [class*=" i-matcha-"],
a[matcha-icon-button][matcha-button][outline]:not([outline=false]) matcha-icon,
a[matcha-icon-button][matcha-button][outline]:not([outline=false]) [class^=i-matcha-],
a[matcha-icon-button][matcha-button][outline]:not([outline=false]) [class*=" i-matcha-"],
a[matcha-icon-button][matcha-button][variant=outline] matcha-icon,
a[matcha-icon-button][matcha-button][variant=outline] [class^=i-matcha-],
a[matcha-icon-button][matcha-button][variant=outline] [class*=" i-matcha-"],
button[matcha-link][matcha-button][outline]:not([outline=false]) matcha-icon,
button[matcha-link][matcha-button][outline]:not([outline=false]) [class^=i-matcha-],
button[matcha-link][matcha-button][outline]:not([outline=false]) [class*=" i-matcha-"],
button[matcha-link][matcha-button][variant=outline] matcha-icon,
button[matcha-link][matcha-button][variant=outline] [class^=i-matcha-],
button[matcha-link][matcha-button][variant=outline] [class*=" i-matcha-"],
a[matcha-link][matcha-button][outline]:not([outline=false]) matcha-icon,
a[matcha-link][matcha-button][outline]:not([outline=false]) [class^=i-matcha-],
a[matcha-link][matcha-button][outline]:not([outline=false]) [class*=" i-matcha-"],
a[matcha-link][matcha-button][variant=outline] matcha-icon,
a[matcha-link][matcha-button][variant=outline] [class^=i-matcha-],
a[matcha-link][matcha-button][variant=outline] [class*=" i-matcha-"] {
  color: var(--matcha-button-color-edge) !important;
}
button[matcha-button][matcha-button][outline]:hover:not([disabled]):not([disabled=true]) matcha-icon, button[matcha-button][matcha-button][outline]:hover:not([disabled]):not([disabled=true]) [class^=i-matcha-], button[matcha-button][matcha-button][outline].is-state-hover matcha-icon,
a[matcha-button][matcha-button][outline]:hover:not([disabled]):not([disabled=true]) matcha-icon,
a[matcha-button][matcha-button][outline]:hover:not([disabled]):not([disabled=true]) [class^=i-matcha-],
a[matcha-button][matcha-button][outline].is-state-hover matcha-icon,
button[matcha-icon-button][matcha-button][outline]:hover:not([disabled]):not([disabled=true]) matcha-icon,
button[matcha-icon-button][matcha-button][outline]:hover:not([disabled]):not([disabled=true]) [class^=i-matcha-],
button[matcha-icon-button][matcha-button][outline].is-state-hover matcha-icon,
a[matcha-icon-button][matcha-button][outline]:hover:not([disabled]):not([disabled=true]) matcha-icon,
a[matcha-icon-button][matcha-button][outline]:hover:not([disabled]):not([disabled=true]) [class^=i-matcha-],
a[matcha-icon-button][matcha-button][outline].is-state-hover matcha-icon,
button[matcha-link][matcha-button][outline]:hover:not([disabled]):not([disabled=true]) matcha-icon,
button[matcha-link][matcha-button][outline]:hover:not([disabled]):not([disabled=true]) [class^=i-matcha-],
button[matcha-link][matcha-button][outline].is-state-hover matcha-icon,
a[matcha-link][matcha-button][outline]:hover:not([disabled]):not([disabled=true]) matcha-icon,
a[matcha-link][matcha-button][outline]:hover:not([disabled]):not([disabled=true]) [class^=i-matcha-],
a[matcha-link][matcha-button][outline].is-state-hover matcha-icon {
  color: var(--matcha-button-color-hover) !important;
}
button[matcha-button][matcha-button][outline]:active:not([disabled]):not([disabled=true]) matcha-icon, button[matcha-button][matcha-button][outline]:active:not([disabled]):not([disabled=true]) [class^=i-matcha-], button[matcha-button][matcha-button][outline].is-state-active matcha-icon,
a[matcha-button][matcha-button][outline]:active:not([disabled]):not([disabled=true]) matcha-icon,
a[matcha-button][matcha-button][outline]:active:not([disabled]):not([disabled=true]) [class^=i-matcha-],
a[matcha-button][matcha-button][outline].is-state-active matcha-icon,
button[matcha-icon-button][matcha-button][outline]:active:not([disabled]):not([disabled=true]) matcha-icon,
button[matcha-icon-button][matcha-button][outline]:active:not([disabled]):not([disabled=true]) [class^=i-matcha-],
button[matcha-icon-button][matcha-button][outline].is-state-active matcha-icon,
a[matcha-icon-button][matcha-button][outline]:active:not([disabled]):not([disabled=true]) matcha-icon,
a[matcha-icon-button][matcha-button][outline]:active:not([disabled]):not([disabled=true]) [class^=i-matcha-],
a[matcha-icon-button][matcha-button][outline].is-state-active matcha-icon,
button[matcha-link][matcha-button][outline]:active:not([disabled]):not([disabled=true]) matcha-icon,
button[matcha-link][matcha-button][outline]:active:not([disabled]):not([disabled=true]) [class^=i-matcha-],
button[matcha-link][matcha-button][outline].is-state-active matcha-icon,
a[matcha-link][matcha-button][outline]:active:not([disabled]):not([disabled=true]) matcha-icon,
a[matcha-link][matcha-button][outline]:active:not([disabled]):not([disabled=true]) [class^=i-matcha-],
a[matcha-link][matcha-button][outline].is-state-active matcha-icon {
  color: var(--matcha-button-color-pressed) !important;
}
button[matcha-button][basic]:not([basic=false]), button[matcha-button][ghost]:not([ghost=false]), button[matcha-button][variant=ghost],
a[matcha-button][basic]:not([basic=false]),
a[matcha-button][ghost]:not([ghost=false]),
a[matcha-button][variant=ghost],
button[matcha-icon-button][basic]:not([basic=false]),
button[matcha-icon-button][ghost]:not([ghost=false]),
button[matcha-icon-button][variant=ghost],
a[matcha-icon-button][basic]:not([basic=false]),
a[matcha-icon-button][ghost]:not([ghost=false]),
a[matcha-icon-button][variant=ghost],
button[matcha-link][basic]:not([basic=false]),
button[matcha-link][ghost]:not([ghost=false]),
button[matcha-link][variant=ghost],
a[matcha-link][basic]:not([basic=false]),
a[matcha-link][ghost]:not([ghost=false]),
a[matcha-link][variant=ghost] {
  background: transparent;
  color: var(--matcha-button-ghost-text, var(--matcha-color-text-primary));
  --matcha-color-badge-border: transparent;
}
button[matcha-button][basic]:not([basic=false]):active:not([disabled]):not([disabled=true]), button[matcha-button][ghost]:not([ghost=false]):active:not([disabled]):not([disabled=true]), button[matcha-button][variant=ghost]:active:not([disabled]):not([disabled=true]),
a[matcha-button][basic]:not([basic=false]):active:not([disabled]):not([disabled=true]),
a[matcha-button][ghost]:not([ghost=false]):active:not([disabled]):not([disabled=true]),
a[matcha-button][variant=ghost]:active:not([disabled]):not([disabled=true]),
button[matcha-icon-button][basic]:not([basic=false]):active:not([disabled]):not([disabled=true]),
button[matcha-icon-button][ghost]:not([ghost=false]):active:not([disabled]):not([disabled=true]),
button[matcha-icon-button][variant=ghost]:active:not([disabled]):not([disabled=true]),
a[matcha-icon-button][basic]:not([basic=false]):active:not([disabled]):not([disabled=true]),
a[matcha-icon-button][ghost]:not([ghost=false]):active:not([disabled]):not([disabled=true]),
a[matcha-icon-button][variant=ghost]:active:not([disabled]):not([disabled=true]),
button[matcha-link][basic]:not([basic=false]):active:not([disabled]):not([disabled=true]),
button[matcha-link][ghost]:not([ghost=false]):active:not([disabled]):not([disabled=true]),
button[matcha-link][variant=ghost]:active:not([disabled]):not([disabled=true]),
a[matcha-link][basic]:not([basic=false]):active:not([disabled]):not([disabled=true]),
a[matcha-link][ghost]:not([ghost=false]):active:not([disabled]):not([disabled=true]),
a[matcha-link][variant=ghost]:active:not([disabled]):not([disabled=true]) {
  color: var(--matcha-button-color-pressed);
}
button[matcha-button][matcha-button][basic]:not([basic=false]) matcha-icon, button[matcha-button][matcha-button][basic]:not([basic=false]) [class^=i-matcha-], button[matcha-button][matcha-button][ghost]:not([ghost=false]) matcha-icon, button[matcha-button][matcha-button][ghost]:not([ghost=false]) [class^=i-matcha-], button[matcha-button][matcha-button][variant=ghost] matcha-icon, button[matcha-button][matcha-button][variant=ghost] [class^=i-matcha-],
a[matcha-button][matcha-button][basic]:not([basic=false]) matcha-icon,
a[matcha-button][matcha-button][basic]:not([basic=false]) [class^=i-matcha-],
a[matcha-button][matcha-button][ghost]:not([ghost=false]) matcha-icon,
a[matcha-button][matcha-button][ghost]:not([ghost=false]) [class^=i-matcha-],
a[matcha-button][matcha-button][variant=ghost] matcha-icon,
a[matcha-button][matcha-button][variant=ghost] [class^=i-matcha-],
button[matcha-icon-button][matcha-button][basic]:not([basic=false]) matcha-icon,
button[matcha-icon-button][matcha-button][basic]:not([basic=false]) [class^=i-matcha-],
button[matcha-icon-button][matcha-button][ghost]:not([ghost=false]) matcha-icon,
button[matcha-icon-button][matcha-button][ghost]:not([ghost=false]) [class^=i-matcha-],
button[matcha-icon-button][matcha-button][variant=ghost] matcha-icon,
button[matcha-icon-button][matcha-button][variant=ghost] [class^=i-matcha-],
a[matcha-icon-button][matcha-button][basic]:not([basic=false]) matcha-icon,
a[matcha-icon-button][matcha-button][basic]:not([basic=false]) [class^=i-matcha-],
a[matcha-icon-button][matcha-button][ghost]:not([ghost=false]) matcha-icon,
a[matcha-icon-button][matcha-button][ghost]:not([ghost=false]) [class^=i-matcha-],
a[matcha-icon-button][matcha-button][variant=ghost] matcha-icon,
a[matcha-icon-button][matcha-button][variant=ghost] [class^=i-matcha-],
button[matcha-link][matcha-button][basic]:not([basic=false]) matcha-icon,
button[matcha-link][matcha-button][basic]:not([basic=false]) [class^=i-matcha-],
button[matcha-link][matcha-button][ghost]:not([ghost=false]) matcha-icon,
button[matcha-link][matcha-button][ghost]:not([ghost=false]) [class^=i-matcha-],
button[matcha-link][matcha-button][variant=ghost] matcha-icon,
button[matcha-link][matcha-button][variant=ghost] [class^=i-matcha-],
a[matcha-link][matcha-button][basic]:not([basic=false]) matcha-icon,
a[matcha-link][matcha-button][basic]:not([basic=false]) [class^=i-matcha-],
a[matcha-link][matcha-button][ghost]:not([ghost=false]) matcha-icon,
a[matcha-link][matcha-button][ghost]:not([ghost=false]) [class^=i-matcha-],
a[matcha-link][matcha-button][variant=ghost] matcha-icon,
a[matcha-link][matcha-button][variant=ghost] [class^=i-matcha-] {
  color: var(--matcha-button-color-edge) !important;
}
button[matcha-button][matcha-button][ghost]:active:not([disabled]):not([disabled=true]) matcha-icon, button[matcha-button][matcha-button][basic]:active:not([disabled]):not([disabled=true]) matcha-icon, button[matcha-button][matcha-button][ghost].is-state-active matcha-icon, button[matcha-button][matcha-button][basic].is-state-active matcha-icon,
a[matcha-button][matcha-button][ghost]:active:not([disabled]):not([disabled=true]) matcha-icon,
a[matcha-button][matcha-button][basic]:active:not([disabled]):not([disabled=true]) matcha-icon,
a[matcha-button][matcha-button][ghost].is-state-active matcha-icon,
a[matcha-button][matcha-button][basic].is-state-active matcha-icon,
button[matcha-icon-button][matcha-button][ghost]:active:not([disabled]):not([disabled=true]) matcha-icon,
button[matcha-icon-button][matcha-button][basic]:active:not([disabled]):not([disabled=true]) matcha-icon,
button[matcha-icon-button][matcha-button][ghost].is-state-active matcha-icon,
button[matcha-icon-button][matcha-button][basic].is-state-active matcha-icon,
a[matcha-icon-button][matcha-button][ghost]:active:not([disabled]):not([disabled=true]) matcha-icon,
a[matcha-icon-button][matcha-button][basic]:active:not([disabled]):not([disabled=true]) matcha-icon,
a[matcha-icon-button][matcha-button][ghost].is-state-active matcha-icon,
a[matcha-icon-button][matcha-button][basic].is-state-active matcha-icon,
button[matcha-link][matcha-button][ghost]:active:not([disabled]):not([disabled=true]) matcha-icon,
button[matcha-link][matcha-button][basic]:active:not([disabled]):not([disabled=true]) matcha-icon,
button[matcha-link][matcha-button][ghost].is-state-active matcha-icon,
button[matcha-link][matcha-button][basic].is-state-active matcha-icon,
a[matcha-link][matcha-button][ghost]:active:not([disabled]):not([disabled=true]) matcha-icon,
a[matcha-link][matcha-button][basic]:active:not([disabled]):not([disabled=true]) matcha-icon,
a[matcha-link][matcha-button][ghost].is-state-active matcha-icon,
a[matcha-link][matcha-button][basic].is-state-active matcha-icon {
  color: var(--matcha-button-color-pressed) !important;
}
button[matcha-button][matcha-icon-button]:not([color]), button[matcha-button][matcha-icon-button][color=basic],
a[matcha-button][matcha-icon-button]:not([color]),
a[matcha-button][matcha-icon-button][color=basic],
button[matcha-icon-button][matcha-icon-button]:not([color]),
button[matcha-icon-button][matcha-icon-button][color=basic],
a[matcha-icon-button][matcha-icon-button]:not([color]),
a[matcha-icon-button][matcha-icon-button][color=basic],
button[matcha-link][matcha-icon-button]:not([color]),
button[matcha-link][matcha-icon-button][color=basic],
a[matcha-link][matcha-icon-button]:not([color]),
a[matcha-link][matcha-icon-button][color=basic] {
  --matcha-button-color-edge: var(--matcha-color-icon-default);
  --matcha-button-ghost-text: var(--matcha-color-icon-default);
}
button[matcha-button][alpha]:not([alpha=false]),
a[matcha-button][alpha]:not([alpha=false]),
button[matcha-icon-button][alpha]:not([alpha=false]),
a[matcha-icon-button][alpha]:not([alpha=false]),
button[matcha-link][alpha]:not([alpha=false]),
a[matcha-link][alpha]:not([alpha=false]) {
  background: var(--matcha-button-color-alpha);
  color: var(--matcha-button-color);
}
button[matcha-button][link]:not([link=false]):not([matcha-link]),
a[matcha-button][link]:not([link=false]):not([matcha-link]),
button[matcha-icon-button][link]:not([link=false]):not([matcha-link]),
a[matcha-icon-button][link]:not([link=false]):not([matcha-link]),
button[matcha-link][link]:not([link=false]):not([matcha-link]),
a[matcha-link][link]:not([link=false]):not([matcha-link]) {
  background: transparent;
  color: var(--matcha-button-color);
  text-decoration: underline;
}
button[matcha-button][matcha-link],
a[matcha-button][matcha-link],
button[matcha-icon-button][matcha-link],
a[matcha-icon-button][matcha-link],
button[matcha-link][matcha-link],
a[matcha-link][matcha-link] {
  color: var(--matcha-button-color);
}
button[matcha-button][disabled]:not([disabled=false]), button[matcha-button][disabled=true],
a[matcha-button][disabled]:not([disabled=false]),
a[matcha-button][disabled=true],
button[matcha-icon-button][disabled]:not([disabled=false]),
button[matcha-icon-button][disabled=true],
a[matcha-icon-button][disabled]:not([disabled=false]),
a[matcha-icon-button][disabled=true],
button[matcha-link][disabled]:not([disabled=false]),
button[matcha-link][disabled=true],
a[matcha-link][disabled]:not([disabled=false]),
a[matcha-link][disabled=true] {
  pointer-events: none;
  cursor: not-allowed;
  background: var(--matcha-color-interaction-disabled-bg);
  color: var(--matcha-color-accent-text-on);
  box-shadow: none;
}
button[matcha-button][disabled]:not([disabled=false])::before, button[matcha-button][disabled=true]::before,
a[matcha-button][disabled]:not([disabled=false])::before,
a[matcha-button][disabled=true]::before,
button[matcha-icon-button][disabled]:not([disabled=false])::before,
button[matcha-icon-button][disabled=true]::before,
a[matcha-icon-button][disabled]:not([disabled=false])::before,
a[matcha-icon-button][disabled=true]::before,
button[matcha-link][disabled]:not([disabled=false])::before,
button[matcha-link][disabled=true]::before,
a[matcha-link][disabled]:not([disabled=false])::before,
a[matcha-link][disabled=true]::before {
  opacity: 0 !important;
}
button[matcha-button][disabled]:not([disabled=false])[outline]:not([outline=false]), button[matcha-button][disabled]:not([disabled=false])[variant=outline], button[matcha-button][disabled=true][outline]:not([outline=false]), button[matcha-button][disabled=true][variant=outline],
a[matcha-button][disabled]:not([disabled=false])[outline]:not([outline=false]),
a[matcha-button][disabled]:not([disabled=false])[variant=outline],
a[matcha-button][disabled=true][outline]:not([outline=false]),
a[matcha-button][disabled=true][variant=outline],
button[matcha-icon-button][disabled]:not([disabled=false])[outline]:not([outline=false]),
button[matcha-icon-button][disabled]:not([disabled=false])[variant=outline],
button[matcha-icon-button][disabled=true][outline]:not([outline=false]),
button[matcha-icon-button][disabled=true][variant=outline],
a[matcha-icon-button][disabled]:not([disabled=false])[outline]:not([outline=false]),
a[matcha-icon-button][disabled]:not([disabled=false])[variant=outline],
a[matcha-icon-button][disabled=true][outline]:not([outline=false]),
a[matcha-icon-button][disabled=true][variant=outline],
button[matcha-link][disabled]:not([disabled=false])[outline]:not([outline=false]),
button[matcha-link][disabled]:not([disabled=false])[variant=outline],
button[matcha-link][disabled=true][outline]:not([outline=false]),
button[matcha-link][disabled=true][variant=outline],
a[matcha-link][disabled]:not([disabled=false])[outline]:not([outline=false]),
a[matcha-link][disabled]:not([disabled=false])[variant=outline],
a[matcha-link][disabled=true][outline]:not([outline=false]),
a[matcha-link][disabled=true][variant=outline] {
  background: transparent;
  color: var(--matcha-color-interaction-disabled-fg);
  box-shadow: inset 0 0 0 var(--matcha-border-thin, 2px) var(--matcha-color-interaction-disabled-bg);
}
button[matcha-button][disabled]:not([disabled=false])[basic]:not([basic=false]), button[matcha-button][disabled]:not([disabled=false])[ghost]:not([ghost=false]), button[matcha-button][disabled]:not([disabled=false])[variant=ghost], button[matcha-button][disabled]:not([disabled=false])[link]:not([link=false]), button[matcha-button][disabled=true][basic]:not([basic=false]), button[matcha-button][disabled=true][ghost]:not([ghost=false]), button[matcha-button][disabled=true][variant=ghost], button[matcha-button][disabled=true][link]:not([link=false]),
a[matcha-button][disabled]:not([disabled=false])[basic]:not([basic=false]),
a[matcha-button][disabled]:not([disabled=false])[ghost]:not([ghost=false]),
a[matcha-button][disabled]:not([disabled=false])[variant=ghost],
a[matcha-button][disabled]:not([disabled=false])[link]:not([link=false]),
a[matcha-button][disabled=true][basic]:not([basic=false]),
a[matcha-button][disabled=true][ghost]:not([ghost=false]),
a[matcha-button][disabled=true][variant=ghost],
a[matcha-button][disabled=true][link]:not([link=false]),
button[matcha-icon-button][disabled]:not([disabled=false])[basic]:not([basic=false]),
button[matcha-icon-button][disabled]:not([disabled=false])[ghost]:not([ghost=false]),
button[matcha-icon-button][disabled]:not([disabled=false])[variant=ghost],
button[matcha-icon-button][disabled]:not([disabled=false])[link]:not([link=false]),
button[matcha-icon-button][disabled=true][basic]:not([basic=false]),
button[matcha-icon-button][disabled=true][ghost]:not([ghost=false]),
button[matcha-icon-button][disabled=true][variant=ghost],
button[matcha-icon-button][disabled=true][link]:not([link=false]),
a[matcha-icon-button][disabled]:not([disabled=false])[basic]:not([basic=false]),
a[matcha-icon-button][disabled]:not([disabled=false])[ghost]:not([ghost=false]),
a[matcha-icon-button][disabled]:not([disabled=false])[variant=ghost],
a[matcha-icon-button][disabled]:not([disabled=false])[link]:not([link=false]),
a[matcha-icon-button][disabled=true][basic]:not([basic=false]),
a[matcha-icon-button][disabled=true][ghost]:not([ghost=false]),
a[matcha-icon-button][disabled=true][variant=ghost],
a[matcha-icon-button][disabled=true][link]:not([link=false]),
button[matcha-link][disabled]:not([disabled=false])[basic]:not([basic=false]),
button[matcha-link][disabled]:not([disabled=false])[ghost]:not([ghost=false]),
button[matcha-link][disabled]:not([disabled=false])[variant=ghost],
button[matcha-link][disabled]:not([disabled=false])[link]:not([link=false]),
button[matcha-link][disabled=true][basic]:not([basic=false]),
button[matcha-link][disabled=true][ghost]:not([ghost=false]),
button[matcha-link][disabled=true][variant=ghost],
button[matcha-link][disabled=true][link]:not([link=false]),
a[matcha-link][disabled]:not([disabled=false])[basic]:not([basic=false]),
a[matcha-link][disabled]:not([disabled=false])[ghost]:not([ghost=false]),
a[matcha-link][disabled]:not([disabled=false])[variant=ghost],
a[matcha-link][disabled]:not([disabled=false])[link]:not([link=false]),
a[matcha-link][disabled=true][basic]:not([basic=false]),
a[matcha-link][disabled=true][ghost]:not([ghost=false]),
a[matcha-link][disabled=true][variant=ghost],
a[matcha-link][disabled=true][link]:not([link=false]) {
  background: transparent;
  color: var(--matcha-color-interaction-disabled-fg);
  box-shadow: none;
}
button[matcha-button][disabled]:not([disabled=false])[alpha]:not([alpha=false]), button[matcha-button][disabled=true][alpha]:not([alpha=false]),
a[matcha-button][disabled]:not([disabled=false])[alpha]:not([alpha=false]),
a[matcha-button][disabled=true][alpha]:not([alpha=false]),
button[matcha-icon-button][disabled]:not([disabled=false])[alpha]:not([alpha=false]),
button[matcha-icon-button][disabled=true][alpha]:not([alpha=false]),
a[matcha-icon-button][disabled]:not([disabled=false])[alpha]:not([alpha=false]),
a[matcha-icon-button][disabled=true][alpha]:not([alpha=false]),
button[matcha-link][disabled]:not([disabled=false])[alpha]:not([alpha=false]),
button[matcha-link][disabled=true][alpha]:not([alpha=false]),
a[matcha-link][disabled]:not([disabled=false])[alpha]:not([alpha=false]),
a[matcha-link][disabled=true][alpha]:not([alpha=false]) {
  background: var(--matcha-color-interaction-disabled-bg-alpha);
  color: var(--matcha-color-interaction-disabled-fg);
}
button[matcha-button][disabled]:not([disabled=false])[matcha-button][outline] matcha-icon, button[matcha-button][disabled]:not([disabled=false])[matcha-button][outline] [class^=i-matcha-], button[matcha-button][disabled]:not([disabled=false])[matcha-button][outline] [class*=" i-matcha-"], button[matcha-button][disabled]:not([disabled=false])[matcha-button][basic] matcha-icon, button[matcha-button][disabled]:not([disabled=false])[matcha-button][basic] [class^=i-matcha-], button[matcha-button][disabled]:not([disabled=false])[matcha-button][ghost] matcha-icon, button[matcha-button][disabled]:not([disabled=false])[matcha-button][ghost] [class^=i-matcha-], button[matcha-button][disabled]:not([disabled=false])[matcha-button][variant=outline] matcha-icon, button[matcha-button][disabled]:not([disabled=false])[matcha-button][variant=outline] [class^=i-matcha-], button[matcha-button][disabled]:not([disabled=false])[matcha-button][variant=ghost] matcha-icon, button[matcha-button][disabled]:not([disabled=false])[matcha-button][variant=ghost] [class^=i-matcha-], button[matcha-button][disabled=true][matcha-button][outline] matcha-icon, button[matcha-button][disabled=true][matcha-button][outline] [class^=i-matcha-], button[matcha-button][disabled=true][matcha-button][outline] [class*=" i-matcha-"], button[matcha-button][disabled=true][matcha-button][basic] matcha-icon, button[matcha-button][disabled=true][matcha-button][basic] [class^=i-matcha-], button[matcha-button][disabled=true][matcha-button][ghost] matcha-icon, button[matcha-button][disabled=true][matcha-button][ghost] [class^=i-matcha-], button[matcha-button][disabled=true][matcha-button][variant=outline] matcha-icon, button[matcha-button][disabled=true][matcha-button][variant=outline] [class^=i-matcha-], button[matcha-button][disabled=true][matcha-button][variant=ghost] matcha-icon, button[matcha-button][disabled=true][matcha-button][variant=ghost] [class^=i-matcha-],
a[matcha-button][disabled]:not([disabled=false])[matcha-button][outline] matcha-icon,
a[matcha-button][disabled]:not([disabled=false])[matcha-button][outline] [class^=i-matcha-],
a[matcha-button][disabled]:not([disabled=false])[matcha-button][outline] [class*=" i-matcha-"],
a[matcha-button][disabled]:not([disabled=false])[matcha-button][basic] matcha-icon,
a[matcha-button][disabled]:not([disabled=false])[matcha-button][basic] [class^=i-matcha-],
a[matcha-button][disabled]:not([disabled=false])[matcha-button][ghost] matcha-icon,
a[matcha-button][disabled]:not([disabled=false])[matcha-button][ghost] [class^=i-matcha-],
a[matcha-button][disabled]:not([disabled=false])[matcha-button][variant=outline] matcha-icon,
a[matcha-button][disabled]:not([disabled=false])[matcha-button][variant=outline] [class^=i-matcha-],
a[matcha-button][disabled]:not([disabled=false])[matcha-button][variant=ghost] matcha-icon,
a[matcha-button][disabled]:not([disabled=false])[matcha-button][variant=ghost] [class^=i-matcha-],
a[matcha-button][disabled=true][matcha-button][outline] matcha-icon,
a[matcha-button][disabled=true][matcha-button][outline] [class^=i-matcha-],
a[matcha-button][disabled=true][matcha-button][outline] [class*=" i-matcha-"],
a[matcha-button][disabled=true][matcha-button][basic] matcha-icon,
a[matcha-button][disabled=true][matcha-button][basic] [class^=i-matcha-],
a[matcha-button][disabled=true][matcha-button][ghost] matcha-icon,
a[matcha-button][disabled=true][matcha-button][ghost] [class^=i-matcha-],
a[matcha-button][disabled=true][matcha-button][variant=outline] matcha-icon,
a[matcha-button][disabled=true][matcha-button][variant=outline] [class^=i-matcha-],
a[matcha-button][disabled=true][matcha-button][variant=ghost] matcha-icon,
a[matcha-button][disabled=true][matcha-button][variant=ghost] [class^=i-matcha-],
button[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][outline] matcha-icon,
button[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][outline] [class^=i-matcha-],
button[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][outline] [class*=" i-matcha-"],
button[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][basic] matcha-icon,
button[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][basic] [class^=i-matcha-],
button[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][ghost] matcha-icon,
button[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][ghost] [class^=i-matcha-],
button[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][variant=outline] matcha-icon,
button[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][variant=outline] [class^=i-matcha-],
button[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][variant=ghost] matcha-icon,
button[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][variant=ghost] [class^=i-matcha-],
button[matcha-icon-button][disabled=true][matcha-button][outline] matcha-icon,
button[matcha-icon-button][disabled=true][matcha-button][outline] [class^=i-matcha-],
button[matcha-icon-button][disabled=true][matcha-button][outline] [class*=" i-matcha-"],
button[matcha-icon-button][disabled=true][matcha-button][basic] matcha-icon,
button[matcha-icon-button][disabled=true][matcha-button][basic] [class^=i-matcha-],
button[matcha-icon-button][disabled=true][matcha-button][ghost] matcha-icon,
button[matcha-icon-button][disabled=true][matcha-button][ghost] [class^=i-matcha-],
button[matcha-icon-button][disabled=true][matcha-button][variant=outline] matcha-icon,
button[matcha-icon-button][disabled=true][matcha-button][variant=outline] [class^=i-matcha-],
button[matcha-icon-button][disabled=true][matcha-button][variant=ghost] matcha-icon,
button[matcha-icon-button][disabled=true][matcha-button][variant=ghost] [class^=i-matcha-],
a[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][outline] matcha-icon,
a[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][outline] [class^=i-matcha-],
a[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][outline] [class*=" i-matcha-"],
a[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][basic] matcha-icon,
a[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][basic] [class^=i-matcha-],
a[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][ghost] matcha-icon,
a[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][ghost] [class^=i-matcha-],
a[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][variant=outline] matcha-icon,
a[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][variant=outline] [class^=i-matcha-],
a[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][variant=ghost] matcha-icon,
a[matcha-icon-button][disabled]:not([disabled=false])[matcha-button][variant=ghost] [class^=i-matcha-],
a[matcha-icon-button][disabled=true][matcha-button][outline] matcha-icon,
a[matcha-icon-button][disabled=true][matcha-button][outline] [class^=i-matcha-],
a[matcha-icon-button][disabled=true][matcha-button][outline] [class*=" i-matcha-"],
a[matcha-icon-button][disabled=true][matcha-button][basic] matcha-icon,
a[matcha-icon-button][disabled=true][matcha-button][basic] [class^=i-matcha-],
a[matcha-icon-button][disabled=true][matcha-button][ghost] matcha-icon,
a[matcha-icon-button][disabled=true][matcha-button][ghost] [class^=i-matcha-],
a[matcha-icon-button][disabled=true][matcha-button][variant=outline] matcha-icon,
a[matcha-icon-button][disabled=true][matcha-button][variant=outline] [class^=i-matcha-],
a[matcha-icon-button][disabled=true][matcha-button][variant=ghost] matcha-icon,
a[matcha-icon-button][disabled=true][matcha-button][variant=ghost] [class^=i-matcha-],
button[matcha-link][disabled]:not([disabled=false])[matcha-button][outline] matcha-icon,
button[matcha-link][disabled]:not([disabled=false])[matcha-button][outline] [class^=i-matcha-],
button[matcha-link][disabled]:not([disabled=false])[matcha-button][outline] [class*=" i-matcha-"],
button[matcha-link][disabled]:not([disabled=false])[matcha-button][basic] matcha-icon,
button[matcha-link][disabled]:not([disabled=false])[matcha-button][basic] [class^=i-matcha-],
button[matcha-link][disabled]:not([disabled=false])[matcha-button][ghost] matcha-icon,
button[matcha-link][disabled]:not([disabled=false])[matcha-button][ghost] [class^=i-matcha-],
button[matcha-link][disabled]:not([disabled=false])[matcha-button][variant=outline] matcha-icon,
button[matcha-link][disabled]:not([disabled=false])[matcha-button][variant=outline] [class^=i-matcha-],
button[matcha-link][disabled]:not([disabled=false])[matcha-button][variant=ghost] matcha-icon,
button[matcha-link][disabled]:not([disabled=false])[matcha-button][variant=ghost] [class^=i-matcha-],
button[matcha-link][disabled=true][matcha-button][outline] matcha-icon,
button[matcha-link][disabled=true][matcha-button][outline] [class^=i-matcha-],
button[matcha-link][disabled=true][matcha-button][outline] [class*=" i-matcha-"],
button[matcha-link][disabled=true][matcha-button][basic] matcha-icon,
button[matcha-link][disabled=true][matcha-button][basic] [class^=i-matcha-],
button[matcha-link][disabled=true][matcha-button][ghost] matcha-icon,
button[matcha-link][disabled=true][matcha-button][ghost] [class^=i-matcha-],
button[matcha-link][disabled=true][matcha-button][variant=outline] matcha-icon,
button[matcha-link][disabled=true][matcha-button][variant=outline] [class^=i-matcha-],
button[matcha-link][disabled=true][matcha-button][variant=ghost] matcha-icon,
button[matcha-link][disabled=true][matcha-button][variant=ghost] [class^=i-matcha-],
a[matcha-link][disabled]:not([disabled=false])[matcha-button][outline] matcha-icon,
a[matcha-link][disabled]:not([disabled=false])[matcha-button][outline] [class^=i-matcha-],
a[matcha-link][disabled]:not([disabled=false])[matcha-button][outline] [class*=" i-matcha-"],
a[matcha-link][disabled]:not([disabled=false])[matcha-button][basic] matcha-icon,
a[matcha-link][disabled]:not([disabled=false])[matcha-button][basic] [class^=i-matcha-],
a[matcha-link][disabled]:not([disabled=false])[matcha-button][ghost] matcha-icon,
a[matcha-link][disabled]:not([disabled=false])[matcha-button][ghost] [class^=i-matcha-],
a[matcha-link][disabled]:not([disabled=false])[matcha-button][variant=outline] matcha-icon,
a[matcha-link][disabled]:not([disabled=false])[matcha-button][variant=outline] [class^=i-matcha-],
a[matcha-link][disabled]:not([disabled=false])[matcha-button][variant=ghost] matcha-icon,
a[matcha-link][disabled]:not([disabled=false])[matcha-button][variant=ghost] [class^=i-matcha-],
a[matcha-link][disabled=true][matcha-button][outline] matcha-icon,
a[matcha-link][disabled=true][matcha-button][outline] [class^=i-matcha-],
a[matcha-link][disabled=true][matcha-button][outline] [class*=" i-matcha-"],
a[matcha-link][disabled=true][matcha-button][basic] matcha-icon,
a[matcha-link][disabled=true][matcha-button][basic] [class^=i-matcha-],
a[matcha-link][disabled=true][matcha-button][ghost] matcha-icon,
a[matcha-link][disabled=true][matcha-button][ghost] [class^=i-matcha-],
a[matcha-link][disabled=true][matcha-button][variant=outline] matcha-icon,
a[matcha-link][disabled=true][matcha-button][variant=outline] [class^=i-matcha-],
a[matcha-link][disabled=true][matcha-button][variant=ghost] matcha-icon,
a[matcha-link][disabled=true][matcha-button][variant=ghost] [class^=i-matcha-] {
  color: var(--matcha-color-interaction-disabled-fg) !important;
}
button[matcha-button][badge]:not([badge=false])::after,
a[matcha-button][badge]:not([badge=false])::after,
button[matcha-icon-button][badge]:not([badge=false])::after,
a[matcha-icon-button][badge]:not([badge=false])::after,
button[matcha-link][badge]:not([badge=false])::after,
a[matcha-link][badge]:not([badge=false])::after {
  background: var(--matcha-color-accent);
}
button[matcha-button] .ripple,
a[matcha-button] .ripple,
button[matcha-icon-button] .ripple,
a[matcha-icon-button] .ripple,
button[matcha-link] .ripple,
a[matcha-link] .ripple {
  background: var(--matcha-button-color-alpha);
}

[matchaRipple] .ripple {
  transform-origin: center;
  pointer-events: none;
}

.matcha-tooltip-content {
  background-color: var(--matcha-color-text-primary);
  color: var(--matcha-color-surface-card);
  box-shadow: var(--matcha-shadow-2, 0 4px 12px rgba(0, 0, 0, 0.18));
}

.matcha-tooltip-content_above::after {
  border-color: var(--matcha-color-text-primary) transparent transparent transparent;
}

.matcha-tooltip-content_below::after {
  border-color: transparent transparent var(--matcha-color-text-primary) transparent;
}

.matcha-tooltip-content_left::after {
  border-color: transparent transparent transparent var(--matcha-color-text-primary);
}

.matcha-tooltip-content_right::after {
  border-color: transparent var(--matcha-color-text-primary) transparent transparent;
}

.matcha-tooltip-close {
  color: var(--matcha-color-surface-card);
  opacity: 0.7;
}
.matcha-tooltip-close:hover {
  opacity: 1;
}
.matcha-tooltip-close:active {
  opacity: 0.9;
}

matcha-header {
  background: var(--matcha-color-surface-card);
  border-bottom: var(--matcha-border-hairline, 1px) solid var(--matcha-color-interaction-disabled-border);
  color: var(--matcha-color-text-primary);
}

.matcha-header__content {
  background: var(--matcha-color-surface);
}
.matcha-header__content__title__icon {
  color: var(--matcha-color-text-label);
}
.matcha-header__content__options {
  background: var(--matcha-color-surface);
}
.matcha-header .matcha-header-church-id {
  color: var(--matcha-color-text-placeholder);
}
.matcha-header .matcha-header-user-name {
  color: var(--matcha-color-fg);
}
@media screen and (min-width: 640px) {
  .matcha-header__content {
    background: var(--matcha-color-surface);
  }
  .matcha-header__content__options {
    background: transparent;
  }
}

.matcha-header-profile {
  background: var(--matcha-color-surface);
}
.matcha-header-profile .profile-back {
  color: var(--matcha-color-fg);
}
.matcha-header-profile .profile-back:hover {
  opacity: 0.8;
}
.matcha-header-profile .profile-back:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
  border-radius: var(--matcha-radius-md, 4px);
}
.matcha-header-profile .profile-dates {
  color: var(--matcha-color-text-label);
}
.matcha-header-profile .profile-name {
  color: var(--matcha-color-fg);
}
.matcha-header-profile .profile-meta {
  color: var(--matcha-color-text-label);
}
.matcha-header-profile .profile-church {
  color: var(--matcha-color-fg);
}
.matcha-header-profile .profile-function-label {
  color: var(--matcha-color-accent);
}
.matcha-header-profile .profile-function-value {
  color: var(--matcha-color-text-label);
}
.matcha-header-profile .profile-enrollment {
  color: var(--matcha-color-fg);
}
.matcha-header-profile .profile-edit {
  color: var(--matcha-color-text-label);
  cursor: pointer;
}
.matcha-header-profile .profile-edit:hover {
  color: var(--matcha-color-fg);
}
.matcha-header-profile .profile-edit:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}

.matcha-menu-content {
  display: flex;
  flex-direction: column;
  padding: var(--matcha-space-100, 8px) 0;
}
.matcha-menu-content button,
.matcha-menu-content [matcha-button] {
  width: 100%;
  text-align: left;
  justify-content: flex-start;
  border-radius: 0;
  padding: var(--matcha-space-100, 8px) var(--matcha-space-200, 16px);
  height: var(--matcha-space-500, 40px);
  font-weight: var(--matcha-weight-medium, 500);
}
.matcha-menu-content button:focus-visible:not([disabled]),
.matcha-menu-content [matcha-button]:focus-visible:not([disabled]) {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}
.matcha-menu-content button matcha-icon,
.matcha-menu-content button .matcha-icon,
.matcha-menu-content [matcha-button] matcha-icon,
.matcha-menu-content [matcha-button] .matcha-icon {
  margin-right: var(--matcha-space-150, 12px);
}
.matcha-menu-content .matcha-menu-item-has-submenu {
  position: relative;
  padding-right: calc(var(--matcha-space-400, 32px) + var(--matcha-space-050, 4px));
}
.matcha-menu-content .matcha-menu-item-has-submenu::after {
  content: "";
  position: absolute;
  right: var(--matcha-space-150, 12px);
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: calc(var(--matcha-border-medium, 4px) + var(--matcha-border-hairline, 1px)) solid var(--matcha-color-hint, var(--matcha-color-text-muted));
  border-top: var(--matcha-border-medium, 4px) solid transparent;
  border-bottom: var(--matcha-border-medium, 4px) solid transparent;
  opacity: var(--matcha-opacity-secondary, 0.54);
  transition: opacity var(--matcha-duration-instant, 80ms) linear;
}
.matcha-menu-content .matcha-menu-item-has-submenu:hover::after {
  opacity: var(--matcha-opacity-high, 0.87);
}
@media (prefers-reduced-motion: reduce) {
  .matcha-menu-content .matcha-menu-item-has-submenu::after {
    transition: none;
  }
}

.matcha-drop-list {
  display: block;
  position: relative;
}

.matcha-drop-list-container {
  position: relative;
  min-height: 48px;
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-200, 16px);
  padding: 0px;
  border-radius: var(--matcha-radius-lg, 8px);
  border-width: 0px;
  transition: background-color 0.2s ease, border-color 0.2s ease, padding 0.2s ease;
}
.matcha-drop-list-container.matcha-drop-list-receiving {
  background-color: var(--matcha-color-primary-alpha);
  border-color: var(--matcha-color-accent);
  border-width: 2px;
  border-style: dashed;
  border-radius: var(--matcha-radius-lg, 8px);
  padding: var(--matcha-space-100, 8px);
  transition: background-color 0.2s ease, border-color 0.2s ease, padding 0.2s ease;
}
.matcha-drop-list-container.matcha-drop-list-receiving::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent 25%, var(--matcha-color-primary-alpha) 25%, var(--matcha-color-primary-alpha) 50%, transparent 50%, transparent 75%, var(--matcha-color-primary-alpha) 75%, var(--matcha-color-primary-alpha));
  background-size: 16px 16px;
  animation: drop-zone-animation 2s linear infinite;
  border-radius: var(--matcha-radius-md, 4px);
  opacity: 0.4;
}
.matcha-drop-list-container.matcha-drop-list-can-accept {
  background-color: var(--matcha-color-success-alpha);
  border-color: var(--matcha-color-success);
  cursor: copy;
}
.matcha-drop-list-container.matcha-drop-list-can-accept::before {
  background: linear-gradient(45deg, transparent 25%, var(--matcha-color-success-alpha) 25%, var(--matcha-color-success-alpha) 50%, transparent 50%, transparent 75%, var(--matcha-color-success-alpha) 75%, var(--matcha-color-success-alpha));
  background-size: 16px 16px;
  animation: drop-zone-animation 1.5s linear infinite;
  opacity: 0.5;
}
.matcha-drop-list-container.matcha-drop-list-cannot-accept {
  background-color: var(--matcha-color-danger-alpha);
  border-color: var(--matcha-color-danger);
  pointer-events: none;
  cursor: default;
}
.matcha-drop-list-container.matcha-drop-list-cannot-accept::before {
  background: linear-gradient(45deg, transparent 25%, var(--matcha-color-danger-alpha) 25%, var(--matcha-color-danger-alpha) 50%, transparent 50%, transparent 75%, var(--matcha-color-danger-alpha) 75%, var(--matcha-color-danger-alpha));
  background-size: 16px 16px;
  animation: drop-zone-animation 0.8s linear infinite;
  opacity: 0.6;
}
.matcha-drop-list-container.matcha-drop-list-disabled {
  color: var(--matcha-color-disabled-fg);
  background-color: var(--matcha-color-disabled-bg);
  pointer-events: none;
  cursor: default;
}

.matcha-drop-zone-cannot-accept {
  border: 2px dashed var(--matcha-color-danger) !important;
  border-radius: 8px;
  background-color: var(--matcha-color-danger-alpha);
  cursor: not-allowed;
  transition: background-color 0.15s linear, border-color 0.15s linear;
}

.matcha-drop-zone-cannot-accept .matcha-drop-list-container.matcha-drop-list-receiving {
  background-color: var(--matcha-color-danger-alpha);
  border-color: var(--matcha-color-danger);
}
.matcha-drop-zone-cannot-accept .matcha-drop-list-container.matcha-drop-list-receiving::before {
  background: linear-gradient(45deg, transparent 25%, var(--matcha-color-danger-alpha) 25%, var(--matcha-color-danger-alpha) 50%, transparent 50%, transparent 75%, var(--matcha-color-danger-alpha) 75%, var(--matcha-color-danger-alpha));
  background-size: 16px 16px;
  animation: drop-zone-animation 0.8s linear infinite;
  opacity: 0.6;
}

.matcha-drag-ghost {
  pointer-events: none;
  opacity: 0.85;
  z-index: 9999;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  border-radius: var(--matcha-radius-md, 4px);
  will-change: transform;
}

.matcha-drag-item {
  position: relative;
  display: flex;
  padding: var(--matcha-space-150, 12px);
  border-radius: var(--matcha-radius-md, 4px);
  overflow: hidden;
  transition: box-shadow 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
  -webkit-user-select: none;
          user-select: none;
  background-color: var(--matcha-color-surface);
  color: var(--matcha-color-fg);
}
.matcha-drag-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  opacity: 0;
  border-radius: inherit;
  pointer-events: none;
  transition: opacity var(--matcha-duration-instant, 80ms) linear;
}
.matcha-drag-item:last-child {
  margin-bottom: 0;
}
.matcha-drag-item:hover:not([disabled])::before {
  opacity: var(--matcha-state-hover, 0.08);
}
.matcha-drag-item:active:not([disabled])::before {
  opacity: var(--matcha-state-active, 0.12);
}
.matcha-drag-item:focus-visible:not([disabled]) {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}
@media (prefers-reduced-motion: reduce) {
  .matcha-drag-item::before {
    transition: none;
  }
}
.matcha-drag-item.matcha-drag-dragging {
  z-index: 1000;
  cursor: grabbing;
  position: relative;
  box-shadow: 0 8px 25px var(--matcha-color-text-muted);
  background-color: var(--matcha-color-surface);
  transform: scale(1.02);
  opacity: 0.95;
}
.matcha-drag-item.matcha-drag-dragging::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--matcha-radius-lg, 8px);
  z-index: -1;
  opacity: 0.1;
  background: linear-gradient(45deg, var(--matcha-color-surface), var(--matcha-color-primary));
  animation: drag-glow 1s ease-in-out infinite alternate;
}
.matcha-drag-item.matcha-drag-disabled {
  pointer-events: none;
  cursor: default;
  color: var(--matcha-color-disabled-fg);
  background-color: var(--matcha-color-disabled-bg);
}
.matcha-drag-item.disabled-item {
  pointer-events: none;
  cursor: default;
  color: var(--matcha-color-disabled-fg);
  background-color: var(--matcha-color-disabled-bg);
}

.matcha-drag-handle {
  cursor: grab;
  touch-action: none;
}
.matcha-drag-handle:active {
  cursor: grabbing;
}
.matcha-drag-handle.disabled {
  pointer-events: none;
  cursor: default;
}

.item-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-050, 4px);
}
.item-content .item-title {
  font-weight: 500;
  color: var(--matcha-color-fg);
}
.item-content .item-title.completed {
  text-decoration: line-through;
  opacity: 0.7;
}
.item-content .item-id {
  font-size: var(--matcha-text-body-sm, 12px);
  font-family: monospace;
  color: var(--matcha-color-text-muted);
}
.item-content small {
  font-size: var(--matcha-text-p-tiny, 11px);
  font-style: italic;
  color: var(--matcha-color-fg-alpha);
}

.item-actions {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
}
.item-actions i {
  font-size: var(--matcha-icon-size-sm, 16px);
}

.matcha-drop-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  opacity: 0;
  transition: opacity 0.2s ease;
  transform: translateY(-8px);
  z-index: 1000;
  pointer-events: none;
  margin: 0;
  border-radius: var(--matcha-radius-sm, 2px);
  background-color: var(--matcha-color-accent);
}
.matcha-drop-indicator.active {
  opacity: 1;
}

.matcha-drop-list-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.matcha-drop-list-placeholder .matcha-drop-list-empty-placeholder {
  font-style: italic;
  padding: var(--matcha-space-250, 20px);
  text-align: center;
  font-size: var(--matcha-text-body-md, 14px);
  border-radius: var(--matcha-radius-md, 4px);
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  color: var(--matcha-color-text-muted);
  border-color: var(--matcha-color-fg-alpha);
}
.matcha-drop-list-placeholder .matcha-drop-list-empty-placeholder.can-accept {
  color: var(--matcha-color-success);
  border-color: var(--matcha-color-success);
  background-color: var(--matcha-color-success-alpha);
}
.matcha-drop-list-placeholder .matcha-drop-list-empty-placeholder.cannot-accept {
  color: var(--matcha-color-danger);
  border-color: var(--matcha-color-danger);
  background-color: var(--matcha-color-danger-alpha);
  animation: shake 0.5s ease-in-out;
}

@media (prefers-contrast: high) {
  .matcha-drop-list-container.matcha-drop-list-receiving {
    border-color: var(--matcha-color-fg);
    background-color: var(--matcha-color-fg-alpha);
  }
  .matcha-drag-item.matcha-drag-dragging {
    border: 2px solid var(--matcha-color-fg);
  }
}
.matcha-form-field input[type=text],
.matcha-form-field input[type=email],
.matcha-form-field input[type=tel],
.matcha-form-field input[type=url],
.matcha-form-field input[type=password],
.matcha-form-field input[type=number],
.matcha-form-field input[type=search],
.matcha-form-field input[type=date],
.matcha-form-field input[type=time],
.matcha-form-field textarea {
  color: var(--matcha-color-text-primary);
}
.matcha-form-field input[type=text]::placeholder,
.matcha-form-field input[type=email]::placeholder,
.matcha-form-field input[type=tel]::placeholder,
.matcha-form-field input[type=url]::placeholder,
.matcha-form-field input[type=password]::placeholder,
.matcha-form-field input[type=number]::placeholder,
.matcha-form-field input[type=search]::placeholder,
.matcha-form-field input[type=date]::placeholder,
.matcha-form-field input[type=time]::placeholder,
.matcha-form-field textarea::placeholder {
  color: var(--matcha-color-text-placeholder);
}
.matcha-form-field input:disabled,
.matcha-form-field textarea:disabled {
  color: var(--matcha-color-interaction-disabled-fg);
}
.matcha-form-field.matcha-form-field-disabled {
  cursor: not-allowed;
}
.matcha-form-field.matcha-form-field-disabled input, .matcha-form-field.matcha-form-field-disabled textarea {
  pointer-events: none;
  color: var(--matcha-color-interaction-disabled-fg);
}
.matcha-form-field.matcha-form-field-disabled input::placeholder, .matcha-form-field.matcha-form-field-disabled textarea::placeholder {
  color: var(--matcha-color-interaction-disabled-fg);
  opacity: 0.7;
}

matcha-form-field[size=sm] .matcha-form-field input,
matcha-form-field[size=sm] .matcha-form-field textarea, matcha-form-field[size=tiny] .matcha-form-field input,
matcha-form-field[size=tiny] .matcha-form-field textarea, matcha-form-field[size=small] .matcha-form-field input,
matcha-form-field[size=small] .matcha-form-field textarea {
  font-size: var(--matcha-text-body-sm, 12px);
  line-height: var(--matcha-leading-body-sm, 16px);
}
matcha-form-field[size=md] .matcha-form-field input,
matcha-form-field[size=md] .matcha-form-field textarea, matcha-form-field[size=medium] .matcha-form-field input,
matcha-form-field[size=medium] .matcha-form-field textarea {
  font-size: var(--matcha-font-size-sm, 14px);
  line-height: var(--matcha-leading-body-md, 20px);
}
matcha-form-field[size=lg] .matcha-form-field input,
matcha-form-field[size=lg] .matcha-form-field textarea, matcha-form-field[size=large] .matcha-form-field input,
matcha-form-field[size=large] .matcha-form-field textarea, matcha-form-field[size=huge] .matcha-form-field input,
matcha-form-field[size=huge] .matcha-form-field textarea {
  font-size: var(--matcha-font-size-md, 16px);
  line-height: var(--matcha-leading-body-lg, 24px);
}
@media screen and (max-width: 479px) {
  matcha-form-field[size-xs=sm] .matcha-form-field input,
  matcha-form-field[size-xs=sm] .matcha-form-field textarea, matcha-form-field[size-xs=tiny] .matcha-form-field input,
  matcha-form-field[size-xs=tiny] .matcha-form-field textarea, matcha-form-field[size-xs=small] .matcha-form-field input,
  matcha-form-field[size-xs=small] .matcha-form-field textarea {
    font-size: var(--matcha-text-body-sm, 12px);
    line-height: var(--matcha-leading-body-sm, 16px);
  }
  matcha-form-field[size-xs=md] .matcha-form-field input,
  matcha-form-field[size-xs=md] .matcha-form-field textarea, matcha-form-field[size-xs=medium] .matcha-form-field input,
  matcha-form-field[size-xs=medium] .matcha-form-field textarea {
    font-size: var(--matcha-font-size-sm, 14px);
    line-height: var(--matcha-leading-body-md, 20px);
  }
  matcha-form-field[size-xs=lg] .matcha-form-field input,
  matcha-form-field[size-xs=lg] .matcha-form-field textarea, matcha-form-field[size-xs=large] .matcha-form-field input,
  matcha-form-field[size-xs=large] .matcha-form-field textarea, matcha-form-field[size-xs=huge] .matcha-form-field input,
  matcha-form-field[size-xs=huge] .matcha-form-field textarea {
    font-size: var(--matcha-font-size-md, 16px);
    line-height: var(--matcha-leading-body-lg, 24px);
  }
}
@media screen and (min-width: 480px) {
  matcha-form-field[size-sm=sm] .matcha-form-field input,
  matcha-form-field[size-sm=sm] .matcha-form-field textarea, matcha-form-field[size-sm=tiny] .matcha-form-field input,
  matcha-form-field[size-sm=tiny] .matcha-form-field textarea, matcha-form-field[size-sm=small] .matcha-form-field input,
  matcha-form-field[size-sm=small] .matcha-form-field textarea {
    font-size: var(--matcha-text-body-sm, 12px);
    line-height: var(--matcha-leading-body-sm, 16px);
  }
  matcha-form-field[size-sm=md] .matcha-form-field input,
  matcha-form-field[size-sm=md] .matcha-form-field textarea, matcha-form-field[size-sm=medium] .matcha-form-field input,
  matcha-form-field[size-sm=medium] .matcha-form-field textarea {
    font-size: var(--matcha-font-size-sm, 14px);
    line-height: var(--matcha-leading-body-md, 20px);
  }
  matcha-form-field[size-sm=lg] .matcha-form-field input,
  matcha-form-field[size-sm=lg] .matcha-form-field textarea, matcha-form-field[size-sm=large] .matcha-form-field input,
  matcha-form-field[size-sm=large] .matcha-form-field textarea, matcha-form-field[size-sm=huge] .matcha-form-field input,
  matcha-form-field[size-sm=huge] .matcha-form-field textarea {
    font-size: var(--matcha-font-size-md, 16px);
    line-height: var(--matcha-leading-body-lg, 24px);
  }
}
@media screen and (min-width: 640px) {
  matcha-form-field[size-md=sm] .matcha-form-field input,
  matcha-form-field[size-md=sm] .matcha-form-field textarea, matcha-form-field[size-md=tiny] .matcha-form-field input,
  matcha-form-field[size-md=tiny] .matcha-form-field textarea, matcha-form-field[size-md=small] .matcha-form-field input,
  matcha-form-field[size-md=small] .matcha-form-field textarea {
    font-size: var(--matcha-text-body-sm, 12px);
    line-height: var(--matcha-leading-body-sm, 16px);
  }
  matcha-form-field[size-md=md] .matcha-form-field input,
  matcha-form-field[size-md=md] .matcha-form-field textarea, matcha-form-field[size-md=medium] .matcha-form-field input,
  matcha-form-field[size-md=medium] .matcha-form-field textarea {
    font-size: var(--matcha-font-size-sm, 14px);
    line-height: var(--matcha-leading-body-md, 20px);
  }
  matcha-form-field[size-md=lg] .matcha-form-field input,
  matcha-form-field[size-md=lg] .matcha-form-field textarea, matcha-form-field[size-md=large] .matcha-form-field input,
  matcha-form-field[size-md=large] .matcha-form-field textarea, matcha-form-field[size-md=huge] .matcha-form-field input,
  matcha-form-field[size-md=huge] .matcha-form-field textarea {
    font-size: var(--matcha-font-size-md, 16px);
    line-height: var(--matcha-leading-body-lg, 24px);
  }
}
@media screen and (min-width: 768px) {
  matcha-form-field[size-lg=sm] .matcha-form-field input,
  matcha-form-field[size-lg=sm] .matcha-form-field textarea, matcha-form-field[size-lg=tiny] .matcha-form-field input,
  matcha-form-field[size-lg=tiny] .matcha-form-field textarea, matcha-form-field[size-lg=small] .matcha-form-field input,
  matcha-form-field[size-lg=small] .matcha-form-field textarea {
    font-size: var(--matcha-text-body-sm, 12px);
    line-height: var(--matcha-leading-body-sm, 16px);
  }
  matcha-form-field[size-lg=md] .matcha-form-field input,
  matcha-form-field[size-lg=md] .matcha-form-field textarea, matcha-form-field[size-lg=medium] .matcha-form-field input,
  matcha-form-field[size-lg=medium] .matcha-form-field textarea {
    font-size: var(--matcha-font-size-sm, 14px);
    line-height: var(--matcha-leading-body-md, 20px);
  }
  matcha-form-field[size-lg=lg] .matcha-form-field input,
  matcha-form-field[size-lg=lg] .matcha-form-field textarea, matcha-form-field[size-lg=large] .matcha-form-field input,
  matcha-form-field[size-lg=large] .matcha-form-field textarea, matcha-form-field[size-lg=huge] .matcha-form-field input,
  matcha-form-field[size-lg=huge] .matcha-form-field textarea {
    font-size: var(--matcha-font-size-md, 16px);
    line-height: var(--matcha-leading-body-lg, 24px);
  }
}
@media screen and (min-width: 1024px) {
  matcha-form-field[size-xl=sm] .matcha-form-field input,
  matcha-form-field[size-xl=sm] .matcha-form-field textarea, matcha-form-field[size-xl=tiny] .matcha-form-field input,
  matcha-form-field[size-xl=tiny] .matcha-form-field textarea, matcha-form-field[size-xl=small] .matcha-form-field input,
  matcha-form-field[size-xl=small] .matcha-form-field textarea {
    font-size: var(--matcha-text-body-sm, 12px);
    line-height: var(--matcha-leading-body-sm, 16px);
  }
  matcha-form-field[size-xl=md] .matcha-form-field input,
  matcha-form-field[size-xl=md] .matcha-form-field textarea, matcha-form-field[size-xl=medium] .matcha-form-field input,
  matcha-form-field[size-xl=medium] .matcha-form-field textarea {
    font-size: var(--matcha-font-size-sm, 14px);
    line-height: var(--matcha-leading-body-md, 20px);
  }
  matcha-form-field[size-xl=lg] .matcha-form-field input,
  matcha-form-field[size-xl=lg] .matcha-form-field textarea, matcha-form-field[size-xl=large] .matcha-form-field input,
  matcha-form-field[size-xl=large] .matcha-form-field textarea, matcha-form-field[size-xl=huge] .matcha-form-field input,
  matcha-form-field[size-xl=huge] .matcha-form-field textarea {
    font-size: var(--matcha-font-size-md, 16px);
    line-height: var(--matcha-leading-body-lg, 24px);
  }
}

matcha-checkbox .matcha-checkbox-icon--outline {
  color: var(--matcha-color-icon-default);
}
matcha-checkbox:not([disabled]):not([readonly]):hover .matcha-checkbox-container {
  background: var(--matcha-color-surface-hover, rgba(0, 0, 0, 0.04));
  box-shadow: var(--matcha-shadow-1);
}
matcha-checkbox:not([disabled]):not([readonly]):hover :is([checked], [indeterminate]) ~ .matcha-checkbox-container, matcha-checkbox:not([disabled]):not([readonly]):hover .matcha-checkbox-container:has(.matcha-checkbox-icon--checked), matcha-checkbox:not([disabled]):not([readonly]):hover .matcha-checkbox-container:has(.matcha-checkbox-icon--indeterminate) {
  background: var(--matcha-color-accent-alpha, rgba(0, 148, 0, 0.1));
}
matcha-checkbox .matcha-checkbox-container:has(input:focus-visible) {
  box-shadow: inset 0 0 0 var(--matcha-border-thin, 2px) var(--matcha-color-info);
}
matcha-checkbox:not([color]) .matcha-checkbox-icon--checked, matcha-checkbox:not([color]) .matcha-checkbox-icon--indeterminate {
  color: var(--matcha-color-accent);
}
matcha-checkbox[color=accent] .matcha-checkbox-icon--checked, matcha-checkbox[color=accent] .matcha-checkbox-icon--indeterminate {
  color: var(--matcha-color-accent);
}
matcha-checkbox[color=primary] .matcha-checkbox-icon--checked, matcha-checkbox[color=primary] .matcha-checkbox-icon--indeterminate {
  color: var(--matcha-color-primary);
}
matcha-checkbox[color=success] .matcha-checkbox-icon--checked, matcha-checkbox[color=success] .matcha-checkbox-icon--indeterminate {
  color: var(--matcha-color-success);
}
matcha-checkbox[color=warn] .matcha-checkbox-icon--checked, matcha-checkbox[color=warn] .matcha-checkbox-icon--indeterminate {
  color: var(--matcha-color-warn);
}
matcha-checkbox[color=danger] .matcha-checkbox-icon--checked, matcha-checkbox[color=danger] .matcha-checkbox-icon--indeterminate {
  color: var(--matcha-color-danger);
}
matcha-checkbox[color=info] .matcha-checkbox-icon--checked, matcha-checkbox[color=info] .matcha-checkbox-icon--indeterminate {
  color: var(--matcha-color-info);
}
matcha-checkbox.matcha-checkbox-error .matcha-checkbox-icon, matcha-checkbox[error] .matcha-checkbox-icon {
  color: var(--matcha-color-danger);
}
matcha-checkbox[disabled] .matcha-checkbox-icon {
  color: var(--matcha-color-icon-default);
}
matcha-checkbox .matcha-checkbox-label {
  color: var(--matcha-checkbox-label-color, var(--matcha-color-text-primary));
}
matcha-checkbox[disabled] .matcha-checkbox-label {
  color: var(--matcha-color-disabled-fg);
}
matcha-checkbox[readonly] .matcha-checkbox, matcha-checkbox[readonly] .matcha-checkbox-container {
  cursor: default;
}

matcha-spin:not([color]) .spin-progress {
  stroke: var(--matcha-color-accent);
}

matcha-spin[color=accent] .spin-progress {
  stroke: var(--matcha-color-accent);
}
matcha-spin[color=primary] .spin-progress {
  stroke: var(--matcha-color-primary);
}
matcha-spin[color=success] .spin-progress {
  stroke: var(--matcha-color-success);
}
matcha-spin[color=warn] .spin-progress {
  stroke: var(--matcha-color-warn);
}
matcha-spin[color=danger] .spin-progress {
  stroke: var(--matcha-color-danger);
}
matcha-spin[color=info] .spin-progress {
  stroke: var(--matcha-color-info);
}
matcha-spin .spin-placeholder {
  stroke: var(--matcha-color-disabled);
}
matcha-spin:not([size]) {
  width: 2.5rem;
  height: 2.5rem;
}
matcha-spin[size=tiny] {
  width: 1.5rem;
  height: 1.5rem;
}
matcha-spin[size=small] {
  width: 2rem;
  height: 2rem;
}
matcha-spin[size=medium] {
  width: 2.5rem;
  height: 2.5rem;
}
matcha-spin[size=large] {
  width: 3rem;
  height: 3rem;
}
matcha-spin[size=huge] {
  width: 3.5rem;
  height: 3.5rem;
}
@media screen and (max-width: 479px) {
  matcha-spin[size-xs=tiny] {
    width: 1.5rem;
    height: 1.5rem;
  }
  matcha-spin[size-xs=small] {
    width: 2rem;
    height: 2rem;
  }
  matcha-spin[size-xs=medium] {
    width: 2.5rem;
    height: 2.5rem;
  }
  matcha-spin[size-xs=large] {
    width: 3rem;
    height: 3rem;
  }
  matcha-spin[size-xs=huge] {
    width: 3.5rem;
    height: 3.5rem;
  }
}
@media screen and (min-width: 480px) {
  matcha-spin[size-sm=tiny] {
    width: 1.5rem;
    height: 1.5rem;
  }
  matcha-spin[size-sm=small] {
    width: 2rem;
    height: 2rem;
  }
  matcha-spin[size-sm=medium] {
    width: 2.5rem;
    height: 2.5rem;
  }
  matcha-spin[size-sm=large] {
    width: 3rem;
    height: 3rem;
  }
  matcha-spin[size-sm=huge] {
    width: 3.5rem;
    height: 3.5rem;
  }
}
@media screen and (min-width: 640px) {
  matcha-spin[size-md=tiny] {
    width: 1.5rem;
    height: 1.5rem;
  }
  matcha-spin[size-md=small] {
    width: 2rem;
    height: 2rem;
  }
  matcha-spin[size-md=medium] {
    width: 2.5rem;
    height: 2.5rem;
  }
  matcha-spin[size-md=large] {
    width: 3rem;
    height: 3rem;
  }
  matcha-spin[size-md=huge] {
    width: 3.5rem;
    height: 3.5rem;
  }
}
@media screen and (min-width: 768px) {
  matcha-spin[size-lg=tiny] {
    width: 1.5rem;
    height: 1.5rem;
  }
  matcha-spin[size-lg=small] {
    width: 2rem;
    height: 2rem;
  }
  matcha-spin[size-lg=medium] {
    width: 2.5rem;
    height: 2.5rem;
  }
  matcha-spin[size-lg=large] {
    width: 3rem;
    height: 3rem;
  }
  matcha-spin[size-lg=huge] {
    width: 3.5rem;
    height: 3.5rem;
  }
}
@media screen and (min-width: 1024px) {
  matcha-spin[size-xl=tiny] {
    width: 1.5rem;
    height: 1.5rem;
  }
  matcha-spin[size-xl=small] {
    width: 2rem;
    height: 2rem;
  }
  matcha-spin[size-xl=medium] {
    width: 2.5rem;
    height: 2.5rem;
  }
  matcha-spin[size-xl=large] {
    width: 3rem;
    height: 3rem;
  }
  matcha-spin[size-xl=huge] {
    width: 3.5rem;
    height: 3.5rem;
  }
}

matcha-spinner {
  --matcha-spinner-fill: var(--matcha-color-accent);
}
matcha-spinner[color=accent] {
  --matcha-spinner-fill: var(--matcha-color-accent);
}
matcha-spinner[color=primary] {
  --matcha-spinner-fill: var(--matcha-color-primary);
}
matcha-spinner[color=success] {
  --matcha-spinner-fill: var(--matcha-color-success);
}
matcha-spinner[color=warn] {
  --matcha-spinner-fill: var(--matcha-color-warn);
}
matcha-spinner[color=danger] {
  --matcha-spinner-fill: var(--matcha-color-danger);
}
matcha-spinner[color=info] {
  --matcha-spinner-fill: var(--matcha-color-info);
}

matcha-hint-text {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--matcha-space-050, 4px);
}
matcha-hint-text[size=sm], matcha-hint-text[size=tiny] {
  font-size: 0.75rem;
  line-height: 1rem;
}
matcha-hint-text[size=sm] matcha-icon span, matcha-hint-text[size=tiny] matcha-icon span {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  line-height: 1rem;
}
matcha-hint-text[size=md], matcha-hint-text[size=medium] {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
matcha-hint-text[size=md] matcha-icon,
matcha-hint-text[size=md] matcha-icon span, matcha-hint-text[size=medium] matcha-icon,
matcha-hint-text[size=medium] matcha-icon span {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 479px) {
  matcha-hint-text[size-xs=sm], matcha-hint-text[size-xs=tiny] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  matcha-hint-text[size-xs=sm] matcha-icon span, matcha-hint-text[size-xs=tiny] matcha-icon span {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    line-height: 1rem;
  }
  matcha-hint-text[size-xs=md], matcha-hint-text[size-xs=medium] {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  matcha-hint-text[size-xs=md] matcha-icon,
  matcha-hint-text[size-xs=md] matcha-icon span, matcha-hint-text[size-xs=medium] matcha-icon,
  matcha-hint-text[size-xs=medium] matcha-icon span {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 480px) {
  matcha-hint-text[size-sm=sm], matcha-hint-text[size-sm=tiny] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  matcha-hint-text[size-sm=sm] matcha-icon span, matcha-hint-text[size-sm=tiny] matcha-icon span {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    line-height: 1rem;
  }
  matcha-hint-text[size-sm=md], matcha-hint-text[size-sm=medium] {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  matcha-hint-text[size-sm=md] matcha-icon,
  matcha-hint-text[size-sm=md] matcha-icon span, matcha-hint-text[size-sm=medium] matcha-icon,
  matcha-hint-text[size-sm=medium] matcha-icon span {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 640px) {
  matcha-hint-text[size-md=sm], matcha-hint-text[size-md=tiny] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  matcha-hint-text[size-md=sm] matcha-icon span, matcha-hint-text[size-md=tiny] matcha-icon span {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    line-height: 1rem;
  }
  matcha-hint-text[size-md=md], matcha-hint-text[size-md=medium] {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  matcha-hint-text[size-md=md] matcha-icon,
  matcha-hint-text[size-md=md] matcha-icon span, matcha-hint-text[size-md=medium] matcha-icon,
  matcha-hint-text[size-md=medium] matcha-icon span {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  matcha-hint-text[size-lg=sm], matcha-hint-text[size-lg=tiny] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  matcha-hint-text[size-lg=sm] matcha-icon span, matcha-hint-text[size-lg=tiny] matcha-icon span {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    line-height: 1rem;
  }
  matcha-hint-text[size-lg=md], matcha-hint-text[size-lg=medium] {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  matcha-hint-text[size-lg=md] matcha-icon,
  matcha-hint-text[size-lg=md] matcha-icon span, matcha-hint-text[size-lg=medium] matcha-icon,
  matcha-hint-text[size-lg=medium] matcha-icon span {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  matcha-hint-text[size-xl=sm], matcha-hint-text[size-xl=tiny] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  matcha-hint-text[size-xl=sm] matcha-icon span, matcha-hint-text[size-xl=tiny] matcha-icon span {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    line-height: 1rem;
  }
  matcha-hint-text[size-xl=md], matcha-hint-text[size-xl=medium] {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  matcha-hint-text[size-xl=md] matcha-icon,
  matcha-hint-text[size-xl=md] matcha-icon span, matcha-hint-text[size-xl=medium] matcha-icon,
  matcha-hint-text[size-xl=medium] matcha-icon span {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
matcha-hint-text[type=error] {
  color: var(--matcha-color-danger);
}
matcha-hint-text[type=warning] {
  color: var(--matcha-color-warn);
}
matcha-hint-text[type=info] {
  color: var(--matcha-color-info);
}
matcha-hint-text[type=success] {
  color: var(--matcha-color-success);
}

matcha-slide-toggle input[type=checkbox]::before {
  background-color: transparent;
  border-color: var(--matcha-color-text-label);
}
matcha-slide-toggle input[type=checkbox]::after {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: var(--matcha-color-text-primary);
}
matcha-slide-toggle:not([color]) label, matcha-slide-toggle[color=accent] label {
  color: var(--matcha-color-accent);
}
matcha-slide-toggle:not([color]) input[type=checkbox]:checked::before, matcha-slide-toggle[color=accent] input[type=checkbox]:checked::before {
  background-color: var(--matcha-color-accent);
  border-color: var(--matcha-color-accent);
}
matcha-slide-toggle:not([color]) input[type=checkbox]:checked::after, matcha-slide-toggle[color=accent] input[type=checkbox]:checked::after {
  background-color: var(--matcha-color-accent-contrast);
}
matcha-slide-toggle[color=primary] label {
  color: var(--matcha-color-primary);
}
matcha-slide-toggle[color=primary] input[type=checkbox]:checked::before {
  background-color: var(--matcha-color-primary);
  border-color: var(--matcha-color-primary);
}
matcha-slide-toggle[color=primary] input[type=checkbox]:checked::after {
  background-color: var(--matcha-color-primary-contrast);
}
matcha-slide-toggle[color=success] label {
  color: var(--matcha-color-success);
}
matcha-slide-toggle[color=success] input[type=checkbox]:checked::before {
  background-color: var(--matcha-color-success);
  border-color: var(--matcha-color-success);
}
matcha-slide-toggle[color=success] input[type=checkbox]:checked::after {
  background-color: var(--matcha-color-success-contrast);
}
matcha-slide-toggle[color=warn] label {
  color: var(--matcha-color-warn);
}
matcha-slide-toggle[color=warn] input[type=checkbox]:checked::before {
  background-color: var(--matcha-color-warn);
  border-color: var(--matcha-color-warn);
}
matcha-slide-toggle[color=warn] input[type=checkbox]:checked::after {
  background-color: var(--matcha-color-warn-contrast);
}
matcha-slide-toggle[color=danger] label {
  color: var(--matcha-color-danger);
}
matcha-slide-toggle[color=danger] input[type=checkbox]:checked::before {
  background-color: var(--matcha-color-danger);
  border-color: var(--matcha-color-danger);
}
matcha-slide-toggle[color=danger] input[type=checkbox]:checked::after {
  background-color: var(--matcha-color-danger-contrast);
}
matcha-slide-toggle[color=info] label {
  color: var(--matcha-color-info);
}
matcha-slide-toggle[color=info] input[type=checkbox]:checked::before {
  background-color: var(--matcha-color-info);
  border-color: var(--matcha-color-info);
}
matcha-slide-toggle[color=info] input[type=checkbox]:checked::after {
  background-color: var(--matcha-color-info-contrast);
}
matcha-slide-toggle.matcha-slide-toggle-error input[type=checkbox]::before, matcha-slide-toggle[error] input[type=checkbox]::before {
  border-color: var(--matcha-color-danger);
}
matcha-slide-toggle.matcha-slide-toggle-error input[type=checkbox]:checked::before, matcha-slide-toggle[error] input[type=checkbox]:checked::before {
  background-color: var(--matcha-color-danger);
  border-color: var(--matcha-color-danger);
}
matcha-slide-toggle.matcha-slide-toggle-loading, matcha-slide-toggle[loading] {
  pointer-events: none;
}
matcha-slide-toggle.matcha-slide-toggle-loading input[type=checkbox]::after, matcha-slide-toggle[loading] input[type=checkbox]::after {
  animation: matcha-toggle-loading 800ms linear infinite;
}
matcha-slide-toggle[disabled] label {
  color: var(--matcha-color-disabled-fg);
}
matcha-slide-toggle[disabled] input[type=checkbox]::before {
  background-color: var(--matcha-color-disabled-bg);
  border-color: var(--matcha-color-disabled-bg);
}
matcha-slide-toggle[disabled] input[type=checkbox]::after {
  background-color: var(--matcha-color-disabled-fg);
}
matcha-slide-toggle label:has(input:focus-visible) {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-primary);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}
matcha-slide-toggle .matcha-slide-toggle-label {
  color: var(--matcha-slide-toggle-label-color, var(--matcha-color-text-primary));
}

matcha-tabs {
  display: flex;
}
matcha-tabs[inactivetype=basic][inactivecolor=red] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=red] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-red);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=red] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=red] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-red-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=pink] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=pink] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-pink);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=pink] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=pink] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-pink-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-purple);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-purple-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=deep-purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=deep-purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-deep-purple);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=deep-purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=deep-purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-deep-purple-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=indigo] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=indigo] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-indigo);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=indigo] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=indigo] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-indigo-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-blue);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-blue-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=light-blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=light-blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-light-blue);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=light-blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=light-blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-light-blue-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=cyan] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=cyan] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-cyan);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=cyan] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=cyan] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-cyan-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=teal] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=teal] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-teal);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=teal] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=teal] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-teal-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-green);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-green-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=light-green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=light-green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-light-green);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=light-green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=light-green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-light-green-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=lime] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=lime] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-lime);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=lime] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=lime] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-lime-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=yellow] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=yellow] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-yellow);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=yellow] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=yellow] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-yellow-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=amber] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=amber] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-amber);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=amber] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=amber] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-amber-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-orange);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-orange-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=deep-orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=deep-orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-deep-orange);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=deep-orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=deep-orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-deep-orange-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=brown] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=brown] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-brown);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=brown] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=brown] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-brown-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-grey);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-grey-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=blue-grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=blue-grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-blue-grey);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=blue-grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=blue-grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-blue-grey-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=primary] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=primary] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-primary);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=primary] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=primary] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-primary-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=accent] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=accent] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-accent);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=accent] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=accent] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-accent-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=success] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=success] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-success);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=success] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=success] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-success-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=warn] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=warn] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-warn);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=warn] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=warn] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-warn-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=danger] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=danger] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-danger);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=danger] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=danger] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-danger-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=info] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=info] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-info);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=info] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=info] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-info-alpha);
}
matcha-tabs[inactivetype=basic][inactivecolor=disabled] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=basic][inactivecolor=disabled] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-disabled);
  box-shadow: 0 0 0 0px inset;
}
matcha-tabs[inactivetype=basic][inactivecolor=disabled] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=basic][inactivecolor=disabled] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-disabled-alpha);
}
matcha-tabs[inactivetype=basic][disabled]:not([active-item=true]) .button-group matcha-tab-item button[matcha-button],
matcha-tabs[inactivetype=basic][disabled]:not([active-item=true]) .button-group matcha-tab-item a[matcha-button], matcha-tabs[inactivetype=basic][disabled]:not([disabled=false]):not([active-item=true]) .button-group matcha-tab-item button[matcha-button],
matcha-tabs[inactivetype=basic][disabled]:not([disabled=false]):not([active-item=true]) .button-group matcha-tab-item a[matcha-button], matcha-tabs[inactivetype=basic][disabled=true]:not([active-item=true]) .button-group matcha-tab-item button[matcha-button],
matcha-tabs[inactivetype=basic][disabled=true]:not([active-item=true]) .button-group matcha-tab-item a[matcha-button] {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 0px inset;
  pointer-events: none;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=red] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=red] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-red);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-red) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=red] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=red] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-red-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=pink] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=pink] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-pink);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-pink) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=pink] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=pink] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-pink-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-purple);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-purple) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-purple-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-deep-purple);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-deep-purple) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-deep-purple-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=indigo] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=indigo] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-indigo);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-indigo) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=indigo] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=indigo] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-indigo-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-blue);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-blue) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-blue-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=light-blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=light-blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-light-blue);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-light-blue) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=light-blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=light-blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-light-blue-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=cyan] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=cyan] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-cyan);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-cyan) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=cyan] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=cyan] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-cyan-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=teal] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=teal] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-teal);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-teal) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=teal] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=teal] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-teal-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-green);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-green) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-green-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=light-green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=light-green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-light-green);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-light-green) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=light-green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=light-green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-light-green-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=lime] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=lime] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-lime);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-lime) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=lime] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=lime] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-lime-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=yellow] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=yellow] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-yellow);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-yellow) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=yellow] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=yellow] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-yellow-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=amber] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=amber] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-amber);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-amber) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=amber] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=amber] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-amber-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-orange);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-orange) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-orange-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-deep-orange);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-deep-orange) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=deep-orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-deep-orange-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=brown] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=brown] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-brown);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-brown) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=brown] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=brown] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-brown-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-grey);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-grey) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-grey-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=blue-grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=blue-grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-blue-grey);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-blue-grey) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=blue-grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=blue-grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-blue-grey-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=primary] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=primary] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-primary);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-primary) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=primary] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=primary] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-primary-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=accent] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=accent] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-accent);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-accent) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=accent] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=accent] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-accent-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=success] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=success] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-success);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-success) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=success] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=success] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-success-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=warn] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=warn] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-warn);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-warn) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=warn] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=warn] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-warn-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=danger] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=danger] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-danger);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-danger) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=danger] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=danger] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-danger-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=info] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=info] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-info);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-info) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=info] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=info] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-info-alpha);
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=disabled] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=disabled] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-disabled);
  background: transparent;
  box-shadow: 0 0 0 2px var(--matcha-color-disabled) inset;
}
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=disabled] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=outline]:not([disabled=true])[inactivecolor=disabled] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-disabled-alpha);
}
matcha-tabs[inactivetype=outline][disabled] > .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline][disabled] > .button-group matcha-tab-item a[matcha-button]:not([active-item=true]), matcha-tabs[inactivetype=outline][disabled]:not([disabled=false]) > .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline][disabled]:not([disabled=false]) > .button-group matcha-tab-item a[matcha-button]:not([active-item=true]), matcha-tabs[inactivetype=outline][disabled=true] > .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=outline][disabled=true] > .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 var(--matcha-border-thin, 2px) inset;
  pointer-events: none;
}
matcha-tabs[inactivetype=alpha][inactivecolor=red] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=red] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-red);
  background: var(--matcha-color-red-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=red] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=red] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-red-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=pink] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=pink] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-pink);
  background: var(--matcha-color-pink-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=pink] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=pink] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-pink-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-purple);
  background: var(--matcha-color-purple-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-purple-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=deep-purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=deep-purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-deep-purple);
  background: var(--matcha-color-deep-purple-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=deep-purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=deep-purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-deep-purple-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=indigo] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=indigo] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-indigo);
  background: var(--matcha-color-indigo-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=indigo] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=indigo] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-indigo-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-blue);
  background: var(--matcha-color-blue-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-blue-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=light-blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=light-blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-light-blue);
  background: var(--matcha-color-light-blue-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=light-blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=light-blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-light-blue-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=cyan] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=cyan] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-cyan);
  background: var(--matcha-color-cyan-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=cyan] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=cyan] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-cyan-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=teal] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=teal] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-teal);
  background: var(--matcha-color-teal-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=teal] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=teal] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-teal-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-green);
  background: var(--matcha-color-green-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-green-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=light-green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=light-green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-light-green);
  background: var(--matcha-color-light-green-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=light-green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=light-green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-light-green-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=lime] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=lime] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-lime);
  background: var(--matcha-color-lime-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=lime] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=lime] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-lime-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=yellow] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=yellow] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-yellow);
  background: var(--matcha-color-yellow-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=yellow] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=yellow] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-yellow-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=amber] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=amber] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-amber);
  background: var(--matcha-color-amber-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=amber] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=amber] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-amber-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-orange);
  background: var(--matcha-color-orange-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-orange-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=deep-orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=deep-orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-deep-orange);
  background: var(--matcha-color-deep-orange-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=deep-orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=deep-orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-deep-orange-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=brown] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=brown] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-brown);
  background: var(--matcha-color-brown-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=brown] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=brown] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-brown-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-grey);
  background: var(--matcha-color-grey-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-grey-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=blue-grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=blue-grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-blue-grey);
  background: var(--matcha-color-blue-grey-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=blue-grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=blue-grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-blue-grey-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=primary] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=primary] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-primary);
  background: var(--matcha-color-primary-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=primary] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=primary] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-primary-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=accent] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=accent] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-accent);
  background: var(--matcha-color-accent-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=accent] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=accent] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-accent-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=success] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=success] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-success);
  background: var(--matcha-color-success-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=success] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=success] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-success-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=warn] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=warn] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-warn);
  background: var(--matcha-color-warn-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=warn] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=warn] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-warn-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=danger] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=danger] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-danger);
  background: var(--matcha-color-danger-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=danger] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=danger] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-danger-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=info] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=info] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-info);
  background: var(--matcha-color-info-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=info] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=info] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-info-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][inactivecolor=disabled] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][inactivecolor=disabled] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  color: var(--matcha-color-disabled);
  background: var(--matcha-color-disabled-alpha);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=alpha][inactivecolor=disabled] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=alpha][inactivecolor=disabled] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-disabled-contrast-alpha);
}
matcha-tabs[inactivetype=alpha][disabled] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][disabled] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]), matcha-tabs[inactivetype=alpha][disabled]:not([disabled=false]) .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][disabled]:not([disabled=false]) .button-group matcha-tab-item a[matcha-button]:not([active-item=true]), matcha-tabs[inactivetype=alpha][disabled=true] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=alpha][disabled=true] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: var(--matcha-color-disabled-bg-alpha, var(--matcha-color-interaction-disabled-bg-alpha));
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 0px inset;
  pointer-events: none;
}
matcha-tabs[inactivetype=link][inactivecolor=red] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=red] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-red);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=red] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=red] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-red-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=pink] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=pink] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-pink);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=pink] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=pink] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-pink-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-purple);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-purple-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=deep-purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=deep-purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-deep-purple);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=deep-purple] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=deep-purple] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-deep-purple-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=indigo] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=indigo] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-indigo);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=indigo] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=indigo] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-indigo-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-blue);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-blue-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=light-blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=light-blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-light-blue);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=light-blue] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=light-blue] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-light-blue-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=cyan] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=cyan] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-cyan);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=cyan] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=cyan] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-cyan-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=teal] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=teal] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-teal);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=teal] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=teal] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-teal-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-green);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-green-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=light-green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=light-green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-light-green);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=light-green] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=light-green] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-light-green-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=lime] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=lime] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-lime);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=lime] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=lime] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-lime-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=yellow] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=yellow] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-yellow);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=yellow] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=yellow] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-yellow-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=amber] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=amber] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-amber);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=amber] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=amber] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-amber-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-orange);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-orange-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=deep-orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=deep-orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-deep-orange);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=deep-orange] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=deep-orange] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-deep-orange-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=brown] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=brown] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-brown);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=brown] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=brown] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-brown-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-grey);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-grey-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=blue-grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=blue-grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-blue-grey);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=blue-grey] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=blue-grey] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-blue-grey-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=primary] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=primary] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-primary);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=primary] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=primary] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-primary-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=accent] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=accent] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-accent);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=accent] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=accent] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-accent-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=success] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=success] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-success);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=success] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=success] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-success-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=warn] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=warn] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-warn);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=warn] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=warn] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-warn-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=danger] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=danger] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-danger);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=danger] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=danger] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-danger-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=info] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=info] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-info);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=info] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=info] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-info-alpha);
}
matcha-tabs[inactivetype=link][inactivecolor=disabled] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][inactivecolor=disabled] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-disabled);
  box-shadow: 0 0 0 0px;
}
matcha-tabs[inactivetype=link][inactivecolor=disabled] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]) .ripple,
matcha-tabs[inactivetype=link][inactivecolor=disabled] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) .ripple {
  background: var(--matcha-color-disabled-alpha);
}
matcha-tabs[inactivetype=link][disabled] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][disabled] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]), matcha-tabs[inactivetype=link][disabled]:not([disabled=false]) .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][disabled]:not([disabled=false]) .button-group matcha-tab-item a[matcha-button]:not([active-item=true]), matcha-tabs[inactivetype=link][disabled=true] .button-group matcha-tab-item button[matcha-button]:not([active-item=true]),
matcha-tabs[inactivetype=link][disabled=true] .button-group matcha-tab-item a[matcha-button]:not([active-item=true]) {
  background: transparent;
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 0px inset;
  pointer-events: none;
}
matcha-tabs .button-group matcha-tab-item button[matcha-button]:focus-visible:not([disabled]):not([disabled=true]),
matcha-tabs .button-group matcha-tab-item a[matcha-button]:focus-visible:not([disabled]):not([disabled=true]) {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}
matcha-tabs[disabled] .button-group matcha-tab-item button[matcha-button][active-item=true][outline], matcha-tabs[disabled] .button-group matcha-tab-item button[matcha-button][active-item=true][outline]:not([outline=false]), matcha-tabs[disabled] .button-group matcha-tab-item button[matcha-button][active-item=true][outline=true],
matcha-tabs[disabled] .button-group matcha-tab-item a[matcha-button][active-item=true][outline],
matcha-tabs[disabled] .button-group matcha-tab-item a[matcha-button][active-item=true][outline]:not([outline=false]),
matcha-tabs[disabled] .button-group matcha-tab-item a[matcha-button][active-item=true][outline=true], matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item button[matcha-button][active-item=true][outline], matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item button[matcha-button][active-item=true][outline]:not([outline=false]), matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item button[matcha-button][active-item=true][outline=true],
matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item a[matcha-button][active-item=true][outline],
matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item a[matcha-button][active-item=true][outline]:not([outline=false]),
matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item a[matcha-button][active-item=true][outline=true], matcha-tabs[disabled=true] .button-group matcha-tab-item button[matcha-button][active-item=true][outline], matcha-tabs[disabled=true] .button-group matcha-tab-item button[matcha-button][active-item=true][outline]:not([outline=false]), matcha-tabs[disabled=true] .button-group matcha-tab-item button[matcha-button][active-item=true][outline=true],
matcha-tabs[disabled=true] .button-group matcha-tab-item a[matcha-button][active-item=true][outline],
matcha-tabs[disabled=true] .button-group matcha-tab-item a[matcha-button][active-item=true][outline]:not([outline=false]),
matcha-tabs[disabled=true] .button-group matcha-tab-item a[matcha-button][active-item=true][outline=true] {
  background: transparent;
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 var(--matcha-border-thin, 2px) inset;
  pointer-events: none;
}
matcha-tabs[disabled] .button-group matcha-tab-item button[matcha-button][active-item=true][basic], matcha-tabs[disabled] .button-group matcha-tab-item button[matcha-button][active-item=true][basic]:not([basic=false]), matcha-tabs[disabled] .button-group matcha-tab-item button[matcha-button][active-item=true][basic=true],
matcha-tabs[disabled] .button-group matcha-tab-item a[matcha-button][active-item=true][basic],
matcha-tabs[disabled] .button-group matcha-tab-item a[matcha-button][active-item=true][basic]:not([basic=false]),
matcha-tabs[disabled] .button-group matcha-tab-item a[matcha-button][active-item=true][basic=true], matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item button[matcha-button][active-item=true][basic], matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item button[matcha-button][active-item=true][basic]:not([basic=false]), matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item button[matcha-button][active-item=true][basic=true],
matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item a[matcha-button][active-item=true][basic],
matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item a[matcha-button][active-item=true][basic]:not([basic=false]),
matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item a[matcha-button][active-item=true][basic=true], matcha-tabs[disabled=true] .button-group matcha-tab-item button[matcha-button][active-item=true][basic], matcha-tabs[disabled=true] .button-group matcha-tab-item button[matcha-button][active-item=true][basic]:not([basic=false]), matcha-tabs[disabled=true] .button-group matcha-tab-item button[matcha-button][active-item=true][basic=true],
matcha-tabs[disabled=true] .button-group matcha-tab-item a[matcha-button][active-item=true][basic],
matcha-tabs[disabled=true] .button-group matcha-tab-item a[matcha-button][active-item=true][basic]:not([basic=false]),
matcha-tabs[disabled=true] .button-group matcha-tab-item a[matcha-button][active-item=true][basic=true] {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 0px inset;
  pointer-events: none;
}
matcha-tabs[disabled] .button-group matcha-tab-item button[matcha-button][active-item=true][alpha], matcha-tabs[disabled] .button-group matcha-tab-item button[matcha-button][active-item=true][alpha]:not([alpha=false]), matcha-tabs[disabled] .button-group matcha-tab-item button[matcha-button][active-item=true][alpha=true],
matcha-tabs[disabled] .button-group matcha-tab-item a[matcha-button][active-item=true][alpha],
matcha-tabs[disabled] .button-group matcha-tab-item a[matcha-button][active-item=true][alpha]:not([alpha=false]),
matcha-tabs[disabled] .button-group matcha-tab-item a[matcha-button][active-item=true][alpha=true], matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item button[matcha-button][active-item=true][alpha], matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item button[matcha-button][active-item=true][alpha]:not([alpha=false]), matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item button[matcha-button][active-item=true][alpha=true],
matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item a[matcha-button][active-item=true][alpha],
matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item a[matcha-button][active-item=true][alpha]:not([alpha=false]),
matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item a[matcha-button][active-item=true][alpha=true], matcha-tabs[disabled=true] .button-group matcha-tab-item button[matcha-button][active-item=true][alpha], matcha-tabs[disabled=true] .button-group matcha-tab-item button[matcha-button][active-item=true][alpha]:not([alpha=false]), matcha-tabs[disabled=true] .button-group matcha-tab-item button[matcha-button][active-item=true][alpha=true],
matcha-tabs[disabled=true] .button-group matcha-tab-item a[matcha-button][active-item=true][alpha],
matcha-tabs[disabled=true] .button-group matcha-tab-item a[matcha-button][active-item=true][alpha]:not([alpha=false]),
matcha-tabs[disabled=true] .button-group matcha-tab-item a[matcha-button][active-item=true][alpha=true] {
  background: var(--matcha-color-disabled-bg-alpha, var(--matcha-color-interaction-disabled-bg-alpha));
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 0px inset;
  pointer-events: none;
}
matcha-tabs[disabled] .button-group matcha-tab-item button[matcha-button][active-item=true][link], matcha-tabs[disabled] .button-group matcha-tab-item button[matcha-button][active-item=true][link]:not([link=false]), matcha-tabs[disabled] .button-group matcha-tab-item button[matcha-button][active-item=true][link=true],
matcha-tabs[disabled] .button-group matcha-tab-item a[matcha-button][active-item=true][link],
matcha-tabs[disabled] .button-group matcha-tab-item a[matcha-button][active-item=true][link]:not([link=false]),
matcha-tabs[disabled] .button-group matcha-tab-item a[matcha-button][active-item=true][link=true], matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item button[matcha-button][active-item=true][link], matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item button[matcha-button][active-item=true][link]:not([link=false]), matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item button[matcha-button][active-item=true][link=true],
matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item a[matcha-button][active-item=true][link],
matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item a[matcha-button][active-item=true][link]:not([link=false]),
matcha-tabs[disabled]:not([disabled=false]) .button-group matcha-tab-item a[matcha-button][active-item=true][link=true], matcha-tabs[disabled=true] .button-group matcha-tab-item button[matcha-button][active-item=true][link], matcha-tabs[disabled=true] .button-group matcha-tab-item button[matcha-button][active-item=true][link]:not([link=false]), matcha-tabs[disabled=true] .button-group matcha-tab-item button[matcha-button][active-item=true][link=true],
matcha-tabs[disabled=true] .button-group matcha-tab-item a[matcha-button][active-item=true][link],
matcha-tabs[disabled=true] .button-group matcha-tab-item a[matcha-button][active-item=true][link]:not([link=false]),
matcha-tabs[disabled=true] .button-group matcha-tab-item a[matcha-button][active-item=true][link=true] {
  background: transparent;
  color: var(--matcha-color-disabled-bg);
  box-shadow: 0 0 0 0px inset;
  pointer-events: none;
}

matcha-tabs {
  --matcha-tab-min-width-underline: var(--matcha-space-1500, 120px);
  --matcha-tab-min-width-card-horizontal: 107px;
  --matcha-tab-min-width-card-vertical: var(--matcha-space-1100, 88px);
  --matcha-tab-close-size: var(--matcha-icon-size-xs, 14px);
  --matcha-tab-state-opacity-hover: var(--matcha-state-hover, 0.08);
  --matcha-tab-state-opacity-active: var(--matcha-state-active, 0.12);
  --matcha-tab-state-opacity-disabled: var(--matcha-state-opacity-disabled, 0.5);
  --matcha-tab-focus-halo: 4px;
  --matcha-tab-focus-halo-alpha: 0.16;
  flex-direction: column;
  gap: var(--matcha-space-300, 24px);
}
matcha-tabs[aria-orientation=vertical] {
  flex-direction: row;
  gap: var(--matcha-space-300, 24px);
}

.matcha-tab-underline {
  display: flex;
  align-items: stretch;
  background: transparent;
  position: relative;
}
.matcha-tab-underline:not(.tabs-nav-responsive-grid) {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.matcha-tab-underline .matcha-tab-indicator {
  position: absolute;
  bottom: 0;
  left: var(--matcha-tab-indicator-left, 0);
  width: var(--matcha-tab-indicator-width, 0);
  height: var(--matcha-border-thin, 2px);
  background: var(--matcha-color-accent);
  border-radius: 0;
  transition: left var(--matcha-duration-fast, 200ms) var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)), width var(--matcha-duration-fast, 200ms) var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));
  pointer-events: none;
  z-index: 1;
}
.matcha-tab-underline .matcha-tab-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--matcha-space-100, 8px);
  padding: var(--matcha-space-200, 16px) var(--matcha-space-500, 40px);
  border: none;
  border-bottom: var(--matcha-border-thin, 2px) solid var(--matcha-color-surface-border);
  background: transparent;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-lg, 16px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-lg, 24px);
  color: var(--matcha-color-text-secondary, color-mix(in srgb, var(--matcha-color-fg) 70%, transparent));
  white-space: nowrap;
  flex-shrink: 0;
  min-width: var(--matcha-tab-min-width-underline);
  transition: color var(--matcha-duration-fast, 200ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)), border-bottom-color var(--matcha-duration-fast, 200ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)), font-weight var(--matcha-duration-fast, 200ms) ease;
}
.matcha-tab-underline .matcha-tab-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--matcha-duration-instant, 80ms) linear;
}
.matcha-tab-underline .matcha-tab-item:hover:not(:disabled)::before {
  opacity: var(--matcha-tab-state-opacity-hover);
}
.matcha-tab-underline .matcha-tab-item:active:not(:disabled)::before {
  opacity: var(--matcha-tab-state-opacity-active);
}
.matcha-tab-underline .matcha-tab-item.active, .matcha-tab-underline .matcha-tab-item[aria-selected=true] {
  color: var(--matcha-color-accent);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: var(--matcha-leading-title-sm, 22px);
  border-bottom-color: var(--matcha-color-accent);
  --matcha-icon-color: var(--matcha-color-accent);
}
.matcha-tab-underline .matcha-tab-item:disabled, .matcha-tab-underline .matcha-tab-item[disabled] {
  opacity: var(--matcha-tab-state-opacity-disabled);
  pointer-events: none;
  cursor: default;
}
.matcha-tab-underline .matcha-tab-item:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 4px);
  border-radius: var(--matcha-radius-sm, 4px);
  box-shadow: 0 0 0 var(--matcha-tab-focus-halo) color-mix(in srgb, var(--matcha-color-accent) calc(var(--matcha-tab-focus-halo-alpha) * 100%), transparent);
}

.matcha-tab-card {
  display: flex;
  align-items: flex-start;
  gap: var(--matcha-space-100, 8px);
  flex-wrap: wrap;
}
.matcha-tab-card.matcha-tab-equal-width {
  flex-wrap: nowrap;
}
.matcha-tab-card.matcha-tab-equal-width .matcha-tab-item {
  flex: 1 1 0;
  min-width: 0;
  flex-direction: column;
  text-align: center;
  padding: var(--matcha-space-150, 12px) var(--matcha-space-200, 16px);
}
.matcha-tab-card.matcha-tab-vertical .matcha-tab-item {
  flex-direction: column;
  min-width: var(--matcha-tab-min-width-card-vertical);
  padding: var(--matcha-space-100, 8px) var(--matcha-space-200, 16px);
  text-align: center;
}
.matcha-tab-card .matcha-tab-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--matcha-space-100, 8px);
  padding: var(--matcha-space-150, 12px) var(--matcha-space-200, 16px);
  border: var(--matcha-border-thin, 1px) solid transparent;
  border-radius: var(--matcha-radius-lg, 8px);
  background: var(--matcha-color-surface-card);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-md, 20px);
  color: var(--matcha-color-text-secondary, color-mix(in srgb, var(--matcha-color-fg) 70%, transparent));
  flex-shrink: 0;
  min-width: var(--matcha-tab-min-width-card-horizontal);
  transition: border-color var(--matcha-duration-fast, 200ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)), color var(--matcha-duration-fast, 200ms) var(--matcha-easing-standard, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--matcha-duration-instant, 80ms) ease;
}
.matcha-tab-card .matcha-tab-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  opacity: 0;
  border-radius: inherit;
  pointer-events: none;
  transition: opacity var(--matcha-duration-instant, 80ms) linear;
}
.matcha-tab-card .matcha-tab-item:hover:not(:disabled) {
  transform: translateY(calc(-1 * var(--matcha-border-hairline, 1px)));
}
.matcha-tab-card .matcha-tab-item:hover:not(:disabled)::before {
  opacity: var(--matcha-tab-state-opacity-hover);
}
.matcha-tab-card .matcha-tab-item:active:not(:disabled)::before {
  opacity: var(--matcha-tab-state-opacity-active);
}
.matcha-tab-card .matcha-tab-item.active, .matcha-tab-card .matcha-tab-item[aria-selected=true] {
  border-color: var(--matcha-color-accent);
  color: var(--matcha-color-accent);
  font-weight: var(--matcha-weight-medium, 500);
  --matcha-icon-color: var(--matcha-color-accent);
}
.matcha-tab-card .matcha-tab-item:disabled, .matcha-tab-card .matcha-tab-item[disabled] {
  opacity: var(--matcha-tab-state-opacity-disabled);
  pointer-events: none;
  cursor: default;
}
.matcha-tab-card .matcha-tab-item:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-border-thin, 2px);
  box-shadow: 0 0 0 var(--matcha-tab-focus-halo) color-mix(in srgb, var(--matcha-color-accent) calc(var(--matcha-tab-focus-halo-alpha) * 100%), transparent);
}

.matcha-tab-underline .matcha-tab-item matcha-icon,
.matcha-tab-card .matcha-tab-item matcha-icon {
  flex-shrink: 0;
}

.matcha-tab-underline,
.matcha-tab-card {
  scrollbar-width: thin;
  scrollbar-color: var(--matcha-color-surface-border) transparent;
}
.matcha-tab-underline::-webkit-scrollbar,
.matcha-tab-card::-webkit-scrollbar {
  height: var(--matcha-space-050, 4px);
}
.matcha-tab-underline::-webkit-scrollbar-track,
.matcha-tab-card::-webkit-scrollbar-track {
  background: transparent;
}
.matcha-tab-underline::-webkit-scrollbar-thumb,
.matcha-tab-card::-webkit-scrollbar-thumb {
  background: var(--matcha-color-surface-border);
  border-radius: var(--matcha-radius-pill, 9999px);
}

.matcha-tab-item__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--matcha-space-250, 20px);
  height: var(--matcha-space-250, 20px);
  padding: 0 var(--matcha-space-075, 6px);
  background: var(--matcha-color-accent);
  color: var(--matcha-color-accent-text-on, var(--matcha-color-accent-contrast));
  border-radius: var(--matcha-radius-pill, 9999px);
  font-size: var(--matcha-text-body-xs, 11px);
  font-weight: var(--matcha-weight-semibold, 600);
  line-height: 1;
  flex-shrink: 0;
}

.matcha-tab-item__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--matcha-space-300, 24px);
  height: var(--matcha-space-300, 24px);
  border-radius: 50%;
  color: var(--matcha-color-text-secondary, color-mix(in srgb, var(--matcha-color-fg) 70%, transparent));
  transition: background-color var(--matcha-duration-instant, 80ms) ease, color var(--matcha-duration-instant, 80ms) ease;
  flex-shrink: 0;
  cursor: pointer;
  margin-left: var(--matcha-space-050, 4px);
}
.matcha-tab-item__close:hover {
  background: var(--matcha-color-surface-hover, color-mix(in srgb, var(--matcha-color-fg) 8%, transparent));
  color: var(--matcha-color-fg);
}
.matcha-tab-item__close:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-border-thin, 2px);
}
.matcha-tab-item__close svg {
  display: block;
  width: var(--matcha-tab-close-size, 14px);
  height: var(--matcha-tab-close-size, 14px);
}

matcha-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  z-index: var(--matcha-z-modal, 999);
}
matcha-modal[size=tiny] .matcha-modal {
  width: 100%;
  max-width: 20rem;
}
matcha-modal[size=small] .matcha-modal {
  width: 100%;
  max-width: 25rem;
}
matcha-modal[size=medium] .matcha-modal {
  width: 100%;
  max-width: 30rem;
}
matcha-modal[size=large] .matcha-modal {
  width: 100%;
  max-width: 35rem;
}
matcha-modal[size=huge] .matcha-modal {
  width: 100%;
  max-width: 40rem;
}
@media screen and (max-width: 479px) {
  matcha-modal[size-xs=tiny] .matcha-modal {
    width: 100%;
    max-width: 20rem;
  }
  matcha-modal[size-xs=small] .matcha-modal {
    width: 100%;
    max-width: 25rem;
  }
  matcha-modal[size-xs=medium] .matcha-modal {
    width: 100%;
    max-width: 30rem;
  }
  matcha-modal[size-xs=large] .matcha-modal {
    width: 100%;
    max-width: 35rem;
  }
  matcha-modal[size-xs=huge] .matcha-modal {
    width: 100%;
    max-width: 40rem;
  }
}
@media screen and (min-width: 480px) {
  matcha-modal[size-sm=tiny] .matcha-modal {
    width: 100%;
    max-width: 20rem;
  }
  matcha-modal[size-sm=small] .matcha-modal {
    width: 100%;
    max-width: 25rem;
  }
  matcha-modal[size-sm=medium] .matcha-modal {
    width: 100%;
    max-width: 30rem;
  }
  matcha-modal[size-sm=large] .matcha-modal {
    width: 100%;
    max-width: 35rem;
  }
  matcha-modal[size-sm=huge] .matcha-modal {
    width: 100%;
    max-width: 40rem;
  }
}
@media screen and (min-width: 640px) {
  matcha-modal[size-md=tiny] .matcha-modal {
    width: 100%;
    max-width: 20rem;
  }
  matcha-modal[size-md=small] .matcha-modal {
    width: 100%;
    max-width: 25rem;
  }
  matcha-modal[size-md=medium] .matcha-modal {
    width: 100%;
    max-width: 30rem;
  }
  matcha-modal[size-md=large] .matcha-modal {
    width: 100%;
    max-width: 35rem;
  }
  matcha-modal[size-md=huge] .matcha-modal {
    width: 100%;
    max-width: 40rem;
  }
}
@media screen and (min-width: 768px) {
  matcha-modal[size-lg=tiny] .matcha-modal {
    width: 100%;
    max-width: 20rem;
  }
  matcha-modal[size-lg=small] .matcha-modal {
    width: 100%;
    max-width: 25rem;
  }
  matcha-modal[size-lg=medium] .matcha-modal {
    width: 100%;
    max-width: 30rem;
  }
  matcha-modal[size-lg=large] .matcha-modal {
    width: 100%;
    max-width: 35rem;
  }
  matcha-modal[size-lg=huge] .matcha-modal {
    width: 100%;
    max-width: 40rem;
  }
}
@media screen and (min-width: 1024px) {
  matcha-modal[size-xl=tiny] .matcha-modal {
    width: 100%;
    max-width: 20rem;
  }
  matcha-modal[size-xl=small] .matcha-modal {
    width: 100%;
    max-width: 25rem;
  }
  matcha-modal[size-xl=medium] .matcha-modal {
    width: 100%;
    max-width: 30rem;
  }
  matcha-modal[size-xl=large] .matcha-modal {
    width: 100%;
    max-width: 35rem;
  }
  matcha-modal[size-xl=huge] .matcha-modal {
    width: 100%;
    max-width: 40rem;
  }
}
matcha-modal.matcha-modal--closing .matcha-modal {
  animation: matcha-modal-out 180ms var(--matcha-easing-accelerated, cubic-bezier(0.4, 0, 1, 1)) forwards;
}

.matcha-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: var(--matcha-z-modal-bg, 998);
  cursor: pointer;
  background: var(--matcha-scrim-modal, rgba(0, 0, 0, 0.5));
  backdrop-filter: blur(var(--matcha-scrim-modal-blur, 6px));
  animation: matcha-modal-backdrop-in var(--matcha-duration-normal, 200ms) ease-out;
}
.matcha-modal-backdrop.matcha-modal-backdrop--closing {
  animation: matcha-modal-backdrop-out 150ms ease-in forwards;
}

.matcha-modal {
  position: relative;
  z-index: var(--matcha-z-modal, 999);
  display: flex;
  flex-direction: column;
  contain: layout paint;
  border-radius: var(--matcha-radius-xl, 16px);
  background-color: var(--matcha-color-surface-card-strong, var(--matcha-color-surface-card));
  color: var(--matcha-color-fg);
  overflow: hidden;
  animation: matcha-modal-in var(--matcha-duration-fast, 200ms) var(--matcha-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06), 0 12px 32px rgba(0, 0, 0, 0.12);
}

.matcha-modal-header__title {
  color: var(--matcha-color-text-primary);
}

.matcha-modal-content {
  color: var(--matcha-color-text-primary);
}

.matcha-modal:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}

.skeleton-animated-background {
  position: relative;
  overflow: hidden;
  background: var(--matcha-color-surface-card);
  border-radius: var(--matcha-radius-xl, 16px);
  box-shadow: var(--matcha-shadow-1);
}

.skeleton-animated-background::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, var(--matcha-skeleton-shimmer), transparent);
  transform: translateX(-100%);
  animation: matcha-skeleton-shimmer 1.4s linear infinite;
  pointer-events: none;
}

.skeleton-block,
.matcha-skeleton-line,
.matcha-skeleton-card__avatar,
.matcha-skeleton-card__image,
.matcha-skeleton-table__header,
.matcha-skeleton-table__cell-avatar {
  background: var(--matcha-color-surface-border);
}

.skeleton-row--alt,
.matcha-skeleton-table__row--alt {
  background: var(--matcha-color-surface-bg);
}

@keyframes matcha-skeleton-shimmer {
  to {
    transform: translateX(100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .skeleton-animated-background::after {
    animation: none;
    opacity: 0;
  }
}
matcha-radio:not([color]) .matcha-radio-touch, matcha-radio[color=accent] .matcha-radio-touch {
  color: var(--matcha-color-accent);
}
matcha-radio:not([color]) .matcha-radio-input, matcha-radio[color=accent] .matcha-radio-input {
  box-shadow: 0 0 0 2px var(--matcha-color-text-label) inset;
}
matcha-radio:not([color]) .matcha-radio-input:checked, matcha-radio[color=accent] .matcha-radio-input:checked {
  box-shadow: 0 0 0 2px var(--matcha-color-accent) inset, 0 0 0 5px var(--matcha-color-surface) inset, 0 0 0 9px var(--matcha-color-accent) inset;
}
matcha-radio[color=primary] .matcha-radio-touch {
  color: var(--matcha-color-primary);
}
matcha-radio[color=primary] .matcha-radio-input {
  box-shadow: 0 0 0 2px var(--matcha-color-text-label) inset;
}
matcha-radio[color=primary] .matcha-radio-input:checked {
  box-shadow: 0 0 0 2px var(--matcha-color-primary) inset, 0 0 0 5px var(--matcha-color-surface) inset, 0 0 0 9px var(--matcha-color-primary) inset;
}
matcha-radio[color=success] .matcha-radio-touch {
  color: var(--matcha-color-success);
}
matcha-radio[color=success] .matcha-radio-input {
  box-shadow: 0 0 0 2px var(--matcha-color-text-label) inset;
}
matcha-radio[color=success] .matcha-radio-input:checked {
  box-shadow: 0 0 0 2px var(--matcha-color-success) inset, 0 0 0 5px var(--matcha-color-surface) inset, 0 0 0 9px var(--matcha-color-success) inset;
}
matcha-radio[color=warn] .matcha-radio-touch {
  color: var(--matcha-color-warn);
}
matcha-radio[color=warn] .matcha-radio-input {
  box-shadow: 0 0 0 2px var(--matcha-color-text-label) inset;
}
matcha-radio[color=warn] .matcha-radio-input:checked {
  box-shadow: 0 0 0 2px var(--matcha-color-warn) inset, 0 0 0 5px var(--matcha-color-surface) inset, 0 0 0 9px var(--matcha-color-warn) inset;
}
matcha-radio[color=danger] .matcha-radio-touch {
  color: var(--matcha-color-danger);
}
matcha-radio[color=danger] .matcha-radio-input {
  box-shadow: 0 0 0 2px var(--matcha-color-text-label) inset;
}
matcha-radio[color=danger] .matcha-radio-input:checked {
  box-shadow: 0 0 0 2px var(--matcha-color-danger) inset, 0 0 0 5px var(--matcha-color-surface) inset, 0 0 0 9px var(--matcha-color-danger) inset;
}
matcha-radio[color=info] .matcha-radio-touch {
  color: var(--matcha-color-info);
}
matcha-radio[color=info] .matcha-radio-input {
  box-shadow: 0 0 0 2px var(--matcha-color-text-label) inset;
}
matcha-radio[color=info] .matcha-radio-input:checked {
  box-shadow: 0 0 0 2px var(--matcha-color-info) inset, 0 0 0 5px var(--matcha-color-surface) inset, 0 0 0 9px var(--matcha-color-info) inset;
}
matcha-radio.matcha-radio-error .matcha-radio-input, matcha-radio[error=true] .matcha-radio-input {
  box-shadow: 0 0 0 2px var(--matcha-color-danger) inset !important;
}
matcha-radio.matcha-radio-error .matcha-radio-input:checked, matcha-radio[error=true] .matcha-radio-input:checked {
  box-shadow: 0 0 0 2px var(--matcha-color-danger) inset, 0 0 0 5px var(--matcha-color-surface) inset, 0 0 0 9px var(--matcha-color-danger) inset !important;
}
matcha-radio[disabled] {
  opacity: var(--matcha-opacity-option-disabled, 0.5);
}
matcha-radio[disabled] .matcha-radio-input {
  box-shadow: 0 0 0 2px var(--matcha-color-interaction-disabled-fg) inset;
}
matcha-radio[disabled] .matcha-radio-label,
matcha-radio[disabled] .matcha-radio-description,
matcha-radio[disabled] .matcha-radio-hint {
  color: var(--matcha-color-interaction-disabled-fg);
}
matcha-radio .matcha-radio-input:focus-visible {
  outline: none;
}
matcha-radio .matcha-radio-touch:has(.matcha-radio-input:focus-visible) {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-primary);
  outline-offset: calc(-1 * var(--matcha-state-focus-ring-width, 2px));
}

matcha-avatar[disabled] .matcha-avatar,
.matcha-avatar.color-disabled {
  background-color: var(--matcha-color-disabled-bg);
  color: var(--matcha-color-disabled-fg);
}

.matcha-avatar-status {
  border-color: var(--matcha-color-surface-card);
}

matcha-drawer-container {
  display: block;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  background-color: var(--matcha-color-bg);
  color: var(--matcha-color-fg);
}

.matcha-drawer-backdrop {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: block;
  visibility: hidden;
  cursor: pointer;
  background-color: var(--matcha-scrim-drawer, rgba(0, 0, 0, 0.3));
  backdrop-filter: blur(var(--matcha-scrim-drawer-blur, 4px));
  opacity: 0;
  transition: opacity var(--matcha-duration-normal, 200ms) ease, visibility var(--matcha-duration-normal, 200ms) ease;
}

matcha-drawer-container.matcha-drawer-container-has-open .matcha-drawer-backdrop {
  visibility: visible;
  opacity: 1;
}

.matcha-drawer-content-container {
  position: relative;
  z-index: 0;
  display: block;
  height: 100%;
  overflow: auto;
}

matcha-drawer {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  outline: 0;
  box-sizing: border-box;
  overflow: hidden;
  max-width: 100vw;
  transform: translate3d(-100%, 0, 0);
  visibility: hidden;
  transition: transform var(--matcha-duration-normal, 200ms) cubic-bezier(0.16, 1, 0.3, 1), visibility var(--matcha-duration-normal, 200ms) ease, width var(--matcha-duration-normal, 200ms) cubic-bezier(0.16, 1, 0.3, 1);
  background-color: var(--matcha-color-surface);
  color: var(--matcha-color-fg);
  pointer-events: auto;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12), 0 16px 48px rgba(0, 0, 0, 0.16);
  border-right: var(--matcha-drawer-border);
  --drawer-pad-x: var(--matcha-space-250, 20px);
  --drawer-pad-y: var(--matcha-space-250, 20px);
  --drawer-divider: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border, rgba(255, 255, 255, 0.12));
}
matcha-drawer.matcha-drawer-end {
  left: auto;
  right: 0;
  transform: translate3d(100%, 0, 0);
  border-right: 0 solid transparent;
  border-left: var(--matcha-drawer-border);
}
matcha-drawer.matcha-drawer-bottom {
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-height: min(90vh, 90%);
  border-radius: var(--matcha-radius-xl, 16px) var(--matcha-radius-xl, 16px) 0 0;
  transform: translate3d(0, 100%, 0);
  border-right: 0 solid transparent;
  border-top: var(--matcha-drawer-border);
}
matcha-drawer.matcha-drawer-bottom .matcha-drawer__slot--footer {
  padding-block-end: max(var(--drawer-pad-y), env(safe-area-inset-bottom, var(--drawer-pad-y)));
}
matcha-drawer .matcha-drawer__handle {
  display: none;
  flex-shrink: 0;
  width: 100%;
  padding: var(--matcha-space-100, 8px) 0;
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
          user-select: none;
}
matcha-drawer .matcha-drawer__handle::before {
  content: "";
  display: block;
  width: 32px;
  height: 4px;
  margin: 0 auto;
  border-radius: var(--matcha-radius-sm, 2px);
  background: var(--matcha-color-hint, var(--matcha-color-text-muted));
  opacity: 0.3;
}
matcha-drawer .matcha-drawer__handle:active {
  cursor: grabbing;
}
matcha-drawer .matcha-drawer__handle:active::before {
  opacity: 0.5;
}
matcha-drawer.matcha-drawer-bottom .matcha-drawer__handle {
  display: block;
}
matcha-drawer.matcha-drawer--dragging {
  transition: none !important;
}
matcha-drawer.matcha-drawer-opened {
  transform: translate3d(0, 0, 0);
  visibility: visible;
}
matcha-drawer.matcha-drawer-over {
  z-index: 15;
}
matcha-drawer.matcha-drawer-side {
  z-index: 10;
  border-right: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border, var(--matcha-color-border));
  box-shadow: none;
}
matcha-drawer.matcha-drawer-side.matcha-drawer-end {
  border-right: none;
  border-left: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border, var(--matcha-color-border));
}
matcha-drawer.matcha-drawer-push {
  border-right: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border, var(--matcha-color-border));
  box-shadow: none;
}
matcha-drawer.matcha-drawer-push.matcha-drawer-end {
  border-right: none;
  border-left: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border, var(--matcha-color-border));
}
matcha-drawer.matcha-drawer-shake {
  animation: matcha-drawer-shake 400ms ease-in-out;
}
matcha-drawer .matcha-drawer__slot {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
matcha-drawer .matcha-drawer__slot:not(:has(*)) {
  display: none;
}
matcha-drawer .matcha-drawer__slot--header {
  flex: 0 0 auto;
  padding: var(--drawer-pad-y) var(--drawer-pad-x);
  border-bottom: var(--drawer-divider);
  color: var(--matcha-color-fg);
}
matcha-drawer .matcha-drawer__slot--header > * {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--matcha-space-150, 12px);
  width: 100%;
  min-width: 0;
}
matcha-drawer .matcha-drawer__slot--body {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: var(--drawer-pad-y) var(--drawer-pad-x);
  color: var(--matcha-color-fg);
  -webkit-overflow-scrolling: touch;
  gap: var(--matcha-space-150, 12px);
}
matcha-drawer .matcha-drawer__slot--footer {
  flex: 0 0 auto;
  padding: var(--drawer-pad-y) var(--drawer-pad-x);
  border-top: var(--drawer-divider);
}
matcha-drawer .matcha-drawer__slot--footer > * {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: var(--matcha-space-150, 12px);
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
}

matcha-drawer-content {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  overflow: auto;
  transition: margin var(--matcha-duration-normal, 200ms) cubic-bezier(0.16, 1, 0.3, 1);
}

matcha-drawer:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}

matcha-autocomplete .matcha-autocomplete-container {
  padding: 0 var(--matcha-space-150, 12px);
  margin-top: calc(var(--matcha-space-150, 12px) * -1);
}

.matcha-autocomplete-panel {
  background: var(--matcha-color-surface);
  border: var(--matcha-border-hairline, 1px) solid var(--matcha-color-border);
  border-radius: var(--matcha-radius-lg, 8px);
  box-shadow: var(--matcha-shadow-2);
  overflow: hidden;
}

.matcha-autocomplete-option {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  padding: var(--matcha-space-100, 8px) var(--matcha-space-200, 16px);
  cursor: pointer;
  color: var(--matcha-color-fg);
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  line-height: var(--matcha-leading-body-md, 20px);
  position: relative;
  overflow: hidden;
}
.matcha-autocomplete-option::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--matcha-duration-instant, 80ms) linear;
}
.matcha-autocomplete-option:hover:not([aria-disabled=true]):not([disabled])::before {
  opacity: var(--matcha-state-hover, 0.08);
}
.matcha-autocomplete-option:active:not([aria-disabled=true]):not([disabled])::before {
  opacity: var(--matcha-state-active, 0.12);
}
.matcha-autocomplete-option:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, -2px);
}
.matcha-autocomplete-option[aria-selected=true], .matcha-autocomplete-option.matcha-option-selected {
  background: var(--matcha-color-accent-alpha);
  font-weight: var(--matcha-weight-medium, 500);
}
.matcha-autocomplete-option[aria-disabled=true], .matcha-autocomplete-option.matcha-option-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

.matcha-autocomplete-empty {
  padding: var(--matcha-space-150, 12px) var(--matcha-space-200, 16px);
  text-align: center;
  color: var(--matcha-color-text-placeholder);
  font-family: var(--matcha-font-family);
  font-size: var(--matcha-text-body-md, 14px);
  line-height: var(--matcha-leading-body-md, 20px);
  font-style: italic;
}

.matcha-autocomplete-clear-button {
  color: var(--matcha-color-text-hint);
  cursor: pointer;
}
.matcha-autocomplete-clear-button:hover {
  color: var(--matcha-color-fg);
}
.matcha-autocomplete-clear-button:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
  border-radius: var(--matcha-radius-sm, 2px);
}

.matcha-panel {
  background: var(--matcha-color-surface-card-strong, var(--matcha-color-surface-card, var(--matcha-color-surface)));
  color: var(--matcha-color-text-primary, var(--matcha-color-fg));
  box-shadow: var(--matcha-shadow-3);
  border: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border, rgba(255, 255, 255, 0.12));
}
.matcha-panel:focus-within {
  box-shadow: var(--matcha-shadow-4);
}

@media (max-width: 768px) {
  .matcha-panel {
    max-height: var(--matcha-space-1600, 192px);
    min-width: var(--matcha-space-1200, 96px);
    border-radius: var(--matcha-radius-lg, 12px);
  }
}
.matcha-option {
  color: var(--matcha-color-text-primary);
  background: transparent;
}
.matcha-option:hover:not([aria-disabled=true]):not([disabled]):not(.matcha-option-disabled):not([aria-selected=true]) {
  background: color-mix(in srgb, var(--matcha-color-state-layer-fg) calc(var(--matcha-state-layer-hover, 0.08) * 100%), transparent);
}
.matcha-option[aria-selected=true] {
  background: var(--matcha-color-accent-alpha);
  font-weight: var(--matcha-weight-medium, 500);
}
.matcha-option[aria-selected=true]:hover:not([aria-disabled=true]) {
  background: var(--matcha-color-accent-surface-hover);
}
.matcha-option.matcha-option--danger {
  color: var(--matcha-color-danger);
}
.matcha-option.matcha-option--danger:hover:not([aria-disabled=true]) {
  background: var(--matcha-color-danger-surface-hover);
}
.matcha-option[aria-disabled=true], .matcha-option[disabled], .matcha-option.matcha-option-disabled {
  color: var(--matcha-color-interaction-disabled-fg);
  opacity: var(--matcha-opacity-option-disabled, 0.5);
  background: transparent;
}
.matcha-option:focus-visible:not([aria-disabled=true]):not([disabled]):not(.matcha-option-disabled) {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-primary);
  outline-offset: calc(-1 * var(--matcha-state-focus-ring-width, 2px));
}
.matcha-option.matcha-option-highlighted:not([aria-disabled=true]):not([disabled]) {
  background: color-mix(in srgb, var(--matcha-color-state-layer-fg) calc(var(--matcha-state-layer-hover, 0.08) * 100%), transparent);
}
.matcha-option.matcha-option-highlighted:not([aria-disabled=true]):not([disabled])[aria-selected=true] {
  background: var(--matcha-color-accent-surface-hover);
}
.matcha-option.matcha-option-multiple {
  gap: var(--matcha-space-100, 8px);
}
.matcha-option.matcha-option-multiple[aria-selected=true]:not(:hover):not(.matcha-option-highlighted) {
  background: transparent;
}
.matcha-option.matcha-option-multiple .matcha-option-checkbox {
  display: inline-flex;
  align-items: center;
  pointer-events: none;
}

matcha-select {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.matcha-select-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.matcha-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
  transition: border-color var(--matcha-duration-fast, 200ms) ease, box-shadow var(--matcha-duration-fast, 200ms) ease;
  box-sizing: border-box;
}
.matcha-select-trigger:focus-visible:not([disabled]) {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}

.matcha-select-value {
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--matcha-color-fg);
}
.matcha-select-value.matcha-select-placeholder {
  color: var(--matcha-color-text-placeholder);
}

.matcha-select-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: var(--matcha-space-100, 8px);
  transition: transform var(--matcha-duration-fast, 200ms) ease;
  color: var(--matcha-color-text-placeholder);
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  flex: none;
}
.matcha-select-arrow.matcha-select-arrow-open {
  transform: rotate(180deg);
}

matcha-form-field[size=md] matcha-select .matcha-select-arrow,
matcha-form-field[size=medium] matcha-select .matcha-select-arrow {
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

matcha-form-field[size=lg] matcha-select .matcha-select-arrow,
matcha-form-field[size=large] matcha-select .matcha-select-arrow,
matcha-form-field[size=huge] matcha-select .matcha-select-arrow {
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

matcha-form-field[size=lg] .matcha-select-value,
matcha-form-field[size=large] .matcha-select-value,
matcha-form-field[size=huge] .matcha-select-value {
  font-size: 16px;
  line-height: 24px;
}

matcha-form-field[size=sm] .matcha-select-value,
matcha-form-field[size=tiny] .matcha-select-value,
matcha-form-field[size=small] .matcha-select-value {
  font-size: var(--matcha-text-body-sm, 12px);
  line-height: var(--matcha-leading-body-sm, 16px);
}

matcha-form-field[size=md] .matcha-select-value,
matcha-form-field[size=medium] .matcha-select-value {
  font-size: 14px;
  line-height: 20px;
}

matcha-form-field[disabled] .matcha-select-arrow,
matcha-form-field[disabled=true] .matcha-select-arrow,
matcha-select[disabled] .matcha-select-arrow,
.matcha-select-disabled .matcha-select-arrow {
  color: var(--matcha-color-interaction-disabled-fg);
}

.matcha-select-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0 var(--matcha-space-050, 4px) 0 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--matcha-color-text-placeholder);
  cursor: pointer;
  font-size: 16px;
  line-height: 16px;
  flex: none;
  transition: color var(--matcha-duration-fast, 200ms) ease;
}
.matcha-select-clear > [class^=i-matcha-],
.matcha-select-clear > [class*=" i-matcha-"] {
  display: inline-block;
  font-size: inherit;
  width: 1em;
  height: 1em;
  line-height: 1em;
  vertical-align: middle;
}
.matcha-select-clear:hover {
  background: transparent;
  color: var(--matcha-color-text-primary);
}
.matcha-select-clear:focus {
  outline: none;
}
.matcha-select-clear:focus-visible {
  outline: var(--matcha-border-thin, 2px) solid var(--matcha-color-primary);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
  border-radius: var(--matcha-radius-md, 4px);
}

matcha-form-field[size=md] matcha-select .matcha-select-clear,
matcha-form-field[size=medium] matcha-select .matcha-select-clear {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

matcha-form-field[size=lg] matcha-select .matcha-select-clear,
matcha-form-field[size=large] matcha-select .matcha-select-clear,
matcha-form-field[size=huge] matcha-select .matcha-select-clear {
  width: 24px;
  height: 24px;
  font-size: 24px;
}

.matcha-select-disabled .matcha-select-trigger {
  pointer-events: none;
  cursor: default;
}
.matcha-select-disabled .matcha-select-value {
  color: var(--matcha-color-disabled-fg);
}
.matcha-select-disabled .matcha-select-arrow {
  opacity: var(--matcha-opacity-disabled, 0.38);
}

.matcha-select-chip-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--matcha-space-075, 6px);
  margin-top: var(--matcha-space-100, 8px);
}

.matcha-select-options-multi matcha-option[aria-selected=true] {
  padding-left: var(--matcha-space-400, 32px);
  position: relative;
}
.matcha-select-options-multi matcha-option[aria-selected=true]::before {
  content: "";
  position: absolute;
  left: var(--matcha-space-150, 12px);
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background-color: var(--matcha-color-accent);
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.matcha-select-options-multi matcha-option {
  padding-left: var(--matcha-space-400, 32px);
}

.matcha-select-options-pinned {
  display: flex;
  flex-direction: column;
}
.matcha-select-options-pinned > .matcha-select-search {
  order: -3;
}
.matcha-select-options-pinned > .matcha-select-bulk-actions {
  order: -2;
}
.matcha-select-options-pinned > .matcha-select-option-pinned {
  order: -1;
}
.matcha-select-options-pinned > .matcha-select-loading,
.matcha-select-options-pinned > .matcha-select-empty {
  order: 1;
}

.matcha-select-option-pinned-last::after {
  content: "";
  position: absolute;
  left: calc(var(--matcha-space-050, 4px) * -1);
  right: calc(var(--matcha-space-050, 4px) * -1);
  bottom: calc((var(--matcha-space-025, 2px) + 1px) * -1);
  border-bottom: var(--matcha-border-hairline, 1px) solid var(--matcha-color-border-subtle, rgba(0, 0, 0, 0.08));
}

.matcha-select-bulk-actions {
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  padding: var(--matcha-space-100, 8px) var(--matcha-space-150, 12px);
  border-bottom: var(--matcha-border-hairline, 1px) solid var(--matcha-color-border-subtle, rgba(0, 0, 0, 0.08));
  margin-bottom: var(--matcha-space-050, 4px);
}

.matcha-select-bulk-btn {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--matcha-color-primary);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  padding: var(--matcha-space-050, 4px) var(--matcha-space-100, 8px);
  border-radius: var(--matcha-radius-sm, 4px);
  transition: background-color var(--matcha-duration-instant, 80ms) ease;
}
.matcha-select-bulk-btn:hover:not(:disabled) {
  background: var(--matcha-color-primary-surface-hover);
}
.matcha-select-bulk-btn:disabled {
  pointer-events: none;
  opacity: var(--matcha-opacity-disabled, 0.38);
}
.matcha-select-bulk-btn:focus-visible {
  outline: 2px solid var(--matcha-color-primary);
  outline-offset: 1px;
}

.matcha-select-bulk-btn-ghost {
  color: var(--matcha-color-text-secondary);
  font-weight: 400;
}

.matcha-select-bulk-count {
  margin-left: auto;
  font-size: 12px;
  color: var(--matcha-color-text-placeholder);
  font-weight: 400;
}

.matcha-panel:has(> .matcha-select-options > .matcha-select-search:first-child) {
  padding-top: 0;
}

.matcha-select-search {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  padding: var(--matcha-space-100, 8px) var(--matcha-space-150, 12px);
  border-bottom: var(--matcha-border-hairline, 1px) solid var(--matcha-color-border-subtle, rgba(0, 0, 0, 0.08));
  transition: border-color var(--matcha-duration-instant, 80ms) ease;
}
.matcha-select-search:focus-within {
  border-bottom-color: var(--matcha-color-primary);
}

.matcha-select-search-icon {
  flex-shrink: 0;
  color: var(--matcha-color-text-placeholder);
  pointer-events: none;
}

.matcha-select-search-input {
  width: 100%;
  height: 24px;
  padding: 0 var(--matcha-space-400, 32px) 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--matcha-color-text-primary);
  font: inherit;
  font-size: 13px;
  outline: none;
}
.matcha-select-search-input::placeholder {
  color: var(--matcha-color-text-placeholder);
}
.matcha-select-search-input:focus {
  outline: none;
}

.matcha-select-search-clear {
  position: absolute;
  right: calc(var(--matcha-space-150, 12px) + var(--matcha-space-100, 8px));
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 50%;
  color: var(--matcha-color-text-placeholder);
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.matcha-select-search-clear:hover {
  background: var(--matcha-color-surface-hover, rgba(0, 0, 0, 0.12));
  color: var(--matcha-color-text-primary);
}

.matcha-select-empty {
  padding: var(--matcha-space-200, 16px) var(--matcha-space-200, 16px);
  text-align: center;
  color: var(--matcha-color-text-placeholder);
  font-size: 13px;
  font-style: italic;
}

.matcha-select-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--matcha-space-100, 8px);
  padding: var(--matcha-space-200, 16px);
  color: var(--matcha-color-text-placeholder);
  font-size: 13px;
}

.matcha-select-loading-spinner {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  border: 2px solid var(--matcha-color-surface-border);
  border-top-color: var(--matcha-color-primary);
  border-radius: 50%;
  animation: matcha-select-loading-spin 0.7s linear infinite;
}

@keyframes matcha-select-loading-spin {
  to {
    transform: rotate(360deg);
  }
}
.matcha-select-sheet-overlay {
  position: fixed;
  inset: 0;
  z-index: 10002;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--matcha-duration-fast, 200ms) ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.matcha-select-sheet-overlay.matcha-select-sheet-open {
  opacity: 1;
  pointer-events: auto;
}

.matcha-select-sheet {
  position: relative;
  width: 100%;
  max-height: 90vh;
  min-height: 50vh;
  background: var(--matcha-color-surface-card-strong, var(--matcha-color-surface-card));
  border-top-left-radius: var(--matcha-radius-xl, 16px);
  border-top-right-radius: var(--matcha-radius-xl, 16px);
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform: translateY(100%);
  transition: transform var(--matcha-duration-fast, 200ms) cubic-bezier(0.2, 0, 0, 1);
}
.matcha-select-sheet.matcha-select-sheet-open {
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .matcha-select-sheet {
    transition: none;
  }
}

.matcha-select-sheet-handle {
  flex: 0 0 auto;
  width: 40px;
  height: 4px;
  margin: var(--matcha-space-150, 12px) auto var(--matcha-space-100, 8px);
  background: var(--matcha-color-surface-border);
  opacity: 0.6;
  border-radius: 2px;
}

.matcha-select-sheet-header {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  padding: var(--matcha-space-100, 8px) var(--matcha-space-100, 8px) var(--matcha-space-150, 12px) var(--matcha-space-200, 16px);
  border-bottom: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border);
}

.matcha-select-sheet-title {
  flex: 1 1 auto;
  margin: 0;
  font-family: var(--matcha-font-family);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--matcha-color-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.matcha-select-sheet-close {
  flex: 0 0 auto;
  appearance: none;
  width: 40px;
  height: 40px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 50%;
  color: var(--matcha-color-text-secondary);
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color var(--matcha-duration-instant, 80ms) ease;
}
.matcha-select-sheet-close:hover {
  background: var(--matcha-color-surface-hover, rgba(0, 0, 0, 0.08));
}
.matcha-select-sheet-close:focus-visible {
  outline: 2px solid var(--matcha-color-primary);
  outline-offset: -2px;
}

.matcha-select-options-sheet {
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
}

.matcha-select-sheet-list {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: var(--matcha-space-050, 4px) 0;
}

.matcha-select-options-sheet matcha-option {
  padding-left: var(--matcha-space-200, 16px);
  padding-right: var(--matcha-space-200, 16px);
  min-height: 48px;
}

.matcha-select-sheet-safe-area {
  flex: 0 0 auto;
  height: calc(env(safe-area-inset-bottom, 0px) + var(--matcha-space-150, 12px));
  background: var(--matcha-color-surface-card-strong, var(--matcha-color-surface-card));
}

@media (max-width: 768px) {
  .matcha-select-trigger {
    min-height: 48px;
  }
}
matcha-select-multiple {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.matcha-select-multiple-search {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--matcha-color-surface);
  border-bottom: 1px solid var(--matcha-color-bg);
}
.matcha-select-multiple-search .matcha-select-multiple-search-input {
  flex: 1;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--matcha-color-text-primary);
  font-size: 14px;
  line-height: 20px;
}
.matcha-select-multiple-search .matcha-select-multiple-search-input::placeholder {
  color: var(--matcha-color-text-muted);
}

.matcha-select-multiple-selected {
  background: var(--matcha-color-surface);
  border-bottom: 1px solid var(--matcha-color-bg);
}
.matcha-select-multiple-selected .matcha-select-multiple-selected-header {
  padding: 8px 12px 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--matcha-color-text-muted);
}

.matcha-paginator .page-button.active {
  background-color: var(--matcha-color-accent);
  color: var(--matcha-color-accent-contrast);
}
.matcha-paginator .paginator-total-info .total-range {
  color: var(--matcha-color-text-label);
}
.matcha-paginator .paginator-total-info .total-filtered {
  color: var(--matcha-color-text-secondary);
}
.matcha-paginator .page-button:not(.active) {
  color: var(--matcha-color-text-label);
}
.matcha-paginator .page-button:not(.active):hover {
  background-color: var(--matcha-color-surface-hover);
}

.matcha-slider {
  --matcha-slider-fill: var(--matcha-color-accent);
}
.matcha-slider[data-color=accent] {
  --matcha-slider-fill: var(--matcha-color-accent);
}
.matcha-slider[data-color=primary] {
  --matcha-slider-fill: var(--matcha-color-primary);
}
.matcha-slider[data-color=success] {
  --matcha-slider-fill: var(--matcha-color-success);
}
.matcha-slider[data-color=warn] {
  --matcha-slider-fill: var(--matcha-color-warn);
}
.matcha-slider[data-color=danger] {
  --matcha-slider-fill: var(--matcha-color-danger);
}
.matcha-slider[data-color=info] {
  --matcha-slider-fill: var(--matcha-color-info);
}
.matcha-slider .selection-bar {
  background-color: var(--matcha-slider-fill);
}
.matcha-slider .pointer {
  background-color: var(--matcha-slider-fill);
}
.matcha-slider.disabled .selection-bar {
  background-color: var(--matcha-color-disabled-bg);
}
.matcha-slider.disabled .pointer {
  background-color: var(--matcha-color-disabled-bg);
}
.matcha-slider.disabled .pointer-label,
.matcha-slider.disabled .floor-label,
.matcha-slider.disabled .ceil-label {
  color: var(--matcha-color-disabled-fg);
}
.matcha-slider.disabled .pointer-label {
  background-color: var(--matcha-color-disabled-bg);
}

matcha-highlight {
  padding: 16px;
  border-radius: var(--matcha-radius-lg, 8px);
  display: flex;
  overflow: auto;
  position: relative;
  min-height: 56px;
  --prism-bg: var(--matcha-color-surface-inner);
  --prism-text: var(--matcha-color-text-primary);
  --prism-comment: var(--matcha-color-text-label);
  --prism-punctuation: var(--matcha-color-text-secondary);
  --prism-operator: var(--matcha-color-text-secondary);
  --prism-keyword: var(--matcha-color-accent);
  --prism-class: var(--matcha-color-accent);
  --prism-string: var(--matcha-color-success);
  --prism-regex: var(--matcha-color-success);
  --prism-number: var(--matcha-color-primary);
  --prism-function: var(--matcha-color-primary);
  --prism-property: var(--matcha-color-primary);
  --prism-variable: var(--matcha-color-text-primary);
  --prism-constant: var(--matcha-color-primary);
  --prism-type: var(--matcha-color-warn);
  --prism-attribute: var(--matcha-color-warn);
  --prism-tag: var(--matcha-color-danger);
  --prism-important: var(--matcha-color-danger);
  --code-font-family:
      "Fira Code", Consolas, Menlo, Monaco, "Andale Mono", "Liberation Mono",
      "Courier New", Courier, monospace;
  --code-font-size: 13px;
  --code-line-height: 1.6;
  background: var(--prism-bg);
}
matcha-highlight pre, matcha-highlight code {
  margin: 0;
  padding: 0;
}
matcha-highlight code[class*=language-],
matcha-highlight pre[class*=language-] {
  color: var(--prism-text);
  background: var(--prism-bg);
  text-shadow: none;
  font-family: var(--code-font-family);
  font-size: var(--code-font-size);
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: var(--code-line-height);
  tab-size: 4;
  hyphens: none;
  margin: 0;
  padding: 0;
}
matcha-highlight pre[class*=language-] {
  overflow: auto;
  border-radius: var(--matcha-radius-lg, 8px);
}
matcha-highlight code[class*=language-] {
  background: transparent;
}
matcha-highlight .token.comment,
matcha-highlight .token.prolog,
matcha-highlight .token.doctype,
matcha-highlight .token.cdata {
  color: var(--prism-comment);
  font-style: italic;
}
matcha-highlight .token.punctuation {
  color: var(--prism-punctuation);
}
matcha-highlight .token.property,
matcha-highlight .token.tag,
matcha-highlight .token.symbol,
matcha-highlight .token.deleted {
  color: var(--prism-tag);
}
matcha-highlight .token.boolean,
matcha-highlight .token.number,
matcha-highlight .token.constant {
  color: var(--prism-number);
}
matcha-highlight .token.selector,
matcha-highlight .token.attr-name,
matcha-highlight .token.string,
matcha-highlight .token.char,
matcha-highlight .token.builtin,
matcha-highlight .token.inserted {
  color: var(--prism-string);
}
matcha-highlight .token.operator,
matcha-highlight .token.entity,
matcha-highlight .token.url,
matcha-highlight .language-css .token.string,
matcha-highlight .style .token.string,
matcha-highlight .token.variable {
  color: var(--prism-operator);
}
matcha-highlight .token.atrule,
matcha-highlight .token.attr-value,
matcha-highlight .token.function,
matcha-highlight .token.class-name {
  color: var(--prism-function);
}
matcha-highlight .token.keyword {
  color: var(--prism-keyword);
}
matcha-highlight .token.regex {
  color: var(--prism-regex);
}
matcha-highlight .token.important {
  color: var(--prism-important);
  font-weight: bold;
}
matcha-highlight .token.bold {
  font-weight: bold;
}
matcha-highlight .token.italic {
  font-style: italic;
}
matcha-highlight .token.entity {
  cursor: help;
}
matcha-highlight .matcha-highlight-container {
  position: relative;
  border-radius: var(--matcha-radius-lg, 8px);
}
matcha-highlight .copy-button {
  opacity: 0;
  transition: opacity 0.2s ease;
}
matcha-highlight:hover .copy-button {
  opacity: 1;
}
matcha-highlight .highlight-content {
  position: relative;
}

matcha-chip[color=accent] {
  border-color: var(--matcha-color-accent);
  color: var(--matcha-color-accent);
}
matcha-chip[color=accent] .matcha-chip-leading {
  color: var(--matcha-color-accent);
}
matcha-chip[color=accent][selected], matcha-chip[color=accent][variant=filled] {
  background-color: var(--matcha-color-accent);
  border-color: var(--matcha-color-accent);
  color: var(--matcha-color-accent-text-on, var(--matcha-color-accent-contrast));
}
matcha-chip[color=accent][selected] .matcha-chip-leading, matcha-chip[color=accent][variant=filled] .matcha-chip-leading {
  color: var(--matcha-color-accent-text-on, var(--matcha-color-accent-contrast));
}
matcha-chip[color=accent][variant=filled-alpha] {
  background-color: var(--matcha-color-feedback-accent-alpha, var(--matcha-color-accent-alpha));
  border-color: transparent;
  color: var(--matcha-color-accent);
}
matcha-chip[color=accent][variant=filled-alpha] .matcha-chip-leading {
  color: var(--matcha-color-accent);
}
matcha-chip[color=primary] {
  border-color: var(--matcha-color-primary);
  color: var(--matcha-color-primary);
}
matcha-chip[color=primary] .matcha-chip-leading {
  color: var(--matcha-color-primary);
}
matcha-chip[color=primary][selected], matcha-chip[color=primary][variant=filled] {
  background-color: var(--matcha-color-primary);
  border-color: var(--matcha-color-primary);
  color: var(--matcha-color-primary-text-on, var(--matcha-color-primary-contrast));
}
matcha-chip[color=primary][selected] .matcha-chip-leading, matcha-chip[color=primary][variant=filled] .matcha-chip-leading {
  color: var(--matcha-color-primary-text-on, var(--matcha-color-primary-contrast));
}
matcha-chip[color=primary][variant=filled-alpha] {
  background-color: var(--matcha-color-feedback-primary-alpha, var(--matcha-color-primary-alpha));
  border-color: transparent;
  color: var(--matcha-color-primary);
}
matcha-chip[color=primary][variant=filled-alpha] .matcha-chip-leading {
  color: var(--matcha-color-primary);
}
matcha-chip[color=success] {
  border-color: var(--matcha-color-success);
  color: var(--matcha-color-success);
}
matcha-chip[color=success] .matcha-chip-leading {
  color: var(--matcha-color-success);
}
matcha-chip[color=success][selected], matcha-chip[color=success][variant=filled] {
  background-color: var(--matcha-color-success);
  border-color: var(--matcha-color-success);
  color: var(--matcha-color-success-text-on, var(--matcha-color-success-contrast));
}
matcha-chip[color=success][selected] .matcha-chip-leading, matcha-chip[color=success][variant=filled] .matcha-chip-leading {
  color: var(--matcha-color-success-text-on, var(--matcha-color-success-contrast));
}
matcha-chip[color=success][variant=filled-alpha] {
  background-color: var(--matcha-color-feedback-success-alpha, var(--matcha-color-success-alpha));
  border-color: transparent;
  color: var(--matcha-color-success);
}
matcha-chip[color=success][variant=filled-alpha] .matcha-chip-leading {
  color: var(--matcha-color-success);
}
matcha-chip[color=warn] {
  border-color: var(--matcha-color-warn);
  color: var(--matcha-color-warn);
}
matcha-chip[color=warn] .matcha-chip-leading {
  color: var(--matcha-color-warn);
}
matcha-chip[color=warn][selected], matcha-chip[color=warn][variant=filled] {
  background-color: var(--matcha-color-warn);
  border-color: var(--matcha-color-warn);
  color: var(--matcha-color-warn-text-on, var(--matcha-color-warn-contrast));
}
matcha-chip[color=warn][selected] .matcha-chip-leading, matcha-chip[color=warn][variant=filled] .matcha-chip-leading {
  color: var(--matcha-color-warn-text-on, var(--matcha-color-warn-contrast));
}
matcha-chip[color=warn][variant=filled-alpha] {
  background-color: var(--matcha-color-feedback-warn-alpha, var(--matcha-color-warn-alpha));
  border-color: transparent;
  color: var(--matcha-color-warn);
}
matcha-chip[color=warn][variant=filled-alpha] .matcha-chip-leading {
  color: var(--matcha-color-warn);
}
matcha-chip[color=danger] {
  border-color: var(--matcha-color-danger);
  color: var(--matcha-color-danger);
}
matcha-chip[color=danger] .matcha-chip-leading {
  color: var(--matcha-color-danger);
}
matcha-chip[color=danger][selected], matcha-chip[color=danger][variant=filled] {
  background-color: var(--matcha-color-danger);
  border-color: var(--matcha-color-danger);
  color: var(--matcha-color-danger-text-on, var(--matcha-color-danger-contrast));
}
matcha-chip[color=danger][selected] .matcha-chip-leading, matcha-chip[color=danger][variant=filled] .matcha-chip-leading {
  color: var(--matcha-color-danger-text-on, var(--matcha-color-danger-contrast));
}
matcha-chip[color=danger][variant=filled-alpha] {
  background-color: var(--matcha-color-feedback-danger-alpha, var(--matcha-color-danger-alpha));
  border-color: transparent;
  color: var(--matcha-color-danger);
}
matcha-chip[color=danger][variant=filled-alpha] .matcha-chip-leading {
  color: var(--matcha-color-danger);
}
matcha-chip[color=info] {
  border-color: var(--matcha-color-info);
  color: var(--matcha-color-info);
}
matcha-chip[color=info] .matcha-chip-leading {
  color: var(--matcha-color-info);
}
matcha-chip[color=info][selected], matcha-chip[color=info][variant=filled] {
  background-color: var(--matcha-color-info);
  border-color: var(--matcha-color-info);
  color: var(--matcha-color-info-text-on, var(--matcha-color-info-contrast));
}
matcha-chip[color=info][selected] .matcha-chip-leading, matcha-chip[color=info][variant=filled] .matcha-chip-leading {
  color: var(--matcha-color-info-text-on, var(--matcha-color-info-contrast));
}
matcha-chip[color=info][variant=filled-alpha] {
  background-color: var(--matcha-color-feedback-info-alpha, var(--matcha-color-info-alpha));
  border-color: transparent;
  color: var(--matcha-color-info);
}
matcha-chip[color=info][variant=filled-alpha] .matcha-chip-leading {
  color: var(--matcha-color-info);
}

.matcha-chip-list-disabled,
[matcha-chip-list][disabled] {
  pointer-events: none;
}
.matcha-chip-list-disabled matcha-chip,
[matcha-chip-list][disabled] matcha-chip {
  opacity: 0.4;
  border-color: var(--matcha-color-interaction-disabled-bg);
  color: var(--matcha-color-interaction-disabled-fg);
}

matcha-progress-bar {
  --matcha-progress-fill: var(--matcha-color-accent);
  --matcha-progress-label-on-fill: var(--matcha-color-accent-contrast);
  --matcha-progress-label-on-track: var(--matcha-color-fg);
}
matcha-progress-bar[color=accent] {
  --matcha-progress-fill: var(--matcha-color-accent);
  --matcha-progress-label-on-fill: var(--matcha-color-accent-contrast);
}
matcha-progress-bar[color=primary] {
  --matcha-progress-fill: var(--matcha-color-primary);
  --matcha-progress-label-on-fill: var(--matcha-color-primary-contrast);
}
matcha-progress-bar[color=success] {
  --matcha-progress-fill: var(--matcha-color-success);
  --matcha-progress-label-on-fill: var(--matcha-color-success-contrast);
}
matcha-progress-bar[color=warn] {
  --matcha-progress-fill: var(--matcha-color-warn);
  --matcha-progress-label-on-fill: var(--matcha-color-warn-contrast);
}
matcha-progress-bar[color=danger] {
  --matcha-progress-fill: var(--matcha-color-danger);
  --matcha-progress-label-on-fill: var(--matcha-color-danger-contrast);
}
matcha-progress-bar[color=info] {
  --matcha-progress-fill: var(--matcha-color-info);
  --matcha-progress-label-on-fill: var(--matcha-color-info-contrast);
}

matcha-progress-bar[type=multi-level] .progress-segment-color[data-segment-color=accent] {
  background-color: var(--matcha-color-accent);
}
matcha-progress-bar[type=multi-level] .progress-segment-color[data-segment-color=primary] {
  background-color: var(--matcha-color-primary);
}
matcha-progress-bar[type=multi-level] .progress-segment-color[data-segment-color=success] {
  background-color: var(--matcha-color-success);
}
matcha-progress-bar[type=multi-level] .progress-segment-color[data-segment-color=warn] {
  background-color: var(--matcha-color-warn);
}
matcha-progress-bar[type=multi-level] .progress-segment-color[data-segment-color=danger] {
  background-color: var(--matcha-color-danger);
}
matcha-progress-bar[type=multi-level] .progress-segment-color[data-segment-color=info] {
  background-color: var(--matcha-color-info);
}

matcha-page-builder {
  display: block;
  height: 1000px;
  min-height: 800px;
  width: 100%;
  --gjs-main-color: var(--matcha-color-surface);
  --gjs-primary-color: var(--matcha-color-bg);
  --gjs-secondary-color: var(--matcha-color-text-hint);
  --gjs-tertiary-color: var(--matcha-color-surface);
  --gjs-quaternary-color: var(--matcha-color-accent);
  --gjs-main-dark-color: var(--matcha-color-surface-card-alpha);
  --gjs-secondary-dark-color: var(--matcha-color-surface);
  --gjs-quaternary-dark-color: var(--matcha-color-accent-alpha);
  --gjs-font-color: var(--matcha-color-fg);
  --gjs-font-color-active: var(--matcha-color-fg-alpha);
  --gjs-main-light-color: rgba(255, 255, 255, 0.1);
  --gjs-secondary-light-color: rgba(255, 255, 255, 0.7);
  --gjs-soft-light-color: rgba(255, 255, 255, 0.015);
  --gjs-color-blue: var(--matcha-prim-blue-700);
  --gjs-color-red: var(--matcha-color-danger);
  --gjs-color-yellow: var(--matcha-prim-yellow-500);
  --gjs-color-green: var(--matcha-color-success);
  --gjs-left-width: 15%;
  --gjs-color-highlight: var(--matcha-color-primary);
  --gjs-color-warn: var(--matcha-color-warn);
  --gjs-handle-margin: -5px;
  --gjs-light-border: rgba(255, 255, 255, 0.05);
  --gjs-arrow-color: rgba(255, 255, 255, 0.7);
  --gjs-dark-text-shadow: rgba(0, 0, 0, 0.2);
  --gjs-color-input-padding: 22px;
  --gjs-input-padding: 5px;
  --gjs-padding-elem-classmanager: 5px 6px;
  --gjs-upload-padding: 150px 10px;
  --gjs-animation-duration: 0.2s;
  --gjs-main-font: Helvetica, sans-serif;
  --gjs-font-size: 0.75rem;
  --gjs-placeholder-background-color: var(--gjs-color-green);
  --gjs-canvas-top: 40px;
  --gjs-flex-item-gap: 5px;
}
matcha-page-builder .CodeMirror {
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}
matcha-page-builder .CodeMirror-lines {
  padding: 4px 0;
}
matcha-page-builder .CodeMirror pre.CodeMirror-line,
matcha-page-builder .CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px;
}
matcha-page-builder .CodeMirror-scrollbar-filler,
matcha-page-builder .CodeMirror-gutter-filler {
  background-color: white;
}
matcha-page-builder .CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
matcha-page-builder .CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
matcha-page-builder .CodeMirror-guttermarker {
  color: black;
}
matcha-page-builder .CodeMirror-guttermarker-subtle {
  color: #999;
}
matcha-page-builder .CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
matcha-page-builder .CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
matcha-page-builder .cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
matcha-page-builder .cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
matcha-page-builder .cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  animation: blink 1.06s steps(1) infinite;
}
matcha-page-builder .cm-animate-fat-cursor {
  width: auto;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
matcha-page-builder .cm-tab {
  display: inline-block;
  text-decoration: inherit;
}
matcha-page-builder .CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}
matcha-page-builder .CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}
matcha-page-builder .cm-s-default .cm-header {
  color: blue;
}
matcha-page-builder .cm-s-default .cm-quote {
  color: #090;
}
matcha-page-builder .cm-negative {
  color: #d44;
}
matcha-page-builder .cm-positive {
  color: #292;
}
matcha-page-builder .cm-header,
matcha-page-builder .cm-strong {
  font-weight: bold;
}
matcha-page-builder .cm-em {
  font-style: italic;
}
matcha-page-builder .cm-link {
  text-decoration: underline;
}
matcha-page-builder .cm-strikethrough {
  text-decoration: line-through;
}
matcha-page-builder .cm-s-default .cm-keyword {
  color: #708;
}
matcha-page-builder .cm-s-default .cm-atom {
  color: #219;
}
matcha-page-builder .cm-s-default .cm-number {
  color: #164;
}
matcha-page-builder .cm-s-default .cm-def {
  color: blue;
}
matcha-page-builder .cm-s-default .cm-variable-2 {
  color: #05a;
}
matcha-page-builder .cm-s-default .cm-variable-3,
matcha-page-builder .cm-s-default .cm-type {
  color: #085;
}
matcha-page-builder .cm-s-default .cm-comment {
  color: #a50;
}
matcha-page-builder .cm-s-default .cm-string {
  color: #a11;
}
matcha-page-builder .cm-s-default .cm-string-2 {
  color: #f50;
}
matcha-page-builder .cm-s-default .cm-meta {
  color: #555;
}
matcha-page-builder .cm-s-default .cm-qualifier {
  color: #555;
}
matcha-page-builder .cm-s-default .cm-builtin {
  color: #30a;
}
matcha-page-builder .cm-s-default .cm-bracket {
  color: #997;
}
matcha-page-builder .cm-s-default .cm-tag {
  color: #170;
}
matcha-page-builder .cm-s-default .cm-attribute {
  color: #00c;
}
matcha-page-builder .cm-s-default .cm-hr {
  color: #999;
}
matcha-page-builder .cm-s-default .cm-link {
  color: #00c;
}
matcha-page-builder .cm-s-default .cm-error {
  color: red;
}
matcha-page-builder .cm-invalidchar {
  color: red;
}
matcha-page-builder .CodeMirror-composing {
  border-bottom: 2px solid;
}
matcha-page-builder div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}
matcha-page-builder div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}
matcha-page-builder .CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}
matcha-page-builder .CodeMirror-activeline-background {
  background: #e8f2ff;
}
matcha-page-builder .CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}
matcha-page-builder .CodeMirror-scroll {
  overflow: scroll !important;
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  position: relative;
}
matcha-page-builder .CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}
matcha-page-builder .CodeMirror-vscrollbar,
matcha-page-builder .CodeMirror-hscrollbar,
matcha-page-builder .CodeMirror-scrollbar-filler,
matcha-page-builder .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
matcha-page-builder .CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
matcha-page-builder .CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
matcha-page-builder .CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
matcha-page-builder .CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}
matcha-page-builder .CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}
matcha-page-builder .CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
matcha-page-builder .CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
matcha-page-builder .CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}
matcha-page-builder .CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
matcha-page-builder .CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}
matcha-page-builder .CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}
matcha-page-builder .CodeMirror-lines {
  cursor: text;
  min-height: 1px;
}
matcha-page-builder .CodeMirror pre.CodeMirror-line,
matcha-page-builder .CodeMirror pre.CodeMirror-line-like {
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: contextual;
}
matcha-page-builder .CodeMirror-wrap pre.CodeMirror-line,
matcha-page-builder .CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
matcha-page-builder .CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
matcha-page-builder .CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px;
}
matcha-page-builder .CodeMirror-rtl pre {
  direction: rtl;
}
matcha-page-builder .CodeMirror-code {
  outline: none;
}
matcha-page-builder .CodeMirror-scroll,
matcha-page-builder .CodeMirror-sizer,
matcha-page-builder .CodeMirror-gutter,
matcha-page-builder .CodeMirror-gutters,
matcha-page-builder .CodeMirror-linenumber {
  box-sizing: content-box;
}
matcha-page-builder .CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
matcha-page-builder .CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
matcha-page-builder .CodeMirror-measure pre {
  position: static;
}
matcha-page-builder div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
matcha-page-builder div.CodeMirror-dragcursors {
  visibility: visible;
}
matcha-page-builder .CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
matcha-page-builder .CodeMirror-selected {
  background: #d9d9d9;
}
matcha-page-builder .CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}
matcha-page-builder .CodeMirror-crosshair {
  cursor: crosshair;
}
matcha-page-builder .CodeMirror-line::selection,
matcha-page-builder .CodeMirror-line > span::selection,
matcha-page-builder .CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}
matcha-page-builder .CodeMirror-line::-moz-selection,
matcha-page-builder .CodeMirror-line > span::-moz-selection,
matcha-page-builder .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
matcha-page-builder .cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}
matcha-page-builder .cm-force-border {
  padding-right: 0.1px;
}
@media print {
  matcha-page-builder .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
matcha-page-builder .cm-tab-wrap-hack:after {
  content: "";
}
matcha-page-builder span.CodeMirror-selectedtext {
  background: none;
}
matcha-page-builder .cm-s-hopscotch.CodeMirror {
  background: #322931;
  color: #d5d3d5;
}
matcha-page-builder .cm-s-hopscotch div.CodeMirror-selected {
  background: #433b42 !important;
}
matcha-page-builder .cm-s-hopscotch .CodeMirror-gutters {
  background: #322931;
  border-right: 0px;
}
matcha-page-builder .cm-s-hopscotch .CodeMirror-linenumber {
  color: #797379;
}
matcha-page-builder .cm-s-hopscotch .CodeMirror-cursor {
  border-left: 1px solid #989498 !important;
}
matcha-page-builder .cm-s-hopscotch span.cm-comment {
  color: #b33508;
}
matcha-page-builder .cm-s-hopscotch span.cm-atom {
  color: #c85e7c;
}
matcha-page-builder .cm-s-hopscotch span.cm-number {
  color: #c85e7c;
}
matcha-page-builder .cm-s-hopscotch span.cm-property,
matcha-page-builder .cm-s-hopscotch span.cm-attribute {
  color: #8fc13e;
}
matcha-page-builder .cm-s-hopscotch span.cm-keyword {
  color: #dd464c;
}
matcha-page-builder .cm-s-hopscotch span.cm-string {
  color: #fdcc59;
}
matcha-page-builder .cm-s-hopscotch span.cm-variable {
  color: #8fc13e;
}
matcha-page-builder .cm-s-hopscotch span.cm-variable-2 {
  color: #1290bf;
}
matcha-page-builder .cm-s-hopscotch span.cm-def {
  color: #fd8b19;
}
matcha-page-builder .cm-s-hopscotch span.cm-error {
  background: #dd464c;
  color: #989498;
}
matcha-page-builder .cm-s-hopscotch span.cm-bracket {
  color: #d5d3d5;
}
matcha-page-builder .cm-s-hopscotch span.cm-tag {
  color: #dd464c;
}
matcha-page-builder .cm-s-hopscotch span.cm-link {
  color: #c85e7c;
}
matcha-page-builder .cm-s-hopscotch .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}
matcha-page-builder .cm-s-hopscotch .CodeMirror-activeline-background {
  background: #302020;
}
matcha-page-builder .gjs-is__grab,
matcha-page-builder .gjs-is__grab * {
  cursor: grab !important;
}
matcha-page-builder .gjs-is__grabbing,
matcha-page-builder .gjs-is__grabbing * {
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: grabbing !important;
}
matcha-page-builder .gjs-bg-main,
matcha-page-builder .gjs-off-prv,
matcha-page-builder .gjs-sm-colorp-c {
  background-color: var(--gjs-main-color);
}
matcha-page-builder .gjs-color-main,
matcha-page-builder .gjs-off-prv,
matcha-page-builder .gjs-sm-stack #gjs-sm-add {
  color: var(--gjs-font-color);
  fill: var(--gjs-font-color);
}
matcha-page-builder .gjs-color-active {
  color: var(--gjs-font-color-active);
  fill: var(--gjs-font-color-active);
}
matcha-page-builder .gjs-color-warn {
  color: var(--gjs-color-warn);
  fill: var(--gjs-color-warn);
}
matcha-page-builder .gjs-color-hl {
  color: var(--gjs-color-highlight);
  fill: var(--gjs-color-highlight);
}
matcha-page-builder .gjs-invis-invis,
matcha-page-builder .gjs-clm-tags #gjs-clm-new,
matcha-page-builder .gjs-no-app {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  color: inherit;
}
matcha-page-builder .gjs-no-app {
  height: 10px;
}
matcha-page-builder .opac50 {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
matcha-page-builder .gjs-checker-bg,
matcha-page-builder .gjs-field-colorp-c,
matcha-page-builder .checker-bg,
matcha-page-builder .gjs-sm-layer-preview {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
}
matcha-page-builder .gjs-no-user-select,
matcha-page-builder .gjs-grabbing,
matcha-page-builder .gjs-grabbing *,
matcha-page-builder .gjs-rte-toolbar,
matcha-page-builder .gjs-layer-name {
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
matcha-page-builder .gjs-no-pointer-events,
matcha-page-builder .gjs-resizer-c,
matcha-page-builder .gjs-margin-v-el,
matcha-page-builder .gjs-padding-v-el,
matcha-page-builder .gjs-fixedmargin-v-el,
matcha-page-builder .gjs-fixedpadding-v-el {
  pointer-events: none;
}
matcha-page-builder .no-select,
matcha-page-builder .gjs-clm-tags #gjs-clm-close,
matcha-page-builder .gjs-com-no-select,
matcha-page-builder .gjs-com-no-select img,
matcha-page-builder .gjs-category-title,
matcha-page-builder .gjs-layer-title,
matcha-page-builder .gjs-block-category .gjs-title,
matcha-page-builder .gjs-sm-sector-title,
matcha-page-builder .gjs-trait-category .gjs-title {
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
matcha-page-builder .clear {
  clear: both;
}
matcha-page-builder .gjs-category-open,
matcha-page-builder .gjs-block-category.gjs-open,
matcha-page-builder .gjs-sm-sector.gjs-sm-open,
matcha-page-builder .gjs-trait-category.gjs-open {
  border-bottom: 1px solid var(--gjs-quaternary-dark-color);
}
matcha-page-builder .gjs-category-title,
matcha-page-builder .gjs-layer-title,
matcha-page-builder .gjs-block-category .gjs-title,
matcha-page-builder .gjs-sm-sector-title,
matcha-page-builder .gjs-trait-category .gjs-title {
  font-weight: lighter;
  background-color: var(--gjs-secondary-dark-color);
  letter-spacing: 1px;
  padding: 9px 10px 9px 20px;
  border-bottom: 1px solid var(--gjs-quaternary-dark-color);
  text-align: left;
  position: relative;
  cursor: pointer;
}
matcha-page-builder .btn-cl,
matcha-page-builder .gjs-am-close,
matcha-page-builder .gjs-mdl-btn-close {
  opacity: 0.3;
  filter: alpha(opacity=30);
  font-size: 25px;
  cursor: pointer;
}
matcha-page-builder .btn-cl:hover,
matcha-page-builder .gjs-am-close:hover,
matcha-page-builder .gjs-mdl-btn-close:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
matcha-page-builder .gjs-traits-label {
  border-bottom: 1px solid var(--gjs-main-dark-color);
  font-weight: lighter;
  margin-bottom: 5px;
  padding: 10px;
  text-align: left;
}
matcha-page-builder .gjs-label-wrp {
  width: 30%;
  min-width: 30%;
}
matcha-page-builder .gjs-field-wrp {
  flex-grow: 1;
}
matcha-page-builder .gjs-traits-c,
matcha-page-builder .gjs-traits-cs {
  display: flex;
  flex-direction: column;
}
matcha-page-builder .gjs-trait-categories {
  display: flex;
  flex-direction: column;
}
matcha-page-builder .gjs-trait-category {
  width: 100%;
}
matcha-page-builder .gjs-trait-category .gjs-caret-icon {
  margin-right: 5px;
}
matcha-page-builder .gjs-trt-header {
  font-weight: lighter;
  padding: 10px;
}
matcha-page-builder .gjs-trt-trait {
  display: flex;
  justify-content: flex-start;
  padding: 5px 10px;
  font-weight: lighter;
  align-items: center;
  text-align: left;
  gap: 5px;
}
matcha-page-builder .gjs-trt-traits {
  font-size: var(--gjs-font-size);
}
matcha-page-builder .gjs-trt-trait .gjs-label {
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}
matcha-page-builder .gjs-guide-info {
  position: absolute;
}
matcha-page-builder .gjs-guide-info__content {
  position: absolute;
  height: 100%;
  display: flex;
  width: 100%;
  padding: 5px;
}
matcha-page-builder .gjs-guide-info__line {
  position: relative;
  margin: auto;
}
matcha-page-builder .gjs-guide-info__line::before,
matcha-page-builder .gjs-guide-info__line::after {
  content: "";
  display: block;
  position: absolute;
  background-color: inherit;
}
matcha-page-builder .gjs-guide-info__y {
  padding: 0 5px;
}
matcha-page-builder .gjs-guide-info__y .gjs-guide-info__content {
  justify-content: center;
}
matcha-page-builder .gjs-guide-info__y .gjs-guide-info__line {
  width: 100%;
  height: 1px;
}
matcha-page-builder .gjs-guide-info__y .gjs-guide-info__line::before,
matcha-page-builder .gjs-guide-info__y .gjs-guide-info__line::after {
  width: 1px;
  height: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
matcha-page-builder .gjs-guide-info__y .gjs-guide-info__line::after {
  left: auto;
  right: 0;
}
matcha-page-builder .gjs-guide-info__x {
  padding: 5px 0;
}
matcha-page-builder .gjs-guide-info__x .gjs-guide-info__content {
  align-items: center;
}
matcha-page-builder .gjs-guide-info__x .gjs-guide-info__line {
  height: 100%;
  width: 1px;
}
matcha-page-builder .gjs-guide-info__x .gjs-guide-info__line::before,
matcha-page-builder .gjs-guide-info__x .gjs-guide-info__line::after {
  width: 10px;
  height: 1px;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  transform: translateX(-50%);
}
matcha-page-builder .gjs-guide-info__x .gjs-guide-info__line::after {
  top: auto;
  bottom: 0;
}
matcha-page-builder .gjs-badge {
  white-space: nowrap;
}
matcha-page-builder .gjs-badge__icon {
  vertical-align: middle;
  display: inline-block;
  width: 15px;
  height: 15px;
}
matcha-page-builder .gjs-badge__icon svg {
  fill: currentColor;
}
matcha-page-builder .gjs-badge__name {
  display: inline-block;
  vertical-align: middle;
}
matcha-page-builder .gjs-frame-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
}
matcha-page-builder .gjs-frame-wrapper--anim {
  transition: width 0.35s ease, height 0.35s ease;
}
matcha-page-builder .gjs-frame-wrapper__top {
  transform: translateY(-100%) translateX(-50%);
  display: flex;
  padding: 5px 0;
  position: absolute;
  width: 100%;
  left: 50%;
  top: 0;
}
matcha-page-builder .gjs-frame-wrapper__top-r {
  margin-left: auto;
}
matcha-page-builder .gjs-frame-wrapper__left {
  position: absolute;
  left: 0;
  transform: translateX(-100%) translateY(-50%);
  height: 100%;
  top: 50%;
}
matcha-page-builder .gjs-frame-wrapper__bottom {
  position: absolute;
  bottom: 0;
  transform: translateY(100%) translateX(-50%);
  width: 100%;
  left: 50%;
}
matcha-page-builder .gjs-frame-wrapper__right {
  position: absolute;
  right: 0;
  transform: translateX(100%) translateY(-50%);
  height: 100%;
  top: 50%;
}
matcha-page-builder .gjs-frame-wrapper__icon {
  width: 24px;
  cursor: pointer;
}
matcha-page-builder .gjs-frame-wrapper__icon > svg {
  fill: currentColor;
}
matcha-page-builder .gjs-padding-v-top,
matcha-page-builder .gjs-fixedpadding-v-top {
  width: 100%;
  top: 0;
  left: 0;
}
matcha-page-builder .gjs-padding-v-right,
matcha-page-builder .gjs-fixedpadding-v-right {
  right: 0;
}
matcha-page-builder .gjs-padding-v-bottom,
matcha-page-builder .gjs-fixedpadding-v-bottom {
  width: 100%;
  left: 0;
  bottom: 0;
}
matcha-page-builder .gjs-padding-v-left,
matcha-page-builder .gjs-fixedpadding-v-left {
  left: 0;
}
matcha-page-builder .gjs-cv-canvas {
  box-sizing: border-box;
  width: calc(100% - var(--gjs-left-width));
  height: calc(100% - var(--gjs-canvas-top));
  bottom: 0;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  left: 0;
  top: var(--gjs-canvas-top);
}
matcha-page-builder .gjs-cv-canvas-bg {
  background-color: rgba(0, 0, 0, 0.15);
}
matcha-page-builder .gjs-cv-canvas.gjs-cui {
  width: 100%;
  height: 100%;
  top: 0;
}
matcha-page-builder .gjs-cv-canvas.gjs-is__grab .gjs-cv-canvas__frames,
matcha-page-builder .gjs-cv-canvas.gjs-is__grabbing .gjs-cv-canvas__frames {
  pointer-events: none;
}
matcha-page-builder .gjs-cv-canvas__frames {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
matcha-page-builder .gjs-cv-canvas__spots {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
matcha-page-builder .gjs-cv-canvas .gjs-ghost {
  display: none;
  pointer-events: none;
  background-color: #5b5b5b;
  border: 2px dashed #ccc;
  position: absolute;
  z-index: 10;
  opacity: 0.55;
  filter: alpha(opacity=55);
}
matcha-page-builder .gjs-cv-canvas .gjs-highlighter,
matcha-page-builder .gjs-cv-canvas .gjs-highlighter-sel {
  position: absolute;
  outline: 1px solid var(--gjs-color-blue);
  outline-offset: -1px;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
matcha-page-builder .gjs-cv-canvas .gjs-highlighter-warning {
  outline: 3px solid var(--gjs-color-yellow);
}
matcha-page-builder .gjs-cv-canvas .gjs-highlighter-sel {
  outline: 2px solid var(--gjs-color-blue);
  outline-offset: -2px;
}
matcha-page-builder .gjs-cv-canvas #gjs-tools,
matcha-page-builder .gjs-cv-canvas .gjs-tools {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  outline: none;
  z-index: 1;
}
matcha-page-builder .gjs-cv-canvas #gjs-tools {
  z-index: 2;
}
matcha-page-builder .gjs-cv-canvas * {
  box-sizing: border-box;
}
matcha-page-builder .gjs-frame {
  outline: medium none;
  height: 100%;
  width: 100%;
  border: none;
  margin: auto;
  display: block;
  transition: width 0.35s ease, height 0.35s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
matcha-page-builder .gjs-toolbar {
  position: absolute;
  background-color: var(--gjs-color-blue);
  white-space: nowrap;
  color: #fff;
  z-index: 10;
  top: 0;
  left: 0;
}
matcha-page-builder .gjs-toolbar-item {
  width: 26px;
  padding: 5px;
  cursor: pointer;
  display: inline-block;
}
matcha-page-builder .gjs-toolbar-item svg {
  fill: currentColor;
  vertical-align: middle;
}
matcha-page-builder .gjs-resizer-c {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
matcha-page-builder .gjs-margin-v-el,
matcha-page-builder .gjs-padding-v-el,
matcha-page-builder .gjs-fixedmargin-v-el,
matcha-page-builder .gjs-fixedpadding-v-el {
  opacity: 0.1;
  filter: alpha(opacity=10);
  position: absolute;
  background-color: #ff0;
}
matcha-page-builder .gjs-fixedmargin-v-el,
matcha-page-builder .gjs-fixedpadding-v-el {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
matcha-page-builder .gjs-padding-v-el,
matcha-page-builder .gjs-fixedpadding-v-el {
  background-color: navy;
}
matcha-page-builder .gjs-resizer-h {
  pointer-events: all;
  position: absolute;
  border: 3px solid var(--gjs-color-blue);
  width: 10px;
  height: 10px;
  background-color: #fff;
  margin: var(--gjs-handle-margin);
}
matcha-page-builder .gjs-resizer-h-tl {
  top: 0;
  left: 0;
  cursor: nwse-resize;
}
matcha-page-builder .gjs-resizer-h-tr {
  top: 0;
  right: 0;
  cursor: nesw-resize;
}
matcha-page-builder .gjs-resizer-h-tc {
  top: 0;
  margin: var(--gjs-handle-margin) auto;
  left: 0;
  right: 0;
  cursor: ns-resize;
}
matcha-page-builder .gjs-resizer-h-cl {
  left: 0;
  margin: auto var(--gjs-handle-margin);
  top: 0;
  bottom: 0;
  cursor: ew-resize;
}
matcha-page-builder .gjs-resizer-h-cr {
  margin: auto var(--gjs-handle-margin);
  top: 0;
  bottom: 0;
  right: 0;
  cursor: ew-resize;
}
matcha-page-builder .gjs-resizer-h-bl {
  bottom: 0;
  left: 0;
  cursor: nesw-resize;
}
matcha-page-builder .gjs-resizer-h-bc {
  bottom: 0;
  margin: var(--gjs-handle-margin) auto;
  left: 0;
  right: 0;
  cursor: ns-resize;
}
matcha-page-builder .gjs-resizer-h-br {
  bottom: 0;
  right: 0;
  cursor: nwse-resize;
}
matcha-page-builder .gjs-pn-panel .gjs-resizer-h {
  background-color: rgba(0, 0, 0, 0.2);
  border: none;
  opacity: 0;
  transition: opacity 0.25s;
}
matcha-page-builder .gjs-pn-panel .gjs-resizer-h:hover {
  opacity: 1;
}
matcha-page-builder .gjs-pn-panel .gjs-resizer-h-tc,
matcha-page-builder .gjs-pn-panel .gjs-resizer-h-bc {
  margin: 0 auto;
  width: 100%;
}
matcha-page-builder .gjs-pn-panel .gjs-resizer-h-cr,
matcha-page-builder .gjs-pn-panel .gjs-resizer-h-cl {
  margin: auto 0;
  height: 100%;
}
matcha-page-builder .gjs-resizing .gjs-highlighter,
matcha-page-builder .gjs-resizing .gjs-badge {
  display: none !important;
}
matcha-page-builder .gjs-resizing-tl * {
  cursor: nwse-resize !important;
}
matcha-page-builder .gjs-resizing-tr * {
  cursor: nesw-resize !important;
}
matcha-page-builder .gjs-resizing-tc * {
  cursor: ns-resize !important;
}
matcha-page-builder .gjs-resizing-cl * {
  cursor: ew-resize !important;
}
matcha-page-builder .gjs-resizing-cr * {
  cursor: ew-resize !important;
}
matcha-page-builder .gjs-resizing-bl * {
  cursor: nesw-resize !important;
}
matcha-page-builder .gjs-resizing-bc * {
  cursor: ns-resize !important;
}
matcha-page-builder .gjs-resizing-br * {
  cursor: nwse-resize !important;
}
matcha-page-builder .no-dots,
matcha-page-builder .ui-resizable-handle {
  border: none !important;
  margin: 0 !important;
  outline: none !important;
}
matcha-page-builder .gjs-com-dashed * {
  outline: 1px dashed #888;
  outline-offset: -2px;
  box-sizing: border-box;
}
matcha-page-builder .gjs-com-badge,
matcha-page-builder .gjs-badge {
  pointer-events: none;
  background-color: var(--gjs-color-blue);
  color: #fff;
  padding: 2px 5px;
  position: absolute;
  z-index: 1;
  font-size: 12px;
  outline: none;
  display: none;
}
matcha-page-builder .gjs-badge-warning {
  background-color: var(--gjs-color-yellow);
}
matcha-page-builder .gjs-placeholder,
matcha-page-builder .gjs-com-placeholder,
matcha-page-builder .gjs-placeholder {
  position: absolute;
  z-index: 10;
  pointer-events: none;
  display: none;
}
matcha-page-builder .gjs-placeholder,
matcha-page-builder .gjs-placeholder {
  border-style: solid !important;
  outline: none;
  box-sizing: border-box;
  transition: top var(--gjs-animation-duration), left var(--gjs-animation-duration), width var(--gjs-animation-duration), height var(--gjs-animation-duration);
}
matcha-page-builder .gjs-placeholder.horizontal,
matcha-page-builder .gjs-com-placeholder.horizontal,
matcha-page-builder .gjs-placeholder.horizontal {
  border-color: rgba(0, 0, 0, 0) var(--gjs-placeholder-background-color);
  border-width: 3px 5px;
  margin: -3px 0 0;
}
matcha-page-builder .gjs-placeholder.vertical,
matcha-page-builder .gjs-com-placeholder.vertical,
matcha-page-builder .gjs-placeholder.vertical {
  border-color: var(--gjs-placeholder-background-color) rgba(0, 0, 0, 0);
  border-width: 5px 3px;
  margin: 0 0 0 -3px;
}
matcha-page-builder .gjs-placeholder-int,
matcha-page-builder .gjs-com-placeholder-int,
matcha-page-builder .gjs-placeholder-int {
  background-color: var(--gjs-placeholder-background-color);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 100%;
  pointer-events: none;
  padding: 1.5px;
  outline: none;
}
matcha-page-builder .gjs-pn-panel {
  display: inline-block;
  position: absolute;
  box-sizing: border-box;
  text-align: center;
  padding: 5px;
  z-index: 3;
}
matcha-page-builder .gjs-pn-panel .icon-undo,
matcha-page-builder .gjs-pn-panel .icon-redo {
  font-size: 20px;
  height: 30px;
  width: 25px;
}
matcha-page-builder .gjs-pn-commands {
  width: calc(100% - var(--gjs-left-width));
  left: 0;
  top: 0;
  box-shadow: 0 0 5px var(--gjs-main-dark-color);
}
matcha-page-builder .gjs-pn-options {
  right: var(--gjs-left-width);
  top: 0;
}
matcha-page-builder .gjs-pn-views {
  border-bottom: 2px solid var(--gjs-main-dark-color);
  right: 0;
  width: var(--gjs-left-width);
  z-index: 4;
}
matcha-page-builder .gjs-pn-views-container {
  height: 100%;
  padding: 42px 0 0;
  right: 0;
  width: var(--gjs-left-width);
  overflow: auto;
  box-shadow: 0 0 5px var(--gjs-main-dark-color);
}
matcha-page-builder .gjs-pn-buttons {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
matcha-page-builder .gjs-pn-btn {
  box-sizing: border-box;
  min-height: 30px;
  min-width: 30px;
  line-height: 21px;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  font-size: 18px;
  margin-right: 5px;
  border-radius: 2px;
  padding: 4px;
  position: relative;
  cursor: pointer;
}
matcha-page-builder .gjs-pn-btn.gjs-pn-active {
  background-color: var(--gjs-quaternary-dark-color);
  box-shadow: 0 0 3px var(--gjs-quaternary-dark-color) inset;
}
matcha-page-builder .gjs-pn-btn svg {
  fill: currentColor;
}
matcha-page-builder .gjs-label {
  line-height: 18px;
}
matcha-page-builder .gjs-fields {
  display: flex;
}
matcha-page-builder .gjs-select {
  padding: 0;
  width: 100%;
}
matcha-page-builder .gjs-select select {
  padding-right: 10px;
}
matcha-page-builder .gjs-select:-moz-focusring,
matcha-page-builder .gjs-select select:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 var(--gjs-secondary-light-color);
}
matcha-page-builder .gjs-input:focus,
matcha-page-builder .gjs-button:focus,
matcha-page-builder .gjs-btn-prim:focus,
matcha-page-builder .gjs-select:focus,
matcha-page-builder .gjs-select select:focus {
  outline: none;
}
matcha-page-builder .gjs-field input,
matcha-page-builder .gjs-field select,
matcha-page-builder .gjs-field textarea {
  appearance: none;
  color: inherit;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  width: 100%;
  position: relative;
  padding: var(--gjs-input-padding);
  z-index: 1;
}
matcha-page-builder .gjs-field input:focus,
matcha-page-builder .gjs-field select:focus,
matcha-page-builder .gjs-field textarea:focus {
  outline: none;
}
matcha-page-builder .gjs-field input[type=number] {
  -moz-appearance: textfield;
}
matcha-page-builder .gjs-field input[type=number]::-webkit-outer-spin-button,
matcha-page-builder .gjs-field input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
matcha-page-builder .gjs-field-range {
  flex: 9 1 auto;
}
matcha-page-builder .gjs-field-integer input {
  padding-right: 30px;
}
matcha-page-builder .gjs-select option,
matcha-page-builder .gjs-field-select option,
matcha-page-builder .gjs-clm-select option,
matcha-page-builder .gjs-sm-select option,
matcha-page-builder .gjs-fields option,
matcha-page-builder .gjs-sm-unit option {
  background-color: var(--gjs-main-color);
  color: var(--gjs-font-color);
}
matcha-page-builder .gjs-field {
  background-color: var(--gjs-main-dark-color);
  border: none;
  box-shadow: none;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 0;
  position: relative;
}
matcha-page-builder .gjs-field textarea {
  resize: vertical;
}
matcha-page-builder .gjs-field .gjs-sel-arrow {
  height: 100%;
  width: 9px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
matcha-page-builder .gjs-field .gjs-d-s-arrow {
  bottom: 0;
  top: 0;
  margin: auto;
  right: var(--gjs-input-padding);
  border-top: 4px solid var(--gjs-arrow-color);
  position: absolute;
  height: 0;
  width: 0;
  border-left: 3px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}
matcha-page-builder .gjs-field-arrows {
  position: absolute;
  cursor: ns-resize;
  margin: auto;
  height: 20px;
  width: 9px;
  z-index: 10;
  bottom: 0;
  right: calc(var(--gjs-input-padding) - 2px);
  top: 0;
}
matcha-page-builder .gjs-field-color,
matcha-page-builder .gjs-field-radio {
  width: 100%;
}
matcha-page-builder .gjs-field-color input {
  padding-right: var(--gjs-color-input-padding);
  box-sizing: border-box;
}
matcha-page-builder .gjs-field-colorp {
  border-left: 1px solid var(--gjs-main-dark-color);
  box-sizing: border-box;
  height: 100%;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 0;
  width: var(--gjs-color-input-padding);
  z-index: 10;
}
matcha-page-builder .gjs-field-colorp .gjs-checker-bg,
matcha-page-builder .gjs-field-colorp .gjs-field-colorp-c {
  height: 100%;
  width: 100%;
  border-radius: 1px;
}
matcha-page-builder .gjs-field-colorp-c {
  height: 100%;
  position: relative;
  width: 100%;
}
matcha-page-builder .gjs-field-color-picker {
  background-color: var(--gjs-font-color);
  cursor: pointer;
  height: 100%;
  width: 100%;
  box-shadow: 0 0 1px var(--gjs-main-dark-color);
  border-radius: 1px;
  position: absolute;
  top: 0;
}
matcha-page-builder .gjs-field-checkbox {
  padding: 0;
  width: 17px;
  height: 17px;
  display: block;
  cursor: pointer;
}
matcha-page-builder .gjs-field-checkbox input {
  display: none;
}
matcha-page-builder .gjs-field-checkbox input:checked + .gjs-chk-icon {
  border-color: hsla(0, 0%, 100%, 0.5);
  border-width: 0 2px 2px 0;
  border-style: solid;
}
matcha-page-builder .gjs-radio-item {
  flex: 1 1 auto;
  text-align: center;
  border-left: 1px solid var(--gjs-dark-text-shadow);
}
matcha-page-builder .gjs-radio-item:first-child {
  border: none;
}
matcha-page-builder .gjs-radio-item:hover {
  background: var(--gjs-main-dark-color);
}
matcha-page-builder .gjs-radio-item input {
  display: none;
}
matcha-page-builder .gjs-radio-item input:checked + .gjs-radio-item-label {
  background-color: hsla(0, 0%, 100%, 0.2);
}
matcha-page-builder .gjs-radio-items {
  display: flex;
}
matcha-page-builder .gjs-radio-item-label {
  cursor: pointer;
  display: block;
  padding: var(--gjs-input-padding);
}
matcha-page-builder .gjs-field-units {
  position: absolute;
  margin: auto;
  right: 10px;
  bottom: 0;
  top: 0;
}
matcha-page-builder .gjs-field-unit {
  position: absolute;
  right: 10px;
  top: 3px;
  font-size: 10px;
  color: var(--gjs-arrow-color);
  cursor: pointer;
}
matcha-page-builder .gjs-input-unit {
  text-align: center;
}
matcha-page-builder .gjs-field-arrow-u,
matcha-page-builder .gjs-field-arrow-d {
  position: absolute;
  height: 0;
  width: 0;
  border-left: 3px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid var(--gjs-arrow-color);
  bottom: 4px;
  cursor: pointer;
}
matcha-page-builder .gjs-field-arrow-u {
  border-bottom: 4px solid var(--gjs-arrow-color);
  border-top: none;
  top: 4px;
}
matcha-page-builder .gjs-field-select {
  padding: 0;
}
matcha-page-builder .gjs-field-range {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  box-shadow: none;
  padding: 0;
}
matcha-page-builder .gjs-field-range input {
  margin: 0;
  height: 100%;
}
matcha-page-builder .gjs-field-range input:focus {
  outline: none;
}
matcha-page-builder .gjs-field-range input::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -4px;
  height: 10px;
  width: 10px;
  border: 1px solid var(--gjs-main-dark-color);
  border-radius: 100%;
  background-color: var(--gjs-font-color);
  cursor: pointer;
}
matcha-page-builder .gjs-field-range input::-moz-range-thumb {
  height: 10px;
  width: 10px;
  border: 1px solid var(--gjs-main-dark-color);
  border-radius: 100%;
  background-color: var(--gjs-font-color);
  cursor: pointer;
}
matcha-page-builder .gjs-field-range input::-ms-thumb {
  height: 10px;
  width: 10px;
  border: 1px solid var(--gjs-main-dark-color);
  border-radius: 100%;
  background-color: var(--gjs-font-color);
  cursor: pointer;
}
matcha-page-builder .gjs-field-range input::-moz-range-track {
  background-color: var(--gjs-main-dark-color);
  border-radius: 1px;
  margin-top: 3px;
  height: 3px;
}
matcha-page-builder .gjs-field-range input::-webkit-slider-runnable-track {
  background-color: var(--gjs-main-dark-color);
  border-radius: 1px;
  margin-top: 3px;
  height: 3px;
}
matcha-page-builder .gjs-field-range input::-ms-track {
  background-color: var(--gjs-main-dark-color);
  border-radius: 1px;
  margin-top: 3px;
  height: 3px;
}
matcha-page-builder .gjs-btn-prim {
  color: inherit;
  background-color: var(--gjs-main-light-color);
  border-radius: 2px;
  padding: 3px 6px;
  padding: var(--gjs-input-padding);
  cursor: pointer;
  border: none;
}
matcha-page-builder .gjs-btn-prim:active {
  background-color: var(--gjs-main-light-color);
}
matcha-page-builder .gjs-btn--full {
  width: 100%;
}
matcha-page-builder .gjs-chk-icon {
  transform: rotate(45deg);
  box-sizing: border-box;
  display: block;
  height: 14px;
  margin: 0 5px;
  width: 6px;
}
matcha-page-builder .gjs-add-trasp {
  background: none;
  border: none;
  color: var(--gjs-font-color);
  cursor: pointer;
  font-size: 1em;
  border-radius: 2px;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
matcha-page-builder .gjs-add-trasp:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
matcha-page-builder .gjs-add-trasp:active {
  background-color: rgba(0, 0, 0, 0.2);
}
matcha-page-builder .gjs-devices-c {
  display: flex;
  align-items: center;
  padding: 2px 3px 3px 3px;
}
matcha-page-builder .gjs-devices-c .gjs-device-label {
  flex-grow: 2;
  text-align: left;
  margin-right: 10px;
}
matcha-page-builder .gjs-devices-c .gjs-select {
  flex-grow: 20;
}
matcha-page-builder .gjs-devices-c .gjs-add-trasp {
  flex-grow: 1;
  margin-left: 5px;
}
matcha-page-builder .gjs-sm-clear {
  cursor: pointer;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-left: 3px;
}
matcha-page-builder .gjs-sm-header {
  font-weight: lighter;
  padding: 10px;
}
matcha-page-builder .gjs-sm-sector {
  clear: both;
  font-weight: lighter;
  text-align: left;
}
matcha-page-builder .gjs-sm-sector-title {
  display: flex;
  align-items: center;
}
matcha-page-builder .gjs-sm-sector-caret {
  width: 17px;
  height: 17px;
  min-width: 17px;
  transform: rotate(-90deg);
}
matcha-page-builder .gjs-sm-sector-label {
  margin-left: 5px;
}
matcha-page-builder .gjs-sm-sector.gjs-sm-open .gjs-sm-sector-caret {
  transform: none;
}
matcha-page-builder .gjs-sm-properties {
  font-size: var(--gjs-font-size);
  padding: 10px 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  box-sizing: border-box;
  width: 100%;
}
matcha-page-builder .gjs-sm-label {
  margin: 5px 5px 3px 0;
  display: flex;
  align-items: center;
}
matcha-page-builder .gjs-sm-close-btn,
matcha-page-builder .gjs-sm-preview-file-close {
  display: block;
  font-size: 23px;
  position: absolute;
  cursor: pointer;
  right: 5px;
  top: 0;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
matcha-page-builder .gjs-sm-close-btn:hover,
matcha-page-builder .gjs-sm-preview-file-close:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
matcha-page-builder .gjs-sm-field,
matcha-page-builder .gjs-clm-field,
matcha-page-builder .gjs-clm-select {
  width: 100%;
  position: relative;
}
matcha-page-builder .gjs-sm-field input,
matcha-page-builder .gjs-clm-field input,
matcha-page-builder .gjs-clm-select input,
matcha-page-builder .gjs-sm-field select,
matcha-page-builder .gjs-clm-field select,
matcha-page-builder .gjs-clm-select select {
  background-color: rgba(0, 0, 0, 0);
  color: hsla(0, 0%, 100%, 0.7);
  border: none;
  width: 100%;
}
matcha-page-builder .gjs-sm-field input,
matcha-page-builder .gjs-clm-field input,
matcha-page-builder .gjs-clm-select input {
  box-sizing: border-box;
}
matcha-page-builder .gjs-sm-field select,
matcha-page-builder .gjs-clm-field select,
matcha-page-builder .gjs-clm-select select {
  position: relative;
  z-index: 1;
  appearance: none;
}
matcha-page-builder .gjs-sm-field select::-ms-expand,
matcha-page-builder .gjs-clm-field select::-ms-expand,
matcha-page-builder .gjs-clm-select select::-ms-expand {
  display: none;
}
matcha-page-builder .gjs-sm-field select:-moz-focusring,
matcha-page-builder .gjs-clm-field select:-moz-focusring,
matcha-page-builder .gjs-clm-select select:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 var(--gjs-secondary-light-color);
}
matcha-page-builder .gjs-sm-field input:focus,
matcha-page-builder .gjs-clm-field input:focus,
matcha-page-builder .gjs-clm-select input:focus,
matcha-page-builder .gjs-sm-field select:focus,
matcha-page-builder .gjs-clm-field select:focus,
matcha-page-builder .gjs-clm-select select:focus {
  outline: none;
}
matcha-page-builder .gjs-sm-field .gjs-sm-unit,
matcha-page-builder .gjs-clm-field .gjs-sm-unit,
matcha-page-builder .gjs-clm-select .gjs-sm-unit {
  position: absolute;
  right: 10px;
  top: 3px;
  font-size: 10px;
  color: var(--gjs-secondary-light-color);
  cursor: pointer;
}
matcha-page-builder .gjs-sm-field .gjs-clm-sel-arrow,
matcha-page-builder .gjs-clm-field .gjs-clm-sel-arrow,
matcha-page-builder .gjs-clm-select .gjs-clm-sel-arrow,
matcha-page-builder .gjs-sm-field .gjs-sm-int-arrows,
matcha-page-builder .gjs-clm-field .gjs-sm-int-arrows,
matcha-page-builder .gjs-clm-select .gjs-sm-int-arrows,
matcha-page-builder .gjs-sm-field .gjs-sm-sel-arrow,
matcha-page-builder .gjs-clm-field .gjs-sm-sel-arrow,
matcha-page-builder .gjs-clm-select .gjs-sm-sel-arrow {
  height: 100%;
  width: 9px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: ns-resize;
}
matcha-page-builder .gjs-sm-field .gjs-sm-sel-arrow,
matcha-page-builder .gjs-clm-field .gjs-sm-sel-arrow,
matcha-page-builder .gjs-clm-select .gjs-sm-sel-arrow {
  cursor: pointer;
}
matcha-page-builder .gjs-sm-field .gjs-clm-d-s-arrow,
matcha-page-builder .gjs-clm-field .gjs-clm-d-s-arrow,
matcha-page-builder .gjs-clm-select .gjs-clm-d-s-arrow,
matcha-page-builder .gjs-sm-field .gjs-sm-d-arrow,
matcha-page-builder .gjs-clm-field .gjs-sm-d-arrow,
matcha-page-builder .gjs-clm-select .gjs-sm-d-arrow,
matcha-page-builder .gjs-sm-field .gjs-sm-d-s-arrow,
matcha-page-builder .gjs-clm-field .gjs-sm-d-s-arrow,
matcha-page-builder .gjs-clm-select .gjs-sm-d-s-arrow,
matcha-page-builder .gjs-sm-field .gjs-sm-u-arrow,
matcha-page-builder .gjs-clm-field .gjs-sm-u-arrow,
matcha-page-builder .gjs-clm-select .gjs-sm-u-arrow {
  position: absolute;
  height: 0;
  width: 0;
  border-left: 3px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}
matcha-page-builder .gjs-sm-field .gjs-sm-u-arrow,
matcha-page-builder .gjs-clm-field .gjs-sm-u-arrow,
matcha-page-builder .gjs-clm-select .gjs-sm-u-arrow {
  border-bottom: 4px solid var(--gjs-secondary-light-color);
  top: 4px;
}
matcha-page-builder .gjs-sm-field .gjs-clm-d-s-arrow,
matcha-page-builder .gjs-clm-field .gjs-clm-d-s-arrow,
matcha-page-builder .gjs-clm-select .gjs-clm-d-s-arrow,
matcha-page-builder .gjs-sm-field .gjs-sm-d-arrow,
matcha-page-builder .gjs-clm-field .gjs-sm-d-arrow,
matcha-page-builder .gjs-clm-select .gjs-sm-d-arrow,
matcha-page-builder .gjs-sm-field .gjs-sm-d-s-arrow,
matcha-page-builder .gjs-clm-field .gjs-sm-d-s-arrow,
matcha-page-builder .gjs-clm-select .gjs-sm-d-s-arrow {
  border-top: 4px solid var(--gjs-secondary-light-color);
  bottom: 4px;
}
matcha-page-builder .gjs-sm-field .gjs-clm-d-s-arrow,
matcha-page-builder .gjs-clm-field .gjs-clm-d-s-arrow,
matcha-page-builder .gjs-clm-select .gjs-clm-d-s-arrow,
matcha-page-builder .gjs-sm-field .gjs-sm-d-s-arrow,
matcha-page-builder .gjs-clm-field .gjs-sm-d-s-arrow,
matcha-page-builder .gjs-clm-select .gjs-sm-d-s-arrow {
  bottom: 7px;
}
matcha-page-builder .gjs-sm-field.gjs-sm-color,
matcha-page-builder .gjs-sm-color.gjs-clm-field,
matcha-page-builder .gjs-sm-field.gjs-sm-input,
matcha-page-builder .gjs-sm-input.gjs-clm-field,
matcha-page-builder .gjs-sm-field.gjs-sm-integer,
matcha-page-builder .gjs-sm-integer.gjs-clm-field,
matcha-page-builder .gjs-sm-field.gjs-sm-list,
matcha-page-builder .gjs-sm-list.gjs-clm-field,
matcha-page-builder .gjs-sm-field.gjs-sm-select,
matcha-page-builder .gjs-sm-select.gjs-clm-field,
matcha-page-builder .gjs-clm-select {
  background-color: var(--gjs-main-dark-color);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 0 var(--gjs-main-light-color);
  color: var(--gjs-secondary-light-color);
  border-radius: 2px;
  box-sizing: border-box;
  padding: 0 5px;
}
matcha-page-builder .gjs-sm-field.gjs-sm-composite,
matcha-page-builder .gjs-sm-composite.gjs-clm-field,
matcha-page-builder .gjs-sm-composite.gjs-clm-select {
  border-radius: 2px;
}
matcha-page-builder .gjs-sm-field.gjs-sm-select,
matcha-page-builder .gjs-sm-select.gjs-clm-field,
matcha-page-builder .gjs-clm-select {
  padding: 0;
}
matcha-page-builder .gjs-sm-field.gjs-sm-select select,
matcha-page-builder .gjs-sm-select.gjs-clm-field select,
matcha-page-builder .gjs-clm-select select {
  height: 20px;
}
matcha-page-builder .gjs-sm-field.gjs-sm-select option,
matcha-page-builder .gjs-sm-select.gjs-clm-field option,
matcha-page-builder .gjs-clm-select option {
  padding: 3px 0;
}
matcha-page-builder .gjs-sm-field.gjs-sm-composite,
matcha-page-builder .gjs-sm-composite.gjs-clm-field,
matcha-page-builder .gjs-sm-composite.gjs-clm-select {
  background-color: var(--gjs-secondary-dark-color);
  border: 1px solid var(--gjs-quaternary-dark-color);
}
matcha-page-builder .gjs-sm-field.gjs-sm-list,
matcha-page-builder .gjs-sm-list.gjs-clm-field,
matcha-page-builder .gjs-sm-list.gjs-clm-select {
  width: auto;
  padding: 0;
  overflow: hidden;
  float: left;
}
matcha-page-builder .gjs-sm-field.gjs-sm-list input,
matcha-page-builder .gjs-sm-list.gjs-clm-field input,
matcha-page-builder .gjs-sm-list.gjs-clm-select input {
  display: none;
}
matcha-page-builder .gjs-sm-field.gjs-sm-list label,
matcha-page-builder .gjs-sm-list.gjs-clm-field label,
matcha-page-builder .gjs-sm-list.gjs-clm-select label {
  cursor: pointer;
  padding: 5px;
  display: block;
}
matcha-page-builder .gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked + label,
matcha-page-builder .gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked + label,
matcha-page-builder .gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked + label {
  background-color: hsla(0, 0%, 100%, 0.2);
}
matcha-page-builder .gjs-sm-field.gjs-sm-list .gjs-sm-icon,
matcha-page-builder .gjs-sm-list.gjs-clm-field .gjs-sm-icon,
matcha-page-builder .gjs-sm-list.gjs-clm-select .gjs-sm-icon {
  background-repeat: no-repeat;
  background-position: center;
  text-shadow: none;
  line-height: normal;
}
matcha-page-builder .gjs-sm-field.gjs-sm-integer select,
matcha-page-builder .gjs-sm-integer.gjs-clm-field select,
matcha-page-builder .gjs-sm-integer.gjs-clm-select select {
  width: auto;
  padding: 0;
}
matcha-page-builder .gjs-sm-list .gjs-sm-el {
  float: left;
  border-left: 1px solid var(--gjs-main-dark-color);
}
matcha-page-builder .gjs-sm-list .gjs-sm-el:first-child {
  border: none;
}
matcha-page-builder .gjs-sm-list .gjs-sm-el:hover {
  background: var(--gjs-main-dark-color);
}
matcha-page-builder .gjs-sm-slider .gjs-field-integer {
  flex: 1 1 65px;
}
matcha-page-builder .gjs-sm-property {
  box-sizing: border-box;
  float: left;
  width: 50%;
  margin-bottom: 5px;
  padding: 0 5px;
}
matcha-page-builder .gjs-sm-property--full,
matcha-page-builder .gjs-sm-property.gjs-sm-composite,
matcha-page-builder .gjs-sm-property.gjs-sm-file,
matcha-page-builder .gjs-sm-property.gjs-sm-list,
matcha-page-builder .gjs-sm-property.gjs-sm-stack,
matcha-page-builder .gjs-sm-property.gjs-sm-slider,
matcha-page-builder .gjs-sm-property.gjs-sm-color {
  width: 100%;
}
matcha-page-builder .gjs-sm-property .gjs-sm-btn {
  background-color: color-mix(in srgb, var(--gjs-main-dark-color), white 13%);
  border-radius: 2px;
  box-shadow: 1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 2%), 1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 17%) inset;
  padding: 5px;
  position: relative;
  text-align: center;
  height: auto;
  width: 100%;
  cursor: pointer;
  color: var(--gjs-font-color);
  box-sizing: border-box;
  text-shadow: -1px -1px 0 var(--gjs-main-dark-color);
  border: none;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
matcha-page-builder .gjs-sm-property .gjs-sm-btn-c {
  box-sizing: border-box;
  float: left;
  width: 100%;
}
matcha-page-builder .gjs-sm-property__text-shadow .gjs-sm-layer-preview-cnt::after {
  color: #000;
  content: "T";
  font-weight: 900;
  line-height: 17px;
  padding: 0 4px;
}
matcha-page-builder .gjs-sm-preview-file {
  background-color: var(--gjs-light-border);
  border-radius: 2px;
  margin-top: 5px;
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--gjs-light-border), black 1%);
  padding: 3px 20px;
}
matcha-page-builder .gjs-sm-preview-file-cnt {
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 50px;
}
matcha-page-builder .gjs-sm-preview-file-close {
  top: -5px;
  width: 14px;
  height: 14px;
}
matcha-page-builder .gjs-sm-layers {
  margin-top: 5px;
  padding: 1px 3px;
  min-height: 30px;
}
matcha-page-builder .gjs-sm-layer {
  background-color: hsla(0, 0%, 100%, 0.055);
  border-radius: 2px;
  margin: 2px 0;
  padding: 7px;
  position: relative;
}
matcha-page-builder .gjs-sm-layer.gjs-sm-active {
  background-color: hsla(0, 0%, 100%, 0.12);
}
matcha-page-builder .gjs-sm-layer .gjs-sm-label-wrp {
  display: flex;
  align-items: center;
}
matcha-page-builder .gjs-sm-layer #gjs-sm-move {
  height: 14px;
  width: 14px;
  min-width: 14px;
  cursor: grab;
}
matcha-page-builder .gjs-sm-layer #gjs-sm-label {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 5px;
}
matcha-page-builder .gjs-sm-layer-preview {
  height: 15px;
  width: 15px;
  min-width: 15px;
  margin-right: 5px;
  border-radius: 2px;
}
matcha-page-builder .gjs-sm-layer-preview-cnt {
  border-radius: 2px;
  background-color: #fff;
  height: 100%;
  width: 100%;
  background-size: cover !important;
}
matcha-page-builder .gjs-sm-layer #gjs-sm-close-layer {
  display: block;
  cursor: pointer;
  height: 14px;
  width: 14px;
  min-width: 14px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
matcha-page-builder .gjs-sm-layer #gjs-sm-close-layer:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
matcha-page-builder .gjs-sm-stack .gjs-sm-properties {
  padding: 5px 0 0;
}
matcha-page-builder .gjs-sm-stack #gjs-sm-add {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  position: absolute;
  right: 0;
  top: -17px;
  opacity: 0.75;
  padding: 0;
  width: 18px;
  height: 18px;
}
matcha-page-builder .gjs-sm-stack #gjs-sm-add:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
matcha-page-builder .gjs-sm-colorp-c {
  height: 100%;
  width: 20px;
  position: absolute;
  right: 0;
  top: 0;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 2px;
}
matcha-page-builder .gjs-sm-colorp-c .gjs-field-colorp-c,
matcha-page-builder .gjs-sm-colorp-c .gjs-checker-bg {
  height: 100%;
  width: 100%;
  border-radius: 1px;
}
matcha-page-builder .gjs-sm-color-picker {
  background-color: var(--gjs-font-color);
  cursor: pointer;
  height: 16px;
  width: 100%;
  margin-top: -16px;
  box-shadow: 0 0 1px var(--gjs-main-dark-color);
  border-radius: 1px;
}
matcha-page-builder .gjs-sm-btn-upload #gjs-sm-upload {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
matcha-page-builder .gjs-sm-btn-upload #gjs-sm-label {
  padding: 2px 0;
}
matcha-page-builder .gjs-sm-layer > #gjs-sm-move {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: move;
  font-size: 12px;
  float: left;
  margin: 0 5px 0 0;
}
matcha-page-builder .gjs-sm-layer > #gjs-sm-move:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
matcha-page-builder .gjs-blocks-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
matcha-page-builder .gjs-block-categories {
  display: flex;
  flex-direction: column;
}
matcha-page-builder .gjs-block-category {
  width: 100%;
}
matcha-page-builder .gjs-block-category .gjs-caret-icon {
  margin-right: 5px;
}
matcha-page-builder .gjs-block {
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 45%;
  min-width: 45px;
  padding: 1em;
  box-sizing: border-box;
  min-height: 90px;
  cursor: all-scroll;
  font-size: 11px;
  font-weight: lighter;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin: 10px 2.5% 5px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease 0s;
  transition-property: box-shadow, color;
}
matcha-page-builder .gjs-block:hover {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
}
matcha-page-builder .gjs-block svg {
  fill: currentColor;
}
matcha-page-builder .gjs-block__media {
  margin-bottom: 10px;
  pointer-events: none;
}
matcha-page-builder .gjs-block-svg {
  width: 54px;
  fill: currentColor;
}
matcha-page-builder .gjs-block-svg-path {
  fill: currentColor;
}
matcha-page-builder .gjs-block.fa {
  font-size: 2em;
  line-height: 2em;
  padding: 11px;
}
matcha-page-builder .gjs-block-label {
  line-height: normal;
  font-size: 0.65rem;
  font-weight: normal;
  font-family: Helvetica, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
matcha-page-builder .gjs-block.gjs-bdrag {
  width: auto;
  padding: 0;
}
matcha-page-builder .gjs-selected-parent {
  border: 1px solid var(--gjs-color-yellow);
}
matcha-page-builder .gjs-opac50 {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
matcha-page-builder .gjs-layer {
  font-weight: lighter;
  text-align: left;
  position: relative;
  font-size: var(--gjs-font-size);
  display: grid;
}
matcha-page-builder .gjs-layer-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
  border-bottom: 1px solid var(--gjs-main-dark-color);
  background-color: var(--gjs-secondary-dark-color);
  gap: var(--gjs-flex-item-gap);
  cursor: pointer;
}
matcha-page-builder .gjs-layer-item-left,
matcha-page-builder .gjs-layer-item-right {
  display: flex;
  align-items: center;
  gap: var(--gjs-flex-item-gap);
}
matcha-page-builder .gjs-layer-item-left {
  width: 100%;
}
matcha-page-builder .gjs-layer-hidden {
  opacity: 0.55;
  filter: alpha(opacity=55);
}
matcha-page-builder .gjs-layer-vis {
  box-sizing: content-box;
  cursor: pointer;
  z-index: 1;
}
matcha-page-builder .gjs-layer-vis-on,
matcha-page-builder .gjs-layer-vis-off {
  display: flex;
  width: 13px;
  height: 13px;
}
matcha-page-builder .gjs-layer-vis-off {
  display: none;
}
matcha-page-builder .gjs-layer-vis.gjs-layer-off .gjs-layer-vis-on {
  display: none;
}
matcha-page-builder .gjs-layer-vis.gjs-layer-off .gjs-layer-vis-off {
  display: flex;
}
matcha-page-builder .gjs-layer-caret {
  width: 15px;
  height: 15px;
  cursor: pointer;
  box-sizing: content-box;
  transform: rotate(90deg);
  display: flex;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
matcha-page-builder .gjs-layer-caret:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
matcha-page-builder .gjs-layer.open > .gjs-layer-item .gjs-layer-caret {
  transform: rotate(180deg);
}
matcha-page-builder .gjs-layer-title {
  padding: 0;
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0) !important;
  border-bottom: none;
}
matcha-page-builder .gjs-layer-title-inn {
  align-items: center;
  position: relative;
  display: flex;
  gap: var(--gjs-flex-item-gap);
}
matcha-page-builder .gjs-layer-title-c {
  width: 100%;
}
matcha-page-builder .gjs-layer__icon {
  display: block;
  width: 100%;
  max-width: 15px;
  max-height: 15px;
  padding-left: 5px;
}
matcha-page-builder .gjs-layer__icon svg {
  fill: currentColor;
}
matcha-page-builder .gjs-layer-name {
  display: inline-block;
  box-sizing: content-box;
  overflow: hidden;
  white-space: nowrap;
  max-width: 170px;
  height: auto;
}
matcha-page-builder .gjs-layer-name--no-edit {
  text-overflow: ellipsis;
}
matcha-page-builder .gjs-layer > .gjs-layer-children {
  display: none;
}
matcha-page-builder .gjs-layer.open > .gjs-layer-children {
  display: block;
}
matcha-page-builder .gjs-layer-no-chld > .gjs-layer-title-inn > .gjs-layer-caret {
  visibility: hidden;
}
matcha-page-builder .gjs-layer-move {
  display: flex;
  width: 13px;
  height: 13px;
  box-sizing: content-box;
  cursor: move;
}
matcha-page-builder .gjs-layer.gjs-hovered .gjs-layer-item {
  background-color: var(--gjs-soft-light-color);
}
matcha-page-builder .gjs-layer.gjs-selected .gjs-layer-item {
  background-color: var(--gjs-main-light-color);
}
matcha-page-builder .gjs-layers {
  position: relative;
  height: 100%;
}
matcha-page-builder .gjs-layers #gjs-placeholder {
  width: 100%;
  position: absolute;
}
matcha-page-builder .gjs-layers #gjs-placeholder #gjs-plh-int {
  height: 100%;
  padding: 1px;
}
matcha-page-builder .gjs-layers #gjs-placeholder #gjs-plh-int.gjs-insert {
  background-color: var(--gjs-color-green);
}
matcha-page-builder #gjs-clm-add-tag,
matcha-page-builder .gjs-clm-tags-btn {
  background-color: hsla(0, 0%, 100%, 0.15);
  border-radius: 2px;
  padding: 3px;
  margin-right: 3px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  cursor: pointer;
}
matcha-page-builder .gjs-clm-tags-btn svg {
  fill: currentColor;
  display: block;
}
matcha-page-builder .gjs-clm-header {
  display: flex;
  align-items: center;
  margin: 7px 0;
}
matcha-page-builder .gjs-clm-header-status {
  flex-shrink: 1;
  margin-left: auto;
}
matcha-page-builder .gjs-clm-tag {
  display: flex;
  overflow: hidden;
  align-items: center;
  border-radius: 3px;
  margin: 0 3px 3px 0;
  padding: 5px;
  cursor: default;
}
matcha-page-builder .gjs-clm-tag-status,
matcha-page-builder .gjs-clm-tag-close {
  width: 12px;
  height: 12px;
  flex-shrink: 1;
}
matcha-page-builder .gjs-clm-tag-status svg,
matcha-page-builder .gjs-clm-tag-close svg {
  vertical-align: middle;
  fill: currentColor;
}
matcha-page-builder .gjs-clm-sels-info {
  margin: 7px 0;
  text-align: left;
}
matcha-page-builder .gjs-clm-sel-id {
  font-size: 0.9em;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
matcha-page-builder .gjs-clm-label-sel {
  float: left;
  padding-right: 5px;
}
matcha-page-builder .gjs-clm-tags {
  font-size: var(--gjs-font-size);
  padding: 10px 5px;
}
matcha-page-builder .gjs-clm-tags #gjs-clm-sel {
  padding: 7px 0;
  float: left;
}
matcha-page-builder .gjs-clm-tags #gjs-clm-sel {
  font-style: italic;
  margin-left: 5px;
}
matcha-page-builder .gjs-clm-tags #gjs-clm-tags-field {
  clear: both;
  padding: 5px;
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
}
matcha-page-builder .gjs-clm-tags #gjs-clm-tags-c {
  display: flex;
  flex-wrap: wrap;
  vertical-align: top;
  overflow: hidden;
}
matcha-page-builder .gjs-clm-tags #gjs-clm-new {
  color: var(--gjs-font-color);
  padding: var(--gjs-padding-elem-classmanager);
  display: none;
}
matcha-page-builder .gjs-clm-tags #gjs-clm-close {
  opacity: 0.85;
  filter: alpha(opacity=85);
  font-size: 20px;
  line-height: 0;
  cursor: pointer;
  color: hsla(0, 0%, 100%, 0.9);
}
matcha-page-builder .gjs-clm-tags #gjs-clm-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
matcha-page-builder .gjs-clm-tags #gjs-clm-checkbox {
  color: hsla(0, 0%, 100%, 0.9);
  vertical-align: middle;
  cursor: pointer;
  font-size: 9px;
}
matcha-page-builder .gjs-clm-tags #gjs-clm-tag-label {
  flex-grow: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 3px;
  cursor: text;
}
matcha-page-builder .gjs-mdl-container {
  font-family: var(--gjs-main-font);
  overflow-y: auto;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
matcha-page-builder .gjs-mdl-dialog {
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.05);
  animation: gjs-slide-down 0.215s;
  margin: auto;
  max-width: 850px;
  width: 90%;
  border-radius: 3px;
  font-weight: lighter;
  position: relative;
  z-index: 2;
}
matcha-page-builder .gjs-mdl-title {
  font-size: 1rem;
}
matcha-page-builder .gjs-mdl-btn-close {
  position: absolute;
  right: 15px;
  top: 5px;
}
matcha-page-builder .gjs-mdl-active .gjs-mdl-dialog {
  animation: gjs-mdl-slide-down 0.216s;
}
matcha-page-builder .gjs-mdl-header,
matcha-page-builder .gjs-mdl-content {
  padding: 10px 15px;
  clear: both;
}
matcha-page-builder .gjs-mdl-header {
  position: relative;
  border-bottom: 1px solid var(--gjs-main-dark-color);
  padding: 15px 15px 7px;
}
matcha-page-builder .gjs-export-dl::after {
  content: "";
  clear: both;
  display: block;
  margin-bottom: 10px;
}
matcha-page-builder .gjs-dropzone {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.25s;
  pointer-events: none;
}
matcha-page-builder .gjs-dropzone-active .gjs-dropzone {
  display: block;
  opacity: 1;
}
matcha-page-builder .gjs-am-assets {
  height: 290px;
  overflow: auto;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}
matcha-page-builder .gjs-am-assets-header {
  padding: 5px;
}
matcha-page-builder .gjs-am-add-asset .gjs-am-add-field {
  width: 70%;
  float: left;
}
matcha-page-builder .gjs-am-add-asset button {
  width: 25%;
  float: right;
}
matcha-page-builder .gjs-am-preview-cont {
  position: relative;
  height: 70px;
  width: 30%;
  background-color: var(--gjs-main-color);
  border-radius: 2px;
  float: left;
  overflow: hidden;
}
matcha-page-builder .gjs-am-preview {
  position: absolute;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  z-index: 1;
}
matcha-page-builder .gjs-am-preview-bg {
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
}
matcha-page-builder .gjs-am-dimensions {
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 10px;
}
matcha-page-builder .gjs-am-meta {
  width: 70%;
  float: left;
  font-size: 12px;
  padding: 5px 0 0 5px;
  box-sizing: border-box;
}
matcha-page-builder .gjs-am-meta > div {
  margin-bottom: 5px;
}
matcha-page-builder .gjs-am-close {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 0;
  display: none;
}
matcha-page-builder .gjs-am-asset {
  border-bottom: 1px solid color-mix(in srgb, var(--gjs-main-dark-color), black 3%);
  padding: 5px;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
matcha-page-builder .gjs-am-asset:hover .gjs-am-close {
  display: block;
}
matcha-page-builder .gjs-am-highlight {
  background-color: var(--gjs-main-light-color);
}
matcha-page-builder .gjs-am-assets-cont {
  background-color: var(--gjs-secondary-dark-color);
  border-radius: 3px;
  box-sizing: border-box;
  padding: 10px;
  width: 45%;
  float: right;
  height: 325px;
  overflow: hidden;
}
matcha-page-builder .gjs-am-file-uploader {
  width: 55%;
  float: left;
}
matcha-page-builder .gjs-am-file-uploader > form {
  background-color: var(--gjs-secondary-dark-color);
  border: 2px dashed;
  border-radius: 3px;
  position: relative;
  text-align: center;
  margin-bottom: 15px;
}
matcha-page-builder .gjs-am-file-uploader > form.gjs-am-hover {
  border: 2px solid var(--gjs-color-green);
  color: color-mix(in srgb, var(--gjs-color-green), white 5%);
}
matcha-page-builder .gjs-am-file-uploader > form.gjs-am-disabled {
  border-color: red;
}
matcha-page-builder .gjs-am-file-uploader > form #gjs-am-uploadFile {
  opacity: 0;
  filter: alpha(opacity=0);
  padding: var(--gjs-upload-padding);
  width: 100%;
  box-sizing: border-box;
}
matcha-page-builder .gjs-am-file-uploader #gjs-am-title {
  position: absolute;
  padding: var(--gjs-upload-padding);
  width: 100%;
}
matcha-page-builder .gjs-cm-editor-c {
  float: left;
  box-sizing: border-box;
  width: 50%;
}
matcha-page-builder .gjs-cm-editor-c .CodeMirror {
  height: 450px;
}
matcha-page-builder .gjs-cm-editor {
  font-size: 12px;
}
matcha-page-builder .gjs-cm-editor#gjs-cm-htmlmixed {
  padding-right: 10px;
  border-right: 1px solid var(--gjs-main-dark-color);
}
matcha-page-builder .gjs-cm-editor#gjs-cm-htmlmixed #gjs-cm-title {
  color: #a97d44;
}
matcha-page-builder .gjs-cm-editor#gjs-cm-css {
  padding-left: 10px;
}
matcha-page-builder .gjs-cm-editor#gjs-cm-css #gjs-cm-title {
  color: #ddca7e;
}
matcha-page-builder .gjs-cm-editor #gjs-cm-title {
  background-color: var(--gjs-main-dark-color);
  font-size: 12px;
  padding: 5px 10px 3px;
  text-align: right;
}
matcha-page-builder .gjs-rte-toolbar {
  position: absolute;
  z-index: 10;
}
matcha-page-builder .gjs-rte-toolbar-ui {
  border: 1px solid var(--gjs-main-dark-color);
  border-radius: 3px;
}
matcha-page-builder .gjs-rte-actionbar {
  display: flex;
}
matcha-page-builder .gjs-rte-action {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 25px;
  border-right: 1px solid var(--gjs-main-dark-color);
  text-align: center;
  cursor: pointer;
  outline: none;
}
matcha-page-builder .gjs-rte-action:last-child {
  border-right: none;
}
matcha-page-builder .gjs-rte-action:hover {
  background-color: var(--gjs-main-light-color);
}
matcha-page-builder .gjs-rte-active {
  background-color: var(--gjs-main-light-color);
}
matcha-page-builder .gjs-rte-disabled {
  color: var(--gjs-main-light-color);
  cursor: not-allowed;
}
matcha-page-builder .gjs-rte-disabled:hover {
  background-color: unset;
}
matcha-page-builder .sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  z-index: 9999994;
  overflow: hidden;
}
matcha-page-builder .sp-container.sp-flat {
  position: relative;
}
matcha-page-builder .sp-container,
matcha-page-builder .sp-container * {
  box-sizing: content-box;
}
matcha-page-builder .sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}
matcha-page-builder .sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
matcha-page-builder .sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}
matcha-page-builder .sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}
matcha-page-builder .sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}
matcha-page-builder .sp-fill {
  padding-top: 80%;
}
matcha-page-builder .sp-sat,
matcha-page-builder .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
matcha-page-builder .sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}
matcha-page-builder .sp-alpha-enabled .sp-alpha {
  display: block;
}
matcha-page-builder .sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid #000;
  background: #fff;
  opacity: 0.8;
}
matcha-page-builder .sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}
matcha-page-builder .sp-alpha-inner {
  border: solid 1px #333;
}
matcha-page-builder .sp-clear {
  display: none;
}
matcha-page-builder .sp-clear.sp-clear-display {
  background-position: center;
}
matcha-page-builder .sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}
matcha-page-builder .sp-container,
matcha-page-builder .sp-replacer,
matcha-page-builder .sp-preview,
matcha-page-builder .sp-dragger,
matcha-page-builder .sp-slider,
matcha-page-builder .sp-alpha,
matcha-page-builder .sp-clear,
matcha-page-builder .sp-alpha-handle,
matcha-page-builder .sp-container.sp-dragging .sp-input,
matcha-page-builder .sp-container button {
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
matcha-page-builder .sp-container.sp-input-disabled .sp-input-container {
  display: none;
}
matcha-page-builder .sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}
matcha-page-builder .sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}
matcha-page-builder .sp-palette-only .sp-picker-container {
  display: none;
}
matcha-page-builder .sp-palette-disabled .sp-palette-container {
  display: none;
}
matcha-page-builder .sp-initial-disabled .sp-initial {
  display: none;
}
matcha-page-builder .sp-sat {
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81");
}
matcha-page-builder .sp-val {
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000");
}
matcha-page-builder .sp-hue {
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
matcha-page-builder .sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00");
}
matcha-page-builder .sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00");
}
matcha-page-builder .sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff");
}
matcha-page-builder .sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff");
}
matcha-page-builder .sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff");
}
matcha-page-builder .sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000");
}
matcha-page-builder .sp-hidden {
  display: none !important;
}
matcha-page-builder .sp-cf:before,
matcha-page-builder .sp-cf:after {
  content: "";
  display: table;
}
matcha-page-builder .sp-cf:after {
  clear: both;
}
@media (max-device-width: 480px) {
  matcha-page-builder .sp-color {
    right: 40%;
  }
  matcha-page-builder .sp-hue {
    left: 63%;
  }
  matcha-page-builder .sp-fill {
    padding-top: 60%;
  }
}
matcha-page-builder .sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
matcha-page-builder .sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: #fff;
  opacity: 0.8;
}
matcha-page-builder .sp-container {
  border-radius: 0;
  background-color: #ececec;
  border: solid 1px #f0c49b;
  padding: 0;
}
matcha-page-builder .sp-container,
matcha-page-builder .sp-container button,
matcha-page-builder .sp-container input,
matcha-page-builder .sp-color,
matcha-page-builder .sp-hue,
matcha-page-builder .sp-clear {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
matcha-page-builder .sp-top {
  margin-bottom: 3px;
}
matcha-page-builder .sp-color,
matcha-page-builder .sp-hue,
matcha-page-builder .sp-clear {
  border: solid 1px #666;
}
matcha-page-builder .sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}
matcha-page-builder .sp-initial-disabled .sp-input-container {
  width: 100%;
}
matcha-page-builder .sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0);
  border-radius: 3px;
  color: #222;
}
matcha-page-builder .sp-input:focus {
  border: 1px solid orange;
}
matcha-page-builder .sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}
matcha-page-builder .sp-picker-container,
matcha-page-builder .sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}
matcha-page-builder .sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff;
}
matcha-page-builder .sp-palette-container {
  border-right: solid 1px #ccc;
}
matcha-page-builder .sp-palette-only .sp-palette-container {
  border: 0;
}
matcha-page-builder .sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px rgba(0, 0, 0, 0);
}
matcha-page-builder .sp-palette .sp-thumb-el:hover,
matcha-page-builder .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}
matcha-page-builder .sp-thumb-el {
  position: relative;
}
matcha-page-builder .sp-initial {
  float: left;
  border: solid 1px #333;
}
matcha-page-builder .sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}
matcha-page-builder .sp-initial .sp-clear-display {
  background-position: center;
}
matcha-page-builder .sp-palette-button-container,
matcha-page-builder .sp-button-container {
  float: right;
}
matcha-page-builder .sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}
matcha-page-builder .sp-replacer:hover,
matcha-page-builder .sp-replacer.sp-active {
  border-color: #f0c49b;
  color: #111;
}
matcha-page-builder .sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}
matcha-page-builder .sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}
matcha-page-builder .sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}
matcha-page-builder .sp-palette {
  max-width: 220px;
}
matcha-page-builder .sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}
matcha-page-builder .sp-container {
  padding-bottom: 0;
}
matcha-page-builder .sp-container button {
  background-color: #eee;
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
matcha-page-builder .sp-container button:hover {
  background-color: #ddd;
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}
matcha-page-builder .sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -ms-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -o-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
}
matcha-page-builder .sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}
matcha-page-builder .sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}
matcha-page-builder .sp-palette span:hover,
matcha-page-builder .sp-palette span.sp-thumb-active {
  border-color: #000;
}
matcha-page-builder .sp-preview,
matcha-page-builder .sp-alpha,
matcha-page-builder .sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
matcha-page-builder .sp-preview-inner,
matcha-page-builder .sp-alpha-inner,
matcha-page-builder .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
matcha-page-builder .sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
matcha-page-builder .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
matcha-page-builder .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
matcha-page-builder .sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
matcha-page-builder .gjs-editor-sp {
  border: 1px solid var(--gjs-main-dark-color);
  box-shadow: 0 0 7px var(--gjs-main-dark-color);
  border-radius: 3px;
}
matcha-page-builder .gjs-editor-sp .sp-hue,
matcha-page-builder .gjs-editor-sp .sp-slider {
  cursor: row-resize;
}
matcha-page-builder .gjs-editor-sp .sp-color,
matcha-page-builder .gjs-editor-sp .sp-dragger {
  cursor: crosshair;
}
matcha-page-builder .gjs-editor-sp .sp-alpha-inner,
matcha-page-builder .gjs-editor-sp .sp-alpha-handle {
  cursor: col-resize;
}
matcha-page-builder .gjs-editor-sp .sp-hue {
  left: 90%;
}
matcha-page-builder .gjs-editor-sp .sp-color {
  right: 15%;
}
matcha-page-builder .gjs-editor-sp .sp-picker-container {
  border: none;
}
matcha-page-builder .gjs-editor-sp .colpick_dark .colpick_color {
  outline: 1px solid var(--gjs-main-dark-color);
}
matcha-page-builder .gjs-editor-sp .sp-cancel,
matcha-page-builder .gjs-editor-sp .sp-cancel:hover {
  bottom: -8px;
  color: #777 !important;
  font-size: 25px;
  left: 0;
  position: absolute;
  text-decoration: none;
}
matcha-page-builder .gjs-editor-sp .sp-alpha-handle {
  background-color: #ccc;
  border: 1px solid #555;
  width: 4px;
}
matcha-page-builder .gjs-editor-sp .sp-color,
matcha-page-builder .gjs-editor-sp .sp-hue {
  border: 1px solid #333;
}
matcha-page-builder .gjs-editor-sp .sp-slider {
  background-color: #ccc;
  border: 1px solid #555;
  height: 3px;
  left: -4px;
  width: 22px;
}
matcha-page-builder .gjs-editor-sp .sp-dragger {
  background: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 1px #111;
}
matcha-page-builder .gjs-editor-sp .sp-button-container {
  float: none;
  width: 100%;
  position: relative;
  text-align: right;
}
matcha-page-builder .gjs-editor-sp .sp-button-container .sp-choose,
matcha-page-builder .gjs-editor-sp .sp-button-container .sp-choose:hover,
matcha-page-builder .gjs-editor-sp .sp-button-container .sp-choose:active {
  background: var(--gjs-main-dark-color);
  border-color: var(--gjs-main-dark-color);
  color: var(--gjs-font-color);
  text-shadow: none;
  box-shadow: none;
  padding: 3px 5px;
}
matcha-page-builder .gjs-editor-sp .sp-palette-container {
  border: none;
  float: none;
  margin: 0;
  padding: 5px 10px 0;
}
matcha-page-builder .gjs-editor-sp .sp-palette .sp-thumb-el,
matcha-page-builder .gjs-editor-sp .sp-palette .sp-thumb-el:hover {
  border: 1px solid rgba(0, 0, 0, 0.9);
}
matcha-page-builder .gjs-editor-sp .sp-palette .sp-thumb-el:hover,
matcha-page-builder .gjs-editor-sp .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: rgba(0, 0, 0, 0.9);
}
matcha-page-builder .gjs-one-bg {
  background-color: var(--gjs-primary-color);
}
matcha-page-builder .gjs-one-color {
  color: var(--gjs-primary-color);
}
matcha-page-builder .gjs-one-color-h:hover {
  color: var(--gjs-primary-color);
}
matcha-page-builder .gjs-two-bg {
  background-color: var(--gjs-secondary-color);
}
matcha-page-builder .gjs-two-color {
  color: var(--gjs-secondary-color);
}
matcha-page-builder .gjs-two-color-h:hover {
  color: var(--gjs-secondary-color);
}
matcha-page-builder .gjs-three-bg {
  background-color: var(--gjs-tertiary-color);
}
matcha-page-builder .gjs-three-color {
  color: var(--gjs-tertiary-color);
}
matcha-page-builder .gjs-three-color-h:hover {
  color: var(--gjs-tertiary-color);
}
matcha-page-builder .gjs-four-bg {
  background-color: var(--gjs-quaternary-color);
}
matcha-page-builder .gjs-four-color {
  color: var(--gjs-quaternary-color);
}
matcha-page-builder .gjs-four-color-h:hover {
  color: var(--gjs-quaternary-color);
}
matcha-page-builder .gjs-danger-bg {
  background-color: var(--gjs-color-red);
}
matcha-page-builder .gjs-danger-color {
  color: var(--gjs-color-red);
}
matcha-page-builder .gjs-danger-color-h:hover {
  color: var(--gjs-color-red);
}
matcha-page-builder .gjs-bdrag {
  pointer-events: none !important;
  position: absolute !important;
  z-index: 10 !important;
  width: auto;
}
matcha-page-builder .gjs-drag-helper {
  background-color: var(--gjs-color-blue) !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 10 !important;
  transform: scale(0.3) !important;
  transform-origin: top left !important;
  -webkit-transform-origin: top left !important;
  margin: 15px !important;
  transition: none !important;
  outline: none !important;
}
matcha-page-builder .gjs-grabbing,
matcha-page-builder .gjs-grabbing * {
  cursor: grabbing !important;
  cursor: -webkit-grabbing !important;
}
matcha-page-builder .gjs-grabbing {
  overflow: hidden;
}
matcha-page-builder .gjs-off-prv {
  position: relative;
  z-index: 10;
  padding: 5px;
  cursor: pointer;
}
matcha-page-builder .gjs-editor-cont ::-webkit-scrollbar-track {
  background: var(--gjs-secondary-dark-color);
}
matcha-page-builder .gjs-editor-cont ::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 100%, 0.2);
}
matcha-page-builder .gjs-editor-cont ::-webkit-scrollbar {
  width: 8px;
}
matcha-page-builder .gjs-no-touch-actions {
  touch-action: none;
}
matcha-page-builder .gjs-disabled {
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
matcha-page-builder .gjs-editor {
  font-family: var(--gjs-main-font);
  font-size: var(--gjs-font-size);
  position: relative;
  box-sizing: border-box;
  height: 100%;
}
matcha-page-builder .gjs-freezed,
matcha-page-builder .gjs-freezed {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
matcha-page-builder .gjs-hidden {
  display: none;
}
@keyframes gjs-slide-down {
  0% {
    transform: translate(0, -3rem);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes gjs-slide-up {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, -3rem);
    opacity: 0;
  }
}
matcha-page-builder .cm-s-hopscotch span.cm-error {
  color: #fff;
}

.matcha-page-builder {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.matcha-page-builder .editor-shell {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.matcha-page-builder .editor-shell [id^=gjs-] {
  height: 100%;
}
.matcha-page-builder .editor-controls {
  padding: 16px;
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  display: flex;
  justify-content: flex-end;
}
.matcha-page-builder .editor-controls button {
  min-width: 80px;
}

.gjs-pn-views-layer,
.gjs-cv-canvas {
  transition: width 0.3s ease-in-out;
}

.gjs-pn-buttons {
  align-items: center;
  display: flex;
  justify-content: start;
}

.gjs-pn-views-layer {
  box-shadow: initial;
  border-top: 2px solid rgba(0, 0, 0, 0.2);
  top: 40px;
  padding-top: 0;
  height: calc(100% - 40px);
  z-index: 4;
  left: 0;
  width: 15%;
  overflow: auto;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.gjs-pn-views-layers {
  left: 0;
  right: unset;
}

.gjs-pn-devices-c {
  left: 45%;
}

.gjs-pn-opcoes,
#gjs-breadcrumbs {
  left: 15%;
}

.gjs-pn-opcoes.fechado,
#gjs-breadcrumbs.fechado {
  left: 0;
}

.gjs-cv-canvas.layer-aberto {
  width: 70%;
  left: 15%;
}

.gjs-cv-canvas.layer-aberto.code-editor-aberto {
  width: 50%;
}

.gjs-cv-canvas.code-editor-aberto {
  width: 65%;
}

.gjs-pn-views-container.code-editor-aberto {
  width: 35%;
}

.gjs-bg-main,
.gjs-off-prv,
.gjs-sm-colorp-c {
  background-color: var(--gjs-main-color);
}

.gjs-color-main,
.gjs-off-prv,
.gjs-sm-stack #gjs-sm-add {
  color: var(--gjs-font-color);
  fill: var(--gjs-font-color);
}

.gjs-color-active {
  color: var(--gjs-font-color-active);
  fill: var(--gjs-font-color-active);
}

.gjs-color-warn {
  color: var(--gjs-color-warn);
  fill: var(--gjs-color-warn);
}

matcha-snack-bar .matcha-snack-bar-content {
  background: var(--matcha-color-surface-card-alpha);
  color: var(--matcha-color-fg);
  border-color: var(--matcha-color-border);
  box-shadow: var(--matcha-shadow-3);
}
@supports not (backdrop-filter: blur(1px)) {
  matcha-snack-bar .matcha-snack-bar-content {
    background: var(--matcha-color-surface);
  }
}
matcha-snack-bar .matcha-snack-bar-title {
  color: var(--matcha-color-fg);
}
matcha-snack-bar .matcha-snack-bar-description {
  color: var(--matcha-color-text-label);
}
matcha-snack-bar[color=error] .matcha-snack-bar-content, matcha-snack-bar[color=danger] .matcha-snack-bar-content {
  border-left-color: var(--matcha-color-danger);
  --matcha-icon-color: var(--matcha-color-danger);
}
matcha-snack-bar[color=error] .matcha-snack-bar-content .matcha-snack-bar-action, matcha-snack-bar[color=danger] .matcha-snack-bar-content .matcha-snack-bar-action {
  --matcha-button-color: var(--matcha-color-danger);
  --matcha-button-color-hover: var(--matcha-color-danger-hover);
  --matcha-button-color-pressed: var(--matcha-color-danger-pressed);
  --matcha-button-color-text-on: var(--matcha-color-danger-contrast);
  --matcha-button-color-alpha: var(--matcha-color-danger-alpha);
  --matcha-button-color-edge: var(--matcha-color-danger);
  color: var(--matcha-color-danger);
}
matcha-snack-bar[color=warning] .matcha-snack-bar-content, matcha-snack-bar[color=warn] .matcha-snack-bar-content {
  border-left-color: var(--matcha-color-warn);
  --matcha-icon-color: var(--matcha-color-warn);
}
matcha-snack-bar[color=warning] .matcha-snack-bar-content .matcha-snack-bar-action, matcha-snack-bar[color=warn] .matcha-snack-bar-content .matcha-snack-bar-action {
  --matcha-button-color: var(--matcha-color-warn);
  --matcha-button-color-hover: var(--matcha-color-warn-hover);
  --matcha-button-color-pressed: var(--matcha-color-warn-pressed);
  --matcha-button-color-text-on: var(--matcha-color-warn-contrast);
  --matcha-button-color-alpha: var(--matcha-color-warn-alpha);
  --matcha-button-color-edge: var(--matcha-color-warn);
  color: var(--matcha-color-warn);
}
matcha-snack-bar[color=success] .matcha-snack-bar-content {
  border-left-color: var(--matcha-color-success);
  --matcha-icon-color: var(--matcha-color-success);
}
matcha-snack-bar[color=success] .matcha-snack-bar-content .matcha-snack-bar-action {
  --matcha-button-color: var(--matcha-color-success);
  --matcha-button-color-hover: var(--matcha-color-success-hover);
  --matcha-button-color-pressed: var(--matcha-color-success-pressed);
  --matcha-button-color-text-on: var(--matcha-color-success-contrast);
  --matcha-button-color-alpha: var(--matcha-color-success-alpha);
  --matcha-button-color-edge: var(--matcha-color-success);
  color: var(--matcha-color-success);
}
matcha-snack-bar[color=info] .matcha-snack-bar-content {
  border-left-color: var(--matcha-color-info);
  --matcha-icon-color: var(--matcha-color-info);
}
matcha-snack-bar[color=info] .matcha-snack-bar-content .matcha-snack-bar-action {
  --matcha-button-color: var(--matcha-color-info);
  --matcha-button-color-hover: var(--matcha-color-info-hover);
  --matcha-button-color-pressed: var(--matcha-color-info-pressed);
  --matcha-button-color-text-on: var(--matcha-color-info-contrast);
  --matcha-button-color-alpha: var(--matcha-color-info-alpha);
  --matcha-button-color-edge: var(--matcha-color-info);
  color: var(--matcha-color-info);
}
matcha-snack-bar[color=neutral] .matcha-snack-bar-content {
  border-left-color: var(--matcha-color-surface-border);
  --matcha-icon-color: var(--matcha-color-icon-default);
}
matcha-snack-bar[color=neutral] .matcha-snack-bar-content .matcha-snack-bar-action {
  color: var(--matcha-color-text-label);
}

matcha-chip[color=accent] {
  border-color: var(--matcha-color-accent);
  color: var(--matcha-color-accent);
}
matcha-chip[color=accent] .matcha-chip-leading {
  color: var(--matcha-color-accent);
}
matcha-chip[color=accent][selected], matcha-chip[color=accent][variant=filled] {
  background-color: var(--matcha-color-accent);
  border-color: var(--matcha-color-accent);
  color: var(--matcha-color-accent-text-on, var(--matcha-color-accent-contrast));
}
matcha-chip[color=accent][selected] .matcha-chip-leading, matcha-chip[color=accent][variant=filled] .matcha-chip-leading {
  color: var(--matcha-color-accent-text-on, var(--matcha-color-accent-contrast));
}
matcha-chip[color=accent][variant=filled-alpha] {
  background-color: var(--matcha-color-feedback-accent-alpha, var(--matcha-color-accent-alpha));
  border-color: transparent;
  color: var(--matcha-color-accent);
}
matcha-chip[color=accent][variant=filled-alpha] .matcha-chip-leading {
  color: var(--matcha-color-accent);
}
matcha-chip[color=primary] {
  border-color: var(--matcha-color-primary);
  color: var(--matcha-color-primary);
}
matcha-chip[color=primary] .matcha-chip-leading {
  color: var(--matcha-color-primary);
}
matcha-chip[color=primary][selected], matcha-chip[color=primary][variant=filled] {
  background-color: var(--matcha-color-primary);
  border-color: var(--matcha-color-primary);
  color: var(--matcha-color-primary-text-on, var(--matcha-color-primary-contrast));
}
matcha-chip[color=primary][selected] .matcha-chip-leading, matcha-chip[color=primary][variant=filled] .matcha-chip-leading {
  color: var(--matcha-color-primary-text-on, var(--matcha-color-primary-contrast));
}
matcha-chip[color=primary][variant=filled-alpha] {
  background-color: var(--matcha-color-feedback-primary-alpha, var(--matcha-color-primary-alpha));
  border-color: transparent;
  color: var(--matcha-color-primary);
}
matcha-chip[color=primary][variant=filled-alpha] .matcha-chip-leading {
  color: var(--matcha-color-primary);
}
matcha-chip[color=success] {
  border-color: var(--matcha-color-success);
  color: var(--matcha-color-success);
}
matcha-chip[color=success] .matcha-chip-leading {
  color: var(--matcha-color-success);
}
matcha-chip[color=success][selected], matcha-chip[color=success][variant=filled] {
  background-color: var(--matcha-color-success);
  border-color: var(--matcha-color-success);
  color: var(--matcha-color-success-text-on, var(--matcha-color-success-contrast));
}
matcha-chip[color=success][selected] .matcha-chip-leading, matcha-chip[color=success][variant=filled] .matcha-chip-leading {
  color: var(--matcha-color-success-text-on, var(--matcha-color-success-contrast));
}
matcha-chip[color=success][variant=filled-alpha] {
  background-color: var(--matcha-color-feedback-success-alpha, var(--matcha-color-success-alpha));
  border-color: transparent;
  color: var(--matcha-color-success);
}
matcha-chip[color=success][variant=filled-alpha] .matcha-chip-leading {
  color: var(--matcha-color-success);
}
matcha-chip[color=warn] {
  border-color: var(--matcha-color-warn);
  color: var(--matcha-color-warn);
}
matcha-chip[color=warn] .matcha-chip-leading {
  color: var(--matcha-color-warn);
}
matcha-chip[color=warn][selected], matcha-chip[color=warn][variant=filled] {
  background-color: var(--matcha-color-warn);
  border-color: var(--matcha-color-warn);
  color: var(--matcha-color-warn-text-on, var(--matcha-color-warn-contrast));
}
matcha-chip[color=warn][selected] .matcha-chip-leading, matcha-chip[color=warn][variant=filled] .matcha-chip-leading {
  color: var(--matcha-color-warn-text-on, var(--matcha-color-warn-contrast));
}
matcha-chip[color=warn][variant=filled-alpha] {
  background-color: var(--matcha-color-feedback-warn-alpha, var(--matcha-color-warn-alpha));
  border-color: transparent;
  color: var(--matcha-color-warn);
}
matcha-chip[color=warn][variant=filled-alpha] .matcha-chip-leading {
  color: var(--matcha-color-warn);
}
matcha-chip[color=danger] {
  border-color: var(--matcha-color-danger);
  color: var(--matcha-color-danger);
}
matcha-chip[color=danger] .matcha-chip-leading {
  color: var(--matcha-color-danger);
}
matcha-chip[color=danger][selected], matcha-chip[color=danger][variant=filled] {
  background-color: var(--matcha-color-danger);
  border-color: var(--matcha-color-danger);
  color: var(--matcha-color-danger-text-on, var(--matcha-color-danger-contrast));
}
matcha-chip[color=danger][selected] .matcha-chip-leading, matcha-chip[color=danger][variant=filled] .matcha-chip-leading {
  color: var(--matcha-color-danger-text-on, var(--matcha-color-danger-contrast));
}
matcha-chip[color=danger][variant=filled-alpha] {
  background-color: var(--matcha-color-feedback-danger-alpha, var(--matcha-color-danger-alpha));
  border-color: transparent;
  color: var(--matcha-color-danger);
}
matcha-chip[color=danger][variant=filled-alpha] .matcha-chip-leading {
  color: var(--matcha-color-danger);
}
matcha-chip[color=info] {
  border-color: var(--matcha-color-info);
  color: var(--matcha-color-info);
}
matcha-chip[color=info] .matcha-chip-leading {
  color: var(--matcha-color-info);
}
matcha-chip[color=info][selected], matcha-chip[color=info][variant=filled] {
  background-color: var(--matcha-color-info);
  border-color: var(--matcha-color-info);
  color: var(--matcha-color-info-text-on, var(--matcha-color-info-contrast));
}
matcha-chip[color=info][selected] .matcha-chip-leading, matcha-chip[color=info][variant=filled] .matcha-chip-leading {
  color: var(--matcha-color-info-text-on, var(--matcha-color-info-contrast));
}
matcha-chip[color=info][variant=filled-alpha] {
  background-color: var(--matcha-color-feedback-info-alpha, var(--matcha-color-info-alpha));
  border-color: transparent;
  color: var(--matcha-color-info);
}
matcha-chip[color=info][variant=filled-alpha] .matcha-chip-leading {
  color: var(--matcha-color-info);
}

.matcha-chip-list-disabled,
[matcha-chip-list][disabled] {
  pointer-events: none;
}
.matcha-chip-list-disabled matcha-chip,
[matcha-chip-list][disabled] matcha-chip {
  opacity: 0.4;
  border-color: var(--matcha-color-interaction-disabled-bg);
  color: var(--matcha-color-interaction-disabled-fg);
}

.matcha-date-input {
  color: var(--matcha-color-fg);
}
.matcha-date-input::placeholder {
  color: var(--matcha-color-text-placeholder);
}
.matcha-date-input:disabled {
  opacity: var(--matcha-opacity-disabled, 0.38);
  color: var(--matcha-color-disabled);
}

.matcha-calendar {
  background: var(--matcha-color-surface-card, var(--matcha-color-surface));
  color: var(--matcha-color-text-primary, var(--matcha-color-fg));
  box-shadow: var(--matcha-shadow-2);
  border: var(--matcha-calendar-border);
}

.matcha-calendar-header .matcha-calendar-header-label {
  color: var(--matcha-color-accent);
  background-color: var(--matcha-color-accent-alpha);
}
.matcha-calendar-header .matcha-calendar-header-label:hover {
  background-color: var(--matcha-color-surface-hover, rgba(255, 255, 255, 0.08));
}
.matcha-calendar-header .matcha-calendar-header-label:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}

.matcha-calendar-nav-btn {
  color: var(--matcha-color-text-primary, var(--matcha-color-fg));
}
.matcha-calendar-nav-btn:hover:not(:disabled):not(.is-disabled) {
  background-color: var(--matcha-color-surface-hover, rgba(255, 255, 255, 0.08));
}
.matcha-calendar-nav-btn:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}
.matcha-calendar-nav-btn[disabled], .matcha-calendar-nav-btn.is-disabled {
  color: var(--matcha-color-interaction-disabled-fg);
}

.matcha-calendar-weekday {
  color: var(--matcha-color-text-secondary, rgba(255, 255, 255, 0.7));
}

.matcha-calendar-divider {
  background: var(--matcha-color-surface-border, var(--matcha-color-border));
}

.matcha-calendar-cell {
  color: var(--matcha-color-text-primary, var(--matcha-color-fg));
}
.matcha-calendar-cell:hover:not(.is-disabled):not(.is-selected):not(.is-range-start):not(.is-range-end) {
  background-color: var(--matcha-color-surface-hover, rgba(255, 255, 255, 0.08));
}
.matcha-calendar-cell:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: -2px;
}
.matcha-calendar-cell.is-today:not(.is-selected):not(.is-range-start):not(.is-range-end) {
  box-shadow: inset 0 0 0 var(--matcha-border-thin, 2px) var(--matcha-color-accent);
}
.matcha-calendar-cell.is-in-range:not(.is-selected):not(.is-range-start):not(.is-range-end) {
  background-color: var(--matcha-color-accent-alpha);
}
.matcha-calendar-cell.is-selected:not(.is-range-start):not(.is-range-end) {
  background-color: transparent;
  color: var(--matcha-color-text-primary, var(--matcha-color-fg));
  box-shadow: inset 0 0 0 var(--matcha-border-thin, 2px) var(--matcha-color-accent);
}
.matcha-calendar-cell.is-range-start, .matcha-calendar-cell.is-range-end {
  background-color: var(--matcha-color-accent);
  color: var(--matcha-color-accent-contrast);
  font-weight: var(--matcha-weight-semibold, 600);
  box-shadow: none;
}
.matcha-calendar-cell.is-other-month {
  color: var(--matcha-color-interaction-disabled-fg);
}
.matcha-calendar-cell.is-disabled {
  color: var(--matcha-color-interaction-disabled-fg);
  background-color: transparent;
  box-shadow: none;
}
.matcha-calendar-cell.is-marked::after {
  background-color: var(--matcha-color-calendar-marker-bg, var(--matcha-color-accent));
}
.matcha-calendar-cell.is-range-start.is-marked::after, .matcha-calendar-cell.is-range-end.is-marked::after {
  background-color: var(--matcha-color-calendar-marker-contrast-bg, var(--matcha-color-accent-contrast));
  box-shadow: 0 0 0 1px var(--matcha-color-accent);
}
.matcha-calendar-cell.is-disabled.is-marked::after, .matcha-calendar-cell.is-other-month.is-marked::after {
  background-color: var(--matcha-color-interaction-disabled-fg);
}

.matcha-calendar-grid-cell {
  color: var(--matcha-color-text-primary, var(--matcha-color-fg));
}
.matcha-calendar-grid-cell:hover:not(.is-disabled):not(.is-selected) {
  background-color: var(--matcha-color-surface-hover, rgba(255, 255, 255, 0.08));
}
.matcha-calendar-grid-cell:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: -2px;
}
.matcha-calendar-grid-cell.is-today:not(.is-selected) {
  box-shadow: inset 0 0 0 var(--matcha-border-thin, 2px) var(--matcha-color-accent);
}
.matcha-calendar-grid-cell.is-selected {
  background-color: var(--matcha-color-accent);
  color: var(--matcha-color-accent-contrast);
  font-weight: var(--matcha-weight-semibold, 600);
  box-shadow: none;
}
.matcha-calendar-grid-cell.is-disabled {
  color: var(--matcha-color-interaction-disabled-fg);
}

.matcha-calendar-today-btn {
  color: var(--matcha-color-accent);
}
.matcha-calendar-today-btn:hover:not(:disabled):not(.is-disabled) {
  background-color: var(--matcha-color-accent-alpha);
}
.matcha-calendar-today-btn:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: 2px;
}
.matcha-calendar-today-btn[disabled], .matcha-calendar-today-btn.is-disabled {
  color: var(--matcha-color-interaction-disabled-fg);
}

matcha-period {
  display: block;
  width: 100%;
}

.matcha-period-container {
  position: relative;
  display: block;
  width: 100%;
}

.matcha-period-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  box-sizing: border-box;
}
.matcha-period-trigger:focus {
  outline: none;
}
.matcha-period-trigger:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}

.matcha-period-value {
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--matcha-color-fg);
}
.matcha-period-value.matcha-period-placeholder {
  color: var(--matcha-color-text-placeholder);
}

.matcha-period-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--matcha-icon-size-sm, 16px);
  height: var(--matcha-icon-size-sm, 16px);
  margin-left: var(--matcha-space-100, 8px);
  color: var(--matcha-color-text-placeholder);
  transition: transform var(--matcha-duration-fast, 200ms) ease;
}
.matcha-period-arrow.matcha-period-arrow-open {
  transform: rotate(180deg);
}
@media (prefers-reduced-motion: reduce) {
  .matcha-period-arrow {
    transition: none;
  }
}

matcha-form-field[size=sm] .matcha-period-value,
matcha-form-field[size=tiny] .matcha-period-value,
matcha-form-field[size=small] .matcha-period-value {
  font-size: var(--matcha-text-body-sm, 12px);
  line-height: var(--matcha-leading-body-sm, 16px);
}

matcha-form-field[size=md] .matcha-period-value,
matcha-form-field[size=medium] .matcha-period-value {
  font-size: var(--matcha-text-body-md, 14px);
  line-height: var(--matcha-leading-body-md, 20px);
}

matcha-form-field[size=lg] .matcha-period-value,
matcha-form-field[size=large] .matcha-period-value,
matcha-form-field[size=huge] .matcha-period-value {
  font-size: var(--matcha-text-body-lg, 16px);
  line-height: var(--matcha-leading-body-lg, 24px);
}

matcha-form-field[disabled] .matcha-period-arrow,
matcha-form-field[disabled=true] .matcha-period-arrow,
.matcha-period-disabled .matcha-period-arrow {
  color: var(--matcha-color-interaction-disabled-fg);
}

.matcha-period-panel {
  display: flex;
  flex-direction: column;
  padding: var(--matcha-space-050, 4px) 0;
}

.matcha-period-presets {
  display: flex;
  flex-direction: column;
}

.matcha-period-custom-toggle {
  --matcha-button-ghost-text: var(--matcha-color-accent);
  align-self: flex-start;
  margin: var(--matcha-space-050, 4px) var(--matcha-space-150, 12px);
}

.matcha-period-custom {
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-150, 12px);
  padding: 0 var(--matcha-space-150, 12px) var(--matcha-space-150, 12px);
}

.matcha-period-custom-fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: var(--matcha-space-100, 8px);
}

.matcha-period-error {
  margin: 0;
  color: var(--matcha-color-danger);
  font-size: var(--matcha-text-body-sm, 12px);
  line-height: var(--matcha-leading-body-sm, 16px);
}

.matcha-period-apply {
  width: 100%;
}

@media (max-width: 639px) {
  .matcha-period-custom-fields {
    grid-template-columns: 1fr;
  }
}
.matcha-badge--accent {
  background-color: var(--matcha-color-badge-bg, var(--matcha-color-accent));
  color: var(--matcha-color-badge-fg, var(--matcha-color-accent-contrast));
}

.matcha-badge--danger {
  background-color: var(--matcha-color-badge-danger-bg, var(--matcha-color-danger));
  color: var(--matcha-color-badge-danger-fg, var(--matcha-color-danger-contrast));
}

.matcha-badge--warn {
  background-color: var(--matcha-color-badge-warn-bg, var(--matcha-color-warn));
  color: var(--matcha-color-badge-warn-fg, var(--matcha-color-warn-contrast));
}

.matcha-badge--success {
  background-color: var(--matcha-color-badge-success-bg, var(--matcha-color-success));
  color: var(--matcha-color-badge-success-fg, var(--matcha-color-success-contrast));
}

.matcha-badge--info {
  background-color: var(--matcha-color-badge-info-bg, var(--matcha-color-info));
  color: var(--matcha-color-badge-info-fg, var(--matcha-color-info-contrast));
}

.matcha-badge--dot,
.matcha-badge--count {
  border-color: var(--matcha-color-badge-border);
}

.matcha-nav-item {
  color: var(--matcha-color-text-primary);
}
.matcha-nav-item .matcha-nav-item__label {
  color: var(--matcha-color-text-primary);
}
.matcha-nav-item .matcha-nav-item__icon,
.matcha-nav-item .matcha-nav-item__chevron {
  color: var(--matcha-color-text-secondary);
}
.matcha-nav-item:not(.matcha-nav-item--disabled):not(.matcha-nav-item--active) > .matcha-nav-item__row:hover {
  background-color: var(--matcha-color-accent-surface-hover);
}
.matcha-nav-item.matcha-nav-item--active > .matcha-nav-item__row {
  background-color: var(--matcha-color-accent-alpha);
  border-inline-start: 3px solid var(--matcha-color-accent);
}
.matcha-nav-item.matcha-nav-item--active > .matcha-nav-item__row .matcha-nav-item__label {
  font-weight: var(--matcha-weight-medium, 500);
}
.matcha-nav-item.matcha-nav-item--active > .matcha-nav-item__row .matcha-nav-item__badge {
  font-weight: var(--matcha-weight-medium, 500);
  color: var(--matcha-color-text-inverse, #1a1d21);
}
.matcha-nav-item.matcha-nav-item--expanded:not(.matcha-nav-item--active) > .matcha-nav-item__row {
  background-color: var(--matcha-color-accent-surface-pressed);
}
.matcha-nav-item .matcha-nav-item__badge {
  background: var(--matcha-color-feedback-danger);
  color: var(--matcha-color-feedback-danger-contrast, rgba(0, 0, 0, 0.87));
}
.matcha-nav-item.matcha-nav-item--disabled .matcha-nav-item__label,
.matcha-nav-item.matcha-nav-item--disabled .matcha-nav-item__icon,
.matcha-nav-item.matcha-nav-item--disabled .matcha-nav-item__chevron {
  color: var(--matcha-color-interaction-disabled-fg);
}

.matcha-nav-rail {
  background-color: color-mix(in srgb, var(--matcha-color-surface-bg) 96%, var(--matcha-color-fg) 4%);
}

[matcha-nav-rail-module],
.matcha-nav-rail__module {
  color: var(--matcha-color-text-secondary);
}
[matcha-nav-rail-module] matcha-icon,
.matcha-nav-rail__module matcha-icon {
  color: var(--matcha-color-text-secondary);
}
[matcha-nav-rail-module]:hover:not(.matcha-nav-rail__module--active):not([aria-current]),
.matcha-nav-rail__module:hover:not(.matcha-nav-rail__module--active):not([aria-current]) {
  background-color: var(--matcha-color-accent-surface-hover);
}
[matcha-nav-rail-module].matcha-nav-rail__module--active, [matcha-nav-rail-module][aria-current],
.matcha-nav-rail__module.matcha-nav-rail__module--active,
.matcha-nav-rail__module[aria-current] {
  background-color: var(--matcha-color-accent-surface-hover);
  color: var(--matcha-color-accent);
}
[matcha-nav-rail-module].matcha-nav-rail__module--active matcha-icon, [matcha-nav-rail-module][aria-current] matcha-icon,
.matcha-nav-rail__module.matcha-nav-rail__module--active matcha-icon,
.matcha-nav-rail__module[aria-current] matcha-icon {
  color: var(--matcha-color-accent);
}
[matcha-nav-rail-module].matcha-nav-rail__module--active [matcha-nav-rail-module-label],
[matcha-nav-rail-module].matcha-nav-rail__module--active .matcha-nav-rail__module-label, [matcha-nav-rail-module][aria-current] [matcha-nav-rail-module-label],
[matcha-nav-rail-module][aria-current] .matcha-nav-rail__module-label,
.matcha-nav-rail__module.matcha-nav-rail__module--active [matcha-nav-rail-module-label],
.matcha-nav-rail__module.matcha-nav-rail__module--active .matcha-nav-rail__module-label,
.matcha-nav-rail__module[aria-current] [matcha-nav-rail-module-label],
.matcha-nav-rail__module[aria-current] .matcha-nav-rail__module-label {
  font-weight: var(--matcha-weight-medium, 500);
}
[matcha-nav-rail-module]:disabled, [matcha-nav-rail-module][disabled], [matcha-nav-rail-module][aria-disabled=true],
.matcha-nav-rail__module:disabled,
.matcha-nav-rail__module[disabled],
.matcha-nav-rail__module[aria-disabled=true] {
  color: var(--matcha-color-interaction-disabled-fg);
}
[matcha-nav-rail-module]:disabled matcha-icon, [matcha-nav-rail-module][disabled] matcha-icon, [matcha-nav-rail-module][aria-disabled=true] matcha-icon,
.matcha-nav-rail__module:disabled matcha-icon,
.matcha-nav-rail__module[disabled] matcha-icon,
.matcha-nav-rail__module[aria-disabled=true] matcha-icon {
  color: var(--matcha-color-interaction-disabled-fg);
}

.matcha-nav-rail__divider {
  background-color: var(--matcha-color-surface-border);
}

.matcha-nav-panel {
  background-color: var(--matcha-color-surface-card);
  border-right: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border);
}

.matcha-nav-panel__divider {
  background-color: var(--matcha-color-surface-border);
}

.matcha-nav-panel__title {
  color: var(--matcha-color-text-primary);
}

.matcha-nav-panel__title-icon {
  color: var(--matcha-color-text-secondary);
}

matcha-list,
matcha-nav-list {
  display: block;
  padding: var(--matcha-space-100, 8px) 0;
}
matcha-list.matcha-list-dense matcha-list-item,
matcha-list.matcha-list-dense .matcha-list-item,
matcha-nav-list.matcha-list-dense matcha-list-item,
matcha-nav-list.matcha-list-dense .matcha-list-item {
  min-height: 36px;
}

matcha-list-item,
a[matcha-list-item],
button[matcha-list-item],
.matcha-list-item {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: var(--matcha-space-100, 8px) var(--matcha-space-200, 16px);
  border-radius: var(--matcha-radius-md, 4px);
  cursor: pointer;
  outline: none;
  color: var(--matcha-list-item-text, var(--matcha-color-fg));
  text-decoration: none;
  transition: background-color 150ms;
}
matcha-list-item:focus-visible,
a[matcha-list-item]:focus-visible,
button[matcha-list-item]:focus-visible,
.matcha-list-item:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}
matcha-list-item.matcha-list-item--disabled, matcha-list-item.matcha-list-item-disabled,
a[matcha-list-item].matcha-list-item--disabled,
a[matcha-list-item].matcha-list-item-disabled,
button[matcha-list-item].matcha-list-item--disabled,
button[matcha-list-item].matcha-list-item-disabled,
.matcha-list-item.matcha-list-item--disabled,
.matcha-list-item.matcha-list-item-disabled {
  opacity: var(--matcha-opacity-disabled, 0.38);
  pointer-events: none;
  cursor: default;
}
matcha-list-item.matcha-list-item--active,
a[matcha-list-item].matcha-list-item--active,
button[matcha-list-item].matcha-list-item--active,
.matcha-list-item.matcha-list-item--active {
  background-color: var(--matcha-color-accent-surface, var(--matcha-color-accent-alpha));
}
matcha-list-item.matcha-list-item--active .matcha-list-item__label,
a[matcha-list-item].matcha-list-item--active .matcha-list-item__label,
button[matcha-list-item].matcha-list-item--active .matcha-list-item__label,
.matcha-list-item.matcha-list-item--active .matcha-list-item__label {
  color: var(--matcha-color-accent);
  font-weight: 600;
}
matcha-list-item.matcha-list-item--active .matcha-list-item__leading,
a[matcha-list-item].matcha-list-item--active .matcha-list-item__leading,
button[matcha-list-item].matcha-list-item--active .matcha-list-item__leading,
.matcha-list-item.matcha-list-item--active .matcha-list-item__leading {
  color: var(--matcha-color-accent);
}

.matcha-list-item-content,
.matcha-list-item__content {
  display: flex;
  align-items: center;
  width: 100%;
  gap: var(--matcha-space-150, 12px);
}

.matcha-list-item__leading {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--matcha-color-hint, var(--matcha-color-text-muted));
}

.matcha-list-item__text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--matcha-space-025, 2px);
}

.matcha-list-item__label {
  font-size: var(--matcha-text-body-md, 14px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-md, 20px);
  color: var(--matcha-list-item-text, var(--matcha-color-fg));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.matcha-list-item__description {
  font-size: var(--matcha-text-body-sm, 12px);
  font-weight: var(--matcha-weight-regular, 400);
  line-height: var(--matcha-leading-body-sm, 16px);
  color: var(--matcha-color-hint, var(--matcha-color-text-muted));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.matcha-list-item__trailing {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--matcha-space-100, 8px);
  color: var(--matcha-color-hint, var(--matcha-color-text-muted));
}

.matcha-list-divider {
  height: var(--matcha-border-hairline, 1px);
  margin: var(--matcha-space-050, 4px) var(--matcha-space-200, 16px);
  background-color: var(--matcha-color-border);
  opacity: var(--matcha-opacity-subtle, 0.1);
}

.matcha-list-subheader {
  display: flex;
  align-items: center;
  padding: var(--matcha-space-200, 16px) var(--matcha-space-200, 16px) var(--matcha-space-075, 6px);
  font-size: var(--matcha-text-p-tiny, 11px);
  font-weight: var(--matcha-weight-medium, 500);
  line-height: var(--matcha-leading-p-tiny, 14px);
  letter-spacing: var(--matcha-letter-spacing-wide, 0.5px);
  text-transform: uppercase;
  color: var(--matcha-color-hint, var(--matcha-color-text-muted));
}

.matcha-list-item--two-line,
matcha-list-item.matcha-list-item--two-line {
  min-height: 64px;
  padding-top: var(--matcha-space-150, 12px);
  padding-bottom: var(--matcha-space-150, 12px);
}

.matcha-list--dense matcha-list-item,
.matcha-list--dense .matcha-list-item {
  min-height: 36px;
  padding: var(--matcha-space-050, 4px) var(--matcha-space-200, 16px);
}
.matcha-list--dense matcha-list-item .matcha-list-item__label,
.matcha-list--dense .matcha-list-item .matcha-list-item__label {
  font-size: var(--matcha-text-label-sm, 13px);
}

.matcha-list-item--inset {
  padding-left: calc(var(--matcha-space-200, 16px) + 36px);
}

@media (prefers-reduced-motion: reduce) {
  matcha-list-item,
  .matcha-list-item {
    transition: none;
  }
}
matcha-icon,
[class^=i-matcha-],
[class*=" i-matcha-"] {
  color: var(--matcha-icon-color, var(--matcha-color-icon-default));
}
matcha-icon.color-fg, matcha-icon[color=fg],
[class^=i-matcha-].color-fg,
[class^=i-matcha-][color=fg],
[class*=" i-matcha-"].color-fg,
[class*=" i-matcha-"][color=fg] {
  --matcha-icon-color: var(--matcha-color-fg);
}
matcha-icon.color-accent, matcha-icon[color=accent],
[class^=i-matcha-].color-accent,
[class^=i-matcha-][color=accent],
[class*=" i-matcha-"].color-accent,
[class*=" i-matcha-"][color=accent] {
  --matcha-icon-color: var(--matcha-color-accent);
}
matcha-icon.color-primary, matcha-icon[color=primary],
[class^=i-matcha-].color-primary,
[class^=i-matcha-][color=primary],
[class*=" i-matcha-"].color-primary,
[class*=" i-matcha-"][color=primary] {
  --matcha-icon-color: var(--matcha-color-primary);
}
matcha-icon.color-danger, matcha-icon[color=danger],
[class^=i-matcha-].color-danger,
[class^=i-matcha-][color=danger],
[class*=" i-matcha-"].color-danger,
[class*=" i-matcha-"][color=danger] {
  --matcha-icon-color: var(--matcha-color-danger);
}
matcha-icon.color-warn, matcha-icon[color=warn],
[class^=i-matcha-].color-warn,
[class^=i-matcha-][color=warn],
[class*=" i-matcha-"].color-warn,
[class*=" i-matcha-"][color=warn] {
  --matcha-icon-color: var(--matcha-color-warn);
}
matcha-icon.color-success, matcha-icon[color=success],
[class^=i-matcha-].color-success,
[class^=i-matcha-][color=success],
[class*=" i-matcha-"].color-success,
[class*=" i-matcha-"][color=success] {
  --matcha-icon-color: var(--matcha-color-success);
}
matcha-icon[disabled], matcha-icon.disabled,
[class^=i-matcha-][disabled],
[class^=i-matcha-].disabled,
[class*=" i-matcha-"][disabled],
[class*=" i-matcha-"].disabled {
  opacity: var(--matcha-opacity-disabled, 0.38);
}

matcha-text-editor .sun-editor,
matcha-text-editor .sun-editor-editable,
.sun-editor.sun-editor-carrier-wrapper {
  --se-main-background-color: var(--matcha-color-bg);
  --se-edit-background-color: var(--matcha-color-surface);
  --se-edit-background-pre: var(--matcha-color-bg);
  --se-modal-background-color: var(--matcha-color-surface);
  --se-controller-background-color: var(--matcha-color-surface);
  --se-code-view-background-color: var(--matcha-color-bg);
  --se-code-view-line-background-color: var(--matcha-color-surface);
  --se-markdown-view-background-color: var(--matcha-color-bg);
  --se-markdown-view-line-background-color:var(--matcha-color-surface);
  --se-table-picker-color: var(--matcha-color-surface);
  --se-doc-background: var(--matcha-color-bg);
  --se-main-color: var(--matcha-color-fg);
  --se-main-font-color: var(--matcha-color-fg);
  --se-main-color-lighter: var(--matcha-color-fg-alpha);
  --se-edit-font-color: var(--matcha-color-fg);
  --se-edit-font-pre: var(--matcha-color-fg-alpha);
  --se-edit-font-quote: var(--matcha-color-fg-alpha);
  --se-modal-color: var(--matcha-color-fg);
  --se-controller-color: var(--matcha-color-fg);
  --se-dropdown-font-color: var(--matcha-color-fg);
  --se-statusbar-font-color: var(--matcha-color-fg-alpha);
  --se-code-view-color: var(--matcha-color-fg);
  --se-code-view-line-color: var(--matcha-color-fg-alpha);
  --se-markdown-view-color: var(--matcha-color-fg);
  --se-markdown-view-line-color:var(--matcha-color-fg-alpha);
  --se-caret-color: var(--matcha-color-fg);
  --se-placeholder-color: var(--matcha-color-disabled);
  --se-main-border-color: var(--matcha-color-disabled);
  --se-main-divider-color: var(--matcha-color-disabled);
  --se-main-outline-color: var(--matcha-color-disabled);
  --se-main-out-color: var(--matcha-color-disabled);
  --se-main-shadow-color: var(--matcha-color-disabled);
  --se-modal-border-color: var(--matcha-color-disabled);
  --se-controller-border-color: var(--matcha-color-disabled);
  --se-input-btn-border-color: var(--matcha-color-disabled);
  --se-edit-border-light: var(--matcha-color-disabled);
  --se-edit-border-dark: var(--matcha-color-disabled);
  --se-edit-border-dark-n1: var(--matcha-color-disabled);
  --se-edit-border-dark-n2: var(--matcha-color-disabled);
  --se-edit-border-table: var(--matcha-color-disabled);
  --se-edit-hr-color: var(--matcha-color-disabled);
  --se-table-picker-border-color: var(--matcha-color-disabled);
  --se-active-color: var(--matcha-color-accent);
  --se-active-hover-color: var(--matcha-color-accent);
  --se-active-dark-color: var(--matcha-color-accent);
  --se-active-dark2-color: var(--matcha-color-accent);
  --se-active-dark3-color: var(--matcha-color-accent);
  --se-active-dark4-color: var(--matcha-color-accent);
  --se-active-dark5-color: var(--matcha-color-accent);
  --se-active-light-color: var(--matcha-color-accent-alpha);
  --se-active-light2-color: var(--matcha-color-accent-alpha);
  --se-active-light3-color: var(--matcha-color-accent-alpha);
  --se-active-light4-color: var(--matcha-color-accent-alpha);
  --se-active-light5-color: var(--matcha-color-accent-alpha);
  --se-active-light6-color: var(--matcha-color-accent-alpha);
  --se-edit-active: var(--matcha-color-accent);
  --se-edit-hover: var(--matcha-color-accent-alpha);
  --se-edit-hr-on-back: var(--matcha-color-accent-alpha);
  --se-edit-anchor: var(--matcha-color-accent);
  --se-edit-anchor-on-back: var(--matcha-color-accent-alpha);
  --se-edit-anchor-on-font: var(--matcha-color-accent);
  --se-table-picker-highlight-color: var(--matcha-color-accent-alpha);
  --se-table-picker-highlight-border-color: var(--matcha-color-accent);
  --se-loading-color: var(--matcha-color-accent);
  --se-drag-caret-color: var(--matcha-color-accent);
  --se-modal-anchor-color: var(--matcha-color-accent);
  --se-overlay-background-color: var(--matcha-color-bg);
  --se-modal-file-input-background-color: var(--matcha-color-bg);
  --se-modal-input-disabled-background-color: var(--matcha-color-disabled);
  --se-modal-input-disabled-color: var(--matcha-color-fg-alpha);
  --se-modal-preview-color: var(--matcha-color-fg-alpha);
  --se-hover-color: var(--matcha-color-fg);
  --se-hover-dark-color: var(--matcha-color-fg-alpha);
  --se-hover-dark2-color: var(--matcha-color-fg-alpha);
  --se-hover-dark3-color: var(--matcha-color-fg-alpha);
  --se-hover-light-color: var(--matcha-color-disabled);
  --se-hover-light2-color: var(--matcha-color-disabled);
  --se-hover-light3-color: var(--matcha-color-disabled);
}

.matcha-chart-card {
  background: var(--matcha-color-surface);
  box-shadow: var(--matcha-shadow-1);
  border: var(--matcha-chart-card-border);
}

.matcha-chart-card__accent {
  background: var(--matcha-color-accent);
}

.matcha-crop {
  color: var(--matcha-color-text-primary);
}
.matcha-crop .matcha-crop__header {
  color: var(--matcha-color-text-primary);
  border-bottom: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border);
}
.matcha-crop .matcha-crop__canvas {
  background: var(--matcha-color-surface-inverse, #121212);
}
.matcha-crop .matcha-crop__overlay {
  background: var(--matcha-color-scrim, rgba(0, 0, 0, 0.55));
}
.matcha-crop .matcha-crop__area {
  border: var(--matcha-border-thin, 2px) solid var(--matcha-color-accent);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.matcha-crop .matcha-crop__area:focus-visible {
  outline: 3px solid var(--matcha-color-focus-ring);
  outline-offset: 4px;
}
.matcha-crop .matcha-crop__grid-line {
  background: var(--matcha-color-on-overlay, rgba(255, 255, 255, 0.3));
}
.matcha-crop .matcha-crop__handle {
  background: var(--matcha-color-surface);
  border-color: var(--matcha-color-accent);
}
.matcha-crop .matcha-crop__zoom-bar {
  background: var(--matcha-color-surface-card);
  border: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border);
  color: var(--matcha-color-text-secondary);
}
.matcha-crop .matcha-crop__icon-btn {
  color: var(--matcha-color-text-secondary);
}
.matcha-crop .matcha-crop__icon-btn:hover {
  background: var(--matcha-color-surface-hover);
  color: var(--matcha-color-text-primary);
}
.matcha-crop .matcha-crop__icon-btn:focus-visible {
  outline: 2px solid var(--matcha-color-focus-ring);
  outline-offset: 2px;
}
.matcha-crop .matcha-crop__icon-btn.is-active {
  color: var(--matcha-color-accent);
  background: var(--matcha-color-accent-surface-hover);
}
.matcha-crop .matcha-crop__state-icon {
  color: var(--matcha-color-text-muted);
}
.matcha-crop .matcha-crop__state-title {
  color: var(--matcha-color-text-primary);
}
.matcha-crop .matcha-crop__state-desc {
  color: var(--matcha-color-text-secondary);
}
.matcha-crop .matcha-crop__state--error .matcha-crop__state-icon {
  color: var(--matcha-color-danger);
}

.matcha-footer {
  background: var(--matcha-color-surface-card);
  border-top: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border);
  color: var(--matcha-color-text-label);
}

.matcha-file-uploader-dropzone {
  background: var(--matcha-color-surface-background, var(--matcha-color-surface-bg));
  border-color: var(--matcha-color-surface-border);
}
.matcha-file-uploader-dropzone.matcha-file-uploader-dragover {
  background: var(--matcha-color-accent-alpha);
  border-color: var(--matcha-color-accent);
}
.matcha-file-uploader-dropzone.matcha-file-uploader-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.matcha-file-uploader-dropzone__icon-pill {
  background: var(--matcha-color-interaction-disabled-bg, #282c34);
  color: var(--matcha-color-text-secondary);
}

.matcha-file-uploader-dropzone__title {
  color: var(--matcha-color-text-primary);
}

.matcha-file-uploader-dropzone__optional {
  color: var(--matcha-color-interaction-disabled-fg, rgba(232, 234, 237, 0.38));
}

.matcha-file-uploader-dropzone__hint {
  color: var(--matcha-color-text-secondary);
}

.matcha-file-uploader-file {
  background: var(--matcha-color-surface-card);
  border-color: var(--matcha-color-surface-border);
}

.matcha-file-uploader-file__thumb {
  background: var(--matcha-color-interaction-disabled-bg);
  color: var(--matcha-color-text-muted);
}

.matcha-file-uploader-file__name {
  color: var(--matcha-color-text-primary);
}

.matcha-file-uploader-file__size {
  color: var(--matcha-color-text-secondary);
}

.matcha-file-uploader-file__progress {
  background: var(--matcha-color-surface-border);
}

.matcha-file-uploader-file__progress-fill {
  background: var(--matcha-color-accent);
}

.matcha-file-uploader-file__percent {
  color: var(--matcha-color-text-secondary);
}

.matcha-file-uploader-file__error-text {
  color: var(--matcha-color-danger);
}

.matcha-file-uploader-file__action {
  color: var(--matcha-color-text-secondary);
}
.matcha-file-uploader-file__action:hover {
  background: var(--matcha-color-surface-hover, transparent);
  color: var(--matcha-color-text-primary);
}
.matcha-file-uploader-file__action.matcha-file-uploader-file__action--delete:hover {
  color: var(--matcha-color-danger);
}

.matcha-file-uploader-card {
  border-color: var(--matcha-color-surface-border);
}

.matcha-file-uploader-card--contain {
  background: var(--matcha-color-surface-card);
}

.matcha-file-uploader-card__action {
  background: var(--matcha-color-surface-card-alpha, var(--matcha-color-surface-card));
  color: var(--matcha-color-text-primary);
}
.matcha-file-uploader-card__action:hover {
  background: var(--matcha-color-surface-card);
}

.matcha-notification__title {
  color: var(--matcha-color-text-primary);
}

.matcha-notification__description {
  color: var(--matcha-color-text-secondary);
}

.matcha-notification__close {
  color: var(--matcha-color-icon-default, var(--matcha-color-text-secondary));
}
.matcha-notification__close:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}

.matcha-notification--error {
  background: var(--matcha-color-danger-alpha);
  border-left-color: var(--matcha-color-danger);
  --matcha-icon-color: var(--matcha-color-danger);
}
.matcha-notification--error button[matcha-notification-action],
.matcha-notification--error a[matcha-notification-action] {
  --matcha-button-color: var(--matcha-color-danger);
  --matcha-button-color-hover: var(--matcha-color-danger-hover);
  --matcha-button-color-pressed: var(--matcha-color-danger-pressed);
  --matcha-button-color-text-on: var(--matcha-color-danger-contrast);
  --matcha-button-color-alpha: var(--matcha-color-danger-alpha);
  --matcha-button-color-edge: var(--matcha-color-danger);
  color: var(--matcha-color-danger);
}

.matcha-notification--warning {
  background: var(--matcha-color-warn-alpha);
  border-left-color: var(--matcha-color-warn);
  --matcha-icon-color: var(--matcha-color-warn);
}
.matcha-notification--warning button[matcha-notification-action],
.matcha-notification--warning a[matcha-notification-action] {
  --matcha-button-color: var(--matcha-color-warn);
  --matcha-button-color-hover: var(--matcha-color-warn-hover);
  --matcha-button-color-pressed: var(--matcha-color-warn-pressed);
  --matcha-button-color-text-on: var(--matcha-color-warn-contrast);
  --matcha-button-color-alpha: var(--matcha-color-warn-alpha);
  --matcha-button-color-edge: var(--matcha-color-warn);
  color: var(--matcha-color-warn);
}

.matcha-notification--success {
  background: var(--matcha-color-success-alpha);
  border-left-color: var(--matcha-color-success);
  --matcha-icon-color: var(--matcha-color-success);
}
.matcha-notification--success button[matcha-notification-action],
.matcha-notification--success a[matcha-notification-action] {
  --matcha-button-color: var(--matcha-color-success);
  --matcha-button-color-hover: var(--matcha-color-success-hover);
  --matcha-button-color-pressed: var(--matcha-color-success-pressed);
  --matcha-button-color-text-on: var(--matcha-color-success-contrast);
  --matcha-button-color-alpha: var(--matcha-color-success-alpha);
  --matcha-button-color-edge: var(--matcha-color-success);
  color: var(--matcha-color-success);
}

.matcha-notification--info {
  background: var(--matcha-color-info-alpha);
  border-left-color: var(--matcha-color-info);
  --matcha-icon-color: var(--matcha-color-info);
}
.matcha-notification--info button[matcha-notification-action],
.matcha-notification--info a[matcha-notification-action] {
  --matcha-button-color: var(--matcha-color-info);
  --matcha-button-color-hover: var(--matcha-color-info-hover);
  --matcha-button-color-pressed: var(--matcha-color-info-pressed);
  --matcha-button-color-text-on: var(--matcha-color-info-contrast);
  --matcha-button-color-alpha: var(--matcha-color-info-alpha);
  --matcha-button-color-edge: var(--matcha-color-info);
  color: var(--matcha-color-info);
}

.matcha-notification--neutral {
  background: var(--matcha-color-surface-bg-alpha);
  border-left-color: var(--matcha-color-surface-border);
  --matcha-icon-color: var(--matcha-color-icon-default);
}
.matcha-notification--neutral button[matcha-notification-action],
.matcha-notification--neutral a[matcha-notification-action] {
  --matcha-button-color-edge: var(--matcha-color-text-secondary);
  color: var(--matcha-color-text-secondary);
}

.matcha-section {
  background: var(--matcha-color-surface);
  border: var(--matcha-section-border);
}

.matcha-section__subtitle {
  color: var(--matcha-color-fg);
}

.matcha-section__description {
  color: var(--matcha-color-text-label);
}

.matcha-form-section .matcha-form-section__bar {
  background: var(--matcha-color-accent);
}
.matcha-form-section .matcha-form-section__title {
  color: var(--matcha-color-fg);
}
.matcha-form-section .matcha-form-section__description {
  color: var(--matcha-color-text-secondary);
}

.matcha-form-subsection .matcha-form-subsection__bullet {
  background: var(--matcha-color-fg);
}
.matcha-form-subsection .matcha-form-subsection__title {
  color: var(--matcha-color-fg);
}

matcha-accordion-item .accordion-item {
  background: var(--matcha-color-surface-card);
  border-radius: var(--matcha-radius-lg, 8px);
}
matcha-accordion-item .accordion-header-button {
  color: var(--matcha-accordion-header-color, var(--matcha-color-fg));
}
matcha-accordion-item .accordion-header-button:not(.accordion-header-button--static):hover:not(:disabled) .accordion-header-state {
  opacity: var(--matcha-state-hover, 0.08);
}
matcha-accordion-item .accordion-header-button:not(.accordion-header-button--static):active:not(:disabled) .accordion-header-state {
  opacity: var(--matcha-state-active, 0.12);
}
matcha-accordion-item .accordion-header-button:not(.accordion-header-button--static):focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
  border-radius: var(--matcha-radius-lg, 8px);
}
matcha-accordion-item .accordion-chevron {
  color: var(--matcha-color-icon-default);
}
matcha-accordion-item.disabled {
  opacity: 0.5;
  pointer-events: none;
}

matcha-breadcrumb .breadcrumb-item-link {
  background: var(--matcha-color-elevation-surface-2);
  color: var(--matcha-color-text-secondary);
}
matcha-breadcrumb .breadcrumb-item-link:hover:not([disabled]):not(.disabled) .breadcrumb-state {
  opacity: var(--matcha-state-hover, 0.08);
}
matcha-breadcrumb .breadcrumb-item-link:active:not([disabled]):not(.disabled) .breadcrumb-state {
  opacity: var(--matcha-state-active, 0.12);
}
matcha-breadcrumb .breadcrumb-item-link:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 2px);
}
matcha-breadcrumb .breadcrumb-item-current {
  color: var(--matcha-color-text-primary);
}
matcha-breadcrumb .breadcrumb-separator {
  color: var(--matcha-color-icon-default);
}
matcha-breadcrumb .breadcrumb-item-link--disabled {
  opacity: var(--matcha-opacity-disabled, 0.5);
  pointer-events: none;
}
matcha-breadcrumb .breadcrumb-ellipsis {
  color: var(--matcha-color-text-secondary);
}
matcha-breadcrumb .breadcrumb-ellipsis--static {
  cursor: default;
  pointer-events: none;
}

.matcha-image {
  background: var(--matcha-color-elevation-surface-3);
}

.matcha-image__placeholder-icon {
  color: var(--matcha-color-icon-default);
}

matcha-stepper .step-indicator-completo {
  background: var(--matcha-color-accent);
  color: var(--matcha-color-accent-text-on, var(--matcha-color-accent-contrast));
  --matcha-icon-color: var(--matcha-color-accent-text-on, var(--matcha-color-accent-contrast));
}
matcha-stepper .step-indicator-ativo {
  background: var(--matcha-color-fg);
  color: var(--matcha-color-bg);
}
matcha-stepper .step-indicator-pendente,
matcha-stepper .step-indicator-disabled {
  background: var(--matcha-color-disabled);
  color: var(--matcha-color-bg);
}
matcha-stepper .step-label-completo {
  color: var(--matcha-color-accent);
}
matcha-stepper .step-label-ativo {
  color: var(--matcha-color-fg);
}
matcha-stepper .step-label-pendente,
matcha-stepper .step-label-disabled {
  color: var(--matcha-color-text-placeholder);
}
matcha-stepper .step-connector {
  background: var(--matcha-color-disabled);
}
matcha-stepper .step-connector::before {
  background: var(--matcha-color-accent);
}
matcha-stepper .step-item:focus-visible {
  outline: var(--matcha-state-focus-ring-width, 2px) solid var(--matcha-color-accent);
  outline-offset: var(--matcha-state-focus-ring-offset, 4px);
  border-radius: var(--matcha-radius-md, 8px);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--matcha-color-accent) 16%, transparent);
}
matcha-stepper .step-spinner {
  color: var(--matcha-color-accent);
}

.matcha-command-palette {
  background: var(--matcha-color-surface-card);
  border: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border);
  box-shadow: var(--matcha-shadow-4);
  color: var(--matcha-color-text-primary);
}
.matcha-command-palette__search-icon {
  color: var(--matcha-color-text-secondary);
}
.matcha-command-palette__input {
  color: var(--matcha-color-text-primary);
}
.matcha-command-palette__input::placeholder {
  color: var(--matcha-color-text-placeholder);
}
.matcha-command-palette__section {
  color: var(--matcha-color-text-secondary);
}
.matcha-command-palette__result {
  color: var(--matcha-color-text-primary);
}
.matcha-command-palette__result-icon {
  color: var(--matcha-color-text-secondary);
}
.matcha-command-palette__result:hover:not(:disabled) {
  background: var(--matcha-color-surface-hover);
}
.matcha-command-palette__result--selected {
  background: var(--matcha-color-accent-alpha);
}
.matcha-command-palette__result--selected .matcha-command-palette__result-icon {
  color: var(--matcha-color-accent);
}
.matcha-command-palette__result:disabled {
  color: var(--matcha-color-text-disabled, var(--matcha-color-text-muted));
}
.matcha-command-palette__shortcut, .matcha-command-palette__esc-hint, .matcha-command-palette__footer kbd {
  background: var(--matcha-color-surface-inner);
  border-color: var(--matcha-color-surface-border);
  color: var(--matcha-color-text-secondary);
}
.matcha-command-palette__footer {
  background: var(--matcha-color-surface-inner);
  color: var(--matcha-color-text-secondary);
  border-top: var(--matcha-border-hairline, 1px) solid var(--matcha-color-surface-border);
}

.matcha-profile-card {
  color: var(--matcha-color-fg);
}

.matcha-profile-card__name {
  color: var(--matcha-color-fg);
}

.matcha-profile-card__role {
  color: var(--matcha-color-text-hint);
}

.matcha-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  line-height: 1;
  width: var(--matcha-flag-w, 32px);
  height: var(--matcha-flag-h, 24px);
  border-radius: var(--matcha-radius-sm, 2px);
}

.matcha-flag__emoji {
  font-size: calc(var(--matcha-flag-h, 24px) * 0.95);
  line-height: 1;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  font-variant-emoji: emoji;
}

.matcha-flag__svg {
  display: inline-flex;
  width: 100%;
  height: 100%;
}
.matcha-flag__svg svg {
  width: 100%;
  height: 100%;
  display: block;
}

.matcha-flag[data-set=country] {
  --matcha-flag-w: 22px;
  --matcha-flag-h: 16px;
}

.matcha-flag[data-set=country][data-size=small],
.matcha-flag[data-set=country][data-size=sm] {
  --matcha-flag-w: 16px;
  --matcha-flag-h: 12px;
}

.matcha-flag[data-set=country][data-size=medium],
.matcha-flag[data-set=country][data-size=md] {
  --matcha-flag-w: 22px;
  --matcha-flag-h: 16px;
}

.matcha-flag[data-set=country][data-size=large],
.matcha-flag[data-set=country][data-size=lg] {
  --matcha-flag-w: 32px;
  --matcha-flag-h: 24px;
}

.matcha-flag[data-set=payment] {
  --matcha-flag-w: 32px;
  --matcha-flag-h: 24px;
}

.matcha-flag[data-set=payment][data-size=small],
.matcha-flag[data-set=payment][data-size=sm] {
  --matcha-flag-w: 24px;
  --matcha-flag-h: 18px;
}

.matcha-flag[data-set=payment][data-size=medium],
.matcha-flag[data-set=payment][data-size=md] {
  --matcha-flag-w: 32px;
  --matcha-flag-h: 24px;
}

.matcha-flag[data-set=payment][data-size=large],
.matcha-flag[data-set=payment][data-size=lg] {
  --matcha-flag-w: 48px;
  --matcha-flag-h: 36px;
  border-radius: var(--matcha-radius-md, 4px);
}

.matcha-emoji--outline svg {
  fill: none;
  stroke: var(--matcha-color-fg);
  stroke-width: 1.5;
}

.matcha-emoji--filled svg {
  fill: var(--matcha-color-fg);
}

.page-layout {
  position: relative;
  overflow: hidden;
}
.page-layout.carded {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  width: 100%;
  min-width: 100%;
}
.page-layout.carded .top-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  height: 192px;
}
.page-layout.carded.fullwidth .center {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  position: relative;
  z-index: 2;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
.page-layout.carded.fullwidth .center .header {
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
  margin: 24px 0 32px 0;
}
.page-layout.carded.fullwidth .center .header .title {
  margin: 0px 24px;
}
.page-layout.carded.fullwidth .center .header .title span[class^=i-matcha-], .page-layout.carded.fullwidth .center .header .title span[class*=" i-matcha-"] {
  font-size: 32px;
  line-height: 32px;
  width: 32px;
  height: 32px;
  margin: 0px 16px 0 0px;
}
.page-layout.carded.fullwidth .center .header .header-options {
  align-content: center;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 16px 24px;
  border-radius: 8px;
  background: var(--matcha-color-surface);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.033), 0px 2px 2px 0px rgba(0, 0, 0, 0.033), 0px 2px 2px 0px rgba(0, 0, 0, 0.033);
}
.page-layout.carded.fullwidth .center .header .header-options button:nth-child(n):not(.float-btn-new):not(.btn-search-filter),
.page-layout.carded.fullwidth .center .header .header-options form:nth-child(n):not(.float-btn-new):not(.btn-search-filter) {
  margin: 0 0 0 16px;
}
.page-layout.carded.fullwidth .center .header .header-options button:first-child,
.page-layout.carded.fullwidth .center .header .header-options form:first-child {
  margin: 0;
}
.page-layout.carded.fullwidth .center .header .header-options .title {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.page-layout.carded.fullwidth .center .header .header-options .useful-options {
  display: flex;
  margin: 0;
  flex-direction: row;
  justify-content: flex-end;
}
.page-layout.carded.fullwidth .center .header .header-options .useful-options .more-options {
  display: none;
}
.page-layout.carded.fullwidth .center .header .header-options .useful-options form {
  min-width: 192px;
  width: 100%;
  height: 48px;
  margin: -4px 0 0 0;
}
.page-layout.carded.fullwidth .center .header .header-options .useful-options form .mat-form-field-outline-end {
  border-radius: 0 0 0 0;
}
.page-layout.carded.fullwidth .center .header .header-options .useful-options form.single-field {
  min-width: 192px;
  width: 100%;
}
.page-layout.carded.fullwidth .center .header .header-options .useful-options form.single-field .mat-form-field-outline-end {
  border-radius: 0 8px 8px 0;
}
.page-layout.carded.fullwidth .center .header .header-options .useful-options .btn-search-filter {
  margin: 0 0 0 -2px;
  border-radius: 0 8px 8px 0;
}
.page-layout.carded.fullwidth .center .header .header-options .float-btn-new {
  position: fixed;
  z-index: 9999;
  top: calc(100vh - 72px);
  left: calc(100vw - 72px);
}
.page-layout.carded.fullwidth .center > .content-card {
  overflow: initial;
  border-radius: 8px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.033), 0px 2px 2px 0px rgba(0, 0, 0, 0.033), 0px 2px 2px 0px rgba(0, 0, 0, 0.033);
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  overflow: hidden;
}
.page-layout.carded.fullwidth .center > .content-card.card-flat {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.033), 0px 0px 0px 0px rgba(0, 0, 0, 0.033), 0px 0px 0px 0px rgba(0, 0, 0, 0.033);
}
.page-layout.carded.fullwidth .center > .content-card.bg-card-view {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.033), 0px 0px 0px 0px rgba(0, 0, 0, 0.033), 0px 0px 0px 0px rgba(0, 0, 0, 0.033);
  margin: 0 -16px;
}
.page-layout.carded.fullwidth .center > .content-card.bg-card-view .content {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.033), 0px 0px 0px 0px rgba(0, 0, 0, 0.033), 0px 0px 0px 0px rgba(0, 0, 0, 0.033);
  background: transparent;
}
.page-layout.carded.fullwidth .center > .content-card.bg-list-view {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.033), 0px 0px 0px 0px rgba(0, 0, 0, 0.033), 0px 0px 0px 0px rgba(0, 0, 0, 0.033);
}
.page-layout.carded.fullwidth .center > .content-card.bg-list-view .content {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.033), 0px 0px 0px 0px rgba(0, 0, 0, 0.033), 0px 0px 0px 0px rgba(0, 0, 0, 0.033);
  background: transparent;
}
.page-layout.carded.fullwidth .center > .content-card > .toolbar {
  border-bottom-color: var(--matcha-color-disabled);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 64px;
  min-height: 64px;
  max-height: 64px;
}
.page-layout.carded.fullwidth .center > .content-card > .content {
  flex: 1 0 auto;
  border-radius: 8px;
}
.page-layout.carded.fullwidth.tabbed > .center {
  width: 100%;
  min-width: 0;
}
.page-layout.carded.fullwidth.tabbed > .center > .header {
  flex: 1 1 auto;
}
.page-layout.carded.fullwidth.tabbed > .center > .content-card > .content {
  display: flex;
}
.page-layout.carded.fullwidth.tabbed > .center > .content-card > .content > .mat-tab-group {
  overflow: hidden;
  width: 100%;
}
.page-layout.carded.fullwidth.tabbed > .center > .content-card > .content > .mat-tab-group .mat-tab-header .mat-tab-label {
  height: 64px;
}
.page-layout.carded.fullwidth.tabbed > .center > .content-card > .content > .mat-tab-group .mat-tab-body {
  overflow: hidden;
}
.page-layout.carded.fullwidth.tabbed > .center > .content-card > .content > .mat-tab-group .mat-tab-body .mat-tab-body-content {
  overflow: hidden;
}
.page-layout.carded.fullwidth.tabbed > .center > .content-card > .content > .mat-tab-group .mat-tab-body .mat-tab-body-content .tab-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.page-layout.carded.fullwidth.inner-scroll {
  flex: 1 1 auto;
}
.page-layout.carded.fullwidth.inner-scroll > .center {
  flex: 1 1 auto;
}
.page-layout.carded.fullwidth.inner-scroll > .center > .content-card {
  flex: 1 1 auto;
}
.page-layout.carded.fullwidth.inner-scroll > .center > .content-card > .content {
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.carded.fullwidth.inner-scroll.tabbed > .center > .content-card > .content > .mat-tab-group .mat-tab-body .mat-tab-body-content .tab-content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.carded.left-sidebar, .page-layout.carded.right-sidebar {
  flex-direction: row;
}
.page-layout.carded.left-sidebar .sidebar, .page-layout.carded.right-sidebar .sidebar {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.033), 0px 7px 10px 1px rgba(0, 0, 0, 0.033), 0px 2px 16px 1px rgba(0, 0, 0, 0.033);
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  height: auto;
  overflow: hidden;
}
.page-layout.carded.left-sidebar .sidebar.locked-open, .page-layout.carded.right-sidebar .sidebar.locked-open {
  background: none;
  box-shadow: none;
}
.page-layout.carded.left-sidebar .sidebar.locked-open + .center, .page-layout.carded.right-sidebar .sidebar.locked-open + .center {
  z-index: 1001;
}
.page-layout.carded.left-sidebar .sidebar.locked-open.left-positioned + .center, .page-layout.carded.right-sidebar .sidebar.locked-open.left-positioned + .center {
  margin-left: 0;
}
.page-layout.carded.left-sidebar .sidebar.locked-open.right-positioned + .center, .page-layout.carded.right-sidebar .sidebar.locked-open.right-positioned + .center {
  margin-right: 0;
}
.page-layout.carded.left-sidebar .sidebar .header, .page-layout.carded.right-sidebar .sidebar .header {
  height: 192px;
  min-height: 192px;
  max-height: 192px;
}
.page-layout.carded.left-sidebar .sidebar .content, .page-layout.carded.right-sidebar .sidebar .content {
  background: transparent;
  flex: 1 1 auto;
}
.page-layout.carded.left-sidebar .center, .page-layout.carded.right-sidebar .center {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
  z-index: 3;
  margin-left: 32px;
  margin-right: 32px;
  width: 100%;
  min-width: 0;
}
.page-layout.carded.left-sidebar .center .content-card, .page-layout.carded.right-sidebar .center .content-card {
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.033), 0px 2px 2px 0px rgba(0, 0, 0, 0.033), 0px 2px 2px 0px rgba(0, 0, 0, 0.033);
  background: var(--matcha-color-surface);
  border-radius: 8px;
}
.page-layout.carded.left-sidebar .center .content-card > .toolbar, .page-layout.carded.right-sidebar .center .content-card > .toolbar {
  border-bottom-color: var(--matcha-color-disabled);
}
.page-layout.carded.left-sidebar .center .header, .page-layout.carded.right-sidebar .center .header {
  display: flex;
  height: 192px;
  min-height: 192px;
  max-height: 192px;
}
.page-layout.carded.left-sidebar .center .content-card, .page-layout.carded.right-sidebar .center .content-card {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
}
.page-layout.carded.left-sidebar .center .content-card .toolbar, .page-layout.carded.right-sidebar .center .content-card .toolbar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1 1 auto;
  border-bottom: 1px solid;
  height: 64px;
  min-height: 64px;
  max-height: 64px;
}
.page-layout.carded.left-sidebar .center .content-card .toolbar .sidebar-toggle, .page-layout.carded.right-sidebar .center .content-card .toolbar .sidebar-toggle {
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  border-radius: 0;
}
.page-layout.carded.left-sidebar .center .content-card .content, .page-layout.carded.right-sidebar .center .content-card .content {
  flex: 1 1 auto;
}
.page-layout.carded.left-sidebar.tabbed .center, .page-layout.carded.right-sidebar.tabbed .center {
  width: calc(100% - 32px);
  min-width: 0;
}
.page-layout.carded.left-sidebar.tabbed .center .header, .page-layout.carded.right-sidebar.tabbed .center .header {
  flex: 1 1 auto;
}
.page-layout.carded.left-sidebar.tabbed .center .content-card .content, .page-layout.carded.right-sidebar.tabbed .center .content-card .content {
  display: flex;
}
.page-layout.carded.left-sidebar.tabbed .center .content-card .content .mat-tab-group, .page-layout.carded.right-sidebar.tabbed .center .content-card .content .mat-tab-group {
  overflow: hidden;
}
.page-layout.carded.left-sidebar.tabbed .center .content-card .content .mat-tab-group .mat-tab-header .mat-tab-label, .page-layout.carded.right-sidebar.tabbed .center .content-card .content .mat-tab-group .mat-tab-header .mat-tab-label {
  height: 64px;
}
.page-layout.carded.left-sidebar.tabbed .center .content-card .content .mat-tab-group .mat-tab-body, .page-layout.carded.right-sidebar.tabbed .center .content-card .content .mat-tab-group .mat-tab-body {
  overflow: hidden;
}
.page-layout.carded.left-sidebar.tabbed .center .content-card .content .mat-tab-group .mat-tab-body .mat-tab-body-content, .page-layout.carded.right-sidebar.tabbed .center .content-card .content .mat-tab-group .mat-tab-body .mat-tab-body-content {
  overflow: hidden;
}
.page-layout.carded.left-sidebar.tabbed .center .content-card .content .mat-tab-group .mat-tab-body .mat-tab-body-content .tab-content, .page-layout.carded.right-sidebar.tabbed .center .content-card .content .mat-tab-group .mat-tab-body .mat-tab-body-content .tab-content {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .page-layout.carded.left-sidebar.tabbed .center, .page-layout.carded.right-sidebar.tabbed .center {
    width: calc(100% - 64px);
  }
}
.page-layout.carded.left-sidebar.inner-scroll, .page-layout.carded.right-sidebar.inner-scroll {
  flex: 1 1 auto;
}
.page-layout.carded.left-sidebar.inner-scroll .sidebar .content, .page-layout.carded.right-sidebar.inner-scroll .sidebar .content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.carded.left-sidebar.inner-scroll .center, .page-layout.carded.right-sidebar.inner-scroll .center {
  flex: 1 1 auto;
}
.page-layout.carded.left-sidebar.inner-scroll .center > .content-card, .page-layout.carded.right-sidebar.inner-scroll .center > .content-card {
  flex: 1 1 auto;
}
.page-layout.carded.left-sidebar.inner-scroll .center > .content-card > .content, .page-layout.carded.right-sidebar.inner-scroll .center > .content-card > .content {
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.carded.left-sidebar.inner-scroll.tabbed .center .content-card .content .mat-tab-group .mat-tab-body .mat-tab-body-content .tab-content, .page-layout.carded.right-sidebar.inner-scroll.tabbed .center .content-card .content .mat-tab-group .mat-tab-body .mat-tab-body-content .tab-content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.carded.right-sidebar > .sidebar {
  order: 2;
}
.page-layout.carded.right-sidebar > .center {
  order: 1;
}
.page-layout.simple {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  width: 100%;
  min-width: 100%;
}
.page-layout.simple.fullwidth > .content {
  flex: 1 1 auto;
  min-width: 0;
}
.page-layout.simple.fullwidth > .header, .page-layout.simple.inner-sidebar > .header {
  height: 120px;
  min-height: 120px;
  max-height: 120px;
}
.page-layout.simple.left-sidebar, .page-layout.simple.right-sidebar {
  flex-direction: row;
}
.page-layout.simple.left-sidebar > .center, .page-layout.simple.right-sidebar > .center {
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.033), 0px 2px 2px 0px rgba(0, 0, 0, 0.033), 0px 2px 2px 0px rgba(0, 0, 0, 0.033);
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  z-index: 3;
  min-width: 0;
  width: 100%;
}
.page-layout.simple.left-sidebar > .center > .header, .page-layout.simple.right-sidebar > .center > .header {
  height: 120px;
  min-height: 120px;
  max-height: 120px;
}
.page-layout.simple.left-sidebar > .center > .content, .page-layout.simple.right-sidebar > .center > .content {
  background: var(--matcha-color-surface);
  flex: 1 0 auto;
}
.page-layout.simple.left-sidebar > .sidebar, .page-layout.simple.right-sidebar > .sidebar {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.033), 0px 7px 10px 1px rgba(0, 0, 0, 0.033), 0px 2px 16px 1px rgba(0, 0, 0, 0.033);
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  overflow: hidden;
}
.page-layout.simple.left-sidebar > .sidebar.locked-open, .page-layout.simple.right-sidebar > .sidebar.locked-open {
  background: none;
  box-shadow: none;
}
.page-layout.simple.left-sidebar > .sidebar.locked-open + .center, .page-layout.simple.right-sidebar > .sidebar.locked-open + .center {
  z-index: 1001;
}
.page-layout.simple.left-sidebar > .sidebar.locked-open.left-positioned + .center, .page-layout.simple.right-sidebar > .sidebar.locked-open.left-positioned + .center {
  margin-left: 0;
}
.page-layout.simple.left-sidebar > .sidebar.locked-open.right-positioned + .center, .page-layout.simple.right-sidebar > .sidebar.locked-open.right-positioned + .center {
  margin-right: 0;
}
.page-layout.simple.left-sidebar > .sidebar .content, .page-layout.simple.right-sidebar > .sidebar .content {
  flex: 1 1 auto;
}
.page-layout.simple.left-sidebar.inner-sidebar, .page-layout.simple.right-sidebar.inner-sidebar {
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.page-layout.simple.left-sidebar.inner-sidebar > .content > .center > .content, .page-layout.simple.right-sidebar.inner-sidebar > .content > .center > .content {
  background: var(--matcha-color-surface);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.033), 0px 2px 2px 0px rgba(0, 0, 0, 0.033), 0px 2px 2px 0px rgba(0, 0, 0, 0.033);
}
.page-layout.simple.left-sidebar.inner-sidebar > .content, .page-layout.simple.right-sidebar.inner-sidebar > .content {
  display: flex;
  min-height: 0;
}
.page-layout.simple.left-sidebar.inner-sidebar > .content > .sidebar.locked-open, .page-layout.simple.right-sidebar.inner-sidebar > .content > .sidebar.locked-open {
  background: none;
  box-shadow: none;
}
.page-layout.simple.left-sidebar.inner-sidebar > .content > .sidebar .content, .page-layout.simple.right-sidebar.inner-sidebar > .content > .sidebar .content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.simple.left-sidebar.inner-sidebar > .content > .center, .page-layout.simple.right-sidebar.inner-sidebar > .content > .center {
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.simple.left-sidebar.inner-sidebar > .content > .center > .content, .page-layout.simple.right-sidebar.inner-sidebar > .content > .center > .content {
  border-radius: 8px;
}
.page-layout.simple.left-sidebar.inner-scroll, .page-layout.simple.right-sidebar.inner-scroll {
  flex: 1 1 auto;
}
.page-layout.simple.left-sidebar.inner-scroll > .sidebar .content, .page-layout.simple.right-sidebar.inner-scroll > .sidebar .content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.simple.left-sidebar.inner-scroll > .center, .page-layout.simple.right-sidebar.inner-scroll > .center {
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-layout.simple.right-sidebar > .sidebar {
  order: 2;
}
.page-layout.simple.right-sidebar > .center {
  order: 1;
}
.page-layout.simple.right-sidebar.inner-sidebar > .content > .sidebar {
  order: 2;
}
.page-layout.simple.right-sidebar.inner-sidebar > .content > .center {
  order: 1;
}
.page-layout.simple.tabbed {
  min-height: 100%;
}
.page-layout.simple.tabbed > .header {
  height: 120px;
  min-height: 120px;
  max-height: 120px;
}
.page-layout.simple.tabbed > .content > .mat-tab-group .mat-tab-labels {
  padding: 0 24px;
}
.page-layout.blank {
  width: 100%;
  min-height: 100%;
}

@media screen and (max-width: 639px) {
  .page-layout.carded.left-sidebar > .center, .page-layout.carded.right-sidebar > .center {
    margin: 0 24px;
  }
}
@media screen and (min-width: 1024px) {
  .page-layout.carded.fullwidth .center .header .header-options {
    flex-wrap: nowrap;
    align-items: center;
  }
  .page-layout.carded.fullwidth .center .header .header-options .title {
    width: 100%;
    margin: 0 16px 0 0;
    line-height: 48px;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-layout.carded.fullwidth .center .header .header-options .useful-options {
    width: 100%;
    justify-content: end;
  }
  .page-layout.carded.fullwidth .center .header .header-options .useful-options .more-options {
    display: flex;
    margin: 0 0 0 0;
  }
  .page-layout.carded.fullwidth .center .header .header-options .useful-options form {
    height: 48px;
    margin: -4px 0 0 16px;
    max-width: 211px;
  }
  .page-layout.carded.fullwidth .center .header .header-options .float-btn-new {
    display: none;
  }
}
.red-200 {
  background-color: var(--matcha-prim-red-200) !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

.red-200-bg {
  background-color: var(--matcha-prim-red-200) !important;
}

.red-200-fg {
  color: var(--matcha-prim-red-200) !important;
}

.red-a700 {
  background-color: var(--matcha-prim-red-a700) !important;
  color: #ffffff !important;
}

.red-a700-bg {
  background-color: var(--matcha-prim-red-a700) !important;
}

.red-a700-fg {
  color: var(--matcha-prim-red-a700) !important;
}

.pink-600 {
  background-color: var(--matcha-prim-pink-600) !important;
  color: #ffffff !important;
}

.pink-600-bg {
  background-color: var(--matcha-prim-pink-600) !important;
}

.pink-600-fg {
  color: var(--matcha-prim-pink-600) !important;
}

.purple-500 {
  background-color: var(--matcha-prim-purple-500) !important;
  color: #ffffff !important;
}

.purple-500-bg {
  background-color: var(--matcha-prim-purple-500) !important;
}

.purple-500-fg {
  color: var(--matcha-prim-purple-500) !important;
}

.blue-100 {
  background-color: var(--matcha-prim-blue-100) !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

.blue-100-bg {
  background-color: var(--matcha-prim-blue-100) !important;
}

.blue-100-fg {
  color: var(--matcha-prim-blue-100) !important;
}

.blue-200 {
  background-color: var(--matcha-prim-blue-200) !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

.blue-200-bg {
  background-color: var(--matcha-prim-blue-200) !important;
}

.blue-200-fg {
  color: var(--matcha-prim-blue-200) !important;
}

.blue-300 {
  background-color: var(--matcha-prim-blue-300) !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

.blue-300-bg {
  background-color: var(--matcha-prim-blue-300) !important;
}

.blue-300-fg {
  color: var(--matcha-prim-blue-300) !important;
}

.blue-350 {
  background-color: var(--matcha-prim-blue-350) !important;
  color: #ffffff !important;
}

.blue-350-bg {
  background-color: var(--matcha-prim-blue-350) !important;
}

.blue-350-fg {
  color: var(--matcha-prim-blue-350) !important;
}

.blue-700 {
  background-color: var(--matcha-prim-blue-700) !important;
  color: #ffffff !important;
}

.blue-700-bg {
  background-color: var(--matcha-prim-blue-700) !important;
}

.blue-700-fg {
  color: var(--matcha-prim-blue-700) !important;
}

.blue-a700 {
  background-color: var(--matcha-prim-blue-a700) !important;
  color: #ffffff !important;
}

.blue-a700-bg {
  background-color: var(--matcha-prim-blue-a700) !important;
}

.blue-a700-fg {
  color: var(--matcha-prim-blue-a700) !important;
}

.light-blue-500 {
  background-color: var(--matcha-prim-light-blue-500) !important;
  color: #ffffff !important;
}

.light-blue-500-bg {
  background-color: var(--matcha-prim-light-blue-500) !important;
}

.light-blue-500-fg {
  color: var(--matcha-prim-light-blue-500) !important;
}

.light-blue-700 {
  background-color: var(--matcha-prim-light-blue-700) !important;
  color: #ffffff !important;
}

.light-blue-700-bg {
  background-color: var(--matcha-prim-light-blue-700) !important;
}

.light-blue-700-fg {
  color: var(--matcha-prim-light-blue-700) !important;
}

.teal-350 {
  background-color: var(--matcha-prim-teal-350) !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

.teal-350-bg {
  background-color: var(--matcha-prim-teal-350) !important;
}

.teal-350-fg {
  color: var(--matcha-prim-teal-350) !important;
}

.teal-500 {
  background-color: var(--matcha-prim-teal-500) !important;
  color: #ffffff !important;
}

.teal-500-bg {
  background-color: var(--matcha-prim-teal-500) !important;
}

.teal-500-fg {
  color: var(--matcha-prim-teal-500) !important;
}

.teal-700 {
  background-color: var(--matcha-prim-teal-700) !important;
  color: #ffffff !important;
}

.teal-700-bg {
  background-color: var(--matcha-prim-teal-700) !important;
}

.teal-700-fg {
  color: var(--matcha-prim-teal-700) !important;
}

.green-900 {
  background-color: var(--matcha-prim-green-900) !important;
  color: #ffffff !important;
}

.green-900-bg {
  background-color: var(--matcha-prim-green-900) !important;
}

.green-900-fg {
  color: var(--matcha-prim-green-900) !important;
}

.green-a100 {
  background-color: var(--matcha-prim-green-a100) !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

.green-a100-bg {
  background-color: var(--matcha-prim-green-a100) !important;
}

.green-a100-fg {
  color: var(--matcha-prim-green-a100) !important;
}

.green-a200 {
  background-color: var(--matcha-prim-green-a200) !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

.green-a200-bg {
  background-color: var(--matcha-prim-green-a200) !important;
}

.green-a200-fg {
  color: var(--matcha-prim-green-a200) !important;
}

.light-green-200 {
  background-color: var(--matcha-prim-light-green-200) !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

.light-green-200-bg {
  background-color: var(--matcha-prim-light-green-200) !important;
}

.light-green-200-fg {
  color: var(--matcha-prim-light-green-200) !important;
}

.light-green-600 {
  background-color: var(--matcha-prim-light-green-600) !important;
  color: #ffffff !important;
}

.light-green-600-bg {
  background-color: var(--matcha-prim-light-green-600) !important;
}

.light-green-600-fg {
  color: var(--matcha-prim-light-green-600) !important;
}

.light-green-a400 {
  background-color: var(--matcha-prim-light-green-a400) !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

.light-green-a400-bg {
  background-color: var(--matcha-prim-light-green-a400) !important;
}

.light-green-a400-fg {
  color: var(--matcha-prim-light-green-a400) !important;
}

.yellow-200 {
  background-color: var(--matcha-prim-yellow-200) !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

.yellow-200-bg {
  background-color: var(--matcha-prim-yellow-200) !important;
}

.yellow-200-fg {
  color: var(--matcha-prim-yellow-200) !important;
}

.yellow-500 {
  background-color: var(--matcha-prim-yellow-500) !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

.yellow-500-bg {
  background-color: var(--matcha-prim-yellow-500) !important;
}

.yellow-500-fg {
  color: var(--matcha-prim-yellow-500) !important;
}

.yellow-600 {
  background-color: var(--matcha-prim-yellow-600) !important;
  color: #ffffff !important;
}

.yellow-600-bg {
  background-color: var(--matcha-prim-yellow-600) !important;
}

.yellow-600-fg {
  color: var(--matcha-prim-yellow-600) !important;
}

.orange-500 {
  background-color: var(--matcha-prim-orange-500) !important;
  color: #ffffff !important;
}

.orange-500-bg {
  background-color: var(--matcha-prim-orange-500) !important;
}

.orange-500-fg {
  color: var(--matcha-prim-orange-500) !important;
}

.background-red-alpha {
  background: var(--matcha-color-red-alpha);
}

.red .ripple {
  background: var(--matcha-color-red-alpha);
}

.background-red {
  background: var(--matcha-color-red);
}

.border-color-red {
  border-color: var(--matcha-color-red);
}

.border-color-red-alpha {
  border-color: var(--matcha-color-red-alpha);
}

.color-red {
  color: var(--matcha-color-red) !important;
}

.fill-red {
  fill: var(--matcha-color-red);
}

.stroke-red {
  stroke: var(--matcha-color-red);
}

.color-red-alpha {
  color: var(--matcha-color-red-alpha) !important;
}

.red-alpha {
  background: var(--matcha-color-red-alpha);
  color: var(--matcha-color-red);
}

.red {
  background: var(--matcha-color-red);
  color: var(--matcha-color-red-contrast);
}

.background-pink-alpha {
  background: var(--matcha-color-pink-alpha);
}

.pink .ripple {
  background: var(--matcha-color-pink-alpha);
}

.background-pink {
  background: var(--matcha-color-pink);
}

.border-color-pink {
  border-color: var(--matcha-color-pink);
}

.border-color-pink-alpha {
  border-color: var(--matcha-color-pink-alpha);
}

.color-pink {
  color: var(--matcha-color-pink) !important;
}

.fill-pink {
  fill: var(--matcha-color-pink);
}

.stroke-pink {
  stroke: var(--matcha-color-pink);
}

.color-pink-alpha {
  color: var(--matcha-color-pink-alpha) !important;
}

.pink-alpha {
  background: var(--matcha-color-pink-alpha);
  color: var(--matcha-color-pink);
}

.pink {
  background: var(--matcha-color-pink);
  color: var(--matcha-color-pink-contrast);
}

.background-purple-alpha {
  background: var(--matcha-color-purple-alpha);
}

.purple .ripple {
  background: var(--matcha-color-purple-alpha);
}

.background-purple {
  background: var(--matcha-color-purple);
}

.border-color-purple {
  border-color: var(--matcha-color-purple);
}

.border-color-purple-alpha {
  border-color: var(--matcha-color-purple-alpha);
}

.color-purple {
  color: var(--matcha-color-purple) !important;
}

.fill-purple {
  fill: var(--matcha-color-purple);
}

.stroke-purple {
  stroke: var(--matcha-color-purple);
}

.color-purple-alpha {
  color: var(--matcha-color-purple-alpha) !important;
}

.purple-alpha {
  background: var(--matcha-color-purple-alpha);
  color: var(--matcha-color-purple);
}

.purple {
  background: var(--matcha-color-purple);
  color: var(--matcha-color-purple-contrast);
}

.background-deep-purple-alpha {
  background: var(--matcha-color-deep-purple-alpha);
}

.deep-purple .ripple {
  background: var(--matcha-color-deep-purple-alpha);
}

.background-deep-purple {
  background: var(--matcha-color-deep-purple);
}

.border-color-deep-purple {
  border-color: var(--matcha-color-deep-purple);
}

.border-color-deep-purple-alpha {
  border-color: var(--matcha-color-deep-purple-alpha);
}

.color-deep-purple {
  color: var(--matcha-color-deep-purple) !important;
}

.fill-deep-purple {
  fill: var(--matcha-color-deep-purple);
}

.stroke-deep-purple {
  stroke: var(--matcha-color-deep-purple);
}

.color-deep-purple-alpha {
  color: var(--matcha-color-deep-purple-alpha) !important;
}

.deep-purple-alpha {
  background: var(--matcha-color-deep-purple-alpha);
  color: var(--matcha-color-deep-purple);
}

.deep-purple {
  background: var(--matcha-color-deep-purple);
  color: var(--matcha-color-deep-purple-contrast);
}

.background-indigo-alpha {
  background: var(--matcha-color-indigo-alpha);
}

.indigo .ripple {
  background: var(--matcha-color-indigo-alpha);
}

.background-indigo {
  background: var(--matcha-color-indigo);
}

.border-color-indigo {
  border-color: var(--matcha-color-indigo);
}

.border-color-indigo-alpha {
  border-color: var(--matcha-color-indigo-alpha);
}

.color-indigo {
  color: var(--matcha-color-indigo) !important;
}

.fill-indigo {
  fill: var(--matcha-color-indigo);
}

.stroke-indigo {
  stroke: var(--matcha-color-indigo);
}

.color-indigo-alpha {
  color: var(--matcha-color-indigo-alpha) !important;
}

.indigo-alpha {
  background: var(--matcha-color-indigo-alpha);
  color: var(--matcha-color-indigo);
}

.indigo {
  background: var(--matcha-color-indigo);
  color: var(--matcha-color-indigo-contrast);
}

.background-blue-alpha {
  background: var(--matcha-color-blue-alpha);
}

.blue .ripple {
  background: var(--matcha-color-blue-alpha);
}

.background-blue {
  background: var(--matcha-color-blue);
}

.border-color-blue {
  border-color: var(--matcha-color-blue);
}

.border-color-blue-alpha {
  border-color: var(--matcha-color-blue-alpha);
}

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

.fill-blue {
  fill: var(--matcha-color-blue);
}

.stroke-blue {
  stroke: var(--matcha-color-blue);
}

.color-blue-alpha {
  color: var(--matcha-color-blue-alpha) !important;
}

.blue-alpha {
  background: var(--matcha-color-blue-alpha);
  color: var(--matcha-color-blue);
}

.blue {
  background: var(--matcha-color-blue);
  color: var(--matcha-color-blue-contrast);
}

.background-light-blue-alpha {
  background: var(--matcha-color-light-blue-alpha);
}

.light-blue .ripple {
  background: var(--matcha-color-light-blue-alpha);
}

.background-light-blue {
  background: var(--matcha-color-light-blue);
}

.border-color-light-blue {
  border-color: var(--matcha-color-light-blue);
}

.border-color-light-blue-alpha {
  border-color: var(--matcha-color-light-blue-alpha);
}

.color-light-blue {
  color: var(--matcha-color-light-blue) !important;
}

.fill-light-blue {
  fill: var(--matcha-color-light-blue);
}

.stroke-light-blue {
  stroke: var(--matcha-color-light-blue);
}

.color-light-blue-alpha {
  color: var(--matcha-color-light-blue-alpha) !important;
}

.light-blue-alpha {
  background: var(--matcha-color-light-blue-alpha);
  color: var(--matcha-color-light-blue);
}

.light-blue {
  background: var(--matcha-color-light-blue);
  color: var(--matcha-color-light-blue-contrast);
}

.background-cyan-alpha {
  background: var(--matcha-color-cyan-alpha);
}

.cyan .ripple {
  background: var(--matcha-color-cyan-alpha);
}

.background-cyan {
  background: var(--matcha-color-cyan);
}

.border-color-cyan {
  border-color: var(--matcha-color-cyan);
}

.border-color-cyan-alpha {
  border-color: var(--matcha-color-cyan-alpha);
}

.color-cyan {
  color: var(--matcha-color-cyan) !important;
}

.fill-cyan {
  fill: var(--matcha-color-cyan);
}

.stroke-cyan {
  stroke: var(--matcha-color-cyan);
}

.color-cyan-alpha {
  color: var(--matcha-color-cyan-alpha) !important;
}

.cyan-alpha {
  background: var(--matcha-color-cyan-alpha);
  color: var(--matcha-color-cyan);
}

.cyan {
  background: var(--matcha-color-cyan);
  color: var(--matcha-color-cyan-contrast);
}

.background-teal-alpha {
  background: var(--matcha-color-teal-alpha);
}

.teal .ripple {
  background: var(--matcha-color-teal-alpha);
}

.background-teal {
  background: var(--matcha-color-teal);
}

.border-color-teal {
  border-color: var(--matcha-color-teal);
}

.border-color-teal-alpha {
  border-color: var(--matcha-color-teal-alpha);
}

.color-teal {
  color: var(--matcha-color-teal) !important;
}

.fill-teal {
  fill: var(--matcha-color-teal);
}

.stroke-teal {
  stroke: var(--matcha-color-teal);
}

.color-teal-alpha {
  color: var(--matcha-color-teal-alpha) !important;
}

.teal-alpha {
  background: var(--matcha-color-teal-alpha);
  color: var(--matcha-color-teal);
}

.teal {
  background: var(--matcha-color-teal);
  color: var(--matcha-color-teal-contrast);
}

.background-green-alpha {
  background: var(--matcha-color-green-alpha);
}

.green .ripple {
  background: var(--matcha-color-green-alpha);
}

.background-green {
  background: var(--matcha-color-green);
}

.border-color-green {
  border-color: var(--matcha-color-green);
}

.border-color-green-alpha {
  border-color: var(--matcha-color-green-alpha);
}

.color-green {
  color: var(--matcha-color-green) !important;
}

.fill-green {
  fill: var(--matcha-color-green);
}

.stroke-green {
  stroke: var(--matcha-color-green);
}

.color-green-alpha {
  color: var(--matcha-color-green-alpha) !important;
}

.green-alpha {
  background: var(--matcha-color-green-alpha);
  color: var(--matcha-color-green);
}

.green {
  background: var(--matcha-color-green);
  color: var(--matcha-color-green-contrast);
}

.background-light-green-alpha {
  background: var(--matcha-color-light-green-alpha);
}

.light-green .ripple {
  background: var(--matcha-color-light-green-alpha);
}

.background-light-green {
  background: var(--matcha-color-light-green);
}

.border-color-light-green {
  border-color: var(--matcha-color-light-green);
}

.border-color-light-green-alpha {
  border-color: var(--matcha-color-light-green-alpha);
}

.color-light-green {
  color: var(--matcha-color-light-green) !important;
}

.fill-light-green {
  fill: var(--matcha-color-light-green);
}

.stroke-light-green {
  stroke: var(--matcha-color-light-green);
}

.color-light-green-alpha {
  color: var(--matcha-color-light-green-alpha) !important;
}

.light-green-alpha {
  background: var(--matcha-color-light-green-alpha);
  color: var(--matcha-color-light-green);
}

.light-green {
  background: var(--matcha-color-light-green);
  color: var(--matcha-color-light-green-contrast);
}

.background-lime-alpha {
  background: var(--matcha-color-lime-alpha);
}

.lime .ripple {
  background: var(--matcha-color-lime-alpha);
}

.background-lime {
  background: var(--matcha-color-lime);
}

.border-color-lime {
  border-color: var(--matcha-color-lime);
}

.border-color-lime-alpha {
  border-color: var(--matcha-color-lime-alpha);
}

.color-lime {
  color: var(--matcha-color-lime) !important;
}

.fill-lime {
  fill: var(--matcha-color-lime);
}

.stroke-lime {
  stroke: var(--matcha-color-lime);
}

.color-lime-alpha {
  color: var(--matcha-color-lime-alpha) !important;
}

.lime-alpha {
  background: var(--matcha-color-lime-alpha);
  color: var(--matcha-color-lime);
}

.lime {
  background: var(--matcha-color-lime);
  color: var(--matcha-color-lime-contrast);
}

.background-yellow-alpha {
  background: var(--matcha-color-yellow-alpha);
}

.yellow .ripple {
  background: var(--matcha-color-yellow-alpha);
}

.background-yellow {
  background: var(--matcha-color-yellow);
}

.border-color-yellow {
  border-color: var(--matcha-color-yellow);
}

.border-color-yellow-alpha {
  border-color: var(--matcha-color-yellow-alpha);
}

.color-yellow {
  color: var(--matcha-color-yellow) !important;
}

.fill-yellow {
  fill: var(--matcha-color-yellow);
}

.stroke-yellow {
  stroke: var(--matcha-color-yellow);
}

.color-yellow-alpha {
  color: var(--matcha-color-yellow-alpha) !important;
}

.yellow-alpha {
  background: var(--matcha-color-yellow-alpha);
  color: var(--matcha-color-yellow);
}

.yellow {
  background: var(--matcha-color-yellow);
  color: var(--matcha-color-yellow-contrast);
}

.background-amber-alpha {
  background: var(--matcha-color-amber-alpha);
}

.amber .ripple {
  background: var(--matcha-color-amber-alpha);
}

.background-amber {
  background: var(--matcha-color-amber);
}

.border-color-amber {
  border-color: var(--matcha-color-amber);
}

.border-color-amber-alpha {
  border-color: var(--matcha-color-amber-alpha);
}

.color-amber {
  color: var(--matcha-color-amber) !important;
}

.fill-amber {
  fill: var(--matcha-color-amber);
}

.stroke-amber {
  stroke: var(--matcha-color-amber);
}

.color-amber-alpha {
  color: var(--matcha-color-amber-alpha) !important;
}

.amber-alpha {
  background: var(--matcha-color-amber-alpha);
  color: var(--matcha-color-amber);
}

.amber {
  background: var(--matcha-color-amber);
  color: var(--matcha-color-amber-contrast);
}

.background-orange-alpha {
  background: var(--matcha-color-orange-alpha);
}

.orange .ripple {
  background: var(--matcha-color-orange-alpha);
}

.background-orange {
  background: var(--matcha-color-orange);
}

.border-color-orange {
  border-color: var(--matcha-color-orange);
}

.border-color-orange-alpha {
  border-color: var(--matcha-color-orange-alpha);
}

.color-orange {
  color: var(--matcha-color-orange) !important;
}

.fill-orange {
  fill: var(--matcha-color-orange);
}

.stroke-orange {
  stroke: var(--matcha-color-orange);
}

.color-orange-alpha {
  color: var(--matcha-color-orange-alpha) !important;
}

.orange-alpha {
  background: var(--matcha-color-orange-alpha);
  color: var(--matcha-color-orange);
}

.orange {
  background: var(--matcha-color-orange);
  color: var(--matcha-color-orange-contrast);
}

.background-deep-orange-alpha {
  background: var(--matcha-color-deep-orange-alpha);
}

.deep-orange .ripple {
  background: var(--matcha-color-deep-orange-alpha);
}

.background-deep-orange {
  background: var(--matcha-color-deep-orange);
}

.border-color-deep-orange {
  border-color: var(--matcha-color-deep-orange);
}

.border-color-deep-orange-alpha {
  border-color: var(--matcha-color-deep-orange-alpha);
}

.color-deep-orange {
  color: var(--matcha-color-deep-orange) !important;
}

.fill-deep-orange {
  fill: var(--matcha-color-deep-orange);
}

.stroke-deep-orange {
  stroke: var(--matcha-color-deep-orange);
}

.color-deep-orange-alpha {
  color: var(--matcha-color-deep-orange-alpha) !important;
}

.deep-orange-alpha {
  background: var(--matcha-color-deep-orange-alpha);
  color: var(--matcha-color-deep-orange);
}

.deep-orange {
  background: var(--matcha-color-deep-orange);
  color: var(--matcha-color-deep-orange-contrast);
}

.background-brown-alpha {
  background: var(--matcha-color-brown-alpha);
}

.brown .ripple {
  background: var(--matcha-color-brown-alpha);
}

.background-brown {
  background: var(--matcha-color-brown);
}

.border-color-brown {
  border-color: var(--matcha-color-brown);
}

.border-color-brown-alpha {
  border-color: var(--matcha-color-brown-alpha);
}

.color-brown {
  color: var(--matcha-color-brown) !important;
}

.fill-brown {
  fill: var(--matcha-color-brown);
}

.stroke-brown {
  stroke: var(--matcha-color-brown);
}

.color-brown-alpha {
  color: var(--matcha-color-brown-alpha) !important;
}

.brown-alpha {
  background: var(--matcha-color-brown-alpha);
  color: var(--matcha-color-brown);
}

.brown {
  background: var(--matcha-color-brown);
  color: var(--matcha-color-brown-contrast);
}

.background-grey-alpha {
  background: var(--matcha-color-grey-alpha);
}

.grey .ripple {
  background: var(--matcha-color-grey-alpha);
}

.background-grey {
  background: var(--matcha-color-grey);
}

.border-color-grey {
  border-color: var(--matcha-color-grey);
}

.border-color-grey-alpha {
  border-color: var(--matcha-color-grey-alpha);
}

.color-grey {
  color: var(--matcha-color-grey) !important;
}

.fill-grey {
  fill: var(--matcha-color-grey);
}

.stroke-grey {
  stroke: var(--matcha-color-grey);
}

.color-grey-alpha {
  color: var(--matcha-color-grey-alpha) !important;
}

.grey-alpha {
  background: var(--matcha-color-grey-alpha);
  color: var(--matcha-color-grey);
}

.grey {
  background: var(--matcha-color-grey);
  color: var(--matcha-color-grey-contrast);
}

.background-blue-grey-alpha {
  background: var(--matcha-color-blue-grey-alpha);
}

.blue-grey .ripple {
  background: var(--matcha-color-blue-grey-alpha);
}

.background-blue-grey {
  background: var(--matcha-color-blue-grey);
}

.border-color-blue-grey {
  border-color: var(--matcha-color-blue-grey);
}

.border-color-blue-grey-alpha {
  border-color: var(--matcha-color-blue-grey-alpha);
}

.color-blue-grey {
  color: var(--matcha-color-blue-grey) !important;
}

.fill-blue-grey {
  fill: var(--matcha-color-blue-grey);
}

.stroke-blue-grey {
  stroke: var(--matcha-color-blue-grey);
}

.color-blue-grey-alpha {
  color: var(--matcha-color-blue-grey-alpha) !important;
}

.blue-grey-alpha {
  background: var(--matcha-color-blue-grey-alpha);
  color: var(--matcha-color-blue-grey);
}

.blue-grey {
  background: var(--matcha-color-blue-grey);
  color: var(--matcha-color-blue-grey-contrast);
}

.background-primary-alpha {
  background: var(--matcha-color-primary-alpha);
}

.primary .ripple {
  background: var(--matcha-color-primary-alpha);
}

.background-primary {
  background: var(--matcha-color-primary);
}

.border-color-primary {
  border-color: var(--matcha-color-primary);
}

.border-color-primary-alpha {
  border-color: var(--matcha-color-primary-alpha);
}

.color-primary {
  color: var(--matcha-color-primary) !important;
}

.fill-primary {
  fill: var(--matcha-color-primary);
}

.stroke-primary {
  stroke: var(--matcha-color-primary);
}

.color-primary-alpha {
  color: var(--matcha-color-primary-alpha) !important;
}

.primary-alpha {
  background: var(--matcha-color-primary-alpha);
  color: var(--matcha-color-primary);
}

.primary {
  background: var(--matcha-color-primary);
  color: var(--matcha-color-primary-contrast);
}

.background-accent-alpha {
  background: var(--matcha-color-accent-alpha);
}

.accent .ripple {
  background: var(--matcha-color-accent-alpha);
}

.background-accent {
  background: var(--matcha-color-accent);
}

.border-color-accent {
  border-color: var(--matcha-color-accent);
}

.border-color-accent-alpha {
  border-color: var(--matcha-color-accent-alpha);
}

.color-accent {
  color: var(--matcha-color-accent) !important;
}

.fill-accent {
  fill: var(--matcha-color-accent);
}

.stroke-accent {
  stroke: var(--matcha-color-accent);
}

.color-accent-alpha {
  color: var(--matcha-color-accent-alpha) !important;
}

.accent-alpha {
  background: var(--matcha-color-accent-alpha);
  color: var(--matcha-color-accent);
}

.accent {
  background: var(--matcha-color-accent);
  color: var(--matcha-color-accent-contrast);
}

.background-danger-alpha {
  background: var(--matcha-color-danger-alpha);
}

.danger .ripple {
  background: var(--matcha-color-danger-alpha);
}

.background-danger {
  background: var(--matcha-color-danger);
}

.border-color-danger {
  border-color: var(--matcha-color-danger);
}

.border-color-danger-alpha {
  border-color: var(--matcha-color-danger-alpha);
}

.color-danger {
  color: var(--matcha-color-danger) !important;
}

.fill-danger {
  fill: var(--matcha-color-danger);
}

.stroke-danger {
  stroke: var(--matcha-color-danger);
}

.color-danger-alpha {
  color: var(--matcha-color-danger-alpha) !important;
}

.danger-alpha {
  background: var(--matcha-color-danger-alpha);
  color: var(--matcha-color-danger);
}

.danger {
  background: var(--matcha-color-danger);
  color: var(--matcha-color-danger-contrast);
}

.background-warn-alpha {
  background: var(--matcha-color-warn-alpha);
}

.warn .ripple {
  background: var(--matcha-color-warn-alpha);
}

.background-warn {
  background: var(--matcha-color-warn);
}

.border-color-warn {
  border-color: var(--matcha-color-warn);
}

.border-color-warn-alpha {
  border-color: var(--matcha-color-warn-alpha);
}

.color-warn {
  color: var(--matcha-color-warn) !important;
}

.fill-warn {
  fill: var(--matcha-color-warn);
}

.stroke-warn {
  stroke: var(--matcha-color-warn);
}

.color-warn-alpha {
  color: var(--matcha-color-warn-alpha) !important;
}

.warn-alpha {
  background: var(--matcha-color-warn-alpha);
  color: var(--matcha-color-warn);
}

.warn {
  background: var(--matcha-color-warn);
  color: var(--matcha-color-warn-contrast);
}

.background-success-alpha {
  background: var(--matcha-color-success-alpha);
}

.success .ripple {
  background: var(--matcha-color-success-alpha);
}

.background-success {
  background: var(--matcha-color-success);
}

.border-color-success {
  border-color: var(--matcha-color-success);
}

.border-color-success-alpha {
  border-color: var(--matcha-color-success-alpha);
}

.color-success {
  color: var(--matcha-color-success) !important;
}

.fill-success {
  fill: var(--matcha-color-success);
}

.stroke-success {
  stroke: var(--matcha-color-success);
}

.color-success-alpha {
  color: var(--matcha-color-success-alpha) !important;
}

.success-alpha {
  background: var(--matcha-color-success-alpha);
  color: var(--matcha-color-success);
}

.success {
  background: var(--matcha-color-success);
  color: var(--matcha-color-success-contrast);
}

.background-info-alpha {
  background: var(--matcha-color-info-alpha);
}

.info .ripple {
  background: var(--matcha-color-info-alpha);
}

.background-info {
  background: var(--matcha-color-info);
}

.border-color-info {
  border-color: var(--matcha-color-info);
}

.border-color-info-alpha {
  border-color: var(--matcha-color-info-alpha);
}

.color-info {
  color: var(--matcha-color-info) !important;
}

.fill-info {
  fill: var(--matcha-color-info);
}

.stroke-info {
  stroke: var(--matcha-color-info);
}

.color-info-alpha {
  color: var(--matcha-color-info-alpha) !important;
}

.info-alpha {
  background: var(--matcha-color-info-alpha);
  color: var(--matcha-color-info);
}

.info {
  background: var(--matcha-color-info);
  color: var(--matcha-color-info-contrast);
}

.background-disabled-alpha {
  background: var(--matcha-color-disabled-alpha);
}

.disabled .ripple {
  background: var(--matcha-color-disabled-alpha);
}

.background-disabled {
  background: var(--matcha-color-disabled);
}

.border-color-disabled {
  border-color: var(--matcha-color-disabled);
}

.border-color-disabled-alpha {
  border-color: var(--matcha-color-disabled-alpha);
}

.color-disabled {
  color: var(--matcha-color-disabled) !important;
}

.fill-disabled {
  fill: var(--matcha-color-disabled);
}

.stroke-disabled {
  stroke: var(--matcha-color-disabled);
}

.color-disabled-alpha {
  color: var(--matcha-color-disabled-alpha) !important;
}

.disabled-alpha {
  background: var(--matcha-color-disabled-alpha);
  color: var(--matcha-color-disabled);
}

.disabled {
  background: var(--matcha-color-disabled);
  color: var(--matcha-color-disabled-contrast);
}

.background-basic-alpha {
  background: var(--matcha-color-fg-alpha);
}

.basic .ripple {
  background: var(--matcha-color-fg-alpha);
}

.background-basic {
  background: var(--matcha-color-surface);
}

.border-color-basic {
  border-color: var(--matcha-color-fg);
}

.border-color-surface-border {
  border-color: var(--matcha-color-surface-border);
}

.color-basic {
  color: var(--matcha-color-fg) !important;
}

.fill-basic {
  fill: var(--matcha-color-surface);
}

.stroke-basic {
  stroke: var(--matcha-color-fg);
}

.color-basic-alpha {
  color: var(--matcha-color-fg-alpha) !important;
}

.basic-alpha {
  background: var(--matcha-color-fg-alpha);
  color: var(--matcha-color-fg);
}

.basic {
  background: var(--matcha-color-surface);
  color: var(--matcha-color-fg);
}

.background-fg {
  background: var(--matcha-color-fg);
}

.background-bg {
  background: var(--matcha-color-surface-bg);
}

.background-bg-alpha {
  background: var(--matcha-color-surface-bg-alpha);
}

.background-surface {
  background: var(--matcha-color-surface);
}

.background-surface-alpha {
  background: var(--matcha-color-surface-card-alpha);
}

.background-hint {
  background: var(--matcha-color-hint);
}

.color-fg {
  color: var(--matcha-color-fg) !important;
}

.color-hint {
  color: var(--matcha-color-hint) !important;
}

.color-label {
  color: var(--matcha-color-text-label) !important;
}

.color-placeholder {
  color: var(--matcha-color-text-placeholder) !important;
}

.color-text-primary {
  color: var(--matcha-color-text-primary) !important;
}

.color-text-secondary {
  color: var(--matcha-color-text-secondary) !important;
}

.color-text-muted {
  color: var(--matcha-color-text-muted) !important;
}

.color-text-hint {
  color: var(--matcha-color-text-hint) !important;
}

.background-palette-teal {
  background: var(--matcha-color-palette-teal);
}

.border-color-palette-teal {
  border-color: var(--matcha-color-palette-teal);
}

.color-palette-teal {
  color: var(--matcha-color-palette-teal) !important;
}

.fill-palette-teal {
  fill: var(--matcha-color-palette-teal);
}

.stroke-palette-teal {
  stroke: var(--matcha-color-palette-teal);
}

.background-palette-teal-light {
  background: var(--matcha-color-palette-teal-light);
}

.border-color-palette-teal-light {
  border-color: var(--matcha-color-palette-teal-light);
}

.color-palette-teal-light {
  color: var(--matcha-color-palette-teal-light) !important;
}

.fill-palette-teal-light {
  fill: var(--matcha-color-palette-teal-light);
}

.stroke-palette-teal-light {
  stroke: var(--matcha-color-palette-teal-light);
}

.background-palette-teal-alpha {
  background: var(--matcha-color-palette-teal-alpha);
}

.border-color-palette-teal-alpha {
  border-color: var(--matcha-color-palette-teal-alpha);
}

.color-palette-teal-alpha {
  color: var(--matcha-color-palette-teal-alpha) !important;
}

.fill-palette-teal-alpha {
  fill: var(--matcha-color-palette-teal-alpha);
}

.stroke-palette-teal-alpha {
  stroke: var(--matcha-color-palette-teal-alpha);
}

.background-palette-light-blue {
  background: var(--matcha-color-palette-light-blue);
}

.border-color-palette-light-blue {
  border-color: var(--matcha-color-palette-light-blue);
}

.color-palette-light-blue {
  color: var(--matcha-color-palette-light-blue) !important;
}

.fill-palette-light-blue {
  fill: var(--matcha-color-palette-light-blue);
}

.stroke-palette-light-blue {
  stroke: var(--matcha-color-palette-light-blue);
}

.background-palette-light-blue-light {
  background: var(--matcha-color-palette-light-blue-light);
}

.border-color-palette-light-blue-light {
  border-color: var(--matcha-color-palette-light-blue-light);
}

.color-palette-light-blue-light {
  color: var(--matcha-color-palette-light-blue-light) !important;
}

.fill-palette-light-blue-light {
  fill: var(--matcha-color-palette-light-blue-light);
}

.stroke-palette-light-blue-light {
  stroke: var(--matcha-color-palette-light-blue-light);
}

.background-palette-light-blue-alpha {
  background: var(--matcha-color-palette-light-blue-alpha);
}

.border-color-palette-light-blue-alpha {
  border-color: var(--matcha-color-palette-light-blue-alpha);
}

.color-palette-light-blue-alpha {
  color: var(--matcha-color-palette-light-blue-alpha) !important;
}

.fill-palette-light-blue-alpha {
  fill: var(--matcha-color-palette-light-blue-alpha);
}

.stroke-palette-light-blue-alpha {
  stroke: var(--matcha-color-palette-light-blue-alpha);
}

.background-palette-purple {
  background: var(--matcha-color-palette-purple);
}

.border-color-palette-purple {
  border-color: var(--matcha-color-palette-purple);
}

.color-palette-purple {
  color: var(--matcha-color-palette-purple) !important;
}

.fill-palette-purple {
  fill: var(--matcha-color-palette-purple);
}

.stroke-palette-purple {
  stroke: var(--matcha-color-palette-purple);
}

.background-palette-purple-light {
  background: var(--matcha-color-palette-purple-light);
}

.border-color-palette-purple-light {
  border-color: var(--matcha-color-palette-purple-light);
}

.color-palette-purple-light {
  color: var(--matcha-color-palette-purple-light) !important;
}

.fill-palette-purple-light {
  fill: var(--matcha-color-palette-purple-light);
}

.stroke-palette-purple-light {
  stroke: var(--matcha-color-palette-purple-light);
}

.background-palette-purple-alpha {
  background: var(--matcha-color-palette-purple-alpha);
}

.border-color-palette-purple-alpha {
  border-color: var(--matcha-color-palette-purple-alpha);
}

.color-palette-purple-alpha {
  color: var(--matcha-color-palette-purple-alpha) !important;
}

.fill-palette-purple-alpha {
  fill: var(--matcha-color-palette-purple-alpha);
}

.stroke-palette-purple-alpha {
  stroke: var(--matcha-color-palette-purple-alpha);
}

.background-palette-purple-contrast {
  background: var(--matcha-color-palette-purple-contrast);
}

.border-color-palette-purple-contrast {
  border-color: var(--matcha-color-palette-purple-contrast);
}

.color-palette-purple-contrast {
  color: var(--matcha-color-palette-purple-contrast) !important;
}

.fill-palette-purple-contrast {
  fill: var(--matcha-color-palette-purple-contrast);
}

.stroke-palette-purple-contrast {
  stroke: var(--matcha-color-palette-purple-contrast);
}

.background-palette-pink {
  background: var(--matcha-color-palette-pink);
}

.border-color-palette-pink {
  border-color: var(--matcha-color-palette-pink);
}

.color-palette-pink {
  color: var(--matcha-color-palette-pink) !important;
}

.fill-palette-pink {
  fill: var(--matcha-color-palette-pink);
}

.stroke-palette-pink {
  stroke: var(--matcha-color-palette-pink);
}

.background-palette-pink-light {
  background: var(--matcha-color-palette-pink-light);
}

.border-color-palette-pink-light {
  border-color: var(--matcha-color-palette-pink-light);
}

.color-palette-pink-light {
  color: var(--matcha-color-palette-pink-light) !important;
}

.fill-palette-pink-light {
  fill: var(--matcha-color-palette-pink-light);
}

.stroke-palette-pink-light {
  stroke: var(--matcha-color-palette-pink-light);
}

.background-palette-pink-alpha {
  background: var(--matcha-color-palette-pink-alpha);
}

.border-color-palette-pink-alpha {
  border-color: var(--matcha-color-palette-pink-alpha);
}

.color-palette-pink-alpha {
  color: var(--matcha-color-palette-pink-alpha) !important;
}

.fill-palette-pink-alpha {
  fill: var(--matcha-color-palette-pink-alpha);
}

.stroke-palette-pink-alpha {
  stroke: var(--matcha-color-palette-pink-alpha);
}

.background-palette-orange {
  background: var(--matcha-color-palette-orange);
}

.border-color-palette-orange {
  border-color: var(--matcha-color-palette-orange);
}

.color-palette-orange {
  color: var(--matcha-color-palette-orange) !important;
}

.fill-palette-orange {
  fill: var(--matcha-color-palette-orange);
}

.stroke-palette-orange {
  stroke: var(--matcha-color-palette-orange);
}

.background-palette-orange-light {
  background: var(--matcha-color-palette-orange-light);
}

.border-color-palette-orange-light {
  border-color: var(--matcha-color-palette-orange-light);
}

.color-palette-orange-light {
  color: var(--matcha-color-palette-orange-light) !important;
}

.fill-palette-orange-light {
  fill: var(--matcha-color-palette-orange-light);
}

.stroke-palette-orange-light {
  stroke: var(--matcha-color-palette-orange-light);
}

.background-palette-orange-alpha {
  background: var(--matcha-color-palette-orange-alpha);
}

.border-color-palette-orange-alpha {
  border-color: var(--matcha-color-palette-orange-alpha);
}

.color-palette-orange-alpha {
  color: var(--matcha-color-palette-orange-alpha) !important;
}

.fill-palette-orange-alpha {
  fill: var(--matcha-color-palette-orange-alpha);
}

.stroke-palette-orange-alpha {
  stroke: var(--matcha-color-palette-orange-alpha);
}

.background-palette-yellow {
  background: var(--matcha-color-palette-yellow);
}

.border-color-palette-yellow {
  border-color: var(--matcha-color-palette-yellow);
}

.color-palette-yellow {
  color: var(--matcha-color-palette-yellow) !important;
}

.fill-palette-yellow {
  fill: var(--matcha-color-palette-yellow);
}

.stroke-palette-yellow {
  stroke: var(--matcha-color-palette-yellow);
}

.background-palette-yellow-light {
  background: var(--matcha-color-palette-yellow-light);
}

.border-color-palette-yellow-light {
  border-color: var(--matcha-color-palette-yellow-light);
}

.color-palette-yellow-light {
  color: var(--matcha-color-palette-yellow-light) !important;
}

.fill-palette-yellow-light {
  fill: var(--matcha-color-palette-yellow-light);
}

.stroke-palette-yellow-light {
  stroke: var(--matcha-color-palette-yellow-light);
}

.background-palette-yellow-alpha {
  background: var(--matcha-color-palette-yellow-alpha);
}

.border-color-palette-yellow-alpha {
  border-color: var(--matcha-color-palette-yellow-alpha);
}

.color-palette-yellow-alpha {
  color: var(--matcha-color-palette-yellow-alpha) !important;
}

.fill-palette-yellow-alpha {
  fill: var(--matcha-color-palette-yellow-alpha);
}

.stroke-palette-yellow-alpha {
  stroke: var(--matcha-color-palette-yellow-alpha);
}

.background-chart-series-1 {
  background: var(--matcha-color-chart-series-1);
}

.border-color-chart-series-1 {
  border-color: var(--matcha-color-chart-series-1);
}

.color-chart-series-1 {
  color: var(--matcha-color-chart-series-1) !important;
}

.fill-chart-series-1 {
  fill: var(--matcha-color-chart-series-1);
}

.stroke-chart-series-1 {
  stroke: var(--matcha-color-chart-series-1);
}

.background-chart-series-2 {
  background: var(--matcha-color-chart-series-2);
}

.border-color-chart-series-2 {
  border-color: var(--matcha-color-chart-series-2);
}

.color-chart-series-2 {
  color: var(--matcha-color-chart-series-2) !important;
}

.fill-chart-series-2 {
  fill: var(--matcha-color-chart-series-2);
}

.stroke-chart-series-2 {
  stroke: var(--matcha-color-chart-series-2);
}

.background-chart-series-3 {
  background: var(--matcha-color-chart-series-3);
}

.border-color-chart-series-3 {
  border-color: var(--matcha-color-chart-series-3);
}

.color-chart-series-3 {
  color: var(--matcha-color-chart-series-3) !important;
}

.fill-chart-series-3 {
  fill: var(--matcha-color-chart-series-3);
}

.stroke-chart-series-3 {
  stroke: var(--matcha-color-chart-series-3);
}

.background-chart-series-4 {
  background: var(--matcha-color-chart-series-4);
}

.border-color-chart-series-4 {
  border-color: var(--matcha-color-chart-series-4);
}

.color-chart-series-4 {
  color: var(--matcha-color-chart-series-4) !important;
}

.fill-chart-series-4 {
  fill: var(--matcha-color-chart-series-4);
}

.stroke-chart-series-4 {
  stroke: var(--matcha-color-chart-series-4);
}

.background-chart-series-5 {
  background: var(--matcha-color-chart-series-5);
}

.border-color-chart-series-5 {
  border-color: var(--matcha-color-chart-series-5);
}

.color-chart-series-5 {
  color: var(--matcha-color-chart-series-5) !important;
}

.fill-chart-series-5 {
  fill: var(--matcha-color-chart-series-5);
}

.stroke-chart-series-5 {
  stroke: var(--matcha-color-chart-series-5);
}

.background-chart-series-1-contrast {
  background: var(--matcha-color-chart-series-1-contrast);
}

.border-color-chart-series-1-contrast {
  border-color: var(--matcha-color-chart-series-1-contrast);
}

.color-chart-series-1-contrast {
  color: var(--matcha-color-chart-series-1-contrast) !important;
}

.fill-chart-series-1-contrast {
  fill: var(--matcha-color-chart-series-1-contrast);
}

.stroke-chart-series-1-contrast {
  stroke: var(--matcha-color-chart-series-1-contrast);
}

.background-chart-series-2-contrast {
  background: var(--matcha-color-chart-series-2-contrast);
}

.border-color-chart-series-2-contrast {
  border-color: var(--matcha-color-chart-series-2-contrast);
}

.color-chart-series-2-contrast {
  color: var(--matcha-color-chart-series-2-contrast) !important;
}

.fill-chart-series-2-contrast {
  fill: var(--matcha-color-chart-series-2-contrast);
}

.stroke-chart-series-2-contrast {
  stroke: var(--matcha-color-chart-series-2-contrast);
}

.background-chart-series-3-contrast {
  background: var(--matcha-color-chart-series-3-contrast);
}

.border-color-chart-series-3-contrast {
  border-color: var(--matcha-color-chart-series-3-contrast);
}

.color-chart-series-3-contrast {
  color: var(--matcha-color-chart-series-3-contrast) !important;
}

.fill-chart-series-3-contrast {
  fill: var(--matcha-color-chart-series-3-contrast);
}

.stroke-chart-series-3-contrast {
  stroke: var(--matcha-color-chart-series-3-contrast);
}

.background-chart-series-4-contrast {
  background: var(--matcha-color-chart-series-4-contrast);
}

.border-color-chart-series-4-contrast {
  border-color: var(--matcha-color-chart-series-4-contrast);
}

.color-chart-series-4-contrast {
  color: var(--matcha-color-chart-series-4-contrast) !important;
}

.fill-chart-series-4-contrast {
  fill: var(--matcha-color-chart-series-4-contrast);
}

.stroke-chart-series-4-contrast {
  stroke: var(--matcha-color-chart-series-4-contrast);
}

.background-chart-series-5-contrast {
  background: var(--matcha-color-chart-series-5-contrast);
}

.border-color-chart-series-5-contrast {
  border-color: var(--matcha-color-chart-series-5-contrast);
}

.color-chart-series-5-contrast {
  color: var(--matcha-color-chart-series-5-contrast) !important;
}

.fill-chart-series-5-contrast {
  fill: var(--matcha-color-chart-series-5-contrast);
}

.stroke-chart-series-5-contrast {
  stroke: var(--matcha-color-chart-series-5-contrast);
}

.background-chart-series-1-alpha {
  background: var(--matcha-color-chart-series-1-alpha);
}

.border-color-chart-series-1-alpha {
  border-color: var(--matcha-color-chart-series-1-alpha);
}

.color-chart-series-1-alpha {
  color: var(--matcha-color-chart-series-1-alpha) !important;
}

.fill-chart-series-1-alpha {
  fill: var(--matcha-color-chart-series-1-alpha);
}

.stroke-chart-series-1-alpha {
  stroke: var(--matcha-color-chart-series-1-alpha);
}

.background-chart-series-2-alpha {
  background: var(--matcha-color-chart-series-2-alpha);
}

.border-color-chart-series-2-alpha {
  border-color: var(--matcha-color-chart-series-2-alpha);
}

.color-chart-series-2-alpha {
  color: var(--matcha-color-chart-series-2-alpha) !important;
}

.fill-chart-series-2-alpha {
  fill: var(--matcha-color-chart-series-2-alpha);
}

.stroke-chart-series-2-alpha {
  stroke: var(--matcha-color-chart-series-2-alpha);
}

.background-chart-series-3-alpha {
  background: var(--matcha-color-chart-series-3-alpha);
}

.border-color-chart-series-3-alpha {
  border-color: var(--matcha-color-chart-series-3-alpha);
}

.color-chart-series-3-alpha {
  color: var(--matcha-color-chart-series-3-alpha) !important;
}

.fill-chart-series-3-alpha {
  fill: var(--matcha-color-chart-series-3-alpha);
}

.stroke-chart-series-3-alpha {
  stroke: var(--matcha-color-chart-series-3-alpha);
}

.background-chart-series-4-alpha {
  background: var(--matcha-color-chart-series-4-alpha);
}

.border-color-chart-series-4-alpha {
  border-color: var(--matcha-color-chart-series-4-alpha);
}

.color-chart-series-4-alpha {
  color: var(--matcha-color-chart-series-4-alpha) !important;
}

.fill-chart-series-4-alpha {
  fill: var(--matcha-color-chart-series-4-alpha);
}

.stroke-chart-series-4-alpha {
  stroke: var(--matcha-color-chart-series-4-alpha);
}

.background-chart-series-5-alpha {
  background: var(--matcha-color-chart-series-5-alpha);
}

.border-color-chart-series-5-alpha {
  border-color: var(--matcha-color-chart-series-5-alpha);
}

.color-chart-series-5-alpha {
  color: var(--matcha-color-chart-series-5-alpha) !important;
}

.fill-chart-series-5-alpha {
  fill: var(--matcha-color-chart-series-5-alpha);
}

.stroke-chart-series-5-alpha {
  stroke: var(--matcha-color-chart-series-5-alpha);
}

.background-icon-default {
  background: var(--matcha-color-icon-default);
}

.border-color-icon-default {
  border-color: var(--matcha-color-icon-default);
}

.color-icon-default {
  color: var(--matcha-color-icon-default) !important;
}

.fill-icon-default {
  fill: var(--matcha-color-icon-default);
}

.stroke-icon-default {
  stroke: var(--matcha-color-icon-default);
}

.background-icon-active {
  background: var(--matcha-color-icon-active);
}

.border-color-icon-active {
  border-color: var(--matcha-color-icon-active);
}

.color-icon-active {
  color: var(--matcha-color-icon-active) !important;
}

.fill-icon-active {
  fill: var(--matcha-color-icon-active);
}

.stroke-icon-active {
  stroke: var(--matcha-color-icon-active);
}

.background-interaction-disabled-bg {
  background: var(--matcha-color-interaction-disabled-bg);
}

.border-color-interaction-disabled-bg {
  border-color: var(--matcha-color-interaction-disabled-bg);
}

.color-interaction-disabled-bg {
  color: var(--matcha-color-interaction-disabled-bg) !important;
}

.fill-interaction-disabled-bg {
  fill: var(--matcha-color-interaction-disabled-bg);
}

.stroke-interaction-disabled-bg {
  stroke: var(--matcha-color-interaction-disabled-bg);
}

.background-interaction-disabled-bg-alpha {
  background: var(--matcha-color-interaction-disabled-bg-alpha);
}

.border-color-interaction-disabled-bg-alpha {
  border-color: var(--matcha-color-interaction-disabled-bg-alpha);
}

.color-interaction-disabled-bg-alpha {
  color: var(--matcha-color-interaction-disabled-bg-alpha) !important;
}

.fill-interaction-disabled-bg-alpha {
  fill: var(--matcha-color-interaction-disabled-bg-alpha);
}

.stroke-interaction-disabled-bg-alpha {
  stroke: var(--matcha-color-interaction-disabled-bg-alpha);
}

.background-interaction-disabled-fg {
  background: var(--matcha-color-interaction-disabled-fg);
}

.border-color-interaction-disabled-fg {
  border-color: var(--matcha-color-interaction-disabled-fg);
}

.color-interaction-disabled-fg {
  color: var(--matcha-color-interaction-disabled-fg) !important;
}

.fill-interaction-disabled-fg {
  fill: var(--matcha-color-interaction-disabled-fg);
}

.stroke-interaction-disabled-fg {
  stroke: var(--matcha-color-interaction-disabled-fg);
}

.background-interaction-disabled-border {
  background: var(--matcha-color-interaction-disabled-border);
}

.border-color-interaction-disabled-border {
  border-color: var(--matcha-color-interaction-disabled-border);
}

.color-interaction-disabled-border {
  color: var(--matcha-color-interaction-disabled-border) !important;
}

.fill-interaction-disabled-border {
  fill: var(--matcha-color-interaction-disabled-border);
}

.stroke-interaction-disabled-border {
  stroke: var(--matcha-color-interaction-disabled-border);
}

.background-surface-bg-inverse {
  background: var(--matcha-color-surface-bg-inverse);
}

.border-color-surface-bg-inverse {
  border-color: var(--matcha-color-surface-bg-inverse);
}

.color-surface-bg-inverse {
  color: var(--matcha-color-surface-bg-inverse) !important;
}

.fill-surface-bg-inverse {
  fill: var(--matcha-color-surface-bg-inverse);
}

.stroke-surface-bg-inverse {
  stroke: var(--matcha-color-surface-bg-inverse);
}

.background-surface-bg-inverse-alpha {
  background: var(--matcha-color-surface-bg-inverse-alpha);
}

.border-color-surface-bg-inverse-alpha {
  border-color: var(--matcha-color-surface-bg-inverse-alpha);
}

.color-surface-bg-inverse-alpha {
  color: var(--matcha-color-surface-bg-inverse-alpha) !important;
}

.fill-surface-bg-inverse-alpha {
  fill: var(--matcha-color-surface-bg-inverse-alpha);
}

.stroke-surface-bg-inverse-alpha {
  stroke: var(--matcha-color-surface-bg-inverse-alpha);
}

.background-surface-card {
  background: var(--matcha-color-surface-card);
}

.border-color-surface-card {
  border-color: var(--matcha-color-surface-card);
}

.color-surface-card {
  color: var(--matcha-color-surface-card) !important;
}

.fill-surface-card {
  fill: var(--matcha-color-surface-card);
}

.stroke-surface-card {
  stroke: var(--matcha-color-surface-card);
}

.background-surface-card-strong {
  background: var(--matcha-color-surface-card-strong);
}

.border-color-surface-card-strong {
  border-color: var(--matcha-color-surface-card-strong);
}

.color-surface-card-strong {
  color: var(--matcha-color-surface-card-strong) !important;
}

.fill-surface-card-strong {
  fill: var(--matcha-color-surface-card-strong);
}

.stroke-surface-card-strong {
  stroke: var(--matcha-color-surface-card-strong);
}

.background-surface-inner {
  background: var(--matcha-color-surface-inner);
}

.border-color-surface-inner {
  border-color: var(--matcha-color-surface-inner);
}

.color-surface-inner {
  color: var(--matcha-color-surface-inner) !important;
}

.fill-surface-inner {
  fill: var(--matcha-color-surface-inner);
}

.stroke-surface-inner {
  stroke: var(--matcha-color-surface-inner);
}

.background-surface-card-inverse {
  background: var(--matcha-color-surface-card-inverse);
}

.border-color-surface-card-inverse {
  border-color: var(--matcha-color-surface-card-inverse);
}

.color-surface-card-inverse {
  color: var(--matcha-color-surface-card-inverse) !important;
}

.fill-surface-card-inverse {
  fill: var(--matcha-color-surface-card-inverse);
}

.stroke-surface-card-inverse {
  stroke: var(--matcha-color-surface-card-inverse);
}

.background-surface-sidebar {
  background: var(--matcha-color-surface-sidebar);
}

.border-color-surface-sidebar {
  border-color: var(--matcha-color-surface-sidebar);
}

.color-surface-sidebar {
  color: var(--matcha-color-surface-sidebar) !important;
}

.fill-surface-sidebar {
  fill: var(--matcha-color-surface-sidebar);
}

.stroke-surface-sidebar {
  stroke: var(--matcha-color-surface-sidebar);
}

.background-surface-sidebar-hover {
  background: var(--matcha-color-surface-sidebar-hover);
}

.border-color-surface-sidebar-hover {
  border-color: var(--matcha-color-surface-sidebar-hover);
}

.color-surface-sidebar-hover {
  color: var(--matcha-color-surface-sidebar-hover) !important;
}

.fill-surface-sidebar-hover {
  fill: var(--matcha-color-surface-sidebar-hover);
}

.stroke-surface-sidebar-hover {
  stroke: var(--matcha-color-surface-sidebar-hover);
}

.background-surface-table-row-hover {
  background: var(--matcha-color-surface-table-row-hover);
}

.border-color-surface-table-row-hover {
  border-color: var(--matcha-color-surface-table-row-hover);
}

.color-surface-table-row-hover {
  color: var(--matcha-color-surface-table-row-hover) !important;
}

.fill-surface-table-row-hover {
  fill: var(--matcha-color-surface-table-row-hover);
}

.stroke-surface-table-row-hover {
  stroke: var(--matcha-color-surface-table-row-hover);
}

.background-surface-border-strong {
  background: var(--matcha-color-surface-border-strong);
}

.border-color-surface-border-strong {
  border-color: var(--matcha-color-surface-border-strong);
}

.color-surface-border-strong {
  color: var(--matcha-color-surface-border-strong) !important;
}

.fill-surface-border-strong {
  fill: var(--matcha-color-surface-border-strong);
}

.stroke-surface-border-strong {
  stroke: var(--matcha-color-surface-border-strong);
}

.background-surface-hover {
  background: var(--matcha-color-surface-hover);
}

.border-color-surface-hover {
  border-color: var(--matcha-color-surface-hover);
}

.color-surface-hover {
  color: var(--matcha-color-surface-hover) !important;
}

.fill-surface-hover {
  fill: var(--matcha-color-surface-hover);
}

.stroke-surface-hover {
  stroke: var(--matcha-color-surface-hover);
}

.color-unset {
  color: unset;
}

.background-transparent {
  background: transparent;
}

.color-fg,
.color-base,
.color-text {
  color: var(--matcha-color-fg) !important;
}

.color-fg-inverse,
.color-base-inverse,
.color-text-inverse {
  color: var(--matcha-color-fg-inverse) !important;
}

.color-surface {
  color: var(--matcha-color-surface) !important;
}

.color-surface-alpha {
  color: var(--matcha-color-surface-card-alpha) !important;
}

.color-placeholder {
  color: var(--matcha-color-text-placeholder) !important;
}
.color-placeholder-alpha {
  background: var(--matcha-color-grey-alpha) !important;
}

.color-label {
  color: var(--matcha-color-text-label) !important;
}

.color-disabled {
  color: var(--matcha-color-disabled) !important;
}

.color-disabled-icon {
  color: var(--matcha-color-interaction-disabled-fg) !important;
}

.border-color-bg {
  border-color: var(--matcha-color-surface-bg) !important;
}

.border-color-bg-alpha {
  border-color: var(--matcha-color-surface-bg-alpha) !important;
}

.border-color-bg-inverse {
  border-color: var(--matcha-color-surface-bg-inverse) !important;
}

.border-color-bg-alpha-inverse {
  border-color: var(--matcha-color-surface-bg-inverse-alpha) !important;
}

.border-color-surface-inverse {
  border-color: var(--matcha-color-surface-card-inverse) !important;
}

.border-color-fg,
.border-color-base,
.border-color-text {
  border-color: var(--matcha-color-fg) !important;
}

.border-color-fg-inverse,
.border-color-base-inverse,
.border-color-text-inverse {
  border-color: var(--matcha-color-fg-inverse) !important;
}

.border-color-surface {
  border-color: var(--matcha-color-surface) !important;
}

.border-color-surface-alpha {
  border-color: var(--matcha-color-surface-card-alpha) !important;
}

.border-color-placeholder {
  border-color: var(--matcha-color-text-placeholder) !important;
}
.border-color-placeholder-alpha {
  background: var(--matcha-color-grey-alpha) !important;
}

.border-color-label {
  border-color: var(--matcha-color-text-label) !important;
}

.border-color-disabled {
  border-color: var(--matcha-color-disabled) !important;
}

.border-color-disabled-icon {
  border-color: var(--matcha-color-interaction-disabled-fg) !important;
}

.background-bg {
  background: var(--matcha-color-surface-bg) !important;
}

.background-bg-alpha {
  background: var(--matcha-color-surface-bg-alpha) !important;
}

.background-bg-inverse {
  background: var(--matcha-color-surface-bg-inverse) !important;
}

.background-bg-alpha-inverse {
  background: var(--matcha-color-surface-bg-inverse-alpha) !important;
}

.background-surface-inverse {
  background: var(--matcha-color-surface-card-inverse) !important;
}

.background-fg,
.background-base,
.background-text {
  background: var(--matcha-color-fg) !important;
}

.background-fg-inverse,
.background-base-inverse,
.background-text-inverse {
  background: var(--matcha-color-fg-inverse) !important;
}

.background-surface {
  background: var(--matcha-color-surface) !important;
}

.background-surface-alpha {
  background: var(--matcha-color-surface-card-alpha) !important;
}

.background-placeholder {
  background: var(--matcha-color-text-placeholder) !important;
}
.background-placeholder-alpha {
  background: var(--matcha-color-grey-alpha) !important;
}

.background-label {
  background: var(--matcha-color-text-label) !important;
}

.background-disabled {
  background: var(--matcha-color-disabled) !important;
}

.background-disabled-icon {
  background: var(--matcha-color-interaction-disabled-fg) !important;
}

.fill-bg {
  fill: var(--matcha-color-surface-bg) !important;
}

.fill-bg-alpha {
  fill: var(--matcha-color-surface-bg-alpha) !important;
}

.fill-bg-inverse {
  fill: var(--matcha-color-surface-bg-inverse) !important;
}

.fill-bg-alpha-inverse {
  fill: var(--matcha-color-surface-bg-inverse-alpha) !important;
}

.fill-surface-inverse {
  fill: var(--matcha-color-surface-card-inverse) !important;
}

.fill-fg,
.fill-base,
.fill-text {
  fill: var(--matcha-color-fg) !important;
}

.fill-fg-inverse,
.fill-base-inverse,
.fill-text-inverse {
  fill: var(--matcha-color-fg-inverse) !important;
}

.fill-surface {
  fill: var(--matcha-color-surface) !important;
}

.fill-surface-alpha {
  fill: var(--matcha-color-surface-card-alpha) !important;
}

.fill-placeholder {
  fill: var(--matcha-color-text-placeholder) !important;
}
.fill-placeholder-alpha {
  background: var(--matcha-color-grey-alpha) !important;
}

.fill-label {
  fill: var(--matcha-color-text-label) !important;
}

.fill-disabled {
  fill: var(--matcha-color-disabled) !important;
}

.fill-disabled-icon {
  fill: var(--matcha-color-interaction-disabled-fg) !important;
}

.stroke-bg {
  stroke: var(--matcha-color-surface-bg) !important;
}

.stroke-bg-alpha {
  stroke: var(--matcha-color-surface-bg-alpha) !important;
}

.stroke-bg-inverse {
  stroke: var(--matcha-color-surface-bg-inverse) !important;
}

.stroke-bg-alpha-inverse {
  stroke: var(--matcha-color-surface-bg-inverse-alpha) !important;
}

.stroke-surface-inverse {
  stroke: var(--matcha-color-surface-card-inverse) !important;
}

.stroke-fg,
.stroke-base,
.stroke-text {
  stroke: var(--matcha-color-fg) !important;
}

.stroke-fg-inverse,
.stroke-base-inverse,
.stroke-text-inverse {
  stroke: var(--matcha-color-fg-inverse) !important;
}

.stroke-surface {
  stroke: var(--matcha-color-surface) !important;
}

.stroke-surface-alpha {
  stroke: var(--matcha-color-surface-card-alpha) !important;
}

.stroke-placeholder {
  stroke: var(--matcha-color-text-placeholder) !important;
}
.stroke-placeholder-alpha {
  background: var(--matcha-color-grey-alpha) !important;
}

.stroke-label {
  stroke: var(--matcha-color-text-label) !important;
}

.stroke-disabled {
  stroke: var(--matcha-color-disabled) !important;
}

.stroke-disabled-icon {
  stroke: var(--matcha-color-interaction-disabled-fg) !important;
}

.theme-default {
  --matcha-color-surface-bg: var(--matcha-prim-neutral-143);
  --matcha-color-surface-bg-alpha: rgba(240, 242, 245, 0.5);
  --matcha-color-surface-bg-inverse: var(--matcha-prim-neutral-919);
  --matcha-color-surface-bg-inverse-alpha: rgba(17, 19, 24, 0.5);
  --matcha-color-surface: #f7fcf7;
  --matcha-color-surface-card: var(--matcha-prim-neutral-050);
  --matcha-color-surface-card-strong: var(--matcha-prim-common-white);
  --matcha-color-surface-inner: var(--matcha-prim-neutral-143);
  --matcha-color-surface-card-alpha: rgba(255, 255, 255, 0.85);
  --matcha-color-surface-card-inverse: var(--matcha-prim-neutral-826);
  --matcha-color-surface-sidebar: var(--matcha-prim-neutral-236);
  --matcha-color-surface-sidebar-hover: #d8e1da;
  --matcha-color-surface-table-row-hover: var(--matcha-prim-neutral-112);
  --matcha-color-surface-border: var(--matcha-prim-neutral-267);
  --matcha-color-surface-border-strong: #c8d2ca;
  --matcha-color-surface-hover: rgba(228, 235, 229, 0.5);
  --matcha-color-bg: #f1f4f1;
  --matcha-color-fg: #2a2d33;
  --matcha-color-fg-alpha: rgba(42, 45, 51, 0.5);
  --matcha-color-fg-inverse: #e8eaed;
  --matcha-color-fg-inverse-alpha: rgba(232, 234, 237, 0.5);
  --matcha-color-border: #e1e7e2;
  --matcha-color-text-primary: var(--matcha-prim-neutral-733);
  --matcha-color-text-inverse: var(--matcha-prim-neutral-205);
  --matcha-color-text-secondary: var(--matcha-prim-neutral-609);
  --matcha-color-text-muted: var(--matcha-prim-neutral-547);
  --matcha-color-text-label: var(--matcha-prim-neutral-516);
  --matcha-color-text-placeholder: var(--matcha-prim-neutral-516);
  --matcha-color-text-hint: var(--matcha-prim-neutral-516);
  --matcha-color-text-static-light: var(--matcha-prim-common-white);
  --matcha-color-text-static-dark: var(--matcha-prim-neutral-857);
  --matcha-color-icon-default: var(--matcha-prim-neutral-453);
  --matcha-color-icon-active: var(--matcha-prim-neutral-640);
  --matcha-color-interaction-disabled-bg: var(--matcha-prim-neutral-329);
  --matcha-color-interaction-disabled-bg-alpha: rgba(207, 214, 209, 0.5);
  --matcha-color-interaction-disabled-fg: var(--matcha-prim-neutral-484);
  --matcha-color-interaction-disabled-border: var(--matcha-prim-neutral-360);
  --matcha-color-focus-ring: var(--matcha-prim-light-green-600);
  --matcha-color-disabled: #cfd6d1;
  --matcha-color-disabled-fg: #8a9090;
  --matcha-color-disabled-border: #c8d2ca;
  --matcha-color-disabled-bg: #cfd6d1;
  --matcha-color-neutral: var(--matcha-prim-neutral-236);
  --matcha-color-neutral-contrast: var(--matcha-prim-neutral-857);
  --matcha-color-neutral-alpha: rgba(26, 29, 33, 0.08);
  --matcha-color-neutral-hover: var(--matcha-prim-neutral-298);
  --matcha-color-elevation-surface-1: var(--matcha-prim-neutral-081);
  --matcha-color-elevation-surface-2: var(--matcha-prim-common-white);
  --matcha-color-elevation-surface-3: var(--matcha-prim-common-white);
  --matcha-color-elevation-shadow: #1a2c1e;
  --matcha-color-elevation-shadow-tint: #1a2c1e;
  --matcha-color-elevation-scrim: var(--matcha-prim-common-black);
  --matcha-color-state-layer-fg: var(--matcha-prim-common-black);
  --matcha-color-accent: var(--matcha-prim-brand-accent);
  --matcha-color-accent-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-accent-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-accent-text-on: var(--matcha-prim-common-white);
  --matcha-color-accent-alpha: rgba(84, 167, 29, 0.1);
  --matcha-color-accent-light: #b9e3a3;
  --matcha-color-accent-dark: #3a7515;
  --matcha-color-accent-hover: #4b9519;
  --matcha-color-accent-pressed: #428316;
  --matcha-color-accent-surface-hover: #e8f3dc;
  --matcha-color-accent-surface-pressed: #cbe4ab;
  --matcha-color-accent-2: var(--matcha-prim-teal-700);
  --matcha-color-accent-2-contrast: var(--matcha-prim-common-white);
  --matcha-color-accent-2-text-on: #ffffff;
  --matcha-color-accent-2-alpha: rgba(0, 121, 107, 0.1);
  --matcha-color-accent-2-surface: #e0f0ee;
  --matcha-color-primary: var(--matcha-prim-blue-700);
  --matcha-color-primary-contrast: var(--matcha-prim-common-white);
  --matcha-color-primary-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-primary-alpha: rgba(22, 100, 194, 0.1);
  --matcha-color-primary-light: #b3d7fd;
  --matcha-color-primary-dark: #0d3c8c;
  --matcha-color-primary-hover: #2576d2;
  --matcha-color-primary-pressed: #378ce1;
  --matcha-color-primary-surface-hover: #e4eefa;
  --matcha-color-primary-surface-pressed: #cddef5;
  --matcha-color-success: var(--matcha-prim-green-900);
  --matcha-color-success-contrast: var(--matcha-prim-common-white);
  --matcha-color-success-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-success-alpha: rgba(46, 125, 50, 0.1);
  --matcha-color-success-hover: #388e3c;
  --matcha-color-success-pressed: var(--matcha-prim-light-green-600);
  --matcha-color-success-fill: var(--matcha-prim-green-900);
  --matcha-color-success-surface-hover: #e8f5e9;
  --matcha-color-success-surface-pressed: #c8e6c9;
  --matcha-color-danger: var(--matcha-prim-red-a700);
  --matcha-color-danger-contrast: var(--matcha-prim-common-white);
  --matcha-color-danger-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-danger-alpha: rgba(200, 16, 16, 0.1);
  --matcha-color-danger-hover: #da2c2c;
  --matcha-color-danger-pressed: #e64848;
  --matcha-color-danger-fill: var(--matcha-prim-red-a700);
  --matcha-color-danger-surface-hover: #fae8e8;
  --matcha-color-danger-surface-pressed: #f5d2d2;
  --matcha-color-warn: var(--matcha-prim-yellow-600);
  --matcha-color-warn-contrast: var(--matcha-prim-common-white);
  --matcha-color-warn-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-warn-alpha: rgba(166, 78, 0, 0.1);
  --matcha-color-warn-hover: #924200;
  --matcha-color-warn-pressed: #7e3600;
  --matcha-color-warn-fill: var(--matcha-prim-yellow-600);
  --matcha-color-warn-surface-hover: #fcf0e1;
  --matcha-color-warn-surface-pressed: #f8e1c3;
  --matcha-color-info: var(--matcha-prim-blue-a700);
  --matcha-color-info-contrast: var(--matcha-prim-common-white);
  --matcha-color-info-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-info-alpha: rgba(10, 47, 194, 0.1);
  --matcha-color-info-hover: #294cd4;
  --matcha-color-info-pressed: #4265e0;
  --matcha-color-info-surface-hover: #ebeefa;
  --matcha-color-info-surface-pressed: #d8def5;
  --matcha-color-palette-teal: var(--matcha-prim-teal-700);
  --matcha-color-palette-teal-light: var(--matcha-prim-teal-350);
  --matcha-color-palette-teal-alpha: rgba(0, 121, 107, 0.1);
  --matcha-color-palette-light-blue: var(--matcha-prim-light-blue-700);
  --matcha-color-palette-light-blue-light: #54c5f7;
  --matcha-color-palette-light-blue-alpha: rgba(2, 136, 209, 0.1);
  --matcha-color-palette-purple: var(--matcha-prim-purple-500);
  --matcha-color-palette-purple-light: #bb6ac8;
  --matcha-color-palette-purple-alpha: rgba(156, 39, 176, 0.1);
  --matcha-color-palette-purple-contrast: #ffffff;
  --matcha-color-palette-pink: var(--matcha-prim-pink-600);
  --matcha-color-palette-pink-light: #e46291;
  --matcha-color-palette-pink-alpha: rgba(216, 27, 96, 0.1);
  --matcha-color-palette-orange: #e65100;
  --matcha-color-palette-orange-light: #f9a25d;
  --matcha-color-palette-orange-alpha: rgba(230, 81, 0, 0.1);
  --matcha-color-palette-yellow: #ffa000;
  --matcha-color-palette-yellow-light: #efd64f;
  --matcha-color-palette-yellow-alpha: rgba(255, 160, 0, 0.1);
  --matcha-color-chart-series-1: #615ce5;
  --matcha-color-chart-series-2: #42a147;
  --matcha-color-chart-series-3: #ed6645;
  --matcha-color-chart-series-4: #c28700;
  --matcha-color-chart-series-5: #008094;
  --matcha-color-chart-series-1-contrast: #ffffff;
  --matcha-color-chart-series-2-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-chart-series-3-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-chart-series-4-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-chart-series-5-contrast: #ffffff;
  --matcha-color-chart-series-1-alpha: rgba(97, 92, 229, 0.1);
  --matcha-color-chart-series-2-alpha: rgba(66, 161, 71, 0.1);
  --matcha-color-chart-series-3-alpha: rgba(237, 102, 69, 0.1);
  --matcha-color-chart-series-4-alpha: rgba(194, 135, 0, 0.1);
  --matcha-color-chart-series-5-alpha: rgba(0, 128, 148, 0.1);
  --matcha-color-red: #e53a3a;
  --matcha-color-red-alpha: rgba(229, 58, 58, 0.1);
  --matcha-color-red-contrast: white;
  --matcha-color-red-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-pink: #e91e63;
  --matcha-color-pink-alpha: rgba(233, 30, 99, 0.1);
  --matcha-color-pink-contrast: white;
  --matcha-color-pink-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-purple: #9c27b0;
  --matcha-color-purple-alpha: rgba(156, 39, 176, 0.1);
  --matcha-color-purple-contrast: white;
  --matcha-color-purple-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-deep-purple: #673ab7;
  --matcha-color-deep-purple-alpha: rgba(103, 58, 183, 0.1);
  --matcha-color-deep-purple-contrast: white;
  --matcha-color-deep-purple-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-indigo: #3f51b5;
  --matcha-color-indigo-alpha: rgba(63, 81, 181, 0.1);
  --matcha-color-indigo-contrast: white;
  --matcha-color-indigo-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-blue: #2196F3;
  --matcha-color-blue-alpha: rgba(33, 150, 243, 0.1);
  --matcha-color-blue-contrast: white;
  --matcha-color-blue-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-light-blue: #03a9f4;
  --matcha-color-light-blue-alpha: rgba(3, 169, 244, 0.1);
  --matcha-color-light-blue-contrast: white;
  --matcha-color-light-blue-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-cyan: #00bcd4;
  --matcha-color-cyan-alpha: rgba(0, 188, 212, 0.1);
  --matcha-color-cyan-contrast: white;
  --matcha-color-cyan-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-teal: #009688;
  --matcha-color-teal-alpha: rgba(0, 150, 136, 0.1);
  --matcha-color-teal-contrast: white;
  --matcha-color-teal-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-green: #119046;
  --matcha-color-green-alpha: rgba(17, 144, 70, 0.1);
  --matcha-color-green-contrast: white;
  --matcha-color-green-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-light-green: #8BC34A;
  --matcha-color-light-green-alpha: rgba(139, 195, 74, 0.1);
  --matcha-color-light-green-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-light-green-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-lime: #86bd00;
  --matcha-color-lime-alpha: rgba(134, 189, 0, 0.1);
  --matcha-color-lime-contrast: white;
  --matcha-color-lime-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-yellow: #E8C300;
  --matcha-color-yellow-alpha: rgba(232, 195, 0, 0.1);
  --matcha-color-yellow-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-yellow-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-amber: #faa61a;
  --matcha-color-amber-alpha: rgba(250, 166, 26, 0.1);
  --matcha-color-amber-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-amber-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-orange: #f77814;
  --matcha-color-orange-alpha: rgba(247, 120, 20, 0.1);
  --matcha-color-orange-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-orange-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-deep-orange: #ff5722;
  --matcha-color-deep-orange-alpha: rgba(255, 87, 34, 0.1);
  --matcha-color-deep-orange-contrast: white;
  --matcha-color-deep-orange-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-brown: #795548;
  --matcha-color-brown-alpha: rgba(121, 85, 72, 0.1);
  --matcha-color-brown-contrast: white;
  --matcha-color-brown-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-grey: #91A0AA;
  --matcha-color-grey-alpha: rgba(145, 160, 170, 0.1);
  --matcha-color-grey-contrast: white;
  --matcha-color-grey-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-blue-grey: #7E8E95;
  --matcha-color-blue-grey-alpha: rgba(126, 142, 149, 0.1);
  --matcha-color-blue-grey-contrast: white;
  --matcha-color-blue-grey-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-feedback-info: var(--matcha-color-info);
  --matcha-color-feedback-success: var(--matcha-color-success);
  --matcha-color-feedback-warn: var(--matcha-color-warn);
  --matcha-color-feedback-danger: var(--matcha-color-danger);
  --matcha-color-feedback-info-alpha: var(--matcha-color-info-alpha);
  --matcha-color-feedback-success-alpha: var(--matcha-color-success-alpha);
  --matcha-color-feedback-warn-alpha: var(--matcha-color-warn-alpha);
  --matcha-color-feedback-danger-alpha: var(--matcha-color-danger-alpha);
  --matcha-color-feedback-info-surface-hover: var(--matcha-color-info-surface-hover);
  --matcha-color-feedback-success-surface-hover: var(--matcha-color-success-surface-hover);
  --matcha-color-feedback-warn-surface-hover: var(--matcha-color-warn-surface-hover);
  --matcha-color-feedback-danger-surface-hover: var(--matcha-color-danger-surface-hover);
  --matcha-font-family: Manrope, sans-serif;
  --matcha-font-size-2xs: 10px;
  --matcha-font-size-xs: 12px;
  --matcha-font-size-sm: 14px;
  --matcha-font-size-md: 16px;
  --matcha-font-size-lg: 18px;
  --matcha-font-size-xl: 20px;
  --matcha-font-size-2xl: 24px;
  --matcha-font-size-3xl: 32px;
  --matcha-font-size-3xs: 8px;
  --matcha-font-size-4xl: 36px;
  --matcha-font-size-5xl: 48px;
  --matcha-font-size-6xl: 60px;
  --matcha-font-size-7xl: 72px;
  --matcha-weight-normal: 400;
  --matcha-weight-medium: 500;
  --matcha-weight-semi-bold: 600;
  --matcha-weight-bold: 700;
  --matcha-weight-black: 900;
  --matcha-weight-extrabold: 800;
  --matcha-weight-extralight: 200;
  --matcha-weight-light: 300;
  --matcha-easing-standard: cubic-bezier(0.4, 0.0, 0.2, 1);
  --matcha-easing-emphasized: cubic-bezier(0.2, 0.0, 0, 1.0);
  --matcha-easing-decelerated: cubic-bezier(0.0, 0.0, 0.2, 1);
  --matcha-easing-accelerated: cubic-bezier(0.4, 0.0, 1, 1);
  --matcha-space-100: 8px;
  --matcha-space-150: 12px;
  --matcha-space-200: 16px;
  --matcha-space-250: 20px;
  --matcha-space-300: 24px;
  --matcha-space-400: 32px;
  --matcha-space-500: 40px;
  --matcha-space-600: 48px;
  --matcha-space-800: 64px;
  --matcha-space-1000: 80px;
  --matcha-space-1200: 96px;
  --matcha-space-050: 4px;
  --matcha-space-075: 6px;
  --matcha-space-025: 2px;
  --matcha-radius-none: 0;
  --matcha-radius-sm: 2px;
  --matcha-radius-md: 4px;
  --matcha-radius-lg: 8px;
  --matcha-radius-xl: 16px;
  --matcha-radius-pill: 9999px;
  --matcha-radius-2xl: 12px;
  --matcha-radius-3xs: 6px;
  --matcha-radius-3xl: 24px;
  --matcha-border-hairline: 1px;
  --matcha-border-thin: 2px;
  --matcha-border-medium: 4px;
  --matcha-border-thick: 8px;
  --matcha-opacity-hover: 0.04;
  --matcha-opacity-subtle: 0.1;
  --matcha-opacity-medium: 0.2;
  --matcha-opacity-strong: 0.3;
  --matcha-opacity-disabled: 0.38;
  --matcha-opacity-secondary: 0.54;
  --matcha-opacity-high: 0.87;
  --matcha-duration-instant: 80ms;
  --matcha-duration-fast: 200ms;
  --matcha-duration-normal: 400ms;
  --matcha-duration-slow: 600ms;
  --matcha-line-height-none: 1;
  --matcha-line-height-tight: 1.2;
  --matcha-line-height-normal: 1.5;
  --matcha-line-height-relaxed: 1.75;
  --matcha-letter-spacing-tight: -0.5px;
  --matcha-letter-spacing-normal: 0px;
  --matcha-letter-spacing-wide: 0.5px;
  --matcha-letter-spacing-wider: 1px;
  --matcha-z-base: 1;
  --matcha-z-dropdown: 100;
  --matcha-z-sticky: 200;
  --matcha-z-popover: 300;
  --matcha-z-tooltip: 1001;
  --matcha-z-modal-bg: 998;
  --matcha-z-modal: 999;
  --matcha-z-overlay: 1000;
  --matcha-grid-frame-notebook: 1360px;
  --matcha-grid-frame-wide: 1920px;
  --matcha-grid-frame-mobile: 375px;
  --matcha-grid-frame-tablet: 768px;
  --matcha-grid-sidebar-rail: 72px;
  --matcha-grid-sidebar-submenu: 216px;
  --matcha-grid-sidebar-gap: 16px;
  --matcha-grid-sidebar-total: 304px;
  --matcha-grid-col-painel-full: 72px;
  --matcha-grid-col-painel-rail: 88px;
  --matcha-grid-col-painel-compact: 96px;
  --matcha-grid-col-wide-full: 120px;
  --matcha-grid-col-wide-rail: 112px;
  --matcha-grid-col-public-mobile: 80px;
  --matcha-grid-col-public-tablet: 64px;
  --matcha-grid-col-public-desktop: 80px;
  --matcha-grid-gutter-compact: 8px;
  --matcha-grid-gutter-default: 16px;
  --matcha-grid-gutter-wide: 16px;
  --matcha-grid-content-painel-full: 1040px;
  --matcha-grid-content-painel-rail: 1232px;
  --matcha-grid-header-height: 56px;
  --matcha-grid-offset-wide-full: 304px;
  --matcha-grid-offset-wide-rail: 248px;
  --matcha-grid-offset-painel-full: 304px;
  --matcha-grid-offset-painel-rail: 96px;
  --matcha-grid-offset-painel-compact: 24px;
  --matcha-grid-max-content-width: 1600px;
  --matcha-grid-content-wide-full: 1616px;
  --matcha-grid-content-wide-rail: 1520px;
  --matcha-icon-size-sm: 16px;
  --matcha-icon-size-md: 24px;
  --matcha-icon-size-lg: 32px;
  --matcha-icon-size-xl: 48px;
  --matcha-state-layer-hover: 0.08;
  --matcha-state-layer-active: 0.16;
  --matcha-state-layer-pressed: 0.12;
  --matcha-state-layer-subtle: 0.04;
  --matcha-bp-xs: 480px;
  --matcha-bp-sm: 640px;
  --matcha-bp-md: 768px;
  --matcha-bp-lg: 1024px;
  --matcha-bp-xl: 1280px;
  --matcha-bp-2xl: 1536px;
  --matcha-radius-card: var(--matcha-radius-2xl);
  --matcha-weight-regular: 400;
  --matcha-weight-semibold: 600;
  --matcha-text-display-hero: 36px;
  --matcha-text-display: 32px;
  --matcha-text-headline: 24px;
  --matcha-text-title-lg: 20px;
  --matcha-text-title-md: 18px;
  --matcha-text-title-sm: 16px;
  --matcha-text-title-xs: 14px;
  --matcha-text-body-lg: 16px;
  --matcha-text-body-md: 14px;
  --matcha-text-body-sm: 12px;
  --matcha-text-p-tiny: 11px;
  --matcha-text-label-lg: 16px;
  --matcha-text-label-md: 14px;
  --matcha-text-label-sm: 12px;
  --matcha-text-overline: 10px;
  --matcha-text-2xs: 10px;
  --matcha-text-xs: var(--matcha-text-p-tiny);
  --matcha-text-sm: var(--matcha-text-body-sm);
  --matcha-text-md: var(--matcha-text-body-md);
  --matcha-text-lg: var(--matcha-text-body-lg);
  --matcha-text-xl: var(--matcha-text-title-md);
  --matcha-leading-display-hero: 40px;
  --matcha-leading-display: 40px;
  --matcha-leading-headline: 32px;
  --matcha-leading-title-lg: 28px;
  --matcha-leading-title-md: 24px;
  --matcha-leading-title-sm: 22px;
  --matcha-leading-title-xs: 20px;
  --matcha-leading-body-lg: 24px;
  --matcha-leading-body-md: 20px;
  --matcha-leading-body-sm: 16px;
  --matcha-leading-p-tiny: 14px;
  --matcha-leading-label-lg: 22px;
  --matcha-leading-label-md: 20px;
  --matcha-leading-label-sm: 16px;
  --matcha-leading-overline: 14px;
  --matcha-tracking-display-hero: -1.2px;
  --matcha-tracking-display: -0.3px;
  --matcha-tracking-headline: -0.3px;
  --matcha-tracking-overline: 1px;
  --matcha-tracking-p-tiny: 0.3px;
  --matcha-leading-xs: var(--matcha-leading-p-tiny);
  --matcha-leading-sm: var(--matcha-leading-body-sm);
  --matcha-leading-md: var(--matcha-leading-body-md);
  --matcha-leading-lg: var(--matcha-leading-body-lg);
  --matcha-leading-xl: var(--matcha-leading-title-md);
  --matcha-letter-spacing-button: 0.2px;
  --matcha-letter-spacing-caption: 0.3px;
  --matcha-shadow-1: 0 8px 24px -8px rgba(45, 122, 47, 0.04), 0 2px 8px -1px rgba(26, 44, 30, 0.08), 0 1px 2px rgba(26, 44, 30, 0.04);
  --matcha-shadow-2: 0 12px 32px -10px rgba(45, 122, 47, 0.05), 0 4px 16px -2px rgba(26, 44, 30, 0.1), 0 2px 4px -1px rgba(26, 44, 30, 0.05);
  --matcha-shadow-3: 0 16px 40px -12px rgba(45, 122, 47, 0.06), 0 12px 32px -4px rgba(26, 44, 30, 0.14), 0 4px 8px -2px rgba(26, 44, 30, 0.08);
  --matcha-shadow-4: 0 24px 48px -16px rgba(45, 122, 47, 0.08), 0 24px 48px -8px rgba(26, 44, 30, 0.18), 0 8px 16px -4px rgba(26, 44, 30, 0.1);
  --matcha-skeleton-shimmer: rgba(255, 255, 255, 0.5);
  --matcha-chart-card-border: 0 solid transparent;
  --matcha-section-border: 0 solid transparent;
  --matcha-calendar-border: 0 solid transparent;
  --matcha-drawer-border: 0 solid transparent;
  --matcha-color-text-boxed-bg: rgba(0, 0, 0, 0.12);
  --matcha-color-text-boxed-fg: rgba(0, 0, 0, 0.54);
  --matcha-opacity-overlay-soft: 0.40;
  --matcha-opacity-option-disabled: 0.5;
  --matcha-state-hover: var(--matcha-state-layer-hover);
  --matcha-state-active: var(--matcha-state-layer-pressed);
  --matcha-state-focus-ring-width: 2px;
  --matcha-state-focus-ring-offset: 2px;
  --matcha-scrim-modal: rgba(0, 0, 0, 0.5);
  --matcha-scrim-modal-blur: 6px;
  --matcha-scrim-drawer: rgba(0, 0, 0, 0.3);
  --matcha-scrim-drawer-blur: 4px;
  --matcha-avatar-xs: 24px;
  --matcha-avatar-sm: 32px;
  --matcha-avatar-md: 40px;
  --matcha-avatar-lg: 56px;
  --matcha-avatar-xl: 80px;
  --matcha-avatar-2xl: 96px;
  --matcha-avatar-status-xs: 6px;
  --matcha-avatar-status-sm: 8px;
  --matcha-avatar-status-md: 10px;
  --matcha-avatar-status-lg: 12px;
  --matcha-avatar-status-xl: 14px;
  --matcha-avatar-status-2xl: 16px;
  --matcha-z-popover-floating: 10001;
  --matcha-grid-header-height-mobile: 48px;
  --matcha-color-surface-background: var(--matcha-color-surface-bg);
  --matcha-color-surface-background-alpha: var(--matcha-color-surface-bg-alpha);
  --matcha-color-surface-background-inverse: var(--matcha-color-surface-bg-inverse);
  --matcha-color-neutral-default: var(--matcha-color-neutral);
  --matcha-color-interaction-focus-ring: var(--matcha-color-focus-ring);
  --matcha-z-index-base: var(--matcha-z-base);
  --matcha-z-index-dropdown: var(--matcha-z-dropdown);
  --matcha-z-index-sticky: var(--matcha-z-sticky);
  --matcha-z-index-popover: var(--matcha-z-popover);
  --matcha-z-index-tooltip: var(--matcha-z-tooltip);
  --matcha-z-index-modal-bg: var(--matcha-z-modal-bg);
  --matcha-z-index-modal: var(--matcha-z-modal);
  --matcha-z-index-overlay: var(--matcha-z-overlay);
  --matcha-z-index-popover-floating: var(--matcha-z-popover-floating);
  --matcha-font-weight-extralight: var(--matcha-weight-extralight);
  --matcha-font-weight-light: var(--matcha-weight-light);
  --matcha-font-weight-semi-bold: var(--matcha-weight-semibold);
  --matcha-font-weight-regular: var(--matcha-weight-regular);
  --matcha-font-weight-medium: var(--matcha-weight-medium);
  --matcha-font-weight-bold: var(--matcha-weight-bold);
  --matcha-font-weight-extrabold: var(--matcha-weight-extrabold);
  --matcha-font-weight-black: var(--matcha-weight-black);
  --matcha-gradient-banner-info: linear-gradient(
    90deg,
    var(--matcha-color-primary-alpha) 0%,
    var(--matcha-color-surface-card) 100%
  );
  --matcha-gradient-banner-success: linear-gradient(
    90deg,
    var(--matcha-color-success-alpha) 0%,
    var(--matcha-color-surface-card) 100%
  );
  --matcha-gradient-banner-warning: linear-gradient(
    90deg,
    var(--matcha-color-warn-alpha) 0%,
    var(--matcha-color-surface-card) 100%
  );
  --matcha-gradient-banner-accent: linear-gradient(
    90deg,
    var(--matcha-color-accent-alpha) 0%,
    var(--matcha-color-surface-card) 100%
  );
  --matcha-gradient-banner-danger: linear-gradient(
    90deg,
    var(--matcha-color-danger-alpha) 0%,
    var(--matcha-color-surface-card) 100%
  );
}
.theme-default .elevation-z-0 {
  box-shadow: 0px 0px 0px 0px rgba(26, 44, 30, 0.033), 0px 0px 0px 0px rgba(26, 44, 30, 0.033), 0px 0px 0px 0px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-1 {
  box-shadow: 0px 2px 2px 0px rgba(26, 44, 30, 0.033), 0px 2px 2px 0px rgba(26, 44, 30, 0.033), 0px 2px 2px 0px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-2 {
  box-shadow: 0px 3px 2px -2px rgba(26, 44, 30, 0.033), 0px 2px 3px 0px rgba(26, 44, 30, 0.033), 0px 1px 5px 0px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-3 {
  box-shadow: 0px 3px 3px -2px rgba(26, 44, 30, 0.033), 0px 3px 4px 0px rgba(26, 44, 30, 0.033), 0px 1px 8px 0px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-4 {
  box-shadow: 0px 2px 4px -1px rgba(26, 44, 30, 0.033), 0px 4px 5px 0px rgba(26, 44, 30, 0.033), 0px 1px 10px 0px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-5 {
  box-shadow: 0px 3px 5px -1px rgba(26, 44, 30, 0.033), 0px 5px 8px 0px rgba(26, 44, 30, 0.033), 0px 1px 14px 0px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-6 {
  box-shadow: 0px 3px 5px -1px rgba(26, 44, 30, 0.033), 0px 6px 10px 0px rgba(26, 44, 30, 0.033), 0px 1px 18px 0px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-7 {
  box-shadow: 0px 4px 5px -2px rgba(26, 44, 30, 0.033), 0px 7px 10px 1px rgba(26, 44, 30, 0.033), 0px 2px 16px 1px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-8 {
  box-shadow: 0px 5px 5px -3px rgba(26, 44, 30, 0.033), 0px 8px 10px 1px rgba(26, 44, 30, 0.033), 0px 3px 14px 2px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-9 {
  box-shadow: 0px 5px 6px -3px rgba(26, 44, 30, 0.033), 0px 9px 12px 1px rgba(26, 44, 30, 0.033), 0px 3px 16px 2px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-10 {
  box-shadow: 0px 6px 6px -3px rgba(26, 44, 30, 0.033), 0px 10px 14px 1px rgba(26, 44, 30, 0.033), 0px 4px 18px 3px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-11 {
  box-shadow: 0px 6px 7px -4px rgba(26, 44, 30, 0.033), 0px 11px 15px 1px rgba(26, 44, 30, 0.033), 0px 4px 20px 3px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-12 {
  box-shadow: 0px 7px 8px -4px rgba(26, 44, 30, 0.033), 0px 12px 17px 2px rgba(26, 44, 30, 0.033), 0px 5px 22px 4px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-13 {
  box-shadow: 0px 7px 8px -4px rgba(26, 44, 30, 0.033), 0px 13px 19px 2px rgba(26, 44, 30, 0.033), 0px 5px 24px 4px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-14 {
  box-shadow: 0px 7px 9px -4px rgba(26, 44, 30, 0.033), 0px 14px 21px 2px rgba(26, 44, 30, 0.033), 0px 5px 26px 4px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-15 {
  box-shadow: 0px 8px 9px -5px rgba(26, 44, 30, 0.033), 0px 15px 22px 2px rgba(26, 44, 30, 0.033), 0px 6px 28px 5px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-16 {
  box-shadow: 0px 8px 10px -5px rgba(26, 44, 30, 0.033), 0px 16px 24px 2px rgba(26, 44, 30, 0.033), 0px 6px 30px 5px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-17 {
  box-shadow: 0px 8px 11px -5px rgba(26, 44, 30, 0.033), 0px 17px 26px 2px rgba(26, 44, 30, 0.033), 0px 6px 32px 5px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-18 {
  box-shadow: 0px 9px 11px -5px rgba(26, 44, 30, 0.033), 0px 18px 28px 2px rgba(26, 44, 30, 0.033), 0px 7px 34px 6px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-19 {
  box-shadow: 0px 9px 12px -6px rgba(26, 44, 30, 0.033), 0px 19px 29px 2px rgba(26, 44, 30, 0.033), 0px 7px 36px 6px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-20 {
  box-shadow: 0px 10px 13px -6px rgba(26, 44, 30, 0.033), 0px 20px 31px 3px rgba(26, 44, 30, 0.033), 0px 8px 38px 7px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-21 {
  box-shadow: 0px 10px 13px -6px rgba(26, 44, 30, 0.033), 0px 21px 33px 3px rgba(26, 44, 30, 0.033), 0px 8px 40px 7px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-22 {
  box-shadow: 0px 10px 14px -6px rgba(26, 44, 30, 0.033), 0px 22px 35px 3px rgba(26, 44, 30, 0.033), 0px 8px 42px 7px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-23 {
  box-shadow: 0px 11px 14px -7px rgba(26, 44, 30, 0.033), 0px 23px 36px 3px rgba(26, 44, 30, 0.033), 0px 9px 44px 8px rgba(26, 44, 30, 0.033);
}
.theme-default .elevation-z-24 {
  box-shadow: 0px 11px 15px -7px rgba(26, 44, 30, 0.033), 0px 24px 38px 3px rgba(26, 44, 30, 0.033), 0px 9px 46px 8px rgba(26, 44, 30, 0.033);
}
.theme-default {
  color: var(--matcha-color-fg);
  background: var(--matcha-color-surface-bg);
}
.theme-default *, .theme-default *:before, .theme-default *:after {
  box-sizing: border-box;
}
.theme-default::selection, .theme-default ::selection {
  background-color: var(--matcha-color-accent);
  color: var(--matcha-color-accent-text-on);
}
.theme-default a[matcha-cell-link] {
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-50, 4px);
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.theme-default a[matcha-cell-link]:hover {
  text-decoration: underline;
}
.theme-default a[matcha-cell-link]:focus-visible {
  outline: 2px solid var(--matcha-color-accent);
  outline-offset: 2px;
  border-radius: var(--matcha-radius-sm, 2px);
}
.theme-default .h1,
.theme-default h1 {
  font: 700 32px/40px Manrope, sans-serif;
  letter-spacing: -0.5px;
}
.theme-default .h2,
.theme-default h2 {
  font: 700 24px/32px Manrope, sans-serif;
  letter-spacing: -0.3px;
}
.theme-default .h3,
.theme-default h3 {
  font: 600 20px/28px Manrope, sans-serif;
}
.theme-default .h4,
.theme-default h4 {
  font: 600 18px/24px Manrope, sans-serif;
}
.theme-default .h5,
.theme-default h5 {
  font: 600 16px/22px Manrope, sans-serif;
}
.theme-default .h6,
.theme-default h6 {
  font: 500 12px/16px Manrope, sans-serif;
}
.theme-default .text-bold,
.theme-default strong,
.theme-default b {
  font-weight: 600;
}
.theme-default {
  font-family: Manrope, sans-serif;
}
.theme-default button {
  font-family: Manrope, sans-serif;
  font-weight: 500;
}
.theme-default input[type=text],
.theme-default input[type=email],
.theme-default input[type=tel],
.theme-default input[type=url],
.theme-default input[type=password],
.theme-default input[type=number],
.theme-default input[type=search],
.theme-default textarea {
  font-family: Manrope, sans-serif;
  font-weight: 400;
  font-size: 1rem;
}

.theme-dark {
  --matcha-color-surface-bg: var(--matcha-prim-neutral-919);
  --matcha-color-surface-bg-alpha: rgba(17, 19, 24, 0.5);
  --matcha-color-surface-bg-inverse: var(--matcha-prim-neutral-174);
  --matcha-color-surface-bg-inverse-alpha: rgba(240, 242, 245, 0.5);
  --matcha-color-surface: #1c1f26;
  --matcha-color-surface-card: var(--matcha-prim-neutral-826);
  --matcha-color-surface-card-strong: var(--matcha-prim-neutral-795);
  --matcha-color-surface-inner: var(--matcha-prim-neutral-795);
  --matcha-color-surface-card-alpha: rgba(28, 31, 38, 0.5);
  --matcha-color-surface-card-inverse: var(--matcha-prim-common-white);
  --matcha-color-surface-sidebar: var(--matcha-prim-neutral-950);
  --matcha-color-surface-sidebar-hover: #161920;
  --matcha-color-surface-table-row-hover: var(--matcha-prim-neutral-888);
  --matcha-color-surface-border: rgba(255, 255, 255, 0.12);
  --matcha-color-surface-border-strong: rgba(255, 255, 255, 0.24);
  --matcha-color-surface-hover: rgba(17, 19, 24, 0.5);
  --matcha-color-bg: #111318;
  --matcha-color-fg: #e8eaed;
  --matcha-color-fg-alpha: rgba(232, 234, 237, 0.5);
  --matcha-color-fg-inverse: #2a2d33;
  --matcha-color-fg-inverse-alpha: rgba(42, 45, 51, 0.5);
  --matcha-color-border: rgba(255, 255, 255, 0.12);
  --matcha-color-text-primary: var(--matcha-prim-neutral-205);
  --matcha-color-text-inverse: var(--matcha-prim-neutral-733);
  --matcha-color-text-secondary: rgba(255, 255, 255, 0.7);
  --matcha-color-text-muted: var(--matcha-prim-neutral-422);
  --matcha-color-text-label: var(--matcha-prim-neutral-391);
  --matcha-color-text-placeholder: var(--matcha-prim-neutral-578);
  --matcha-color-text-hint: var(--matcha-prim-neutral-453);
  --matcha-color-text-static-light: var(--matcha-prim-common-white);
  --matcha-color-text-static-dark: var(--matcha-prim-neutral-857);
  --matcha-color-icon-default: var(--matcha-prim-neutral-453);
  --matcha-color-icon-active: var(--matcha-prim-neutral-205);
  --matcha-color-interaction-disabled-bg: var(--matcha-prim-neutral-764);
  --matcha-color-interaction-disabled-bg-alpha: rgba(40, 44, 52, 0.5);
  --matcha-color-interaction-disabled-fg: rgba(232, 234, 237, 0.38);
  --matcha-color-interaction-disabled-border: rgba(232, 234, 237, 0.38);
  --matcha-color-focus-ring: var(--matcha-prim-light-green-a400);
  --matcha-color-disabled: #282c34;
  --matcha-color-disabled-fg: rgba(232, 234, 237, 0.38);
  --matcha-color-disabled-border: rgba(232, 234, 237, 0.38);
  --matcha-color-disabled-bg: #282c34;
  --matcha-color-neutral: var(--matcha-prim-neutral-764);
  --matcha-color-neutral-contrast: var(--matcha-prim-neutral-205);
  --matcha-color-neutral-alpha: rgba(232, 234, 237, 0.1);
  --matcha-color-neutral-hover: var(--matcha-prim-neutral-671);
  --matcha-color-elevation-surface-1: var(--matcha-prim-neutral-826);
  --matcha-color-elevation-surface-2: var(--matcha-prim-neutral-795);
  --matcha-color-elevation-surface-3: var(--matcha-prim-neutral-702);
  --matcha-color-elevation-shadow: var(--matcha-prim-common-black);
  --matcha-color-elevation-shadow-tint: var(--matcha-prim-common-black);
  --matcha-color-elevation-scrim: var(--matcha-prim-common-black);
  --matcha-color-state-layer-fg: var(--matcha-prim-common-white);
  --matcha-color-accent: var(--matcha-prim-brand-accent-dark);
  --matcha-color-accent-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-accent-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-accent-text-on: var(--matcha-prim-neutral-857);
  --matcha-color-accent-alpha: rgba(168, 217, 78, 0.1);
  --matcha-color-accent-light: var(--matcha-prim-green-a100);
  --matcha-color-accent-dark: var(--matcha-prim-light-green-200);
  --matcha-color-accent-hover: #bee57a;
  --matcha-color-accent-pressed: #d4eea0;
  --matcha-color-accent-surface-hover: #161e12;
  --matcha-color-accent-surface-pressed: #1f2d18;
  --matcha-color-accent-2: var(--matcha-prim-teal-350);
  --matcha-color-accent-2-contrast: var(--matcha-prim-common-white);
  --matcha-color-accent-2-text-on: #1a1d21;
  --matcha-color-accent-2-alpha: rgba(79, 183, 173, 0.12);
  --matcha-color-accent-2-surface: #1d332e;
  --matcha-color-primary: var(--matcha-prim-blue-300);
  --matcha-color-primary-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-primary-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-primary-alpha: rgba(100, 181, 246, 0.1);
  --matcha-color-primary-light: var(--matcha-prim-blue-100);
  --matcha-color-primary-dark: var(--matcha-prim-blue-200);
  --matcha-color-primary-hover: var(--matcha-prim-blue-200);
  --matcha-color-primary-pressed: var(--matcha-prim-blue-100);
  --matcha-color-primary-surface-hover: #141922;
  --matcha-color-primary-surface-pressed: #1a2436;
  --matcha-color-success: var(--matcha-prim-green-a200);
  --matcha-color-success-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-success-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-success-alpha: rgba(105, 240, 174, 0.1);
  --matcha-color-success-hover: #4cd992;
  --matcha-color-success-pressed: #33c078;
  --matcha-color-success-fill: var(--matcha-prim-light-green-600);
  --matcha-color-success-surface-hover: #121d17;
  --matcha-color-success-surface-pressed: #192f24;
  --matcha-color-danger: var(--matcha-prim-red-200);
  --matcha-color-danger-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-danger-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-danger-alpha: rgba(239, 154, 154, 0.1);
  --matcha-color-danger-hover: #f4b8b8;
  --matcha-color-danger-pressed: #f7d0d0;
  --matcha-color-danger-fill: #e53935;
  --matcha-color-danger-surface-hover: #1d1616;
  --matcha-color-danger-surface-pressed: #2f2121;
  --matcha-color-warn: var(--matcha-prim-yellow-200);
  --matcha-color-warn-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-warn-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-warn-alpha: rgba(255, 183, 77, 0.1);
  --matcha-color-warn-hover: #e69f33;
  --matcha-color-warn-pressed: #cc881a;
  --matcha-color-warn-fill: #fb8c00;
  --matcha-color-warn-surface-hover: #1e1910;
  --matcha-color-warn-surface-pressed: #2f2616;
  --matcha-color-info: var(--matcha-prim-blue-350);
  --matcha-color-info-contrast: var(--matcha-prim-common-white);
  --matcha-color-info-contrast-alpha: rgba(255, 255, 255, 0.1);
  --matcha-color-info-alpha: rgba(64, 144, 216, 0.1);
  --matcha-color-info-hover: #5aa0e0;
  --matcha-color-info-pressed: #74b0e8;
  --matcha-color-info-surface-hover: #0f141e;
  --matcha-color-info-surface-pressed: #131f31;
  --matcha-color-palette-teal: var(--matcha-prim-teal-350);
  --matcha-color-palette-teal-light: var(--matcha-prim-teal-500);
  --matcha-color-palette-teal-alpha: rgba(79, 183, 173, 0.1);
  --matcha-color-palette-light-blue: #54c5f7;
  --matcha-color-palette-light-blue-light: var(--matcha-prim-light-blue-500);
  --matcha-color-palette-light-blue-alpha: rgba(84, 197, 247, 0.1);
  --matcha-color-palette-purple: #bb6ac8;
  --matcha-color-palette-purple-light: var(--matcha-prim-purple-500);
  --matcha-color-palette-purple-alpha: rgba(187, 106, 200, 0.1);
  --matcha-color-palette-purple-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-palette-pink: #e46291;
  --matcha-color-palette-pink-light: var(--matcha-prim-pink-600);
  --matcha-color-palette-pink-alpha: rgba(228, 98, 145, 0.1);
  --matcha-color-palette-orange: #f9a25d;
  --matcha-color-palette-orange-light: var(--matcha-prim-orange-500);
  --matcha-color-palette-orange-alpha: rgba(249, 162, 93, 0.1);
  --matcha-color-palette-yellow: #efd64f;
  --matcha-color-palette-yellow-light: var(--matcha-prim-yellow-500);
  --matcha-color-palette-yellow-alpha: rgba(239, 214, 79, 0.1);
  --matcha-color-chart-series-1: #8782f2;
  --matcha-color-chart-series-2: #66ba6b;
  --matcha-color-chart-series-3: #f5876b;
  --matcha-color-chart-series-4: #ffc93d;
  --matcha-color-chart-series-5: #26c2d9;
  --matcha-color-chart-series-1-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-chart-series-2-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-chart-series-3-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-chart-series-4-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-chart-series-5-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-chart-series-1-alpha: rgba(135, 130, 242, 0.1);
  --matcha-color-chart-series-2-alpha: rgba(102, 186, 107, 0.1);
  --matcha-color-chart-series-3-alpha: rgba(245, 135, 107, 0.1);
  --matcha-color-chart-series-4-alpha: rgba(255, 201, 61, 0.1);
  --matcha-color-chart-series-5-alpha: rgba(38, 194, 217, 0.1);
  --matcha-color-red: #f7c4c4;
  --matcha-color-red-alpha: rgba(247, 196, 196, 0.1);
  --matcha-color-red-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-red-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-pink: #f8bbd0;
  --matcha-color-pink-alpha: rgba(248, 187, 208, 0.1);
  --matcha-color-pink-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-pink-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-purple: #e1bee7;
  --matcha-color-purple-alpha: rgba(225, 190, 231, 0.1);
  --matcha-color-purple-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-purple-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-deep-purple: #d1c4e9;
  --matcha-color-deep-purple-alpha: rgba(209, 196, 233, 0.1);
  --matcha-color-deep-purple-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-deep-purple-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-indigo: #c5cae9;
  --matcha-color-indigo-alpha: rgba(197, 202, 233, 0.1);
  --matcha-color-indigo-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-indigo-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-blue: #BBDEFB;
  --matcha-color-blue-alpha: rgba(187, 222, 251, 0.1);
  --matcha-color-blue-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-blue-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-light-blue: #b3e5fc;
  --matcha-color-light-blue-alpha: rgba(179, 229, 252, 0.1);
  --matcha-color-light-blue-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-light-blue-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-cyan: #b2ebf2;
  --matcha-color-cyan-alpha: rgba(178, 235, 242, 0.1);
  --matcha-color-cyan-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-cyan-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-teal: #b2dfdb;
  --matcha-color-teal-alpha: rgba(178, 223, 219, 0.1);
  --matcha-color-teal-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-teal-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-green: #b8dec8;
  --matcha-color-green-alpha: rgba(184, 222, 200, 0.1);
  --matcha-color-green-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-green-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-light-green: #DCEDC8;
  --matcha-color-light-green-alpha: rgba(220, 237, 200, 0.1);
  --matcha-color-light-green-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-light-green-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-lime: #dbebb3;
  --matcha-color-lime-alpha: rgba(219, 235, 179, 0.1);
  --matcha-color-lime-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-lime-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-yellow: #F8EDB3;
  --matcha-color-yellow-alpha: rgba(248, 237, 179, 0.1);
  --matcha-color-yellow-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-yellow-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-amber: #fee4ba;
  --matcha-color-amber-alpha: rgba(254, 228, 186, 0.1);
  --matcha-color-amber-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-amber-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-orange: #fdd7b9;
  --matcha-color-orange-alpha: rgba(253, 215, 185, 0.1);
  --matcha-color-orange-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-orange-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-deep-orange: #ffccbc;
  --matcha-color-deep-orange-alpha: rgba(255, 204, 188, 0.1);
  --matcha-color-deep-orange-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-deep-orange-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-brown: #d7ccc8;
  --matcha-color-brown-alpha: rgba(215, 204, 200, 0.1);
  --matcha-color-brown-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-brown-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-grey: #DEE3E6;
  --matcha-color-grey-alpha: rgba(222, 227, 230, 0.1);
  --matcha-color-grey-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-grey-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-blue-grey: #E2E7E9;
  --matcha-color-blue-grey-alpha: rgba(226, 231, 233, 0.1);
  --matcha-color-blue-grey-contrast: rgba(0, 0, 0, 0.87);
  --matcha-color-blue-grey-contrast-alpha: rgba(0, 0, 0, 0.1);
  --matcha-color-feedback-info: var(--matcha-color-info);
  --matcha-color-feedback-success: var(--matcha-color-success);
  --matcha-color-feedback-warn: var(--matcha-color-warn);
  --matcha-color-feedback-danger: var(--matcha-color-danger);
  --matcha-color-feedback-info-alpha: var(--matcha-color-info-alpha);
  --matcha-color-feedback-success-alpha: var(--matcha-color-success-alpha);
  --matcha-color-feedback-warn-alpha: var(--matcha-color-warn-alpha);
  --matcha-color-feedback-danger-alpha: var(--matcha-color-danger-alpha);
  --matcha-color-feedback-info-surface-hover: var(--matcha-color-info-surface-hover);
  --matcha-color-feedback-success-surface-hover: var(--matcha-color-success-surface-hover);
  --matcha-color-feedback-warn-surface-hover: var(--matcha-color-warn-surface-hover);
  --matcha-color-feedback-danger-surface-hover: var(--matcha-color-danger-surface-hover);
  --matcha-font-family: Manrope, sans-serif;
  --matcha-font-size-2xs: 10px;
  --matcha-font-size-xs: 12px;
  --matcha-font-size-sm: 14px;
  --matcha-font-size-md: 16px;
  --matcha-font-size-lg: 18px;
  --matcha-font-size-xl: 20px;
  --matcha-font-size-2xl: 24px;
  --matcha-font-size-3xl: 32px;
  --matcha-font-size-3xs: 8px;
  --matcha-font-size-4xl: 36px;
  --matcha-font-size-5xl: 48px;
  --matcha-font-size-6xl: 60px;
  --matcha-font-size-7xl: 72px;
  --matcha-weight-normal: 400;
  --matcha-weight-medium: 500;
  --matcha-weight-semi-bold: 600;
  --matcha-weight-bold: 700;
  --matcha-weight-black: 900;
  --matcha-weight-extrabold: 800;
  --matcha-weight-extralight: 200;
  --matcha-weight-light: 300;
  --matcha-easing-standard: cubic-bezier(0.4, 0.0, 0.2, 1);
  --matcha-easing-emphasized: cubic-bezier(0.2, 0.0, 0, 1.0);
  --matcha-easing-decelerated: cubic-bezier(0.0, 0.0, 0.2, 1);
  --matcha-easing-accelerated: cubic-bezier(0.4, 0.0, 1, 1);
  --matcha-space-100: 8px;
  --matcha-space-150: 12px;
  --matcha-space-200: 16px;
  --matcha-space-250: 20px;
  --matcha-space-300: 24px;
  --matcha-space-400: 32px;
  --matcha-space-500: 40px;
  --matcha-space-600: 48px;
  --matcha-space-800: 64px;
  --matcha-space-1000: 80px;
  --matcha-space-1200: 96px;
  --matcha-space-050: 4px;
  --matcha-space-075: 6px;
  --matcha-space-025: 2px;
  --matcha-radius-none: 0;
  --matcha-radius-sm: 2px;
  --matcha-radius-md: 4px;
  --matcha-radius-lg: 8px;
  --matcha-radius-xl: 16px;
  --matcha-radius-pill: 9999px;
  --matcha-radius-2xl: 12px;
  --matcha-radius-3xs: 6px;
  --matcha-radius-3xl: 24px;
  --matcha-border-hairline: 1px;
  --matcha-border-thin: 2px;
  --matcha-border-medium: 4px;
  --matcha-border-thick: 8px;
  --matcha-opacity-hover: 0.04;
  --matcha-opacity-subtle: 0.1;
  --matcha-opacity-medium: 0.2;
  --matcha-opacity-strong: 0.3;
  --matcha-opacity-disabled: 0.38;
  --matcha-opacity-secondary: 0.54;
  --matcha-opacity-high: 0.87;
  --matcha-duration-instant: 80ms;
  --matcha-duration-fast: 200ms;
  --matcha-duration-normal: 400ms;
  --matcha-duration-slow: 600ms;
  --matcha-line-height-none: 1;
  --matcha-line-height-tight: 1.2;
  --matcha-line-height-normal: 1.5;
  --matcha-line-height-relaxed: 1.75;
  --matcha-letter-spacing-tight: -0.5px;
  --matcha-letter-spacing-normal: 0px;
  --matcha-letter-spacing-wide: 0.5px;
  --matcha-letter-spacing-wider: 1px;
  --matcha-z-base: 1;
  --matcha-z-dropdown: 100;
  --matcha-z-sticky: 200;
  --matcha-z-popover: 300;
  --matcha-z-tooltip: 1001;
  --matcha-z-modal-bg: 998;
  --matcha-z-modal: 999;
  --matcha-z-overlay: 1000;
  --matcha-grid-frame-notebook: 1360px;
  --matcha-grid-frame-wide: 1920px;
  --matcha-grid-frame-mobile: 375px;
  --matcha-grid-frame-tablet: 768px;
  --matcha-grid-sidebar-rail: 72px;
  --matcha-grid-sidebar-submenu: 216px;
  --matcha-grid-sidebar-gap: 16px;
  --matcha-grid-sidebar-total: 304px;
  --matcha-grid-col-painel-full: 72px;
  --matcha-grid-col-painel-rail: 88px;
  --matcha-grid-col-painel-compact: 96px;
  --matcha-grid-col-wide-full: 120px;
  --matcha-grid-col-wide-rail: 112px;
  --matcha-grid-col-public-mobile: 80px;
  --matcha-grid-col-public-tablet: 64px;
  --matcha-grid-col-public-desktop: 80px;
  --matcha-grid-gutter-compact: 8px;
  --matcha-grid-gutter-default: 16px;
  --matcha-grid-gutter-wide: 16px;
  --matcha-grid-content-painel-full: 1040px;
  --matcha-grid-content-painel-rail: 1232px;
  --matcha-grid-header-height: 56px;
  --matcha-grid-offset-wide-full: 304px;
  --matcha-grid-offset-wide-rail: 248px;
  --matcha-grid-offset-painel-full: 304px;
  --matcha-grid-offset-painel-rail: 96px;
  --matcha-grid-offset-painel-compact: 24px;
  --matcha-grid-max-content-width: 1600px;
  --matcha-grid-content-wide-full: 1616px;
  --matcha-grid-content-wide-rail: 1520px;
  --matcha-icon-size-sm: 16px;
  --matcha-icon-size-md: 24px;
  --matcha-icon-size-lg: 32px;
  --matcha-icon-size-xl: 48px;
  --matcha-state-layer-hover: 0.08;
  --matcha-state-layer-active: 0.16;
  --matcha-state-layer-pressed: 0.12;
  --matcha-state-layer-subtle: 0.04;
  --matcha-bp-xs: 480px;
  --matcha-bp-sm: 640px;
  --matcha-bp-md: 768px;
  --matcha-bp-lg: 1024px;
  --matcha-bp-xl: 1280px;
  --matcha-bp-2xl: 1536px;
  --matcha-radius-card: var(--matcha-radius-2xl);
  --matcha-weight-regular: 400;
  --matcha-weight-semibold: 600;
  --matcha-text-display-hero: 36px;
  --matcha-text-display: 32px;
  --matcha-text-headline: 24px;
  --matcha-text-title-lg: 20px;
  --matcha-text-title-md: 18px;
  --matcha-text-title-sm: 16px;
  --matcha-text-title-xs: 14px;
  --matcha-text-body-lg: 16px;
  --matcha-text-body-md: 14px;
  --matcha-text-body-sm: 12px;
  --matcha-text-p-tiny: 11px;
  --matcha-text-label-lg: 16px;
  --matcha-text-label-md: 14px;
  --matcha-text-label-sm: 12px;
  --matcha-text-overline: 10px;
  --matcha-text-2xs: 10px;
  --matcha-text-xs: var(--matcha-text-p-tiny);
  --matcha-text-sm: var(--matcha-text-body-sm);
  --matcha-text-md: var(--matcha-text-body-md);
  --matcha-text-lg: var(--matcha-text-body-lg);
  --matcha-text-xl: var(--matcha-text-title-md);
  --matcha-leading-display-hero: 40px;
  --matcha-leading-display: 40px;
  --matcha-leading-headline: 32px;
  --matcha-leading-title-lg: 28px;
  --matcha-leading-title-md: 24px;
  --matcha-leading-title-sm: 22px;
  --matcha-leading-title-xs: 20px;
  --matcha-leading-body-lg: 24px;
  --matcha-leading-body-md: 20px;
  --matcha-leading-body-sm: 16px;
  --matcha-leading-p-tiny: 14px;
  --matcha-leading-label-lg: 22px;
  --matcha-leading-label-md: 20px;
  --matcha-leading-label-sm: 16px;
  --matcha-leading-overline: 14px;
  --matcha-tracking-display-hero: -1.2px;
  --matcha-tracking-display: -0.3px;
  --matcha-tracking-headline: -0.3px;
  --matcha-tracking-overline: 1px;
  --matcha-tracking-p-tiny: 0.3px;
  --matcha-leading-xs: var(--matcha-leading-p-tiny);
  --matcha-leading-sm: var(--matcha-leading-body-sm);
  --matcha-leading-md: var(--matcha-leading-body-md);
  --matcha-leading-lg: var(--matcha-leading-body-lg);
  --matcha-leading-xl: var(--matcha-leading-title-md);
  --matcha-letter-spacing-button: 0.2px;
  --matcha-letter-spacing-caption: 0.3px;
  --matcha-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 6px -1px rgba(0, 0, 0, 0.15);
  --matcha-shadow-2: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 16px -2px rgba(0, 0, 0, 0.2);
  --matcha-shadow-3: 0 4px 8px -2px rgba(0, 0, 0, 0.15), 0 12px 32px -4px rgba(0, 0, 0, 0.3);
  --matcha-shadow-4: 0 8px 16px -4px rgba(0, 0, 0, 0.2), 0 24px 48px -8px rgba(0, 0, 0, 0.4);
  --matcha-skeleton-shimmer: rgba(255, 255, 255, 0.07);
  --matcha-chart-card-border: 1px solid rgba(33, 33, 33, 0.06);
  --matcha-section-border: 1px solid rgba(33, 33, 33, 0.06);
  --matcha-calendar-border: 1px solid var(--matcha-color-surface-border);
  --matcha-drawer-border: 1px solid var(--matcha-color-surface-border);
  --matcha-color-text-boxed-bg: rgba(255, 255, 255, 0.12);
  --matcha-color-text-boxed-fg: rgba(255, 255, 255, 0.54);
  --matcha-opacity-overlay-soft: 0.40;
  --matcha-opacity-option-disabled: 0.5;
  --matcha-state-hover: var(--matcha-state-layer-hover);
  --matcha-state-active: var(--matcha-state-layer-pressed);
  --matcha-state-focus-ring-width: 2px;
  --matcha-state-focus-ring-offset: 2px;
  --matcha-scrim-modal: rgba(0, 0, 0, 0.5);
  --matcha-scrim-modal-blur: 6px;
  --matcha-scrim-drawer: rgba(0, 0, 0, 0.3);
  --matcha-scrim-drawer-blur: 4px;
  --matcha-avatar-xs: 24px;
  --matcha-avatar-sm: 32px;
  --matcha-avatar-md: 40px;
  --matcha-avatar-lg: 56px;
  --matcha-avatar-xl: 80px;
  --matcha-avatar-2xl: 96px;
  --matcha-avatar-status-xs: 6px;
  --matcha-avatar-status-sm: 8px;
  --matcha-avatar-status-md: 10px;
  --matcha-avatar-status-lg: 12px;
  --matcha-avatar-status-xl: 14px;
  --matcha-avatar-status-2xl: 16px;
  --matcha-z-popover-floating: 10001;
  --matcha-grid-header-height-mobile: 48px;
  --matcha-color-surface-background: var(--matcha-color-surface-bg);
  --matcha-color-surface-background-alpha: var(--matcha-color-surface-bg-alpha);
  --matcha-color-surface-background-inverse: var(--matcha-color-surface-bg-inverse);
  --matcha-color-neutral-default: var(--matcha-color-neutral);
  --matcha-color-interaction-focus-ring: var(--matcha-color-focus-ring);
  --matcha-z-index-base: var(--matcha-z-base);
  --matcha-z-index-dropdown: var(--matcha-z-dropdown);
  --matcha-z-index-sticky: var(--matcha-z-sticky);
  --matcha-z-index-popover: var(--matcha-z-popover);
  --matcha-z-index-tooltip: var(--matcha-z-tooltip);
  --matcha-z-index-modal-bg: var(--matcha-z-modal-bg);
  --matcha-z-index-modal: var(--matcha-z-modal);
  --matcha-z-index-overlay: var(--matcha-z-overlay);
  --matcha-z-index-popover-floating: var(--matcha-z-popover-floating);
  --matcha-font-weight-extralight: var(--matcha-weight-extralight);
  --matcha-font-weight-light: var(--matcha-weight-light);
  --matcha-font-weight-semi-bold: var(--matcha-weight-semibold);
  --matcha-font-weight-regular: var(--matcha-weight-regular);
  --matcha-font-weight-medium: var(--matcha-weight-medium);
  --matcha-font-weight-bold: var(--matcha-weight-bold);
  --matcha-font-weight-extrabold: var(--matcha-weight-extrabold);
  --matcha-font-weight-black: var(--matcha-weight-black);
  --matcha-gradient-banner-info: linear-gradient(
    90deg,
    var(--matcha-color-primary-alpha) 0%,
    var(--matcha-color-surface-card) 100%
  );
  --matcha-gradient-banner-success: linear-gradient(
    90deg,
    var(--matcha-color-success-alpha) 0%,
    var(--matcha-color-surface-card) 100%
  );
  --matcha-gradient-banner-warning: linear-gradient(
    90deg,
    var(--matcha-color-warn-alpha) 0%,
    var(--matcha-color-surface-card) 100%
  );
  --matcha-gradient-banner-accent: linear-gradient(
    90deg,
    var(--matcha-color-accent-alpha) 0%,
    var(--matcha-color-surface-card) 100%
  );
  --matcha-gradient-banner-danger: linear-gradient(
    90deg,
    var(--matcha-color-danger-alpha) 0%,
    var(--matcha-color-surface-card) 100%
  );
}
.theme-dark .elevation-z-0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.033), 0px 0px 0px 0px rgba(0, 0, 0, 0.033), 0px 0px 0px 0px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-1 {
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.033), 0px 2px 2px 0px rgba(0, 0, 0, 0.033), 0px 2px 2px 0px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-2 {
  box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.033), 0px 2px 3px 0px rgba(0, 0, 0, 0.033), 0px 1px 5px 0px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.033), 0px 3px 4px 0px rgba(0, 0, 0, 0.033), 0px 1px 8px 0px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.033), 0px 4px 5px 0px rgba(0, 0, 0, 0.033), 0px 1px 10px 0px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.033), 0px 5px 8px 0px rgba(0, 0, 0, 0.033), 0px 1px 14px 0px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.033), 0px 6px 10px 0px rgba(0, 0, 0, 0.033), 0px 1px 18px 0px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.033), 0px 7px 10px 1px rgba(0, 0, 0, 0.033), 0px 2px 16px 1px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.033), 0px 8px 10px 1px rgba(0, 0, 0, 0.033), 0px 3px 14px 2px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.033), 0px 9px 12px 1px rgba(0, 0, 0, 0.033), 0px 3px 16px 2px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.033), 0px 10px 14px 1px rgba(0, 0, 0, 0.033), 0px 4px 18px 3px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.033), 0px 11px 15px 1px rgba(0, 0, 0, 0.033), 0px 4px 20px 3px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.033), 0px 12px 17px 2px rgba(0, 0, 0, 0.033), 0px 5px 22px 4px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.033), 0px 13px 19px 2px rgba(0, 0, 0, 0.033), 0px 5px 24px 4px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.033), 0px 14px 21px 2px rgba(0, 0, 0, 0.033), 0px 5px 26px 4px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.033), 0px 15px 22px 2px rgba(0, 0, 0, 0.033), 0px 6px 28px 5px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.033), 0px 16px 24px 2px rgba(0, 0, 0, 0.033), 0px 6px 30px 5px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.033), 0px 17px 26px 2px rgba(0, 0, 0, 0.033), 0px 6px 32px 5px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.033), 0px 18px 28px 2px rgba(0, 0, 0, 0.033), 0px 7px 34px 6px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.033), 0px 19px 29px 2px rgba(0, 0, 0, 0.033), 0px 7px 36px 6px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.033), 0px 20px 31px 3px rgba(0, 0, 0, 0.033), 0px 8px 38px 7px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.033), 0px 21px 33px 3px rgba(0, 0, 0, 0.033), 0px 8px 40px 7px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.033), 0px 22px 35px 3px rgba(0, 0, 0, 0.033), 0px 8px 42px 7px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.033), 0px 23px 36px 3px rgba(0, 0, 0, 0.033), 0px 9px 44px 8px rgba(0, 0, 0, 0.033);
}
.theme-dark .elevation-z-24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.033), 0px 24px 38px 3px rgba(0, 0, 0, 0.033), 0px 9px 46px 8px rgba(0, 0, 0, 0.033);
}
.theme-dark {
  color: var(--matcha-color-fg);
  background: var(--matcha-color-surface-bg);
}
.theme-dark *, .theme-dark *:before, .theme-dark *:after {
  box-sizing: border-box;
}
.theme-dark::selection, .theme-dark ::selection {
  background-color: var(--matcha-color-accent);
  color: var(--matcha-color-accent-text-on);
}
.theme-dark a[matcha-cell-link] {
  display: inline-flex;
  align-items: center;
  gap: var(--matcha-space-50, 4px);
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.theme-dark a[matcha-cell-link]:hover {
  text-decoration: underline;
}
.theme-dark a[matcha-cell-link]:focus-visible {
  outline: 2px solid var(--matcha-color-accent);
  outline-offset: 2px;
  border-radius: var(--matcha-radius-sm, 2px);
}
.theme-dark .h1,
.theme-dark h1 {
  font: 700 32px/40px Manrope, sans-serif;
  letter-spacing: -0.5px;
}
.theme-dark .h2,
.theme-dark h2 {
  font: 700 24px/32px Manrope, sans-serif;
  letter-spacing: -0.3px;
}
.theme-dark .h3,
.theme-dark h3 {
  font: 600 20px/28px Manrope, sans-serif;
}
.theme-dark .h4,
.theme-dark h4 {
  font: 600 18px/24px Manrope, sans-serif;
}
.theme-dark .h5,
.theme-dark h5 {
  font: 600 16px/22px Manrope, sans-serif;
}
.theme-dark .h6,
.theme-dark h6 {
  font: 500 12px/16px Manrope, sans-serif;
}
.theme-dark .text-bold,
.theme-dark strong,
.theme-dark b {
  font-weight: 600;
}
.theme-dark {
  font-family: Manrope, sans-serif;
}
.theme-dark button {
  font-family: Manrope, sans-serif;
  font-weight: 500;
}
.theme-dark input[type=text],
.theme-dark input[type=email],
.theme-dark input[type=tel],
.theme-dark input[type=url],
.theme-dark input[type=password],
.theme-dark input[type=number],
.theme-dark input[type=search],
.theme-dark textarea {
  font-family: Manrope, sans-serif;
  font-weight: 400;
  font-size: 1rem;
}

.matcha-option {
  display: block;
}

@media (max-width: 639px) {
  .matcha-paginator {
    flex-wrap: wrap;
    justify-content: center;
  }
  page-content {
    padding-top: 16px;
  }
}
:root {
  --inchurch-green: #86bd00;
  --inchurch-grey: #5e6367;
  --inchurch-light: #d4dde3;
}

.animated-background {
  position: relative;
  overflow: hidden;
}
.animated-background::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, var(--matcha-color-surface-card-alpha) 50%, transparent 100%);
  animation: app-legacy-skeleton-shimmer calc(var(--matcha-duration-slow, 600ms) * 2) linear infinite;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .animated-background::before {
    animation: none;
    opacity: 0.5;
  }
}

@keyframes app-legacy-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
#logoAnim {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.05));
  animation: too-lazy 5s ease 8s alternate infinite;
}

.logo {
  animation: fade-in-up 1s ease;
}

.bg-group path {
  fill: var(--inchurch-light);
}

.blink-tile6 {
  animation: intro-tile 4s ease 1s;
}

.blink-tile5 {
  animation: intro-tile 4s ease 1.25s;
}

.blink-tile4 {
  animation: intro-tile 4s ease 1.5s;
}

.blink-tile3 {
  animation: intro-tile 4s ease 1.75s;
}

.blink-tile2 {
  animation: intro-tile 4s ease 2s;
}

.blink-tile1 {
  animation: intro-tile 4s ease 2.25s;
}

.grey-square6,
.grey-square5,
.grey-square4,
.grey-square3,
.grey-square2,
.grey-square1,
.grey-letter6,
.grey-letter5,
.grey-letter4,
.grey-letter3,
.grey-letter2,
.grey-letter1 {
  animation: intro-letter 5s ease 2s forwards;
}

.blink-tile6,
.blink-tile5,
.blink-tile4,
.blink-tile3,
.blink-tile2,
.blink-tile1,
.grey-square6,
.grey-square5,
.grey-square4,
.grey-square3,
.grey-square2,
.grey-square1,
.grey-letter6,
.grey-letter5,
.grey-letter4,
.grey-letter3,
.grey-letter2,
.grey-letter1 {
  opacity: 0;
  fill: var(--inchurch-grey);
  transition: all 1000ms ease;
}

.green-square6,
.green-square5,
.green-square4,
.green-square3,
.green-square2,
.green-square1,
.green-letter2,
.green-letter1 {
  opacity: 0;
  fill: var(--inchurch-green);
  transition: all 1000ms ease;
  animation: intro-letter 5s ease 2s forwards;
}

@keyframes too-lazy {
  from {
    filter: invert(0);
  }
  to {
    filter: invert(10%);
  }
}
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes intro-letter {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes intro-tile {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#fuse-splash-screen {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f4f4f4;
  z-index: 99999;
  pointer-events: none;
}

#fuse-splash-screen .center {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#fuse-splash-screen .logo {
  width: 300px;
  margin: 0 auto;
  max-width: 100%;
}

#fuse-splash-screen .spinner-wrapper {
  display: block;
  position: relative;
  width: 100%;
  min-height: 100px;
  height: 100vh;
}

#fuse-splash-screen .spinner-wrapper .spinner {
  position: absolute;
  overflow: hidden;
  bottom: 25vh;
  left: 50%;
  margin-left: -50px;
  animation: outer-rotate 2.91667s linear infinite;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner {
  width: 100px;
  height: 100px;
  position: relative;
  animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner .gap {
  position: absolute;
  left: 49px;
  right: 49px;
  top: 0;
  bottom: 0;
  border-top: 10px solid;
  box-sizing: border-box;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner .left,
#fuse-splash-screen .spinner-wrapper .spinner .inner .right {
  position: absolute;
  top: 0;
  height: 100px;
  width: 50px;
  overflow: hidden;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner .left .half-circle,
#fuse-splash-screen .spinner-wrapper .spinner .inner .right .half-circle {
  position: absolute;
  top: 0;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  border: 30px solid #86bd00;
  border-bottom-color: transparent;
  border-radius: 50%;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner .left {
  left: 0;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner .left .half-circle {
  left: 0;
  border-right-color: transparent;
  animation: left-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
  -webkit-animation: left-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner .right {
  right: 0;
}

#fuse-splash-screen .spinner-wrapper .spinner .inner .right .half-circle {
  right: 0;
  border-left-color: transparent;
  animation: right-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
  -webkit-animation: right-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
}

/* #fuse-splash-screen .center .logo img{

            } */
@keyframes outer-rotate {
  0% {
    transform: rotate(0deg) scale(0.5);
  }
  100% {
    transform: rotate(360deg) scale(0.5);
  }
}
@keyframes left-wobble {
  0%, 100% {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
}
@keyframes right-wobble {
  0%, 100% {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
}
@keyframes sporadic-rotate {
  12.5% {
    transform: rotate(135deg);
  }
  25% {
    transform: rotate(270deg);
  }
  37.5% {
    transform: rotate(405deg);
  }
  50% {
    transform: rotate(540deg);
  }
  62.5% {
    transform: rotate(675deg);
  }
  75% {
    transform: rotate(810deg);
  }
  87.5% {
    transform: rotate(945deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}
#fc_frame {
  display: flex !important;
  position: fixed !important;
  z-index: 2 !important;
  top: calc(100vh - 80px) !important;
  left: calc(100vw - 80px) !important;
}

#fc_frame.h-open-container {
  top: calc(100vh - 572px) !important;
  left: calc(100vw - 366px) !important;
}

#fc_frame:not(.h-open-container):not(.h-open-notify) {
  width: 65px !important;
}

#fc_frame.h-open-notify {
  background: #eeeeee;
  border-radius: 8px;
}

.d-hotline.h-btn {
  height: 50px !important;
  width: 50px !important;
}

#widgetBindsBackdrop {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9;
}
#widgetBindsBackdrop.visible {
  display: block;
}

#widgetBinds #inner .position-float {
  position: fixed !important;
  top: 0 !important;
  bottom: auto !important;
  left: auto !important;
  right: 0 !important;
  margin: 72px 16px 0 16px !important;
}
#widgetBinds #inner div.matcha-card {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 568px;
  height: fit-content;
  width: fit-content;
  z-index: 10 !important;
  margin: auto;
  box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.1647058824);
}
#widgetBinds #inner div.matcha-card input[type=checkbox i] {
  width: 18px;
  height: 18px;
}
#widgetBinds #inner div.matcha-card input[type=checkbox i]:checked {
  background-color: #86bd00;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-items: flex-end;
  min-height: 56px;
  min-width: 56px;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget div.binds-animated {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget div.binds-animated .binds-header-widget {
  padding: 16px;
  padding-right: 48px;
  color: #f1f1f1;
  background-color: #86bd00;
  border-radius: 8px 8px 0 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget div.binds-animated .binds-header-widget .binds-caption {
  font-size: 16px;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget button.bindsOpenWidget {
  position: absolute;
  right: 0;
  top: 0;
  padding: 16px;
  border: 0;
  line-height: 0;
  background: transparent;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget button.bindsOpenWidget .binds-material-icons.binds-close-widget {
  display: block;
  font-size: 0;
  background: url('widget-close.svg') no-repeat center center #86bd00;
  height: 32px;
  width: 32px;
  border-radius: 999px;
  cursor: pointer;
  box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1019607843);
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget button.bindsOpenWidget .binds-material-icons.binds-arrow-down {
  display: block;
  font-size: 0;
  background: url('widget-star.png') no-repeat center center;
  background-size: cover;
  height: 24px;
  width: 24px;
  cursor: pointer;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type {
  background: transparent !important;
  padding: 16px;
  padding-top: 0;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget {
  border: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .content-single ul {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 12px;
  flex-direction: column;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .content-single li {
  list-style: none;
  padding: 0;
  margin: 0;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .content-single div.item-single {
  display: flex;
  align-items: center;
  gap: 8px;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .content-single div.item-single label {
  color: #74787A;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .content-single div.item-single .binds-radio {
  display: flex;
  gap: 8px;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .binds-card-content .data5emo {
  cursor: pointer;
  display: flex;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .binds-card-content .data5emo span {
  margin-top: 4px;
  margin-left: 8px;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .icon-joy-gee::after {
  content: "";
  background-image: url('very-satisfied.svg');
  height: 24px !important;
  width: 24px !important;
  display: block;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .icon-happy-gee::after {
  content: "";
  background-image: url('satisfied.svg');
  height: 24px !important;
  width: 24px !important;
  display: block;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .icon-neutral-sleep::after {
  content: "";
  background-image: url('neutral.svg');
  height: 24px !important;
  width: 24px !important;
  display: block;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .icon-unhappy-sleep::after {
  content: "";
  background-image: url('dissatisfied.svg');
  height: 24px !important;
  width: 24px !important;
  display: block;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .icon-wow-open::after {
  content: "";
  background-image: url('very-dissatisfied.svg');
  height: 24px !important;
  width: 24px !important;
  display: block;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .content-input-text .binds-has-textarea {
  display: flex;
  flex-direction: column;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .content-input-text .binds-has-textarea textarea {
  background: rgba(0, 0, 0, 0.0901960784);
  border: 0;
  border-radius: 8px;
  resize: none;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .submit-options-matrix button {
  background-color: #86bd00;
  color: #fff;
  border: 0;
  padding: 8px 32px;
  border-radius: 8px;
  cursor: pointer;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .wid-buttons {
  display: flex;
  justify-content: space-between;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .wid-buttons .binds-raised.yes {
  background-color: #86bd00;
  color: #fff;
  border: 0;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .responsive-widget .wid-buttons .binds-raised.no {
  background-color: #86bd00;
  color: #fff;
  border: 0;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .wid-card > .binds-card > .binds-card-content > div {
  gap: 16px;
  display: flex;
  flex-direction: column;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .wid-card .binds-card-content div .binds-layout.align-buttons {
  display: flex;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .wid-card .binds-card-content div .binds-layout.align-buttons .content-buttons-num {
  width: 100%;
  cursor: pointer;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .wid-card .binds-card-content div .binds-layout.align-buttons .content-buttons-num button.binds-button {
  color: #fff;
  max-width: 100% !important;
  width: 100%;
  border: 0;
  padding: 8px;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .wid-card .binds-card-content div .binds-layout {
  display: flex;
  justify-content: space-between;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .wid-card .binds-card-content div .binds-layout .binds-caption {
  color: #888888 !important;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .binds-card-content .binds-layout-item .binds-layout-item .binds-card-media img {
  display: none;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .binds-card-content .binds-layout-item:nth-child(2) .binds-layout-item:nth-child(2)::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  border-radius: 8px 8px 0 0;
  z-index: -1;
  background-color: #86bd00;
  height: 30px;
  content: "";
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .binds-card-content .binds-layout-item .binds-layout-item .binds-card-header .binds-subhead {
  font-size: 0;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .binds-card-content .binds-layout-item .binds-layout-item .binds-card-header .binds-subhead::before {
  font-size: 16px;
  color: #86bd00;
  display: block;
  content: "Obrigado pelo seu feedback!";
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .binds-card-content .binds-layout-item .binds-layout-item .binds-card-header .binds-subhead::after {
  content: "";
  font-size: 16px;
  display: block;
  color: #74787a;
  content: "Conte conosco se precisar de algo, nossa equipe está a disposição.";
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .binds-card-header {
  margin-top: 40px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .binds-card-header::before {
  content: "";
  background-image: url('inchurch.svg');
  background-repeat: no-repeat;
  width: 144px;
  height: 30px;
  display: block;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .text-component .content-input-text .binds-has-textarea {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .text-component .content-input-text .binds-has-textarea label {
  display: none;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .text-component .content-input-text .binds-has-textarea textarea {
  height: 100px;
  background-color: #fff;
  border: 2px solid #d9d9d9;
  padding: 8px;
  color: #91a0aa;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .text-component .submit-options-matrix {
  display: flex;
  justify-content: end;
}
#widgetBinds #inner div.matcha-card vue-widget .binds-content-widget .answers-type .text-component .submit-options-matrix .binds-button-content {
  background-color: #86bd00;
  color: #fff;
  border: 0;
  border-radius: 8px;
}

#widgetBinds #inner div.survey-class vue-widget .binds-content-widget div.binds-animated .binds-header-widget .binds-title::before {
  content: "Queremos o seu feedback do módulo de";
  font-size: 19px;
  font-weight: medium;
  margin-right: 4px;
  letter-spacing: 0.5px;
}

#widgetBinds #inner div.survey-class.module-satisfaction vue-widget .binds-content-widget div.binds-animated .binds-header-widget .binds-title {
  display: none;
}

#widgetBinds #inner div.survey-class vue-widget .binds-content-widget div.binds-animated .binds-header-widget .binds-title {
  font-size: 0;
  letter-spacing: 0px;
}

#widgetBinds #inner div.module-event vue-widget .binds-content-widget div.binds-animated .binds-header-widget .binds-title::after {
  content: "eventos!";
  font-size: 24px;
  letter-spacing: 0.5px;
}

#widgetBinds #inner div.module-finance vue-widget .binds-content-widget div.binds-animated .binds-header-widget .binds-title::after {
  content: "financeiro!";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

#widgetBinds #inner div.module-product vue-widget .binds-content-widget div.binds-animated .binds-header-widget .binds-title::after {
  content: "produto!";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

#widgetBinds #inner div.module-kids vue-widget .binds-content-widget div.binds-animated .binds-header-widget .binds-title::after {
  content: "kids!";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

#widgetBinds #inner div.module-cell vue-widget .binds-content-widget div.binds-animated .binds-header-widget .binds-title::after {
  content: "células!";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

#widgetBinds #inner div.module-intercession vue-widget .binds-content-widget div.binds-animated .binds-header-widget .binds-title::after {
  content: "intercessão!";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

#widgetBinds #inner div.module-membership vue-widget .binds-content-widget div.binds-animated .binds-header-widget .binds-title::after {
  content: "membresia!";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

#widgetBinds #inner div.module-journey vue-widget .binds-content-widget div.binds-animated .binds-header-widget .binds-title::after {
  content: "jornadas!";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

#widgetBinds #inner div.module-communication vue-widget .binds-content-widget div.binds-animated .binds-header-widget .binds-title::after {
  content: "comunicação!";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

@media (max-width: 639px) {
  #widgetBinds #inner div.matcha-card {
    position: fixed;
    top: 0;
    right: 0;
    max-width: 568px;
    z-index: 10 !important;
    margin: 72px 16px 0 16px;
  }
}
matcha-footer.matcha-footer {
  --matcha-footer-gap-block: 0 !important;
  --matcha-footer-gap-inline: 0 !important;
  --matcha-footer-gap: 0 !important;
  margin-block-start: 0 !important;
  margin-inline: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

.cdk-global-overlay-wrapper:has(.guided-tours-engine-pane) {
  z-index: 2000;
}

.cdk-overlay-container:has(.guided-tours-engine-pane) {
  z-index: 2000;
}

.guided-tours-scrim-backdrop {
  background: rgba(0, 0, 0, 0.5);
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@inchurch/matcha-icons/matcha-icons.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/** Generated by icomoon **/
/* Matcha Icons Relative path:
  ../node_modules/matcha-icons/fonts/matcha-icons.eot
*/

@font-face {
    font-family: "MatchaIcons";
    src: url('matcha-icons.eot');
    src:
        url('matcha-icons.eot?#iefix') format("embedded-opentype"),
        url('matcha-icons.ttf') format("truetype"),
        url('matcha-icons.woff') format("woff"),
        url('matcha-icons.svg') format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="i-matcha-"],
[class*=" i-matcha-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "MatchaIcons" !important;
    /* speak: none; */
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 24px;
    font-size: 24px;
    height: 24px;
    width: 24px;
    position: relative;
    /* top: -1px; */
    display: inline-block;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="i-matcha-"].i-size-tiny,
[class*=" i-matcha-"].i-size-tiny {
    line-height: 12px;
    font-size: 12px;
    height: 12px;
    width: 12px;
}

[class^="i-matcha-"].i-size-small,
[class*=" i-matcha-"].i-size-small {
    line-height: 16px;
    font-size: 16px;
    height: 16px;
    width: 16px;
}

[class^="i-matcha-"].i-size-medium,
[class*=" i-matcha-"].i-size-medium {
    line-height: 24px;
    font-size: 24px;
    height: 24px;
    width: 24px;
}

[class^="i-matcha-"].i-size-large,
[class*=" i-matcha-"].i-size-large {
    line-height: 32px;
    font-size: 32px;
    height: 32px;
    width: 32px;
}

[class^="i-matcha-"].i-size-huge,
[class*=" i-matcha-"].i-size-huge {
    line-height: 48px;
    font-size: 48px;
    height: 48px;
    width: 48px;
}

/*
// -------------------------------------------------------------------------------------------------------------------
// @ Paste library update below
// -------------------------------------------------------------------------------------------------------------------
*/

.i-matcha-home:before {
  content: "\e948";
}
.i-matcha-home-out:before {
  content: "\e964";
}
.i-matcha-events:before {
  content: "\e945";
}
.i-matcha-events-out:before {
  content: "\e961";
}
.i-matcha-content:before {
  content: "\e942";
}
.i-matcha-content-out:before {
  content: "\e95e";
}
.i-matcha-favorite:before {
  content: "\e946";
}
.i-matcha-favorite-out:before {
  content: "\e962";
}
.i-matcha-bible:before {
  content: "\e93a";
}
.i-matcha-bible-out:before {
  content: "\e957";
}
.i-matcha-hand-heart:before {
  content: "\e9c2";
}
.i-matcha-hand-heart-out:before {
  content: "\e9fe";
}
.i-matcha-business:before {
  content: "\e93c";
}
.i-matcha-business-out:before {
  content: "\e959";
}
.i-matcha-id-card:before {
  content: "\e93d";
}
.i-matcha-id-card-out:before {
  content: "\e965";
}
.i-matcha-password:before {
  content: "\e90b";
}
.i-matcha-password-out:before {
  content: "\e91e";
}
.i-matcha-cell:before {
  content: "\e93f";
}
.i-matcha-cell-out:before {
  content: "\e95b";
}
.i-matcha-upload:before {
  content: "\e98f";
}
.i-matcha-upload-out:before {
  content: "\e99c";
}
.i-matcha-download:before {
  content: "\e943";
}
.i-matcha-download-out:before {
  content: "\e99e";
}
.i-matcha-cash:before {
  content: "\ead5";
}
.i-matcha-cash-out:before {
  content: "\ead6";
}
.i-matcha-clone:before {
  content: "\eae9";
}
.i-matcha-clone-out:before {
  content: "\eb55";
}
.i-matcha-thumb-up:before {
  content: "\eb24";
}
.i-matcha-thumb-up-out:before {
  content: "\eb22";
}
.i-matcha-thumb-down:before {
  content: "\eb25";
}
.i-matcha-thumb-down-out:before {
  content: "\eb23";
}
.i-matcha-cake:before {
  content: "\e9b5";
}
.i-matcha-cake-out:before {
  content: "\e9fc";
}
.i-matcha-groups:before {
  content: "\e947";
}
.i-matcha-groups-out:before {
  content: "\e963";
}
.i-matcha-people:before {
  content: "\ea22";
}
.i-matcha-people-out:before {
  content: "\eb4e";
}
.i-matcha-notification1:before {
  content: "\e90a";
}
.i-matcha-notification-out:before {
  content: "\e91d";
}
.i-matcha-cookie:before {
  content: "\eae4";
}
.i-matcha-cookie-out:before {
  content: "\eae5";
}
.i-matcha-publications:before {
  content: "\e9c3";
}
.i-matcha-publications-out:before {
  content: "\e9c4";
}
.i-matcha-body:before {
  content: "\e9ba";
}
.i-matcha-body-out:before {
  content: "\ea90";
}
.i-matcha-header:before {
  content: "\eb35";
}
.i-matcha-header-out:before {
  content: "\eb56";
}
.i-matcha-subscriptions:before {
  content: "\eb57";
}
.i-matcha-subscriptions-out:before {
  content: "\eb58";
}
.i-matcha-save:before {
  content: "\e9ff";
}
.i-matcha-save-out:before {
  content: "\ea00";
}
.i-matcha-education:before {
  content: "\e97d";
}
.i-matcha-education-out:before {
  content: "\eb59";
}
.i-matcha-file-export:before {
  content: "\eb5a";
}
.i-matcha-file-export-out:before {
  content: "\eb5b";
}
.i-matcha-export:before {
  content: "\eb21";
}
.i-matcha-export-out:before {
  content: "\eb5c";
}
.i-matcha-prayer:before {
  content: "\e94e";
}
.i-matcha-prayer-out:before {
  content: "\e96a";
}
.i-matcha-celebrate:before {
  content: "\e9fd";
}
.i-matcha-celebrate-out:before {
  content: "\eb5d";
}
.i-matcha-star:before {
  content: "\e952";
}
.i-matcha-star-out:before {
  content: "\e96e";
}
.i-matcha-edit:before {
  content: "\e944";
}
.i-matcha-edit-out:before {
  content: "\e960";
}
.i-matcha-copy:before {
  content: "\e9c9";
}
.i-matcha-copy-out:before {
  content: "\ea0a";
}
.i-matcha-agenda:before {
  content: "\e939";
}
.i-matcha-agenda-out:before {
  content: "\e956";
}
.i-matcha-calendar:before {
  content: "\e901";
}
.i-matcha-calendar-out:before {
  content: "\e914";
}
.i-matcha-delete:before {
  content: "\e902";
}
.i-matcha-delete-out:before {
  content: "\e915";
}
.i-matcha-visibility-on:before {
  content: "\e912";
}
.i-matcha-visibility-on-out:before {
  content: "\e925";
}
.i-matcha-visibility-off:before {
  content: "\e911";
}
.i-matcha-visibility-off-out:before {
  content: "\e924";
}
.i-matcha-kids1:before {
  content: "\eb4f";
}
.i-matcha-kids-out:before {
  content: "\ea20";
}
.i-matcha-code:before {
  content: "\eb51";
}
.i-matcha-code-out:before {
  content: "\eb50";
}
.i-matcha-village:before {
  content: "\eb5e";
}
.i-matcha-village1:before {
  content: "\eb5f";
}
.i-matcha-settings:before {
  content: "\e90d";
}
.i-matcha-settings-out:before {
  content: "\e920";
}
.i-matcha-archive:before {
  content: "\e95f";
}
.i-matcha-archive-out:before {
  content: "\eb60";
}
.i-matcha-undo:before {
  content: "\eb61";
}
.i-matcha-redo:before {
  content: "\eb62";
}
.i-matcha-email:before {
  content: "\e9b3";
}
.i-matcha-email-out:before {
  content: "\e9b4";
}
.i-matcha-app:before {
  content: "\ea93";
}
.i-matcha-site:before {
  content: "\ea94";
}
.i-matcha-power:before {
  content: "\eb63";
}
.i-matcha-tv:before {
  content: "\e954";
}
.i-matcha-tv-out:before {
  content: "\e970";
}
.i-matcha-reading-plan:before {
  content: "\e951";
}
.i-matcha-reading-plan-out:before {
  content: "\e96d";
}
.i-matcha-church:before {
  content: "\e940";
}
.i-matcha-church-out:before {
  content: "\e95d";
}
.i-matcha-send:before {
  content: "\ea0f";
}
.i-matcha-send-out:before {
  content: "\eb64";
}
.i-matcha-plant:before {
  content: "\eb65";
}
.i-matcha-plant-out:before {
  content: "\eb66";
}
.i-matcha-add-people:before {
  content: "\eb67";
}
.i-matcha-add-people-out:before {
  content: "\eb68";
}
.i-matcha-transfer:before {
  content: "\eacf";
}
.i-matcha-menu:before {
  content: "\e909";
}
.i-matcha-update-balance:before {
  content: "\ead4";
}
.i-matcha-trophy-out:before {
  content: "\e95c";
}
.i-matcha-live:before {
  content: "\e94a";
}
.i-matcha-live-out:before {
  content: "\e966";
}
.i-matcha-news:before {
  content: "\e94d";
}
.i-matcha-news-out:before {
  content: "\e969";
}
.i-matcha-push:before {
  content: "\e9e7";
}
.i-matcha-push-out:before {
  content: "\e9f8";
}
.i-matcha-web:before {
  content: "\e955";
}
.i-matcha-web-out:before {
  content: "\e971";
}
.i-matcha-radio:before {
  content: "\e950";
}
.i-matcha-radio-out:before {
  content: "\e96c";
}
.i-matcha-contact:before {
  content: "\e941";
}
.i-matcha-contact-out:before {
  content: "\e967";
}
.i-matcha-store:before {
  content: "\e953";
}
.i-matcha-store-out:before {
  content: "\e96f";
}
.i-matcha-mykids:before {
  content: "\e94c";
}
.i-matcha-mykids-out:before {
  content: "\e968";
}
.i-matcha-handshake:before {
  content: "\e96b";
}
.i-matcha-handshake-out:before {
  content: "\e972";
}
.i-matcha-profile:before {
  content: "\e94f";
}
.i-matcha-profile-out:before {
  content: "\eb29";
}
.i-matcha-bright:before {
  content: "\e93b";
}
.i-matcha-bright-out:before {
  content: "\e958";
}
.i-matcha-case:before {
  content: "\e93e";
}
.i-matcha-case-out:before {
  content: "\e95a";
}
.i-matcha-link:before {
  content: "\e949";
}
.i-matcha-external-link:before {
  content: "\eb49";
}
.i-matcha-list:before {
  content: "\e94b";
}
.i-matcha-grid:before {
  content: "\e9de";
}
.i-matcha-grid-out:before {
  content: "\e9df";
}
.i-matcha-contrast:before {
  content: "\e99f";
}
.i-matcha-flow-out:before {
  content: "\e973";
}
.i-matcha-flow:before {
  content: "\e933";
}
.i-matcha-check-in:before {
  content: "\eb2a";
}
.i-matcha-check-out:before {
  content: "\e9f5";
}
.i-matcha-counseling:before {
  content: "\e9f6";
}
.i-matcha-counseling-out:before {
  content: "\e9f7";
}
.i-matcha-notes:before {
  content: "\e97e";
}
.i-matcha-notes-out:before {
  content: "\eb2d";
}
.i-matcha-print:before {
  content: "\e9f9";
}
.i-matcha-print-out:before {
  content: "\e9fa";
}
.i-matcha-print2:before {
  content: "\eae7";
}
.i-matcha-print-out2:before {
  content: "\eae8";
}
.i-matcha-smile:before {
  content: "\e9fb";
}
.i-matcha-light-mode:before {
  content: "\e9e3";
}
.i-matcha-dark-mode:before {
  content: "\e9e4";
}
.i-matcha-dark-mode-2:before {
  content: "\eb2b";
}
.i-matcha-preferences-out:before {
  content: "\eae6";
}
.i-matcha-preferences:before {
  content: "\e9e5";
}
.i-matcha-category:before {
  content: "\e978";
}
.i-matcha-bank:before {
  content: "\e976";
}
.i-matcha-bank1:before {
  content: "\eb15";
}
.i-matcha-bank-circle:before {
  content: "\eb16";
}
.i-matcha-visitor:before {
  content: "\e983";
}
.i-matcha-participant:before {
  content: "\e97f";
}
.i-matcha-arrow-left:before {
  content: "\e974";
}
.i-matcha-arrow-up:before {
  content: "\e975";
}
.i-matcha-arrow-down:before {
  content: "\e977";
}
.i-matcha-arrow-right:before {
  content: "\e979";
}
.i-matcha-chevron-left:before {
  content: "\e9b1";
}
.i-matcha-chevron-right:before {
  content: "\e9e0";
}
.i-matcha-chevron-down:before {
  content: "\e9e1";
}
.i-matcha-chevron-up:before {
  content: "\e9e2";
}
.i-matcha-reading:before {
  content: "\e981";
}
.i-matcha-blocked:before {
  content: "\e97a";
}
.i-matcha-reports-out:before {
  content: "\e982";
}
.i-matcha-reports:before {
  content: "\eb2e";
}
.i-matcha-dashboard:before {
  content: "\e97b";
}
.i-matcha-graph:before {
  content: "\e97c";
}
.i-matcha-phone:before {
  content: "\e980";
}
.i-matcha-contact-us:before {
  content: "\e984";
}
.i-matcha-focus:before {
  content: "\eb34";
}
.i-matcha-webhook:before {
  content: "\eb36";
}
.i-matcha-audio:before {
  content: "\e985";
}
.i-matcha-audio-out:before {
  content: "\e991";
}
.i-matcha-foward:before {
  content: "\e986";
}
.i-matcha-foward-out:before {
  content: "\e993";
}
.i-matcha-next:before {
  content: "\e989";
}
.i-matcha-next1:before {
  content: "\e996";
}
.i-matcha-pause:before {
  content: "\e98a";
}
.i-matcha-pause-out:before {
  content: "\e997";
}
.i-matcha-play:before {
  content: "\e98b";
}
.i-matcha-play-out:before {
  content: "\e998";
}
.i-matcha-microphone:before {
  content: "\e988";
}
.i-matcha-microphone-out:before {
  content: "\e995";
}
.i-matcha-previous:before {
  content: "\e98c";
}
.i-matcha-previous-out:before {
  content: "\e999";
}
.i-matcha-rewind:before {
  content: "\e98d";
}
.i-matcha-rewind-out:before {
  content: "\e99a";
}
.i-matcha-songbook:before {
  content: "\e98e";
}
.i-matcha-songbook-out:before {
  content: "\e99b";
}
.i-matcha-video:before {
  content: "\e990";
}
.i-matcha-video-out:before {
  content: "\e99d";
}
.i-matcha-gallery:before {
  content: "\e987";
}
.i-matcha-image-out:before {
  content: "\e994";
}
.i-matcha-edit-image:before {
  content: "\ea92";
}
.i-matcha-bonus:before {
  content: "\e992";
}
.i-matcha-bonus-out:before {
  content: "\e9a0";
}
.i-matcha-lightbulb:before {
  content: "\ea01";
}
.i-matcha-lightbulb-out:before {
  content: "\ea02";
}
.i-matcha-laptop:before {
  content: "\ea03";
}
.i-matcha-phone1:before {
  content: "\ea04";
}
.i-matcha-monitor:before {
  content: "\ea05";
}
.i-matcha-monitor-out:before {
  content: "\ea06";
}
.i-matcha-testimony:before {
  content: "\ea07";
}
.i-matcha-testimony-out:before {
  content: "\ea08";
}
.i-matcha-management:before {
  content: "\eae1";
}
.i-matcha-pdf:before {
  content: "\e9e6";
}
.i-matcha-podtail:before {
  content: "\e9a1";
}
.i-matcha-net:before {
  content: "\e9a2";
}
.i-matcha-contact1:before {
  content: "\eb2f";
}
.i-matcha-copy-content:before {
  content: "\ea09";
}
.i-matcha-about:before {
  content: "\e9c8";
}
.i-matcha-about-out:before {
  content: "\e9cc";
}
.i-matcha-copy-folder:before {
  content: "\ea0b";
}
.i-matcha-copy-folder-out:before {
  content: "\ea0c";
}
.i-matcha-new-note:before {
  content: "\e9ca";
}
.i-matcha-new-note-out:before {
  content: "\ea0d";
}
.i-matcha-folder-closed:before {
  content: "\e9d0";
}
.i-matcha-folder-opened:before {
  content: "\e9d1";
}
.i-matcha-note:before {
  content: "\e9cb";
}
.i-matcha-note-out:before {
  content: "\e9cf";
}
.i-matcha-copy-out1:before {
  content: "\e9cd";
}
.i-matcha-new-note-out1:before {
  content: "\e9ce";
}
.i-matcha-start-presentation:before {
  content: "\eb0f";
}
.i-matcha-cancel-presentation:before {
  content: "\eb10";
}
.i-matcha-checkbox:before {
  content: "\eb11";
}
.i-matcha-text:before {
  content: "\e9dc";
}
.i-matcha-text-align-left:before {
  content: "\e9d7";
}
.i-matcha-text-bullet-list:before {
  content: "\e9d9";
}
.i-matcha-text-align-center:before {
  content: "\e9d5";
}
.i-matcha-text-indent-back:before {
  content: "\e9da";
}
.i-matcha-text-align-justify:before {
  content: "\e9d6";
}
.i-matcha-text-indent-foward:before {
  content: "\e9db";
}
.i-matcha-text-align-right:before {
  content: "\e9d8";
}
.i-matcha-font-bold:before {
  content: "\e9d2";
}
.i-matcha-font-underline:before {
  content: "\e9d4";
}
.i-matcha-font-italic:before {
  content: "\e9d3";
}
.i-matcha-filter:before {
  content: "\ea0e";
}
.i-matcha-filter-out:before {
  content: "\e916";
}
.i-matcha-rocket:before {
  content: "\ea91";
}
.i-matcha-rocket-out:before {
  content: "\eb2c";
}
.i-matcha-filter-bars:before {
  content: "\e903";
}
.i-matcha-fullscreen:before {
  content: "\e905";
}
.i-matcha-fullscreen-out:before {
  content: "\e918";
}
.i-matcha-fullscreen-exit:before {
  content: "\e904";
}
.i-matcha-fullscreen-exit-out:before {
  content: "\e917";
}
.i-matcha-share:before {
  content: "\e90e";
}
.i-matcha-share-out:before {
  content: "\e921";
}
.i-matcha-toggle-off:before {
  content: "\e90f";
}
.i-matcha-toggle-on:before {
  content: "\e910";
}
.i-matcha-toggle-off-out:before {
  content: "\e922";
}
.i-matcha-toggle-on-out:before {
  content: "\e923";
}
.i-matcha-logout:before {
  content: "\e908";
}
.i-matcha-logout-out:before {
  content: "\e91b";
}
.i-matcha-search:before {
  content: "\e90c";
}
.i-matcha-search-out:before {
  content: "\e91f";
}
.i-matcha-menu-out:before {
  content: "\e91c";
}
.i-matcha-info:before {
  content: "\e906";
}
.i-matcha-info-out:before {
  content: "\e919";
}
.i-matcha-leadership:before {
  content: "\e907";
}
.i-matcha-leadership-out:before {
  content: "\e91a";
}
.i-matcha-attachment:before {
  content: "\e900";
}
.i-matcha-attachment-out:before {
  content: "\e913";
}
.i-matcha-action_sign_error:before {
  content: "\e935";
}
.i-matcha-error:before {
  content: "\eb37";
}
.i-matcha-action_close:before {
  content: "\e92a";
}
.i-matcha-close:before {
  content: "\eb33";
}
.i-matcha-action_sign_success:before {
  content: "\e937";
}
.i-matcha-success:before {
  content: "\eb38";
}
.i-matcha-action_done:before {
  content: "\e92b";
}
.i-matcha-check:before {
  content: "\eb39";
}
.i-matcha-action_sign_warning:before {
  content: "\e938";
}
.i-matcha-warning:before {
  content: "\eb3a";
}
.i-matcha-action_sign_warning-out:before {
  content: "\ea10";
}
.i-matcha-warning-out:before {
  content: "\eb3b";
}
.i-matcha-feedback:before {
  content: "\ea11";
}
.i-matcha-feedback-out:before {
  content: "\ea12";
}
.i-matcha-action_get_up:before {
  content: "\e92d";
}
.i-matcha-get_up:before {
  content: "\eb3e";
}
.i-matcha-action_get_down:before {
  content: "\e92c";
}
.i-matcha-get_down:before {
  content: "\eb3f";
}
.i-matcha-action_move:before {
  content: "\e930";
}
.i-matcha-move:before {
  content: "\eb40";
}
.i-matcha-policy:before {
  content: "\e92e";
}
.i-matcha-action_key:before {
  content: "\ea64";
}
.i-matcha-action_sign_info:before {
  content: "\e936";
}
.i-matcha-help:before {
  content: "\eb3c";
}
.i-matcha-action_sign_info-out:before {
  content: "\ea13";
}
.i-matcha-help-out:before {
  content: "\eb3d";
}
.i-matcha-qr-code-no-border:before {
  content: "\ea14";
}
.i-matcha-qr-code:before {
  content: "\ea15";
}
.i-matcha-drag-dots:before {
  content: "\ea16";
}
.i-matcha-drag-bars:before {
  content: "\ea17";
}
.i-matcha-action_arrow_down:before {
  content: "\e926";
}
.i-matcha-down:before {
  content: "\eb41";
}
.i-matcha-action_arrow_left:before {
  content: "\e927";
}
.i-matcha-left:before {
  content: "\eb42";
}
.i-matcha-action_arrow_up:before {
  content: "\e929";
}
.i-matcha-up:before {
  content: "\eb43";
}
.i-matcha-action_arrow_right:before {
  content: "\e928";
}
.i-matcha-right:before {
  content: "\eb44";
}
.i-matcha-payment-cash .path1:before {
  content: "\ea95";
  color: rgb(14, 147, 71);
}
.i-matcha-payment-cash .path2:before {
  content: "\ea96";
  margin-left: -1em;
  color: rgb(59, 181, 74);
}
.i-matcha-payment-cash .path3:before {
  content: "\ea97";
  margin-left: -1em;
  color: rgb(137, 199, 99);
}
.i-matcha-payment-card .path1:before {
  content: "\ea98";
  color: rgb(95, 130, 226);
}
.i-matcha-payment-card .path2:before {
  content: "\ea99";
  margin-left: -1em;
  color: rgb(121, 153, 237);
}
.i-matcha-payment-card .path3:before {
  content: "\ea9a";
  margin-left: -1em;
  color: rgb(240, 196, 27);
}
.i-matcha-payment-card .path4:before {
  content: "\ea9b";
  margin-left: -1em;
  color: rgb(243, 213, 92);
}
.i-matcha-payment-card .path5:before {
  content: "\ea9c";
  margin-left: -1em;
  color: rgb(231, 76, 61);
}
.i-matcha-payment-card .path6:before {
  content: "\ea9d";
  margin-left: -1em;
  color: rgb(240, 196, 27);
}
.i-matcha-payment-visa .path1:before {
  content: "\ea9e";
  color: rgb(36, 42, 136);
}
.i-matcha-payment-visa .path2:before {
  content: "\ea9f";
  margin-left: -1em;
  color: rgb(245, 247, 250);
}
.i-matcha-payment-ticket .path1:before {
  content: "\eaa0";
  color: rgb(237, 237, 237);
}
.i-matcha-payment-ticket .path2:before {
  content: "\eaa1";
  margin-left: -1em;
  color: rgb(0, 124, 180);
}
.i-matcha-payment-ticket .path3:before {
  content: "\eaa2";
  margin-left: -1em;
  color: rgb(217, 38, 47);
}
.i-matcha-payment-elo .path1:before {
  content: "\eaa3";
  color: rgb(34, 55, 68);
}
.i-matcha-payment-elo .path2:before {
  content: "\eaa4";
  margin-left: -1em;
  color: rgb(255, 241, 0);
}
.i-matcha-payment-elo .path3:before {
  content: "\eaa5";
  margin-left: -1em;
  color: rgb(0, 163, 223);
}
.i-matcha-payment-elo .path4:before {
  content: "\eaa6";
  margin-left: -1em;
  color: rgb(238, 64, 35);
}
.i-matcha-payment-elo .path5:before {
  content: "\eaa7";
  margin-left: -1em;
  color: rgb(245, 247, 250);
}
.i-matcha-payment-hipercard .path1:before {
  content: "\eaa8";
  color: rgb(237, 237, 237);
}
.i-matcha-payment-hipercard .path2:before {
  content: "\eaa9";
  margin-left: -1em;
  color: rgb(179, 19, 27);
}
.i-matcha-payment-diners .path1:before {
  content: "\eaaa";
  color: rgb(0, 121, 190);
}
.i-matcha-payment-diners .path2:before {
  content: "\eaab";
  margin-left: -1em;
  color: rgb(245, 247, 250);
}
.i-matcha-payment-credicard .path1:before {
  content: "\eaac";
  color: rgb(237, 237, 237);
}
.i-matcha-payment-credicard .path2:before {
  content: "\eaad";
  margin-left: -1em;
  color: rgb(41, 45, 120);
}
.i-matcha-payment-aura .path1:before {
  content: "\eaae";
  color: rgb(0, 121, 190);
}
.i-matcha-payment-aura .path2:before {
  content: "\eaaf";
  margin-left: -1em;
  color: rgb(254, 218, 97);
}
.i-matcha-payment-aura .path3:before {
  content: "\eab0";
  margin-left: -1em;
  color: rgb(216, 35, 42);
}
.i-matcha-payment-american-express .path1:before {
  content: "\eab1";
  color: rgb(37, 87, 214);
}
.i-matcha-payment-american-express .path2:before {
  content: "\eab2";
  margin-left: -1em;
  color: rgb(245, 247, 250);
}
.i-matcha-payment-american-express .path3:before {
  content: "\eab3";
  margin-left: -1em;
  color: rgb(245, 247, 250);
}
.i-matcha-payment-pix .path1:before {
  content: "\eab4";
  color: rgb(237, 237, 237);
}
.i-matcha-payment-pix .path2:before {
  content: "\eab5";
  margin-left: -1em;
  color: rgb(30, 172, 125);
}
.i-matcha-payment-pix .path3:before {
  content: "\eab6";
  margin-left: -1em;
  color: rgb(30, 172, 125);
}
.i-matcha-payment-master .path1:before {
  content: "\eab7";
  color: rgb(34, 55, 68);
}
.i-matcha-payment-master .path2:before {
  content: "\eab8";
  margin-left: -1em;
  color: rgb(255, 95, 0);
}
.i-matcha-payment-master .path3:before {
  content: "\eab9";
  margin-left: -1em;
  color: rgb(235, 0, 27);
}
.i-matcha-payment-master .path4:before {
  content: "\eaba";
  margin-left: -1em;
  color: rgb(247, 158, 27);
}
.i-matcha-payment-master .path5:before {
  content: "\eabb";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.i-matcha-payment-maestro .path1:before {
  content: "\eabc";
  color: rgb(34, 55, 68);
}
.i-matcha-payment-maestro .path2:before {
  content: "\eabd";
  margin-left: -1em;
  color: rgb(245, 247, 250);
}
.i-matcha-payment-maestro .path3:before {
  content: "\eabe";
  margin-left: -1em;
  color: rgb(118, 115, 192);
}
.i-matcha-payment-maestro .path4:before {
  content: "\eabf";
  margin-left: -1em;
  color: rgb(235, 0, 27);
}
.i-matcha-payment-maestro .path5:before {
  content: "\eac0";
  margin-left: -1em;
  color: rgb(0, 161, 223);
}
.i-matcha-payment-alelo .path1:before {
  content: "\eac1";
  color: rgb(0, 116, 85);
}
.i-matcha-payment-alelo .path2:before {
  content: "\eac2";
  margin-left: -1em;
  color: rgb(183, 210, 86);
}
.i-matcha-payment-alelo .path3:before {
  content: "\eac3";
  margin-left: -1em;
  color: rgb(245, 247, 250);
}
.i-matcha-payment-bank-slip .path1:before {
  content: "\eac4";
  color: rgb(237, 237, 237);
}
.i-matcha-payment-bank-slip .path2:before {
  content: "\eac5";
  margin-left: -1em;
  color: rgb(99, 111, 120);
}
.i-matcha-vr-refeicao .path1:before {
  content: "\eac6";
  color: rgb(17, 144, 70);
}
.i-matcha-vr-refeicao .path2:before {
  content: "\eac7";
  margin-left: -1em;
  color: rgb(235, 139, 45);
}
.i-matcha-vr-refeicao .path3:before {
  content: "\eac8";
  margin-left: -1em;
  color: rgb(245, 247, 250);
}
.i-matcha-vr-auto .path1:before {
  content: "\eac9";
  color: rgb(17, 144, 70);
}
.i-matcha-vr-auto .path2:before {
  content: "\eaca";
  margin-left: -1em;
  color: rgb(27, 27, 27);
}
.i-matcha-vr-auto .path3:before {
  content: "\eacb";
  margin-left: -1em;
  color: rgb(245, 247, 250);
}
.i-matcha-vr-alimentacao .path1:before {
  content: "\eacc";
  color: rgb(17, 144, 70);
}
.i-matcha-vr-alimentacao .path2:before {
  content: "\eacd";
  margin-left: -1em;
  color: rgb(232, 4, 126);
}
.i-matcha-vr-alimentacao .path3:before {
  content: "\eace";
  margin-left: -1em;
  color: rgb(245, 247, 250);
}
.i-matcha-action_plus:before {
  content: "\e932";
}
.i-matcha-plus:before {
  content: "\eb45";
}
.i-matcha-minus:before {
  content: "\ea18";
}
.i-matcha-action_reload:before {
  content: "\e934";
}
.i-matcha-reload:before {
  content: "\eb46";
}
.i-matcha-cost-center:before {
  content: "\ead0";
}
.i-matcha-expand:before {
  content: "\ead1";
}
.i-matcha-collapse:before {
  content: "\ead2";
}
.i-matcha-action_list:before {
  content: "\e92f";
}
.i-matcha-list1:before {
  content: "\eb47";
}
.i-matcha-action_options:before {
  content: "\e931";
}
.i-matcha-options:before {
  content: "\eb48";
}
.i-matcha-ellipsis:before {
  content: "\eb26";
}
.i-matcha-historic:before {
  content: "\ea19";
}
.i-matcha-load .path1:before {
  content: "\ea1a";
  color: rgb(0, 0, 0);
  opacity: 0.5;
}
.i-matcha-load .path2:before {
  content: "\ea1b";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.i-matcha-plugin:before {
  content: "\ea1c";
}
.i-matcha-header-panel:before {
  content: "\e9a3";
}
.i-matcha-modules:before {
  content: "\ea1d";
}
.i-matcha-view-row:before {
  content: "\eb12";
}
.i-matcha-view-column:before {
  content: "\eb13";
}
.i-matcha-platform:before {
  content: "\ea1e";
}
.i-matcha-barcode:before {
  content: "\e9a4";
}
.i-matcha-barcode-out:before {
  content: "\e9aa";
}
.i-matcha-camera:before {
  content: "\e9a5";
}
.i-matcha-camera-out:before {
  content: "\e9ab";
}
.i-matcha-cast:before {
  content: "\e9a6";
}
.i-matcha-cast-out:before {
  content: "\e9ad";
}
.i-matcha-location:before {
  content: "\e9a7";
}
.i-matcha-location-out:before {
  content: "\e9b0";
}
.i-matcha-clock:before {
  content: "\e9a8";
}
.i-matcha-clock-out:before {
  content: "\e9ae";
}
.i-matcha-card:before {
  content: "\e9a9";
}
.i-matcha-card-out:before {
  content: "\e9ac";
}
.i-matcha-add-card:before {
  content: "\ead3";
}
.i-matcha-pin:before {
  content: "\ead7";
}
.i-matcha-pin-out:before {
  content: "\ead8";
}
.i-matcha-flag:before {
  content: "\ead9";
}
.i-matcha-flag-out:before {
  content: "\eada";
}
.i-matcha-category1:before {
  content: "\eadb";
}
.i-matcha-category-out:before {
  content: "\eadc";
}
.i-matcha-media:before {
  content: "\eadd";
}
.i-matcha-media-out:before {
  content: "\eade";
}
.i-matcha-wallet:before {
  content: "\eadf";
}
.i-matcha-wallet-out:before {
  content: "\eae0";
}
.i-matcha-business-unit:before {
  content: "\eae2";
}
.i-matcha-receipt:before {
  content: "\e9af";
}
.i-matcha-receipt-out:before {
  content: "\e9b2";
}
.i-matcha-circle-email:before {
  content: "\e9c5";
}
.i-matcha-pix:before {
  content: "\e9b6";
}
.i-matcha-pix-out:before {
  content: "\e9e8";
}
.i-matcha-location-cell:before {
  content: "\e9e9";
}
.i-matcha-location-cell-out:before {
  content: "\e9b7";
}
.i-matcha-image-rights:before {
  content: "\e9bc";
}
.i-matcha-image-rights-allowed:before {
  content: "\e9bd";
}
.i-matcha-forbidden-passage:before {
  content: "\e9b8";
}
.i-matcha-allowed-passage:before {
  content: "\e9b9";
}
.i-matcha-food-restriction:before {
  content: "\e9be";
}
.i-matcha-no-food-restriction:before {
  content: "\e9bf";
}
.i-matcha-allergy:before {
  content: "\e9c0";
}
.i-matcha-special-need:before {
  content: "\e9c1";
}
.i-matcha-map:before {
  content: "\e9bb";
}
.i-matcha-apple:before {
  content: "\e9c6";
}
.i-matcha-number:before {
  content: "\e9c7";
}
.i-matcha-ibf-church:before {
  content: "\e9dd";
}
.i-matcha-process-barcode:before {
  content: "\e9ea";
}
.i-matcha-process-card:before {
  content: "\e9eb";
}
.i-matcha-box-opened:before {
  content: "\e9ec";
}
.i-matcha-parent:before {
  content: "\ea1f";
}
.i-matcha-kid-girl:before {
  content: "\ea21";
}
.i-matcha-kid-boy:before {
  content: "\eb17";
}
.i-matcha-remember:before {
  content: "\eb27";
}
.i-matcha-circle-code:before {
  content: "\e9ed";
}
.i-matcha-circle-facebook:before {
  content: "\e9ee";
}
.i-matcha-facebook:before {
  content: "\e9ef";
}
.i-matcha-circle-instagram:before {
  content: "\e9f0";
}
.i-matcha-instagram:before {
  content: "\e9f1";
}
.i-matcha-soundcloud:before {
  content: "\e9f2";
}
.i-matcha-circle-soundcloud:before {
  content: "\ea5d";
}
.i-matcha-spotify:before {
  content: "\e9f3";
}
.i-matcha-circle-spotify:before {
  content: "\ea5e";
}
.i-matcha-circle-telegram:before {
  content: "\e9f4";
}
.i-matcha-telegram:before {
  content: "\ea23";
}
.i-matcha-circle-tiktok:before {
  content: "\ea60";
}
.i-matcha-tiktok:before {
  content: "\ea24";
}
.i-matcha-circle-twitter:before {
  content: "\ea25";
}
.i-matcha-twitter:before {
  content: "\ea26";
}
.i-matcha-circle-x:before {
  content: "\eb18";
}
.i-matcha-x:before {
  content: "\eb19";
}
.i-matcha-circle-whatsapp:before {
  content: "\ea27";
}
.i-matcha-whatsapp:before {
  content: "\ea28";
}
.i-matcha-circle-youtube:before {
  content: "\ea29";
}
.i-matcha-youtube:before {
  content: "\ea2a";
}
.i-matcha-circle-share:before {
  content: "\ea61";
}
.i-matcha-share1:before {
  content: "\ea2b";
}
.i-matcha-circle-deezer:before {
  content: "\eb0b";
}
.i-matcha-deezer:before {
  content: "\eb0c";
}
.i-matcha-circle-beacons:before {
  content: "\eb0d";
}
.i-matcha-beacons:before {
  content: "\eb0e";
}
.i-matcha-circle-threads:before {
  content: "\eb14";
}
.i-matcha-threads:before {
  content: "\eb1a";
}
.i-matcha-circle-podcast:before {
  content: "\eb1f";
}
.i-matcha-podcast:before {
  content: "\eb20";
}
.i-matcha-opened-lock:before {
  content: "\ea2c";
}
.i-matcha-flickr:before {
  content: "\ea2d";
}
.i-matcha-circle-flickr:before {
  content: "\eae3";
}
.i-matcha-safetopay:before {
  content: "\eb1b";
}
.i-matcha-granito:before {
  content: "\eb1c";
}
.i-matcha-iugu:before {
  content: "\eb1d";
}
.i-matcha-stripe:before {
  content: "\eb1e";
}
.i-matcha-emoji-happy-alt:before {
  content: "\eb28";
}
.i-matcha-emoji-happy:before {
  content: "\ea2e";
}
.i-matcha-emoji-happy-out:before {
  content: "\ea2f";
}
.i-matcha-emoji-happy-color .path1:before {
  content: "\ea30";
  color: rgb(252, 234, 43);
}
.i-matcha-emoji-happy-color .path2:before {
  content: "\ea31";
  margin-left: -1em;
  color: rgb(245, 247, 250);
}
.i-matcha-emoji-happy-color .path3:before {
  content: "\ea32";
  margin-left: -1em;
  color: rgb(234, 90, 71);
}
.i-matcha-emoji-happy-color .path4:before {
  content: "\ea33";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-happy-color .path5:before {
  content: "\ea34";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-happy-color .path6:before {
  content: "\ea35";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-happy-color .path7:before {
  content: "\ea36";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-happy-color .path8:before {
  content: "\ea37";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-prosperous:before {
  content: "\ea38";
}
.i-matcha-emoji-prosperous-out:before {
  content: "\ea39";
}
.i-matcha-emoji-prosperous-color .path1:before {
  content: "\ea3a";
  color: rgb(252, 234, 43);
}
.i-matcha-emoji-prosperous-color .path2:before {
  content: "\ea3b";
  margin-left: -1em;
  color: rgb(241, 179, 28);
}
.i-matcha-emoji-prosperous-color .path3:before {
  content: "\ea3c";
  margin-left: -1em;
  color: rgb(241, 179, 28);
}
.i-matcha-emoji-prosperous-color .path4:before {
  content: "\ea3d";
  margin-left: -1em;
  color: rgb(234, 90, 71);
}
.i-matcha-emoji-prosperous-color .path5:before {
  content: "\ea3e";
  margin-left: -1em;
  color: rgb(245, 247, 250);
}
.i-matcha-emoji-prosperous-color .path6:before {
  content: "\ea3f";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-prosperous-color .path7:before {
  content: "\ea40";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-prosperous-color .path8:before {
  content: "\ea41";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-prosperous-color .path9:before {
  content: "\ea42";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-prosperous-color .path10:before {
  content: "\ea43";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-prosperous-color .path11:before {
  content: "\ea44";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-prosperous-color .path12:before {
  content: "\ea45";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-prosperous-color .path13:before {
  content: "\ea46";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-blessed:before {
  content: "\ea47";
}
.i-matcha-emoji-blessed-out:before {
  content: "\ea48";
}
.i-matcha-emoji-blessed-color .path1:before {
  content: "\ea49";
  color: rgb(252, 234, 43);
}
.i-matcha-emoji-blessed-color .path2:before {
  content: "\ea4a";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-blessed-color .path3:before {
  content: "\ea4b";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-blessed-color .path4:before {
  content: "\ea4c";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-blessed-color .path5:before {
  content: "\ea4d";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-blessed-color .path6:before {
  content: "\ea4e";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-blessed-color .path7:before {
  content: "\ea4f";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-blessed-color .path8:before {
  content: "\ea50";
  margin-left: -1em;
  color: rgb(97, 178, 228);
}
.i-matcha-emoji-sick:before {
  content: "\ea51";
}
.i-matcha-emoji-sick-out:before {
  content: "\ea52";
}
.i-matcha-emoji-sick-color .path1:before {
  content: "\ea53";
  color: rgb(177, 204, 51);
}
.i-matcha-emoji-sick-color .path2:before {
  content: "\ea54";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sick-color .path3:before {
  content: "\ea55";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sick-color .path4:before {
  content: "\ea56";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sick-color .path5:before {
  content: "\ea57";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sick-color .path6:before {
  content: "\ea58";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sick-color .path7:before {
  content: "\ea59";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sick-color .path8:before {
  content: "\ea5a";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sick-color .path9:before {
  content: "\ea5b";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-alone:before {
  content: "\ea5c";
}
.i-matcha-emoji-alone-out:before {
  content: "\ea5f";
}
.i-matcha-emoji-alone-color .path1:before {
  content: "\ea62";
  color: rgb(252, 234, 43);
}
.i-matcha-emoji-alone-color .path2:before {
  content: "\ea63";
  margin-left: -1em;
  color: rgb(146, 211, 245);
}
.i-matcha-emoji-alone-color .path3:before {
  content: "\ea65";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-alone-color .path4:before {
  content: "\ea66";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-alone-color .path5:before {
  content: "\ea67";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-alone-color .path6:before {
  content: "\ea68";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-alone-color .path7:before {
  content: "\ea69";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-alone-color .path8:before {
  content: "\ea6a";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-alone-color .path9:before {
  content: "\ea6b";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sad:before {
  content: "\ea6c";
}
.i-matcha-emoji-sad-out:before {
  content: "\ea6d";
}
.i-matcha-emoji-sad-color .path1:before {
  content: "\ea6e";
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sad-color .path2:before {
  content: "\ea6f";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sad-color .path3:before {
  content: "\ea70";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sad-color .path4:before {
  content: "\ea71";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sad-color .path5:before {
  content: "\ea72";
  margin-left: -1em;
  color: rgb(252, 234, 43);
}
.i-matcha-emoji-sad-color .path6:before {
  content: "\ea73";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sad-color .path7:before {
  content: "\ea74";
  margin-left: -1em;
  color: rgb(245, 247, 250);
}
.i-matcha-emoji-sad-color .path8:before {
  content: "\ea75";
  margin-left: -1em;
  color: rgb(146, 211, 245);
}
.i-matcha-emoji-sad-color .path9:before {
  content: "\ea76";
  margin-left: -1em;
  color: rgb(146, 211, 245);
}
.i-matcha-emoji-sad-color .path10:before {
  content: "\ea77";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sad-color .path11:before {
  content: "\ea78";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sad-color .path12:before {
  content: "\ea79";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-sad-color .path13:before {
  content: "\ea7a";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-faithless:before {
  content: "\ea7b";
}
.i-matcha-emoji-faithless-out:before {
  content: "\ea7c";
}
.i-matcha-emoji-faithless-color .path1:before {
  content: "\ea7d";
  color: rgb(252, 234, 43);
}
.i-matcha-emoji-faithless-color .path2:before {
  content: "\ea7e";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-faithless-color .path3:before {
  content: "\ea7f";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-faithless-color .path4:before {
  content: "\ea80";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-faithless-color .path5:before {
  content: "\ea81";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-faithless-color .path6:before {
  content: "\ea82";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-faithless-color .path7:before {
  content: "\ea83";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-faithless-color .path8:before {
  content: "\ea84";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-careful:before {
  content: "\ea85";
}
.i-matcha-emoji-careful-out:before {
  content: "\ea86";
}
.i-matcha-emoji-careful-color .path1:before {
  content: "\ea87";
  color: rgb(252, 234, 43);
}
.i-matcha-emoji-careful-color .path2:before {
  content: "\ea88";
  margin-left: -1em;
  color: rgb(210, 47, 39);
}
.i-matcha-emoji-careful-color .path3:before {
  content: "\ea89";
  margin-left: -1em;
  color: rgb(210, 47, 39);
}
.i-matcha-emoji-careful-color .path4:before {
  content: "\ea8a";
  margin-left: -1em;
  color: rgb(245, 247, 250);
}
.i-matcha-emoji-careful-color .path5:before {
  content: "\ea8b";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-careful-color .path6:before {
  content: "\ea8c";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-careful-color .path7:before {
  content: "\ea8d";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-careful-color .path8:before {
  content: "\ea8e";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-distressed:before {
  content: "\ea8f";
}
.i-matcha-emoji-distressed-out:before {
  content: "\eaea";
}
.i-matcha-emoji-distressed-color .path1:before {
  content: "\eaeb";
  color: rgb(252, 234, 43);
}
.i-matcha-emoji-distressed-color .path2:before {
  content: "\eaec";
  margin-left: -1em;
  color: rgb(245, 247, 250);
}
.i-matcha-emoji-distressed-color .path3:before {
  content: "\eaed";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-distressed-color .path4:before {
  content: "\eaee";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-distressed-color .path5:before {
  content: "\eaef";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-distressed-color .path6:before {
  content: "\eaf0";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-distressed-color .path7:before {
  content: "\eaf1";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-emoji-distressed-color .path8:before {
  content: "\eaf2";
  margin-left: -1em;
  color: rgb(34, 55, 68);
}
.i-matcha-nu:before {
  content: "\eaf3";
}
.i-matcha-nu-color .path1:before {
  content: "\eaf4";
  color: rgb(255, 255, 255);
}
.i-matcha-nu-color .path2:before {
  content: "\eaf5";
  margin-left: -1em;
  color: rgb(129, 10, 210);
}
.i-matcha-bradesco:before {
  content: "\eaf6";
}
.i-matcha-bradesco-color .path1:before {
  content: "\eaf7";
  color: rgb(255, 255, 255);
}
.i-matcha-bradesco-color .path2:before {
  content: "\eaf8";
  margin-left: -1em;
  color: rgb(204, 9, 47);
}
.i-matcha-santander:before {
  content: "\eaf9";
}
.i-matcha-santander-color .path1:before {
  content: "\eafa";
  color: rgb(255, 255, 255);
}
.i-matcha-santander-color .path2:before {
  content: "\eafb";
  margin-left: -1em;
  color: rgb(236, 0, 0);
}
.i-matcha-bb:before {
  content: "\eafc";
}
.i-matcha-bb-color .path1:before {
  content: "\eafd";
  color: rgb(51, 52, 142);
}
.i-matcha-bb-color .path2:before {
  content: "\eafe";
  margin-left: -1em;
  color: rgb(255, 239, 56);
}
.i-matcha-c6-color:before {
  content: "\eaff";
}
.i-matcha-itau:before {
  content: "\eb00";
}
.i-matcha-itau-color .path1:before {
  content: "\eb01";
  color: rgb(254, 110, 2);
}
.i-matcha-itau-color .path2:before {
  content: "\eb02";
  margin-left: -1em;
  color: rgb(46, 49, 145);
}
.i-matcha-itau-color .path3:before {
  content: "\eb03";
  margin-left: -1em;
  color: rgb(255, 241, 0);
}
.i-matcha-itau-color .path4:before {
  content: "\eb04";
  margin-left: -1em;
  color: rgb(254, 110, 2);
}
.i-matcha-itau-color .path5:before {
  content: "\eb05";
  margin-left: -1em;
  color: rgb(254, 110, 2);
}
.i-matcha-itau-color .path6:before {
  content: "\eb06";
  margin-left: -1em;
  color: rgb(254, 110, 2);
}
.i-matcha-itau-color .path7:before {
  content: "\eb07";
  margin-left: -1em;
  color: rgb(254, 110, 2);
}
.i-matcha-itau-color .path8:before {
  content: "\eb08";
  margin-left: -1em;
  color: rgb(254, 110, 2);
}
.i-matcha-itau-color .path9:before {
  content: "\eb09";
  margin-left: -1em;
  color: rgb(254, 110, 2);
}
.i-matcha-itau-color .path10:before {
  content: "\eb0a";
  margin-left: -1em;
  color: rgb(254, 110, 2);
}
.i-matcha-itau-color .path11:before {
  content: "\eb30";
  margin-left: -1em;
  color: rgb(254, 110, 2);
}
.i-matcha-itau-color .path12:before {
  content: "\eb31";
  margin-left: -1em;
  color: rgb(254, 110, 2);
}
.i-matcha-itau-color .path13:before {
  content: "\eb32";
  margin-left: -1em;
  color: rgb(254, 110, 2);
}
.i-matcha-itau-color .path14:before {
  content: "\eb4a";
  margin-left: -1em;
  color: rgb(254, 110, 2);
}
.i-matcha-itau-color .path15:before {
  content: "\eb4b";
  margin-left: -1em;
  color: rgb(254, 110, 2);
}
.i-matcha-caixa:before {
  content: "\eb4c";
}
.i-matcha-caixa-color .path1:before {
  content: "\eb4d";
  color: rgb(255, 255, 255);
}
.i-matcha-caixa-color .path2:before {
  content: "\eb52";
  margin-left: -1em;
  color: rgb(0, 111, 174);
}
.i-matcha-caixa-color .path3:before {
  content: "\eb53";
  margin-left: -1em;
  color: rgb(243, 146, 0);
}
.i-matcha-caixa-color .path4:before {
  content: "\eb54";
  margin-left: -1em;
  color: rgb(243, 146, 0);
}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@inchurch/matcha-core/matcha-core.min.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.h-0{height:0}.h-0--force{height:0!important}.max-h-0{max-height:0}.max-h-0--force{max-height:0!important}.min-h-0{min-height:0}.min-h-0--force{min-height:0!important}.h-4{height:4px}.h-4--force{height:4px!important}.max-h-4{max-height:4px}.max-h-4--force{max-height:4px!important}.min-h-4{min-height:4px}.min-h-4--force{min-height:4px!important}.h-8{height:8px}.h-8--force{height:8px!important}.max-h-8{max-height:8px}.max-h-8--force{max-height:8px!important}.min-h-8{min-height:8px}.min-h-8--force{min-height:8px!important}.h-12{height:12px}.h-12--force{height:12px!important}.max-h-12{max-height:12px}.max-h-12--force{max-height:12px!important}.min-h-12{min-height:12px}.min-h-12--force{min-height:12px!important}.h-16{height:16px}.h-16--force{height:16px!important}.max-h-16{max-height:16px}.max-h-16--force{max-height:16px!important}.min-h-16{min-height:16px}.min-h-16--force{min-height:16px!important}.h-20{height:20px}.h-20--force{height:20px!important}.max-h-20{max-height:20px}.max-h-20--force{max-height:20px!important}.min-h-20{min-height:20px}.min-h-20--force{min-height:20px!important}.h-24{height:24px}.h-24--force{height:24px!important}.max-h-24{max-height:24px}.max-h-24--force{max-height:24px!important}.min-h-24{min-height:24px}.min-h-24--force{min-height:24px!important}.h-28{height:28px}.h-28--force{height:28px!important}.max-h-28{max-height:28px}.max-h-28--force{max-height:28px!important}.min-h-28{min-height:28px}.min-h-28--force{min-height:28px!important}.h-32{height:32px}.h-32--force{height:32px!important}.max-h-32{max-height:32px}.max-h-32--force{max-height:32px!important}.min-h-32{min-height:32px}.min-h-32--force{min-height:32px!important}.h-36{height:36px}.h-36--force{height:36px!important}.max-h-36{max-height:36px}.max-h-36--force{max-height:36px!important}.min-h-36{min-height:36px}.min-h-36--force{min-height:36px!important}.h-40{height:40px}.h-40--force{height:40px!important}.max-h-40{max-height:40px}.max-h-40--force{max-height:40px!important}.min-h-40{min-height:40px}.min-h-40--force{min-height:40px!important}.h-44{height:44px}.h-44--force{height:44px!important}.max-h-44{max-height:44px}.max-h-44--force{max-height:44px!important}.min-h-44{min-height:44px}.min-h-44--force{min-height:44px!important}.h-48{height:48px}.h-48--force{height:48px!important}.max-h-48{max-height:48px}.max-h-48--force{max-height:48px!important}.min-h-48{min-height:48px}.min-h-48--force{min-height:48px!important}.h-52{height:52px}.h-52--force{height:52px!important}.max-h-52{max-height:52px}.max-h-52--force{max-height:52px!important}.min-h-52{min-height:52px}.min-h-52--force{min-height:52px!important}.h-56{height:56px}.h-56--force{height:56px!important}.max-h-56{max-height:56px}.max-h-56--force{max-height:56px!important}.min-h-56{min-height:56px}.min-h-56--force{min-height:56px!important}.h-60{height:60px}.h-60--force{height:60px!important}.max-h-60{max-height:60px}.max-h-60--force{max-height:60px!important}.min-h-60{min-height:60px}.min-h-60--force{min-height:60px!important}.h-64{height:64px}.h-64--force{height:64px!important}.max-h-64{max-height:64px}.max-h-64--force{max-height:64px!important}.min-h-64{min-height:64px}.min-h-64--force{min-height:64px!important}.h-68{height:68px}.h-68--force{height:68px!important}.max-h-68{max-height:68px}.max-h-68--force{max-height:68px!important}.min-h-68{min-height:68px}.min-h-68--force{min-height:68px!important}.h-72{height:72px}.h-72--force{height:72px!important}.max-h-72{max-height:72px}.max-h-72--force{max-height:72px!important}.min-h-72{min-height:72px}.min-h-72--force{min-height:72px!important}.h-76{height:76px}.h-76--force{height:76px!important}.max-h-76{max-height:76px}.max-h-76--force{max-height:76px!important}.min-h-76{min-height:76px}.min-h-76--force{min-height:76px!important}.h-80{height:80px}.h-80--force{height:80px!important}.max-h-80{max-height:80px}.max-h-80--force{max-height:80px!important}.min-h-80{min-height:80px}.min-h-80--force{min-height:80px!important}.h-84{height:84px}.h-84--force{height:84px!important}.max-h-84{max-height:84px}.max-h-84--force{max-height:84px!important}.min-h-84{min-height:84px}.min-h-84--force{min-height:84px!important}.h-88{height:88px}.h-88--force{height:88px!important}.max-h-88{max-height:88px}.max-h-88--force{max-height:88px!important}.min-h-88{min-height:88px}.min-h-88--force{min-height:88px!important}.h-92{height:92px}.h-92--force{height:92px!important}.max-h-92{max-height:92px}.max-h-92--force{max-height:92px!important}.min-h-92{min-height:92px}.min-h-92--force{min-height:92px!important}.h-96{height:96px}.h-96--force{height:96px!important}.max-h-96{max-height:96px}.max-h-96--force{max-height:96px!important}.min-h-96{min-height:96px}.min-h-96--force{min-height:96px!important}.h-100{height:100px}.h-100--force{height:100px!important}.max-h-100{max-height:100px}.max-h-100--force{max-height:100px!important}.min-h-100{min-height:100px}.min-h-100--force{min-height:100px!important}.h-104{height:104px}.h-104--force{height:104px!important}.max-h-104{max-height:104px}.max-h-104--force{max-height:104px!important}.min-h-104{min-height:104px}.min-h-104--force{min-height:104px!important}.h-108{height:108px}.h-108--force{height:108px!important}.max-h-108{max-height:108px}.max-h-108--force{max-height:108px!important}.min-h-108{min-height:108px}.min-h-108--force{min-height:108px!important}.h-112{height:112px}.h-112--force{height:112px!important}.max-h-112{max-height:112px}.max-h-112--force{max-height:112px!important}.min-h-112{min-height:112px}.min-h-112--force{min-height:112px!important}.h-116{height:116px}.h-116--force{height:116px!important}.max-h-116{max-height:116px}.max-h-116--force{max-height:116px!important}.min-h-116{min-height:116px}.min-h-116--force{min-height:116px!important}.h-120{height:120px}.h-120--force{height:120px!important}.max-h-120{max-height:120px}.max-h-120--force{max-height:120px!important}.min-h-120{min-height:120px}.min-h-120--force{min-height:120px!important}.h-124{height:124px}.h-124--force{height:124px!important}.max-h-124{max-height:124px}.max-h-124--force{max-height:124px!important}.min-h-124{min-height:124px}.min-h-124--force{min-height:124px!important}.h-128{height:128px}.h-128--force{height:128px!important}.max-h-128{max-height:128px}.max-h-128--force{max-height:128px!important}.min-h-128{min-height:128px}.min-h-128--force{min-height:128px!important}.h-132{height:132px}.h-132--force{height:132px!important}.max-h-132{max-height:132px}.max-h-132--force{max-height:132px!important}.min-h-132{min-height:132px}.min-h-132--force{min-height:132px!important}.h-136{height:136px}.h-136--force{height:136px!important}.max-h-136{max-height:136px}.max-h-136--force{max-height:136px!important}.min-h-136{min-height:136px}.min-h-136--force{min-height:136px!important}.h-140{height:140px}.h-140--force{height:140px!important}.max-h-140{max-height:140px}.max-h-140--force{max-height:140px!important}.min-h-140{min-height:140px}.min-h-140--force{min-height:140px!important}.h-144{height:144px}.h-144--force{height:144px!important}.max-h-144{max-height:144px}.max-h-144--force{max-height:144px!important}.min-h-144{min-height:144px}.min-h-144--force{min-height:144px!important}.h-148{height:148px}.h-148--force{height:148px!important}.max-h-148{max-height:148px}.max-h-148--force{max-height:148px!important}.min-h-148{min-height:148px}.min-h-148--force{min-height:148px!important}.h-152{height:152px}.h-152--force{height:152px!important}.max-h-152{max-height:152px}.max-h-152--force{max-height:152px!important}.min-h-152{min-height:152px}.min-h-152--force{min-height:152px!important}.h-156{height:156px}.h-156--force{height:156px!important}.max-h-156{max-height:156px}.max-h-156--force{max-height:156px!important}.min-h-156{min-height:156px}.min-h-156--force{min-height:156px!important}.h-160{height:160px}.h-160--force{height:160px!important}.max-h-160{max-height:160px}.max-h-160--force{max-height:160px!important}.min-h-160{min-height:160px}.min-h-160--force{min-height:160px!important}.h-164{height:164px}.h-164--force{height:164px!important}.max-h-164{max-height:164px}.max-h-164--force{max-height:164px!important}.min-h-164{min-height:164px}.min-h-164--force{min-height:164px!important}.h-168{height:168px}.h-168--force{height:168px!important}.max-h-168{max-height:168px}.max-h-168--force{max-height:168px!important}.min-h-168{min-height:168px}.min-h-168--force{min-height:168px!important}.h-172{height:172px}.h-172--force{height:172px!important}.max-h-172{max-height:172px}.max-h-172--force{max-height:172px!important}.min-h-172{min-height:172px}.min-h-172--force{min-height:172px!important}.h-176{height:176px}.h-176--force{height:176px!important}.max-h-176{max-height:176px}.max-h-176--force{max-height:176px!important}.min-h-176{min-height:176px}.min-h-176--force{min-height:176px!important}.h-180{height:180px}.h-180--force{height:180px!important}.max-h-180{max-height:180px}.max-h-180--force{max-height:180px!important}.min-h-180{min-height:180px}.min-h-180--force{min-height:180px!important}.h-184{height:184px}.h-184--force{height:184px!important}.max-h-184{max-height:184px}.max-h-184--force{max-height:184px!important}.min-h-184{min-height:184px}.min-h-184--force{min-height:184px!important}.h-188{height:188px}.h-188--force{height:188px!important}.max-h-188{max-height:188px}.max-h-188--force{max-height:188px!important}.min-h-188{min-height:188px}.min-h-188--force{min-height:188px!important}.h-192{height:192px}.h-192--force{height:192px!important}.max-h-192{max-height:192px}.max-h-192--force{max-height:192px!important}.min-h-192{min-height:192px}.min-h-192--force{min-height:192px!important}.h-196{height:196px}.h-196--force{height:196px!important}.max-h-196{max-height:196px}.max-h-196--force{max-height:196px!important}.min-h-196{min-height:196px}.min-h-196--force{min-height:196px!important}.h-200{height:200px}.h-200--force{height:200px!important}.max-h-200{max-height:200px}.max-h-200--force{max-height:200px!important}.min-h-200{min-height:200px}.min-h-200--force{min-height:200px!important}.h-204{height:204px}.h-204--force{height:204px!important}.max-h-204{max-height:204px}.max-h-204--force{max-height:204px!important}.min-h-204{min-height:204px}.min-h-204--force{min-height:204px!important}.h-208{height:208px}.h-208--force{height:208px!important}.max-h-208{max-height:208px}.max-h-208--force{max-height:208px!important}.min-h-208{min-height:208px}.min-h-208--force{min-height:208px!important}.h-212{height:212px}.h-212--force{height:212px!important}.max-h-212{max-height:212px}.max-h-212--force{max-height:212px!important}.min-h-212{min-height:212px}.min-h-212--force{min-height:212px!important}.h-216{height:216px}.h-216--force{height:216px!important}.max-h-216{max-height:216px}.max-h-216--force{max-height:216px!important}.min-h-216{min-height:216px}.min-h-216--force{min-height:216px!important}.h-220{height:220px}.h-220--force{height:220px!important}.max-h-220{max-height:220px}.max-h-220--force{max-height:220px!important}.min-h-220{min-height:220px}.min-h-220--force{min-height:220px!important}.h-224{height:224px}.h-224--force{height:224px!important}.max-h-224{max-height:224px}.max-h-224--force{max-height:224px!important}.min-h-224{min-height:224px}.min-h-224--force{min-height:224px!important}.h-228{height:228px}.h-228--force{height:228px!important}.max-h-228{max-height:228px}.max-h-228--force{max-height:228px!important}.min-h-228{min-height:228px}.min-h-228--force{min-height:228px!important}.h-232{height:232px}.h-232--force{height:232px!important}.max-h-232{max-height:232px}.max-h-232--force{max-height:232px!important}.min-h-232{min-height:232px}.min-h-232--force{min-height:232px!important}.h-236{height:236px}.h-236--force{height:236px!important}.max-h-236{max-height:236px}.max-h-236--force{max-height:236px!important}.min-h-236{min-height:236px}.min-h-236--force{min-height:236px!important}.h-240{height:240px}.h-240--force{height:240px!important}.max-h-240{max-height:240px}.max-h-240--force{max-height:240px!important}.min-h-240{min-height:240px}.min-h-240--force{min-height:240px!important}.h-244{height:244px}.h-244--force{height:244px!important}.max-h-244{max-height:244px}.max-h-244--force{max-height:244px!important}.min-h-244{min-height:244px}.min-h-244--force{min-height:244px!important}.h-248{height:248px}.h-248--force{height:248px!important}.max-h-248{max-height:248px}.max-h-248--force{max-height:248px!important}.min-h-248{min-height:248px}.min-h-248--force{min-height:248px!important}.h-252{height:252px}.h-252--force{height:252px!important}.max-h-252{max-height:252px}.max-h-252--force{max-height:252px!important}.min-h-252{min-height:252px}.min-h-252--force{min-height:252px!important}.h-256{height:256px}.h-256--force{height:256px!important}.max-h-256{max-height:256px}.max-h-256--force{max-height:256px!important}.min-h-256{min-height:256px}.min-h-256--force{min-height:256px!important}.h-0-p{height:0%}.h-0-p--force{height:0%!important}.max-h-0-p{max-height:0%}.max-h-0-p--force{max-height:0%!important}.min-h-0-p{min-height:0}.min-h-0-p--force{min-height:0!important}.h-5-p{height:5%}.h-5-p--force{height:5%!important}.max-h-5-p{max-height:5%}.max-h-5-p--force{max-height:5%!important}.min-h-5-p{min-height:5%}.min-h-5-p--force{min-height:5%!important}.h-10-p{height:10%}.h-10-p--force{height:10%!important}.max-h-10-p{max-height:10%}.max-h-10-p--force{max-height:10%!important}.min-h-10-p{min-height:10%}.min-h-10-p--force{min-height:10%!important}.h-15-p{height:15%}.h-15-p--force{height:15%!important}.max-h-15-p{max-height:15%}.max-h-15-p--force{max-height:15%!important}.min-h-15-p{min-height:15%}.min-h-15-p--force{min-height:15%!important}.h-20-p{height:20%}.h-20-p--force{height:20%!important}.max-h-20-p{max-height:20%}.max-h-20-p--force{max-height:20%!important}.min-h-20-p{min-height:20%}.min-h-20-p--force{min-height:20%!important}.h-25-p{height:25%}.h-25-p--force{height:25%!important}.max-h-25-p{max-height:25%}.max-h-25-p--force{max-height:25%!important}.min-h-25-p{min-height:25%}.min-h-25-p--force{min-height:25%!important}.h-30-p{height:30%}.h-30-p--force{height:30%!important}.max-h-30-p{max-height:30%}.max-h-30-p--force{max-height:30%!important}.min-h-30-p{min-height:30%}.min-h-30-p--force{min-height:30%!important}.h-35-p{height:35%}.h-35-p--force{height:35%!important}.max-h-35-p{max-height:35%}.max-h-35-p--force{max-height:35%!important}.min-h-35-p{min-height:35%}.min-h-35-p--force{min-height:35%!important}.h-40-p{height:40%}.h-40-p--force{height:40%!important}.max-h-40-p{max-height:40%}.max-h-40-p--force{max-height:40%!important}.min-h-40-p{min-height:40%}.min-h-40-p--force{min-height:40%!important}.h-45-p{height:45%}.h-45-p--force{height:45%!important}.max-h-45-p{max-height:45%}.max-h-45-p--force{max-height:45%!important}.min-h-45-p{min-height:45%}.min-h-45-p--force{min-height:45%!important}.h-50-p{height:50%}.h-50-p--force{height:50%!important}.max-h-50-p{max-height:50%}.max-h-50-p--force{max-height:50%!important}.min-h-50-p{min-height:50%}.min-h-50-p--force{min-height:50%!important}.h-55-p{height:55%}.h-55-p--force{height:55%!important}.max-h-55-p{max-height:55%}.max-h-55-p--force{max-height:55%!important}.min-h-55-p{min-height:55%}.min-h-55-p--force{min-height:55%!important}.h-60-p{height:60%}.h-60-p--force{height:60%!important}.max-h-60-p{max-height:60%}.max-h-60-p--force{max-height:60%!important}.min-h-60-p{min-height:60%}.min-h-60-p--force{min-height:60%!important}.h-65-p{height:65%}.h-65-p--force{height:65%!important}.max-h-65-p{max-height:65%}.max-h-65-p--force{max-height:65%!important}.min-h-65-p{min-height:65%}.min-h-65-p--force{min-height:65%!important}.h-70-p{height:70%}.h-70-p--force{height:70%!important}.max-h-70-p{max-height:70%}.max-h-70-p--force{max-height:70%!important}.min-h-70-p{min-height:70%}.min-h-70-p--force{min-height:70%!important}.h-75-p{height:75%}.h-75-p--force{height:75%!important}.max-h-75-p{max-height:75%}.max-h-75-p--force{max-height:75%!important}.min-h-75-p{min-height:75%}.min-h-75-p--force{min-height:75%!important}.h-80-p{height:80%}.h-80-p--force{height:80%!important}.max-h-80-p{max-height:80%}.max-h-80-p--force{max-height:80%!important}.min-h-80-p{min-height:80%}.min-h-80-p--force{min-height:80%!important}.h-85-p{height:85%}.h-85-p--force{height:85%!important}.max-h-85-p{max-height:85%}.max-h-85-p--force{max-height:85%!important}.min-h-85-p{min-height:85%}.min-h-85-p--force{min-height:85%!important}.h-90-p{height:90%}.h-90-p--force{height:90%!important}.max-h-90-p{max-height:90%}.max-h-90-p--force{max-height:90%!important}.min-h-90-p{min-height:90%}.min-h-90-p--force{min-height:90%!important}.h-95-p{height:95%}.h-95-p--force{height:95%!important}.max-h-95-p{max-height:95%}.max-h-95-p--force{max-height:95%!important}.min-h-95-p{min-height:95%}.min-h-95-p--force{min-height:95%!important}.h-100-p{height:100%}.h-100-p--force{height:100%!important}.max-h-100-p{max-height:100%}.max-h-100-p--force{max-height:100%!important}.min-h-100-p{min-height:100%}.min-h-100-p--force{min-height:100%!important}.h-300{height:300px}.h-300--force{height:300px!important}.max-h-300{max-height:300px}.max-h-300--force{max-height:300px!important}.min-h-300{min-height:300px}.min-h-300--force{min-height:300px!important}.h-400{height:400px}.h-400--force{height:400px!important}.max-h-400{max-height:400px}.max-h-400--force{max-height:400px!important}.min-h-400{min-height:400px}.min-h-400--force{min-height:400px!important}.h-500{height:500px}.h-500--force{height:500px!important}.max-h-500{max-height:500px}.max-h-500--force{max-height:500px!important}.min-h-500{min-height:500px}.min-h-500--force{min-height:500px!important}.h-600{height:600px}.h-600--force{height:600px!important}.max-h-600{max-height:600px}.max-h-600--force{max-height:600px!important}.min-h-600{min-height:600px}.min-h-600--force{min-height:600px!important}.h-700{height:700px}.h-700--force{height:700px!important}.max-h-700{max-height:700px}.max-h-700--force{max-height:700px!important}.min-h-700{min-height:700px}.min-h-700--force{min-height:700px!important}.h-800{height:800px}.h-800--force{height:800px!important}.max-h-800{max-height:800px}.max-h-800--force{max-height:800px!important}.min-h-800{min-height:800px}.min-h-800--force{min-height:800px!important}.h-900{height:900px}.h-900--force{height:900px!important}.max-h-900{max-height:900px}.max-h-900--force{max-height:900px!important}.min-h-900{min-height:900px}.min-h-900--force{min-height:900px!important}.h-1000{height:1000px}.h-1000--force{height:1000px!important}.max-h-1000{max-height:1000px}.max-h-1000--force{max-height:1000px!important}.min-h-1000{min-height:1000px}.min-h-1000--force{min-height:1000px!important}.h-1100{height:1100px}.h-1100--force{height:1100px!important}.max-h-1100{max-height:1100px}.max-h-1100--force{max-height:1100px!important}.min-h-1100{min-height:1100px}.min-h-1100--force{min-height:1100px!important}.h-1200{height:1200px}.h-1200--force{height:1200px!important}.max-h-1200{max-height:1200px}.max-h-1200--force{max-height:1200px!important}.min-h-1200{min-height:1200px}.min-h-1200--force{min-height:1200px!important}.h-1300{height:1300px}.h-1300--force{height:1300px!important}.max-h-1300{max-height:1300px}.max-h-1300--force{max-height:1300px!important}.min-h-1300{min-height:1300px}.min-h-1300--force{min-height:1300px!important}.h-1400{height:1400px}.h-1400--force{height:1400px!important}.max-h-1400{max-height:1400px}.max-h-1400--force{max-height:1400px!important}.min-h-1400{min-height:1400px}.min-h-1400--force{min-height:1400px!important}.h-1500{height:1500px}.h-1500--force{height:1500px!important}.max-h-1500{max-height:1500px}.max-h-1500--force{max-height:1500px!important}.min-h-1500{min-height:1500px}.min-h-1500--force{min-height:1500px!important}.h-1600{height:1600px}.h-1600--force{height:1600px!important}.max-h-1600{max-height:1600px}.max-h-1600--force{max-height:1600px!important}.min-h-1600{min-height:1600px}.min-h-1600--force{min-height:1600px!important}.h-1700{height:1700px}.h-1700--force{height:1700px!important}.max-h-1700{max-height:1700px}.max-h-1700--force{max-height:1700px!important}.min-h-1700{min-height:1700px}.min-h-1700--force{min-height:1700px!important}.h-1800{height:1800px}.h-1800--force{height:1800px!important}.max-h-1800{max-height:1800px}.max-h-1800--force{max-height:1800px!important}.min-h-1800{min-height:1800px}.min-h-1800--force{min-height:1800px!important}.h-1900{height:1900px}.h-1900--force{height:1900px!important}.max-h-1900{max-height:1900px}.max-h-1900--force{max-height:1900px!important}.min-h-1900{min-height:1900px}.min-h-1900--force{min-height:1900px!important}.h-2000{height:2000px}.h-2000--force{height:2000px!important}.max-h-2000{max-height:2000px}.max-h-2000--force{max-height:2000px!important}.min-h-2000{min-height:2000px}.min-h-2000--force{min-height:2000px!important}.h-auto{height:auto}.h-auto--force{height:auto!important}.w-0{width:0}.w-0--force{width:0!important}.max-w-0{max-width:0}.max-w-0--force{max-width:0!important}.min-w-0{min-width:0}.min-w-0--force{min-width:0!important}.w-4{width:4px}.w-4--force{width:4px!important}.max-w-4{max-width:4px}.max-w-4--force{max-width:4px!important}.min-w-4{min-width:4px}.min-w-4--force{min-width:4px!important}.w-8{width:8px}.w-8--force{width:8px!important}.max-w-8{max-width:8px}.max-w-8--force{max-width:8px!important}.min-w-8{min-width:8px}.min-w-8--force{min-width:8px!important}.w-12{width:12px}.w-12--force{width:12px!important}.max-w-12{max-width:12px}.max-w-12--force{max-width:12px!important}.min-w-12{min-width:12px}.min-w-12--force{min-width:12px!important}.w-16{width:16px}.w-16--force{width:16px!important}.max-w-16{max-width:16px}.max-w-16--force{max-width:16px!important}.min-w-16{min-width:16px}.min-w-16--force{min-width:16px!important}.w-20{width:20px}.w-20--force{width:20px!important}.max-w-20{max-width:20px}.max-w-20--force{max-width:20px!important}.min-w-20{min-width:20px}.min-w-20--force{min-width:20px!important}.w-24{width:24px}.w-24--force{width:24px!important}.max-w-24{max-width:24px}.max-w-24--force{max-width:24px!important}.min-w-24{min-width:24px}.min-w-24--force{min-width:24px!important}.w-28{width:28px}.w-28--force{width:28px!important}.max-w-28{max-width:28px}.max-w-28--force{max-width:28px!important}.min-w-28{min-width:28px}.min-w-28--force{min-width:28px!important}.w-32{width:32px}.w-32--force{width:32px!important}.max-w-32{max-width:32px}.max-w-32--force{max-width:32px!important}.min-w-32{min-width:32px}.min-w-32--force{min-width:32px!important}.w-36{width:36px}.w-36--force{width:36px!important}.max-w-36{max-width:36px}.max-w-36--force{max-width:36px!important}.min-w-36{min-width:36px}.min-w-36--force{min-width:36px!important}.w-40{width:40px}.w-40--force{width:40px!important}.max-w-40{max-width:40px}.max-w-40--force{max-width:40px!important}.min-w-40{min-width:40px}.min-w-40--force{min-width:40px!important}.w-44{width:44px}.w-44--force{width:44px!important}.max-w-44{max-width:44px}.max-w-44--force{max-width:44px!important}.min-w-44{min-width:44px}.min-w-44--force{min-width:44px!important}.w-48{width:48px}.w-48--force{width:48px!important}.max-w-48{max-width:48px}.max-w-48--force{max-width:48px!important}.min-w-48{min-width:48px}.min-w-48--force{min-width:48px!important}.w-52{width:52px}.w-52--force{width:52px!important}.max-w-52{max-width:52px}.max-w-52--force{max-width:52px!important}.min-w-52{min-width:52px}.min-w-52--force{min-width:52px!important}.w-56{width:56px}.w-56--force{width:56px!important}.max-w-56{max-width:56px}.max-w-56--force{max-width:56px!important}.min-w-56{min-width:56px}.min-w-56--force{min-width:56px!important}.w-60{width:60px}.w-60--force{width:60px!important}.max-w-60{max-width:60px}.max-w-60--force{max-width:60px!important}.min-w-60{min-width:60px}.min-w-60--force{min-width:60px!important}.w-64{width:64px}.w-64--force{width:64px!important}.max-w-64{max-width:64px}.max-w-64--force{max-width:64px!important}.min-w-64{min-width:64px}.min-w-64--force{min-width:64px!important}.w-68{width:68px}.w-68--force{width:68px!important}.max-w-68{max-width:68px}.max-w-68--force{max-width:68px!important}.min-w-68{min-width:68px}.min-w-68--force{min-width:68px!important}.w-72{width:72px}.w-72--force{width:72px!important}.max-w-72{max-width:72px}.max-w-72--force{max-width:72px!important}.min-w-72{min-width:72px}.min-w-72--force{min-width:72px!important}.w-76{width:76px}.w-76--force{width:76px!important}.max-w-76{max-width:76px}.max-w-76--force{max-width:76px!important}.min-w-76{min-width:76px}.min-w-76--force{min-width:76px!important}.w-80{width:80px}.w-80--force{width:80px!important}.max-w-80{max-width:80px}.max-w-80--force{max-width:80px!important}.min-w-80{min-width:80px}.min-w-80--force{min-width:80px!important}.w-84{width:84px}.w-84--force{width:84px!important}.max-w-84{max-width:84px}.max-w-84--force{max-width:84px!important}.min-w-84{min-width:84px}.min-w-84--force{min-width:84px!important}.w-88{width:88px}.w-88--force{width:88px!important}.max-w-88{max-width:88px}.max-w-88--force{max-width:88px!important}.min-w-88{min-width:88px}.min-w-88--force{min-width:88px!important}.w-92{width:92px}.w-92--force{width:92px!important}.max-w-92{max-width:92px}.max-w-92--force{max-width:92px!important}.min-w-92{min-width:92px}.min-w-92--force{min-width:92px!important}.w-96{width:96px}.w-96--force{width:96px!important}.max-w-96{max-width:96px}.max-w-96--force{max-width:96px!important}.min-w-96{min-width:96px}.min-w-96--force{min-width:96px!important}.w-100{width:100px}.w-100--force{width:100px!important}.max-w-100{max-width:100px}.max-w-100--force{max-width:100px!important}.min-w-100{min-width:100px}.min-w-100--force{min-width:100px!important}.w-104{width:104px}.w-104--force{width:104px!important}.max-w-104{max-width:104px}.max-w-104--force{max-width:104px!important}.min-w-104{min-width:104px}.min-w-104--force{min-width:104px!important}.w-108{width:108px}.w-108--force{width:108px!important}.max-w-108{max-width:108px}.max-w-108--force{max-width:108px!important}.min-w-108{min-width:108px}.min-w-108--force{min-width:108px!important}.w-112{width:112px}.w-112--force{width:112px!important}.max-w-112{max-width:112px}.max-w-112--force{max-width:112px!important}.min-w-112{min-width:112px}.min-w-112--force{min-width:112px!important}.w-116{width:116px}.w-116--force{width:116px!important}.max-w-116{max-width:116px}.max-w-116--force{max-width:116px!important}.min-w-116{min-width:116px}.min-w-116--force{min-width:116px!important}.w-120{width:120px}.w-120--force{width:120px!important}.max-w-120{max-width:120px}.max-w-120--force{max-width:120px!important}.min-w-120{min-width:120px}.min-w-120--force{min-width:120px!important}.w-124{width:124px}.w-124--force{width:124px!important}.max-w-124{max-width:124px}.max-w-124--force{max-width:124px!important}.min-w-124{min-width:124px}.min-w-124--force{min-width:124px!important}.w-128{width:128px}.w-128--force{width:128px!important}.max-w-128{max-width:128px}.max-w-128--force{max-width:128px!important}.min-w-128{min-width:128px}.min-w-128--force{min-width:128px!important}.w-132{width:132px}.w-132--force{width:132px!important}.max-w-132{max-width:132px}.max-w-132--force{max-width:132px!important}.min-w-132{min-width:132px}.min-w-132--force{min-width:132px!important}.w-136{width:136px}.w-136--force{width:136px!important}.max-w-136{max-width:136px}.max-w-136--force{max-width:136px!important}.min-w-136{min-width:136px}.min-w-136--force{min-width:136px!important}.w-140{width:140px}.w-140--force{width:140px!important}.max-w-140{max-width:140px}.max-w-140--force{max-width:140px!important}.min-w-140{min-width:140px}.min-w-140--force{min-width:140px!important}.w-144{width:144px}.w-144--force{width:144px!important}.max-w-144{max-width:144px}.max-w-144--force{max-width:144px!important}.min-w-144{min-width:144px}.min-w-144--force{min-width:144px!important}.w-148{width:148px}.w-148--force{width:148px!important}.max-w-148{max-width:148px}.max-w-148--force{max-width:148px!important}.min-w-148{min-width:148px}.min-w-148--force{min-width:148px!important}.w-152{width:152px}.w-152--force{width:152px!important}.max-w-152{max-width:152px}.max-w-152--force{max-width:152px!important}.min-w-152{min-width:152px}.min-w-152--force{min-width:152px!important}.w-156{width:156px}.w-156--force{width:156px!important}.max-w-156{max-width:156px}.max-w-156--force{max-width:156px!important}.min-w-156{min-width:156px}.min-w-156--force{min-width:156px!important}.w-160{width:160px}.w-160--force{width:160px!important}.max-w-160{max-width:160px}.max-w-160--force{max-width:160px!important}.min-w-160{min-width:160px}.min-w-160--force{min-width:160px!important}.w-164{width:164px}.w-164--force{width:164px!important}.max-w-164{max-width:164px}.max-w-164--force{max-width:164px!important}.min-w-164{min-width:164px}.min-w-164--force{min-width:164px!important}.w-168{width:168px}.w-168--force{width:168px!important}.max-w-168{max-width:168px}.max-w-168--force{max-width:168px!important}.min-w-168{min-width:168px}.min-w-168--force{min-width:168px!important}.w-172{width:172px}.w-172--force{width:172px!important}.max-w-172{max-width:172px}.max-w-172--force{max-width:172px!important}.min-w-172{min-width:172px}.min-w-172--force{min-width:172px!important}.w-176{width:176px}.w-176--force{width:176px!important}.max-w-176{max-width:176px}.max-w-176--force{max-width:176px!important}.min-w-176{min-width:176px}.min-w-176--force{min-width:176px!important}.w-180{width:180px}.w-180--force{width:180px!important}.max-w-180{max-width:180px}.max-w-180--force{max-width:180px!important}.min-w-180{min-width:180px}.min-w-180--force{min-width:180px!important}.w-184{width:184px}.w-184--force{width:184px!important}.max-w-184{max-width:184px}.max-w-184--force{max-width:184px!important}.min-w-184{min-width:184px}.min-w-184--force{min-width:184px!important}.w-188{width:188px}.w-188--force{width:188px!important}.max-w-188{max-width:188px}.max-w-188--force{max-width:188px!important}.min-w-188{min-width:188px}.min-w-188--force{min-width:188px!important}.w-192{width:192px}.w-192--force{width:192px!important}.max-w-192{max-width:192px}.max-w-192--force{max-width:192px!important}.min-w-192{min-width:192px}.min-w-192--force{min-width:192px!important}.w-196{width:196px}.w-196--force{width:196px!important}.max-w-196{max-width:196px}.max-w-196--force{max-width:196px!important}.min-w-196{min-width:196px}.min-w-196--force{min-width:196px!important}.w-200{width:200px}.w-200--force{width:200px!important}.max-w-200{max-width:200px}.max-w-200--force{max-width:200px!important}.min-w-200{min-width:200px}.min-w-200--force{min-width:200px!important}.w-204{width:204px}.w-204--force{width:204px!important}.max-w-204{max-width:204px}.max-w-204--force{max-width:204px!important}.min-w-204{min-width:204px}.min-w-204--force{min-width:204px!important}.w-208{width:208px}.w-208--force{width:208px!important}.max-w-208{max-width:208px}.max-w-208--force{max-width:208px!important}.min-w-208{min-width:208px}.min-w-208--force{min-width:208px!important}.w-212{width:212px}.w-212--force{width:212px!important}.max-w-212{max-width:212px}.max-w-212--force{max-width:212px!important}.min-w-212{min-width:212px}.min-w-212--force{min-width:212px!important}.w-216{width:216px}.w-216--force{width:216px!important}.max-w-216{max-width:216px}.max-w-216--force{max-width:216px!important}.min-w-216{min-width:216px}.min-w-216--force{min-width:216px!important}.w-220{width:220px}.w-220--force{width:220px!important}.max-w-220{max-width:220px}.max-w-220--force{max-width:220px!important}.min-w-220{min-width:220px}.min-w-220--force{min-width:220px!important}.w-224{width:224px}.w-224--force{width:224px!important}.max-w-224{max-width:224px}.max-w-224--force{max-width:224px!important}.min-w-224{min-width:224px}.min-w-224--force{min-width:224px!important}.w-228{width:228px}.w-228--force{width:228px!important}.max-w-228{max-width:228px}.max-w-228--force{max-width:228px!important}.min-w-228{min-width:228px}.min-w-228--force{min-width:228px!important}.w-232{width:232px}.w-232--force{width:232px!important}.max-w-232{max-width:232px}.max-w-232--force{max-width:232px!important}.min-w-232{min-width:232px}.min-w-232--force{min-width:232px!important}.w-236{width:236px}.w-236--force{width:236px!important}.max-w-236{max-width:236px}.max-w-236--force{max-width:236px!important}.min-w-236{min-width:236px}.min-w-236--force{min-width:236px!important}.w-240{width:240px}.w-240--force{width:240px!important}.max-w-240{max-width:240px}.max-w-240--force{max-width:240px!important}.min-w-240{min-width:240px}.min-w-240--force{min-width:240px!important}.w-244{width:244px}.w-244--force{width:244px!important}.max-w-244{max-width:244px}.max-w-244--force{max-width:244px!important}.min-w-244{min-width:244px}.min-w-244--force{min-width:244px!important}.w-248{width:248px}.w-248--force{width:248px!important}.max-w-248{max-width:248px}.max-w-248--force{max-width:248px!important}.min-w-248{min-width:248px}.min-w-248--force{min-width:248px!important}.w-252{width:252px}.w-252--force{width:252px!important}.max-w-252{max-width:252px}.max-w-252--force{max-width:252px!important}.min-w-252{min-width:252px}.min-w-252--force{min-width:252px!important}.w-256{width:256px}.w-256--force{width:256px!important}.max-w-256{max-width:256px}.max-w-256--force{max-width:256px!important}.min-w-256{min-width:256px}.min-w-256--force{min-width:256px!important}.w-0-p{width:0%}.w-0-p--force{width:0%!important}.max-w-0-p{max-width:0%}.max-w-0-p--force{max-width:0%!important}.min-w-0-p{min-width:0}.min-w-0-p--force{min-width:0!important}.w-5-p{width:5%}.w-5-p--force{width:5%!important}.max-w-5-p{max-width:5%}.max-w-5-p--force{max-width:5%!important}.min-w-5-p{min-width:5%}.min-w-5-p--force{min-width:5%!important}.w-10-p{width:10%}.w-10-p--force{width:10%!important}.max-w-10-p{max-width:10%}.max-w-10-p--force{max-width:10%!important}.min-w-10-p{min-width:10%}.min-w-10-p--force{min-width:10%!important}.w-15-p{width:15%}.w-15-p--force{width:15%!important}.max-w-15-p{max-width:15%}.max-w-15-p--force{max-width:15%!important}.min-w-15-p{min-width:15%}.min-w-15-p--force{min-width:15%!important}.w-20-p{width:20%}.w-20-p--force{width:20%!important}.max-w-20-p{max-width:20%}.max-w-20-p--force{max-width:20%!important}.min-w-20-p{min-width:20%}.min-w-20-p--force{min-width:20%!important}.w-25-p{width:25%}.w-25-p--force{width:25%!important}.max-w-25-p{max-width:25%}.max-w-25-p--force{max-width:25%!important}.min-w-25-p{min-width:25%}.min-w-25-p--force{min-width:25%!important}.w-30-p{width:30%}.w-30-p--force{width:30%!important}.max-w-30-p{max-width:30%}.max-w-30-p--force{max-width:30%!important}.min-w-30-p{min-width:30%}.min-w-30-p--force{min-width:30%!important}.w-35-p{width:35%}.w-35-p--force{width:35%!important}.max-w-35-p{max-width:35%}.max-w-35-p--force{max-width:35%!important}.min-w-35-p{min-width:35%}.min-w-35-p--force{min-width:35%!important}.w-40-p{width:40%}.w-40-p--force{width:40%!important}.max-w-40-p{max-width:40%}.max-w-40-p--force{max-width:40%!important}.min-w-40-p{min-width:40%}.min-w-40-p--force{min-width:40%!important}.w-45-p{width:45%}.w-45-p--force{width:45%!important}.max-w-45-p{max-width:45%}.max-w-45-p--force{max-width:45%!important}.min-w-45-p{min-width:45%}.min-w-45-p--force{min-width:45%!important}.w-50-p{width:50%}.w-50-p--force{width:50%!important}.max-w-50-p{max-width:50%}.max-w-50-p--force{max-width:50%!important}.min-w-50-p{min-width:50%}.min-w-50-p--force{min-width:50%!important}.w-55-p{width:55%}.w-55-p--force{width:55%!important}.max-w-55-p{max-width:55%}.max-w-55-p--force{max-width:55%!important}.min-w-55-p{min-width:55%}.min-w-55-p--force{min-width:55%!important}.w-60-p{width:60%}.w-60-p--force{width:60%!important}.max-w-60-p{max-width:60%}.max-w-60-p--force{max-width:60%!important}.min-w-60-p{min-width:60%}.min-w-60-p--force{min-width:60%!important}.w-65-p{width:65%}.w-65-p--force{width:65%!important}.max-w-65-p{max-width:65%}.max-w-65-p--force{max-width:65%!important}.min-w-65-p{min-width:65%}.min-w-65-p--force{min-width:65%!important}.w-70-p{width:70%}.w-70-p--force{width:70%!important}.max-w-70-p{max-width:70%}.max-w-70-p--force{max-width:70%!important}.min-w-70-p{min-width:70%}.min-w-70-p--force{min-width:70%!important}.w-75-p{width:75%}.w-75-p--force{width:75%!important}.max-w-75-p{max-width:75%}.max-w-75-p--force{max-width:75%!important}.min-w-75-p{min-width:75%}.min-w-75-p--force{min-width:75%!important}.w-80-p{width:80%}.w-80-p--force{width:80%!important}.max-w-80-p{max-width:80%}.max-w-80-p--force{max-width:80%!important}.min-w-80-p{min-width:80%}.min-w-80-p--force{min-width:80%!important}.w-85-p{width:85%}.w-85-p--force{width:85%!important}.max-w-85-p{max-width:85%}.max-w-85-p--force{max-width:85%!important}.min-w-85-p{min-width:85%}.min-w-85-p--force{min-width:85%!important}.w-90-p{width:90%}.w-90-p--force{width:90%!important}.max-w-90-p{max-width:90%}.max-w-90-p--force{max-width:90%!important}.min-w-90-p{min-width:90%}.min-w-90-p--force{min-width:90%!important}.w-95-p{width:95%}.w-95-p--force{width:95%!important}.max-w-95-p{max-width:95%}.max-w-95-p--force{max-width:95%!important}.min-w-95-p{min-width:95%}.min-w-95-p--force{min-width:95%!important}.w-100-p{width:100%}.w-100-p--force{width:100%!important}.max-w-100-p{max-width:100%}.max-w-100-p--force{max-width:100%!important}.min-w-100-p{min-width:100%}.min-w-100-p--force{min-width:100%!important}.w-300{width:300px}.w-300--force{width:300px!important}.max-w-300{max-width:300px}.max-w-300--force{max-width:300px!important}.min-w-300{min-width:300px}.min-w-300--force{min-width:300px!important}.w-400{width:400px}.w-400--force{width:400px!important}.max-w-400{max-width:400px}.max-w-400--force{max-width:400px!important}.min-w-400{min-width:400px}.min-w-400--force{min-width:400px!important}.w-500{width:500px}.w-500--force{width:500px!important}.max-w-500{max-width:500px}.max-w-500--force{max-width:500px!important}.min-w-500{min-width:500px}.min-w-500--force{min-width:500px!important}.w-600{width:600px}.w-600--force{width:600px!important}.max-w-600{max-width:600px}.max-w-600--force{max-width:600px!important}.min-w-600{min-width:600px}.min-w-600--force{min-width:600px!important}.w-700{width:700px}.w-700--force{width:700px!important}.max-w-700{max-width:700px}.max-w-700--force{max-width:700px!important}.min-w-700{min-width:700px}.min-w-700--force{min-width:700px!important}.w-800{width:800px}.w-800--force{width:800px!important}.max-w-800{max-width:800px}.max-w-800--force{max-width:800px!important}.min-w-800{min-width:800px}.min-w-800--force{min-width:800px!important}.w-900{width:900px}.w-900--force{width:900px!important}.max-w-900{max-width:900px}.max-w-900--force{max-width:900px!important}.min-w-900{min-width:900px}.min-w-900--force{min-width:900px!important}.w-1000{width:1000px}.w-1000--force{width:1000px!important}.max-w-1000{max-width:1000px}.max-w-1000--force{max-width:1000px!important}.min-w-1000{min-width:1000px}.min-w-1000--force{min-width:1000px!important}.w-1100{width:1100px}.w-1100--force{width:1100px!important}.max-w-1100{max-width:1100px}.max-w-1100--force{max-width:1100px!important}.min-w-1100{min-width:1100px}.min-w-1100--force{min-width:1100px!important}.w-1200{width:1200px}.w-1200--force{width:1200px!important}.max-w-1200{max-width:1200px}.max-w-1200--force{max-width:1200px!important}.min-w-1200{min-width:1200px}.min-w-1200--force{min-width:1200px!important}.w-1300{width:1300px}.w-1300--force{width:1300px!important}.max-w-1300{max-width:1300px}.max-w-1300--force{max-width:1300px!important}.min-w-1300{min-width:1300px}.min-w-1300--force{min-width:1300px!important}.w-1400{width:1400px}.w-1400--force{width:1400px!important}.max-w-1400{max-width:1400px}.max-w-1400--force{max-width:1400px!important}.min-w-1400{min-width:1400px}.min-w-1400--force{min-width:1400px!important}.w-1500{width:1500px}.w-1500--force{width:1500px!important}.max-w-1500{max-width:1500px}.max-w-1500--force{max-width:1500px!important}.min-w-1500{min-width:1500px}.min-w-1500--force{min-width:1500px!important}.w-1600{width:1600px}.w-1600--force{width:1600px!important}.max-w-1600{max-width:1600px}.max-w-1600--force{max-width:1600px!important}.min-w-1600{min-width:1600px}.min-w-1600--force{min-width:1600px!important}.w-1700{width:1700px}.w-1700--force{width:1700px!important}.max-w-1700{max-width:1700px}.max-w-1700--force{max-width:1700px!important}.min-w-1700{min-width:1700px}.min-w-1700--force{min-width:1700px!important}.w-1800{width:1800px}.w-1800--force{width:1800px!important}.max-w-1800{max-width:1800px}.max-w-1800--force{max-width:1800px!important}.min-w-1800{min-width:1800px}.min-w-1800--force{min-width:1800px!important}.w-1900{width:1900px}.w-1900--force{width:1900px!important}.max-w-1900{max-width:1900px}.max-w-1900--force{max-width:1900px!important}.min-w-1900{min-width:1900px}.min-w-1900--force{min-width:1900px!important}.w-2000{width:2000px}.w-2000--force{width:2000px!important}.max-w-2000{max-width:2000px}.max-w-2000--force{max-width:2000px!important}.min-w-2000{min-width:2000px}.min-w-2000--force{min-width:2000px!important}.w-auto{width:auto}.w-auto--force{width:auto!important}@media screen and (max-width:639px){.h-xs-0{height:0}.h-xs-0--force{height:0!important}.max-h-xs-0{max-height:0}.max-h-xs-0--force{max-height:0!important}.min-h-xs-0{min-height:0}.min-h-xs-0--force{min-height:0!important}.h-xs-4{height:4px}.h-xs-4--force{height:4px!important}.max-h-xs-4{max-height:4px}.max-h-xs-4--force{max-height:4px!important}.min-h-xs-4{min-height:4px}.min-h-xs-4--force{min-height:4px!important}.h-xs-8{height:8px}.h-xs-8--force{height:8px!important}.max-h-xs-8{max-height:8px}.max-h-xs-8--force{max-height:8px!important}.min-h-xs-8{min-height:8px}.min-h-xs-8--force{min-height:8px!important}.h-xs-12{height:12px}.h-xs-12--force{height:12px!important}.max-h-xs-12{max-height:12px}.max-h-xs-12--force{max-height:12px!important}.min-h-xs-12{min-height:12px}.min-h-xs-12--force{min-height:12px!important}.h-xs-16{height:16px}.h-xs-16--force{height:16px!important}.max-h-xs-16{max-height:16px}.max-h-xs-16--force{max-height:16px!important}.min-h-xs-16{min-height:16px}.min-h-xs-16--force{min-height:16px!important}.h-xs-20{height:20px}.h-xs-20--force{height:20px!important}.max-h-xs-20{max-height:20px}.max-h-xs-20--force{max-height:20px!important}.min-h-xs-20{min-height:20px}.min-h-xs-20--force{min-height:20px!important}.h-xs-24{height:24px}.h-xs-24--force{height:24px!important}.max-h-xs-24{max-height:24px}.max-h-xs-24--force{max-height:24px!important}.min-h-xs-24{min-height:24px}.min-h-xs-24--force{min-height:24px!important}.h-xs-28{height:28px}.h-xs-28--force{height:28px!important}.max-h-xs-28{max-height:28px}.max-h-xs-28--force{max-height:28px!important}.min-h-xs-28{min-height:28px}.min-h-xs-28--force{min-height:28px!important}.h-xs-32{height:32px}.h-xs-32--force{height:32px!important}.max-h-xs-32{max-height:32px}.max-h-xs-32--force{max-height:32px!important}.min-h-xs-32{min-height:32px}.min-h-xs-32--force{min-height:32px!important}.h-xs-36{height:36px}.h-xs-36--force{height:36px!important}.max-h-xs-36{max-height:36px}.max-h-xs-36--force{max-height:36px!important}.min-h-xs-36{min-height:36px}.min-h-xs-36--force{min-height:36px!important}.h-xs-40{height:40px}.h-xs-40--force{height:40px!important}.max-h-xs-40{max-height:40px}.max-h-xs-40--force{max-height:40px!important}.min-h-xs-40{min-height:40px}.min-h-xs-40--force{min-height:40px!important}.h-xs-44{height:44px}.h-xs-44--force{height:44px!important}.max-h-xs-44{max-height:44px}.max-h-xs-44--force{max-height:44px!important}.min-h-xs-44{min-height:44px}.min-h-xs-44--force{min-height:44px!important}.h-xs-48{height:48px}.h-xs-48--force{height:48px!important}.max-h-xs-48{max-height:48px}.max-h-xs-48--force{max-height:48px!important}.min-h-xs-48{min-height:48px}.min-h-xs-48--force{min-height:48px!important}.h-xs-52{height:52px}.h-xs-52--force{height:52px!important}.max-h-xs-52{max-height:52px}.max-h-xs-52--force{max-height:52px!important}.min-h-xs-52{min-height:52px}.min-h-xs-52--force{min-height:52px!important}.h-xs-56{height:56px}.h-xs-56--force{height:56px!important}.max-h-xs-56{max-height:56px}.max-h-xs-56--force{max-height:56px!important}.min-h-xs-56{min-height:56px}.min-h-xs-56--force{min-height:56px!important}.h-xs-60{height:60px}.h-xs-60--force{height:60px!important}.max-h-xs-60{max-height:60px}.max-h-xs-60--force{max-height:60px!important}.min-h-xs-60{min-height:60px}.min-h-xs-60--force{min-height:60px!important}.h-xs-64{height:64px}.h-xs-64--force{height:64px!important}.max-h-xs-64{max-height:64px}.max-h-xs-64--force{max-height:64px!important}.min-h-xs-64{min-height:64px}.min-h-xs-64--force{min-height:64px!important}.h-xs-68{height:68px}.h-xs-68--force{height:68px!important}.max-h-xs-68{max-height:68px}.max-h-xs-68--force{max-height:68px!important}.min-h-xs-68{min-height:68px}.min-h-xs-68--force{min-height:68px!important}.h-xs-72{height:72px}.h-xs-72--force{height:72px!important}.max-h-xs-72{max-height:72px}.max-h-xs-72--force{max-height:72px!important}.min-h-xs-72{min-height:72px}.min-h-xs-72--force{min-height:72px!important}.h-xs-76{height:76px}.h-xs-76--force{height:76px!important}.max-h-xs-76{max-height:76px}.max-h-xs-76--force{max-height:76px!important}.min-h-xs-76{min-height:76px}.min-h-xs-76--force{min-height:76px!important}.h-xs-80{height:80px}.h-xs-80--force{height:80px!important}.max-h-xs-80{max-height:80px}.max-h-xs-80--force{max-height:80px!important}.min-h-xs-80{min-height:80px}.min-h-xs-80--force{min-height:80px!important}.h-xs-84{height:84px}.h-xs-84--force{height:84px!important}.max-h-xs-84{max-height:84px}.max-h-xs-84--force{max-height:84px!important}.min-h-xs-84{min-height:84px}.min-h-xs-84--force{min-height:84px!important}.h-xs-88{height:88px}.h-xs-88--force{height:88px!important}.max-h-xs-88{max-height:88px}.max-h-xs-88--force{max-height:88px!important}.min-h-xs-88{min-height:88px}.min-h-xs-88--force{min-height:88px!important}.h-xs-92{height:92px}.h-xs-92--force{height:92px!important}.max-h-xs-92{max-height:92px}.max-h-xs-92--force{max-height:92px!important}.min-h-xs-92{min-height:92px}.min-h-xs-92--force{min-height:92px!important}.h-xs-96{height:96px}.h-xs-96--force{height:96px!important}.max-h-xs-96{max-height:96px}.max-h-xs-96--force{max-height:96px!important}.min-h-xs-96{min-height:96px}.min-h-xs-96--force{min-height:96px!important}.h-xs-100{height:100px}.h-xs-100--force{height:100px!important}.max-h-xs-100{max-height:100px}.max-h-xs-100--force{max-height:100px!important}.min-h-xs-100{min-height:100px}.min-h-xs-100--force{min-height:100px!important}.h-xs-104{height:104px}.h-xs-104--force{height:104px!important}.max-h-xs-104{max-height:104px}.max-h-xs-104--force{max-height:104px!important}.min-h-xs-104{min-height:104px}.min-h-xs-104--force{min-height:104px!important}.h-xs-108{height:108px}.h-xs-108--force{height:108px!important}.max-h-xs-108{max-height:108px}.max-h-xs-108--force{max-height:108px!important}.min-h-xs-108{min-height:108px}.min-h-xs-108--force{min-height:108px!important}.h-xs-112{height:112px}.h-xs-112--force{height:112px!important}.max-h-xs-112{max-height:112px}.max-h-xs-112--force{max-height:112px!important}.min-h-xs-112{min-height:112px}.min-h-xs-112--force{min-height:112px!important}.h-xs-116{height:116px}.h-xs-116--force{height:116px!important}.max-h-xs-116{max-height:116px}.max-h-xs-116--force{max-height:116px!important}.min-h-xs-116{min-height:116px}.min-h-xs-116--force{min-height:116px!important}.h-xs-120{height:120px}.h-xs-120--force{height:120px!important}.max-h-xs-120{max-height:120px}.max-h-xs-120--force{max-height:120px!important}.min-h-xs-120{min-height:120px}.min-h-xs-120--force{min-height:120px!important}.h-xs-124{height:124px}.h-xs-124--force{height:124px!important}.max-h-xs-124{max-height:124px}.max-h-xs-124--force{max-height:124px!important}.min-h-xs-124{min-height:124px}.min-h-xs-124--force{min-height:124px!important}.h-xs-128{height:128px}.h-xs-128--force{height:128px!important}.max-h-xs-128{max-height:128px}.max-h-xs-128--force{max-height:128px!important}.min-h-xs-128{min-height:128px}.min-h-xs-128--force{min-height:128px!important}.h-xs-132{height:132px}.h-xs-132--force{height:132px!important}.max-h-xs-132{max-height:132px}.max-h-xs-132--force{max-height:132px!important}.min-h-xs-132{min-height:132px}.min-h-xs-132--force{min-height:132px!important}.h-xs-136{height:136px}.h-xs-136--force{height:136px!important}.max-h-xs-136{max-height:136px}.max-h-xs-136--force{max-height:136px!important}.min-h-xs-136{min-height:136px}.min-h-xs-136--force{min-height:136px!important}.h-xs-140{height:140px}.h-xs-140--force{height:140px!important}.max-h-xs-140{max-height:140px}.max-h-xs-140--force{max-height:140px!important}.min-h-xs-140{min-height:140px}.min-h-xs-140--force{min-height:140px!important}.h-xs-144{height:144px}.h-xs-144--force{height:144px!important}.max-h-xs-144{max-height:144px}.max-h-xs-144--force{max-height:144px!important}.min-h-xs-144{min-height:144px}.min-h-xs-144--force{min-height:144px!important}.h-xs-148{height:148px}.h-xs-148--force{height:148px!important}.max-h-xs-148{max-height:148px}.max-h-xs-148--force{max-height:148px!important}.min-h-xs-148{min-height:148px}.min-h-xs-148--force{min-height:148px!important}.h-xs-152{height:152px}.h-xs-152--force{height:152px!important}.max-h-xs-152{max-height:152px}.max-h-xs-152--force{max-height:152px!important}.min-h-xs-152{min-height:152px}.min-h-xs-152--force{min-height:152px!important}.h-xs-156{height:156px}.h-xs-156--force{height:156px!important}.max-h-xs-156{max-height:156px}.max-h-xs-156--force{max-height:156px!important}.min-h-xs-156{min-height:156px}.min-h-xs-156--force{min-height:156px!important}.h-xs-160{height:160px}.h-xs-160--force{height:160px!important}.max-h-xs-160{max-height:160px}.max-h-xs-160--force{max-height:160px!important}.min-h-xs-160{min-height:160px}.min-h-xs-160--force{min-height:160px!important}.h-xs-164{height:164px}.h-xs-164--force{height:164px!important}.max-h-xs-164{max-height:164px}.max-h-xs-164--force{max-height:164px!important}.min-h-xs-164{min-height:164px}.min-h-xs-164--force{min-height:164px!important}.h-xs-168{height:168px}.h-xs-168--force{height:168px!important}.max-h-xs-168{max-height:168px}.max-h-xs-168--force{max-height:168px!important}.min-h-xs-168{min-height:168px}.min-h-xs-168--force{min-height:168px!important}.h-xs-172{height:172px}.h-xs-172--force{height:172px!important}.max-h-xs-172{max-height:172px}.max-h-xs-172--force{max-height:172px!important}.min-h-xs-172{min-height:172px}.min-h-xs-172--force{min-height:172px!important}.h-xs-176{height:176px}.h-xs-176--force{height:176px!important}.max-h-xs-176{max-height:176px}.max-h-xs-176--force{max-height:176px!important}.min-h-xs-176{min-height:176px}.min-h-xs-176--force{min-height:176px!important}.h-xs-180{height:180px}.h-xs-180--force{height:180px!important}.max-h-xs-180{max-height:180px}.max-h-xs-180--force{max-height:180px!important}.min-h-xs-180{min-height:180px}.min-h-xs-180--force{min-height:180px!important}.h-xs-184{height:184px}.h-xs-184--force{height:184px!important}.max-h-xs-184{max-height:184px}.max-h-xs-184--force{max-height:184px!important}.min-h-xs-184{min-height:184px}.min-h-xs-184--force{min-height:184px!important}.h-xs-188{height:188px}.h-xs-188--force{height:188px!important}.max-h-xs-188{max-height:188px}.max-h-xs-188--force{max-height:188px!important}.min-h-xs-188{min-height:188px}.min-h-xs-188--force{min-height:188px!important}.h-xs-192{height:192px}.h-xs-192--force{height:192px!important}.max-h-xs-192{max-height:192px}.max-h-xs-192--force{max-height:192px!important}.min-h-xs-192{min-height:192px}.min-h-xs-192--force{min-height:192px!important}.h-xs-196{height:196px}.h-xs-196--force{height:196px!important}.max-h-xs-196{max-height:196px}.max-h-xs-196--force{max-height:196px!important}.min-h-xs-196{min-height:196px}.min-h-xs-196--force{min-height:196px!important}.h-xs-200{height:200px}.h-xs-200--force{height:200px!important}.max-h-xs-200{max-height:200px}.max-h-xs-200--force{max-height:200px!important}.min-h-xs-200{min-height:200px}.min-h-xs-200--force{min-height:200px!important}.h-xs-204{height:204px}.h-xs-204--force{height:204px!important}.max-h-xs-204{max-height:204px}.max-h-xs-204--force{max-height:204px!important}.min-h-xs-204{min-height:204px}.min-h-xs-204--force{min-height:204px!important}.h-xs-208{height:208px}.h-xs-208--force{height:208px!important}.max-h-xs-208{max-height:208px}.max-h-xs-208--force{max-height:208px!important}.min-h-xs-208{min-height:208px}.min-h-xs-208--force{min-height:208px!important}.h-xs-212{height:212px}.h-xs-212--force{height:212px!important}.max-h-xs-212{max-height:212px}.max-h-xs-212--force{max-height:212px!important}.min-h-xs-212{min-height:212px}.min-h-xs-212--force{min-height:212px!important}.h-xs-216{height:216px}.h-xs-216--force{height:216px!important}.max-h-xs-216{max-height:216px}.max-h-xs-216--force{max-height:216px!important}.min-h-xs-216{min-height:216px}.min-h-xs-216--force{min-height:216px!important}.h-xs-220{height:220px}.h-xs-220--force{height:220px!important}.max-h-xs-220{max-height:220px}.max-h-xs-220--force{max-height:220px!important}.min-h-xs-220{min-height:220px}.min-h-xs-220--force{min-height:220px!important}.h-xs-224{height:224px}.h-xs-224--force{height:224px!important}.max-h-xs-224{max-height:224px}.max-h-xs-224--force{max-height:224px!important}.min-h-xs-224{min-height:224px}.min-h-xs-224--force{min-height:224px!important}.h-xs-228{height:228px}.h-xs-228--force{height:228px!important}.max-h-xs-228{max-height:228px}.max-h-xs-228--force{max-height:228px!important}.min-h-xs-228{min-height:228px}.min-h-xs-228--force{min-height:228px!important}.h-xs-232{height:232px}.h-xs-232--force{height:232px!important}.max-h-xs-232{max-height:232px}.max-h-xs-232--force{max-height:232px!important}.min-h-xs-232{min-height:232px}.min-h-xs-232--force{min-height:232px!important}.h-xs-236{height:236px}.h-xs-236--force{height:236px!important}.max-h-xs-236{max-height:236px}.max-h-xs-236--force{max-height:236px!important}.min-h-xs-236{min-height:236px}.min-h-xs-236--force{min-height:236px!important}.h-xs-240{height:240px}.h-xs-240--force{height:240px!important}.max-h-xs-240{max-height:240px}.max-h-xs-240--force{max-height:240px!important}.min-h-xs-240{min-height:240px}.min-h-xs-240--force{min-height:240px!important}.h-xs-244{height:244px}.h-xs-244--force{height:244px!important}.max-h-xs-244{max-height:244px}.max-h-xs-244--force{max-height:244px!important}.min-h-xs-244{min-height:244px}.min-h-xs-244--force{min-height:244px!important}.h-xs-248{height:248px}.h-xs-248--force{height:248px!important}.max-h-xs-248{max-height:248px}.max-h-xs-248--force{max-height:248px!important}.min-h-xs-248{min-height:248px}.min-h-xs-248--force{min-height:248px!important}.h-xs-252{height:252px}.h-xs-252--force{height:252px!important}.max-h-xs-252{max-height:252px}.max-h-xs-252--force{max-height:252px!important}.min-h-xs-252{min-height:252px}.min-h-xs-252--force{min-height:252px!important}.h-xs-256{height:256px}.h-xs-256--force{height:256px!important}.max-h-xs-256{max-height:256px}.max-h-xs-256--force{max-height:256px!important}.min-h-xs-256{min-height:256px}.min-h-xs-256--force{min-height:256px!important}.h-xs-0-p{height:0%}.h-xs-0-p--force{height:0%!important}.max-h-xs-0-p{max-height:0%}.max-h-xs-0-p--force{max-height:0%!important}.min-h-xs-0-p{min-height:0}.min-h-xs-0-p--force{min-height:0!important}.h-xs-5-p{height:5%}.h-xs-5-p--force{height:5%!important}.max-h-xs-5-p{max-height:5%}.max-h-xs-5-p--force{max-height:5%!important}.min-h-xs-5-p{min-height:5%}.min-h-xs-5-p--force{min-height:5%!important}.h-xs-10-p{height:10%}.h-xs-10-p--force{height:10%!important}.max-h-xs-10-p{max-height:10%}.max-h-xs-10-p--force{max-height:10%!important}.min-h-xs-10-p{min-height:10%}.min-h-xs-10-p--force{min-height:10%!important}.h-xs-15-p{height:15%}.h-xs-15-p--force{height:15%!important}.max-h-xs-15-p{max-height:15%}.max-h-xs-15-p--force{max-height:15%!important}.min-h-xs-15-p{min-height:15%}.min-h-xs-15-p--force{min-height:15%!important}.h-xs-20-p{height:20%}.h-xs-20-p--force{height:20%!important}.max-h-xs-20-p{max-height:20%}.max-h-xs-20-p--force{max-height:20%!important}.min-h-xs-20-p{min-height:20%}.min-h-xs-20-p--force{min-height:20%!important}.h-xs-25-p{height:25%}.h-xs-25-p--force{height:25%!important}.max-h-xs-25-p{max-height:25%}.max-h-xs-25-p--force{max-height:25%!important}.min-h-xs-25-p{min-height:25%}.min-h-xs-25-p--force{min-height:25%!important}.h-xs-30-p{height:30%}.h-xs-30-p--force{height:30%!important}.max-h-xs-30-p{max-height:30%}.max-h-xs-30-p--force{max-height:30%!important}.min-h-xs-30-p{min-height:30%}.min-h-xs-30-p--force{min-height:30%!important}.h-xs-35-p{height:35%}.h-xs-35-p--force{height:35%!important}.max-h-xs-35-p{max-height:35%}.max-h-xs-35-p--force{max-height:35%!important}.min-h-xs-35-p{min-height:35%}.min-h-xs-35-p--force{min-height:35%!important}.h-xs-40-p{height:40%}.h-xs-40-p--force{height:40%!important}.max-h-xs-40-p{max-height:40%}.max-h-xs-40-p--force{max-height:40%!important}.min-h-xs-40-p{min-height:40%}.min-h-xs-40-p--force{min-height:40%!important}.h-xs-45-p{height:45%}.h-xs-45-p--force{height:45%!important}.max-h-xs-45-p{max-height:45%}.max-h-xs-45-p--force{max-height:45%!important}.min-h-xs-45-p{min-height:45%}.min-h-xs-45-p--force{min-height:45%!important}.h-xs-50-p{height:50%}.h-xs-50-p--force{height:50%!important}.max-h-xs-50-p{max-height:50%}.max-h-xs-50-p--force{max-height:50%!important}.min-h-xs-50-p{min-height:50%}.min-h-xs-50-p--force{min-height:50%!important}.h-xs-55-p{height:55%}.h-xs-55-p--force{height:55%!important}.max-h-xs-55-p{max-height:55%}.max-h-xs-55-p--force{max-height:55%!important}.min-h-xs-55-p{min-height:55%}.min-h-xs-55-p--force{min-height:55%!important}.h-xs-60-p{height:60%}.h-xs-60-p--force{height:60%!important}.max-h-xs-60-p{max-height:60%}.max-h-xs-60-p--force{max-height:60%!important}.min-h-xs-60-p{min-height:60%}.min-h-xs-60-p--force{min-height:60%!important}.h-xs-65-p{height:65%}.h-xs-65-p--force{height:65%!important}.max-h-xs-65-p{max-height:65%}.max-h-xs-65-p--force{max-height:65%!important}.min-h-xs-65-p{min-height:65%}.min-h-xs-65-p--force{min-height:65%!important}.h-xs-70-p{height:70%}.h-xs-70-p--force{height:70%!important}.max-h-xs-70-p{max-height:70%}.max-h-xs-70-p--force{max-height:70%!important}.min-h-xs-70-p{min-height:70%}.min-h-xs-70-p--force{min-height:70%!important}.h-xs-75-p{height:75%}.h-xs-75-p--force{height:75%!important}.max-h-xs-75-p{max-height:75%}.max-h-xs-75-p--force{max-height:75%!important}.min-h-xs-75-p{min-height:75%}.min-h-xs-75-p--force{min-height:75%!important}.h-xs-80-p{height:80%}.h-xs-80-p--force{height:80%!important}.max-h-xs-80-p{max-height:80%}.max-h-xs-80-p--force{max-height:80%!important}.min-h-xs-80-p{min-height:80%}.min-h-xs-80-p--force{min-height:80%!important}.h-xs-85-p{height:85%}.h-xs-85-p--force{height:85%!important}.max-h-xs-85-p{max-height:85%}.max-h-xs-85-p--force{max-height:85%!important}.min-h-xs-85-p{min-height:85%}.min-h-xs-85-p--force{min-height:85%!important}.h-xs-90-p{height:90%}.h-xs-90-p--force{height:90%!important}.max-h-xs-90-p{max-height:90%}.max-h-xs-90-p--force{max-height:90%!important}.min-h-xs-90-p{min-height:90%}.min-h-xs-90-p--force{min-height:90%!important}.h-xs-95-p{height:95%}.h-xs-95-p--force{height:95%!important}.max-h-xs-95-p{max-height:95%}.max-h-xs-95-p--force{max-height:95%!important}.min-h-xs-95-p{min-height:95%}.min-h-xs-95-p--force{min-height:95%!important}.h-xs-100-p{height:100%}.h-xs-100-p--force{height:100%!important}.max-h-xs-100-p{max-height:100%}.max-h-xs-100-p--force{max-height:100%!important}.min-h-xs-100-p{min-height:100%}.min-h-xs-100-p--force{min-height:100%!important}.h-xs-300{height:300px}.h-xs-300--force{height:300px!important}.max-h-xs-300{max-height:300px}.max-h-xs-300--force{max-height:300px!important}.min-h-xs-300{min-height:300px}.min-h-xs-300--force{min-height:300px!important}.h-xs-400{height:400px}.h-xs-400--force{height:400px!important}.max-h-xs-400{max-height:400px}.max-h-xs-400--force{max-height:400px!important}.min-h-xs-400{min-height:400px}.min-h-xs-400--force{min-height:400px!important}.h-xs-500{height:500px}.h-xs-500--force{height:500px!important}.max-h-xs-500{max-height:500px}.max-h-xs-500--force{max-height:500px!important}.min-h-xs-500{min-height:500px}.min-h-xs-500--force{min-height:500px!important}.h-xs-600{height:600px}.h-xs-600--force{height:600px!important}.max-h-xs-600{max-height:600px}.max-h-xs-600--force{max-height:600px!important}.min-h-xs-600{min-height:600px}.min-h-xs-600--force{min-height:600px!important}.h-xs-700{height:700px}.h-xs-700--force{height:700px!important}.max-h-xs-700{max-height:700px}.max-h-xs-700--force{max-height:700px!important}.min-h-xs-700{min-height:700px}.min-h-xs-700--force{min-height:700px!important}.h-xs-800{height:800px}.h-xs-800--force{height:800px!important}.max-h-xs-800{max-height:800px}.max-h-xs-800--force{max-height:800px!important}.min-h-xs-800{min-height:800px}.min-h-xs-800--force{min-height:800px!important}.h-xs-900{height:900px}.h-xs-900--force{height:900px!important}.max-h-xs-900{max-height:900px}.max-h-xs-900--force{max-height:900px!important}.min-h-xs-900{min-height:900px}.min-h-xs-900--force{min-height:900px!important}.h-xs-1000{height:1000px}.h-xs-1000--force{height:1000px!important}.max-h-xs-1000{max-height:1000px}.max-h-xs-1000--force{max-height:1000px!important}.min-h-xs-1000{min-height:1000px}.min-h-xs-1000--force{min-height:1000px!important}.h-xs-1100{height:1100px}.h-xs-1100--force{height:1100px!important}.max-h-xs-1100{max-height:1100px}.max-h-xs-1100--force{max-height:1100px!important}.min-h-xs-1100{min-height:1100px}.min-h-xs-1100--force{min-height:1100px!important}.h-xs-1200{height:1200px}.h-xs-1200--force{height:1200px!important}.max-h-xs-1200{max-height:1200px}.max-h-xs-1200--force{max-height:1200px!important}.min-h-xs-1200{min-height:1200px}.min-h-xs-1200--force{min-height:1200px!important}.h-xs-1300{height:1300px}.h-xs-1300--force{height:1300px!important}.max-h-xs-1300{max-height:1300px}.max-h-xs-1300--force{max-height:1300px!important}.min-h-xs-1300{min-height:1300px}.min-h-xs-1300--force{min-height:1300px!important}.h-xs-1400{height:1400px}.h-xs-1400--force{height:1400px!important}.max-h-xs-1400{max-height:1400px}.max-h-xs-1400--force{max-height:1400px!important}.min-h-xs-1400{min-height:1400px}.min-h-xs-1400--force{min-height:1400px!important}.h-xs-1500{height:1500px}.h-xs-1500--force{height:1500px!important}.max-h-xs-1500{max-height:1500px}.max-h-xs-1500--force{max-height:1500px!important}.min-h-xs-1500{min-height:1500px}.min-h-xs-1500--force{min-height:1500px!important}.h-xs-1600{height:1600px}.h-xs-1600--force{height:1600px!important}.max-h-xs-1600{max-height:1600px}.max-h-xs-1600--force{max-height:1600px!important}.min-h-xs-1600{min-height:1600px}.min-h-xs-1600--force{min-height:1600px!important}.h-xs-1700{height:1700px}.h-xs-1700--force{height:1700px!important}.max-h-xs-1700{max-height:1700px}.max-h-xs-1700--force{max-height:1700px!important}.min-h-xs-1700{min-height:1700px}.min-h-xs-1700--force{min-height:1700px!important}.h-xs-1800{height:1800px}.h-xs-1800--force{height:1800px!important}.max-h-xs-1800{max-height:1800px}.max-h-xs-1800--force{max-height:1800px!important}.min-h-xs-1800{min-height:1800px}.min-h-xs-1800--force{min-height:1800px!important}.h-xs-1900{height:1900px}.h-xs-1900--force{height:1900px!important}.max-h-xs-1900{max-height:1900px}.max-h-xs-1900--force{max-height:1900px!important}.min-h-xs-1900{min-height:1900px}.min-h-xs-1900--force{min-height:1900px!important}.h-xs-2000{height:2000px}.h-xs-2000--force{height:2000px!important}.max-h-xs-2000{max-height:2000px}.max-h-xs-2000--force{max-height:2000px!important}.min-h-xs-2000{min-height:2000px}.min-h-xs-2000--force{min-height:2000px!important}.h-xs-auto{height:auto}.h-xs-auto--force{height:auto!important}.w-xs-0{width:0}.w-xs-0--force{width:0!important}.max-w-xs-0{max-width:0}.max-w-xs-0--force{max-width:0!important}.min-w-xs-0{min-width:0}.min-w-xs-0--force{min-width:0!important}.w-xs-4{width:4px}.w-xs-4--force{width:4px!important}.max-w-xs-4{max-width:4px}.max-w-xs-4--force{max-width:4px!important}.min-w-xs-4{min-width:4px}.min-w-xs-4--force{min-width:4px!important}.w-xs-8{width:8px}.w-xs-8--force{width:8px!important}.max-w-xs-8{max-width:8px}.max-w-xs-8--force{max-width:8px!important}.min-w-xs-8{min-width:8px}.min-w-xs-8--force{min-width:8px!important}.w-xs-12{width:12px}.w-xs-12--force{width:12px!important}.max-w-xs-12{max-width:12px}.max-w-xs-12--force{max-width:12px!important}.min-w-xs-12{min-width:12px}.min-w-xs-12--force{min-width:12px!important}.w-xs-16{width:16px}.w-xs-16--force{width:16px!important}.max-w-xs-16{max-width:16px}.max-w-xs-16--force{max-width:16px!important}.min-w-xs-16{min-width:16px}.min-w-xs-16--force{min-width:16px!important}.w-xs-20{width:20px}.w-xs-20--force{width:20px!important}.max-w-xs-20{max-width:20px}.max-w-xs-20--force{max-width:20px!important}.min-w-xs-20{min-width:20px}.min-w-xs-20--force{min-width:20px!important}.w-xs-24{width:24px}.w-xs-24--force{width:24px!important}.max-w-xs-24{max-width:24px}.max-w-xs-24--force{max-width:24px!important}.min-w-xs-24{min-width:24px}.min-w-xs-24--force{min-width:24px!important}.w-xs-28{width:28px}.w-xs-28--force{width:28px!important}.max-w-xs-28{max-width:28px}.max-w-xs-28--force{max-width:28px!important}.min-w-xs-28{min-width:28px}.min-w-xs-28--force{min-width:28px!important}.w-xs-32{width:32px}.w-xs-32--force{width:32px!important}.max-w-xs-32{max-width:32px}.max-w-xs-32--force{max-width:32px!important}.min-w-xs-32{min-width:32px}.min-w-xs-32--force{min-width:32px!important}.w-xs-36{width:36px}.w-xs-36--force{width:36px!important}.max-w-xs-36{max-width:36px}.max-w-xs-36--force{max-width:36px!important}.min-w-xs-36{min-width:36px}.min-w-xs-36--force{min-width:36px!important}.w-xs-40{width:40px}.w-xs-40--force{width:40px!important}.max-w-xs-40{max-width:40px}.max-w-xs-40--force{max-width:40px!important}.min-w-xs-40{min-width:40px}.min-w-xs-40--force{min-width:40px!important}.w-xs-44{width:44px}.w-xs-44--force{width:44px!important}.max-w-xs-44{max-width:44px}.max-w-xs-44--force{max-width:44px!important}.min-w-xs-44{min-width:44px}.min-w-xs-44--force{min-width:44px!important}.w-xs-48{width:48px}.w-xs-48--force{width:48px!important}.max-w-xs-48{max-width:48px}.max-w-xs-48--force{max-width:48px!important}.min-w-xs-48{min-width:48px}.min-w-xs-48--force{min-width:48px!important}.w-xs-52{width:52px}.w-xs-52--force{width:52px!important}.max-w-xs-52{max-width:52px}.max-w-xs-52--force{max-width:52px!important}.min-w-xs-52{min-width:52px}.min-w-xs-52--force{min-width:52px!important}.w-xs-56{width:56px}.w-xs-56--force{width:56px!important}.max-w-xs-56{max-width:56px}.max-w-xs-56--force{max-width:56px!important}.min-w-xs-56{min-width:56px}.min-w-xs-56--force{min-width:56px!important}.w-xs-60{width:60px}.w-xs-60--force{width:60px!important}.max-w-xs-60{max-width:60px}.max-w-xs-60--force{max-width:60px!important}.min-w-xs-60{min-width:60px}.min-w-xs-60--force{min-width:60px!important}.w-xs-64{width:64px}.w-xs-64--force{width:64px!important}.max-w-xs-64{max-width:64px}.max-w-xs-64--force{max-width:64px!important}.min-w-xs-64{min-width:64px}.min-w-xs-64--force{min-width:64px!important}.w-xs-68{width:68px}.w-xs-68--force{width:68px!important}.max-w-xs-68{max-width:68px}.max-w-xs-68--force{max-width:68px!important}.min-w-xs-68{min-width:68px}.min-w-xs-68--force{min-width:68px!important}.w-xs-72{width:72px}.w-xs-72--force{width:72px!important}.max-w-xs-72{max-width:72px}.max-w-xs-72--force{max-width:72px!important}.min-w-xs-72{min-width:72px}.min-w-xs-72--force{min-width:72px!important}.w-xs-76{width:76px}.w-xs-76--force{width:76px!important}.max-w-xs-76{max-width:76px}.max-w-xs-76--force{max-width:76px!important}.min-w-xs-76{min-width:76px}.min-w-xs-76--force{min-width:76px!important}.w-xs-80{width:80px}.w-xs-80--force{width:80px!important}.max-w-xs-80{max-width:80px}.max-w-xs-80--force{max-width:80px!important}.min-w-xs-80{min-width:80px}.min-w-xs-80--force{min-width:80px!important}.w-xs-84{width:84px}.w-xs-84--force{width:84px!important}.max-w-xs-84{max-width:84px}.max-w-xs-84--force{max-width:84px!important}.min-w-xs-84{min-width:84px}.min-w-xs-84--force{min-width:84px!important}.w-xs-88{width:88px}.w-xs-88--force{width:88px!important}.max-w-xs-88{max-width:88px}.max-w-xs-88--force{max-width:88px!important}.min-w-xs-88{min-width:88px}.min-w-xs-88--force{min-width:88px!important}.w-xs-92{width:92px}.w-xs-92--force{width:92px!important}.max-w-xs-92{max-width:92px}.max-w-xs-92--force{max-width:92px!important}.min-w-xs-92{min-width:92px}.min-w-xs-92--force{min-width:92px!important}.w-xs-96{width:96px}.w-xs-96--force{width:96px!important}.max-w-xs-96{max-width:96px}.max-w-xs-96--force{max-width:96px!important}.min-w-xs-96{min-width:96px}.min-w-xs-96--force{min-width:96px!important}.w-xs-100{width:100px}.w-xs-100--force{width:100px!important}.max-w-xs-100{max-width:100px}.max-w-xs-100--force{max-width:100px!important}.min-w-xs-100{min-width:100px}.min-w-xs-100--force{min-width:100px!important}.w-xs-104{width:104px}.w-xs-104--force{width:104px!important}.max-w-xs-104{max-width:104px}.max-w-xs-104--force{max-width:104px!important}.min-w-xs-104{min-width:104px}.min-w-xs-104--force{min-width:104px!important}.w-xs-108{width:108px}.w-xs-108--force{width:108px!important}.max-w-xs-108{max-width:108px}.max-w-xs-108--force{max-width:108px!important}.min-w-xs-108{min-width:108px}.min-w-xs-108--force{min-width:108px!important}.w-xs-112{width:112px}.w-xs-112--force{width:112px!important}.max-w-xs-112{max-width:112px}.max-w-xs-112--force{max-width:112px!important}.min-w-xs-112{min-width:112px}.min-w-xs-112--force{min-width:112px!important}.w-xs-116{width:116px}.w-xs-116--force{width:116px!important}.max-w-xs-116{max-width:116px}.max-w-xs-116--force{max-width:116px!important}.min-w-xs-116{min-width:116px}.min-w-xs-116--force{min-width:116px!important}.w-xs-120{width:120px}.w-xs-120--force{width:120px!important}.max-w-xs-120{max-width:120px}.max-w-xs-120--force{max-width:120px!important}.min-w-xs-120{min-width:120px}.min-w-xs-120--force{min-width:120px!important}.w-xs-124{width:124px}.w-xs-124--force{width:124px!important}.max-w-xs-124{max-width:124px}.max-w-xs-124--force{max-width:124px!important}.min-w-xs-124{min-width:124px}.min-w-xs-124--force{min-width:124px!important}.w-xs-128{width:128px}.w-xs-128--force{width:128px!important}.max-w-xs-128{max-width:128px}.max-w-xs-128--force{max-width:128px!important}.min-w-xs-128{min-width:128px}.min-w-xs-128--force{min-width:128px!important}.w-xs-132{width:132px}.w-xs-132--force{width:132px!important}.max-w-xs-132{max-width:132px}.max-w-xs-132--force{max-width:132px!important}.min-w-xs-132{min-width:132px}.min-w-xs-132--force{min-width:132px!important}.w-xs-136{width:136px}.w-xs-136--force{width:136px!important}.max-w-xs-136{max-width:136px}.max-w-xs-136--force{max-width:136px!important}.min-w-xs-136{min-width:136px}.min-w-xs-136--force{min-width:136px!important}.w-xs-140{width:140px}.w-xs-140--force{width:140px!important}.max-w-xs-140{max-width:140px}.max-w-xs-140--force{max-width:140px!important}.min-w-xs-140{min-width:140px}.min-w-xs-140--force{min-width:140px!important}.w-xs-144{width:144px}.w-xs-144--force{width:144px!important}.max-w-xs-144{max-width:144px}.max-w-xs-144--force{max-width:144px!important}.min-w-xs-144{min-width:144px}.min-w-xs-144--force{min-width:144px!important}.w-xs-148{width:148px}.w-xs-148--force{width:148px!important}.max-w-xs-148{max-width:148px}.max-w-xs-148--force{max-width:148px!important}.min-w-xs-148{min-width:148px}.min-w-xs-148--force{min-width:148px!important}.w-xs-152{width:152px}.w-xs-152--force{width:152px!important}.max-w-xs-152{max-width:152px}.max-w-xs-152--force{max-width:152px!important}.min-w-xs-152{min-width:152px}.min-w-xs-152--force{min-width:152px!important}.w-xs-156{width:156px}.w-xs-156--force{width:156px!important}.max-w-xs-156{max-width:156px}.max-w-xs-156--force{max-width:156px!important}.min-w-xs-156{min-width:156px}.min-w-xs-156--force{min-width:156px!important}.w-xs-160{width:160px}.w-xs-160--force{width:160px!important}.max-w-xs-160{max-width:160px}.max-w-xs-160--force{max-width:160px!important}.min-w-xs-160{min-width:160px}.min-w-xs-160--force{min-width:160px!important}.w-xs-164{width:164px}.w-xs-164--force{width:164px!important}.max-w-xs-164{max-width:164px}.max-w-xs-164--force{max-width:164px!important}.min-w-xs-164{min-width:164px}.min-w-xs-164--force{min-width:164px!important}.w-xs-168{width:168px}.w-xs-168--force{width:168px!important}.max-w-xs-168{max-width:168px}.max-w-xs-168--force{max-width:168px!important}.min-w-xs-168{min-width:168px}.min-w-xs-168--force{min-width:168px!important}.w-xs-172{width:172px}.w-xs-172--force{width:172px!important}.max-w-xs-172{max-width:172px}.max-w-xs-172--force{max-width:172px!important}.min-w-xs-172{min-width:172px}.min-w-xs-172--force{min-width:172px!important}.w-xs-176{width:176px}.w-xs-176--force{width:176px!important}.max-w-xs-176{max-width:176px}.max-w-xs-176--force{max-width:176px!important}.min-w-xs-176{min-width:176px}.min-w-xs-176--force{min-width:176px!important}.w-xs-180{width:180px}.w-xs-180--force{width:180px!important}.max-w-xs-180{max-width:180px}.max-w-xs-180--force{max-width:180px!important}.min-w-xs-180{min-width:180px}.min-w-xs-180--force{min-width:180px!important}.w-xs-184{width:184px}.w-xs-184--force{width:184px!important}.max-w-xs-184{max-width:184px}.max-w-xs-184--force{max-width:184px!important}.min-w-xs-184{min-width:184px}.min-w-xs-184--force{min-width:184px!important}.w-xs-188{width:188px}.w-xs-188--force{width:188px!important}.max-w-xs-188{max-width:188px}.max-w-xs-188--force{max-width:188px!important}.min-w-xs-188{min-width:188px}.min-w-xs-188--force{min-width:188px!important}.w-xs-192{width:192px}.w-xs-192--force{width:192px!important}.max-w-xs-192{max-width:192px}.max-w-xs-192--force{max-width:192px!important}.min-w-xs-192{min-width:192px}.min-w-xs-192--force{min-width:192px!important}.w-xs-196{width:196px}.w-xs-196--force{width:196px!important}.max-w-xs-196{max-width:196px}.max-w-xs-196--force{max-width:196px!important}.min-w-xs-196{min-width:196px}.min-w-xs-196--force{min-width:196px!important}.w-xs-200{width:200px}.w-xs-200--force{width:200px!important}.max-w-xs-200{max-width:200px}.max-w-xs-200--force{max-width:200px!important}.min-w-xs-200{min-width:200px}.min-w-xs-200--force{min-width:200px!important}.w-xs-204{width:204px}.w-xs-204--force{width:204px!important}.max-w-xs-204{max-width:204px}.max-w-xs-204--force{max-width:204px!important}.min-w-xs-204{min-width:204px}.min-w-xs-204--force{min-width:204px!important}.w-xs-208{width:208px}.w-xs-208--force{width:208px!important}.max-w-xs-208{max-width:208px}.max-w-xs-208--force{max-width:208px!important}.min-w-xs-208{min-width:208px}.min-w-xs-208--force{min-width:208px!important}.w-xs-212{width:212px}.w-xs-212--force{width:212px!important}.max-w-xs-212{max-width:212px}.max-w-xs-212--force{max-width:212px!important}.min-w-xs-212{min-width:212px}.min-w-xs-212--force{min-width:212px!important}.w-xs-216{width:216px}.w-xs-216--force{width:216px!important}.max-w-xs-216{max-width:216px}.max-w-xs-216--force{max-width:216px!important}.min-w-xs-216{min-width:216px}.min-w-xs-216--force{min-width:216px!important}.w-xs-220{width:220px}.w-xs-220--force{width:220px!important}.max-w-xs-220{max-width:220px}.max-w-xs-220--force{max-width:220px!important}.min-w-xs-220{min-width:220px}.min-w-xs-220--force{min-width:220px!important}.w-xs-224{width:224px}.w-xs-224--force{width:224px!important}.max-w-xs-224{max-width:224px}.max-w-xs-224--force{max-width:224px!important}.min-w-xs-224{min-width:224px}.min-w-xs-224--force{min-width:224px!important}.w-xs-228{width:228px}.w-xs-228--force{width:228px!important}.max-w-xs-228{max-width:228px}.max-w-xs-228--force{max-width:228px!important}.min-w-xs-228{min-width:228px}.min-w-xs-228--force{min-width:228px!important}.w-xs-232{width:232px}.w-xs-232--force{width:232px!important}.max-w-xs-232{max-width:232px}.max-w-xs-232--force{max-width:232px!important}.min-w-xs-232{min-width:232px}.min-w-xs-232--force{min-width:232px!important}.w-xs-236{width:236px}.w-xs-236--force{width:236px!important}.max-w-xs-236{max-width:236px}.max-w-xs-236--force{max-width:236px!important}.min-w-xs-236{min-width:236px}.min-w-xs-236--force{min-width:236px!important}.w-xs-240{width:240px}.w-xs-240--force{width:240px!important}.max-w-xs-240{max-width:240px}.max-w-xs-240--force{max-width:240px!important}.min-w-xs-240{min-width:240px}.min-w-xs-240--force{min-width:240px!important}.w-xs-244{width:244px}.w-xs-244--force{width:244px!important}.max-w-xs-244{max-width:244px}.max-w-xs-244--force{max-width:244px!important}.min-w-xs-244{min-width:244px}.min-w-xs-244--force{min-width:244px!important}.w-xs-248{width:248px}.w-xs-248--force{width:248px!important}.max-w-xs-248{max-width:248px}.max-w-xs-248--force{max-width:248px!important}.min-w-xs-248{min-width:248px}.min-w-xs-248--force{min-width:248px!important}.w-xs-252{width:252px}.w-xs-252--force{width:252px!important}.max-w-xs-252{max-width:252px}.max-w-xs-252--force{max-width:252px!important}.min-w-xs-252{min-width:252px}.min-w-xs-252--force{min-width:252px!important}.w-xs-256{width:256px}.w-xs-256--force{width:256px!important}.max-w-xs-256{max-width:256px}.max-w-xs-256--force{max-width:256px!important}.min-w-xs-256{min-width:256px}.min-w-xs-256--force{min-width:256px!important}.w-xs-0-p{width:0%}.w-xs-0-p--force{width:0%!important}.max-w-xs-0-p{max-width:0%}.max-w-xs-0-p--force{max-width:0%!important}.min-w-xs-0-p{min-width:0}.min-w-xs-0-p--force{min-width:0!important}.w-xs-5-p{width:5%}.w-xs-5-p--force{width:5%!important}.max-w-xs-5-p{max-width:5%}.max-w-xs-5-p--force{max-width:5%!important}.min-w-xs-5-p{min-width:5%}.min-w-xs-5-p--force{min-width:5%!important}.w-xs-10-p{width:10%}.w-xs-10-p--force{width:10%!important}.max-w-xs-10-p{max-width:10%}.max-w-xs-10-p--force{max-width:10%!important}.min-w-xs-10-p{min-width:10%}.min-w-xs-10-p--force{min-width:10%!important}.w-xs-15-p{width:15%}.w-xs-15-p--force{width:15%!important}.max-w-xs-15-p{max-width:15%}.max-w-xs-15-p--force{max-width:15%!important}.min-w-xs-15-p{min-width:15%}.min-w-xs-15-p--force{min-width:15%!important}.w-xs-20-p{width:20%}.w-xs-20-p--force{width:20%!important}.max-w-xs-20-p{max-width:20%}.max-w-xs-20-p--force{max-width:20%!important}.min-w-xs-20-p{min-width:20%}.min-w-xs-20-p--force{min-width:20%!important}.w-xs-25-p{width:25%}.w-xs-25-p--force{width:25%!important}.max-w-xs-25-p{max-width:25%}.max-w-xs-25-p--force{max-width:25%!important}.min-w-xs-25-p{min-width:25%}.min-w-xs-25-p--force{min-width:25%!important}.w-xs-30-p{width:30%}.w-xs-30-p--force{width:30%!important}.max-w-xs-30-p{max-width:30%}.max-w-xs-30-p--force{max-width:30%!important}.min-w-xs-30-p{min-width:30%}.min-w-xs-30-p--force{min-width:30%!important}.w-xs-35-p{width:35%}.w-xs-35-p--force{width:35%!important}.max-w-xs-35-p{max-width:35%}.max-w-xs-35-p--force{max-width:35%!important}.min-w-xs-35-p{min-width:35%}.min-w-xs-35-p--force{min-width:35%!important}.w-xs-40-p{width:40%}.w-xs-40-p--force{width:40%!important}.max-w-xs-40-p{max-width:40%}.max-w-xs-40-p--force{max-width:40%!important}.min-w-xs-40-p{min-width:40%}.min-w-xs-40-p--force{min-width:40%!important}.w-xs-45-p{width:45%}.w-xs-45-p--force{width:45%!important}.max-w-xs-45-p{max-width:45%}.max-w-xs-45-p--force{max-width:45%!important}.min-w-xs-45-p{min-width:45%}.min-w-xs-45-p--force{min-width:45%!important}.w-xs-50-p{width:50%}.w-xs-50-p--force{width:50%!important}.max-w-xs-50-p{max-width:50%}.max-w-xs-50-p--force{max-width:50%!important}.min-w-xs-50-p{min-width:50%}.min-w-xs-50-p--force{min-width:50%!important}.w-xs-55-p{width:55%}.w-xs-55-p--force{width:55%!important}.max-w-xs-55-p{max-width:55%}.max-w-xs-55-p--force{max-width:55%!important}.min-w-xs-55-p{min-width:55%}.min-w-xs-55-p--force{min-width:55%!important}.w-xs-60-p{width:60%}.w-xs-60-p--force{width:60%!important}.max-w-xs-60-p{max-width:60%}.max-w-xs-60-p--force{max-width:60%!important}.min-w-xs-60-p{min-width:60%}.min-w-xs-60-p--force{min-width:60%!important}.w-xs-65-p{width:65%}.w-xs-65-p--force{width:65%!important}.max-w-xs-65-p{max-width:65%}.max-w-xs-65-p--force{max-width:65%!important}.min-w-xs-65-p{min-width:65%}.min-w-xs-65-p--force{min-width:65%!important}.w-xs-70-p{width:70%}.w-xs-70-p--force{width:70%!important}.max-w-xs-70-p{max-width:70%}.max-w-xs-70-p--force{max-width:70%!important}.min-w-xs-70-p{min-width:70%}.min-w-xs-70-p--force{min-width:70%!important}.w-xs-75-p{width:75%}.w-xs-75-p--force{width:75%!important}.max-w-xs-75-p{max-width:75%}.max-w-xs-75-p--force{max-width:75%!important}.min-w-xs-75-p{min-width:75%}.min-w-xs-75-p--force{min-width:75%!important}.w-xs-80-p{width:80%}.w-xs-80-p--force{width:80%!important}.max-w-xs-80-p{max-width:80%}.max-w-xs-80-p--force{max-width:80%!important}.min-w-xs-80-p{min-width:80%}.min-w-xs-80-p--force{min-width:80%!important}.w-xs-85-p{width:85%}.w-xs-85-p--force{width:85%!important}.max-w-xs-85-p{max-width:85%}.max-w-xs-85-p--force{max-width:85%!important}.min-w-xs-85-p{min-width:85%}.min-w-xs-85-p--force{min-width:85%!important}.w-xs-90-p{width:90%}.w-xs-90-p--force{width:90%!important}.max-w-xs-90-p{max-width:90%}.max-w-xs-90-p--force{max-width:90%!important}.min-w-xs-90-p{min-width:90%}.min-w-xs-90-p--force{min-width:90%!important}.w-xs-95-p{width:95%}.w-xs-95-p--force{width:95%!important}.max-w-xs-95-p{max-width:95%}.max-w-xs-95-p--force{max-width:95%!important}.min-w-xs-95-p{min-width:95%}.min-w-xs-95-p--force{min-width:95%!important}.w-xs-100-p{width:100%}.w-xs-100-p--force{width:100%!important}.max-w-xs-100-p{max-width:100%}.max-w-xs-100-p--force{max-width:100%!important}.min-w-xs-100-p{min-width:100%}.min-w-xs-100-p--force{min-width:100%!important}.w-xs-300{width:300px}.w-xs-300--force{width:300px!important}.max-w-xs-300{max-width:300px}.max-w-xs-300--force{max-width:300px!important}.min-w-xs-300{min-width:300px}.min-w-xs-300--force{min-width:300px!important}.w-xs-400{width:400px}.w-xs-400--force{width:400px!important}.max-w-xs-400{max-width:400px}.max-w-xs-400--force{max-width:400px!important}.min-w-xs-400{min-width:400px}.min-w-xs-400--force{min-width:400px!important}.w-xs-500{width:500px}.w-xs-500--force{width:500px!important}.max-w-xs-500{max-width:500px}.max-w-xs-500--force{max-width:500px!important}.min-w-xs-500{min-width:500px}.min-w-xs-500--force{min-width:500px!important}.w-xs-600{width:600px}.w-xs-600--force{width:600px!important}.max-w-xs-600{max-width:600px}.max-w-xs-600--force{max-width:600px!important}.min-w-xs-600{min-width:600px}.min-w-xs-600--force{min-width:600px!important}.w-xs-700{width:700px}.w-xs-700--force{width:700px!important}.max-w-xs-700{max-width:700px}.max-w-xs-700--force{max-width:700px!important}.min-w-xs-700{min-width:700px}.min-w-xs-700--force{min-width:700px!important}.w-xs-800{width:800px}.w-xs-800--force{width:800px!important}.max-w-xs-800{max-width:800px}.max-w-xs-800--force{max-width:800px!important}.min-w-xs-800{min-width:800px}.min-w-xs-800--force{min-width:800px!important}.w-xs-900{width:900px}.w-xs-900--force{width:900px!important}.max-w-xs-900{max-width:900px}.max-w-xs-900--force{max-width:900px!important}.min-w-xs-900{min-width:900px}.min-w-xs-900--force{min-width:900px!important}.w-xs-1000{width:1000px}.w-xs-1000--force{width:1000px!important}.max-w-xs-1000{max-width:1000px}.max-w-xs-1000--force{max-width:1000px!important}.min-w-xs-1000{min-width:1000px}.min-w-xs-1000--force{min-width:1000px!important}.w-xs-1100{width:1100px}.w-xs-1100--force{width:1100px!important}.max-w-xs-1100{max-width:1100px}.max-w-xs-1100--force{max-width:1100px!important}.min-w-xs-1100{min-width:1100px}.min-w-xs-1100--force{min-width:1100px!important}.w-xs-1200{width:1200px}.w-xs-1200--force{width:1200px!important}.max-w-xs-1200{max-width:1200px}.max-w-xs-1200--force{max-width:1200px!important}.min-w-xs-1200{min-width:1200px}.min-w-xs-1200--force{min-width:1200px!important}.w-xs-1300{width:1300px}.w-xs-1300--force{width:1300px!important}.max-w-xs-1300{max-width:1300px}.max-w-xs-1300--force{max-width:1300px!important}.min-w-xs-1300{min-width:1300px}.min-w-xs-1300--force{min-width:1300px!important}.w-xs-1400{width:1400px}.w-xs-1400--force{width:1400px!important}.max-w-xs-1400{max-width:1400px}.max-w-xs-1400--force{max-width:1400px!important}.min-w-xs-1400{min-width:1400px}.min-w-xs-1400--force{min-width:1400px!important}.w-xs-1500{width:1500px}.w-xs-1500--force{width:1500px!important}.max-w-xs-1500{max-width:1500px}.max-w-xs-1500--force{max-width:1500px!important}.min-w-xs-1500{min-width:1500px}.min-w-xs-1500--force{min-width:1500px!important}.w-xs-1600{width:1600px}.w-xs-1600--force{width:1600px!important}.max-w-xs-1600{max-width:1600px}.max-w-xs-1600--force{max-width:1600px!important}.min-w-xs-1600{min-width:1600px}.min-w-xs-1600--force{min-width:1600px!important}.w-xs-1700{width:1700px}.w-xs-1700--force{width:1700px!important}.max-w-xs-1700{max-width:1700px}.max-w-xs-1700--force{max-width:1700px!important}.min-w-xs-1700{min-width:1700px}.min-w-xs-1700--force{min-width:1700px!important}.w-xs-1800{width:1800px}.w-xs-1800--force{width:1800px!important}.max-w-xs-1800{max-width:1800px}.max-w-xs-1800--force{max-width:1800px!important}.min-w-xs-1800{min-width:1800px}.min-w-xs-1800--force{min-width:1800px!important}.w-xs-1900{width:1900px}.w-xs-1900--force{width:1900px!important}.max-w-xs-1900{max-width:1900px}.max-w-xs-1900--force{max-width:1900px!important}.min-w-xs-1900{min-width:1900px}.min-w-xs-1900--force{min-width:1900px!important}.w-xs-2000{width:2000px}.w-xs-2000--force{width:2000px!important}.max-w-xs-2000{max-width:2000px}.max-w-xs-2000--force{max-width:2000px!important}.min-w-xs-2000{min-width:2000px}.min-w-xs-2000--force{min-width:2000px!important}.w-xs-auto{width:auto}.w-xs-auto--force{width:auto!important}}@media screen and (min-width:640px){.h-sm-0{height:0}.h-sm-0--force{height:0!important}.max-h-sm-0{max-height:0}.max-h-sm-0--force{max-height:0!important}.min-h-sm-0{min-height:0}.min-h-sm-0--force{min-height:0!important}.h-sm-4{height:4px}.h-sm-4--force{height:4px!important}.max-h-sm-4{max-height:4px}.max-h-sm-4--force{max-height:4px!important}.min-h-sm-4{min-height:4px}.min-h-sm-4--force{min-height:4px!important}.h-sm-8{height:8px}.h-sm-8--force{height:8px!important}.max-h-sm-8{max-height:8px}.max-h-sm-8--force{max-height:8px!important}.min-h-sm-8{min-height:8px}.min-h-sm-8--force{min-height:8px!important}.h-sm-12{height:12px}.h-sm-12--force{height:12px!important}.max-h-sm-12{max-height:12px}.max-h-sm-12--force{max-height:12px!important}.min-h-sm-12{min-height:12px}.min-h-sm-12--force{min-height:12px!important}.h-sm-16{height:16px}.h-sm-16--force{height:16px!important}.max-h-sm-16{max-height:16px}.max-h-sm-16--force{max-height:16px!important}.min-h-sm-16{min-height:16px}.min-h-sm-16--force{min-height:16px!important}.h-sm-20{height:20px}.h-sm-20--force{height:20px!important}.max-h-sm-20{max-height:20px}.max-h-sm-20--force{max-height:20px!important}.min-h-sm-20{min-height:20px}.min-h-sm-20--force{min-height:20px!important}.h-sm-24{height:24px}.h-sm-24--force{height:24px!important}.max-h-sm-24{max-height:24px}.max-h-sm-24--force{max-height:24px!important}.min-h-sm-24{min-height:24px}.min-h-sm-24--force{min-height:24px!important}.h-sm-28{height:28px}.h-sm-28--force{height:28px!important}.max-h-sm-28{max-height:28px}.max-h-sm-28--force{max-height:28px!important}.min-h-sm-28{min-height:28px}.min-h-sm-28--force{min-height:28px!important}.h-sm-32{height:32px}.h-sm-32--force{height:32px!important}.max-h-sm-32{max-height:32px}.max-h-sm-32--force{max-height:32px!important}.min-h-sm-32{min-height:32px}.min-h-sm-32--force{min-height:32px!important}.h-sm-36{height:36px}.h-sm-36--force{height:36px!important}.max-h-sm-36{max-height:36px}.max-h-sm-36--force{max-height:36px!important}.min-h-sm-36{min-height:36px}.min-h-sm-36--force{min-height:36px!important}.h-sm-40{height:40px}.h-sm-40--force{height:40px!important}.max-h-sm-40{max-height:40px}.max-h-sm-40--force{max-height:40px!important}.min-h-sm-40{min-height:40px}.min-h-sm-40--force{min-height:40px!important}.h-sm-44{height:44px}.h-sm-44--force{height:44px!important}.max-h-sm-44{max-height:44px}.max-h-sm-44--force{max-height:44px!important}.min-h-sm-44{min-height:44px}.min-h-sm-44--force{min-height:44px!important}.h-sm-48{height:48px}.h-sm-48--force{height:48px!important}.max-h-sm-48{max-height:48px}.max-h-sm-48--force{max-height:48px!important}.min-h-sm-48{min-height:48px}.min-h-sm-48--force{min-height:48px!important}.h-sm-52{height:52px}.h-sm-52--force{height:52px!important}.max-h-sm-52{max-height:52px}.max-h-sm-52--force{max-height:52px!important}.min-h-sm-52{min-height:52px}.min-h-sm-52--force{min-height:52px!important}.h-sm-56{height:56px}.h-sm-56--force{height:56px!important}.max-h-sm-56{max-height:56px}.max-h-sm-56--force{max-height:56px!important}.min-h-sm-56{min-height:56px}.min-h-sm-56--force{min-height:56px!important}.h-sm-60{height:60px}.h-sm-60--force{height:60px!important}.max-h-sm-60{max-height:60px}.max-h-sm-60--force{max-height:60px!important}.min-h-sm-60{min-height:60px}.min-h-sm-60--force{min-height:60px!important}.h-sm-64{height:64px}.h-sm-64--force{height:64px!important}.max-h-sm-64{max-height:64px}.max-h-sm-64--force{max-height:64px!important}.min-h-sm-64{min-height:64px}.min-h-sm-64--force{min-height:64px!important}.h-sm-68{height:68px}.h-sm-68--force{height:68px!important}.max-h-sm-68{max-height:68px}.max-h-sm-68--force{max-height:68px!important}.min-h-sm-68{min-height:68px}.min-h-sm-68--force{min-height:68px!important}.h-sm-72{height:72px}.h-sm-72--force{height:72px!important}.max-h-sm-72{max-height:72px}.max-h-sm-72--force{max-height:72px!important}.min-h-sm-72{min-height:72px}.min-h-sm-72--force{min-height:72px!important}.h-sm-76{height:76px}.h-sm-76--force{height:76px!important}.max-h-sm-76{max-height:76px}.max-h-sm-76--force{max-height:76px!important}.min-h-sm-76{min-height:76px}.min-h-sm-76--force{min-height:76px!important}.h-sm-80{height:80px}.h-sm-80--force{height:80px!important}.max-h-sm-80{max-height:80px}.max-h-sm-80--force{max-height:80px!important}.min-h-sm-80{min-height:80px}.min-h-sm-80--force{min-height:80px!important}.h-sm-84{height:84px}.h-sm-84--force{height:84px!important}.max-h-sm-84{max-height:84px}.max-h-sm-84--force{max-height:84px!important}.min-h-sm-84{min-height:84px}.min-h-sm-84--force{min-height:84px!important}.h-sm-88{height:88px}.h-sm-88--force{height:88px!important}.max-h-sm-88{max-height:88px}.max-h-sm-88--force{max-height:88px!important}.min-h-sm-88{min-height:88px}.min-h-sm-88--force{min-height:88px!important}.h-sm-92{height:92px}.h-sm-92--force{height:92px!important}.max-h-sm-92{max-height:92px}.max-h-sm-92--force{max-height:92px!important}.min-h-sm-92{min-height:92px}.min-h-sm-92--force{min-height:92px!important}.h-sm-96{height:96px}.h-sm-96--force{height:96px!important}.max-h-sm-96{max-height:96px}.max-h-sm-96--force{max-height:96px!important}.min-h-sm-96{min-height:96px}.min-h-sm-96--force{min-height:96px!important}.h-sm-100{height:100px}.h-sm-100--force{height:100px!important}.max-h-sm-100{max-height:100px}.max-h-sm-100--force{max-height:100px!important}.min-h-sm-100{min-height:100px}.min-h-sm-100--force{min-height:100px!important}.h-sm-104{height:104px}.h-sm-104--force{height:104px!important}.max-h-sm-104{max-height:104px}.max-h-sm-104--force{max-height:104px!important}.min-h-sm-104{min-height:104px}.min-h-sm-104--force{min-height:104px!important}.h-sm-108{height:108px}.h-sm-108--force{height:108px!important}.max-h-sm-108{max-height:108px}.max-h-sm-108--force{max-height:108px!important}.min-h-sm-108{min-height:108px}.min-h-sm-108--force{min-height:108px!important}.h-sm-112{height:112px}.h-sm-112--force{height:112px!important}.max-h-sm-112{max-height:112px}.max-h-sm-112--force{max-height:112px!important}.min-h-sm-112{min-height:112px}.min-h-sm-112--force{min-height:112px!important}.h-sm-116{height:116px}.h-sm-116--force{height:116px!important}.max-h-sm-116{max-height:116px}.max-h-sm-116--force{max-height:116px!important}.min-h-sm-116{min-height:116px}.min-h-sm-116--force{min-height:116px!important}.h-sm-120{height:120px}.h-sm-120--force{height:120px!important}.max-h-sm-120{max-height:120px}.max-h-sm-120--force{max-height:120px!important}.min-h-sm-120{min-height:120px}.min-h-sm-120--force{min-height:120px!important}.h-sm-124{height:124px}.h-sm-124--force{height:124px!important}.max-h-sm-124{max-height:124px}.max-h-sm-124--force{max-height:124px!important}.min-h-sm-124{min-height:124px}.min-h-sm-124--force{min-height:124px!important}.h-sm-128{height:128px}.h-sm-128--force{height:128px!important}.max-h-sm-128{max-height:128px}.max-h-sm-128--force{max-height:128px!important}.min-h-sm-128{min-height:128px}.min-h-sm-128--force{min-height:128px!important}.h-sm-132{height:132px}.h-sm-132--force{height:132px!important}.max-h-sm-132{max-height:132px}.max-h-sm-132--force{max-height:132px!important}.min-h-sm-132{min-height:132px}.min-h-sm-132--force{min-height:132px!important}.h-sm-136{height:136px}.h-sm-136--force{height:136px!important}.max-h-sm-136{max-height:136px}.max-h-sm-136--force{max-height:136px!important}.min-h-sm-136{min-height:136px}.min-h-sm-136--force{min-height:136px!important}.h-sm-140{height:140px}.h-sm-140--force{height:140px!important}.max-h-sm-140{max-height:140px}.max-h-sm-140--force{max-height:140px!important}.min-h-sm-140{min-height:140px}.min-h-sm-140--force{min-height:140px!important}.h-sm-144{height:144px}.h-sm-144--force{height:144px!important}.max-h-sm-144{max-height:144px}.max-h-sm-144--force{max-height:144px!important}.min-h-sm-144{min-height:144px}.min-h-sm-144--force{min-height:144px!important}.h-sm-148{height:148px}.h-sm-148--force{height:148px!important}.max-h-sm-148{max-height:148px}.max-h-sm-148--force{max-height:148px!important}.min-h-sm-148{min-height:148px}.min-h-sm-148--force{min-height:148px!important}.h-sm-152{height:152px}.h-sm-152--force{height:152px!important}.max-h-sm-152{max-height:152px}.max-h-sm-152--force{max-height:152px!important}.min-h-sm-152{min-height:152px}.min-h-sm-152--force{min-height:152px!important}.h-sm-156{height:156px}.h-sm-156--force{height:156px!important}.max-h-sm-156{max-height:156px}.max-h-sm-156--force{max-height:156px!important}.min-h-sm-156{min-height:156px}.min-h-sm-156--force{min-height:156px!important}.h-sm-160{height:160px}.h-sm-160--force{height:160px!important}.max-h-sm-160{max-height:160px}.max-h-sm-160--force{max-height:160px!important}.min-h-sm-160{min-height:160px}.min-h-sm-160--force{min-height:160px!important}.h-sm-164{height:164px}.h-sm-164--force{height:164px!important}.max-h-sm-164{max-height:164px}.max-h-sm-164--force{max-height:164px!important}.min-h-sm-164{min-height:164px}.min-h-sm-164--force{min-height:164px!important}.h-sm-168{height:168px}.h-sm-168--force{height:168px!important}.max-h-sm-168{max-height:168px}.max-h-sm-168--force{max-height:168px!important}.min-h-sm-168{min-height:168px}.min-h-sm-168--force{min-height:168px!important}.h-sm-172{height:172px}.h-sm-172--force{height:172px!important}.max-h-sm-172{max-height:172px}.max-h-sm-172--force{max-height:172px!important}.min-h-sm-172{min-height:172px}.min-h-sm-172--force{min-height:172px!important}.h-sm-176{height:176px}.h-sm-176--force{height:176px!important}.max-h-sm-176{max-height:176px}.max-h-sm-176--force{max-height:176px!important}.min-h-sm-176{min-height:176px}.min-h-sm-176--force{min-height:176px!important}.h-sm-180{height:180px}.h-sm-180--force{height:180px!important}.max-h-sm-180{max-height:180px}.max-h-sm-180--force{max-height:180px!important}.min-h-sm-180{min-height:180px}.min-h-sm-180--force{min-height:180px!important}.h-sm-184{height:184px}.h-sm-184--force{height:184px!important}.max-h-sm-184{max-height:184px}.max-h-sm-184--force{max-height:184px!important}.min-h-sm-184{min-height:184px}.min-h-sm-184--force{min-height:184px!important}.h-sm-188{height:188px}.h-sm-188--force{height:188px!important}.max-h-sm-188{max-height:188px}.max-h-sm-188--force{max-height:188px!important}.min-h-sm-188{min-height:188px}.min-h-sm-188--force{min-height:188px!important}.h-sm-192{height:192px}.h-sm-192--force{height:192px!important}.max-h-sm-192{max-height:192px}.max-h-sm-192--force{max-height:192px!important}.min-h-sm-192{min-height:192px}.min-h-sm-192--force{min-height:192px!important}.h-sm-196{height:196px}.h-sm-196--force{height:196px!important}.max-h-sm-196{max-height:196px}.max-h-sm-196--force{max-height:196px!important}.min-h-sm-196{min-height:196px}.min-h-sm-196--force{min-height:196px!important}.h-sm-200{height:200px}.h-sm-200--force{height:200px!important}.max-h-sm-200{max-height:200px}.max-h-sm-200--force{max-height:200px!important}.min-h-sm-200{min-height:200px}.min-h-sm-200--force{min-height:200px!important}.h-sm-204{height:204px}.h-sm-204--force{height:204px!important}.max-h-sm-204{max-height:204px}.max-h-sm-204--force{max-height:204px!important}.min-h-sm-204{min-height:204px}.min-h-sm-204--force{min-height:204px!important}.h-sm-208{height:208px}.h-sm-208--force{height:208px!important}.max-h-sm-208{max-height:208px}.max-h-sm-208--force{max-height:208px!important}.min-h-sm-208{min-height:208px}.min-h-sm-208--force{min-height:208px!important}.h-sm-212{height:212px}.h-sm-212--force{height:212px!important}.max-h-sm-212{max-height:212px}.max-h-sm-212--force{max-height:212px!important}.min-h-sm-212{min-height:212px}.min-h-sm-212--force{min-height:212px!important}.h-sm-216{height:216px}.h-sm-216--force{height:216px!important}.max-h-sm-216{max-height:216px}.max-h-sm-216--force{max-height:216px!important}.min-h-sm-216{min-height:216px}.min-h-sm-216--force{min-height:216px!important}.h-sm-220{height:220px}.h-sm-220--force{height:220px!important}.max-h-sm-220{max-height:220px}.max-h-sm-220--force{max-height:220px!important}.min-h-sm-220{min-height:220px}.min-h-sm-220--force{min-height:220px!important}.h-sm-224{height:224px}.h-sm-224--force{height:224px!important}.max-h-sm-224{max-height:224px}.max-h-sm-224--force{max-height:224px!important}.min-h-sm-224{min-height:224px}.min-h-sm-224--force{min-height:224px!important}.h-sm-228{height:228px}.h-sm-228--force{height:228px!important}.max-h-sm-228{max-height:228px}.max-h-sm-228--force{max-height:228px!important}.min-h-sm-228{min-height:228px}.min-h-sm-228--force{min-height:228px!important}.h-sm-232{height:232px}.h-sm-232--force{height:232px!important}.max-h-sm-232{max-height:232px}.max-h-sm-232--force{max-height:232px!important}.min-h-sm-232{min-height:232px}.min-h-sm-232--force{min-height:232px!important}.h-sm-236{height:236px}.h-sm-236--force{height:236px!important}.max-h-sm-236{max-height:236px}.max-h-sm-236--force{max-height:236px!important}.min-h-sm-236{min-height:236px}.min-h-sm-236--force{min-height:236px!important}.h-sm-240{height:240px}.h-sm-240--force{height:240px!important}.max-h-sm-240{max-height:240px}.max-h-sm-240--force{max-height:240px!important}.min-h-sm-240{min-height:240px}.min-h-sm-240--force{min-height:240px!important}.h-sm-244{height:244px}.h-sm-244--force{height:244px!important}.max-h-sm-244{max-height:244px}.max-h-sm-244--force{max-height:244px!important}.min-h-sm-244{min-height:244px}.min-h-sm-244--force{min-height:244px!important}.h-sm-248{height:248px}.h-sm-248--force{height:248px!important}.max-h-sm-248{max-height:248px}.max-h-sm-248--force{max-height:248px!important}.min-h-sm-248{min-height:248px}.min-h-sm-248--force{min-height:248px!important}.h-sm-252{height:252px}.h-sm-252--force{height:252px!important}.max-h-sm-252{max-height:252px}.max-h-sm-252--force{max-height:252px!important}.min-h-sm-252{min-height:252px}.min-h-sm-252--force{min-height:252px!important}.h-sm-256{height:256px}.h-sm-256--force{height:256px!important}.max-h-sm-256{max-height:256px}.max-h-sm-256--force{max-height:256px!important}.min-h-sm-256{min-height:256px}.min-h-sm-256--force{min-height:256px!important}.h-sm-0-p{height:0%}.h-sm-0-p--force{height:0%!important}.max-h-sm-0-p{max-height:0%}.max-h-sm-0-p--force{max-height:0%!important}.min-h-sm-0-p{min-height:0}.min-h-sm-0-p--force{min-height:0!important}.h-sm-5-p{height:5%}.h-sm-5-p--force{height:5%!important}.max-h-sm-5-p{max-height:5%}.max-h-sm-5-p--force{max-height:5%!important}.min-h-sm-5-p{min-height:5%}.min-h-sm-5-p--force{min-height:5%!important}.h-sm-10-p{height:10%}.h-sm-10-p--force{height:10%!important}.max-h-sm-10-p{max-height:10%}.max-h-sm-10-p--force{max-height:10%!important}.min-h-sm-10-p{min-height:10%}.min-h-sm-10-p--force{min-height:10%!important}.h-sm-15-p{height:15%}.h-sm-15-p--force{height:15%!important}.max-h-sm-15-p{max-height:15%}.max-h-sm-15-p--force{max-height:15%!important}.min-h-sm-15-p{min-height:15%}.min-h-sm-15-p--force{min-height:15%!important}.h-sm-20-p{height:20%}.h-sm-20-p--force{height:20%!important}.max-h-sm-20-p{max-height:20%}.max-h-sm-20-p--force{max-height:20%!important}.min-h-sm-20-p{min-height:20%}.min-h-sm-20-p--force{min-height:20%!important}.h-sm-25-p{height:25%}.h-sm-25-p--force{height:25%!important}.max-h-sm-25-p{max-height:25%}.max-h-sm-25-p--force{max-height:25%!important}.min-h-sm-25-p{min-height:25%}.min-h-sm-25-p--force{min-height:25%!important}.h-sm-30-p{height:30%}.h-sm-30-p--force{height:30%!important}.max-h-sm-30-p{max-height:30%}.max-h-sm-30-p--force{max-height:30%!important}.min-h-sm-30-p{min-height:30%}.min-h-sm-30-p--force{min-height:30%!important}.h-sm-35-p{height:35%}.h-sm-35-p--force{height:35%!important}.max-h-sm-35-p{max-height:35%}.max-h-sm-35-p--force{max-height:35%!important}.min-h-sm-35-p{min-height:35%}.min-h-sm-35-p--force{min-height:35%!important}.h-sm-40-p{height:40%}.h-sm-40-p--force{height:40%!important}.max-h-sm-40-p{max-height:40%}.max-h-sm-40-p--force{max-height:40%!important}.min-h-sm-40-p{min-height:40%}.min-h-sm-40-p--force{min-height:40%!important}.h-sm-45-p{height:45%}.h-sm-45-p--force{height:45%!important}.max-h-sm-45-p{max-height:45%}.max-h-sm-45-p--force{max-height:45%!important}.min-h-sm-45-p{min-height:45%}.min-h-sm-45-p--force{min-height:45%!important}.h-sm-50-p{height:50%}.h-sm-50-p--force{height:50%!important}.max-h-sm-50-p{max-height:50%}.max-h-sm-50-p--force{max-height:50%!important}.min-h-sm-50-p{min-height:50%}.min-h-sm-50-p--force{min-height:50%!important}.h-sm-55-p{height:55%}.h-sm-55-p--force{height:55%!important}.max-h-sm-55-p{max-height:55%}.max-h-sm-55-p--force{max-height:55%!important}.min-h-sm-55-p{min-height:55%}.min-h-sm-55-p--force{min-height:55%!important}.h-sm-60-p{height:60%}.h-sm-60-p--force{height:60%!important}.max-h-sm-60-p{max-height:60%}.max-h-sm-60-p--force{max-height:60%!important}.min-h-sm-60-p{min-height:60%}.min-h-sm-60-p--force{min-height:60%!important}.h-sm-65-p{height:65%}.h-sm-65-p--force{height:65%!important}.max-h-sm-65-p{max-height:65%}.max-h-sm-65-p--force{max-height:65%!important}.min-h-sm-65-p{min-height:65%}.min-h-sm-65-p--force{min-height:65%!important}.h-sm-70-p{height:70%}.h-sm-70-p--force{height:70%!important}.max-h-sm-70-p{max-height:70%}.max-h-sm-70-p--force{max-height:70%!important}.min-h-sm-70-p{min-height:70%}.min-h-sm-70-p--force{min-height:70%!important}.h-sm-75-p{height:75%}.h-sm-75-p--force{height:75%!important}.max-h-sm-75-p{max-height:75%}.max-h-sm-75-p--force{max-height:75%!important}.min-h-sm-75-p{min-height:75%}.min-h-sm-75-p--force{min-height:75%!important}.h-sm-80-p{height:80%}.h-sm-80-p--force{height:80%!important}.max-h-sm-80-p{max-height:80%}.max-h-sm-80-p--force{max-height:80%!important}.min-h-sm-80-p{min-height:80%}.min-h-sm-80-p--force{min-height:80%!important}.h-sm-85-p{height:85%}.h-sm-85-p--force{height:85%!important}.max-h-sm-85-p{max-height:85%}.max-h-sm-85-p--force{max-height:85%!important}.min-h-sm-85-p{min-height:85%}.min-h-sm-85-p--force{min-height:85%!important}.h-sm-90-p{height:90%}.h-sm-90-p--force{height:90%!important}.max-h-sm-90-p{max-height:90%}.max-h-sm-90-p--force{max-height:90%!important}.min-h-sm-90-p{min-height:90%}.min-h-sm-90-p--force{min-height:90%!important}.h-sm-95-p{height:95%}.h-sm-95-p--force{height:95%!important}.max-h-sm-95-p{max-height:95%}.max-h-sm-95-p--force{max-height:95%!important}.min-h-sm-95-p{min-height:95%}.min-h-sm-95-p--force{min-height:95%!important}.h-sm-100-p{height:100%}.h-sm-100-p--force{height:100%!important}.max-h-sm-100-p{max-height:100%}.max-h-sm-100-p--force{max-height:100%!important}.min-h-sm-100-p{min-height:100%}.min-h-sm-100-p--force{min-height:100%!important}.h-sm-300{height:300px}.h-sm-300--force{height:300px!important}.max-h-sm-300{max-height:300px}.max-h-sm-300--force{max-height:300px!important}.min-h-sm-300{min-height:300px}.min-h-sm-300--force{min-height:300px!important}.h-sm-400{height:400px}.h-sm-400--force{height:400px!important}.max-h-sm-400{max-height:400px}.max-h-sm-400--force{max-height:400px!important}.min-h-sm-400{min-height:400px}.min-h-sm-400--force{min-height:400px!important}.h-sm-500{height:500px}.h-sm-500--force{height:500px!important}.max-h-sm-500{max-height:500px}.max-h-sm-500--force{max-height:500px!important}.min-h-sm-500{min-height:500px}.min-h-sm-500--force{min-height:500px!important}.h-sm-600{height:600px}.h-sm-600--force{height:600px!important}.max-h-sm-600{max-height:600px}.max-h-sm-600--force{max-height:600px!important}.min-h-sm-600{min-height:600px}.min-h-sm-600--force{min-height:600px!important}.h-sm-700{height:700px}.h-sm-700--force{height:700px!important}.max-h-sm-700{max-height:700px}.max-h-sm-700--force{max-height:700px!important}.min-h-sm-700{min-height:700px}.min-h-sm-700--force{min-height:700px!important}.h-sm-800{height:800px}.h-sm-800--force{height:800px!important}.max-h-sm-800{max-height:800px}.max-h-sm-800--force{max-height:800px!important}.min-h-sm-800{min-height:800px}.min-h-sm-800--force{min-height:800px!important}.h-sm-900{height:900px}.h-sm-900--force{height:900px!important}.max-h-sm-900{max-height:900px}.max-h-sm-900--force{max-height:900px!important}.min-h-sm-900{min-height:900px}.min-h-sm-900--force{min-height:900px!important}.h-sm-1000{height:1000px}.h-sm-1000--force{height:1000px!important}.max-h-sm-1000{max-height:1000px}.max-h-sm-1000--force{max-height:1000px!important}.min-h-sm-1000{min-height:1000px}.min-h-sm-1000--force{min-height:1000px!important}.h-sm-1100{height:1100px}.h-sm-1100--force{height:1100px!important}.max-h-sm-1100{max-height:1100px}.max-h-sm-1100--force{max-height:1100px!important}.min-h-sm-1100{min-height:1100px}.min-h-sm-1100--force{min-height:1100px!important}.h-sm-1200{height:1200px}.h-sm-1200--force{height:1200px!important}.max-h-sm-1200{max-height:1200px}.max-h-sm-1200--force{max-height:1200px!important}.min-h-sm-1200{min-height:1200px}.min-h-sm-1200--force{min-height:1200px!important}.h-sm-1300{height:1300px}.h-sm-1300--force{height:1300px!important}.max-h-sm-1300{max-height:1300px}.max-h-sm-1300--force{max-height:1300px!important}.min-h-sm-1300{min-height:1300px}.min-h-sm-1300--force{min-height:1300px!important}.h-sm-1400{height:1400px}.h-sm-1400--force{height:1400px!important}.max-h-sm-1400{max-height:1400px}.max-h-sm-1400--force{max-height:1400px!important}.min-h-sm-1400{min-height:1400px}.min-h-sm-1400--force{min-height:1400px!important}.h-sm-1500{height:1500px}.h-sm-1500--force{height:1500px!important}.max-h-sm-1500{max-height:1500px}.max-h-sm-1500--force{max-height:1500px!important}.min-h-sm-1500{min-height:1500px}.min-h-sm-1500--force{min-height:1500px!important}.h-sm-1600{height:1600px}.h-sm-1600--force{height:1600px!important}.max-h-sm-1600{max-height:1600px}.max-h-sm-1600--force{max-height:1600px!important}.min-h-sm-1600{min-height:1600px}.min-h-sm-1600--force{min-height:1600px!important}.h-sm-1700{height:1700px}.h-sm-1700--force{height:1700px!important}.max-h-sm-1700{max-height:1700px}.max-h-sm-1700--force{max-height:1700px!important}.min-h-sm-1700{min-height:1700px}.min-h-sm-1700--force{min-height:1700px!important}.h-sm-1800{height:1800px}.h-sm-1800--force{height:1800px!important}.max-h-sm-1800{max-height:1800px}.max-h-sm-1800--force{max-height:1800px!important}.min-h-sm-1800{min-height:1800px}.min-h-sm-1800--force{min-height:1800px!important}.h-sm-1900{height:1900px}.h-sm-1900--force{height:1900px!important}.max-h-sm-1900{max-height:1900px}.max-h-sm-1900--force{max-height:1900px!important}.min-h-sm-1900{min-height:1900px}.min-h-sm-1900--force{min-height:1900px!important}.h-sm-2000{height:2000px}.h-sm-2000--force{height:2000px!important}.max-h-sm-2000{max-height:2000px}.max-h-sm-2000--force{max-height:2000px!important}.min-h-sm-2000{min-height:2000px}.min-h-sm-2000--force{min-height:2000px!important}.h-sm-auto{height:auto}.h-sm-auto--force{height:auto!important}.w-sm-0{width:0}.w-sm-0--force{width:0!important}.max-w-sm-0{max-width:0}.max-w-sm-0--force{max-width:0!important}.min-w-sm-0{min-width:0}.min-w-sm-0--force{min-width:0!important}.w-sm-4{width:4px}.w-sm-4--force{width:4px!important}.max-w-sm-4{max-width:4px}.max-w-sm-4--force{max-width:4px!important}.min-w-sm-4{min-width:4px}.min-w-sm-4--force{min-width:4px!important}.w-sm-8{width:8px}.w-sm-8--force{width:8px!important}.max-w-sm-8{max-width:8px}.max-w-sm-8--force{max-width:8px!important}.min-w-sm-8{min-width:8px}.min-w-sm-8--force{min-width:8px!important}.w-sm-12{width:12px}.w-sm-12--force{width:12px!important}.max-w-sm-12{max-width:12px}.max-w-sm-12--force{max-width:12px!important}.min-w-sm-12{min-width:12px}.min-w-sm-12--force{min-width:12px!important}.w-sm-16{width:16px}.w-sm-16--force{width:16px!important}.max-w-sm-16{max-width:16px}.max-w-sm-16--force{max-width:16px!important}.min-w-sm-16{min-width:16px}.min-w-sm-16--force{min-width:16px!important}.w-sm-20{width:20px}.w-sm-20--force{width:20px!important}.max-w-sm-20{max-width:20px}.max-w-sm-20--force{max-width:20px!important}.min-w-sm-20{min-width:20px}.min-w-sm-20--force{min-width:20px!important}.w-sm-24{width:24px}.w-sm-24--force{width:24px!important}.max-w-sm-24{max-width:24px}.max-w-sm-24--force{max-width:24px!important}.min-w-sm-24{min-width:24px}.min-w-sm-24--force{min-width:24px!important}.w-sm-28{width:28px}.w-sm-28--force{width:28px!important}.max-w-sm-28{max-width:28px}.max-w-sm-28--force{max-width:28px!important}.min-w-sm-28{min-width:28px}.min-w-sm-28--force{min-width:28px!important}.w-sm-32{width:32px}.w-sm-32--force{width:32px!important}.max-w-sm-32{max-width:32px}.max-w-sm-32--force{max-width:32px!important}.min-w-sm-32{min-width:32px}.min-w-sm-32--force{min-width:32px!important}.w-sm-36{width:36px}.w-sm-36--force{width:36px!important}.max-w-sm-36{max-width:36px}.max-w-sm-36--force{max-width:36px!important}.min-w-sm-36{min-width:36px}.min-w-sm-36--force{min-width:36px!important}.w-sm-40{width:40px}.w-sm-40--force{width:40px!important}.max-w-sm-40{max-width:40px}.max-w-sm-40--force{max-width:40px!important}.min-w-sm-40{min-width:40px}.min-w-sm-40--force{min-width:40px!important}.w-sm-44{width:44px}.w-sm-44--force{width:44px!important}.max-w-sm-44{max-width:44px}.max-w-sm-44--force{max-width:44px!important}.min-w-sm-44{min-width:44px}.min-w-sm-44--force{min-width:44px!important}.w-sm-48{width:48px}.w-sm-48--force{width:48px!important}.max-w-sm-48{max-width:48px}.max-w-sm-48--force{max-width:48px!important}.min-w-sm-48{min-width:48px}.min-w-sm-48--force{min-width:48px!important}.w-sm-52{width:52px}.w-sm-52--force{width:52px!important}.max-w-sm-52{max-width:52px}.max-w-sm-52--force{max-width:52px!important}.min-w-sm-52{min-width:52px}.min-w-sm-52--force{min-width:52px!important}.w-sm-56{width:56px}.w-sm-56--force{width:56px!important}.max-w-sm-56{max-width:56px}.max-w-sm-56--force{max-width:56px!important}.min-w-sm-56{min-width:56px}.min-w-sm-56--force{min-width:56px!important}.w-sm-60{width:60px}.w-sm-60--force{width:60px!important}.max-w-sm-60{max-width:60px}.max-w-sm-60--force{max-width:60px!important}.min-w-sm-60{min-width:60px}.min-w-sm-60--force{min-width:60px!important}.w-sm-64{width:64px}.w-sm-64--force{width:64px!important}.max-w-sm-64{max-width:64px}.max-w-sm-64--force{max-width:64px!important}.min-w-sm-64{min-width:64px}.min-w-sm-64--force{min-width:64px!important}.w-sm-68{width:68px}.w-sm-68--force{width:68px!important}.max-w-sm-68{max-width:68px}.max-w-sm-68--force{max-width:68px!important}.min-w-sm-68{min-width:68px}.min-w-sm-68--force{min-width:68px!important}.w-sm-72{width:72px}.w-sm-72--force{width:72px!important}.max-w-sm-72{max-width:72px}.max-w-sm-72--force{max-width:72px!important}.min-w-sm-72{min-width:72px}.min-w-sm-72--force{min-width:72px!important}.w-sm-76{width:76px}.w-sm-76--force{width:76px!important}.max-w-sm-76{max-width:76px}.max-w-sm-76--force{max-width:76px!important}.min-w-sm-76{min-width:76px}.min-w-sm-76--force{min-width:76px!important}.w-sm-80{width:80px}.w-sm-80--force{width:80px!important}.max-w-sm-80{max-width:80px}.max-w-sm-80--force{max-width:80px!important}.min-w-sm-80{min-width:80px}.min-w-sm-80--force{min-width:80px!important}.w-sm-84{width:84px}.w-sm-84--force{width:84px!important}.max-w-sm-84{max-width:84px}.max-w-sm-84--force{max-width:84px!important}.min-w-sm-84{min-width:84px}.min-w-sm-84--force{min-width:84px!important}.w-sm-88{width:88px}.w-sm-88--force{width:88px!important}.max-w-sm-88{max-width:88px}.max-w-sm-88--force{max-width:88px!important}.min-w-sm-88{min-width:88px}.min-w-sm-88--force{min-width:88px!important}.w-sm-92{width:92px}.w-sm-92--force{width:92px!important}.max-w-sm-92{max-width:92px}.max-w-sm-92--force{max-width:92px!important}.min-w-sm-92{min-width:92px}.min-w-sm-92--force{min-width:92px!important}.w-sm-96{width:96px}.w-sm-96--force{width:96px!important}.max-w-sm-96{max-width:96px}.max-w-sm-96--force{max-width:96px!important}.min-w-sm-96{min-width:96px}.min-w-sm-96--force{min-width:96px!important}.w-sm-100{width:100px}.w-sm-100--force{width:100px!important}.max-w-sm-100{max-width:100px}.max-w-sm-100--force{max-width:100px!important}.min-w-sm-100{min-width:100px}.min-w-sm-100--force{min-width:100px!important}.w-sm-104{width:104px}.w-sm-104--force{width:104px!important}.max-w-sm-104{max-width:104px}.max-w-sm-104--force{max-width:104px!important}.min-w-sm-104{min-width:104px}.min-w-sm-104--force{min-width:104px!important}.w-sm-108{width:108px}.w-sm-108--force{width:108px!important}.max-w-sm-108{max-width:108px}.max-w-sm-108--force{max-width:108px!important}.min-w-sm-108{min-width:108px}.min-w-sm-108--force{min-width:108px!important}.w-sm-112{width:112px}.w-sm-112--force{width:112px!important}.max-w-sm-112{max-width:112px}.max-w-sm-112--force{max-width:112px!important}.min-w-sm-112{min-width:112px}.min-w-sm-112--force{min-width:112px!important}.w-sm-116{width:116px}.w-sm-116--force{width:116px!important}.max-w-sm-116{max-width:116px}.max-w-sm-116--force{max-width:116px!important}.min-w-sm-116{min-width:116px}.min-w-sm-116--force{min-width:116px!important}.w-sm-120{width:120px}.w-sm-120--force{width:120px!important}.max-w-sm-120{max-width:120px}.max-w-sm-120--force{max-width:120px!important}.min-w-sm-120{min-width:120px}.min-w-sm-120--force{min-width:120px!important}.w-sm-124{width:124px}.w-sm-124--force{width:124px!important}.max-w-sm-124{max-width:124px}.max-w-sm-124--force{max-width:124px!important}.min-w-sm-124{min-width:124px}.min-w-sm-124--force{min-width:124px!important}.w-sm-128{width:128px}.w-sm-128--force{width:128px!important}.max-w-sm-128{max-width:128px}.max-w-sm-128--force{max-width:128px!important}.min-w-sm-128{min-width:128px}.min-w-sm-128--force{min-width:128px!important}.w-sm-132{width:132px}.w-sm-132--force{width:132px!important}.max-w-sm-132{max-width:132px}.max-w-sm-132--force{max-width:132px!important}.min-w-sm-132{min-width:132px}.min-w-sm-132--force{min-width:132px!important}.w-sm-136{width:136px}.w-sm-136--force{width:136px!important}.max-w-sm-136{max-width:136px}.max-w-sm-136--force{max-width:136px!important}.min-w-sm-136{min-width:136px}.min-w-sm-136--force{min-width:136px!important}.w-sm-140{width:140px}.w-sm-140--force{width:140px!important}.max-w-sm-140{max-width:140px}.max-w-sm-140--force{max-width:140px!important}.min-w-sm-140{min-width:140px}.min-w-sm-140--force{min-width:140px!important}.w-sm-144{width:144px}.w-sm-144--force{width:144px!important}.max-w-sm-144{max-width:144px}.max-w-sm-144--force{max-width:144px!important}.min-w-sm-144{min-width:144px}.min-w-sm-144--force{min-width:144px!important}.w-sm-148{width:148px}.w-sm-148--force{width:148px!important}.max-w-sm-148{max-width:148px}.max-w-sm-148--force{max-width:148px!important}.min-w-sm-148{min-width:148px}.min-w-sm-148--force{min-width:148px!important}.w-sm-152{width:152px}.w-sm-152--force{width:152px!important}.max-w-sm-152{max-width:152px}.max-w-sm-152--force{max-width:152px!important}.min-w-sm-152{min-width:152px}.min-w-sm-152--force{min-width:152px!important}.w-sm-156{width:156px}.w-sm-156--force{width:156px!important}.max-w-sm-156{max-width:156px}.max-w-sm-156--force{max-width:156px!important}.min-w-sm-156{min-width:156px}.min-w-sm-156--force{min-width:156px!important}.w-sm-160{width:160px}.w-sm-160--force{width:160px!important}.max-w-sm-160{max-width:160px}.max-w-sm-160--force{max-width:160px!important}.min-w-sm-160{min-width:160px}.min-w-sm-160--force{min-width:160px!important}.w-sm-164{width:164px}.w-sm-164--force{width:164px!important}.max-w-sm-164{max-width:164px}.max-w-sm-164--force{max-width:164px!important}.min-w-sm-164{min-width:164px}.min-w-sm-164--force{min-width:164px!important}.w-sm-168{width:168px}.w-sm-168--force{width:168px!important}.max-w-sm-168{max-width:168px}.max-w-sm-168--force{max-width:168px!important}.min-w-sm-168{min-width:168px}.min-w-sm-168--force{min-width:168px!important}.w-sm-172{width:172px}.w-sm-172--force{width:172px!important}.max-w-sm-172{max-width:172px}.max-w-sm-172--force{max-width:172px!important}.min-w-sm-172{min-width:172px}.min-w-sm-172--force{min-width:172px!important}.w-sm-176{width:176px}.w-sm-176--force{width:176px!important}.max-w-sm-176{max-width:176px}.max-w-sm-176--force{max-width:176px!important}.min-w-sm-176{min-width:176px}.min-w-sm-176--force{min-width:176px!important}.w-sm-180{width:180px}.w-sm-180--force{width:180px!important}.max-w-sm-180{max-width:180px}.max-w-sm-180--force{max-width:180px!important}.min-w-sm-180{min-width:180px}.min-w-sm-180--force{min-width:180px!important}.w-sm-184{width:184px}.w-sm-184--force{width:184px!important}.max-w-sm-184{max-width:184px}.max-w-sm-184--force{max-width:184px!important}.min-w-sm-184{min-width:184px}.min-w-sm-184--force{min-width:184px!important}.w-sm-188{width:188px}.w-sm-188--force{width:188px!important}.max-w-sm-188{max-width:188px}.max-w-sm-188--force{max-width:188px!important}.min-w-sm-188{min-width:188px}.min-w-sm-188--force{min-width:188px!important}.w-sm-192{width:192px}.w-sm-192--force{width:192px!important}.max-w-sm-192{max-width:192px}.max-w-sm-192--force{max-width:192px!important}.min-w-sm-192{min-width:192px}.min-w-sm-192--force{min-width:192px!important}.w-sm-196{width:196px}.w-sm-196--force{width:196px!important}.max-w-sm-196{max-width:196px}.max-w-sm-196--force{max-width:196px!important}.min-w-sm-196{min-width:196px}.min-w-sm-196--force{min-width:196px!important}.w-sm-200{width:200px}.w-sm-200--force{width:200px!important}.max-w-sm-200{max-width:200px}.max-w-sm-200--force{max-width:200px!important}.min-w-sm-200{min-width:200px}.min-w-sm-200--force{min-width:200px!important}.w-sm-204{width:204px}.w-sm-204--force{width:204px!important}.max-w-sm-204{max-width:204px}.max-w-sm-204--force{max-width:204px!important}.min-w-sm-204{min-width:204px}.min-w-sm-204--force{min-width:204px!important}.w-sm-208{width:208px}.w-sm-208--force{width:208px!important}.max-w-sm-208{max-width:208px}.max-w-sm-208--force{max-width:208px!important}.min-w-sm-208{min-width:208px}.min-w-sm-208--force{min-width:208px!important}.w-sm-212{width:212px}.w-sm-212--force{width:212px!important}.max-w-sm-212{max-width:212px}.max-w-sm-212--force{max-width:212px!important}.min-w-sm-212{min-width:212px}.min-w-sm-212--force{min-width:212px!important}.w-sm-216{width:216px}.w-sm-216--force{width:216px!important}.max-w-sm-216{max-width:216px}.max-w-sm-216--force{max-width:216px!important}.min-w-sm-216{min-width:216px}.min-w-sm-216--force{min-width:216px!important}.w-sm-220{width:220px}.w-sm-220--force{width:220px!important}.max-w-sm-220{max-width:220px}.max-w-sm-220--force{max-width:220px!important}.min-w-sm-220{min-width:220px}.min-w-sm-220--force{min-width:220px!important}.w-sm-224{width:224px}.w-sm-224--force{width:224px!important}.max-w-sm-224{max-width:224px}.max-w-sm-224--force{max-width:224px!important}.min-w-sm-224{min-width:224px}.min-w-sm-224--force{min-width:224px!important}.w-sm-228{width:228px}.w-sm-228--force{width:228px!important}.max-w-sm-228{max-width:228px}.max-w-sm-228--force{max-width:228px!important}.min-w-sm-228{min-width:228px}.min-w-sm-228--force{min-width:228px!important}.w-sm-232{width:232px}.w-sm-232--force{width:232px!important}.max-w-sm-232{max-width:232px}.max-w-sm-232--force{max-width:232px!important}.min-w-sm-232{min-width:232px}.min-w-sm-232--force{min-width:232px!important}.w-sm-236{width:236px}.w-sm-236--force{width:236px!important}.max-w-sm-236{max-width:236px}.max-w-sm-236--force{max-width:236px!important}.min-w-sm-236{min-width:236px}.min-w-sm-236--force{min-width:236px!important}.w-sm-240{width:240px}.w-sm-240--force{width:240px!important}.max-w-sm-240{max-width:240px}.max-w-sm-240--force{max-width:240px!important}.min-w-sm-240{min-width:240px}.min-w-sm-240--force{min-width:240px!important}.w-sm-244{width:244px}.w-sm-244--force{width:244px!important}.max-w-sm-244{max-width:244px}.max-w-sm-244--force{max-width:244px!important}.min-w-sm-244{min-width:244px}.min-w-sm-244--force{min-width:244px!important}.w-sm-248{width:248px}.w-sm-248--force{width:248px!important}.max-w-sm-248{max-width:248px}.max-w-sm-248--force{max-width:248px!important}.min-w-sm-248{min-width:248px}.min-w-sm-248--force{min-width:248px!important}.w-sm-252{width:252px}.w-sm-252--force{width:252px!important}.max-w-sm-252{max-width:252px}.max-w-sm-252--force{max-width:252px!important}.min-w-sm-252{min-width:252px}.min-w-sm-252--force{min-width:252px!important}.w-sm-256{width:256px}.w-sm-256--force{width:256px!important}.max-w-sm-256{max-width:256px}.max-w-sm-256--force{max-width:256px!important}.min-w-sm-256{min-width:256px}.min-w-sm-256--force{min-width:256px!important}.w-sm-0-p{width:0%}.w-sm-0-p--force{width:0%!important}.max-w-sm-0-p{max-width:0%}.max-w-sm-0-p--force{max-width:0%!important}.min-w-sm-0-p{min-width:0}.min-w-sm-0-p--force{min-width:0!important}.w-sm-5-p{width:5%}.w-sm-5-p--force{width:5%!important}.max-w-sm-5-p{max-width:5%}.max-w-sm-5-p--force{max-width:5%!important}.min-w-sm-5-p{min-width:5%}.min-w-sm-5-p--force{min-width:5%!important}.w-sm-10-p{width:10%}.w-sm-10-p--force{width:10%!important}.max-w-sm-10-p{max-width:10%}.max-w-sm-10-p--force{max-width:10%!important}.min-w-sm-10-p{min-width:10%}.min-w-sm-10-p--force{min-width:10%!important}.w-sm-15-p{width:15%}.w-sm-15-p--force{width:15%!important}.max-w-sm-15-p{max-width:15%}.max-w-sm-15-p--force{max-width:15%!important}.min-w-sm-15-p{min-width:15%}.min-w-sm-15-p--force{min-width:15%!important}.w-sm-20-p{width:20%}.w-sm-20-p--force{width:20%!important}.max-w-sm-20-p{max-width:20%}.max-w-sm-20-p--force{max-width:20%!important}.min-w-sm-20-p{min-width:20%}.min-w-sm-20-p--force{min-width:20%!important}.w-sm-25-p{width:25%}.w-sm-25-p--force{width:25%!important}.max-w-sm-25-p{max-width:25%}.max-w-sm-25-p--force{max-width:25%!important}.min-w-sm-25-p{min-width:25%}.min-w-sm-25-p--force{min-width:25%!important}.w-sm-30-p{width:30%}.w-sm-30-p--force{width:30%!important}.max-w-sm-30-p{max-width:30%}.max-w-sm-30-p--force{max-width:30%!important}.min-w-sm-30-p{min-width:30%}.min-w-sm-30-p--force{min-width:30%!important}.w-sm-35-p{width:35%}.w-sm-35-p--force{width:35%!important}.max-w-sm-35-p{max-width:35%}.max-w-sm-35-p--force{max-width:35%!important}.min-w-sm-35-p{min-width:35%}.min-w-sm-35-p--force{min-width:35%!important}.w-sm-40-p{width:40%}.w-sm-40-p--force{width:40%!important}.max-w-sm-40-p{max-width:40%}.max-w-sm-40-p--force{max-width:40%!important}.min-w-sm-40-p{min-width:40%}.min-w-sm-40-p--force{min-width:40%!important}.w-sm-45-p{width:45%}.w-sm-45-p--force{width:45%!important}.max-w-sm-45-p{max-width:45%}.max-w-sm-45-p--force{max-width:45%!important}.min-w-sm-45-p{min-width:45%}.min-w-sm-45-p--force{min-width:45%!important}.w-sm-50-p{width:50%}.w-sm-50-p--force{width:50%!important}.max-w-sm-50-p{max-width:50%}.max-w-sm-50-p--force{max-width:50%!important}.min-w-sm-50-p{min-width:50%}.min-w-sm-50-p--force{min-width:50%!important}.w-sm-55-p{width:55%}.w-sm-55-p--force{width:55%!important}.max-w-sm-55-p{max-width:55%}.max-w-sm-55-p--force{max-width:55%!important}.min-w-sm-55-p{min-width:55%}.min-w-sm-55-p--force{min-width:55%!important}.w-sm-60-p{width:60%}.w-sm-60-p--force{width:60%!important}.max-w-sm-60-p{max-width:60%}.max-w-sm-60-p--force{max-width:60%!important}.min-w-sm-60-p{min-width:60%}.min-w-sm-60-p--force{min-width:60%!important}.w-sm-65-p{width:65%}.w-sm-65-p--force{width:65%!important}.max-w-sm-65-p{max-width:65%}.max-w-sm-65-p--force{max-width:65%!important}.min-w-sm-65-p{min-width:65%}.min-w-sm-65-p--force{min-width:65%!important}.w-sm-70-p{width:70%}.w-sm-70-p--force{width:70%!important}.max-w-sm-70-p{max-width:70%}.max-w-sm-70-p--force{max-width:70%!important}.min-w-sm-70-p{min-width:70%}.min-w-sm-70-p--force{min-width:70%!important}.w-sm-75-p{width:75%}.w-sm-75-p--force{width:75%!important}.max-w-sm-75-p{max-width:75%}.max-w-sm-75-p--force{max-width:75%!important}.min-w-sm-75-p{min-width:75%}.min-w-sm-75-p--force{min-width:75%!important}.w-sm-80-p{width:80%}.w-sm-80-p--force{width:80%!important}.max-w-sm-80-p{max-width:80%}.max-w-sm-80-p--force{max-width:80%!important}.min-w-sm-80-p{min-width:80%}.min-w-sm-80-p--force{min-width:80%!important}.w-sm-85-p{width:85%}.w-sm-85-p--force{width:85%!important}.max-w-sm-85-p{max-width:85%}.max-w-sm-85-p--force{max-width:85%!important}.min-w-sm-85-p{min-width:85%}.min-w-sm-85-p--force{min-width:85%!important}.w-sm-90-p{width:90%}.w-sm-90-p--force{width:90%!important}.max-w-sm-90-p{max-width:90%}.max-w-sm-90-p--force{max-width:90%!important}.min-w-sm-90-p{min-width:90%}.min-w-sm-90-p--force{min-width:90%!important}.w-sm-95-p{width:95%}.w-sm-95-p--force{width:95%!important}.max-w-sm-95-p{max-width:95%}.max-w-sm-95-p--force{max-width:95%!important}.min-w-sm-95-p{min-width:95%}.min-w-sm-95-p--force{min-width:95%!important}.w-sm-100-p{width:100%}.w-sm-100-p--force{width:100%!important}.max-w-sm-100-p{max-width:100%}.max-w-sm-100-p--force{max-width:100%!important}.min-w-sm-100-p{min-width:100%}.min-w-sm-100-p--force{min-width:100%!important}.w-sm-300{width:300px}.w-sm-300--force{width:300px!important}.max-w-sm-300{max-width:300px}.max-w-sm-300--force{max-width:300px!important}.min-w-sm-300{min-width:300px}.min-w-sm-300--force{min-width:300px!important}.w-sm-400{width:400px}.w-sm-400--force{width:400px!important}.max-w-sm-400{max-width:400px}.max-w-sm-400--force{max-width:400px!important}.min-w-sm-400{min-width:400px}.min-w-sm-400--force{min-width:400px!important}.w-sm-500{width:500px}.w-sm-500--force{width:500px!important}.max-w-sm-500{max-width:500px}.max-w-sm-500--force{max-width:500px!important}.min-w-sm-500{min-width:500px}.min-w-sm-500--force{min-width:500px!important}.w-sm-600{width:600px}.w-sm-600--force{width:600px!important}.max-w-sm-600{max-width:600px}.max-w-sm-600--force{max-width:600px!important}.min-w-sm-600{min-width:600px}.min-w-sm-600--force{min-width:600px!important}.w-sm-700{width:700px}.w-sm-700--force{width:700px!important}.max-w-sm-700{max-width:700px}.max-w-sm-700--force{max-width:700px!important}.min-w-sm-700{min-width:700px}.min-w-sm-700--force{min-width:700px!important}.w-sm-800{width:800px}.w-sm-800--force{width:800px!important}.max-w-sm-800{max-width:800px}.max-w-sm-800--force{max-width:800px!important}.min-w-sm-800{min-width:800px}.min-w-sm-800--force{min-width:800px!important}.w-sm-900{width:900px}.w-sm-900--force{width:900px!important}.max-w-sm-900{max-width:900px}.max-w-sm-900--force{max-width:900px!important}.min-w-sm-900{min-width:900px}.min-w-sm-900--force{min-width:900px!important}.w-sm-1000{width:1000px}.w-sm-1000--force{width:1000px!important}.max-w-sm-1000{max-width:1000px}.max-w-sm-1000--force{max-width:1000px!important}.min-w-sm-1000{min-width:1000px}.min-w-sm-1000--force{min-width:1000px!important}.w-sm-1100{width:1100px}.w-sm-1100--force{width:1100px!important}.max-w-sm-1100{max-width:1100px}.max-w-sm-1100--force{max-width:1100px!important}.min-w-sm-1100{min-width:1100px}.min-w-sm-1100--force{min-width:1100px!important}.w-sm-1200{width:1200px}.w-sm-1200--force{width:1200px!important}.max-w-sm-1200{max-width:1200px}.max-w-sm-1200--force{max-width:1200px!important}.min-w-sm-1200{min-width:1200px}.min-w-sm-1200--force{min-width:1200px!important}.w-sm-1300{width:1300px}.w-sm-1300--force{width:1300px!important}.max-w-sm-1300{max-width:1300px}.max-w-sm-1300--force{max-width:1300px!important}.min-w-sm-1300{min-width:1300px}.min-w-sm-1300--force{min-width:1300px!important}.w-sm-1400{width:1400px}.w-sm-1400--force{width:1400px!important}.max-w-sm-1400{max-width:1400px}.max-w-sm-1400--force{max-width:1400px!important}.min-w-sm-1400{min-width:1400px}.min-w-sm-1400--force{min-width:1400px!important}.w-sm-1500{width:1500px}.w-sm-1500--force{width:1500px!important}.max-w-sm-1500{max-width:1500px}.max-w-sm-1500--force{max-width:1500px!important}.min-w-sm-1500{min-width:1500px}.min-w-sm-1500--force{min-width:1500px!important}.w-sm-1600{width:1600px}.w-sm-1600--force{width:1600px!important}.max-w-sm-1600{max-width:1600px}.max-w-sm-1600--force{max-width:1600px!important}.min-w-sm-1600{min-width:1600px}.min-w-sm-1600--force{min-width:1600px!important}.w-sm-1700{width:1700px}.w-sm-1700--force{width:1700px!important}.max-w-sm-1700{max-width:1700px}.max-w-sm-1700--force{max-width:1700px!important}.min-w-sm-1700{min-width:1700px}.min-w-sm-1700--force{min-width:1700px!important}.w-sm-1800{width:1800px}.w-sm-1800--force{width:1800px!important}.max-w-sm-1800{max-width:1800px}.max-w-sm-1800--force{max-width:1800px!important}.min-w-sm-1800{min-width:1800px}.min-w-sm-1800--force{min-width:1800px!important}.w-sm-1900{width:1900px}.w-sm-1900--force{width:1900px!important}.max-w-sm-1900{max-width:1900px}.max-w-sm-1900--force{max-width:1900px!important}.min-w-sm-1900{min-width:1900px}.min-w-sm-1900--force{min-width:1900px!important}.w-sm-2000{width:2000px}.w-sm-2000--force{width:2000px!important}.max-w-sm-2000{max-width:2000px}.max-w-sm-2000--force{max-width:2000px!important}.min-w-sm-2000{min-width:2000px}.min-w-sm-2000--force{min-width:2000px!important}.w-sm-auto{width:auto}.w-sm-auto--force{width:auto!important}}@media screen and (min-width:1024px){.h-md-0{height:0}.h-md-0--force{height:0!important}.max-h-md-0{max-height:0}.max-h-md-0--force{max-height:0!important}.min-h-md-0{min-height:0}.min-h-md-0--force{min-height:0!important}.h-md-4{height:4px}.h-md-4--force{height:4px!important}.max-h-md-4{max-height:4px}.max-h-md-4--force{max-height:4px!important}.min-h-md-4{min-height:4px}.min-h-md-4--force{min-height:4px!important}.h-md-8{height:8px}.h-md-8--force{height:8px!important}.max-h-md-8{max-height:8px}.max-h-md-8--force{max-height:8px!important}.min-h-md-8{min-height:8px}.min-h-md-8--force{min-height:8px!important}.h-md-12{height:12px}.h-md-12--force{height:12px!important}.max-h-md-12{max-height:12px}.max-h-md-12--force{max-height:12px!important}.min-h-md-12{min-height:12px}.min-h-md-12--force{min-height:12px!important}.h-md-16{height:16px}.h-md-16--force{height:16px!important}.max-h-md-16{max-height:16px}.max-h-md-16--force{max-height:16px!important}.min-h-md-16{min-height:16px}.min-h-md-16--force{min-height:16px!important}.h-md-20{height:20px}.h-md-20--force{height:20px!important}.max-h-md-20{max-height:20px}.max-h-md-20--force{max-height:20px!important}.min-h-md-20{min-height:20px}.min-h-md-20--force{min-height:20px!important}.h-md-24{height:24px}.h-md-24--force{height:24px!important}.max-h-md-24{max-height:24px}.max-h-md-24--force{max-height:24px!important}.min-h-md-24{min-height:24px}.min-h-md-24--force{min-height:24px!important}.h-md-28{height:28px}.h-md-28--force{height:28px!important}.max-h-md-28{max-height:28px}.max-h-md-28--force{max-height:28px!important}.min-h-md-28{min-height:28px}.min-h-md-28--force{min-height:28px!important}.h-md-32{height:32px}.h-md-32--force{height:32px!important}.max-h-md-32{max-height:32px}.max-h-md-32--force{max-height:32px!important}.min-h-md-32{min-height:32px}.min-h-md-32--force{min-height:32px!important}.h-md-36{height:36px}.h-md-36--force{height:36px!important}.max-h-md-36{max-height:36px}.max-h-md-36--force{max-height:36px!important}.min-h-md-36{min-height:36px}.min-h-md-36--force{min-height:36px!important}.h-md-40{height:40px}.h-md-40--force{height:40px!important}.max-h-md-40{max-height:40px}.max-h-md-40--force{max-height:40px!important}.min-h-md-40{min-height:40px}.min-h-md-40--force{min-height:40px!important}.h-md-44{height:44px}.h-md-44--force{height:44px!important}.max-h-md-44{max-height:44px}.max-h-md-44--force{max-height:44px!important}.min-h-md-44{min-height:44px}.min-h-md-44--force{min-height:44px!important}.h-md-48{height:48px}.h-md-48--force{height:48px!important}.max-h-md-48{max-height:48px}.max-h-md-48--force{max-height:48px!important}.min-h-md-48{min-height:48px}.min-h-md-48--force{min-height:48px!important}.h-md-52{height:52px}.h-md-52--force{height:52px!important}.max-h-md-52{max-height:52px}.max-h-md-52--force{max-height:52px!important}.min-h-md-52{min-height:52px}.min-h-md-52--force{min-height:52px!important}.h-md-56{height:56px}.h-md-56--force{height:56px!important}.max-h-md-56{max-height:56px}.max-h-md-56--force{max-height:56px!important}.min-h-md-56{min-height:56px}.min-h-md-56--force{min-height:56px!important}.h-md-60{height:60px}.h-md-60--force{height:60px!important}.max-h-md-60{max-height:60px}.max-h-md-60--force{max-height:60px!important}.min-h-md-60{min-height:60px}.min-h-md-60--force{min-height:60px!important}.h-md-64{height:64px}.h-md-64--force{height:64px!important}.max-h-md-64{max-height:64px}.max-h-md-64--force{max-height:64px!important}.min-h-md-64{min-height:64px}.min-h-md-64--force{min-height:64px!important}.h-md-68{height:68px}.h-md-68--force{height:68px!important}.max-h-md-68{max-height:68px}.max-h-md-68--force{max-height:68px!important}.min-h-md-68{min-height:68px}.min-h-md-68--force{min-height:68px!important}.h-md-72{height:72px}.h-md-72--force{height:72px!important}.max-h-md-72{max-height:72px}.max-h-md-72--force{max-height:72px!important}.min-h-md-72{min-height:72px}.min-h-md-72--force{min-height:72px!important}.h-md-76{height:76px}.h-md-76--force{height:76px!important}.max-h-md-76{max-height:76px}.max-h-md-76--force{max-height:76px!important}.min-h-md-76{min-height:76px}.min-h-md-76--force{min-height:76px!important}.h-md-80{height:80px}.h-md-80--force{height:80px!important}.max-h-md-80{max-height:80px}.max-h-md-80--force{max-height:80px!important}.min-h-md-80{min-height:80px}.min-h-md-80--force{min-height:80px!important}.h-md-84{height:84px}.h-md-84--force{height:84px!important}.max-h-md-84{max-height:84px}.max-h-md-84--force{max-height:84px!important}.min-h-md-84{min-height:84px}.min-h-md-84--force{min-height:84px!important}.h-md-88{height:88px}.h-md-88--force{height:88px!important}.max-h-md-88{max-height:88px}.max-h-md-88--force{max-height:88px!important}.min-h-md-88{min-height:88px}.min-h-md-88--force{min-height:88px!important}.h-md-92{height:92px}.h-md-92--force{height:92px!important}.max-h-md-92{max-height:92px}.max-h-md-92--force{max-height:92px!important}.min-h-md-92{min-height:92px}.min-h-md-92--force{min-height:92px!important}.h-md-96{height:96px}.h-md-96--force{height:96px!important}.max-h-md-96{max-height:96px}.max-h-md-96--force{max-height:96px!important}.min-h-md-96{min-height:96px}.min-h-md-96--force{min-height:96px!important}.h-md-100{height:100px}.h-md-100--force{height:100px!important}.max-h-md-100{max-height:100px}.max-h-md-100--force{max-height:100px!important}.min-h-md-100{min-height:100px}.min-h-md-100--force{min-height:100px!important}.h-md-104{height:104px}.h-md-104--force{height:104px!important}.max-h-md-104{max-height:104px}.max-h-md-104--force{max-height:104px!important}.min-h-md-104{min-height:104px}.min-h-md-104--force{min-height:104px!important}.h-md-108{height:108px}.h-md-108--force{height:108px!important}.max-h-md-108{max-height:108px}.max-h-md-108--force{max-height:108px!important}.min-h-md-108{min-height:108px}.min-h-md-108--force{min-height:108px!important}.h-md-112{height:112px}.h-md-112--force{height:112px!important}.max-h-md-112{max-height:112px}.max-h-md-112--force{max-height:112px!important}.min-h-md-112{min-height:112px}.min-h-md-112--force{min-height:112px!important}.h-md-116{height:116px}.h-md-116--force{height:116px!important}.max-h-md-116{max-height:116px}.max-h-md-116--force{max-height:116px!important}.min-h-md-116{min-height:116px}.min-h-md-116--force{min-height:116px!important}.h-md-120{height:120px}.h-md-120--force{height:120px!important}.max-h-md-120{max-height:120px}.max-h-md-120--force{max-height:120px!important}.min-h-md-120{min-height:120px}.min-h-md-120--force{min-height:120px!important}.h-md-124{height:124px}.h-md-124--force{height:124px!important}.max-h-md-124{max-height:124px}.max-h-md-124--force{max-height:124px!important}.min-h-md-124{min-height:124px}.min-h-md-124--force{min-height:124px!important}.h-md-128{height:128px}.h-md-128--force{height:128px!important}.max-h-md-128{max-height:128px}.max-h-md-128--force{max-height:128px!important}.min-h-md-128{min-height:128px}.min-h-md-128--force{min-height:128px!important}.h-md-132{height:132px}.h-md-132--force{height:132px!important}.max-h-md-132{max-height:132px}.max-h-md-132--force{max-height:132px!important}.min-h-md-132{min-height:132px}.min-h-md-132--force{min-height:132px!important}.h-md-136{height:136px}.h-md-136--force{height:136px!important}.max-h-md-136{max-height:136px}.max-h-md-136--force{max-height:136px!important}.min-h-md-136{min-height:136px}.min-h-md-136--force{min-height:136px!important}.h-md-140{height:140px}.h-md-140--force{height:140px!important}.max-h-md-140{max-height:140px}.max-h-md-140--force{max-height:140px!important}.min-h-md-140{min-height:140px}.min-h-md-140--force{min-height:140px!important}.h-md-144{height:144px}.h-md-144--force{height:144px!important}.max-h-md-144{max-height:144px}.max-h-md-144--force{max-height:144px!important}.min-h-md-144{min-height:144px}.min-h-md-144--force{min-height:144px!important}.h-md-148{height:148px}.h-md-148--force{height:148px!important}.max-h-md-148{max-height:148px}.max-h-md-148--force{max-height:148px!important}.min-h-md-148{min-height:148px}.min-h-md-148--force{min-height:148px!important}.h-md-152{height:152px}.h-md-152--force{height:152px!important}.max-h-md-152{max-height:152px}.max-h-md-152--force{max-height:152px!important}.min-h-md-152{min-height:152px}.min-h-md-152--force{min-height:152px!important}.h-md-156{height:156px}.h-md-156--force{height:156px!important}.max-h-md-156{max-height:156px}.max-h-md-156--force{max-height:156px!important}.min-h-md-156{min-height:156px}.min-h-md-156--force{min-height:156px!important}.h-md-160{height:160px}.h-md-160--force{height:160px!important}.max-h-md-160{max-height:160px}.max-h-md-160--force{max-height:160px!important}.min-h-md-160{min-height:160px}.min-h-md-160--force{min-height:160px!important}.h-md-164{height:164px}.h-md-164--force{height:164px!important}.max-h-md-164{max-height:164px}.max-h-md-164--force{max-height:164px!important}.min-h-md-164{min-height:164px}.min-h-md-164--force{min-height:164px!important}.h-md-168{height:168px}.h-md-168--force{height:168px!important}.max-h-md-168{max-height:168px}.max-h-md-168--force{max-height:168px!important}.min-h-md-168{min-height:168px}.min-h-md-168--force{min-height:168px!important}.h-md-172{height:172px}.h-md-172--force{height:172px!important}.max-h-md-172{max-height:172px}.max-h-md-172--force{max-height:172px!important}.min-h-md-172{min-height:172px}.min-h-md-172--force{min-height:172px!important}.h-md-176{height:176px}.h-md-176--force{height:176px!important}.max-h-md-176{max-height:176px}.max-h-md-176--force{max-height:176px!important}.min-h-md-176{min-height:176px}.min-h-md-176--force{min-height:176px!important}.h-md-180{height:180px}.h-md-180--force{height:180px!important}.max-h-md-180{max-height:180px}.max-h-md-180--force{max-height:180px!important}.min-h-md-180{min-height:180px}.min-h-md-180--force{min-height:180px!important}.h-md-184{height:184px}.h-md-184--force{height:184px!important}.max-h-md-184{max-height:184px}.max-h-md-184--force{max-height:184px!important}.min-h-md-184{min-height:184px}.min-h-md-184--force{min-height:184px!important}.h-md-188{height:188px}.h-md-188--force{height:188px!important}.max-h-md-188{max-height:188px}.max-h-md-188--force{max-height:188px!important}.min-h-md-188{min-height:188px}.min-h-md-188--force{min-height:188px!important}.h-md-192{height:192px}.h-md-192--force{height:192px!important}.max-h-md-192{max-height:192px}.max-h-md-192--force{max-height:192px!important}.min-h-md-192{min-height:192px}.min-h-md-192--force{min-height:192px!important}.h-md-196{height:196px}.h-md-196--force{height:196px!important}.max-h-md-196{max-height:196px}.max-h-md-196--force{max-height:196px!important}.min-h-md-196{min-height:196px}.min-h-md-196--force{min-height:196px!important}.h-md-200{height:200px}.h-md-200--force{height:200px!important}.max-h-md-200{max-height:200px}.max-h-md-200--force{max-height:200px!important}.min-h-md-200{min-height:200px}.min-h-md-200--force{min-height:200px!important}.h-md-204{height:204px}.h-md-204--force{height:204px!important}.max-h-md-204{max-height:204px}.max-h-md-204--force{max-height:204px!important}.min-h-md-204{min-height:204px}.min-h-md-204--force{min-height:204px!important}.h-md-208{height:208px}.h-md-208--force{height:208px!important}.max-h-md-208{max-height:208px}.max-h-md-208--force{max-height:208px!important}.min-h-md-208{min-height:208px}.min-h-md-208--force{min-height:208px!important}.h-md-212{height:212px}.h-md-212--force{height:212px!important}.max-h-md-212{max-height:212px}.max-h-md-212--force{max-height:212px!important}.min-h-md-212{min-height:212px}.min-h-md-212--force{min-height:212px!important}.h-md-216{height:216px}.h-md-216--force{height:216px!important}.max-h-md-216{max-height:216px}.max-h-md-216--force{max-height:216px!important}.min-h-md-216{min-height:216px}.min-h-md-216--force{min-height:216px!important}.h-md-220{height:220px}.h-md-220--force{height:220px!important}.max-h-md-220{max-height:220px}.max-h-md-220--force{max-height:220px!important}.min-h-md-220{min-height:220px}.min-h-md-220--force{min-height:220px!important}.h-md-224{height:224px}.h-md-224--force{height:224px!important}.max-h-md-224{max-height:224px}.max-h-md-224--force{max-height:224px!important}.min-h-md-224{min-height:224px}.min-h-md-224--force{min-height:224px!important}.h-md-228{height:228px}.h-md-228--force{height:228px!important}.max-h-md-228{max-height:228px}.max-h-md-228--force{max-height:228px!important}.min-h-md-228{min-height:228px}.min-h-md-228--force{min-height:228px!important}.h-md-232{height:232px}.h-md-232--force{height:232px!important}.max-h-md-232{max-height:232px}.max-h-md-232--force{max-height:232px!important}.min-h-md-232{min-height:232px}.min-h-md-232--force{min-height:232px!important}.h-md-236{height:236px}.h-md-236--force{height:236px!important}.max-h-md-236{max-height:236px}.max-h-md-236--force{max-height:236px!important}.min-h-md-236{min-height:236px}.min-h-md-236--force{min-height:236px!important}.h-md-240{height:240px}.h-md-240--force{height:240px!important}.max-h-md-240{max-height:240px}.max-h-md-240--force{max-height:240px!important}.min-h-md-240{min-height:240px}.min-h-md-240--force{min-height:240px!important}.h-md-244{height:244px}.h-md-244--force{height:244px!important}.max-h-md-244{max-height:244px}.max-h-md-244--force{max-height:244px!important}.min-h-md-244{min-height:244px}.min-h-md-244--force{min-height:244px!important}.h-md-248{height:248px}.h-md-248--force{height:248px!important}.max-h-md-248{max-height:248px}.max-h-md-248--force{max-height:248px!important}.min-h-md-248{min-height:248px}.min-h-md-248--force{min-height:248px!important}.h-md-252{height:252px}.h-md-252--force{height:252px!important}.max-h-md-252{max-height:252px}.max-h-md-252--force{max-height:252px!important}.min-h-md-252{min-height:252px}.min-h-md-252--force{min-height:252px!important}.h-md-256{height:256px}.h-md-256--force{height:256px!important}.max-h-md-256{max-height:256px}.max-h-md-256--force{max-height:256px!important}.min-h-md-256{min-height:256px}.min-h-md-256--force{min-height:256px!important}.h-md-0-p{height:0%}.h-md-0-p--force{height:0%!important}.max-h-md-0-p{max-height:0%}.max-h-md-0-p--force{max-height:0%!important}.min-h-md-0-p{min-height:0}.min-h-md-0-p--force{min-height:0!important}.h-md-5-p{height:5%}.h-md-5-p--force{height:5%!important}.max-h-md-5-p{max-height:5%}.max-h-md-5-p--force{max-height:5%!important}.min-h-md-5-p{min-height:5%}.min-h-md-5-p--force{min-height:5%!important}.h-md-10-p{height:10%}.h-md-10-p--force{height:10%!important}.max-h-md-10-p{max-height:10%}.max-h-md-10-p--force{max-height:10%!important}.min-h-md-10-p{min-height:10%}.min-h-md-10-p--force{min-height:10%!important}.h-md-15-p{height:15%}.h-md-15-p--force{height:15%!important}.max-h-md-15-p{max-height:15%}.max-h-md-15-p--force{max-height:15%!important}.min-h-md-15-p{min-height:15%}.min-h-md-15-p--force{min-height:15%!important}.h-md-20-p{height:20%}.h-md-20-p--force{height:20%!important}.max-h-md-20-p{max-height:20%}.max-h-md-20-p--force{max-height:20%!important}.min-h-md-20-p{min-height:20%}.min-h-md-20-p--force{min-height:20%!important}.h-md-25-p{height:25%}.h-md-25-p--force{height:25%!important}.max-h-md-25-p{max-height:25%}.max-h-md-25-p--force{max-height:25%!important}.min-h-md-25-p{min-height:25%}.min-h-md-25-p--force{min-height:25%!important}.h-md-30-p{height:30%}.h-md-30-p--force{height:30%!important}.max-h-md-30-p{max-height:30%}.max-h-md-30-p--force{max-height:30%!important}.min-h-md-30-p{min-height:30%}.min-h-md-30-p--force{min-height:30%!important}.h-md-35-p{height:35%}.h-md-35-p--force{height:35%!important}.max-h-md-35-p{max-height:35%}.max-h-md-35-p--force{max-height:35%!important}.min-h-md-35-p{min-height:35%}.min-h-md-35-p--force{min-height:35%!important}.h-md-40-p{height:40%}.h-md-40-p--force{height:40%!important}.max-h-md-40-p{max-height:40%}.max-h-md-40-p--force{max-height:40%!important}.min-h-md-40-p{min-height:40%}.min-h-md-40-p--force{min-height:40%!important}.h-md-45-p{height:45%}.h-md-45-p--force{height:45%!important}.max-h-md-45-p{max-height:45%}.max-h-md-45-p--force{max-height:45%!important}.min-h-md-45-p{min-height:45%}.min-h-md-45-p--force{min-height:45%!important}.h-md-50-p{height:50%}.h-md-50-p--force{height:50%!important}.max-h-md-50-p{max-height:50%}.max-h-md-50-p--force{max-height:50%!important}.min-h-md-50-p{min-height:50%}.min-h-md-50-p--force{min-height:50%!important}.h-md-55-p{height:55%}.h-md-55-p--force{height:55%!important}.max-h-md-55-p{max-height:55%}.max-h-md-55-p--force{max-height:55%!important}.min-h-md-55-p{min-height:55%}.min-h-md-55-p--force{min-height:55%!important}.h-md-60-p{height:60%}.h-md-60-p--force{height:60%!important}.max-h-md-60-p{max-height:60%}.max-h-md-60-p--force{max-height:60%!important}.min-h-md-60-p{min-height:60%}.min-h-md-60-p--force{min-height:60%!important}.h-md-65-p{height:65%}.h-md-65-p--force{height:65%!important}.max-h-md-65-p{max-height:65%}.max-h-md-65-p--force{max-height:65%!important}.min-h-md-65-p{min-height:65%}.min-h-md-65-p--force{min-height:65%!important}.h-md-70-p{height:70%}.h-md-70-p--force{height:70%!important}.max-h-md-70-p{max-height:70%}.max-h-md-70-p--force{max-height:70%!important}.min-h-md-70-p{min-height:70%}.min-h-md-70-p--force{min-height:70%!important}.h-md-75-p{height:75%}.h-md-75-p--force{height:75%!important}.max-h-md-75-p{max-height:75%}.max-h-md-75-p--force{max-height:75%!important}.min-h-md-75-p{min-height:75%}.min-h-md-75-p--force{min-height:75%!important}.h-md-80-p{height:80%}.h-md-80-p--force{height:80%!important}.max-h-md-80-p{max-height:80%}.max-h-md-80-p--force{max-height:80%!important}.min-h-md-80-p{min-height:80%}.min-h-md-80-p--force{min-height:80%!important}.h-md-85-p{height:85%}.h-md-85-p--force{height:85%!important}.max-h-md-85-p{max-height:85%}.max-h-md-85-p--force{max-height:85%!important}.min-h-md-85-p{min-height:85%}.min-h-md-85-p--force{min-height:85%!important}.h-md-90-p{height:90%}.h-md-90-p--force{height:90%!important}.max-h-md-90-p{max-height:90%}.max-h-md-90-p--force{max-height:90%!important}.min-h-md-90-p{min-height:90%}.min-h-md-90-p--force{min-height:90%!important}.h-md-95-p{height:95%}.h-md-95-p--force{height:95%!important}.max-h-md-95-p{max-height:95%}.max-h-md-95-p--force{max-height:95%!important}.min-h-md-95-p{min-height:95%}.min-h-md-95-p--force{min-height:95%!important}.h-md-100-p{height:100%}.h-md-100-p--force{height:100%!important}.max-h-md-100-p{max-height:100%}.max-h-md-100-p--force{max-height:100%!important}.min-h-md-100-p{min-height:100%}.min-h-md-100-p--force{min-height:100%!important}.h-md-300{height:300px}.h-md-300--force{height:300px!important}.max-h-md-300{max-height:300px}.max-h-md-300--force{max-height:300px!important}.min-h-md-300{min-height:300px}.min-h-md-300--force{min-height:300px!important}.h-md-400{height:400px}.h-md-400--force{height:400px!important}.max-h-md-400{max-height:400px}.max-h-md-400--force{max-height:400px!important}.min-h-md-400{min-height:400px}.min-h-md-400--force{min-height:400px!important}.h-md-500{height:500px}.h-md-500--force{height:500px!important}.max-h-md-500{max-height:500px}.max-h-md-500--force{max-height:500px!important}.min-h-md-500{min-height:500px}.min-h-md-500--force{min-height:500px!important}.h-md-600{height:600px}.h-md-600--force{height:600px!important}.max-h-md-600{max-height:600px}.max-h-md-600--force{max-height:600px!important}.min-h-md-600{min-height:600px}.min-h-md-600--force{min-height:600px!important}.h-md-700{height:700px}.h-md-700--force{height:700px!important}.max-h-md-700{max-height:700px}.max-h-md-700--force{max-height:700px!important}.min-h-md-700{min-height:700px}.min-h-md-700--force{min-height:700px!important}.h-md-800{height:800px}.h-md-800--force{height:800px!important}.max-h-md-800{max-height:800px}.max-h-md-800--force{max-height:800px!important}.min-h-md-800{min-height:800px}.min-h-md-800--force{min-height:800px!important}.h-md-900{height:900px}.h-md-900--force{height:900px!important}.max-h-md-900{max-height:900px}.max-h-md-900--force{max-height:900px!important}.min-h-md-900{min-height:900px}.min-h-md-900--force{min-height:900px!important}.h-md-1000{height:1000px}.h-md-1000--force{height:1000px!important}.max-h-md-1000{max-height:1000px}.max-h-md-1000--force{max-height:1000px!important}.min-h-md-1000{min-height:1000px}.min-h-md-1000--force{min-height:1000px!important}.h-md-1100{height:1100px}.h-md-1100--force{height:1100px!important}.max-h-md-1100{max-height:1100px}.max-h-md-1100--force{max-height:1100px!important}.min-h-md-1100{min-height:1100px}.min-h-md-1100--force{min-height:1100px!important}.h-md-1200{height:1200px}.h-md-1200--force{height:1200px!important}.max-h-md-1200{max-height:1200px}.max-h-md-1200--force{max-height:1200px!important}.min-h-md-1200{min-height:1200px}.min-h-md-1200--force{min-height:1200px!important}.h-md-1300{height:1300px}.h-md-1300--force{height:1300px!important}.max-h-md-1300{max-height:1300px}.max-h-md-1300--force{max-height:1300px!important}.min-h-md-1300{min-height:1300px}.min-h-md-1300--force{min-height:1300px!important}.h-md-1400{height:1400px}.h-md-1400--force{height:1400px!important}.max-h-md-1400{max-height:1400px}.max-h-md-1400--force{max-height:1400px!important}.min-h-md-1400{min-height:1400px}.min-h-md-1400--force{min-height:1400px!important}.h-md-1500{height:1500px}.h-md-1500--force{height:1500px!important}.max-h-md-1500{max-height:1500px}.max-h-md-1500--force{max-height:1500px!important}.min-h-md-1500{min-height:1500px}.min-h-md-1500--force{min-height:1500px!important}.h-md-1600{height:1600px}.h-md-1600--force{height:1600px!important}.max-h-md-1600{max-height:1600px}.max-h-md-1600--force{max-height:1600px!important}.min-h-md-1600{min-height:1600px}.min-h-md-1600--force{min-height:1600px!important}.h-md-1700{height:1700px}.h-md-1700--force{height:1700px!important}.max-h-md-1700{max-height:1700px}.max-h-md-1700--force{max-height:1700px!important}.min-h-md-1700{min-height:1700px}.min-h-md-1700--force{min-height:1700px!important}.h-md-1800{height:1800px}.h-md-1800--force{height:1800px!important}.max-h-md-1800{max-height:1800px}.max-h-md-1800--force{max-height:1800px!important}.min-h-md-1800{min-height:1800px}.min-h-md-1800--force{min-height:1800px!important}.h-md-1900{height:1900px}.h-md-1900--force{height:1900px!important}.max-h-md-1900{max-height:1900px}.max-h-md-1900--force{max-height:1900px!important}.min-h-md-1900{min-height:1900px}.min-h-md-1900--force{min-height:1900px!important}.h-md-2000{height:2000px}.h-md-2000--force{height:2000px!important}.max-h-md-2000{max-height:2000px}.max-h-md-2000--force{max-height:2000px!important}.min-h-md-2000{min-height:2000px}.min-h-md-2000--force{min-height:2000px!important}.h-md-auto{height:auto}.h-md-auto--force{height:auto!important}.w-md-0{width:0}.w-md-0--force{width:0!important}.max-w-md-0{max-width:0}.max-w-md-0--force{max-width:0!important}.min-w-md-0{min-width:0}.min-w-md-0--force{min-width:0!important}.w-md-4{width:4px}.w-md-4--force{width:4px!important}.max-w-md-4{max-width:4px}.max-w-md-4--force{max-width:4px!important}.min-w-md-4{min-width:4px}.min-w-md-4--force{min-width:4px!important}.w-md-8{width:8px}.w-md-8--force{width:8px!important}.max-w-md-8{max-width:8px}.max-w-md-8--force{max-width:8px!important}.min-w-md-8{min-width:8px}.min-w-md-8--force{min-width:8px!important}.w-md-12{width:12px}.w-md-12--force{width:12px!important}.max-w-md-12{max-width:12px}.max-w-md-12--force{max-width:12px!important}.min-w-md-12{min-width:12px}.min-w-md-12--force{min-width:12px!important}.w-md-16{width:16px}.w-md-16--force{width:16px!important}.max-w-md-16{max-width:16px}.max-w-md-16--force{max-width:16px!important}.min-w-md-16{min-width:16px}.min-w-md-16--force{min-width:16px!important}.w-md-20{width:20px}.w-md-20--force{width:20px!important}.max-w-md-20{max-width:20px}.max-w-md-20--force{max-width:20px!important}.min-w-md-20{min-width:20px}.min-w-md-20--force{min-width:20px!important}.w-md-24{width:24px}.w-md-24--force{width:24px!important}.max-w-md-24{max-width:24px}.max-w-md-24--force{max-width:24px!important}.min-w-md-24{min-width:24px}.min-w-md-24--force{min-width:24px!important}.w-md-28{width:28px}.w-md-28--force{width:28px!important}.max-w-md-28{max-width:28px}.max-w-md-28--force{max-width:28px!important}.min-w-md-28{min-width:28px}.min-w-md-28--force{min-width:28px!important}.w-md-32{width:32px}.w-md-32--force{width:32px!important}.max-w-md-32{max-width:32px}.max-w-md-32--force{max-width:32px!important}.min-w-md-32{min-width:32px}.min-w-md-32--force{min-width:32px!important}.w-md-36{width:36px}.w-md-36--force{width:36px!important}.max-w-md-36{max-width:36px}.max-w-md-36--force{max-width:36px!important}.min-w-md-36{min-width:36px}.min-w-md-36--force{min-width:36px!important}.w-md-40{width:40px}.w-md-40--force{width:40px!important}.max-w-md-40{max-width:40px}.max-w-md-40--force{max-width:40px!important}.min-w-md-40{min-width:40px}.min-w-md-40--force{min-width:40px!important}.w-md-44{width:44px}.w-md-44--force{width:44px!important}.max-w-md-44{max-width:44px}.max-w-md-44--force{max-width:44px!important}.min-w-md-44{min-width:44px}.min-w-md-44--force{min-width:44px!important}.w-md-48{width:48px}.w-md-48--force{width:48px!important}.max-w-md-48{max-width:48px}.max-w-md-48--force{max-width:48px!important}.min-w-md-48{min-width:48px}.min-w-md-48--force{min-width:48px!important}.w-md-52{width:52px}.w-md-52--force{width:52px!important}.max-w-md-52{max-width:52px}.max-w-md-52--force{max-width:52px!important}.min-w-md-52{min-width:52px}.min-w-md-52--force{min-width:52px!important}.w-md-56{width:56px}.w-md-56--force{width:56px!important}.max-w-md-56{max-width:56px}.max-w-md-56--force{max-width:56px!important}.min-w-md-56{min-width:56px}.min-w-md-56--force{min-width:56px!important}.w-md-60{width:60px}.w-md-60--force{width:60px!important}.max-w-md-60{max-width:60px}.max-w-md-60--force{max-width:60px!important}.min-w-md-60{min-width:60px}.min-w-md-60--force{min-width:60px!important}.w-md-64{width:64px}.w-md-64--force{width:64px!important}.max-w-md-64{max-width:64px}.max-w-md-64--force{max-width:64px!important}.min-w-md-64{min-width:64px}.min-w-md-64--force{min-width:64px!important}.w-md-68{width:68px}.w-md-68--force{width:68px!important}.max-w-md-68{max-width:68px}.max-w-md-68--force{max-width:68px!important}.min-w-md-68{min-width:68px}.min-w-md-68--force{min-width:68px!important}.w-md-72{width:72px}.w-md-72--force{width:72px!important}.max-w-md-72{max-width:72px}.max-w-md-72--force{max-width:72px!important}.min-w-md-72{min-width:72px}.min-w-md-72--force{min-width:72px!important}.w-md-76{width:76px}.w-md-76--force{width:76px!important}.max-w-md-76{max-width:76px}.max-w-md-76--force{max-width:76px!important}.min-w-md-76{min-width:76px}.min-w-md-76--force{min-width:76px!important}.w-md-80{width:80px}.w-md-80--force{width:80px!important}.max-w-md-80{max-width:80px}.max-w-md-80--force{max-width:80px!important}.min-w-md-80{min-width:80px}.min-w-md-80--force{min-width:80px!important}.w-md-84{width:84px}.w-md-84--force{width:84px!important}.max-w-md-84{max-width:84px}.max-w-md-84--force{max-width:84px!important}.min-w-md-84{min-width:84px}.min-w-md-84--force{min-width:84px!important}.w-md-88{width:88px}.w-md-88--force{width:88px!important}.max-w-md-88{max-width:88px}.max-w-md-88--force{max-width:88px!important}.min-w-md-88{min-width:88px}.min-w-md-88--force{min-width:88px!important}.w-md-92{width:92px}.w-md-92--force{width:92px!important}.max-w-md-92{max-width:92px}.max-w-md-92--force{max-width:92px!important}.min-w-md-92{min-width:92px}.min-w-md-92--force{min-width:92px!important}.w-md-96{width:96px}.w-md-96--force{width:96px!important}.max-w-md-96{max-width:96px}.max-w-md-96--force{max-width:96px!important}.min-w-md-96{min-width:96px}.min-w-md-96--force{min-width:96px!important}.w-md-100{width:100px}.w-md-100--force{width:100px!important}.max-w-md-100{max-width:100px}.max-w-md-100--force{max-width:100px!important}.min-w-md-100{min-width:100px}.min-w-md-100--force{min-width:100px!important}.w-md-104{width:104px}.w-md-104--force{width:104px!important}.max-w-md-104{max-width:104px}.max-w-md-104--force{max-width:104px!important}.min-w-md-104{min-width:104px}.min-w-md-104--force{min-width:104px!important}.w-md-108{width:108px}.w-md-108--force{width:108px!important}.max-w-md-108{max-width:108px}.max-w-md-108--force{max-width:108px!important}.min-w-md-108{min-width:108px}.min-w-md-108--force{min-width:108px!important}.w-md-112{width:112px}.w-md-112--force{width:112px!important}.max-w-md-112{max-width:112px}.max-w-md-112--force{max-width:112px!important}.min-w-md-112{min-width:112px}.min-w-md-112--force{min-width:112px!important}.w-md-116{width:116px}.w-md-116--force{width:116px!important}.max-w-md-116{max-width:116px}.max-w-md-116--force{max-width:116px!important}.min-w-md-116{min-width:116px}.min-w-md-116--force{min-width:116px!important}.w-md-120{width:120px}.w-md-120--force{width:120px!important}.max-w-md-120{max-width:120px}.max-w-md-120--force{max-width:120px!important}.min-w-md-120{min-width:120px}.min-w-md-120--force{min-width:120px!important}.w-md-124{width:124px}.w-md-124--force{width:124px!important}.max-w-md-124{max-width:124px}.max-w-md-124--force{max-width:124px!important}.min-w-md-124{min-width:124px}.min-w-md-124--force{min-width:124px!important}.w-md-128{width:128px}.w-md-128--force{width:128px!important}.max-w-md-128{max-width:128px}.max-w-md-128--force{max-width:128px!important}.min-w-md-128{min-width:128px}.min-w-md-128--force{min-width:128px!important}.w-md-132{width:132px}.w-md-132--force{width:132px!important}.max-w-md-132{max-width:132px}.max-w-md-132--force{max-width:132px!important}.min-w-md-132{min-width:132px}.min-w-md-132--force{min-width:132px!important}.w-md-136{width:136px}.w-md-136--force{width:136px!important}.max-w-md-136{max-width:136px}.max-w-md-136--force{max-width:136px!important}.min-w-md-136{min-width:136px}.min-w-md-136--force{min-width:136px!important}.w-md-140{width:140px}.w-md-140--force{width:140px!important}.max-w-md-140{max-width:140px}.max-w-md-140--force{max-width:140px!important}.min-w-md-140{min-width:140px}.min-w-md-140--force{min-width:140px!important}.w-md-144{width:144px}.w-md-144--force{width:144px!important}.max-w-md-144{max-width:144px}.max-w-md-144--force{max-width:144px!important}.min-w-md-144{min-width:144px}.min-w-md-144--force{min-width:144px!important}.w-md-148{width:148px}.w-md-148--force{width:148px!important}.max-w-md-148{max-width:148px}.max-w-md-148--force{max-width:148px!important}.min-w-md-148{min-width:148px}.min-w-md-148--force{min-width:148px!important}.w-md-152{width:152px}.w-md-152--force{width:152px!important}.max-w-md-152{max-width:152px}.max-w-md-152--force{max-width:152px!important}.min-w-md-152{min-width:152px}.min-w-md-152--force{min-width:152px!important}.w-md-156{width:156px}.w-md-156--force{width:156px!important}.max-w-md-156{max-width:156px}.max-w-md-156--force{max-width:156px!important}.min-w-md-156{min-width:156px}.min-w-md-156--force{min-width:156px!important}.w-md-160{width:160px}.w-md-160--force{width:160px!important}.max-w-md-160{max-width:160px}.max-w-md-160--force{max-width:160px!important}.min-w-md-160{min-width:160px}.min-w-md-160--force{min-width:160px!important}.w-md-164{width:164px}.w-md-164--force{width:164px!important}.max-w-md-164{max-width:164px}.max-w-md-164--force{max-width:164px!important}.min-w-md-164{min-width:164px}.min-w-md-164--force{min-width:164px!important}.w-md-168{width:168px}.w-md-168--force{width:168px!important}.max-w-md-168{max-width:168px}.max-w-md-168--force{max-width:168px!important}.min-w-md-168{min-width:168px}.min-w-md-168--force{min-width:168px!important}.w-md-172{width:172px}.w-md-172--force{width:172px!important}.max-w-md-172{max-width:172px}.max-w-md-172--force{max-width:172px!important}.min-w-md-172{min-width:172px}.min-w-md-172--force{min-width:172px!important}.w-md-176{width:176px}.w-md-176--force{width:176px!important}.max-w-md-176{max-width:176px}.max-w-md-176--force{max-width:176px!important}.min-w-md-176{min-width:176px}.min-w-md-176--force{min-width:176px!important}.w-md-180{width:180px}.w-md-180--force{width:180px!important}.max-w-md-180{max-width:180px}.max-w-md-180--force{max-width:180px!important}.min-w-md-180{min-width:180px}.min-w-md-180--force{min-width:180px!important}.w-md-184{width:184px}.w-md-184--force{width:184px!important}.max-w-md-184{max-width:184px}.max-w-md-184--force{max-width:184px!important}.min-w-md-184{min-width:184px}.min-w-md-184--force{min-width:184px!important}.w-md-188{width:188px}.w-md-188--force{width:188px!important}.max-w-md-188{max-width:188px}.max-w-md-188--force{max-width:188px!important}.min-w-md-188{min-width:188px}.min-w-md-188--force{min-width:188px!important}.w-md-192{width:192px}.w-md-192--force{width:192px!important}.max-w-md-192{max-width:192px}.max-w-md-192--force{max-width:192px!important}.min-w-md-192{min-width:192px}.min-w-md-192--force{min-width:192px!important}.w-md-196{width:196px}.w-md-196--force{width:196px!important}.max-w-md-196{max-width:196px}.max-w-md-196--force{max-width:196px!important}.min-w-md-196{min-width:196px}.min-w-md-196--force{min-width:196px!important}.w-md-200{width:200px}.w-md-200--force{width:200px!important}.max-w-md-200{max-width:200px}.max-w-md-200--force{max-width:200px!important}.min-w-md-200{min-width:200px}.min-w-md-200--force{min-width:200px!important}.w-md-204{width:204px}.w-md-204--force{width:204px!important}.max-w-md-204{max-width:204px}.max-w-md-204--force{max-width:204px!important}.min-w-md-204{min-width:204px}.min-w-md-204--force{min-width:204px!important}.w-md-208{width:208px}.w-md-208--force{width:208px!important}.max-w-md-208{max-width:208px}.max-w-md-208--force{max-width:208px!important}.min-w-md-208{min-width:208px}.min-w-md-208--force{min-width:208px!important}.w-md-212{width:212px}.w-md-212--force{width:212px!important}.max-w-md-212{max-width:212px}.max-w-md-212--force{max-width:212px!important}.min-w-md-212{min-width:212px}.min-w-md-212--force{min-width:212px!important}.w-md-216{width:216px}.w-md-216--force{width:216px!important}.max-w-md-216{max-width:216px}.max-w-md-216--force{max-width:216px!important}.min-w-md-216{min-width:216px}.min-w-md-216--force{min-width:216px!important}.w-md-220{width:220px}.w-md-220--force{width:220px!important}.max-w-md-220{max-width:220px}.max-w-md-220--force{max-width:220px!important}.min-w-md-220{min-width:220px}.min-w-md-220--force{min-width:220px!important}.w-md-224{width:224px}.w-md-224--force{width:224px!important}.max-w-md-224{max-width:224px}.max-w-md-224--force{max-width:224px!important}.min-w-md-224{min-width:224px}.min-w-md-224--force{min-width:224px!important}.w-md-228{width:228px}.w-md-228--force{width:228px!important}.max-w-md-228{max-width:228px}.max-w-md-228--force{max-width:228px!important}.min-w-md-228{min-width:228px}.min-w-md-228--force{min-width:228px!important}.w-md-232{width:232px}.w-md-232--force{width:232px!important}.max-w-md-232{max-width:232px}.max-w-md-232--force{max-width:232px!important}.min-w-md-232{min-width:232px}.min-w-md-232--force{min-width:232px!important}.w-md-236{width:236px}.w-md-236--force{width:236px!important}.max-w-md-236{max-width:236px}.max-w-md-236--force{max-width:236px!important}.min-w-md-236{min-width:236px}.min-w-md-236--force{min-width:236px!important}.w-md-240{width:240px}.w-md-240--force{width:240px!important}.max-w-md-240{max-width:240px}.max-w-md-240--force{max-width:240px!important}.min-w-md-240{min-width:240px}.min-w-md-240--force{min-width:240px!important}.w-md-244{width:244px}.w-md-244--force{width:244px!important}.max-w-md-244{max-width:244px}.max-w-md-244--force{max-width:244px!important}.min-w-md-244{min-width:244px}.min-w-md-244--force{min-width:244px!important}.w-md-248{width:248px}.w-md-248--force{width:248px!important}.max-w-md-248{max-width:248px}.max-w-md-248--force{max-width:248px!important}.min-w-md-248{min-width:248px}.min-w-md-248--force{min-width:248px!important}.w-md-252{width:252px}.w-md-252--force{width:252px!important}.max-w-md-252{max-width:252px}.max-w-md-252--force{max-width:252px!important}.min-w-md-252{min-width:252px}.min-w-md-252--force{min-width:252px!important}.w-md-256{width:256px}.w-md-256--force{width:256px!important}.max-w-md-256{max-width:256px}.max-w-md-256--force{max-width:256px!important}.min-w-md-256{min-width:256px}.min-w-md-256--force{min-width:256px!important}.w-md-0-p{width:0%}.w-md-0-p--force{width:0%!important}.max-w-md-0-p{max-width:0%}.max-w-md-0-p--force{max-width:0%!important}.min-w-md-0-p{min-width:0}.min-w-md-0-p--force{min-width:0!important}.w-md-5-p{width:5%}.w-md-5-p--force{width:5%!important}.max-w-md-5-p{max-width:5%}.max-w-md-5-p--force{max-width:5%!important}.min-w-md-5-p{min-width:5%}.min-w-md-5-p--force{min-width:5%!important}.w-md-10-p{width:10%}.w-md-10-p--force{width:10%!important}.max-w-md-10-p{max-width:10%}.max-w-md-10-p--force{max-width:10%!important}.min-w-md-10-p{min-width:10%}.min-w-md-10-p--force{min-width:10%!important}.w-md-15-p{width:15%}.w-md-15-p--force{width:15%!important}.max-w-md-15-p{max-width:15%}.max-w-md-15-p--force{max-width:15%!important}.min-w-md-15-p{min-width:15%}.min-w-md-15-p--force{min-width:15%!important}.w-md-20-p{width:20%}.w-md-20-p--force{width:20%!important}.max-w-md-20-p{max-width:20%}.max-w-md-20-p--force{max-width:20%!important}.min-w-md-20-p{min-width:20%}.min-w-md-20-p--force{min-width:20%!important}.w-md-25-p{width:25%}.w-md-25-p--force{width:25%!important}.max-w-md-25-p{max-width:25%}.max-w-md-25-p--force{max-width:25%!important}.min-w-md-25-p{min-width:25%}.min-w-md-25-p--force{min-width:25%!important}.w-md-30-p{width:30%}.w-md-30-p--force{width:30%!important}.max-w-md-30-p{max-width:30%}.max-w-md-30-p--force{max-width:30%!important}.min-w-md-30-p{min-width:30%}.min-w-md-30-p--force{min-width:30%!important}.w-md-35-p{width:35%}.w-md-35-p--force{width:35%!important}.max-w-md-35-p{max-width:35%}.max-w-md-35-p--force{max-width:35%!important}.min-w-md-35-p{min-width:35%}.min-w-md-35-p--force{min-width:35%!important}.w-md-40-p{width:40%}.w-md-40-p--force{width:40%!important}.max-w-md-40-p{max-width:40%}.max-w-md-40-p--force{max-width:40%!important}.min-w-md-40-p{min-width:40%}.min-w-md-40-p--force{min-width:40%!important}.w-md-45-p{width:45%}.w-md-45-p--force{width:45%!important}.max-w-md-45-p{max-width:45%}.max-w-md-45-p--force{max-width:45%!important}.min-w-md-45-p{min-width:45%}.min-w-md-45-p--force{min-width:45%!important}.w-md-50-p{width:50%}.w-md-50-p--force{width:50%!important}.max-w-md-50-p{max-width:50%}.max-w-md-50-p--force{max-width:50%!important}.min-w-md-50-p{min-width:50%}.min-w-md-50-p--force{min-width:50%!important}.w-md-55-p{width:55%}.w-md-55-p--force{width:55%!important}.max-w-md-55-p{max-width:55%}.max-w-md-55-p--force{max-width:55%!important}.min-w-md-55-p{min-width:55%}.min-w-md-55-p--force{min-width:55%!important}.w-md-60-p{width:60%}.w-md-60-p--force{width:60%!important}.max-w-md-60-p{max-width:60%}.max-w-md-60-p--force{max-width:60%!important}.min-w-md-60-p{min-width:60%}.min-w-md-60-p--force{min-width:60%!important}.w-md-65-p{width:65%}.w-md-65-p--force{width:65%!important}.max-w-md-65-p{max-width:65%}.max-w-md-65-p--force{max-width:65%!important}.min-w-md-65-p{min-width:65%}.min-w-md-65-p--force{min-width:65%!important}.w-md-70-p{width:70%}.w-md-70-p--force{width:70%!important}.max-w-md-70-p{max-width:70%}.max-w-md-70-p--force{max-width:70%!important}.min-w-md-70-p{min-width:70%}.min-w-md-70-p--force{min-width:70%!important}.w-md-75-p{width:75%}.w-md-75-p--force{width:75%!important}.max-w-md-75-p{max-width:75%}.max-w-md-75-p--force{max-width:75%!important}.min-w-md-75-p{min-width:75%}.min-w-md-75-p--force{min-width:75%!important}.w-md-80-p{width:80%}.w-md-80-p--force{width:80%!important}.max-w-md-80-p{max-width:80%}.max-w-md-80-p--force{max-width:80%!important}.min-w-md-80-p{min-width:80%}.min-w-md-80-p--force{min-width:80%!important}.w-md-85-p{width:85%}.w-md-85-p--force{width:85%!important}.max-w-md-85-p{max-width:85%}.max-w-md-85-p--force{max-width:85%!important}.min-w-md-85-p{min-width:85%}.min-w-md-85-p--force{min-width:85%!important}.w-md-90-p{width:90%}.w-md-90-p--force{width:90%!important}.max-w-md-90-p{max-width:90%}.max-w-md-90-p--force{max-width:90%!important}.min-w-md-90-p{min-width:90%}.min-w-md-90-p--force{min-width:90%!important}.w-md-95-p{width:95%}.w-md-95-p--force{width:95%!important}.max-w-md-95-p{max-width:95%}.max-w-md-95-p--force{max-width:95%!important}.min-w-md-95-p{min-width:95%}.min-w-md-95-p--force{min-width:95%!important}.w-md-100-p{width:100%}.w-md-100-p--force{width:100%!important}.max-w-md-100-p{max-width:100%}.max-w-md-100-p--force{max-width:100%!important}.min-w-md-100-p{min-width:100%}.min-w-md-100-p--force{min-width:100%!important}.w-md-300{width:300px}.w-md-300--force{width:300px!important}.max-w-md-300{max-width:300px}.max-w-md-300--force{max-width:300px!important}.min-w-md-300{min-width:300px}.min-w-md-300--force{min-width:300px!important}.w-md-400{width:400px}.w-md-400--force{width:400px!important}.max-w-md-400{max-width:400px}.max-w-md-400--force{max-width:400px!important}.min-w-md-400{min-width:400px}.min-w-md-400--force{min-width:400px!important}.w-md-500{width:500px}.w-md-500--force{width:500px!important}.max-w-md-500{max-width:500px}.max-w-md-500--force{max-width:500px!important}.min-w-md-500{min-width:500px}.min-w-md-500--force{min-width:500px!important}.w-md-600{width:600px}.w-md-600--force{width:600px!important}.max-w-md-600{max-width:600px}.max-w-md-600--force{max-width:600px!important}.min-w-md-600{min-width:600px}.min-w-md-600--force{min-width:600px!important}.w-md-700{width:700px}.w-md-700--force{width:700px!important}.max-w-md-700{max-width:700px}.max-w-md-700--force{max-width:700px!important}.min-w-md-700{min-width:700px}.min-w-md-700--force{min-width:700px!important}.w-md-800{width:800px}.w-md-800--force{width:800px!important}.max-w-md-800{max-width:800px}.max-w-md-800--force{max-width:800px!important}.min-w-md-800{min-width:800px}.min-w-md-800--force{min-width:800px!important}.w-md-900{width:900px}.w-md-900--force{width:900px!important}.max-w-md-900{max-width:900px}.max-w-md-900--force{max-width:900px!important}.min-w-md-900{min-width:900px}.min-w-md-900--force{min-width:900px!important}.w-md-1000{width:1000px}.w-md-1000--force{width:1000px!important}.max-w-md-1000{max-width:1000px}.max-w-md-1000--force{max-width:1000px!important}.min-w-md-1000{min-width:1000px}.min-w-md-1000--force{min-width:1000px!important}.w-md-1100{width:1100px}.w-md-1100--force{width:1100px!important}.max-w-md-1100{max-width:1100px}.max-w-md-1100--force{max-width:1100px!important}.min-w-md-1100{min-width:1100px}.min-w-md-1100--force{min-width:1100px!important}.w-md-1200{width:1200px}.w-md-1200--force{width:1200px!important}.max-w-md-1200{max-width:1200px}.max-w-md-1200--force{max-width:1200px!important}.min-w-md-1200{min-width:1200px}.min-w-md-1200--force{min-width:1200px!important}.w-md-1300{width:1300px}.w-md-1300--force{width:1300px!important}.max-w-md-1300{max-width:1300px}.max-w-md-1300--force{max-width:1300px!important}.min-w-md-1300{min-width:1300px}.min-w-md-1300--force{min-width:1300px!important}.w-md-1400{width:1400px}.w-md-1400--force{width:1400px!important}.max-w-md-1400{max-width:1400px}.max-w-md-1400--force{max-width:1400px!important}.min-w-md-1400{min-width:1400px}.min-w-md-1400--force{min-width:1400px!important}.w-md-1500{width:1500px}.w-md-1500--force{width:1500px!important}.max-w-md-1500{max-width:1500px}.max-w-md-1500--force{max-width:1500px!important}.min-w-md-1500{min-width:1500px}.min-w-md-1500--force{min-width:1500px!important}.w-md-1600{width:1600px}.w-md-1600--force{width:1600px!important}.max-w-md-1600{max-width:1600px}.max-w-md-1600--force{max-width:1600px!important}.min-w-md-1600{min-width:1600px}.min-w-md-1600--force{min-width:1600px!important}.w-md-1700{width:1700px}.w-md-1700--force{width:1700px!important}.max-w-md-1700{max-width:1700px}.max-w-md-1700--force{max-width:1700px!important}.min-w-md-1700{min-width:1700px}.min-w-md-1700--force{min-width:1700px!important}.w-md-1800{width:1800px}.w-md-1800--force{width:1800px!important}.max-w-md-1800{max-width:1800px}.max-w-md-1800--force{max-width:1800px!important}.min-w-md-1800{min-width:1800px}.min-w-md-1800--force{min-width:1800px!important}.w-md-1900{width:1900px}.w-md-1900--force{width:1900px!important}.max-w-md-1900{max-width:1900px}.max-w-md-1900--force{max-width:1900px!important}.min-w-md-1900{min-width:1900px}.min-w-md-1900--force{min-width:1900px!important}.w-md-2000{width:2000px}.w-md-2000--force{width:2000px!important}.max-w-md-2000{max-width:2000px}.max-w-md-2000--force{max-width:2000px!important}.min-w-md-2000{min-width:2000px}.min-w-md-2000--force{min-width:2000px!important}.w-md-auto{width:auto}.w-md-auto--force{width:auto!important}}@media screen and (min-width:1280px){.h-lg-0{height:0}.h-lg-0--force{height:0!important}.max-h-lg-0{max-height:0}.max-h-lg-0--force{max-height:0!important}.min-h-lg-0{min-height:0}.min-h-lg-0--force{min-height:0!important}.h-lg-4{height:4px}.h-lg-4--force{height:4px!important}.max-h-lg-4{max-height:4px}.max-h-lg-4--force{max-height:4px!important}.min-h-lg-4{min-height:4px}.min-h-lg-4--force{min-height:4px!important}.h-lg-8{height:8px}.h-lg-8--force{height:8px!important}.max-h-lg-8{max-height:8px}.max-h-lg-8--force{max-height:8px!important}.min-h-lg-8{min-height:8px}.min-h-lg-8--force{min-height:8px!important}.h-lg-12{height:12px}.h-lg-12--force{height:12px!important}.max-h-lg-12{max-height:12px}.max-h-lg-12--force{max-height:12px!important}.min-h-lg-12{min-height:12px}.min-h-lg-12--force{min-height:12px!important}.h-lg-16{height:16px}.h-lg-16--force{height:16px!important}.max-h-lg-16{max-height:16px}.max-h-lg-16--force{max-height:16px!important}.min-h-lg-16{min-height:16px}.min-h-lg-16--force{min-height:16px!important}.h-lg-20{height:20px}.h-lg-20--force{height:20px!important}.max-h-lg-20{max-height:20px}.max-h-lg-20--force{max-height:20px!important}.min-h-lg-20{min-height:20px}.min-h-lg-20--force{min-height:20px!important}.h-lg-24{height:24px}.h-lg-24--force{height:24px!important}.max-h-lg-24{max-height:24px}.max-h-lg-24--force{max-height:24px!important}.min-h-lg-24{min-height:24px}.min-h-lg-24--force{min-height:24px!important}.h-lg-28{height:28px}.h-lg-28--force{height:28px!important}.max-h-lg-28{max-height:28px}.max-h-lg-28--force{max-height:28px!important}.min-h-lg-28{min-height:28px}.min-h-lg-28--force{min-height:28px!important}.h-lg-32{height:32px}.h-lg-32--force{height:32px!important}.max-h-lg-32{max-height:32px}.max-h-lg-32--force{max-height:32px!important}.min-h-lg-32{min-height:32px}.min-h-lg-32--force{min-height:32px!important}.h-lg-36{height:36px}.h-lg-36--force{height:36px!important}.max-h-lg-36{max-height:36px}.max-h-lg-36--force{max-height:36px!important}.min-h-lg-36{min-height:36px}.min-h-lg-36--force{min-height:36px!important}.h-lg-40{height:40px}.h-lg-40--force{height:40px!important}.max-h-lg-40{max-height:40px}.max-h-lg-40--force{max-height:40px!important}.min-h-lg-40{min-height:40px}.min-h-lg-40--force{min-height:40px!important}.h-lg-44{height:44px}.h-lg-44--force{height:44px!important}.max-h-lg-44{max-height:44px}.max-h-lg-44--force{max-height:44px!important}.min-h-lg-44{min-height:44px}.min-h-lg-44--force{min-height:44px!important}.h-lg-48{height:48px}.h-lg-48--force{height:48px!important}.max-h-lg-48{max-height:48px}.max-h-lg-48--force{max-height:48px!important}.min-h-lg-48{min-height:48px}.min-h-lg-48--force{min-height:48px!important}.h-lg-52{height:52px}.h-lg-52--force{height:52px!important}.max-h-lg-52{max-height:52px}.max-h-lg-52--force{max-height:52px!important}.min-h-lg-52{min-height:52px}.min-h-lg-52--force{min-height:52px!important}.h-lg-56{height:56px}.h-lg-56--force{height:56px!important}.max-h-lg-56{max-height:56px}.max-h-lg-56--force{max-height:56px!important}.min-h-lg-56{min-height:56px}.min-h-lg-56--force{min-height:56px!important}.h-lg-60{height:60px}.h-lg-60--force{height:60px!important}.max-h-lg-60{max-height:60px}.max-h-lg-60--force{max-height:60px!important}.min-h-lg-60{min-height:60px}.min-h-lg-60--force{min-height:60px!important}.h-lg-64{height:64px}.h-lg-64--force{height:64px!important}.max-h-lg-64{max-height:64px}.max-h-lg-64--force{max-height:64px!important}.min-h-lg-64{min-height:64px}.min-h-lg-64--force{min-height:64px!important}.h-lg-68{height:68px}.h-lg-68--force{height:68px!important}.max-h-lg-68{max-height:68px}.max-h-lg-68--force{max-height:68px!important}.min-h-lg-68{min-height:68px}.min-h-lg-68--force{min-height:68px!important}.h-lg-72{height:72px}.h-lg-72--force{height:72px!important}.max-h-lg-72{max-height:72px}.max-h-lg-72--force{max-height:72px!important}.min-h-lg-72{min-height:72px}.min-h-lg-72--force{min-height:72px!important}.h-lg-76{height:76px}.h-lg-76--force{height:76px!important}.max-h-lg-76{max-height:76px}.max-h-lg-76--force{max-height:76px!important}.min-h-lg-76{min-height:76px}.min-h-lg-76--force{min-height:76px!important}.h-lg-80{height:80px}.h-lg-80--force{height:80px!important}.max-h-lg-80{max-height:80px}.max-h-lg-80--force{max-height:80px!important}.min-h-lg-80{min-height:80px}.min-h-lg-80--force{min-height:80px!important}.h-lg-84{height:84px}.h-lg-84--force{height:84px!important}.max-h-lg-84{max-height:84px}.max-h-lg-84--force{max-height:84px!important}.min-h-lg-84{min-height:84px}.min-h-lg-84--force{min-height:84px!important}.h-lg-88{height:88px}.h-lg-88--force{height:88px!important}.max-h-lg-88{max-height:88px}.max-h-lg-88--force{max-height:88px!important}.min-h-lg-88{min-height:88px}.min-h-lg-88--force{min-height:88px!important}.h-lg-92{height:92px}.h-lg-92--force{height:92px!important}.max-h-lg-92{max-height:92px}.max-h-lg-92--force{max-height:92px!important}.min-h-lg-92{min-height:92px}.min-h-lg-92--force{min-height:92px!important}.h-lg-96{height:96px}.h-lg-96--force{height:96px!important}.max-h-lg-96{max-height:96px}.max-h-lg-96--force{max-height:96px!important}.min-h-lg-96{min-height:96px}.min-h-lg-96--force{min-height:96px!important}.h-lg-100{height:100px}.h-lg-100--force{height:100px!important}.max-h-lg-100{max-height:100px}.max-h-lg-100--force{max-height:100px!important}.min-h-lg-100{min-height:100px}.min-h-lg-100--force{min-height:100px!important}.h-lg-104{height:104px}.h-lg-104--force{height:104px!important}.max-h-lg-104{max-height:104px}.max-h-lg-104--force{max-height:104px!important}.min-h-lg-104{min-height:104px}.min-h-lg-104--force{min-height:104px!important}.h-lg-108{height:108px}.h-lg-108--force{height:108px!important}.max-h-lg-108{max-height:108px}.max-h-lg-108--force{max-height:108px!important}.min-h-lg-108{min-height:108px}.min-h-lg-108--force{min-height:108px!important}.h-lg-112{height:112px}.h-lg-112--force{height:112px!important}.max-h-lg-112{max-height:112px}.max-h-lg-112--force{max-height:112px!important}.min-h-lg-112{min-height:112px}.min-h-lg-112--force{min-height:112px!important}.h-lg-116{height:116px}.h-lg-116--force{height:116px!important}.max-h-lg-116{max-height:116px}.max-h-lg-116--force{max-height:116px!important}.min-h-lg-116{min-height:116px}.min-h-lg-116--force{min-height:116px!important}.h-lg-120{height:120px}.h-lg-120--force{height:120px!important}.max-h-lg-120{max-height:120px}.max-h-lg-120--force{max-height:120px!important}.min-h-lg-120{min-height:120px}.min-h-lg-120--force{min-height:120px!important}.h-lg-124{height:124px}.h-lg-124--force{height:124px!important}.max-h-lg-124{max-height:124px}.max-h-lg-124--force{max-height:124px!important}.min-h-lg-124{min-height:124px}.min-h-lg-124--force{min-height:124px!important}.h-lg-128{height:128px}.h-lg-128--force{height:128px!important}.max-h-lg-128{max-height:128px}.max-h-lg-128--force{max-height:128px!important}.min-h-lg-128{min-height:128px}.min-h-lg-128--force{min-height:128px!important}.h-lg-132{height:132px}.h-lg-132--force{height:132px!important}.max-h-lg-132{max-height:132px}.max-h-lg-132--force{max-height:132px!important}.min-h-lg-132{min-height:132px}.min-h-lg-132--force{min-height:132px!important}.h-lg-136{height:136px}.h-lg-136--force{height:136px!important}.max-h-lg-136{max-height:136px}.max-h-lg-136--force{max-height:136px!important}.min-h-lg-136{min-height:136px}.min-h-lg-136--force{min-height:136px!important}.h-lg-140{height:140px}.h-lg-140--force{height:140px!important}.max-h-lg-140{max-height:140px}.max-h-lg-140--force{max-height:140px!important}.min-h-lg-140{min-height:140px}.min-h-lg-140--force{min-height:140px!important}.h-lg-144{height:144px}.h-lg-144--force{height:144px!important}.max-h-lg-144{max-height:144px}.max-h-lg-144--force{max-height:144px!important}.min-h-lg-144{min-height:144px}.min-h-lg-144--force{min-height:144px!important}.h-lg-148{height:148px}.h-lg-148--force{height:148px!important}.max-h-lg-148{max-height:148px}.max-h-lg-148--force{max-height:148px!important}.min-h-lg-148{min-height:148px}.min-h-lg-148--force{min-height:148px!important}.h-lg-152{height:152px}.h-lg-152--force{height:152px!important}.max-h-lg-152{max-height:152px}.max-h-lg-152--force{max-height:152px!important}.min-h-lg-152{min-height:152px}.min-h-lg-152--force{min-height:152px!important}.h-lg-156{height:156px}.h-lg-156--force{height:156px!important}.max-h-lg-156{max-height:156px}.max-h-lg-156--force{max-height:156px!important}.min-h-lg-156{min-height:156px}.min-h-lg-156--force{min-height:156px!important}.h-lg-160{height:160px}.h-lg-160--force{height:160px!important}.max-h-lg-160{max-height:160px}.max-h-lg-160--force{max-height:160px!important}.min-h-lg-160{min-height:160px}.min-h-lg-160--force{min-height:160px!important}.h-lg-164{height:164px}.h-lg-164--force{height:164px!important}.max-h-lg-164{max-height:164px}.max-h-lg-164--force{max-height:164px!important}.min-h-lg-164{min-height:164px}.min-h-lg-164--force{min-height:164px!important}.h-lg-168{height:168px}.h-lg-168--force{height:168px!important}.max-h-lg-168{max-height:168px}.max-h-lg-168--force{max-height:168px!important}.min-h-lg-168{min-height:168px}.min-h-lg-168--force{min-height:168px!important}.h-lg-172{height:172px}.h-lg-172--force{height:172px!important}.max-h-lg-172{max-height:172px}.max-h-lg-172--force{max-height:172px!important}.min-h-lg-172{min-height:172px}.min-h-lg-172--force{min-height:172px!important}.h-lg-176{height:176px}.h-lg-176--force{height:176px!important}.max-h-lg-176{max-height:176px}.max-h-lg-176--force{max-height:176px!important}.min-h-lg-176{min-height:176px}.min-h-lg-176--force{min-height:176px!important}.h-lg-180{height:180px}.h-lg-180--force{height:180px!important}.max-h-lg-180{max-height:180px}.max-h-lg-180--force{max-height:180px!important}.min-h-lg-180{min-height:180px}.min-h-lg-180--force{min-height:180px!important}.h-lg-184{height:184px}.h-lg-184--force{height:184px!important}.max-h-lg-184{max-height:184px}.max-h-lg-184--force{max-height:184px!important}.min-h-lg-184{min-height:184px}.min-h-lg-184--force{min-height:184px!important}.h-lg-188{height:188px}.h-lg-188--force{height:188px!important}.max-h-lg-188{max-height:188px}.max-h-lg-188--force{max-height:188px!important}.min-h-lg-188{min-height:188px}.min-h-lg-188--force{min-height:188px!important}.h-lg-192{height:192px}.h-lg-192--force{height:192px!important}.max-h-lg-192{max-height:192px}.max-h-lg-192--force{max-height:192px!important}.min-h-lg-192{min-height:192px}.min-h-lg-192--force{min-height:192px!important}.h-lg-196{height:196px}.h-lg-196--force{height:196px!important}.max-h-lg-196{max-height:196px}.max-h-lg-196--force{max-height:196px!important}.min-h-lg-196{min-height:196px}.min-h-lg-196--force{min-height:196px!important}.h-lg-200{height:200px}.h-lg-200--force{height:200px!important}.max-h-lg-200{max-height:200px}.max-h-lg-200--force{max-height:200px!important}.min-h-lg-200{min-height:200px}.min-h-lg-200--force{min-height:200px!important}.h-lg-204{height:204px}.h-lg-204--force{height:204px!important}.max-h-lg-204{max-height:204px}.max-h-lg-204--force{max-height:204px!important}.min-h-lg-204{min-height:204px}.min-h-lg-204--force{min-height:204px!important}.h-lg-208{height:208px}.h-lg-208--force{height:208px!important}.max-h-lg-208{max-height:208px}.max-h-lg-208--force{max-height:208px!important}.min-h-lg-208{min-height:208px}.min-h-lg-208--force{min-height:208px!important}.h-lg-212{height:212px}.h-lg-212--force{height:212px!important}.max-h-lg-212{max-height:212px}.max-h-lg-212--force{max-height:212px!important}.min-h-lg-212{min-height:212px}.min-h-lg-212--force{min-height:212px!important}.h-lg-216{height:216px}.h-lg-216--force{height:216px!important}.max-h-lg-216{max-height:216px}.max-h-lg-216--force{max-height:216px!important}.min-h-lg-216{min-height:216px}.min-h-lg-216--force{min-height:216px!important}.h-lg-220{height:220px}.h-lg-220--force{height:220px!important}.max-h-lg-220{max-height:220px}.max-h-lg-220--force{max-height:220px!important}.min-h-lg-220{min-height:220px}.min-h-lg-220--force{min-height:220px!important}.h-lg-224{height:224px}.h-lg-224--force{height:224px!important}.max-h-lg-224{max-height:224px}.max-h-lg-224--force{max-height:224px!important}.min-h-lg-224{min-height:224px}.min-h-lg-224--force{min-height:224px!important}.h-lg-228{height:228px}.h-lg-228--force{height:228px!important}.max-h-lg-228{max-height:228px}.max-h-lg-228--force{max-height:228px!important}.min-h-lg-228{min-height:228px}.min-h-lg-228--force{min-height:228px!important}.h-lg-232{height:232px}.h-lg-232--force{height:232px!important}.max-h-lg-232{max-height:232px}.max-h-lg-232--force{max-height:232px!important}.min-h-lg-232{min-height:232px}.min-h-lg-232--force{min-height:232px!important}.h-lg-236{height:236px}.h-lg-236--force{height:236px!important}.max-h-lg-236{max-height:236px}.max-h-lg-236--force{max-height:236px!important}.min-h-lg-236{min-height:236px}.min-h-lg-236--force{min-height:236px!important}.h-lg-240{height:240px}.h-lg-240--force{height:240px!important}.max-h-lg-240{max-height:240px}.max-h-lg-240--force{max-height:240px!important}.min-h-lg-240{min-height:240px}.min-h-lg-240--force{min-height:240px!important}.h-lg-244{height:244px}.h-lg-244--force{height:244px!important}.max-h-lg-244{max-height:244px}.max-h-lg-244--force{max-height:244px!important}.min-h-lg-244{min-height:244px}.min-h-lg-244--force{min-height:244px!important}.h-lg-248{height:248px}.h-lg-248--force{height:248px!important}.max-h-lg-248{max-height:248px}.max-h-lg-248--force{max-height:248px!important}.min-h-lg-248{min-height:248px}.min-h-lg-248--force{min-height:248px!important}.h-lg-252{height:252px}.h-lg-252--force{height:252px!important}.max-h-lg-252{max-height:252px}.max-h-lg-252--force{max-height:252px!important}.min-h-lg-252{min-height:252px}.min-h-lg-252--force{min-height:252px!important}.h-lg-256{height:256px}.h-lg-256--force{height:256px!important}.max-h-lg-256{max-height:256px}.max-h-lg-256--force{max-height:256px!important}.min-h-lg-256{min-height:256px}.min-h-lg-256--force{min-height:256px!important}.h-lg-0-p{height:0%}.h-lg-0-p--force{height:0%!important}.max-h-lg-0-p{max-height:0%}.max-h-lg-0-p--force{max-height:0%!important}.min-h-lg-0-p{min-height:0}.min-h-lg-0-p--force{min-height:0!important}.h-lg-5-p{height:5%}.h-lg-5-p--force{height:5%!important}.max-h-lg-5-p{max-height:5%}.max-h-lg-5-p--force{max-height:5%!important}.min-h-lg-5-p{min-height:5%}.min-h-lg-5-p--force{min-height:5%!important}.h-lg-10-p{height:10%}.h-lg-10-p--force{height:10%!important}.max-h-lg-10-p{max-height:10%}.max-h-lg-10-p--force{max-height:10%!important}.min-h-lg-10-p{min-height:10%}.min-h-lg-10-p--force{min-height:10%!important}.h-lg-15-p{height:15%}.h-lg-15-p--force{height:15%!important}.max-h-lg-15-p{max-height:15%}.max-h-lg-15-p--force{max-height:15%!important}.min-h-lg-15-p{min-height:15%}.min-h-lg-15-p--force{min-height:15%!important}.h-lg-20-p{height:20%}.h-lg-20-p--force{height:20%!important}.max-h-lg-20-p{max-height:20%}.max-h-lg-20-p--force{max-height:20%!important}.min-h-lg-20-p{min-height:20%}.min-h-lg-20-p--force{min-height:20%!important}.h-lg-25-p{height:25%}.h-lg-25-p--force{height:25%!important}.max-h-lg-25-p{max-height:25%}.max-h-lg-25-p--force{max-height:25%!important}.min-h-lg-25-p{min-height:25%}.min-h-lg-25-p--force{min-height:25%!important}.h-lg-30-p{height:30%}.h-lg-30-p--force{height:30%!important}.max-h-lg-30-p{max-height:30%}.max-h-lg-30-p--force{max-height:30%!important}.min-h-lg-30-p{min-height:30%}.min-h-lg-30-p--force{min-height:30%!important}.h-lg-35-p{height:35%}.h-lg-35-p--force{height:35%!important}.max-h-lg-35-p{max-height:35%}.max-h-lg-35-p--force{max-height:35%!important}.min-h-lg-35-p{min-height:35%}.min-h-lg-35-p--force{min-height:35%!important}.h-lg-40-p{height:40%}.h-lg-40-p--force{height:40%!important}.max-h-lg-40-p{max-height:40%}.max-h-lg-40-p--force{max-height:40%!important}.min-h-lg-40-p{min-height:40%}.min-h-lg-40-p--force{min-height:40%!important}.h-lg-45-p{height:45%}.h-lg-45-p--force{height:45%!important}.max-h-lg-45-p{max-height:45%}.max-h-lg-45-p--force{max-height:45%!important}.min-h-lg-45-p{min-height:45%}.min-h-lg-45-p--force{min-height:45%!important}.h-lg-50-p{height:50%}.h-lg-50-p--force{height:50%!important}.max-h-lg-50-p{max-height:50%}.max-h-lg-50-p--force{max-height:50%!important}.min-h-lg-50-p{min-height:50%}.min-h-lg-50-p--force{min-height:50%!important}.h-lg-55-p{height:55%}.h-lg-55-p--force{height:55%!important}.max-h-lg-55-p{max-height:55%}.max-h-lg-55-p--force{max-height:55%!important}.min-h-lg-55-p{min-height:55%}.min-h-lg-55-p--force{min-height:55%!important}.h-lg-60-p{height:60%}.h-lg-60-p--force{height:60%!important}.max-h-lg-60-p{max-height:60%}.max-h-lg-60-p--force{max-height:60%!important}.min-h-lg-60-p{min-height:60%}.min-h-lg-60-p--force{min-height:60%!important}.h-lg-65-p{height:65%}.h-lg-65-p--force{height:65%!important}.max-h-lg-65-p{max-height:65%}.max-h-lg-65-p--force{max-height:65%!important}.min-h-lg-65-p{min-height:65%}.min-h-lg-65-p--force{min-height:65%!important}.h-lg-70-p{height:70%}.h-lg-70-p--force{height:70%!important}.max-h-lg-70-p{max-height:70%}.max-h-lg-70-p--force{max-height:70%!important}.min-h-lg-70-p{min-height:70%}.min-h-lg-70-p--force{min-height:70%!important}.h-lg-75-p{height:75%}.h-lg-75-p--force{height:75%!important}.max-h-lg-75-p{max-height:75%}.max-h-lg-75-p--force{max-height:75%!important}.min-h-lg-75-p{min-height:75%}.min-h-lg-75-p--force{min-height:75%!important}.h-lg-80-p{height:80%}.h-lg-80-p--force{height:80%!important}.max-h-lg-80-p{max-height:80%}.max-h-lg-80-p--force{max-height:80%!important}.min-h-lg-80-p{min-height:80%}.min-h-lg-80-p--force{min-height:80%!important}.h-lg-85-p{height:85%}.h-lg-85-p--force{height:85%!important}.max-h-lg-85-p{max-height:85%}.max-h-lg-85-p--force{max-height:85%!important}.min-h-lg-85-p{min-height:85%}.min-h-lg-85-p--force{min-height:85%!important}.h-lg-90-p{height:90%}.h-lg-90-p--force{height:90%!important}.max-h-lg-90-p{max-height:90%}.max-h-lg-90-p--force{max-height:90%!important}.min-h-lg-90-p{min-height:90%}.min-h-lg-90-p--force{min-height:90%!important}.h-lg-95-p{height:95%}.h-lg-95-p--force{height:95%!important}.max-h-lg-95-p{max-height:95%}.max-h-lg-95-p--force{max-height:95%!important}.min-h-lg-95-p{min-height:95%}.min-h-lg-95-p--force{min-height:95%!important}.h-lg-100-p{height:100%}.h-lg-100-p--force{height:100%!important}.max-h-lg-100-p{max-height:100%}.max-h-lg-100-p--force{max-height:100%!important}.min-h-lg-100-p{min-height:100%}.min-h-lg-100-p--force{min-height:100%!important}.h-lg-300{height:300px}.h-lg-300--force{height:300px!important}.max-h-lg-300{max-height:300px}.max-h-lg-300--force{max-height:300px!important}.min-h-lg-300{min-height:300px}.min-h-lg-300--force{min-height:300px!important}.h-lg-400{height:400px}.h-lg-400--force{height:400px!important}.max-h-lg-400{max-height:400px}.max-h-lg-400--force{max-height:400px!important}.min-h-lg-400{min-height:400px}.min-h-lg-400--force{min-height:400px!important}.h-lg-500{height:500px}.h-lg-500--force{height:500px!important}.max-h-lg-500{max-height:500px}.max-h-lg-500--force{max-height:500px!important}.min-h-lg-500{min-height:500px}.min-h-lg-500--force{min-height:500px!important}.h-lg-600{height:600px}.h-lg-600--force{height:600px!important}.max-h-lg-600{max-height:600px}.max-h-lg-600--force{max-height:600px!important}.min-h-lg-600{min-height:600px}.min-h-lg-600--force{min-height:600px!important}.h-lg-700{height:700px}.h-lg-700--force{height:700px!important}.max-h-lg-700{max-height:700px}.max-h-lg-700--force{max-height:700px!important}.min-h-lg-700{min-height:700px}.min-h-lg-700--force{min-height:700px!important}.h-lg-800{height:800px}.h-lg-800--force{height:800px!important}.max-h-lg-800{max-height:800px}.max-h-lg-800--force{max-height:800px!important}.min-h-lg-800{min-height:800px}.min-h-lg-800--force{min-height:800px!important}.h-lg-900{height:900px}.h-lg-900--force{height:900px!important}.max-h-lg-900{max-height:900px}.max-h-lg-900--force{max-height:900px!important}.min-h-lg-900{min-height:900px}.min-h-lg-900--force{min-height:900px!important}.h-lg-1000{height:1000px}.h-lg-1000--force{height:1000px!important}.max-h-lg-1000{max-height:1000px}.max-h-lg-1000--force{max-height:1000px!important}.min-h-lg-1000{min-height:1000px}.min-h-lg-1000--force{min-height:1000px!important}.h-lg-1100{height:1100px}.h-lg-1100--force{height:1100px!important}.max-h-lg-1100{max-height:1100px}.max-h-lg-1100--force{max-height:1100px!important}.min-h-lg-1100{min-height:1100px}.min-h-lg-1100--force{min-height:1100px!important}.h-lg-1200{height:1200px}.h-lg-1200--force{height:1200px!important}.max-h-lg-1200{max-height:1200px}.max-h-lg-1200--force{max-height:1200px!important}.min-h-lg-1200{min-height:1200px}.min-h-lg-1200--force{min-height:1200px!important}.h-lg-1300{height:1300px}.h-lg-1300--force{height:1300px!important}.max-h-lg-1300{max-height:1300px}.max-h-lg-1300--force{max-height:1300px!important}.min-h-lg-1300{min-height:1300px}.min-h-lg-1300--force{min-height:1300px!important}.h-lg-1400{height:1400px}.h-lg-1400--force{height:1400px!important}.max-h-lg-1400{max-height:1400px}.max-h-lg-1400--force{max-height:1400px!important}.min-h-lg-1400{min-height:1400px}.min-h-lg-1400--force{min-height:1400px!important}.h-lg-1500{height:1500px}.h-lg-1500--force{height:1500px!important}.max-h-lg-1500{max-height:1500px}.max-h-lg-1500--force{max-height:1500px!important}.min-h-lg-1500{min-height:1500px}.min-h-lg-1500--force{min-height:1500px!important}.h-lg-1600{height:1600px}.h-lg-1600--force{height:1600px!important}.max-h-lg-1600{max-height:1600px}.max-h-lg-1600--force{max-height:1600px!important}.min-h-lg-1600{min-height:1600px}.min-h-lg-1600--force{min-height:1600px!important}.h-lg-1700{height:1700px}.h-lg-1700--force{height:1700px!important}.max-h-lg-1700{max-height:1700px}.max-h-lg-1700--force{max-height:1700px!important}.min-h-lg-1700{min-height:1700px}.min-h-lg-1700--force{min-height:1700px!important}.h-lg-1800{height:1800px}.h-lg-1800--force{height:1800px!important}.max-h-lg-1800{max-height:1800px}.max-h-lg-1800--force{max-height:1800px!important}.min-h-lg-1800{min-height:1800px}.min-h-lg-1800--force{min-height:1800px!important}.h-lg-1900{height:1900px}.h-lg-1900--force{height:1900px!important}.max-h-lg-1900{max-height:1900px}.max-h-lg-1900--force{max-height:1900px!important}.min-h-lg-1900{min-height:1900px}.min-h-lg-1900--force{min-height:1900px!important}.h-lg-2000{height:2000px}.h-lg-2000--force{height:2000px!important}.max-h-lg-2000{max-height:2000px}.max-h-lg-2000--force{max-height:2000px!important}.min-h-lg-2000{min-height:2000px}.min-h-lg-2000--force{min-height:2000px!important}.h-lg-auto{height:auto}.h-lg-auto--force{height:auto!important}.w-lg-0{width:0}.w-lg-0--force{width:0!important}.max-w-lg-0{max-width:0}.max-w-lg-0--force{max-width:0!important}.min-w-lg-0{min-width:0}.min-w-lg-0--force{min-width:0!important}.w-lg-4{width:4px}.w-lg-4--force{width:4px!important}.max-w-lg-4{max-width:4px}.max-w-lg-4--force{max-width:4px!important}.min-w-lg-4{min-width:4px}.min-w-lg-4--force{min-width:4px!important}.w-lg-8{width:8px}.w-lg-8--force{width:8px!important}.max-w-lg-8{max-width:8px}.max-w-lg-8--force{max-width:8px!important}.min-w-lg-8{min-width:8px}.min-w-lg-8--force{min-width:8px!important}.w-lg-12{width:12px}.w-lg-12--force{width:12px!important}.max-w-lg-12{max-width:12px}.max-w-lg-12--force{max-width:12px!important}.min-w-lg-12{min-width:12px}.min-w-lg-12--force{min-width:12px!important}.w-lg-16{width:16px}.w-lg-16--force{width:16px!important}.max-w-lg-16{max-width:16px}.max-w-lg-16--force{max-width:16px!important}.min-w-lg-16{min-width:16px}.min-w-lg-16--force{min-width:16px!important}.w-lg-20{width:20px}.w-lg-20--force{width:20px!important}.max-w-lg-20{max-width:20px}.max-w-lg-20--force{max-width:20px!important}.min-w-lg-20{min-width:20px}.min-w-lg-20--force{min-width:20px!important}.w-lg-24{width:24px}.w-lg-24--force{width:24px!important}.max-w-lg-24{max-width:24px}.max-w-lg-24--force{max-width:24px!important}.min-w-lg-24{min-width:24px}.min-w-lg-24--force{min-width:24px!important}.w-lg-28{width:28px}.w-lg-28--force{width:28px!important}.max-w-lg-28{max-width:28px}.max-w-lg-28--force{max-width:28px!important}.min-w-lg-28{min-width:28px}.min-w-lg-28--force{min-width:28px!important}.w-lg-32{width:32px}.w-lg-32--force{width:32px!important}.max-w-lg-32{max-width:32px}.max-w-lg-32--force{max-width:32px!important}.min-w-lg-32{min-width:32px}.min-w-lg-32--force{min-width:32px!important}.w-lg-36{width:36px}.w-lg-36--force{width:36px!important}.max-w-lg-36{max-width:36px}.max-w-lg-36--force{max-width:36px!important}.min-w-lg-36{min-width:36px}.min-w-lg-36--force{min-width:36px!important}.w-lg-40{width:40px}.w-lg-40--force{width:40px!important}.max-w-lg-40{max-width:40px}.max-w-lg-40--force{max-width:40px!important}.min-w-lg-40{min-width:40px}.min-w-lg-40--force{min-width:40px!important}.w-lg-44{width:44px}.w-lg-44--force{width:44px!important}.max-w-lg-44{max-width:44px}.max-w-lg-44--force{max-width:44px!important}.min-w-lg-44{min-width:44px}.min-w-lg-44--force{min-width:44px!important}.w-lg-48{width:48px}.w-lg-48--force{width:48px!important}.max-w-lg-48{max-width:48px}.max-w-lg-48--force{max-width:48px!important}.min-w-lg-48{min-width:48px}.min-w-lg-48--force{min-width:48px!important}.w-lg-52{width:52px}.w-lg-52--force{width:52px!important}.max-w-lg-52{max-width:52px}.max-w-lg-52--force{max-width:52px!important}.min-w-lg-52{min-width:52px}.min-w-lg-52--force{min-width:52px!important}.w-lg-56{width:56px}.w-lg-56--force{width:56px!important}.max-w-lg-56{max-width:56px}.max-w-lg-56--force{max-width:56px!important}.min-w-lg-56{min-width:56px}.min-w-lg-56--force{min-width:56px!important}.w-lg-60{width:60px}.w-lg-60--force{width:60px!important}.max-w-lg-60{max-width:60px}.max-w-lg-60--force{max-width:60px!important}.min-w-lg-60{min-width:60px}.min-w-lg-60--force{min-width:60px!important}.w-lg-64{width:64px}.w-lg-64--force{width:64px!important}.max-w-lg-64{max-width:64px}.max-w-lg-64--force{max-width:64px!important}.min-w-lg-64{min-width:64px}.min-w-lg-64--force{min-width:64px!important}.w-lg-68{width:68px}.w-lg-68--force{width:68px!important}.max-w-lg-68{max-width:68px}.max-w-lg-68--force{max-width:68px!important}.min-w-lg-68{min-width:68px}.min-w-lg-68--force{min-width:68px!important}.w-lg-72{width:72px}.w-lg-72--force{width:72px!important}.max-w-lg-72{max-width:72px}.max-w-lg-72--force{max-width:72px!important}.min-w-lg-72{min-width:72px}.min-w-lg-72--force{min-width:72px!important}.w-lg-76{width:76px}.w-lg-76--force{width:76px!important}.max-w-lg-76{max-width:76px}.max-w-lg-76--force{max-width:76px!important}.min-w-lg-76{min-width:76px}.min-w-lg-76--force{min-width:76px!important}.w-lg-80{width:80px}.w-lg-80--force{width:80px!important}.max-w-lg-80{max-width:80px}.max-w-lg-80--force{max-width:80px!important}.min-w-lg-80{min-width:80px}.min-w-lg-80--force{min-width:80px!important}.w-lg-84{width:84px}.w-lg-84--force{width:84px!important}.max-w-lg-84{max-width:84px}.max-w-lg-84--force{max-width:84px!important}.min-w-lg-84{min-width:84px}.min-w-lg-84--force{min-width:84px!important}.w-lg-88{width:88px}.w-lg-88--force{width:88px!important}.max-w-lg-88{max-width:88px}.max-w-lg-88--force{max-width:88px!important}.min-w-lg-88{min-width:88px}.min-w-lg-88--force{min-width:88px!important}.w-lg-92{width:92px}.w-lg-92--force{width:92px!important}.max-w-lg-92{max-width:92px}.max-w-lg-92--force{max-width:92px!important}.min-w-lg-92{min-width:92px}.min-w-lg-92--force{min-width:92px!important}.w-lg-96{width:96px}.w-lg-96--force{width:96px!important}.max-w-lg-96{max-width:96px}.max-w-lg-96--force{max-width:96px!important}.min-w-lg-96{min-width:96px}.min-w-lg-96--force{min-width:96px!important}.w-lg-100{width:100px}.w-lg-100--force{width:100px!important}.max-w-lg-100{max-width:100px}.max-w-lg-100--force{max-width:100px!important}.min-w-lg-100{min-width:100px}.min-w-lg-100--force{min-width:100px!important}.w-lg-104{width:104px}.w-lg-104--force{width:104px!important}.max-w-lg-104{max-width:104px}.max-w-lg-104--force{max-width:104px!important}.min-w-lg-104{min-width:104px}.min-w-lg-104--force{min-width:104px!important}.w-lg-108{width:108px}.w-lg-108--force{width:108px!important}.max-w-lg-108{max-width:108px}.max-w-lg-108--force{max-width:108px!important}.min-w-lg-108{min-width:108px}.min-w-lg-108--force{min-width:108px!important}.w-lg-112{width:112px}.w-lg-112--force{width:112px!important}.max-w-lg-112{max-width:112px}.max-w-lg-112--force{max-width:112px!important}.min-w-lg-112{min-width:112px}.min-w-lg-112--force{min-width:112px!important}.w-lg-116{width:116px}.w-lg-116--force{width:116px!important}.max-w-lg-116{max-width:116px}.max-w-lg-116--force{max-width:116px!important}.min-w-lg-116{min-width:116px}.min-w-lg-116--force{min-width:116px!important}.w-lg-120{width:120px}.w-lg-120--force{width:120px!important}.max-w-lg-120{max-width:120px}.max-w-lg-120--force{max-width:120px!important}.min-w-lg-120{min-width:120px}.min-w-lg-120--force{min-width:120px!important}.w-lg-124{width:124px}.w-lg-124--force{width:124px!important}.max-w-lg-124{max-width:124px}.max-w-lg-124--force{max-width:124px!important}.min-w-lg-124{min-width:124px}.min-w-lg-124--force{min-width:124px!important}.w-lg-128{width:128px}.w-lg-128--force{width:128px!important}.max-w-lg-128{max-width:128px}.max-w-lg-128--force{max-width:128px!important}.min-w-lg-128{min-width:128px}.min-w-lg-128--force{min-width:128px!important}.w-lg-132{width:132px}.w-lg-132--force{width:132px!important}.max-w-lg-132{max-width:132px}.max-w-lg-132--force{max-width:132px!important}.min-w-lg-132{min-width:132px}.min-w-lg-132--force{min-width:132px!important}.w-lg-136{width:136px}.w-lg-136--force{width:136px!important}.max-w-lg-136{max-width:136px}.max-w-lg-136--force{max-width:136px!important}.min-w-lg-136{min-width:136px}.min-w-lg-136--force{min-width:136px!important}.w-lg-140{width:140px}.w-lg-140--force{width:140px!important}.max-w-lg-140{max-width:140px}.max-w-lg-140--force{max-width:140px!important}.min-w-lg-140{min-width:140px}.min-w-lg-140--force{min-width:140px!important}.w-lg-144{width:144px}.w-lg-144--force{width:144px!important}.max-w-lg-144{max-width:144px}.max-w-lg-144--force{max-width:144px!important}.min-w-lg-144{min-width:144px}.min-w-lg-144--force{min-width:144px!important}.w-lg-148{width:148px}.w-lg-148--force{width:148px!important}.max-w-lg-148{max-width:148px}.max-w-lg-148--force{max-width:148px!important}.min-w-lg-148{min-width:148px}.min-w-lg-148--force{min-width:148px!important}.w-lg-152{width:152px}.w-lg-152--force{width:152px!important}.max-w-lg-152{max-width:152px}.max-w-lg-152--force{max-width:152px!important}.min-w-lg-152{min-width:152px}.min-w-lg-152--force{min-width:152px!important}.w-lg-156{width:156px}.w-lg-156--force{width:156px!important}.max-w-lg-156{max-width:156px}.max-w-lg-156--force{max-width:156px!important}.min-w-lg-156{min-width:156px}.min-w-lg-156--force{min-width:156px!important}.w-lg-160{width:160px}.w-lg-160--force{width:160px!important}.max-w-lg-160{max-width:160px}.max-w-lg-160--force{max-width:160px!important}.min-w-lg-160{min-width:160px}.min-w-lg-160--force{min-width:160px!important}.w-lg-164{width:164px}.w-lg-164--force{width:164px!important}.max-w-lg-164{max-width:164px}.max-w-lg-164--force{max-width:164px!important}.min-w-lg-164{min-width:164px}.min-w-lg-164--force{min-width:164px!important}.w-lg-168{width:168px}.w-lg-168--force{width:168px!important}.max-w-lg-168{max-width:168px}.max-w-lg-168--force{max-width:168px!important}.min-w-lg-168{min-width:168px}.min-w-lg-168--force{min-width:168px!important}.w-lg-172{width:172px}.w-lg-172--force{width:172px!important}.max-w-lg-172{max-width:172px}.max-w-lg-172--force{max-width:172px!important}.min-w-lg-172{min-width:172px}.min-w-lg-172--force{min-width:172px!important}.w-lg-176{width:176px}.w-lg-176--force{width:176px!important}.max-w-lg-176{max-width:176px}.max-w-lg-176--force{max-width:176px!important}.min-w-lg-176{min-width:176px}.min-w-lg-176--force{min-width:176px!important}.w-lg-180{width:180px}.w-lg-180--force{width:180px!important}.max-w-lg-180{max-width:180px}.max-w-lg-180--force{max-width:180px!important}.min-w-lg-180{min-width:180px}.min-w-lg-180--force{min-width:180px!important}.w-lg-184{width:184px}.w-lg-184--force{width:184px!important}.max-w-lg-184{max-width:184px}.max-w-lg-184--force{max-width:184px!important}.min-w-lg-184{min-width:184px}.min-w-lg-184--force{min-width:184px!important}.w-lg-188{width:188px}.w-lg-188--force{width:188px!important}.max-w-lg-188{max-width:188px}.max-w-lg-188--force{max-width:188px!important}.min-w-lg-188{min-width:188px}.min-w-lg-188--force{min-width:188px!important}.w-lg-192{width:192px}.w-lg-192--force{width:192px!important}.max-w-lg-192{max-width:192px}.max-w-lg-192--force{max-width:192px!important}.min-w-lg-192{min-width:192px}.min-w-lg-192--force{min-width:192px!important}.w-lg-196{width:196px}.w-lg-196--force{width:196px!important}.max-w-lg-196{max-width:196px}.max-w-lg-196--force{max-width:196px!important}.min-w-lg-196{min-width:196px}.min-w-lg-196--force{min-width:196px!important}.w-lg-200{width:200px}.w-lg-200--force{width:200px!important}.max-w-lg-200{max-width:200px}.max-w-lg-200--force{max-width:200px!important}.min-w-lg-200{min-width:200px}.min-w-lg-200--force{min-width:200px!important}.w-lg-204{width:204px}.w-lg-204--force{width:204px!important}.max-w-lg-204{max-width:204px}.max-w-lg-204--force{max-width:204px!important}.min-w-lg-204{min-width:204px}.min-w-lg-204--force{min-width:204px!important}.w-lg-208{width:208px}.w-lg-208--force{width:208px!important}.max-w-lg-208{max-width:208px}.max-w-lg-208--force{max-width:208px!important}.min-w-lg-208{min-width:208px}.min-w-lg-208--force{min-width:208px!important}.w-lg-212{width:212px}.w-lg-212--force{width:212px!important}.max-w-lg-212{max-width:212px}.max-w-lg-212--force{max-width:212px!important}.min-w-lg-212{min-width:212px}.min-w-lg-212--force{min-width:212px!important}.w-lg-216{width:216px}.w-lg-216--force{width:216px!important}.max-w-lg-216{max-width:216px}.max-w-lg-216--force{max-width:216px!important}.min-w-lg-216{min-width:216px}.min-w-lg-216--force{min-width:216px!important}.w-lg-220{width:220px}.w-lg-220--force{width:220px!important}.max-w-lg-220{max-width:220px}.max-w-lg-220--force{max-width:220px!important}.min-w-lg-220{min-width:220px}.min-w-lg-220--force{min-width:220px!important}.w-lg-224{width:224px}.w-lg-224--force{width:224px!important}.max-w-lg-224{max-width:224px}.max-w-lg-224--force{max-width:224px!important}.min-w-lg-224{min-width:224px}.min-w-lg-224--force{min-width:224px!important}.w-lg-228{width:228px}.w-lg-228--force{width:228px!important}.max-w-lg-228{max-width:228px}.max-w-lg-228--force{max-width:228px!important}.min-w-lg-228{min-width:228px}.min-w-lg-228--force{min-width:228px!important}.w-lg-232{width:232px}.w-lg-232--force{width:232px!important}.max-w-lg-232{max-width:232px}.max-w-lg-232--force{max-width:232px!important}.min-w-lg-232{min-width:232px}.min-w-lg-232--force{min-width:232px!important}.w-lg-236{width:236px}.w-lg-236--force{width:236px!important}.max-w-lg-236{max-width:236px}.max-w-lg-236--force{max-width:236px!important}.min-w-lg-236{min-width:236px}.min-w-lg-236--force{min-width:236px!important}.w-lg-240{width:240px}.w-lg-240--force{width:240px!important}.max-w-lg-240{max-width:240px}.max-w-lg-240--force{max-width:240px!important}.min-w-lg-240{min-width:240px}.min-w-lg-240--force{min-width:240px!important}.w-lg-244{width:244px}.w-lg-244--force{width:244px!important}.max-w-lg-244{max-width:244px}.max-w-lg-244--force{max-width:244px!important}.min-w-lg-244{min-width:244px}.min-w-lg-244--force{min-width:244px!important}.w-lg-248{width:248px}.w-lg-248--force{width:248px!important}.max-w-lg-248{max-width:248px}.max-w-lg-248--force{max-width:248px!important}.min-w-lg-248{min-width:248px}.min-w-lg-248--force{min-width:248px!important}.w-lg-252{width:252px}.w-lg-252--force{width:252px!important}.max-w-lg-252{max-width:252px}.max-w-lg-252--force{max-width:252px!important}.min-w-lg-252{min-width:252px}.min-w-lg-252--force{min-width:252px!important}.w-lg-256{width:256px}.w-lg-256--force{width:256px!important}.max-w-lg-256{max-width:256px}.max-w-lg-256--force{max-width:256px!important}.min-w-lg-256{min-width:256px}.min-w-lg-256--force{min-width:256px!important}.w-lg-0-p{width:0%}.w-lg-0-p--force{width:0%!important}.max-w-lg-0-p{max-width:0%}.max-w-lg-0-p--force{max-width:0%!important}.min-w-lg-0-p{min-width:0}.min-w-lg-0-p--force{min-width:0!important}.w-lg-5-p{width:5%}.w-lg-5-p--force{width:5%!important}.max-w-lg-5-p{max-width:5%}.max-w-lg-5-p--force{max-width:5%!important}.min-w-lg-5-p{min-width:5%}.min-w-lg-5-p--force{min-width:5%!important}.w-lg-10-p{width:10%}.w-lg-10-p--force{width:10%!important}.max-w-lg-10-p{max-width:10%}.max-w-lg-10-p--force{max-width:10%!important}.min-w-lg-10-p{min-width:10%}.min-w-lg-10-p--force{min-width:10%!important}.w-lg-15-p{width:15%}.w-lg-15-p--force{width:15%!important}.max-w-lg-15-p{max-width:15%}.max-w-lg-15-p--force{max-width:15%!important}.min-w-lg-15-p{min-width:15%}.min-w-lg-15-p--force{min-width:15%!important}.w-lg-20-p{width:20%}.w-lg-20-p--force{width:20%!important}.max-w-lg-20-p{max-width:20%}.max-w-lg-20-p--force{max-width:20%!important}.min-w-lg-20-p{min-width:20%}.min-w-lg-20-p--force{min-width:20%!important}.w-lg-25-p{width:25%}.w-lg-25-p--force{width:25%!important}.max-w-lg-25-p{max-width:25%}.max-w-lg-25-p--force{max-width:25%!important}.min-w-lg-25-p{min-width:25%}.min-w-lg-25-p--force{min-width:25%!important}.w-lg-30-p{width:30%}.w-lg-30-p--force{width:30%!important}.max-w-lg-30-p{max-width:30%}.max-w-lg-30-p--force{max-width:30%!important}.min-w-lg-30-p{min-width:30%}.min-w-lg-30-p--force{min-width:30%!important}.w-lg-35-p{width:35%}.w-lg-35-p--force{width:35%!important}.max-w-lg-35-p{max-width:35%}.max-w-lg-35-p--force{max-width:35%!important}.min-w-lg-35-p{min-width:35%}.min-w-lg-35-p--force{min-width:35%!important}.w-lg-40-p{width:40%}.w-lg-40-p--force{width:40%!important}.max-w-lg-40-p{max-width:40%}.max-w-lg-40-p--force{max-width:40%!important}.min-w-lg-40-p{min-width:40%}.min-w-lg-40-p--force{min-width:40%!important}.w-lg-45-p{width:45%}.w-lg-45-p--force{width:45%!important}.max-w-lg-45-p{max-width:45%}.max-w-lg-45-p--force{max-width:45%!important}.min-w-lg-45-p{min-width:45%}.min-w-lg-45-p--force{min-width:45%!important}.w-lg-50-p{width:50%}.w-lg-50-p--force{width:50%!important}.max-w-lg-50-p{max-width:50%}.max-w-lg-50-p--force{max-width:50%!important}.min-w-lg-50-p{min-width:50%}.min-w-lg-50-p--force{min-width:50%!important}.w-lg-55-p{width:55%}.w-lg-55-p--force{width:55%!important}.max-w-lg-55-p{max-width:55%}.max-w-lg-55-p--force{max-width:55%!important}.min-w-lg-55-p{min-width:55%}.min-w-lg-55-p--force{min-width:55%!important}.w-lg-60-p{width:60%}.w-lg-60-p--force{width:60%!important}.max-w-lg-60-p{max-width:60%}.max-w-lg-60-p--force{max-width:60%!important}.min-w-lg-60-p{min-width:60%}.min-w-lg-60-p--force{min-width:60%!important}.w-lg-65-p{width:65%}.w-lg-65-p--force{width:65%!important}.max-w-lg-65-p{max-width:65%}.max-w-lg-65-p--force{max-width:65%!important}.min-w-lg-65-p{min-width:65%}.min-w-lg-65-p--force{min-width:65%!important}.w-lg-70-p{width:70%}.w-lg-70-p--force{width:70%!important}.max-w-lg-70-p{max-width:70%}.max-w-lg-70-p--force{max-width:70%!important}.min-w-lg-70-p{min-width:70%}.min-w-lg-70-p--force{min-width:70%!important}.w-lg-75-p{width:75%}.w-lg-75-p--force{width:75%!important}.max-w-lg-75-p{max-width:75%}.max-w-lg-75-p--force{max-width:75%!important}.min-w-lg-75-p{min-width:75%}.min-w-lg-75-p--force{min-width:75%!important}.w-lg-80-p{width:80%}.w-lg-80-p--force{width:80%!important}.max-w-lg-80-p{max-width:80%}.max-w-lg-80-p--force{max-width:80%!important}.min-w-lg-80-p{min-width:80%}.min-w-lg-80-p--force{min-width:80%!important}.w-lg-85-p{width:85%}.w-lg-85-p--force{width:85%!important}.max-w-lg-85-p{max-width:85%}.max-w-lg-85-p--force{max-width:85%!important}.min-w-lg-85-p{min-width:85%}.min-w-lg-85-p--force{min-width:85%!important}.w-lg-90-p{width:90%}.w-lg-90-p--force{width:90%!important}.max-w-lg-90-p{max-width:90%}.max-w-lg-90-p--force{max-width:90%!important}.min-w-lg-90-p{min-width:90%}.min-w-lg-90-p--force{min-width:90%!important}.w-lg-95-p{width:95%}.w-lg-95-p--force{width:95%!important}.max-w-lg-95-p{max-width:95%}.max-w-lg-95-p--force{max-width:95%!important}.min-w-lg-95-p{min-width:95%}.min-w-lg-95-p--force{min-width:95%!important}.w-lg-100-p{width:100%}.w-lg-100-p--force{width:100%!important}.max-w-lg-100-p{max-width:100%}.max-w-lg-100-p--force{max-width:100%!important}.min-w-lg-100-p{min-width:100%}.min-w-lg-100-p--force{min-width:100%!important}.w-lg-300{width:300px}.w-lg-300--force{width:300px!important}.max-w-lg-300{max-width:300px}.max-w-lg-300--force{max-width:300px!important}.min-w-lg-300{min-width:300px}.min-w-lg-300--force{min-width:300px!important}.w-lg-400{width:400px}.w-lg-400--force{width:400px!important}.max-w-lg-400{max-width:400px}.max-w-lg-400--force{max-width:400px!important}.min-w-lg-400{min-width:400px}.min-w-lg-400--force{min-width:400px!important}.w-lg-500{width:500px}.w-lg-500--force{width:500px!important}.max-w-lg-500{max-width:500px}.max-w-lg-500--force{max-width:500px!important}.min-w-lg-500{min-width:500px}.min-w-lg-500--force{min-width:500px!important}.w-lg-600{width:600px}.w-lg-600--force{width:600px!important}.max-w-lg-600{max-width:600px}.max-w-lg-600--force{max-width:600px!important}.min-w-lg-600{min-width:600px}.min-w-lg-600--force{min-width:600px!important}.w-lg-700{width:700px}.w-lg-700--force{width:700px!important}.max-w-lg-700{max-width:700px}.max-w-lg-700--force{max-width:700px!important}.min-w-lg-700{min-width:700px}.min-w-lg-700--force{min-width:700px!important}.w-lg-800{width:800px}.w-lg-800--force{width:800px!important}.max-w-lg-800{max-width:800px}.max-w-lg-800--force{max-width:800px!important}.min-w-lg-800{min-width:800px}.min-w-lg-800--force{min-width:800px!important}.w-lg-900{width:900px}.w-lg-900--force{width:900px!important}.max-w-lg-900{max-width:900px}.max-w-lg-900--force{max-width:900px!important}.min-w-lg-900{min-width:900px}.min-w-lg-900--force{min-width:900px!important}.w-lg-1000{width:1000px}.w-lg-1000--force{width:1000px!important}.max-w-lg-1000{max-width:1000px}.max-w-lg-1000--force{max-width:1000px!important}.min-w-lg-1000{min-width:1000px}.min-w-lg-1000--force{min-width:1000px!important}.w-lg-1100{width:1100px}.w-lg-1100--force{width:1100px!important}.max-w-lg-1100{max-width:1100px}.max-w-lg-1100--force{max-width:1100px!important}.min-w-lg-1100{min-width:1100px}.min-w-lg-1100--force{min-width:1100px!important}.w-lg-1200{width:1200px}.w-lg-1200--force{width:1200px!important}.max-w-lg-1200{max-width:1200px}.max-w-lg-1200--force{max-width:1200px!important}.min-w-lg-1200{min-width:1200px}.min-w-lg-1200--force{min-width:1200px!important}.w-lg-1300{width:1300px}.w-lg-1300--force{width:1300px!important}.max-w-lg-1300{max-width:1300px}.max-w-lg-1300--force{max-width:1300px!important}.min-w-lg-1300{min-width:1300px}.min-w-lg-1300--force{min-width:1300px!important}.w-lg-1400{width:1400px}.w-lg-1400--force{width:1400px!important}.max-w-lg-1400{max-width:1400px}.max-w-lg-1400--force{max-width:1400px!important}.min-w-lg-1400{min-width:1400px}.min-w-lg-1400--force{min-width:1400px!important}.w-lg-1500{width:1500px}.w-lg-1500--force{width:1500px!important}.max-w-lg-1500{max-width:1500px}.max-w-lg-1500--force{max-width:1500px!important}.min-w-lg-1500{min-width:1500px}.min-w-lg-1500--force{min-width:1500px!important}.w-lg-1600{width:1600px}.w-lg-1600--force{width:1600px!important}.max-w-lg-1600{max-width:1600px}.max-w-lg-1600--force{max-width:1600px!important}.min-w-lg-1600{min-width:1600px}.min-w-lg-1600--force{min-width:1600px!important}.w-lg-1700{width:1700px}.w-lg-1700--force{width:1700px!important}.max-w-lg-1700{max-width:1700px}.max-w-lg-1700--force{max-width:1700px!important}.min-w-lg-1700{min-width:1700px}.min-w-lg-1700--force{min-width:1700px!important}.w-lg-1800{width:1800px}.w-lg-1800--force{width:1800px!important}.max-w-lg-1800{max-width:1800px}.max-w-lg-1800--force{max-width:1800px!important}.min-w-lg-1800{min-width:1800px}.min-w-lg-1800--force{min-width:1800px!important}.w-lg-1900{width:1900px}.w-lg-1900--force{width:1900px!important}.max-w-lg-1900{max-width:1900px}.max-w-lg-1900--force{max-width:1900px!important}.min-w-lg-1900{min-width:1900px}.min-w-lg-1900--force{min-width:1900px!important}.w-lg-2000{width:2000px}.w-lg-2000--force{width:2000px!important}.max-w-lg-2000{max-width:2000px}.max-w-lg-2000--force{max-width:2000px!important}.min-w-lg-2000{min-width:2000px}.min-w-lg-2000--force{min-width:2000px!important}.w-lg-auto{width:auto}.w-lg-auto--force{width:auto!important}}@media screen and (min-width:1536px){.h-xl-0{height:0}.h-xl-0--force{height:0!important}.max-h-xl-0{max-height:0}.max-h-xl-0--force{max-height:0!important}.min-h-xl-0{min-height:0}.min-h-xl-0--force{min-height:0!important}.h-xl-4{height:4px}.h-xl-4--force{height:4px!important}.max-h-xl-4{max-height:4px}.max-h-xl-4--force{max-height:4px!important}.min-h-xl-4{min-height:4px}.min-h-xl-4--force{min-height:4px!important}.h-xl-8{height:8px}.h-xl-8--force{height:8px!important}.max-h-xl-8{max-height:8px}.max-h-xl-8--force{max-height:8px!important}.min-h-xl-8{min-height:8px}.min-h-xl-8--force{min-height:8px!important}.h-xl-12{height:12px}.h-xl-12--force{height:12px!important}.max-h-xl-12{max-height:12px}.max-h-xl-12--force{max-height:12px!important}.min-h-xl-12{min-height:12px}.min-h-xl-12--force{min-height:12px!important}.h-xl-16{height:16px}.h-xl-16--force{height:16px!important}.max-h-xl-16{max-height:16px}.max-h-xl-16--force{max-height:16px!important}.min-h-xl-16{min-height:16px}.min-h-xl-16--force{min-height:16px!important}.h-xl-20{height:20px}.h-xl-20--force{height:20px!important}.max-h-xl-20{max-height:20px}.max-h-xl-20--force{max-height:20px!important}.min-h-xl-20{min-height:20px}.min-h-xl-20--force{min-height:20px!important}.h-xl-24{height:24px}.h-xl-24--force{height:24px!important}.max-h-xl-24{max-height:24px}.max-h-xl-24--force{max-height:24px!important}.min-h-xl-24{min-height:24px}.min-h-xl-24--force{min-height:24px!important}.h-xl-28{height:28px}.h-xl-28--force{height:28px!important}.max-h-xl-28{max-height:28px}.max-h-xl-28--force{max-height:28px!important}.min-h-xl-28{min-height:28px}.min-h-xl-28--force{min-height:28px!important}.h-xl-32{height:32px}.h-xl-32--force{height:32px!important}.max-h-xl-32{max-height:32px}.max-h-xl-32--force{max-height:32px!important}.min-h-xl-32{min-height:32px}.min-h-xl-32--force{min-height:32px!important}.h-xl-36{height:36px}.h-xl-36--force{height:36px!important}.max-h-xl-36{max-height:36px}.max-h-xl-36--force{max-height:36px!important}.min-h-xl-36{min-height:36px}.min-h-xl-36--force{min-height:36px!important}.h-xl-40{height:40px}.h-xl-40--force{height:40px!important}.max-h-xl-40{max-height:40px}.max-h-xl-40--force{max-height:40px!important}.min-h-xl-40{min-height:40px}.min-h-xl-40--force{min-height:40px!important}.h-xl-44{height:44px}.h-xl-44--force{height:44px!important}.max-h-xl-44{max-height:44px}.max-h-xl-44--force{max-height:44px!important}.min-h-xl-44{min-height:44px}.min-h-xl-44--force{min-height:44px!important}.h-xl-48{height:48px}.h-xl-48--force{height:48px!important}.max-h-xl-48{max-height:48px}.max-h-xl-48--force{max-height:48px!important}.min-h-xl-48{min-height:48px}.min-h-xl-48--force{min-height:48px!important}.h-xl-52{height:52px}.h-xl-52--force{height:52px!important}.max-h-xl-52{max-height:52px}.max-h-xl-52--force{max-height:52px!important}.min-h-xl-52{min-height:52px}.min-h-xl-52--force{min-height:52px!important}.h-xl-56{height:56px}.h-xl-56--force{height:56px!important}.max-h-xl-56{max-height:56px}.max-h-xl-56--force{max-height:56px!important}.min-h-xl-56{min-height:56px}.min-h-xl-56--force{min-height:56px!important}.h-xl-60{height:60px}.h-xl-60--force{height:60px!important}.max-h-xl-60{max-height:60px}.max-h-xl-60--force{max-height:60px!important}.min-h-xl-60{min-height:60px}.min-h-xl-60--force{min-height:60px!important}.h-xl-64{height:64px}.h-xl-64--force{height:64px!important}.max-h-xl-64{max-height:64px}.max-h-xl-64--force{max-height:64px!important}.min-h-xl-64{min-height:64px}.min-h-xl-64--force{min-height:64px!important}.h-xl-68{height:68px}.h-xl-68--force{height:68px!important}.max-h-xl-68{max-height:68px}.max-h-xl-68--force{max-height:68px!important}.min-h-xl-68{min-height:68px}.min-h-xl-68--force{min-height:68px!important}.h-xl-72{height:72px}.h-xl-72--force{height:72px!important}.max-h-xl-72{max-height:72px}.max-h-xl-72--force{max-height:72px!important}.min-h-xl-72{min-height:72px}.min-h-xl-72--force{min-height:72px!important}.h-xl-76{height:76px}.h-xl-76--force{height:76px!important}.max-h-xl-76{max-height:76px}.max-h-xl-76--force{max-height:76px!important}.min-h-xl-76{min-height:76px}.min-h-xl-76--force{min-height:76px!important}.h-xl-80{height:80px}.h-xl-80--force{height:80px!important}.max-h-xl-80{max-height:80px}.max-h-xl-80--force{max-height:80px!important}.min-h-xl-80{min-height:80px}.min-h-xl-80--force{min-height:80px!important}.h-xl-84{height:84px}.h-xl-84--force{height:84px!important}.max-h-xl-84{max-height:84px}.max-h-xl-84--force{max-height:84px!important}.min-h-xl-84{min-height:84px}.min-h-xl-84--force{min-height:84px!important}.h-xl-88{height:88px}.h-xl-88--force{height:88px!important}.max-h-xl-88{max-height:88px}.max-h-xl-88--force{max-height:88px!important}.min-h-xl-88{min-height:88px}.min-h-xl-88--force{min-height:88px!important}.h-xl-92{height:92px}.h-xl-92--force{height:92px!important}.max-h-xl-92{max-height:92px}.max-h-xl-92--force{max-height:92px!important}.min-h-xl-92{min-height:92px}.min-h-xl-92--force{min-height:92px!important}.h-xl-96{height:96px}.h-xl-96--force{height:96px!important}.max-h-xl-96{max-height:96px}.max-h-xl-96--force{max-height:96px!important}.min-h-xl-96{min-height:96px}.min-h-xl-96--force{min-height:96px!important}.h-xl-100{height:100px}.h-xl-100--force{height:100px!important}.max-h-xl-100{max-height:100px}.max-h-xl-100--force{max-height:100px!important}.min-h-xl-100{min-height:100px}.min-h-xl-100--force{min-height:100px!important}.h-xl-104{height:104px}.h-xl-104--force{height:104px!important}.max-h-xl-104{max-height:104px}.max-h-xl-104--force{max-height:104px!important}.min-h-xl-104{min-height:104px}.min-h-xl-104--force{min-height:104px!important}.h-xl-108{height:108px}.h-xl-108--force{height:108px!important}.max-h-xl-108{max-height:108px}.max-h-xl-108--force{max-height:108px!important}.min-h-xl-108{min-height:108px}.min-h-xl-108--force{min-height:108px!important}.h-xl-112{height:112px}.h-xl-112--force{height:112px!important}.max-h-xl-112{max-height:112px}.max-h-xl-112--force{max-height:112px!important}.min-h-xl-112{min-height:112px}.min-h-xl-112--force{min-height:112px!important}.h-xl-116{height:116px}.h-xl-116--force{height:116px!important}.max-h-xl-116{max-height:116px}.max-h-xl-116--force{max-height:116px!important}.min-h-xl-116{min-height:116px}.min-h-xl-116--force{min-height:116px!important}.h-xl-120{height:120px}.h-xl-120--force{height:120px!important}.max-h-xl-120{max-height:120px}.max-h-xl-120--force{max-height:120px!important}.min-h-xl-120{min-height:120px}.min-h-xl-120--force{min-height:120px!important}.h-xl-124{height:124px}.h-xl-124--force{height:124px!important}.max-h-xl-124{max-height:124px}.max-h-xl-124--force{max-height:124px!important}.min-h-xl-124{min-height:124px}.min-h-xl-124--force{min-height:124px!important}.h-xl-128{height:128px}.h-xl-128--force{height:128px!important}.max-h-xl-128{max-height:128px}.max-h-xl-128--force{max-height:128px!important}.min-h-xl-128{min-height:128px}.min-h-xl-128--force{min-height:128px!important}.h-xl-132{height:132px}.h-xl-132--force{height:132px!important}.max-h-xl-132{max-height:132px}.max-h-xl-132--force{max-height:132px!important}.min-h-xl-132{min-height:132px}.min-h-xl-132--force{min-height:132px!important}.h-xl-136{height:136px}.h-xl-136--force{height:136px!important}.max-h-xl-136{max-height:136px}.max-h-xl-136--force{max-height:136px!important}.min-h-xl-136{min-height:136px}.min-h-xl-136--force{min-height:136px!important}.h-xl-140{height:140px}.h-xl-140--force{height:140px!important}.max-h-xl-140{max-height:140px}.max-h-xl-140--force{max-height:140px!important}.min-h-xl-140{min-height:140px}.min-h-xl-140--force{min-height:140px!important}.h-xl-144{height:144px}.h-xl-144--force{height:144px!important}.max-h-xl-144{max-height:144px}.max-h-xl-144--force{max-height:144px!important}.min-h-xl-144{min-height:144px}.min-h-xl-144--force{min-height:144px!important}.h-xl-148{height:148px}.h-xl-148--force{height:148px!important}.max-h-xl-148{max-height:148px}.max-h-xl-148--force{max-height:148px!important}.min-h-xl-148{min-height:148px}.min-h-xl-148--force{min-height:148px!important}.h-xl-152{height:152px}.h-xl-152--force{height:152px!important}.max-h-xl-152{max-height:152px}.max-h-xl-152--force{max-height:152px!important}.min-h-xl-152{min-height:152px}.min-h-xl-152--force{min-height:152px!important}.h-xl-156{height:156px}.h-xl-156--force{height:156px!important}.max-h-xl-156{max-height:156px}.max-h-xl-156--force{max-height:156px!important}.min-h-xl-156{min-height:156px}.min-h-xl-156--force{min-height:156px!important}.h-xl-160{height:160px}.h-xl-160--force{height:160px!important}.max-h-xl-160{max-height:160px}.max-h-xl-160--force{max-height:160px!important}.min-h-xl-160{min-height:160px}.min-h-xl-160--force{min-height:160px!important}.h-xl-164{height:164px}.h-xl-164--force{height:164px!important}.max-h-xl-164{max-height:164px}.max-h-xl-164--force{max-height:164px!important}.min-h-xl-164{min-height:164px}.min-h-xl-164--force{min-height:164px!important}.h-xl-168{height:168px}.h-xl-168--force{height:168px!important}.max-h-xl-168{max-height:168px}.max-h-xl-168--force{max-height:168px!important}.min-h-xl-168{min-height:168px}.min-h-xl-168--force{min-height:168px!important}.h-xl-172{height:172px}.h-xl-172--force{height:172px!important}.max-h-xl-172{max-height:172px}.max-h-xl-172--force{max-height:172px!important}.min-h-xl-172{min-height:172px}.min-h-xl-172--force{min-height:172px!important}.h-xl-176{height:176px}.h-xl-176--force{height:176px!important}.max-h-xl-176{max-height:176px}.max-h-xl-176--force{max-height:176px!important}.min-h-xl-176{min-height:176px}.min-h-xl-176--force{min-height:176px!important}.h-xl-180{height:180px}.h-xl-180--force{height:180px!important}.max-h-xl-180{max-height:180px}.max-h-xl-180--force{max-height:180px!important}.min-h-xl-180{min-height:180px}.min-h-xl-180--force{min-height:180px!important}.h-xl-184{height:184px}.h-xl-184--force{height:184px!important}.max-h-xl-184{max-height:184px}.max-h-xl-184--force{max-height:184px!important}.min-h-xl-184{min-height:184px}.min-h-xl-184--force{min-height:184px!important}.h-xl-188{height:188px}.h-xl-188--force{height:188px!important}.max-h-xl-188{max-height:188px}.max-h-xl-188--force{max-height:188px!important}.min-h-xl-188{min-height:188px}.min-h-xl-188--force{min-height:188px!important}.h-xl-192{height:192px}.h-xl-192--force{height:192px!important}.max-h-xl-192{max-height:192px}.max-h-xl-192--force{max-height:192px!important}.min-h-xl-192{min-height:192px}.min-h-xl-192--force{min-height:192px!important}.h-xl-196{height:196px}.h-xl-196--force{height:196px!important}.max-h-xl-196{max-height:196px}.max-h-xl-196--force{max-height:196px!important}.min-h-xl-196{min-height:196px}.min-h-xl-196--force{min-height:196px!important}.h-xl-200{height:200px}.h-xl-200--force{height:200px!important}.max-h-xl-200{max-height:200px}.max-h-xl-200--force{max-height:200px!important}.min-h-xl-200{min-height:200px}.min-h-xl-200--force{min-height:200px!important}.h-xl-204{height:204px}.h-xl-204--force{height:204px!important}.max-h-xl-204{max-height:204px}.max-h-xl-204--force{max-height:204px!important}.min-h-xl-204{min-height:204px}.min-h-xl-204--force{min-height:204px!important}.h-xl-208{height:208px}.h-xl-208--force{height:208px!important}.max-h-xl-208{max-height:208px}.max-h-xl-208--force{max-height:208px!important}.min-h-xl-208{min-height:208px}.min-h-xl-208--force{min-height:208px!important}.h-xl-212{height:212px}.h-xl-212--force{height:212px!important}.max-h-xl-212{max-height:212px}.max-h-xl-212--force{max-height:212px!important}.min-h-xl-212{min-height:212px}.min-h-xl-212--force{min-height:212px!important}.h-xl-216{height:216px}.h-xl-216--force{height:216px!important}.max-h-xl-216{max-height:216px}.max-h-xl-216--force{max-height:216px!important}.min-h-xl-216{min-height:216px}.min-h-xl-216--force{min-height:216px!important}.h-xl-220{height:220px}.h-xl-220--force{height:220px!important}.max-h-xl-220{max-height:220px}.max-h-xl-220--force{max-height:220px!important}.min-h-xl-220{min-height:220px}.min-h-xl-220--force{min-height:220px!important}.h-xl-224{height:224px}.h-xl-224--force{height:224px!important}.max-h-xl-224{max-height:224px}.max-h-xl-224--force{max-height:224px!important}.min-h-xl-224{min-height:224px}.min-h-xl-224--force{min-height:224px!important}.h-xl-228{height:228px}.h-xl-228--force{height:228px!important}.max-h-xl-228{max-height:228px}.max-h-xl-228--force{max-height:228px!important}.min-h-xl-228{min-height:228px}.min-h-xl-228--force{min-height:228px!important}.h-xl-232{height:232px}.h-xl-232--force{height:232px!important}.max-h-xl-232{max-height:232px}.max-h-xl-232--force{max-height:232px!important}.min-h-xl-232{min-height:232px}.min-h-xl-232--force{min-height:232px!important}.h-xl-236{height:236px}.h-xl-236--force{height:236px!important}.max-h-xl-236{max-height:236px}.max-h-xl-236--force{max-height:236px!important}.min-h-xl-236{min-height:236px}.min-h-xl-236--force{min-height:236px!important}.h-xl-240{height:240px}.h-xl-240--force{height:240px!important}.max-h-xl-240{max-height:240px}.max-h-xl-240--force{max-height:240px!important}.min-h-xl-240{min-height:240px}.min-h-xl-240--force{min-height:240px!important}.h-xl-244{height:244px}.h-xl-244--force{height:244px!important}.max-h-xl-244{max-height:244px}.max-h-xl-244--force{max-height:244px!important}.min-h-xl-244{min-height:244px}.min-h-xl-244--force{min-height:244px!important}.h-xl-248{height:248px}.h-xl-248--force{height:248px!important}.max-h-xl-248{max-height:248px}.max-h-xl-248--force{max-height:248px!important}.min-h-xl-248{min-height:248px}.min-h-xl-248--force{min-height:248px!important}.h-xl-252{height:252px}.h-xl-252--force{height:252px!important}.max-h-xl-252{max-height:252px}.max-h-xl-252--force{max-height:252px!important}.min-h-xl-252{min-height:252px}.min-h-xl-252--force{min-height:252px!important}.h-xl-256{height:256px}.h-xl-256--force{height:256px!important}.max-h-xl-256{max-height:256px}.max-h-xl-256--force{max-height:256px!important}.min-h-xl-256{min-height:256px}.min-h-xl-256--force{min-height:256px!important}.h-xl-0-p{height:0%}.h-xl-0-p--force{height:0%!important}.max-h-xl-0-p{max-height:0%}.max-h-xl-0-p--force{max-height:0%!important}.min-h-xl-0-p{min-height:0}.min-h-xl-0-p--force{min-height:0!important}.h-xl-5-p{height:5%}.h-xl-5-p--force{height:5%!important}.max-h-xl-5-p{max-height:5%}.max-h-xl-5-p--force{max-height:5%!important}.min-h-xl-5-p{min-height:5%}.min-h-xl-5-p--force{min-height:5%!important}.h-xl-10-p{height:10%}.h-xl-10-p--force{height:10%!important}.max-h-xl-10-p{max-height:10%}.max-h-xl-10-p--force{max-height:10%!important}.min-h-xl-10-p{min-height:10%}.min-h-xl-10-p--force{min-height:10%!important}.h-xl-15-p{height:15%}.h-xl-15-p--force{height:15%!important}.max-h-xl-15-p{max-height:15%}.max-h-xl-15-p--force{max-height:15%!important}.min-h-xl-15-p{min-height:15%}.min-h-xl-15-p--force{min-height:15%!important}.h-xl-20-p{height:20%}.h-xl-20-p--force{height:20%!important}.max-h-xl-20-p{max-height:20%}.max-h-xl-20-p--force{max-height:20%!important}.min-h-xl-20-p{min-height:20%}.min-h-xl-20-p--force{min-height:20%!important}.h-xl-25-p{height:25%}.h-xl-25-p--force{height:25%!important}.max-h-xl-25-p{max-height:25%}.max-h-xl-25-p--force{max-height:25%!important}.min-h-xl-25-p{min-height:25%}.min-h-xl-25-p--force{min-height:25%!important}.h-xl-30-p{height:30%}.h-xl-30-p--force{height:30%!important}.max-h-xl-30-p{max-height:30%}.max-h-xl-30-p--force{max-height:30%!important}.min-h-xl-30-p{min-height:30%}.min-h-xl-30-p--force{min-height:30%!important}.h-xl-35-p{height:35%}.h-xl-35-p--force{height:35%!important}.max-h-xl-35-p{max-height:35%}.max-h-xl-35-p--force{max-height:35%!important}.min-h-xl-35-p{min-height:35%}.min-h-xl-35-p--force{min-height:35%!important}.h-xl-40-p{height:40%}.h-xl-40-p--force{height:40%!important}.max-h-xl-40-p{max-height:40%}.max-h-xl-40-p--force{max-height:40%!important}.min-h-xl-40-p{min-height:40%}.min-h-xl-40-p--force{min-height:40%!important}.h-xl-45-p{height:45%}.h-xl-45-p--force{height:45%!important}.max-h-xl-45-p{max-height:45%}.max-h-xl-45-p--force{max-height:45%!important}.min-h-xl-45-p{min-height:45%}.min-h-xl-45-p--force{min-height:45%!important}.h-xl-50-p{height:50%}.h-xl-50-p--force{height:50%!important}.max-h-xl-50-p{max-height:50%}.max-h-xl-50-p--force{max-height:50%!important}.min-h-xl-50-p{min-height:50%}.min-h-xl-50-p--force{min-height:50%!important}.h-xl-55-p{height:55%}.h-xl-55-p--force{height:55%!important}.max-h-xl-55-p{max-height:55%}.max-h-xl-55-p--force{max-height:55%!important}.min-h-xl-55-p{min-height:55%}.min-h-xl-55-p--force{min-height:55%!important}.h-xl-60-p{height:60%}.h-xl-60-p--force{height:60%!important}.max-h-xl-60-p{max-height:60%}.max-h-xl-60-p--force{max-height:60%!important}.min-h-xl-60-p{min-height:60%}.min-h-xl-60-p--force{min-height:60%!important}.h-xl-65-p{height:65%}.h-xl-65-p--force{height:65%!important}.max-h-xl-65-p{max-height:65%}.max-h-xl-65-p--force{max-height:65%!important}.min-h-xl-65-p{min-height:65%}.min-h-xl-65-p--force{min-height:65%!important}.h-xl-70-p{height:70%}.h-xl-70-p--force{height:70%!important}.max-h-xl-70-p{max-height:70%}.max-h-xl-70-p--force{max-height:70%!important}.min-h-xl-70-p{min-height:70%}.min-h-xl-70-p--force{min-height:70%!important}.h-xl-75-p{height:75%}.h-xl-75-p--force{height:75%!important}.max-h-xl-75-p{max-height:75%}.max-h-xl-75-p--force{max-height:75%!important}.min-h-xl-75-p{min-height:75%}.min-h-xl-75-p--force{min-height:75%!important}.h-xl-80-p{height:80%}.h-xl-80-p--force{height:80%!important}.max-h-xl-80-p{max-height:80%}.max-h-xl-80-p--force{max-height:80%!important}.min-h-xl-80-p{min-height:80%}.min-h-xl-80-p--force{min-height:80%!important}.h-xl-85-p{height:85%}.h-xl-85-p--force{height:85%!important}.max-h-xl-85-p{max-height:85%}.max-h-xl-85-p--force{max-height:85%!important}.min-h-xl-85-p{min-height:85%}.min-h-xl-85-p--force{min-height:85%!important}.h-xl-90-p{height:90%}.h-xl-90-p--force{height:90%!important}.max-h-xl-90-p{max-height:90%}.max-h-xl-90-p--force{max-height:90%!important}.min-h-xl-90-p{min-height:90%}.min-h-xl-90-p--force{min-height:90%!important}.h-xl-95-p{height:95%}.h-xl-95-p--force{height:95%!important}.max-h-xl-95-p{max-height:95%}.max-h-xl-95-p--force{max-height:95%!important}.min-h-xl-95-p{min-height:95%}.min-h-xl-95-p--force{min-height:95%!important}.h-xl-100-p{height:100%}.h-xl-100-p--force{height:100%!important}.max-h-xl-100-p{max-height:100%}.max-h-xl-100-p--force{max-height:100%!important}.min-h-xl-100-p{min-height:100%}.min-h-xl-100-p--force{min-height:100%!important}.h-xl-300{height:300px}.h-xl-300--force{height:300px!important}.max-h-xl-300{max-height:300px}.max-h-xl-300--force{max-height:300px!important}.min-h-xl-300{min-height:300px}.min-h-xl-300--force{min-height:300px!important}.h-xl-400{height:400px}.h-xl-400--force{height:400px!important}.max-h-xl-400{max-height:400px}.max-h-xl-400--force{max-height:400px!important}.min-h-xl-400{min-height:400px}.min-h-xl-400--force{min-height:400px!important}.h-xl-500{height:500px}.h-xl-500--force{height:500px!important}.max-h-xl-500{max-height:500px}.max-h-xl-500--force{max-height:500px!important}.min-h-xl-500{min-height:500px}.min-h-xl-500--force{min-height:500px!important}.h-xl-600{height:600px}.h-xl-600--force{height:600px!important}.max-h-xl-600{max-height:600px}.max-h-xl-600--force{max-height:600px!important}.min-h-xl-600{min-height:600px}.min-h-xl-600--force{min-height:600px!important}.h-xl-700{height:700px}.h-xl-700--force{height:700px!important}.max-h-xl-700{max-height:700px}.max-h-xl-700--force{max-height:700px!important}.min-h-xl-700{min-height:700px}.min-h-xl-700--force{min-height:700px!important}.h-xl-800{height:800px}.h-xl-800--force{height:800px!important}.max-h-xl-800{max-height:800px}.max-h-xl-800--force{max-height:800px!important}.min-h-xl-800{min-height:800px}.min-h-xl-800--force{min-height:800px!important}.h-xl-900{height:900px}.h-xl-900--force{height:900px!important}.max-h-xl-900{max-height:900px}.max-h-xl-900--force{max-height:900px!important}.min-h-xl-900{min-height:900px}.min-h-xl-900--force{min-height:900px!important}.h-xl-1000{height:1000px}.h-xl-1000--force{height:1000px!important}.max-h-xl-1000{max-height:1000px}.max-h-xl-1000--force{max-height:1000px!important}.min-h-xl-1000{min-height:1000px}.min-h-xl-1000--force{min-height:1000px!important}.h-xl-1100{height:1100px}.h-xl-1100--force{height:1100px!important}.max-h-xl-1100{max-height:1100px}.max-h-xl-1100--force{max-height:1100px!important}.min-h-xl-1100{min-height:1100px}.min-h-xl-1100--force{min-height:1100px!important}.h-xl-1200{height:1200px}.h-xl-1200--force{height:1200px!important}.max-h-xl-1200{max-height:1200px}.max-h-xl-1200--force{max-height:1200px!important}.min-h-xl-1200{min-height:1200px}.min-h-xl-1200--force{min-height:1200px!important}.h-xl-1300{height:1300px}.h-xl-1300--force{height:1300px!important}.max-h-xl-1300{max-height:1300px}.max-h-xl-1300--force{max-height:1300px!important}.min-h-xl-1300{min-height:1300px}.min-h-xl-1300--force{min-height:1300px!important}.h-xl-1400{height:1400px}.h-xl-1400--force{height:1400px!important}.max-h-xl-1400{max-height:1400px}.max-h-xl-1400--force{max-height:1400px!important}.min-h-xl-1400{min-height:1400px}.min-h-xl-1400--force{min-height:1400px!important}.h-xl-1500{height:1500px}.h-xl-1500--force{height:1500px!important}.max-h-xl-1500{max-height:1500px}.max-h-xl-1500--force{max-height:1500px!important}.min-h-xl-1500{min-height:1500px}.min-h-xl-1500--force{min-height:1500px!important}.h-xl-1600{height:1600px}.h-xl-1600--force{height:1600px!important}.max-h-xl-1600{max-height:1600px}.max-h-xl-1600--force{max-height:1600px!important}.min-h-xl-1600{min-height:1600px}.min-h-xl-1600--force{min-height:1600px!important}.h-xl-1700{height:1700px}.h-xl-1700--force{height:1700px!important}.max-h-xl-1700{max-height:1700px}.max-h-xl-1700--force{max-height:1700px!important}.min-h-xl-1700{min-height:1700px}.min-h-xl-1700--force{min-height:1700px!important}.h-xl-1800{height:1800px}.h-xl-1800--force{height:1800px!important}.max-h-xl-1800{max-height:1800px}.max-h-xl-1800--force{max-height:1800px!important}.min-h-xl-1800{min-height:1800px}.min-h-xl-1800--force{min-height:1800px!important}.h-xl-1900{height:1900px}.h-xl-1900--force{height:1900px!important}.max-h-xl-1900{max-height:1900px}.max-h-xl-1900--force{max-height:1900px!important}.min-h-xl-1900{min-height:1900px}.min-h-xl-1900--force{min-height:1900px!important}.h-xl-2000{height:2000px}.h-xl-2000--force{height:2000px!important}.max-h-xl-2000{max-height:2000px}.max-h-xl-2000--force{max-height:2000px!important}.min-h-xl-2000{min-height:2000px}.min-h-xl-2000--force{min-height:2000px!important}.h-xl-auto{height:auto}.h-xl-auto--force{height:auto!important}.w-xl-0{width:0}.w-xl-0--force{width:0!important}.max-w-xl-0{max-width:0}.max-w-xl-0--force{max-width:0!important}.min-w-xl-0{min-width:0}.min-w-xl-0--force{min-width:0!important}.w-xl-4{width:4px}.w-xl-4--force{width:4px!important}.max-w-xl-4{max-width:4px}.max-w-xl-4--force{max-width:4px!important}.min-w-xl-4{min-width:4px}.min-w-xl-4--force{min-width:4px!important}.w-xl-8{width:8px}.w-xl-8--force{width:8px!important}.max-w-xl-8{max-width:8px}.max-w-xl-8--force{max-width:8px!important}.min-w-xl-8{min-width:8px}.min-w-xl-8--force{min-width:8px!important}.w-xl-12{width:12px}.w-xl-12--force{width:12px!important}.max-w-xl-12{max-width:12px}.max-w-xl-12--force{max-width:12px!important}.min-w-xl-12{min-width:12px}.min-w-xl-12--force{min-width:12px!important}.w-xl-16{width:16px}.w-xl-16--force{width:16px!important}.max-w-xl-16{max-width:16px}.max-w-xl-16--force{max-width:16px!important}.min-w-xl-16{min-width:16px}.min-w-xl-16--force{min-width:16px!important}.w-xl-20{width:20px}.w-xl-20--force{width:20px!important}.max-w-xl-20{max-width:20px}.max-w-xl-20--force{max-width:20px!important}.min-w-xl-20{min-width:20px}.min-w-xl-20--force{min-width:20px!important}.w-xl-24{width:24px}.w-xl-24--force{width:24px!important}.max-w-xl-24{max-width:24px}.max-w-xl-24--force{max-width:24px!important}.min-w-xl-24{min-width:24px}.min-w-xl-24--force{min-width:24px!important}.w-xl-28{width:28px}.w-xl-28--force{width:28px!important}.max-w-xl-28{max-width:28px}.max-w-xl-28--force{max-width:28px!important}.min-w-xl-28{min-width:28px}.min-w-xl-28--force{min-width:28px!important}.w-xl-32{width:32px}.w-xl-32--force{width:32px!important}.max-w-xl-32{max-width:32px}.max-w-xl-32--force{max-width:32px!important}.min-w-xl-32{min-width:32px}.min-w-xl-32--force{min-width:32px!important}.w-xl-36{width:36px}.w-xl-36--force{width:36px!important}.max-w-xl-36{max-width:36px}.max-w-xl-36--force{max-width:36px!important}.min-w-xl-36{min-width:36px}.min-w-xl-36--force{min-width:36px!important}.w-xl-40{width:40px}.w-xl-40--force{width:40px!important}.max-w-xl-40{max-width:40px}.max-w-xl-40--force{max-width:40px!important}.min-w-xl-40{min-width:40px}.min-w-xl-40--force{min-width:40px!important}.w-xl-44{width:44px}.w-xl-44--force{width:44px!important}.max-w-xl-44{max-width:44px}.max-w-xl-44--force{max-width:44px!important}.min-w-xl-44{min-width:44px}.min-w-xl-44--force{min-width:44px!important}.w-xl-48{width:48px}.w-xl-48--force{width:48px!important}.max-w-xl-48{max-width:48px}.max-w-xl-48--force{max-width:48px!important}.min-w-xl-48{min-width:48px}.min-w-xl-48--force{min-width:48px!important}.w-xl-52{width:52px}.w-xl-52--force{width:52px!important}.max-w-xl-52{max-width:52px}.max-w-xl-52--force{max-width:52px!important}.min-w-xl-52{min-width:52px}.min-w-xl-52--force{min-width:52px!important}.w-xl-56{width:56px}.w-xl-56--force{width:56px!important}.max-w-xl-56{max-width:56px}.max-w-xl-56--force{max-width:56px!important}.min-w-xl-56{min-width:56px}.min-w-xl-56--force{min-width:56px!important}.w-xl-60{width:60px}.w-xl-60--force{width:60px!important}.max-w-xl-60{max-width:60px}.max-w-xl-60--force{max-width:60px!important}.min-w-xl-60{min-width:60px}.min-w-xl-60--force{min-width:60px!important}.w-xl-64{width:64px}.w-xl-64--force{width:64px!important}.max-w-xl-64{max-width:64px}.max-w-xl-64--force{max-width:64px!important}.min-w-xl-64{min-width:64px}.min-w-xl-64--force{min-width:64px!important}.w-xl-68{width:68px}.w-xl-68--force{width:68px!important}.max-w-xl-68{max-width:68px}.max-w-xl-68--force{max-width:68px!important}.min-w-xl-68{min-width:68px}.min-w-xl-68--force{min-width:68px!important}.w-xl-72{width:72px}.w-xl-72--force{width:72px!important}.max-w-xl-72{max-width:72px}.max-w-xl-72--force{max-width:72px!important}.min-w-xl-72{min-width:72px}.min-w-xl-72--force{min-width:72px!important}.w-xl-76{width:76px}.w-xl-76--force{width:76px!important}.max-w-xl-76{max-width:76px}.max-w-xl-76--force{max-width:76px!important}.min-w-xl-76{min-width:76px}.min-w-xl-76--force{min-width:76px!important}.w-xl-80{width:80px}.w-xl-80--force{width:80px!important}.max-w-xl-80{max-width:80px}.max-w-xl-80--force{max-width:80px!important}.min-w-xl-80{min-width:80px}.min-w-xl-80--force{min-width:80px!important}.w-xl-84{width:84px}.w-xl-84--force{width:84px!important}.max-w-xl-84{max-width:84px}.max-w-xl-84--force{max-width:84px!important}.min-w-xl-84{min-width:84px}.min-w-xl-84--force{min-width:84px!important}.w-xl-88{width:88px}.w-xl-88--force{width:88px!important}.max-w-xl-88{max-width:88px}.max-w-xl-88--force{max-width:88px!important}.min-w-xl-88{min-width:88px}.min-w-xl-88--force{min-width:88px!important}.w-xl-92{width:92px}.w-xl-92--force{width:92px!important}.max-w-xl-92{max-width:92px}.max-w-xl-92--force{max-width:92px!important}.min-w-xl-92{min-width:92px}.min-w-xl-92--force{min-width:92px!important}.w-xl-96{width:96px}.w-xl-96--force{width:96px!important}.max-w-xl-96{max-width:96px}.max-w-xl-96--force{max-width:96px!important}.min-w-xl-96{min-width:96px}.min-w-xl-96--force{min-width:96px!important}.w-xl-100{width:100px}.w-xl-100--force{width:100px!important}.max-w-xl-100{max-width:100px}.max-w-xl-100--force{max-width:100px!important}.min-w-xl-100{min-width:100px}.min-w-xl-100--force{min-width:100px!important}.w-xl-104{width:104px}.w-xl-104--force{width:104px!important}.max-w-xl-104{max-width:104px}.max-w-xl-104--force{max-width:104px!important}.min-w-xl-104{min-width:104px}.min-w-xl-104--force{min-width:104px!important}.w-xl-108{width:108px}.w-xl-108--force{width:108px!important}.max-w-xl-108{max-width:108px}.max-w-xl-108--force{max-width:108px!important}.min-w-xl-108{min-width:108px}.min-w-xl-108--force{min-width:108px!important}.w-xl-112{width:112px}.w-xl-112--force{width:112px!important}.max-w-xl-112{max-width:112px}.max-w-xl-112--force{max-width:112px!important}.min-w-xl-112{min-width:112px}.min-w-xl-112--force{min-width:112px!important}.w-xl-116{width:116px}.w-xl-116--force{width:116px!important}.max-w-xl-116{max-width:116px}.max-w-xl-116--force{max-width:116px!important}.min-w-xl-116{min-width:116px}.min-w-xl-116--force{min-width:116px!important}.w-xl-120{width:120px}.w-xl-120--force{width:120px!important}.max-w-xl-120{max-width:120px}.max-w-xl-120--force{max-width:120px!important}.min-w-xl-120{min-width:120px}.min-w-xl-120--force{min-width:120px!important}.w-xl-124{width:124px}.w-xl-124--force{width:124px!important}.max-w-xl-124{max-width:124px}.max-w-xl-124--force{max-width:124px!important}.min-w-xl-124{min-width:124px}.min-w-xl-124--force{min-width:124px!important}.w-xl-128{width:128px}.w-xl-128--force{width:128px!important}.max-w-xl-128{max-width:128px}.max-w-xl-128--force{max-width:128px!important}.min-w-xl-128{min-width:128px}.min-w-xl-128--force{min-width:128px!important}.w-xl-132{width:132px}.w-xl-132--force{width:132px!important}.max-w-xl-132{max-width:132px}.max-w-xl-132--force{max-width:132px!important}.min-w-xl-132{min-width:132px}.min-w-xl-132--force{min-width:132px!important}.w-xl-136{width:136px}.w-xl-136--force{width:136px!important}.max-w-xl-136{max-width:136px}.max-w-xl-136--force{max-width:136px!important}.min-w-xl-136{min-width:136px}.min-w-xl-136--force{min-width:136px!important}.w-xl-140{width:140px}.w-xl-140--force{width:140px!important}.max-w-xl-140{max-width:140px}.max-w-xl-140--force{max-width:140px!important}.min-w-xl-140{min-width:140px}.min-w-xl-140--force{min-width:140px!important}.w-xl-144{width:144px}.w-xl-144--force{width:144px!important}.max-w-xl-144{max-width:144px}.max-w-xl-144--force{max-width:144px!important}.min-w-xl-144{min-width:144px}.min-w-xl-144--force{min-width:144px!important}.w-xl-148{width:148px}.w-xl-148--force{width:148px!important}.max-w-xl-148{max-width:148px}.max-w-xl-148--force{max-width:148px!important}.min-w-xl-148{min-width:148px}.min-w-xl-148--force{min-width:148px!important}.w-xl-152{width:152px}.w-xl-152--force{width:152px!important}.max-w-xl-152{max-width:152px}.max-w-xl-152--force{max-width:152px!important}.min-w-xl-152{min-width:152px}.min-w-xl-152--force{min-width:152px!important}.w-xl-156{width:156px}.w-xl-156--force{width:156px!important}.max-w-xl-156{max-width:156px}.max-w-xl-156--force{max-width:156px!important}.min-w-xl-156{min-width:156px}.min-w-xl-156--force{min-width:156px!important}.w-xl-160{width:160px}.w-xl-160--force{width:160px!important}.max-w-xl-160{max-width:160px}.max-w-xl-160--force{max-width:160px!important}.min-w-xl-160{min-width:160px}.min-w-xl-160--force{min-width:160px!important}.w-xl-164{width:164px}.w-xl-164--force{width:164px!important}.max-w-xl-164{max-width:164px}.max-w-xl-164--force{max-width:164px!important}.min-w-xl-164{min-width:164px}.min-w-xl-164--force{min-width:164px!important}.w-xl-168{width:168px}.w-xl-168--force{width:168px!important}.max-w-xl-168{max-width:168px}.max-w-xl-168--force{max-width:168px!important}.min-w-xl-168{min-width:168px}.min-w-xl-168--force{min-width:168px!important}.w-xl-172{width:172px}.w-xl-172--force{width:172px!important}.max-w-xl-172{max-width:172px}.max-w-xl-172--force{max-width:172px!important}.min-w-xl-172{min-width:172px}.min-w-xl-172--force{min-width:172px!important}.w-xl-176{width:176px}.w-xl-176--force{width:176px!important}.max-w-xl-176{max-width:176px}.max-w-xl-176--force{max-width:176px!important}.min-w-xl-176{min-width:176px}.min-w-xl-176--force{min-width:176px!important}.w-xl-180{width:180px}.w-xl-180--force{width:180px!important}.max-w-xl-180{max-width:180px}.max-w-xl-180--force{max-width:180px!important}.min-w-xl-180{min-width:180px}.min-w-xl-180--force{min-width:180px!important}.w-xl-184{width:184px}.w-xl-184--force{width:184px!important}.max-w-xl-184{max-width:184px}.max-w-xl-184--force{max-width:184px!important}.min-w-xl-184{min-width:184px}.min-w-xl-184--force{min-width:184px!important}.w-xl-188{width:188px}.w-xl-188--force{width:188px!important}.max-w-xl-188{max-width:188px}.max-w-xl-188--force{max-width:188px!important}.min-w-xl-188{min-width:188px}.min-w-xl-188--force{min-width:188px!important}.w-xl-192{width:192px}.w-xl-192--force{width:192px!important}.max-w-xl-192{max-width:192px}.max-w-xl-192--force{max-width:192px!important}.min-w-xl-192{min-width:192px}.min-w-xl-192--force{min-width:192px!important}.w-xl-196{width:196px}.w-xl-196--force{width:196px!important}.max-w-xl-196{max-width:196px}.max-w-xl-196--force{max-width:196px!important}.min-w-xl-196{min-width:196px}.min-w-xl-196--force{min-width:196px!important}.w-xl-200{width:200px}.w-xl-200--force{width:200px!important}.max-w-xl-200{max-width:200px}.max-w-xl-200--force{max-width:200px!important}.min-w-xl-200{min-width:200px}.min-w-xl-200--force{min-width:200px!important}.w-xl-204{width:204px}.w-xl-204--force{width:204px!important}.max-w-xl-204{max-width:204px}.max-w-xl-204--force{max-width:204px!important}.min-w-xl-204{min-width:204px}.min-w-xl-204--force{min-width:204px!important}.w-xl-208{width:208px}.w-xl-208--force{width:208px!important}.max-w-xl-208{max-width:208px}.max-w-xl-208--force{max-width:208px!important}.min-w-xl-208{min-width:208px}.min-w-xl-208--force{min-width:208px!important}.w-xl-212{width:212px}.w-xl-212--force{width:212px!important}.max-w-xl-212{max-width:212px}.max-w-xl-212--force{max-width:212px!important}.min-w-xl-212{min-width:212px}.min-w-xl-212--force{min-width:212px!important}.w-xl-216{width:216px}.w-xl-216--force{width:216px!important}.max-w-xl-216{max-width:216px}.max-w-xl-216--force{max-width:216px!important}.min-w-xl-216{min-width:216px}.min-w-xl-216--force{min-width:216px!important}.w-xl-220{width:220px}.w-xl-220--force{width:220px!important}.max-w-xl-220{max-width:220px}.max-w-xl-220--force{max-width:220px!important}.min-w-xl-220{min-width:220px}.min-w-xl-220--force{min-width:220px!important}.w-xl-224{width:224px}.w-xl-224--force{width:224px!important}.max-w-xl-224{max-width:224px}.max-w-xl-224--force{max-width:224px!important}.min-w-xl-224{min-width:224px}.min-w-xl-224--force{min-width:224px!important}.w-xl-228{width:228px}.w-xl-228--force{width:228px!important}.max-w-xl-228{max-width:228px}.max-w-xl-228--force{max-width:228px!important}.min-w-xl-228{min-width:228px}.min-w-xl-228--force{min-width:228px!important}.w-xl-232{width:232px}.w-xl-232--force{width:232px!important}.max-w-xl-232{max-width:232px}.max-w-xl-232--force{max-width:232px!important}.min-w-xl-232{min-width:232px}.min-w-xl-232--force{min-width:232px!important}.w-xl-236{width:236px}.w-xl-236--force{width:236px!important}.max-w-xl-236{max-width:236px}.max-w-xl-236--force{max-width:236px!important}.min-w-xl-236{min-width:236px}.min-w-xl-236--force{min-width:236px!important}.w-xl-240{width:240px}.w-xl-240--force{width:240px!important}.max-w-xl-240{max-width:240px}.max-w-xl-240--force{max-width:240px!important}.min-w-xl-240{min-width:240px}.min-w-xl-240--force{min-width:240px!important}.w-xl-244{width:244px}.w-xl-244--force{width:244px!important}.max-w-xl-244{max-width:244px}.max-w-xl-244--force{max-width:244px!important}.min-w-xl-244{min-width:244px}.min-w-xl-244--force{min-width:244px!important}.w-xl-248{width:248px}.w-xl-248--force{width:248px!important}.max-w-xl-248{max-width:248px}.max-w-xl-248--force{max-width:248px!important}.min-w-xl-248{min-width:248px}.min-w-xl-248--force{min-width:248px!important}.w-xl-252{width:252px}.w-xl-252--force{width:252px!important}.max-w-xl-252{max-width:252px}.max-w-xl-252--force{max-width:252px!important}.min-w-xl-252{min-width:252px}.min-w-xl-252--force{min-width:252px!important}.w-xl-256{width:256px}.w-xl-256--force{width:256px!important}.max-w-xl-256{max-width:256px}.max-w-xl-256--force{max-width:256px!important}.min-w-xl-256{min-width:256px}.min-w-xl-256--force{min-width:256px!important}.w-xl-0-p{width:0%}.w-xl-0-p--force{width:0%!important}.max-w-xl-0-p{max-width:0%}.max-w-xl-0-p--force{max-width:0%!important}.min-w-xl-0-p{min-width:0}.min-w-xl-0-p--force{min-width:0!important}.w-xl-5-p{width:5%}.w-xl-5-p--force{width:5%!important}.max-w-xl-5-p{max-width:5%}.max-w-xl-5-p--force{max-width:5%!important}.min-w-xl-5-p{min-width:5%}.min-w-xl-5-p--force{min-width:5%!important}.w-xl-10-p{width:10%}.w-xl-10-p--force{width:10%!important}.max-w-xl-10-p{max-width:10%}.max-w-xl-10-p--force{max-width:10%!important}.min-w-xl-10-p{min-width:10%}.min-w-xl-10-p--force{min-width:10%!important}.w-xl-15-p{width:15%}.w-xl-15-p--force{width:15%!important}.max-w-xl-15-p{max-width:15%}.max-w-xl-15-p--force{max-width:15%!important}.min-w-xl-15-p{min-width:15%}.min-w-xl-15-p--force{min-width:15%!important}.w-xl-20-p{width:20%}.w-xl-20-p--force{width:20%!important}.max-w-xl-20-p{max-width:20%}.max-w-xl-20-p--force{max-width:20%!important}.min-w-xl-20-p{min-width:20%}.min-w-xl-20-p--force{min-width:20%!important}.w-xl-25-p{width:25%}.w-xl-25-p--force{width:25%!important}.max-w-xl-25-p{max-width:25%}.max-w-xl-25-p--force{max-width:25%!important}.min-w-xl-25-p{min-width:25%}.min-w-xl-25-p--force{min-width:25%!important}.w-xl-30-p{width:30%}.w-xl-30-p--force{width:30%!important}.max-w-xl-30-p{max-width:30%}.max-w-xl-30-p--force{max-width:30%!important}.min-w-xl-30-p{min-width:30%}.min-w-xl-30-p--force{min-width:30%!important}.w-xl-35-p{width:35%}.w-xl-35-p--force{width:35%!important}.max-w-xl-35-p{max-width:35%}.max-w-xl-35-p--force{max-width:35%!important}.min-w-xl-35-p{min-width:35%}.min-w-xl-35-p--force{min-width:35%!important}.w-xl-40-p{width:40%}.w-xl-40-p--force{width:40%!important}.max-w-xl-40-p{max-width:40%}.max-w-xl-40-p--force{max-width:40%!important}.min-w-xl-40-p{min-width:40%}.min-w-xl-40-p--force{min-width:40%!important}.w-xl-45-p{width:45%}.w-xl-45-p--force{width:45%!important}.max-w-xl-45-p{max-width:45%}.max-w-xl-45-p--force{max-width:45%!important}.min-w-xl-45-p{min-width:45%}.min-w-xl-45-p--force{min-width:45%!important}.w-xl-50-p{width:50%}.w-xl-50-p--force{width:50%!important}.max-w-xl-50-p{max-width:50%}.max-w-xl-50-p--force{max-width:50%!important}.min-w-xl-50-p{min-width:50%}.min-w-xl-50-p--force{min-width:50%!important}.w-xl-55-p{width:55%}.w-xl-55-p--force{width:55%!important}.max-w-xl-55-p{max-width:55%}.max-w-xl-55-p--force{max-width:55%!important}.min-w-xl-55-p{min-width:55%}.min-w-xl-55-p--force{min-width:55%!important}.w-xl-60-p{width:60%}.w-xl-60-p--force{width:60%!important}.max-w-xl-60-p{max-width:60%}.max-w-xl-60-p--force{max-width:60%!important}.min-w-xl-60-p{min-width:60%}.min-w-xl-60-p--force{min-width:60%!important}.w-xl-65-p{width:65%}.w-xl-65-p--force{width:65%!important}.max-w-xl-65-p{max-width:65%}.max-w-xl-65-p--force{max-width:65%!important}.min-w-xl-65-p{min-width:65%}.min-w-xl-65-p--force{min-width:65%!important}.w-xl-70-p{width:70%}.w-xl-70-p--force{width:70%!important}.max-w-xl-70-p{max-width:70%}.max-w-xl-70-p--force{max-width:70%!important}.min-w-xl-70-p{min-width:70%}.min-w-xl-70-p--force{min-width:70%!important}.w-xl-75-p{width:75%}.w-xl-75-p--force{width:75%!important}.max-w-xl-75-p{max-width:75%}.max-w-xl-75-p--force{max-width:75%!important}.min-w-xl-75-p{min-width:75%}.min-w-xl-75-p--force{min-width:75%!important}.w-xl-80-p{width:80%}.w-xl-80-p--force{width:80%!important}.max-w-xl-80-p{max-width:80%}.max-w-xl-80-p--force{max-width:80%!important}.min-w-xl-80-p{min-width:80%}.min-w-xl-80-p--force{min-width:80%!important}.w-xl-85-p{width:85%}.w-xl-85-p--force{width:85%!important}.max-w-xl-85-p{max-width:85%}.max-w-xl-85-p--force{max-width:85%!important}.min-w-xl-85-p{min-width:85%}.min-w-xl-85-p--force{min-width:85%!important}.w-xl-90-p{width:90%}.w-xl-90-p--force{width:90%!important}.max-w-xl-90-p{max-width:90%}.max-w-xl-90-p--force{max-width:90%!important}.min-w-xl-90-p{min-width:90%}.min-w-xl-90-p--force{min-width:90%!important}.w-xl-95-p{width:95%}.w-xl-95-p--force{width:95%!important}.max-w-xl-95-p{max-width:95%}.max-w-xl-95-p--force{max-width:95%!important}.min-w-xl-95-p{min-width:95%}.min-w-xl-95-p--force{min-width:95%!important}.w-xl-100-p{width:100%}.w-xl-100-p--force{width:100%!important}.max-w-xl-100-p{max-width:100%}.max-w-xl-100-p--force{max-width:100%!important}.min-w-xl-100-p{min-width:100%}.min-w-xl-100-p--force{min-width:100%!important}.w-xl-300{width:300px}.w-xl-300--force{width:300px!important}.max-w-xl-300{max-width:300px}.max-w-xl-300--force{max-width:300px!important}.min-w-xl-300{min-width:300px}.min-w-xl-300--force{min-width:300px!important}.w-xl-400{width:400px}.w-xl-400--force{width:400px!important}.max-w-xl-400{max-width:400px}.max-w-xl-400--force{max-width:400px!important}.min-w-xl-400{min-width:400px}.min-w-xl-400--force{min-width:400px!important}.w-xl-500{width:500px}.w-xl-500--force{width:500px!important}.max-w-xl-500{max-width:500px}.max-w-xl-500--force{max-width:500px!important}.min-w-xl-500{min-width:500px}.min-w-xl-500--force{min-width:500px!important}.w-xl-600{width:600px}.w-xl-600--force{width:600px!important}.max-w-xl-600{max-width:600px}.max-w-xl-600--force{max-width:600px!important}.min-w-xl-600{min-width:600px}.min-w-xl-600--force{min-width:600px!important}.w-xl-700{width:700px}.w-xl-700--force{width:700px!important}.max-w-xl-700{max-width:700px}.max-w-xl-700--force{max-width:700px!important}.min-w-xl-700{min-width:700px}.min-w-xl-700--force{min-width:700px!important}.w-xl-800{width:800px}.w-xl-800--force{width:800px!important}.max-w-xl-800{max-width:800px}.max-w-xl-800--force{max-width:800px!important}.min-w-xl-800{min-width:800px}.min-w-xl-800--force{min-width:800px!important}.w-xl-900{width:900px}.w-xl-900--force{width:900px!important}.max-w-xl-900{max-width:900px}.max-w-xl-900--force{max-width:900px!important}.min-w-xl-900{min-width:900px}.min-w-xl-900--force{min-width:900px!important}.w-xl-1000{width:1000px}.w-xl-1000--force{width:1000px!important}.max-w-xl-1000{max-width:1000px}.max-w-xl-1000--force{max-width:1000px!important}.min-w-xl-1000{min-width:1000px}.min-w-xl-1000--force{min-width:1000px!important}.w-xl-1100{width:1100px}.w-xl-1100--force{width:1100px!important}.max-w-xl-1100{max-width:1100px}.max-w-xl-1100--force{max-width:1100px!important}.min-w-xl-1100{min-width:1100px}.min-w-xl-1100--force{min-width:1100px!important}.w-xl-1200{width:1200px}.w-xl-1200--force{width:1200px!important}.max-w-xl-1200{max-width:1200px}.max-w-xl-1200--force{max-width:1200px!important}.min-w-xl-1200{min-width:1200px}.min-w-xl-1200--force{min-width:1200px!important}.w-xl-1300{width:1300px}.w-xl-1300--force{width:1300px!important}.max-w-xl-1300{max-width:1300px}.max-w-xl-1300--force{max-width:1300px!important}.min-w-xl-1300{min-width:1300px}.min-w-xl-1300--force{min-width:1300px!important}.w-xl-1400{width:1400px}.w-xl-1400--force{width:1400px!important}.max-w-xl-1400{max-width:1400px}.max-w-xl-1400--force{max-width:1400px!important}.min-w-xl-1400{min-width:1400px}.min-w-xl-1400--force{min-width:1400px!important}.w-xl-1500{width:1500px}.w-xl-1500--force{width:1500px!important}.max-w-xl-1500{max-width:1500px}.max-w-xl-1500--force{max-width:1500px!important}.min-w-xl-1500{min-width:1500px}.min-w-xl-1500--force{min-width:1500px!important}.w-xl-1600{width:1600px}.w-xl-1600--force{width:1600px!important}.max-w-xl-1600{max-width:1600px}.max-w-xl-1600--force{max-width:1600px!important}.min-w-xl-1600{min-width:1600px}.min-w-xl-1600--force{min-width:1600px!important}.w-xl-1700{width:1700px}.w-xl-1700--force{width:1700px!important}.max-w-xl-1700{max-width:1700px}.max-w-xl-1700--force{max-width:1700px!important}.min-w-xl-1700{min-width:1700px}.min-w-xl-1700--force{min-width:1700px!important}.w-xl-1800{width:1800px}.w-xl-1800--force{width:1800px!important}.max-w-xl-1800{max-width:1800px}.max-w-xl-1800--force{max-width:1800px!important}.min-w-xl-1800{min-width:1800px}.min-w-xl-1800--force{min-width:1800px!important}.w-xl-1900{width:1900px}.w-xl-1900--force{width:1900px!important}.max-w-xl-1900{max-width:1900px}.max-w-xl-1900--force{max-width:1900px!important}.min-w-xl-1900{min-width:1900px}.min-w-xl-1900--force{min-width:1900px!important}.w-xl-2000{width:2000px}.w-xl-2000--force{width:2000px!important}.max-w-xl-2000{max-width:2000px}.max-w-xl-2000--force{max-width:2000px!important}.min-w-xl-2000{min-width:2000px}.min-w-xl-2000--force{min-width:2000px!important}.w-xl-auto{width:auto}.w-xl-auto--force{width:auto!important}}.m--64{margin:calc(-1 * var(--matcha-space-800,64px))}.m--64--force{margin:calc(-1 * var(--matcha-space-800,64px))!important}.mx--64{margin-right:calc(-1 * var(--matcha-space-800,64px));margin-left:calc(-1 * var(--matcha-space-800,64px))}.mx--64--force{margin-right:calc(-1 * var(--matcha-space-800,64px))!important;margin-left:calc(-1 * var(--matcha-space-800,64px))!important}.my--64{margin-top:calc(-1 * var(--matcha-space-800,64px));margin-bottom:calc(-1 * var(--matcha-space-800,64px))}.my--64--force{margin-top:calc(-1 * var(--matcha-space-800,64px))!important;margin-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.mt--64{margin-top:calc(-1 * var(--matcha-space-800,64px))}.mt--64--force{margin-top:calc(-1 * var(--matcha-space-800,64px))!important}.mr--64{margin-right:calc(-1 * var(--matcha-space-800,64px))}.mr--64--force{margin-right:calc(-1 * var(--matcha-space-800,64px))!important}.mb--64{margin-bottom:calc(-1 * var(--matcha-space-800,64px))}.mb--64--force{margin-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.ml--64{margin-left:calc(-1 * var(--matcha-space-800,64px))}.ml--64--force{margin-left:calc(-1 * var(--matcha-space-800,64px))!important}.m--60{margin:-60px}.m--60--force{margin:-60px!important}.mx--60{margin-right:-60px;margin-left:-60px}.mx--60--force{margin-right:-60px!important;margin-left:-60px!important}.my--60{margin-top:-60px;margin-bottom:-60px}.my--60--force{margin-top:-60px!important;margin-bottom:-60px!important}.mt--60{margin-top:-60px}.mt--60--force{margin-top:-60px!important}.mr--60{margin-right:-60px}.mr--60--force{margin-right:-60px!important}.mb--60{margin-bottom:-60px}.mb--60--force{margin-bottom:-60px!important}.ml--60{margin-left:-60px}.ml--60--force{margin-left:-60px!important}.m--56{margin:-56px}.m--56--force{margin:-56px!important}.mx--56{margin-right:-56px;margin-left:-56px}.mx--56--force{margin-right:-56px!important;margin-left:-56px!important}.my--56{margin-top:-56px;margin-bottom:-56px}.my--56--force{margin-top:-56px!important;margin-bottom:-56px!important}.mt--56{margin-top:-56px}.mt--56--force{margin-top:-56px!important}.mr--56{margin-right:-56px}.mr--56--force{margin-right:-56px!important}.mb--56{margin-bottom:-56px}.mb--56--force{margin-bottom:-56px!important}.ml--56{margin-left:-56px}.ml--56--force{margin-left:-56px!important}.m--52{margin:-52px}.m--52--force{margin:-52px!important}.mx--52{margin-right:-52px;margin-left:-52px}.mx--52--force{margin-right:-52px!important;margin-left:-52px!important}.my--52{margin-top:-52px;margin-bottom:-52px}.my--52--force{margin-top:-52px!important;margin-bottom:-52px!important}.mt--52{margin-top:-52px}.mt--52--force{margin-top:-52px!important}.mr--52{margin-right:-52px}.mr--52--force{margin-right:-52px!important}.mb--52{margin-bottom:-52px}.mb--52--force{margin-bottom:-52px!important}.ml--52{margin-left:-52px}.ml--52--force{margin-left:-52px!important}.m--48{margin:calc(-1 * var(--matcha-space-600,48px))}.m--48--force{margin:calc(-1 * var(--matcha-space-600,48px))!important}.mx--48{margin-right:calc(-1 * var(--matcha-space-600,48px));margin-left:calc(-1 * var(--matcha-space-600,48px))}.mx--48--force{margin-right:calc(-1 * var(--matcha-space-600,48px))!important;margin-left:calc(-1 * var(--matcha-space-600,48px))!important}.my--48{margin-top:calc(-1 * var(--matcha-space-600,48px));margin-bottom:calc(-1 * var(--matcha-space-600,48px))}.my--48--force{margin-top:calc(-1 * var(--matcha-space-600,48px))!important;margin-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.mt--48{margin-top:calc(-1 * var(--matcha-space-600,48px))}.mt--48--force{margin-top:calc(-1 * var(--matcha-space-600,48px))!important}.mr--48{margin-right:calc(-1 * var(--matcha-space-600,48px))}.mr--48--force{margin-right:calc(-1 * var(--matcha-space-600,48px))!important}.mb--48{margin-bottom:calc(-1 * var(--matcha-space-600,48px))}.mb--48--force{margin-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.ml--48{margin-left:calc(-1 * var(--matcha-space-600,48px))}.ml--48--force{margin-left:calc(-1 * var(--matcha-space-600,48px))!important}.m--44{margin:-44px}.m--44--force{margin:-44px!important}.mx--44{margin-right:-44px;margin-left:-44px}.mx--44--force{margin-right:-44px!important;margin-left:-44px!important}.my--44{margin-top:-44px;margin-bottom:-44px}.my--44--force{margin-top:-44px!important;margin-bottom:-44px!important}.mt--44{margin-top:-44px}.mt--44--force{margin-top:-44px!important}.mr--44{margin-right:-44px}.mr--44--force{margin-right:-44px!important}.mb--44{margin-bottom:-44px}.mb--44--force{margin-bottom:-44px!important}.ml--44{margin-left:-44px}.ml--44--force{margin-left:-44px!important}.m--40{margin:calc(-1 * var(--matcha-space-500,40px))}.m--40--force{margin:calc(-1 * var(--matcha-space-500,40px))!important}.mx--40{margin-right:calc(-1 * var(--matcha-space-500,40px));margin-left:calc(-1 * var(--matcha-space-500,40px))}.mx--40--force{margin-right:calc(-1 * var(--matcha-space-500,40px))!important;margin-left:calc(-1 * var(--matcha-space-500,40px))!important}.my--40{margin-top:calc(-1 * var(--matcha-space-500,40px));margin-bottom:calc(-1 * var(--matcha-space-500,40px))}.my--40--force{margin-top:calc(-1 * var(--matcha-space-500,40px))!important;margin-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.mt--40{margin-top:calc(-1 * var(--matcha-space-500,40px))}.mt--40--force{margin-top:calc(-1 * var(--matcha-space-500,40px))!important}.mr--40{margin-right:calc(-1 * var(--matcha-space-500,40px))}.mr--40--force{margin-right:calc(-1 * var(--matcha-space-500,40px))!important}.mb--40{margin-bottom:calc(-1 * var(--matcha-space-500,40px))}.mb--40--force{margin-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.ml--40{margin-left:calc(-1 * var(--matcha-space-500,40px))}.ml--40--force{margin-left:calc(-1 * var(--matcha-space-500,40px))!important}.m--36{margin:-36px}.m--36--force{margin:-36px!important}.mx--36{margin-right:-36px;margin-left:-36px}.mx--36--force{margin-right:-36px!important;margin-left:-36px!important}.my--36{margin-top:-36px;margin-bottom:-36px}.my--36--force{margin-top:-36px!important;margin-bottom:-36px!important}.mt--36{margin-top:-36px}.mt--36--force{margin-top:-36px!important}.mr--36{margin-right:-36px}.mr--36--force{margin-right:-36px!important}.mb--36{margin-bottom:-36px}.mb--36--force{margin-bottom:-36px!important}.ml--36{margin-left:-36px}.ml--36--force{margin-left:-36px!important}.m--32{margin:calc(-1 * var(--matcha-space-400,32px))}.m--32--force{margin:calc(-1 * var(--matcha-space-400,32px))!important}.mx--32{margin-right:calc(-1 * var(--matcha-space-400,32px));margin-left:calc(-1 * var(--matcha-space-400,32px))}.mx--32--force{margin-right:calc(-1 * var(--matcha-space-400,32px))!important;margin-left:calc(-1 * var(--matcha-space-400,32px))!important}.my--32{margin-top:calc(-1 * var(--matcha-space-400,32px));margin-bottom:calc(-1 * var(--matcha-space-400,32px))}.my--32--force{margin-top:calc(-1 * var(--matcha-space-400,32px))!important;margin-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.mt--32{margin-top:calc(-1 * var(--matcha-space-400,32px))}.mt--32--force{margin-top:calc(-1 * var(--matcha-space-400,32px))!important}.mr--32{margin-right:calc(-1 * var(--matcha-space-400,32px))}.mr--32--force{margin-right:calc(-1 * var(--matcha-space-400,32px))!important}.mb--32{margin-bottom:calc(-1 * var(--matcha-space-400,32px))}.mb--32--force{margin-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.ml--32{margin-left:calc(-1 * var(--matcha-space-400,32px))}.ml--32--force{margin-left:calc(-1 * var(--matcha-space-400,32px))!important}.m--28{margin:-28px}.m--28--force{margin:-28px!important}.mx--28{margin-right:-28px;margin-left:-28px}.mx--28--force{margin-right:-28px!important;margin-left:-28px!important}.my--28{margin-top:-28px;margin-bottom:-28px}.my--28--force{margin-top:-28px!important;margin-bottom:-28px!important}.mt--28{margin-top:-28px}.mt--28--force{margin-top:-28px!important}.mr--28{margin-right:-28px}.mr--28--force{margin-right:-28px!important}.mb--28{margin-bottom:-28px}.mb--28--force{margin-bottom:-28px!important}.ml--28{margin-left:-28px}.ml--28--force{margin-left:-28px!important}.m--24{margin:calc(-1 * var(--matcha-space-300,24px))}.m--24--force{margin:calc(-1 * var(--matcha-space-300,24px))!important}.mx--24{margin-right:calc(-1 * var(--matcha-space-300,24px));margin-left:calc(-1 * var(--matcha-space-300,24px))}.mx--24--force{margin-right:calc(-1 * var(--matcha-space-300,24px))!important;margin-left:calc(-1 * var(--matcha-space-300,24px))!important}.my--24{margin-top:calc(-1 * var(--matcha-space-300,24px));margin-bottom:calc(-1 * var(--matcha-space-300,24px))}.my--24--force{margin-top:calc(-1 * var(--matcha-space-300,24px))!important;margin-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.mt--24{margin-top:calc(-1 * var(--matcha-space-300,24px))}.mt--24--force{margin-top:calc(-1 * var(--matcha-space-300,24px))!important}.mr--24{margin-right:calc(-1 * var(--matcha-space-300,24px))}.mr--24--force{margin-right:calc(-1 * var(--matcha-space-300,24px))!important}.mb--24{margin-bottom:calc(-1 * var(--matcha-space-300,24px))}.mb--24--force{margin-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.ml--24{margin-left:calc(-1 * var(--matcha-space-300,24px))}.ml--24--force{margin-left:calc(-1 * var(--matcha-space-300,24px))!important}.m--20{margin:calc(-1 * var(--matcha-space-250,20px))}.m--20--force{margin:calc(-1 * var(--matcha-space-250,20px))!important}.mx--20{margin-right:calc(-1 * var(--matcha-space-250,20px));margin-left:calc(-1 * var(--matcha-space-250,20px))}.mx--20--force{margin-right:calc(-1 * var(--matcha-space-250,20px))!important;margin-left:calc(-1 * var(--matcha-space-250,20px))!important}.my--20{margin-top:calc(-1 * var(--matcha-space-250,20px));margin-bottom:calc(-1 * var(--matcha-space-250,20px))}.my--20--force{margin-top:calc(-1 * var(--matcha-space-250,20px))!important;margin-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.mt--20{margin-top:calc(-1 * var(--matcha-space-250,20px))}.mt--20--force{margin-top:calc(-1 * var(--matcha-space-250,20px))!important}.mr--20{margin-right:calc(-1 * var(--matcha-space-250,20px))}.mr--20--force{margin-right:calc(-1 * var(--matcha-space-250,20px))!important}.mb--20{margin-bottom:calc(-1 * var(--matcha-space-250,20px))}.mb--20--force{margin-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.ml--20{margin-left:calc(-1 * var(--matcha-space-250,20px))}.ml--20--force{margin-left:calc(-1 * var(--matcha-space-250,20px))!important}.m--16{margin:calc(-1 * var(--matcha-space-200,16px))}.m--16--force{margin:calc(-1 * var(--matcha-space-200,16px))!important}.mx--16{margin-right:calc(-1 * var(--matcha-space-200,16px));margin-left:calc(-1 * var(--matcha-space-200,16px))}.mx--16--force{margin-right:calc(-1 * var(--matcha-space-200,16px))!important;margin-left:calc(-1 * var(--matcha-space-200,16px))!important}.my--16{margin-top:calc(-1 * var(--matcha-space-200,16px));margin-bottom:calc(-1 * var(--matcha-space-200,16px))}.my--16--force{margin-top:calc(-1 * var(--matcha-space-200,16px))!important;margin-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.mt--16{margin-top:calc(-1 * var(--matcha-space-200,16px))}.mt--16--force{margin-top:calc(-1 * var(--matcha-space-200,16px))!important}.mr--16{margin-right:calc(-1 * var(--matcha-space-200,16px))}.mr--16--force{margin-right:calc(-1 * var(--matcha-space-200,16px))!important}.mb--16{margin-bottom:calc(-1 * var(--matcha-space-200,16px))}.mb--16--force{margin-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.ml--16{margin-left:calc(-1 * var(--matcha-space-200,16px))}.ml--16--force{margin-left:calc(-1 * var(--matcha-space-200,16px))!important}.m--12{margin:calc(-1 * var(--matcha-space-150,12px))}.m--12--force{margin:calc(-1 * var(--matcha-space-150,12px))!important}.mx--12{margin-right:calc(-1 * var(--matcha-space-150,12px));margin-left:calc(-1 * var(--matcha-space-150,12px))}.mx--12--force{margin-right:calc(-1 * var(--matcha-space-150,12px))!important;margin-left:calc(-1 * var(--matcha-space-150,12px))!important}.my--12{margin-top:calc(-1 * var(--matcha-space-150,12px));margin-bottom:calc(-1 * var(--matcha-space-150,12px))}.my--12--force{margin-top:calc(-1 * var(--matcha-space-150,12px))!important;margin-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.mt--12{margin-top:calc(-1 * var(--matcha-space-150,12px))}.mt--12--force{margin-top:calc(-1 * var(--matcha-space-150,12px))!important}.mr--12{margin-right:calc(-1 * var(--matcha-space-150,12px))}.mr--12--force{margin-right:calc(-1 * var(--matcha-space-150,12px))!important}.mb--12{margin-bottom:calc(-1 * var(--matcha-space-150,12px))}.mb--12--force{margin-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.ml--12{margin-left:calc(-1 * var(--matcha-space-150,12px))}.ml--12--force{margin-left:calc(-1 * var(--matcha-space-150,12px))!important}.m--8{margin:calc(-1 * var(--matcha-space-100,8px))}.m--8--force{margin:calc(-1 * var(--matcha-space-100,8px))!important}.mx--8{margin-right:calc(-1 * var(--matcha-space-100,8px));margin-left:calc(-1 * var(--matcha-space-100,8px))}.mx--8--force{margin-right:calc(-1 * var(--matcha-space-100,8px))!important;margin-left:calc(-1 * var(--matcha-space-100,8px))!important}.my--8{margin-top:calc(-1 * var(--matcha-space-100,8px));margin-bottom:calc(-1 * var(--matcha-space-100,8px))}.my--8--force{margin-top:calc(-1 * var(--matcha-space-100,8px))!important;margin-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.mt--8{margin-top:calc(-1 * var(--matcha-space-100,8px))}.mt--8--force{margin-top:calc(-1 * var(--matcha-space-100,8px))!important}.mr--8{margin-right:calc(-1 * var(--matcha-space-100,8px))}.mr--8--force{margin-right:calc(-1 * var(--matcha-space-100,8px))!important}.mb--8{margin-bottom:calc(-1 * var(--matcha-space-100,8px))}.mb--8--force{margin-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.ml--8{margin-left:calc(-1 * var(--matcha-space-100,8px))}.ml--8--force{margin-left:calc(-1 * var(--matcha-space-100,8px))!important}.m--4{margin:calc(-1 * var(--matcha-space-050,4px))}.m--4--force{margin:calc(-1 * var(--matcha-space-050,4px))!important}.mx--4{margin-right:calc(-1 * var(--matcha-space-050,4px));margin-left:calc(-1 * var(--matcha-space-050,4px))}.mx--4--force{margin-right:calc(-1 * var(--matcha-space-050,4px))!important;margin-left:calc(-1 * var(--matcha-space-050,4px))!important}.my--4{margin-top:calc(-1 * var(--matcha-space-050,4px));margin-bottom:calc(-1 * var(--matcha-space-050,4px))}.my--4--force{margin-top:calc(-1 * var(--matcha-space-050,4px))!important;margin-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.mt--4{margin-top:calc(-1 * var(--matcha-space-050,4px))}.mt--4--force{margin-top:calc(-1 * var(--matcha-space-050,4px))!important}.mr--4{margin-right:calc(-1 * var(--matcha-space-050,4px))}.mr--4--force{margin-right:calc(-1 * var(--matcha-space-050,4px))!important}.mb--4{margin-bottom:calc(-1 * var(--matcha-space-050,4px))}.mb--4--force{margin-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.ml--4{margin-left:calc(-1 * var(--matcha-space-050,4px))}.ml--4--force{margin-left:calc(-1 * var(--matcha-space-050,4px))!important}.m-0{margin:var(--matcha-space-0,0)}.m-0--force{margin:var(--matcha-space-0,0)!important}.mx-0{margin-right:var(--matcha-space-0,0);margin-left:var(--matcha-space-0,0)}.mx-0--force{margin-right:var(--matcha-space-0,0)!important;margin-left:var(--matcha-space-0,0)!important}.my-0{margin-top:var(--matcha-space-0,0);margin-bottom:var(--matcha-space-0,0)}.my-0--force{margin-top:var(--matcha-space-0,0)!important;margin-bottom:var(--matcha-space-0,0)!important}.mt-0{margin-top:var(--matcha-space-0,0)}.mt-0--force{margin-top:var(--matcha-space-0,0)!important}.mr-0{margin-right:var(--matcha-space-0,0)}.mr-0--force{margin-right:var(--matcha-space-0,0)!important}.mb-0{margin-bottom:var(--matcha-space-0,0)}.mb-0--force{margin-bottom:var(--matcha-space-0,0)!important}.ml-0{margin-left:var(--matcha-space-0,0)}.ml-0--force{margin-left:var(--matcha-space-0,0)!important}.m-4{margin:var(--matcha-space-050,4px)}.m-4--force{margin:var(--matcha-space-050,4px)!important}.mx-4{margin-right:var(--matcha-space-050,4px);margin-left:var(--matcha-space-050,4px)}.mx-4--force{margin-right:var(--matcha-space-050,4px)!important;margin-left:var(--matcha-space-050,4px)!important}.my-4{margin-top:var(--matcha-space-050,4px);margin-bottom:var(--matcha-space-050,4px)}.my-4--force{margin-top:var(--matcha-space-050,4px)!important;margin-bottom:var(--matcha-space-050,4px)!important}.mt-4{margin-top:var(--matcha-space-050,4px)}.mt-4--force{margin-top:var(--matcha-space-050,4px)!important}.mr-4{margin-right:var(--matcha-space-050,4px)}.mr-4--force{margin-right:var(--matcha-space-050,4px)!important}.mb-4{margin-bottom:var(--matcha-space-050,4px)}.mb-4--force{margin-bottom:var(--matcha-space-050,4px)!important}.ml-4{margin-left:var(--matcha-space-050,4px)}.ml-4--force{margin-left:var(--matcha-space-050,4px)!important}.m-8{margin:var(--matcha-space-100,8px)}.m-8--force{margin:var(--matcha-space-100,8px)!important}.mx-8{margin-right:var(--matcha-space-100,8px);margin-left:var(--matcha-space-100,8px)}.mx-8--force{margin-right:var(--matcha-space-100,8px)!important;margin-left:var(--matcha-space-100,8px)!important}.my-8{margin-top:var(--matcha-space-100,8px);margin-bottom:var(--matcha-space-100,8px)}.my-8--force{margin-top:var(--matcha-space-100,8px)!important;margin-bottom:var(--matcha-space-100,8px)!important}.mt-8{margin-top:var(--matcha-space-100,8px)}.mt-8--force{margin-top:var(--matcha-space-100,8px)!important}.mr-8{margin-right:var(--matcha-space-100,8px)}.mr-8--force{margin-right:var(--matcha-space-100,8px)!important}.mb-8{margin-bottom:var(--matcha-space-100,8px)}.mb-8--force{margin-bottom:var(--matcha-space-100,8px)!important}.ml-8{margin-left:var(--matcha-space-100,8px)}.ml-8--force{margin-left:var(--matcha-space-100,8px)!important}.m-12{margin:var(--matcha-space-150,12px)}.m-12--force{margin:var(--matcha-space-150,12px)!important}.mx-12{margin-right:var(--matcha-space-150,12px);margin-left:var(--matcha-space-150,12px)}.mx-12--force{margin-right:var(--matcha-space-150,12px)!important;margin-left:var(--matcha-space-150,12px)!important}.my-12{margin-top:var(--matcha-space-150,12px);margin-bottom:var(--matcha-space-150,12px)}.my-12--force{margin-top:var(--matcha-space-150,12px)!important;margin-bottom:var(--matcha-space-150,12px)!important}.mt-12{margin-top:var(--matcha-space-150,12px)}.mt-12--force{margin-top:var(--matcha-space-150,12px)!important}.mr-12{margin-right:var(--matcha-space-150,12px)}.mr-12--force{margin-right:var(--matcha-space-150,12px)!important}.mb-12{margin-bottom:var(--matcha-space-150,12px)}.mb-12--force{margin-bottom:var(--matcha-space-150,12px)!important}.ml-12{margin-left:var(--matcha-space-150,12px)}.ml-12--force{margin-left:var(--matcha-space-150,12px)!important}.m-16{margin:var(--matcha-space-200,16px)}.m-16--force{margin:var(--matcha-space-200,16px)!important}.mx-16{margin-right:var(--matcha-space-200,16px);margin-left:var(--matcha-space-200,16px)}.mx-16--force{margin-right:var(--matcha-space-200,16px)!important;margin-left:var(--matcha-space-200,16px)!important}.my-16{margin-top:var(--matcha-space-200,16px);margin-bottom:var(--matcha-space-200,16px)}.my-16--force{margin-top:var(--matcha-space-200,16px)!important;margin-bottom:var(--matcha-space-200,16px)!important}.mt-16{margin-top:var(--matcha-space-200,16px)}.mt-16--force{margin-top:var(--matcha-space-200,16px)!important}.mr-16{margin-right:var(--matcha-space-200,16px)}.mr-16--force{margin-right:var(--matcha-space-200,16px)!important}.mb-16{margin-bottom:var(--matcha-space-200,16px)}.mb-16--force{margin-bottom:var(--matcha-space-200,16px)!important}.ml-16{margin-left:var(--matcha-space-200,16px)}.ml-16--force{margin-left:var(--matcha-space-200,16px)!important}.m-20{margin:var(--matcha-space-250,20px)}.m-20--force{margin:var(--matcha-space-250,20px)!important}.mx-20{margin-right:var(--matcha-space-250,20px);margin-left:var(--matcha-space-250,20px)}.mx-20--force{margin-right:var(--matcha-space-250,20px)!important;margin-left:var(--matcha-space-250,20px)!important}.my-20{margin-top:var(--matcha-space-250,20px);margin-bottom:var(--matcha-space-250,20px)}.my-20--force{margin-top:var(--matcha-space-250,20px)!important;margin-bottom:var(--matcha-space-250,20px)!important}.mt-20{margin-top:var(--matcha-space-250,20px)}.mt-20--force{margin-top:var(--matcha-space-250,20px)!important}.mr-20{margin-right:var(--matcha-space-250,20px)}.mr-20--force{margin-right:var(--matcha-space-250,20px)!important}.mb-20{margin-bottom:var(--matcha-space-250,20px)}.mb-20--force{margin-bottom:var(--matcha-space-250,20px)!important}.ml-20{margin-left:var(--matcha-space-250,20px)}.ml-20--force{margin-left:var(--matcha-space-250,20px)!important}.m-24{margin:var(--matcha-space-300,24px)}.m-24--force{margin:var(--matcha-space-300,24px)!important}.mx-24{margin-right:var(--matcha-space-300,24px);margin-left:var(--matcha-space-300,24px)}.mx-24--force{margin-right:var(--matcha-space-300,24px)!important;margin-left:var(--matcha-space-300,24px)!important}.my-24{margin-top:var(--matcha-space-300,24px);margin-bottom:var(--matcha-space-300,24px)}.my-24--force{margin-top:var(--matcha-space-300,24px)!important;margin-bottom:var(--matcha-space-300,24px)!important}.mt-24{margin-top:var(--matcha-space-300,24px)}.mt-24--force{margin-top:var(--matcha-space-300,24px)!important}.mr-24{margin-right:var(--matcha-space-300,24px)}.mr-24--force{margin-right:var(--matcha-space-300,24px)!important}.mb-24{margin-bottom:var(--matcha-space-300,24px)}.mb-24--force{margin-bottom:var(--matcha-space-300,24px)!important}.ml-24{margin-left:var(--matcha-space-300,24px)}.ml-24--force{margin-left:var(--matcha-space-300,24px)!important}.m-28{margin:28px}.m-28--force{margin:28px!important}.mx-28{margin-right:28px;margin-left:28px}.mx-28--force{margin-right:28px!important;margin-left:28px!important}.my-28{margin-top:28px;margin-bottom:28px}.my-28--force{margin-top:28px!important;margin-bottom:28px!important}.mt-28{margin-top:28px}.mt-28--force{margin-top:28px!important}.mr-28{margin-right:28px}.mr-28--force{margin-right:28px!important}.mb-28{margin-bottom:28px}.mb-28--force{margin-bottom:28px!important}.ml-28{margin-left:28px}.ml-28--force{margin-left:28px!important}.m-32{margin:var(--matcha-space-400,32px)}.m-32--force{margin:var(--matcha-space-400,32px)!important}.mx-32{margin-right:var(--matcha-space-400,32px);margin-left:var(--matcha-space-400,32px)}.mx-32--force{margin-right:var(--matcha-space-400,32px)!important;margin-left:var(--matcha-space-400,32px)!important}.my-32{margin-top:var(--matcha-space-400,32px);margin-bottom:var(--matcha-space-400,32px)}.my-32--force{margin-top:var(--matcha-space-400,32px)!important;margin-bottom:var(--matcha-space-400,32px)!important}.mt-32{margin-top:var(--matcha-space-400,32px)}.mt-32--force{margin-top:var(--matcha-space-400,32px)!important}.mr-32{margin-right:var(--matcha-space-400,32px)}.mr-32--force{margin-right:var(--matcha-space-400,32px)!important}.mb-32{margin-bottom:var(--matcha-space-400,32px)}.mb-32--force{margin-bottom:var(--matcha-space-400,32px)!important}.ml-32{margin-left:var(--matcha-space-400,32px)}.ml-32--force{margin-left:var(--matcha-space-400,32px)!important}.m-36{margin:36px}.m-36--force{margin:36px!important}.mx-36{margin-right:36px;margin-left:36px}.mx-36--force{margin-right:36px!important;margin-left:36px!important}.my-36{margin-top:36px;margin-bottom:36px}.my-36--force{margin-top:36px!important;margin-bottom:36px!important}.mt-36{margin-top:36px}.mt-36--force{margin-top:36px!important}.mr-36{margin-right:36px}.mr-36--force{margin-right:36px!important}.mb-36{margin-bottom:36px}.mb-36--force{margin-bottom:36px!important}.ml-36{margin-left:36px}.ml-36--force{margin-left:36px!important}.m-40{margin:var(--matcha-space-500,40px)}.m-40--force{margin:var(--matcha-space-500,40px)!important}.mx-40{margin-right:var(--matcha-space-500,40px);margin-left:var(--matcha-space-500,40px)}.mx-40--force{margin-right:var(--matcha-space-500,40px)!important;margin-left:var(--matcha-space-500,40px)!important}.my-40{margin-top:var(--matcha-space-500,40px);margin-bottom:var(--matcha-space-500,40px)}.my-40--force{margin-top:var(--matcha-space-500,40px)!important;margin-bottom:var(--matcha-space-500,40px)!important}.mt-40{margin-top:var(--matcha-space-500,40px)}.mt-40--force{margin-top:var(--matcha-space-500,40px)!important}.mr-40{margin-right:var(--matcha-space-500,40px)}.mr-40--force{margin-right:var(--matcha-space-500,40px)!important}.mb-40{margin-bottom:var(--matcha-space-500,40px)}.mb-40--force{margin-bottom:var(--matcha-space-500,40px)!important}.ml-40{margin-left:var(--matcha-space-500,40px)}.ml-40--force{margin-left:var(--matcha-space-500,40px)!important}.m-44{margin:44px}.m-44--force{margin:44px!important}.mx-44{margin-right:44px;margin-left:44px}.mx-44--force{margin-right:44px!important;margin-left:44px!important}.my-44{margin-top:44px;margin-bottom:44px}.my-44--force{margin-top:44px!important;margin-bottom:44px!important}.mt-44{margin-top:44px}.mt-44--force{margin-top:44px!important}.mr-44{margin-right:44px}.mr-44--force{margin-right:44px!important}.mb-44{margin-bottom:44px}.mb-44--force{margin-bottom:44px!important}.ml-44{margin-left:44px}.ml-44--force{margin-left:44px!important}.m-48{margin:var(--matcha-space-600,48px)}.m-48--force{margin:var(--matcha-space-600,48px)!important}.mx-48{margin-right:var(--matcha-space-600,48px);margin-left:var(--matcha-space-600,48px)}.mx-48--force{margin-right:var(--matcha-space-600,48px)!important;margin-left:var(--matcha-space-600,48px)!important}.my-48{margin-top:var(--matcha-space-600,48px);margin-bottom:var(--matcha-space-600,48px)}.my-48--force{margin-top:var(--matcha-space-600,48px)!important;margin-bottom:var(--matcha-space-600,48px)!important}.mt-48{margin-top:var(--matcha-space-600,48px)}.mt-48--force{margin-top:var(--matcha-space-600,48px)!important}.mr-48{margin-right:var(--matcha-space-600,48px)}.mr-48--force{margin-right:var(--matcha-space-600,48px)!important}.mb-48{margin-bottom:var(--matcha-space-600,48px)}.mb-48--force{margin-bottom:var(--matcha-space-600,48px)!important}.ml-48{margin-left:var(--matcha-space-600,48px)}.ml-48--force{margin-left:var(--matcha-space-600,48px)!important}.m-52{margin:52px}.m-52--force{margin:52px!important}.mx-52{margin-right:52px;margin-left:52px}.mx-52--force{margin-right:52px!important;margin-left:52px!important}.my-52{margin-top:52px;margin-bottom:52px}.my-52--force{margin-top:52px!important;margin-bottom:52px!important}.mt-52{margin-top:52px}.mt-52--force{margin-top:52px!important}.mr-52{margin-right:52px}.mr-52--force{margin-right:52px!important}.mb-52{margin-bottom:52px}.mb-52--force{margin-bottom:52px!important}.ml-52{margin-left:52px}.ml-52--force{margin-left:52px!important}.m-56{margin:56px}.m-56--force{margin:56px!important}.mx-56{margin-right:56px;margin-left:56px}.mx-56--force{margin-right:56px!important;margin-left:56px!important}.my-56{margin-top:56px;margin-bottom:56px}.my-56--force{margin-top:56px!important;margin-bottom:56px!important}.mt-56{margin-top:56px}.mt-56--force{margin-top:56px!important}.mr-56{margin-right:56px}.mr-56--force{margin-right:56px!important}.mb-56{margin-bottom:56px}.mb-56--force{margin-bottom:56px!important}.ml-56{margin-left:56px}.ml-56--force{margin-left:56px!important}.m-60{margin:60px}.m-60--force{margin:60px!important}.mx-60{margin-right:60px;margin-left:60px}.mx-60--force{margin-right:60px!important;margin-left:60px!important}.my-60{margin-top:60px;margin-bottom:60px}.my-60--force{margin-top:60px!important;margin-bottom:60px!important}.mt-60{margin-top:60px}.mt-60--force{margin-top:60px!important}.mr-60{margin-right:60px}.mr-60--force{margin-right:60px!important}.mb-60{margin-bottom:60px}.mb-60--force{margin-bottom:60px!important}.ml-60{margin-left:60px}.ml-60--force{margin-left:60px!important}.m-64{margin:var(--matcha-space-800,64px)}.m-64--force{margin:var(--matcha-space-800,64px)!important}.mx-64{margin-right:var(--matcha-space-800,64px);margin-left:var(--matcha-space-800,64px)}.mx-64--force{margin-right:var(--matcha-space-800,64px)!important;margin-left:var(--matcha-space-800,64px)!important}.my-64{margin-top:var(--matcha-space-800,64px);margin-bottom:var(--matcha-space-800,64px)}.my-64--force{margin-top:var(--matcha-space-800,64px)!important;margin-bottom:var(--matcha-space-800,64px)!important}.mt-64{margin-top:var(--matcha-space-800,64px)}.mt-64--force{margin-top:var(--matcha-space-800,64px)!important}.mr-64{margin-right:var(--matcha-space-800,64px)}.mr-64--force{margin-right:var(--matcha-space-800,64px)!important}.mb-64{margin-bottom:var(--matcha-space-800,64px)}.mb-64--force{margin-bottom:var(--matcha-space-800,64px)!important}.ml-64{margin-left:var(--matcha-space-800,64px)}.ml-64--force{margin-left:var(--matcha-space-800,64px)!important}.m-auto{margin:auto}.m-auto--force{margin:auto!important}.mt-auto{margin-top:auto}.mt-auto--force{margin-top:auto!important}.mr-auto{margin-right:auto}.mr-auto--force{margin-right:auto!important}.mb-auto{margin-bottom:auto}.mb-auto--force{margin-bottom:auto!important}.ml-auto{margin-left:auto}.ml-auto--force{margin-left:auto!important}.mx-auto{margin-right:auto;margin-left:auto}.mx-auto--force{margin-right:auto!important;margin-left:auto!important}.my-auto{margin-top:auto;margin-bottom:auto}.my-auto--force{margin-top:auto!important;margin-bottom:auto!important}.p--64{padding:calc(-1 * var(--matcha-space-800,64px))}.p--64--force{padding:calc(-1 * var(--matcha-space-800,64px))!important}.px--64{padding-right:calc(-1 * var(--matcha-space-800,64px));padding-left:calc(-1 * var(--matcha-space-800,64px))}.px--64--force{padding-right:calc(-1 * var(--matcha-space-800,64px))!important;padding-left:calc(-1 * var(--matcha-space-800,64px))!important}.py--64{padding-top:calc(-1 * var(--matcha-space-800,64px));padding-bottom:calc(-1 * var(--matcha-space-800,64px))}.py--64--force{padding-top:calc(-1 * var(--matcha-space-800,64px))!important;padding-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.pt--64{padding-top:calc(-1 * var(--matcha-space-800,64px))}.pt--64--force{padding-top:calc(-1 * var(--matcha-space-800,64px))!important}.pr--64{padding-right:calc(-1 * var(--matcha-space-800,64px))}.pr--64--force{padding-right:calc(-1 * var(--matcha-space-800,64px))!important}.pb--64{padding-bottom:calc(-1 * var(--matcha-space-800,64px))}.pb--64--force{padding-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.pl--64{padding-left:calc(-1 * var(--matcha-space-800,64px))}.pl--64--force{padding-left:calc(-1 * var(--matcha-space-800,64px))!important}.p--48{padding:calc(-1 * var(--matcha-space-600,48px))}.p--48--force{padding:calc(-1 * var(--matcha-space-600,48px))!important}.px--48{padding-right:calc(-1 * var(--matcha-space-600,48px));padding-left:calc(-1 * var(--matcha-space-600,48px))}.px--48--force{padding-right:calc(-1 * var(--matcha-space-600,48px))!important;padding-left:calc(-1 * var(--matcha-space-600,48px))!important}.py--48{padding-top:calc(-1 * var(--matcha-space-600,48px));padding-bottom:calc(-1 * var(--matcha-space-600,48px))}.py--48--force{padding-top:calc(-1 * var(--matcha-space-600,48px))!important;padding-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.pt--48{padding-top:calc(-1 * var(--matcha-space-600,48px))}.pt--48--force{padding-top:calc(-1 * var(--matcha-space-600,48px))!important}.pr--48{padding-right:calc(-1 * var(--matcha-space-600,48px))}.pr--48--force{padding-right:calc(-1 * var(--matcha-space-600,48px))!important}.pb--48{padding-bottom:calc(-1 * var(--matcha-space-600,48px))}.pb--48--force{padding-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.pl--48{padding-left:calc(-1 * var(--matcha-space-600,48px))}.pl--48--force{padding-left:calc(-1 * var(--matcha-space-600,48px))!important}.p--40{padding:calc(-1 * var(--matcha-space-500,40px))}.p--40--force{padding:calc(-1 * var(--matcha-space-500,40px))!important}.px--40{padding-right:calc(-1 * var(--matcha-space-500,40px));padding-left:calc(-1 * var(--matcha-space-500,40px))}.px--40--force{padding-right:calc(-1 * var(--matcha-space-500,40px))!important;padding-left:calc(-1 * var(--matcha-space-500,40px))!important}.py--40{padding-top:calc(-1 * var(--matcha-space-500,40px));padding-bottom:calc(-1 * var(--matcha-space-500,40px))}.py--40--force{padding-top:calc(-1 * var(--matcha-space-500,40px))!important;padding-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.pt--40{padding-top:calc(-1 * var(--matcha-space-500,40px))}.pt--40--force{padding-top:calc(-1 * var(--matcha-space-500,40px))!important}.pr--40{padding-right:calc(-1 * var(--matcha-space-500,40px))}.pr--40--force{padding-right:calc(-1 * var(--matcha-space-500,40px))!important}.pb--40{padding-bottom:calc(-1 * var(--matcha-space-500,40px))}.pb--40--force{padding-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.pl--40{padding-left:calc(-1 * var(--matcha-space-500,40px))}.pl--40--force{padding-left:calc(-1 * var(--matcha-space-500,40px))!important}.p--32{padding:calc(-1 * var(--matcha-space-400,32px))}.p--32--force{padding:calc(-1 * var(--matcha-space-400,32px))!important}.px--32{padding-right:calc(-1 * var(--matcha-space-400,32px));padding-left:calc(-1 * var(--matcha-space-400,32px))}.px--32--force{padding-right:calc(-1 * var(--matcha-space-400,32px))!important;padding-left:calc(-1 * var(--matcha-space-400,32px))!important}.py--32{padding-top:calc(-1 * var(--matcha-space-400,32px));padding-bottom:calc(-1 * var(--matcha-space-400,32px))}.py--32--force{padding-top:calc(-1 * var(--matcha-space-400,32px))!important;padding-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.pt--32{padding-top:calc(-1 * var(--matcha-space-400,32px))}.pt--32--force{padding-top:calc(-1 * var(--matcha-space-400,32px))!important}.pr--32{padding-right:calc(-1 * var(--matcha-space-400,32px))}.pr--32--force{padding-right:calc(-1 * var(--matcha-space-400,32px))!important}.pb--32{padding-bottom:calc(-1 * var(--matcha-space-400,32px))}.pb--32--force{padding-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.pl--32{padding-left:calc(-1 * var(--matcha-space-400,32px))}.pl--32--force{padding-left:calc(-1 * var(--matcha-space-400,32px))!important}.p--24{padding:calc(-1 * var(--matcha-space-300,24px))}.p--24--force{padding:calc(-1 * var(--matcha-space-300,24px))!important}.px--24{padding-right:calc(-1 * var(--matcha-space-300,24px));padding-left:calc(-1 * var(--matcha-space-300,24px))}.px--24--force{padding-right:calc(-1 * var(--matcha-space-300,24px))!important;padding-left:calc(-1 * var(--matcha-space-300,24px))!important}.py--24{padding-top:calc(-1 * var(--matcha-space-300,24px));padding-bottom:calc(-1 * var(--matcha-space-300,24px))}.py--24--force{padding-top:calc(-1 * var(--matcha-space-300,24px))!important;padding-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.pt--24{padding-top:calc(-1 * var(--matcha-space-300,24px))}.pt--24--force{padding-top:calc(-1 * var(--matcha-space-300,24px))!important}.pr--24{padding-right:calc(-1 * var(--matcha-space-300,24px))}.pr--24--force{padding-right:calc(-1 * var(--matcha-space-300,24px))!important}.pb--24{padding-bottom:calc(-1 * var(--matcha-space-300,24px))}.pb--24--force{padding-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.pl--24{padding-left:calc(-1 * var(--matcha-space-300,24px))}.pl--24--force{padding-left:calc(-1 * var(--matcha-space-300,24px))!important}.p--20{padding:calc(-1 * var(--matcha-space-250,20px))}.p--20--force{padding:calc(-1 * var(--matcha-space-250,20px))!important}.px--20{padding-right:calc(-1 * var(--matcha-space-250,20px));padding-left:calc(-1 * var(--matcha-space-250,20px))}.px--20--force{padding-right:calc(-1 * var(--matcha-space-250,20px))!important;padding-left:calc(-1 * var(--matcha-space-250,20px))!important}.py--20{padding-top:calc(-1 * var(--matcha-space-250,20px));padding-bottom:calc(-1 * var(--matcha-space-250,20px))}.py--20--force{padding-top:calc(-1 * var(--matcha-space-250,20px))!important;padding-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.pt--20{padding-top:calc(-1 * var(--matcha-space-250,20px))}.pt--20--force{padding-top:calc(-1 * var(--matcha-space-250,20px))!important}.pr--20{padding-right:calc(-1 * var(--matcha-space-250,20px))}.pr--20--force{padding-right:calc(-1 * var(--matcha-space-250,20px))!important}.pb--20{padding-bottom:calc(-1 * var(--matcha-space-250,20px))}.pb--20--force{padding-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.pl--20{padding-left:calc(-1 * var(--matcha-space-250,20px))}.pl--20--force{padding-left:calc(-1 * var(--matcha-space-250,20px))!important}.p--16{padding:calc(-1 * var(--matcha-space-200,16px))}.p--16--force{padding:calc(-1 * var(--matcha-space-200,16px))!important}.px--16{padding-right:calc(-1 * var(--matcha-space-200,16px));padding-left:calc(-1 * var(--matcha-space-200,16px))}.px--16--force{padding-right:calc(-1 * var(--matcha-space-200,16px))!important;padding-left:calc(-1 * var(--matcha-space-200,16px))!important}.py--16{padding-top:calc(-1 * var(--matcha-space-200,16px));padding-bottom:calc(-1 * var(--matcha-space-200,16px))}.py--16--force{padding-top:calc(-1 * var(--matcha-space-200,16px))!important;padding-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.pt--16{padding-top:calc(-1 * var(--matcha-space-200,16px))}.pt--16--force{padding-top:calc(-1 * var(--matcha-space-200,16px))!important}.pr--16{padding-right:calc(-1 * var(--matcha-space-200,16px))}.pr--16--force{padding-right:calc(-1 * var(--matcha-space-200,16px))!important}.pb--16{padding-bottom:calc(-1 * var(--matcha-space-200,16px))}.pb--16--force{padding-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.pl--16{padding-left:calc(-1 * var(--matcha-space-200,16px))}.pl--16--force{padding-left:calc(-1 * var(--matcha-space-200,16px))!important}.p--12{padding:calc(-1 * var(--matcha-space-150,12px))}.p--12--force{padding:calc(-1 * var(--matcha-space-150,12px))!important}.px--12{padding-right:calc(-1 * var(--matcha-space-150,12px));padding-left:calc(-1 * var(--matcha-space-150,12px))}.px--12--force{padding-right:calc(-1 * var(--matcha-space-150,12px))!important;padding-left:calc(-1 * var(--matcha-space-150,12px))!important}.py--12{padding-top:calc(-1 * var(--matcha-space-150,12px));padding-bottom:calc(-1 * var(--matcha-space-150,12px))}.py--12--force{padding-top:calc(-1 * var(--matcha-space-150,12px))!important;padding-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.pt--12{padding-top:calc(-1 * var(--matcha-space-150,12px))}.pt--12--force{padding-top:calc(-1 * var(--matcha-space-150,12px))!important}.pr--12{padding-right:calc(-1 * var(--matcha-space-150,12px))}.pr--12--force{padding-right:calc(-1 * var(--matcha-space-150,12px))!important}.pb--12{padding-bottom:calc(-1 * var(--matcha-space-150,12px))}.pb--12--force{padding-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.pl--12{padding-left:calc(-1 * var(--matcha-space-150,12px))}.pl--12--force{padding-left:calc(-1 * var(--matcha-space-150,12px))!important}.p--8{padding:calc(-1 * var(--matcha-space-100,8px))}.p--8--force{padding:calc(-1 * var(--matcha-space-100,8px))!important}.px--8{padding-right:calc(-1 * var(--matcha-space-100,8px));padding-left:calc(-1 * var(--matcha-space-100,8px))}.px--8--force{padding-right:calc(-1 * var(--matcha-space-100,8px))!important;padding-left:calc(-1 * var(--matcha-space-100,8px))!important}.py--8{padding-top:calc(-1 * var(--matcha-space-100,8px));padding-bottom:calc(-1 * var(--matcha-space-100,8px))}.py--8--force{padding-top:calc(-1 * var(--matcha-space-100,8px))!important;padding-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.pt--8{padding-top:calc(-1 * var(--matcha-space-100,8px))}.pt--8--force{padding-top:calc(-1 * var(--matcha-space-100,8px))!important}.pr--8{padding-right:calc(-1 * var(--matcha-space-100,8px))}.pr--8--force{padding-right:calc(-1 * var(--matcha-space-100,8px))!important}.pb--8{padding-bottom:calc(-1 * var(--matcha-space-100,8px))}.pb--8--force{padding-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.pl--8{padding-left:calc(-1 * var(--matcha-space-100,8px))}.pl--8--force{padding-left:calc(-1 * var(--matcha-space-100,8px))!important}.p--4{padding:calc(-1 * var(--matcha-space-050,4px))}.p--4--force{padding:calc(-1 * var(--matcha-space-050,4px))!important}.px--4{padding-right:calc(-1 * var(--matcha-space-050,4px));padding-left:calc(-1 * var(--matcha-space-050,4px))}.px--4--force{padding-right:calc(-1 * var(--matcha-space-050,4px))!important;padding-left:calc(-1 * var(--matcha-space-050,4px))!important}.py--4{padding-top:calc(-1 * var(--matcha-space-050,4px));padding-bottom:calc(-1 * var(--matcha-space-050,4px))}.py--4--force{padding-top:calc(-1 * var(--matcha-space-050,4px))!important;padding-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.pt--4{padding-top:calc(-1 * var(--matcha-space-050,4px))}.pt--4--force{padding-top:calc(-1 * var(--matcha-space-050,4px))!important}.pr--4{padding-right:calc(-1 * var(--matcha-space-050,4px))}.pr--4--force{padding-right:calc(-1 * var(--matcha-space-050,4px))!important}.pb--4{padding-bottom:calc(-1 * var(--matcha-space-050,4px))}.pb--4--force{padding-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.pl--4{padding-left:calc(-1 * var(--matcha-space-050,4px))}.pl--4--force{padding-left:calc(-1 * var(--matcha-space-050,4px))!important}.p-0{padding:var(--matcha-space-0,0)}.p-0--force{padding:var(--matcha-space-0,0)!important}.px-0{padding-right:var(--matcha-space-0,0);padding-left:var(--matcha-space-0,0)}.px-0--force{padding-right:var(--matcha-space-0,0)!important;padding-left:var(--matcha-space-0,0)!important}.py-0{padding-top:var(--matcha-space-0,0);padding-bottom:var(--matcha-space-0,0)}.py-0--force{padding-top:var(--matcha-space-0,0)!important;padding-bottom:var(--matcha-space-0,0)!important}.pt-0{padding-top:var(--matcha-space-0,0)}.pt-0--force{padding-top:var(--matcha-space-0,0)!important}.pr-0{padding-right:var(--matcha-space-0,0)}.pr-0--force{padding-right:var(--matcha-space-0,0)!important}.pb-0{padding-bottom:var(--matcha-space-0,0)}.pb-0--force{padding-bottom:var(--matcha-space-0,0)!important}.pl-0{padding-left:var(--matcha-space-0,0)}.pl-0--force{padding-left:var(--matcha-space-0,0)!important}.p-4{padding:var(--matcha-space-050,4px)}.p-4--force{padding:var(--matcha-space-050,4px)!important}.px-4{padding-right:var(--matcha-space-050,4px);padding-left:var(--matcha-space-050,4px)}.px-4--force{padding-right:var(--matcha-space-050,4px)!important;padding-left:var(--matcha-space-050,4px)!important}.py-4{padding-top:var(--matcha-space-050,4px);padding-bottom:var(--matcha-space-050,4px)}.py-4--force{padding-top:var(--matcha-space-050,4px)!important;padding-bottom:var(--matcha-space-050,4px)!important}.pt-4{padding-top:var(--matcha-space-050,4px)}.pt-4--force{padding-top:var(--matcha-space-050,4px)!important}.pr-4{padding-right:var(--matcha-space-050,4px)}.pr-4--force{padding-right:var(--matcha-space-050,4px)!important}.pb-4{padding-bottom:var(--matcha-space-050,4px)}.pb-4--force{padding-bottom:var(--matcha-space-050,4px)!important}.pl-4{padding-left:var(--matcha-space-050,4px)}.pl-4--force{padding-left:var(--matcha-space-050,4px)!important}.p-8{padding:var(--matcha-space-100,8px)}.p-8--force{padding:var(--matcha-space-100,8px)!important}.px-8{padding-right:var(--matcha-space-100,8px);padding-left:var(--matcha-space-100,8px)}.px-8--force{padding-right:var(--matcha-space-100,8px)!important;padding-left:var(--matcha-space-100,8px)!important}.py-8{padding-top:var(--matcha-space-100,8px);padding-bottom:var(--matcha-space-100,8px)}.py-8--force{padding-top:var(--matcha-space-100,8px)!important;padding-bottom:var(--matcha-space-100,8px)!important}.pt-8{padding-top:var(--matcha-space-100,8px)}.pt-8--force{padding-top:var(--matcha-space-100,8px)!important}.pr-8{padding-right:var(--matcha-space-100,8px)}.pr-8--force{padding-right:var(--matcha-space-100,8px)!important}.pb-8{padding-bottom:var(--matcha-space-100,8px)}.pb-8--force{padding-bottom:var(--matcha-space-100,8px)!important}.pl-8{padding-left:var(--matcha-space-100,8px)}.pl-8--force{padding-left:var(--matcha-space-100,8px)!important}.p-12{padding:var(--matcha-space-150,12px)}.p-12--force{padding:var(--matcha-space-150,12px)!important}.px-12{padding-right:var(--matcha-space-150,12px);padding-left:var(--matcha-space-150,12px)}.px-12--force{padding-right:var(--matcha-space-150,12px)!important;padding-left:var(--matcha-space-150,12px)!important}.py-12{padding-top:var(--matcha-space-150,12px);padding-bottom:var(--matcha-space-150,12px)}.py-12--force{padding-top:var(--matcha-space-150,12px)!important;padding-bottom:var(--matcha-space-150,12px)!important}.pt-12{padding-top:var(--matcha-space-150,12px)}.pt-12--force{padding-top:var(--matcha-space-150,12px)!important}.pr-12{padding-right:var(--matcha-space-150,12px)}.pr-12--force{padding-right:var(--matcha-space-150,12px)!important}.pb-12{padding-bottom:var(--matcha-space-150,12px)}.pb-12--force{padding-bottom:var(--matcha-space-150,12px)!important}.pl-12{padding-left:var(--matcha-space-150,12px)}.pl-12--force{padding-left:var(--matcha-space-150,12px)!important}.p-16{padding:var(--matcha-space-200,16px)}.p-16--force{padding:var(--matcha-space-200,16px)!important}.px-16{padding-right:var(--matcha-space-200,16px);padding-left:var(--matcha-space-200,16px)}.px-16--force{padding-right:var(--matcha-space-200,16px)!important;padding-left:var(--matcha-space-200,16px)!important}.py-16{padding-top:var(--matcha-space-200,16px);padding-bottom:var(--matcha-space-200,16px)}.py-16--force{padding-top:var(--matcha-space-200,16px)!important;padding-bottom:var(--matcha-space-200,16px)!important}.pt-16{padding-top:var(--matcha-space-200,16px)}.pt-16--force{padding-top:var(--matcha-space-200,16px)!important}.pr-16{padding-right:var(--matcha-space-200,16px)}.pr-16--force{padding-right:var(--matcha-space-200,16px)!important}.pb-16{padding-bottom:var(--matcha-space-200,16px)}.pb-16--force{padding-bottom:var(--matcha-space-200,16px)!important}.pl-16{padding-left:var(--matcha-space-200,16px)}.pl-16--force{padding-left:var(--matcha-space-200,16px)!important}.p-20{padding:var(--matcha-space-250,20px)}.p-20--force{padding:var(--matcha-space-250,20px)!important}.px-20{padding-right:var(--matcha-space-250,20px);padding-left:var(--matcha-space-250,20px)}.px-20--force{padding-right:var(--matcha-space-250,20px)!important;padding-left:var(--matcha-space-250,20px)!important}.py-20{padding-top:var(--matcha-space-250,20px);padding-bottom:var(--matcha-space-250,20px)}.py-20--force{padding-top:var(--matcha-space-250,20px)!important;padding-bottom:var(--matcha-space-250,20px)!important}.pt-20{padding-top:var(--matcha-space-250,20px)}.pt-20--force{padding-top:var(--matcha-space-250,20px)!important}.pr-20{padding-right:var(--matcha-space-250,20px)}.pr-20--force{padding-right:var(--matcha-space-250,20px)!important}.pb-20{padding-bottom:var(--matcha-space-250,20px)}.pb-20--force{padding-bottom:var(--matcha-space-250,20px)!important}.pl-20{padding-left:var(--matcha-space-250,20px)}.pl-20--force{padding-left:var(--matcha-space-250,20px)!important}.p-24{padding:var(--matcha-space-300,24px)}.p-24--force{padding:var(--matcha-space-300,24px)!important}.px-24{padding-right:var(--matcha-space-300,24px);padding-left:var(--matcha-space-300,24px)}.px-24--force{padding-right:var(--matcha-space-300,24px)!important;padding-left:var(--matcha-space-300,24px)!important}.py-24{padding-top:var(--matcha-space-300,24px);padding-bottom:var(--matcha-space-300,24px)}.py-24--force{padding-top:var(--matcha-space-300,24px)!important;padding-bottom:var(--matcha-space-300,24px)!important}.pt-24{padding-top:var(--matcha-space-300,24px)}.pt-24--force{padding-top:var(--matcha-space-300,24px)!important}.pr-24{padding-right:var(--matcha-space-300,24px)}.pr-24--force{padding-right:var(--matcha-space-300,24px)!important}.pb-24{padding-bottom:var(--matcha-space-300,24px)}.pb-24--force{padding-bottom:var(--matcha-space-300,24px)!important}.pl-24{padding-left:var(--matcha-space-300,24px)}.pl-24--force{padding-left:var(--matcha-space-300,24px)!important}.p-28{padding:28px}.p-28--force{padding:28px!important}.px-28{padding-right:28px;padding-left:28px}.px-28--force{padding-right:28px!important;padding-left:28px!important}.py-28{padding-top:28px;padding-bottom:28px}.py-28--force{padding-top:28px!important;padding-bottom:28px!important}.pt-28{padding-top:28px}.pt-28--force{padding-top:28px!important}.pr-28{padding-right:28px}.pr-28--force{padding-right:28px!important}.pb-28{padding-bottom:28px}.pb-28--force{padding-bottom:28px!important}.pl-28{padding-left:28px}.pl-28--force{padding-left:28px!important}.p-32{padding:var(--matcha-space-400,32px)}.p-32--force{padding:var(--matcha-space-400,32px)!important}.px-32{padding-right:var(--matcha-space-400,32px);padding-left:var(--matcha-space-400,32px)}.px-32--force{padding-right:var(--matcha-space-400,32px)!important;padding-left:var(--matcha-space-400,32px)!important}.py-32{padding-top:var(--matcha-space-400,32px);padding-bottom:var(--matcha-space-400,32px)}.py-32--force{padding-top:var(--matcha-space-400,32px)!important;padding-bottom:var(--matcha-space-400,32px)!important}.pt-32{padding-top:var(--matcha-space-400,32px)}.pt-32--force{padding-top:var(--matcha-space-400,32px)!important}.pr-32{padding-right:var(--matcha-space-400,32px)}.pr-32--force{padding-right:var(--matcha-space-400,32px)!important}.pb-32{padding-bottom:var(--matcha-space-400,32px)}.pb-32--force{padding-bottom:var(--matcha-space-400,32px)!important}.pl-32{padding-left:var(--matcha-space-400,32px)}.pl-32--force{padding-left:var(--matcha-space-400,32px)!important}.p-36{padding:36px}.p-36--force{padding:36px!important}.px-36{padding-right:36px;padding-left:36px}.px-36--force{padding-right:36px!important;padding-left:36px!important}.py-36{padding-top:36px;padding-bottom:36px}.py-36--force{padding-top:36px!important;padding-bottom:36px!important}.pt-36{padding-top:36px}.pt-36--force{padding-top:36px!important}.pr-36{padding-right:36px}.pr-36--force{padding-right:36px!important}.pb-36{padding-bottom:36px}.pb-36--force{padding-bottom:36px!important}.pl-36{padding-left:36px}.pl-36--force{padding-left:36px!important}.p-40{padding:var(--matcha-space-500,40px)}.p-40--force{padding:var(--matcha-space-500,40px)!important}.px-40{padding-right:var(--matcha-space-500,40px);padding-left:var(--matcha-space-500,40px)}.px-40--force{padding-right:var(--matcha-space-500,40px)!important;padding-left:var(--matcha-space-500,40px)!important}.py-40{padding-top:var(--matcha-space-500,40px);padding-bottom:var(--matcha-space-500,40px)}.py-40--force{padding-top:var(--matcha-space-500,40px)!important;padding-bottom:var(--matcha-space-500,40px)!important}.pt-40{padding-top:var(--matcha-space-500,40px)}.pt-40--force{padding-top:var(--matcha-space-500,40px)!important}.pr-40{padding-right:var(--matcha-space-500,40px)}.pr-40--force{padding-right:var(--matcha-space-500,40px)!important}.pb-40{padding-bottom:var(--matcha-space-500,40px)}.pb-40--force{padding-bottom:var(--matcha-space-500,40px)!important}.pl-40{padding-left:var(--matcha-space-500,40px)}.pl-40--force{padding-left:var(--matcha-space-500,40px)!important}.p-44{padding:44px}.p-44--force{padding:44px!important}.px-44{padding-right:44px;padding-left:44px}.px-44--force{padding-right:44px!important;padding-left:44px!important}.py-44{padding-top:44px;padding-bottom:44px}.py-44--force{padding-top:44px!important;padding-bottom:44px!important}.pt-44{padding-top:44px}.pt-44--force{padding-top:44px!important}.pr-44{padding-right:44px}.pr-44--force{padding-right:44px!important}.pb-44{padding-bottom:44px}.pb-44--force{padding-bottom:44px!important}.pl-44{padding-left:44px}.pl-44--force{padding-left:44px!important}.p-48{padding:var(--matcha-space-600,48px)}.p-48--force{padding:var(--matcha-space-600,48px)!important}.px-48{padding-right:var(--matcha-space-600,48px);padding-left:var(--matcha-space-600,48px)}.px-48--force{padding-right:var(--matcha-space-600,48px)!important;padding-left:var(--matcha-space-600,48px)!important}.py-48{padding-top:var(--matcha-space-600,48px);padding-bottom:var(--matcha-space-600,48px)}.py-48--force{padding-top:var(--matcha-space-600,48px)!important;padding-bottom:var(--matcha-space-600,48px)!important}.pt-48{padding-top:var(--matcha-space-600,48px)}.pt-48--force{padding-top:var(--matcha-space-600,48px)!important}.pr-48{padding-right:var(--matcha-space-600,48px)}.pr-48--force{padding-right:var(--matcha-space-600,48px)!important}.pb-48{padding-bottom:var(--matcha-space-600,48px)}.pb-48--force{padding-bottom:var(--matcha-space-600,48px)!important}.pl-48{padding-left:var(--matcha-space-600,48px)}.pl-48--force{padding-left:var(--matcha-space-600,48px)!important}.p-52{padding:52px}.p-52--force{padding:52px!important}.px-52{padding-right:52px;padding-left:52px}.px-52--force{padding-right:52px!important;padding-left:52px!important}.py-52{padding-top:52px;padding-bottom:52px}.py-52--force{padding-top:52px!important;padding-bottom:52px!important}.pt-52{padding-top:52px}.pt-52--force{padding-top:52px!important}.pr-52{padding-right:52px}.pr-52--force{padding-right:52px!important}.pb-52{padding-bottom:52px}.pb-52--force{padding-bottom:52px!important}.pl-52{padding-left:52px}.pl-52--force{padding-left:52px!important}.p-56{padding:56px}.p-56--force{padding:56px!important}.px-56{padding-right:56px;padding-left:56px}.px-56--force{padding-right:56px!important;padding-left:56px!important}.py-56{padding-top:56px;padding-bottom:56px}.py-56--force{padding-top:56px!important;padding-bottom:56px!important}.pt-56{padding-top:56px}.pt-56--force{padding-top:56px!important}.pr-56{padding-right:56px}.pr-56--force{padding-right:56px!important}.pb-56{padding-bottom:56px}.pb-56--force{padding-bottom:56px!important}.pl-56{padding-left:56px}.pl-56--force{padding-left:56px!important}.p-60{padding:60px}.p-60--force{padding:60px!important}.px-60{padding-right:60px;padding-left:60px}.px-60--force{padding-right:60px!important;padding-left:60px!important}.py-60{padding-top:60px;padding-bottom:60px}.py-60--force{padding-top:60px!important;padding-bottom:60px!important}.pt-60{padding-top:60px}.pt-60--force{padding-top:60px!important}.pr-60{padding-right:60px}.pr-60--force{padding-right:60px!important}.pb-60{padding-bottom:60px}.pb-60--force{padding-bottom:60px!important}.pl-60{padding-left:60px}.pl-60--force{padding-left:60px!important}.p-64{padding:var(--matcha-space-800,64px)}.p-64--force{padding:var(--matcha-space-800,64px)!important}.px-64{padding-right:var(--matcha-space-800,64px);padding-left:var(--matcha-space-800,64px)}.px-64--force{padding-right:var(--matcha-space-800,64px)!important;padding-left:var(--matcha-space-800,64px)!important}.py-64{padding-top:var(--matcha-space-800,64px);padding-bottom:var(--matcha-space-800,64px)}.py-64--force{padding-top:var(--matcha-space-800,64px)!important;padding-bottom:var(--matcha-space-800,64px)!important}.pt-64{padding-top:var(--matcha-space-800,64px)}.pt-64--force{padding-top:var(--matcha-space-800,64px)!important}.pr-64{padding-right:var(--matcha-space-800,64px)}.pr-64--force{padding-right:var(--matcha-space-800,64px)!important}.pb-64{padding-bottom:var(--matcha-space-800,64px)}.pb-64--force{padding-bottom:var(--matcha-space-800,64px)!important}.pl-64{padding-left:var(--matcha-space-800,64px)}.pl-64--force{padding-left:var(--matcha-space-800,64px)!important}.p-0{padding:var(--matcha-space-0,0)}.p-0--force{padding:var(--matcha-space-0,0)!important}.px-0{padding-right:var(--matcha-space-0,0);padding-left:var(--matcha-space-0,0)}.px-0--force{padding-right:var(--matcha-space-0,0)!important;padding-left:var(--matcha-space-0,0)!important}.py-0{padding-top:var(--matcha-space-0,0);padding-bottom:var(--matcha-space-0,0)}.py-0--force{padding-top:var(--matcha-space-0,0)!important;padding-bottom:var(--matcha-space-0,0)!important}.pt-0{padding-top:var(--matcha-space-0,0)}.pt-0--force{padding-top:var(--matcha-space-0,0)!important}.pr-0{padding-right:var(--matcha-space-0,0)}.pr-0--force{padding-right:var(--matcha-space-0,0)!important}.pb-0{padding-bottom:var(--matcha-space-0,0)}.pb-0--force{padding-bottom:var(--matcha-space-0,0)!important}.pl-0{padding-left:var(--matcha-space-0,0)}.pl-0--force{padding-left:var(--matcha-space-0,0)!important}.p-4{padding:var(--matcha-space-050,4px)}.p-4--force{padding:var(--matcha-space-050,4px)!important}.px-4{padding-right:var(--matcha-space-050,4px);padding-left:var(--matcha-space-050,4px)}.px-4--force{padding-right:var(--matcha-space-050,4px)!important;padding-left:var(--matcha-space-050,4px)!important}.py-4{padding-top:var(--matcha-space-050,4px);padding-bottom:var(--matcha-space-050,4px)}.py-4--force{padding-top:var(--matcha-space-050,4px)!important;padding-bottom:var(--matcha-space-050,4px)!important}.pt-4{padding-top:var(--matcha-space-050,4px)}.pt-4--force{padding-top:var(--matcha-space-050,4px)!important}.pr-4{padding-right:var(--matcha-space-050,4px)}.pr-4--force{padding-right:var(--matcha-space-050,4px)!important}.pb-4{padding-bottom:var(--matcha-space-050,4px)}.pb-4--force{padding-bottom:var(--matcha-space-050,4px)!important}.pl-4{padding-left:var(--matcha-space-050,4px)}.pl-4--force{padding-left:var(--matcha-space-050,4px)!important}.p-8{padding:var(--matcha-space-100,8px)}.p-8--force{padding:var(--matcha-space-100,8px)!important}.px-8{padding-right:var(--matcha-space-100,8px);padding-left:var(--matcha-space-100,8px)}.px-8--force{padding-right:var(--matcha-space-100,8px)!important;padding-left:var(--matcha-space-100,8px)!important}.py-8{padding-top:var(--matcha-space-100,8px);padding-bottom:var(--matcha-space-100,8px)}.py-8--force{padding-top:var(--matcha-space-100,8px)!important;padding-bottom:var(--matcha-space-100,8px)!important}.pt-8{padding-top:var(--matcha-space-100,8px)}.pt-8--force{padding-top:var(--matcha-space-100,8px)!important}.pr-8{padding-right:var(--matcha-space-100,8px)}.pr-8--force{padding-right:var(--matcha-space-100,8px)!important}.pb-8{padding-bottom:var(--matcha-space-100,8px)}.pb-8--force{padding-bottom:var(--matcha-space-100,8px)!important}.pl-8{padding-left:var(--matcha-space-100,8px)}.pl-8--force{padding-left:var(--matcha-space-100,8px)!important}.p-12{padding:var(--matcha-space-150,12px)}.p-12--force{padding:var(--matcha-space-150,12px)!important}.px-12{padding-right:var(--matcha-space-150,12px);padding-left:var(--matcha-space-150,12px)}.px-12--force{padding-right:var(--matcha-space-150,12px)!important;padding-left:var(--matcha-space-150,12px)!important}.py-12{padding-top:var(--matcha-space-150,12px);padding-bottom:var(--matcha-space-150,12px)}.py-12--force{padding-top:var(--matcha-space-150,12px)!important;padding-bottom:var(--matcha-space-150,12px)!important}.pt-12{padding-top:var(--matcha-space-150,12px)}.pt-12--force{padding-top:var(--matcha-space-150,12px)!important}.pr-12{padding-right:var(--matcha-space-150,12px)}.pr-12--force{padding-right:var(--matcha-space-150,12px)!important}.pb-12{padding-bottom:var(--matcha-space-150,12px)}.pb-12--force{padding-bottom:var(--matcha-space-150,12px)!important}.pl-12{padding-left:var(--matcha-space-150,12px)}.pl-12--force{padding-left:var(--matcha-space-150,12px)!important}.p-16{padding:var(--matcha-space-200,16px)}.p-16--force{padding:var(--matcha-space-200,16px)!important}.px-16{padding-right:var(--matcha-space-200,16px);padding-left:var(--matcha-space-200,16px)}.px-16--force{padding-right:var(--matcha-space-200,16px)!important;padding-left:var(--matcha-space-200,16px)!important}.py-16{padding-top:var(--matcha-space-200,16px);padding-bottom:var(--matcha-space-200,16px)}.py-16--force{padding-top:var(--matcha-space-200,16px)!important;padding-bottom:var(--matcha-space-200,16px)!important}.pt-16{padding-top:var(--matcha-space-200,16px)}.pt-16--force{padding-top:var(--matcha-space-200,16px)!important}.pr-16{padding-right:var(--matcha-space-200,16px)}.pr-16--force{padding-right:var(--matcha-space-200,16px)!important}.pb-16{padding-bottom:var(--matcha-space-200,16px)}.pb-16--force{padding-bottom:var(--matcha-space-200,16px)!important}.pl-16{padding-left:var(--matcha-space-200,16px)}.pl-16--force{padding-left:var(--matcha-space-200,16px)!important}.p-20{padding:var(--matcha-space-250,20px)}.p-20--force{padding:var(--matcha-space-250,20px)!important}.px-20{padding-right:var(--matcha-space-250,20px);padding-left:var(--matcha-space-250,20px)}.px-20--force{padding-right:var(--matcha-space-250,20px)!important;padding-left:var(--matcha-space-250,20px)!important}.py-20{padding-top:var(--matcha-space-250,20px);padding-bottom:var(--matcha-space-250,20px)}.py-20--force{padding-top:var(--matcha-space-250,20px)!important;padding-bottom:var(--matcha-space-250,20px)!important}.pt-20{padding-top:var(--matcha-space-250,20px)}.pt-20--force{padding-top:var(--matcha-space-250,20px)!important}.pr-20{padding-right:var(--matcha-space-250,20px)}.pr-20--force{padding-right:var(--matcha-space-250,20px)!important}.pb-20{padding-bottom:var(--matcha-space-250,20px)}.pb-20--force{padding-bottom:var(--matcha-space-250,20px)!important}.pl-20{padding-left:var(--matcha-space-250,20px)}.pl-20--force{padding-left:var(--matcha-space-250,20px)!important}.p-24{padding:var(--matcha-space-300,24px)}.p-24--force{padding:var(--matcha-space-300,24px)!important}.px-24{padding-right:var(--matcha-space-300,24px);padding-left:var(--matcha-space-300,24px)}.px-24--force{padding-right:var(--matcha-space-300,24px)!important;padding-left:var(--matcha-space-300,24px)!important}.py-24{padding-top:var(--matcha-space-300,24px);padding-bottom:var(--matcha-space-300,24px)}.py-24--force{padding-top:var(--matcha-space-300,24px)!important;padding-bottom:var(--matcha-space-300,24px)!important}.pt-24{padding-top:var(--matcha-space-300,24px)}.pt-24--force{padding-top:var(--matcha-space-300,24px)!important}.pr-24{padding-right:var(--matcha-space-300,24px)}.pr-24--force{padding-right:var(--matcha-space-300,24px)!important}.pb-24{padding-bottom:var(--matcha-space-300,24px)}.pb-24--force{padding-bottom:var(--matcha-space-300,24px)!important}.pl-24{padding-left:var(--matcha-space-300,24px)}.pl-24--force{padding-left:var(--matcha-space-300,24px)!important}.p-28{padding:28px}.p-28--force{padding:28px!important}.px-28{padding-right:28px;padding-left:28px}.px-28--force{padding-right:28px!important;padding-left:28px!important}.py-28{padding-top:28px;padding-bottom:28px}.py-28--force{padding-top:28px!important;padding-bottom:28px!important}.pt-28{padding-top:28px}.pt-28--force{padding-top:28px!important}.pr-28{padding-right:28px}.pr-28--force{padding-right:28px!important}.pb-28{padding-bottom:28px}.pb-28--force{padding-bottom:28px!important}.pl-28{padding-left:28px}.pl-28--force{padding-left:28px!important}.p-32{padding:var(--matcha-space-400,32px)}.p-32--force{padding:var(--matcha-space-400,32px)!important}.px-32{padding-right:var(--matcha-space-400,32px);padding-left:var(--matcha-space-400,32px)}.px-32--force{padding-right:var(--matcha-space-400,32px)!important;padding-left:var(--matcha-space-400,32px)!important}.py-32{padding-top:var(--matcha-space-400,32px);padding-bottom:var(--matcha-space-400,32px)}.py-32--force{padding-top:var(--matcha-space-400,32px)!important;padding-bottom:var(--matcha-space-400,32px)!important}.pt-32{padding-top:var(--matcha-space-400,32px)}.pt-32--force{padding-top:var(--matcha-space-400,32px)!important}.pr-32{padding-right:var(--matcha-space-400,32px)}.pr-32--force{padding-right:var(--matcha-space-400,32px)!important}.pb-32{padding-bottom:var(--matcha-space-400,32px)}.pb-32--force{padding-bottom:var(--matcha-space-400,32px)!important}.pl-32{padding-left:var(--matcha-space-400,32px)}.pl-32--force{padding-left:var(--matcha-space-400,32px)!important}.p-36{padding:36px}.p-36--force{padding:36px!important}.px-36{padding-right:36px;padding-left:36px}.px-36--force{padding-right:36px!important;padding-left:36px!important}.py-36{padding-top:36px;padding-bottom:36px}.py-36--force{padding-top:36px!important;padding-bottom:36px!important}.pt-36{padding-top:36px}.pt-36--force{padding-top:36px!important}.pr-36{padding-right:36px}.pr-36--force{padding-right:36px!important}.pb-36{padding-bottom:36px}.pb-36--force{padding-bottom:36px!important}.pl-36{padding-left:36px}.pl-36--force{padding-left:36px!important}.p-40{padding:var(--matcha-space-500,40px)}.p-40--force{padding:var(--matcha-space-500,40px)!important}.px-40{padding-right:var(--matcha-space-500,40px);padding-left:var(--matcha-space-500,40px)}.px-40--force{padding-right:var(--matcha-space-500,40px)!important;padding-left:var(--matcha-space-500,40px)!important}.py-40{padding-top:var(--matcha-space-500,40px);padding-bottom:var(--matcha-space-500,40px)}.py-40--force{padding-top:var(--matcha-space-500,40px)!important;padding-bottom:var(--matcha-space-500,40px)!important}.pt-40{padding-top:var(--matcha-space-500,40px)}.pt-40--force{padding-top:var(--matcha-space-500,40px)!important}.pr-40{padding-right:var(--matcha-space-500,40px)}.pr-40--force{padding-right:var(--matcha-space-500,40px)!important}.pb-40{padding-bottom:var(--matcha-space-500,40px)}.pb-40--force{padding-bottom:var(--matcha-space-500,40px)!important}.pl-40{padding-left:var(--matcha-space-500,40px)}.pl-40--force{padding-left:var(--matcha-space-500,40px)!important}.p-44{padding:44px}.p-44--force{padding:44px!important}.px-44{padding-right:44px;padding-left:44px}.px-44--force{padding-right:44px!important;padding-left:44px!important}.py-44{padding-top:44px;padding-bottom:44px}.py-44--force{padding-top:44px!important;padding-bottom:44px!important}.pt-44{padding-top:44px}.pt-44--force{padding-top:44px!important}.pr-44{padding-right:44px}.pr-44--force{padding-right:44px!important}.pb-44{padding-bottom:44px}.pb-44--force{padding-bottom:44px!important}.pl-44{padding-left:44px}.pl-44--force{padding-left:44px!important}.p-48{padding:var(--matcha-space-600,48px)}.p-48--force{padding:var(--matcha-space-600,48px)!important}.px-48{padding-right:var(--matcha-space-600,48px);padding-left:var(--matcha-space-600,48px)}.px-48--force{padding-right:var(--matcha-space-600,48px)!important;padding-left:var(--matcha-space-600,48px)!important}.py-48{padding-top:var(--matcha-space-600,48px);padding-bottom:var(--matcha-space-600,48px)}.py-48--force{padding-top:var(--matcha-space-600,48px)!important;padding-bottom:var(--matcha-space-600,48px)!important}.pt-48{padding-top:var(--matcha-space-600,48px)}.pt-48--force{padding-top:var(--matcha-space-600,48px)!important}.pr-48{padding-right:var(--matcha-space-600,48px)}.pr-48--force{padding-right:var(--matcha-space-600,48px)!important}.pb-48{padding-bottom:var(--matcha-space-600,48px)}.pb-48--force{padding-bottom:var(--matcha-space-600,48px)!important}.pl-48{padding-left:var(--matcha-space-600,48px)}.pl-48--force{padding-left:var(--matcha-space-600,48px)!important}.p-52{padding:52px}.p-52--force{padding:52px!important}.px-52{padding-right:52px;padding-left:52px}.px-52--force{padding-right:52px!important;padding-left:52px!important}.py-52{padding-top:52px;padding-bottom:52px}.py-52--force{padding-top:52px!important;padding-bottom:52px!important}.pt-52{padding-top:52px}.pt-52--force{padding-top:52px!important}.pr-52{padding-right:52px}.pr-52--force{padding-right:52px!important}.pb-52{padding-bottom:52px}.pb-52--force{padding-bottom:52px!important}.pl-52{padding-left:52px}.pl-52--force{padding-left:52px!important}.p-56{padding:56px}.p-56--force{padding:56px!important}.px-56{padding-right:56px;padding-left:56px}.px-56--force{padding-right:56px!important;padding-left:56px!important}.py-56{padding-top:56px;padding-bottom:56px}.py-56--force{padding-top:56px!important;padding-bottom:56px!important}.pt-56{padding-top:56px}.pt-56--force{padding-top:56px!important}.pr-56{padding-right:56px}.pr-56--force{padding-right:56px!important}.pb-56{padding-bottom:56px}.pb-56--force{padding-bottom:56px!important}.pl-56{padding-left:56px}.pl-56--force{padding-left:56px!important}.p-60{padding:60px}.p-60--force{padding:60px!important}.px-60{padding-right:60px;padding-left:60px}.px-60--force{padding-right:60px!important;padding-left:60px!important}.py-60{padding-top:60px;padding-bottom:60px}.py-60--force{padding-top:60px!important;padding-bottom:60px!important}.pt-60{padding-top:60px}.pt-60--force{padding-top:60px!important}.pr-60{padding-right:60px}.pr-60--force{padding-right:60px!important}.pb-60{padding-bottom:60px}.pb-60--force{padding-bottom:60px!important}.pl-60{padding-left:60px}.pl-60--force{padding-left:60px!important}.p-64{padding:var(--matcha-space-800,64px)}.p-64--force{padding:var(--matcha-space-800,64px)!important}.px-64{padding-right:var(--matcha-space-800,64px);padding-left:var(--matcha-space-800,64px)}.px-64--force{padding-right:var(--matcha-space-800,64px)!important;padding-left:var(--matcha-space-800,64px)!important}.py-64{padding-top:var(--matcha-space-800,64px);padding-bottom:var(--matcha-space-800,64px)}.py-64--force{padding-top:var(--matcha-space-800,64px)!important;padding-bottom:var(--matcha-space-800,64px)!important}.pt-64{padding-top:var(--matcha-space-800,64px)}.pt-64--force{padding-top:var(--matcha-space-800,64px)!important}.pr-64{padding-right:var(--matcha-space-800,64px)}.pr-64--force{padding-right:var(--matcha-space-800,64px)!important}.pb-64{padding-bottom:var(--matcha-space-800,64px)}.pb-64--force{padding-bottom:var(--matcha-space-800,64px)!important}.pl-64{padding-left:var(--matcha-space-800,64px)}.pl-64--force{padding-left:var(--matcha-space-800,64px)!important}.p-68{padding:68px}.p-68--force{padding:68px!important}.px-68{padding-right:68px;padding-left:68px}.px-68--force{padding-right:68px!important;padding-left:68px!important}.py-68{padding-top:68px;padding-bottom:68px}.py-68--force{padding-top:68px!important;padding-bottom:68px!important}.pt-68{padding-top:68px}.pt-68--force{padding-top:68px!important}.pr-68{padding-right:68px}.pr-68--force{padding-right:68px!important}.pb-68{padding-bottom:68px}.pb-68--force{padding-bottom:68px!important}.pl-68{padding-left:68px}.pl-68--force{padding-left:68px!important}.p-72{padding:72px}.p-72--force{padding:72px!important}.px-72{padding-right:72px;padding-left:72px}.px-72--force{padding-right:72px!important;padding-left:72px!important}.py-72{padding-top:72px;padding-bottom:72px}.py-72--force{padding-top:72px!important;padding-bottom:72px!important}.pt-72{padding-top:72px}.pt-72--force{padding-top:72px!important}.pr-72{padding-right:72px}.pr-72--force{padding-right:72px!important}.pb-72{padding-bottom:72px}.pb-72--force{padding-bottom:72px!important}.pl-72{padding-left:72px}.pl-72--force{padding-left:72px!important}.p-76{padding:76px}.p-76--force{padding:76px!important}.px-76{padding-right:76px;padding-left:76px}.px-76--force{padding-right:76px!important;padding-left:76px!important}.py-76{padding-top:76px;padding-bottom:76px}.py-76--force{padding-top:76px!important;padding-bottom:76px!important}.pt-76{padding-top:76px}.pt-76--force{padding-top:76px!important}.pr-76{padding-right:76px}.pr-76--force{padding-right:76px!important}.pb-76{padding-bottom:76px}.pb-76--force{padding-bottom:76px!important}.pl-76{padding-left:76px}.pl-76--force{padding-left:76px!important}.p-80{padding:var(--matcha-space-1000,80px)}.p-80--force{padding:var(--matcha-space-1000,80px)!important}.px-80{padding-right:var(--matcha-space-1000,80px);padding-left:var(--matcha-space-1000,80px)}.px-80--force{padding-right:var(--matcha-space-1000,80px)!important;padding-left:var(--matcha-space-1000,80px)!important}.py-80{padding-top:var(--matcha-space-1000,80px);padding-bottom:var(--matcha-space-1000,80px)}.py-80--force{padding-top:var(--matcha-space-1000,80px)!important;padding-bottom:var(--matcha-space-1000,80px)!important}.pt-80{padding-top:var(--matcha-space-1000,80px)}.pt-80--force{padding-top:var(--matcha-space-1000,80px)!important}.pr-80{padding-right:var(--matcha-space-1000,80px)}.pr-80--force{padding-right:var(--matcha-space-1000,80px)!important}.pb-80{padding-bottom:var(--matcha-space-1000,80px)}.pb-80--force{padding-bottom:var(--matcha-space-1000,80px)!important}.pl-80{padding-left:var(--matcha-space-1000,80px)}.pl-80--force{padding-left:var(--matcha-space-1000,80px)!important}.p-84{padding:84px}.p-84--force{padding:84px!important}.px-84{padding-right:84px;padding-left:84px}.px-84--force{padding-right:84px!important;padding-left:84px!important}.py-84{padding-top:84px;padding-bottom:84px}.py-84--force{padding-top:84px!important;padding-bottom:84px!important}.pt-84{padding-top:84px}.pt-84--force{padding-top:84px!important}.pr-84{padding-right:84px}.pr-84--force{padding-right:84px!important}.pb-84{padding-bottom:84px}.pb-84--force{padding-bottom:84px!important}.pl-84{padding-left:84px}.pl-84--force{padding-left:84px!important}.p-88{padding:88px}.p-88--force{padding:88px!important}.px-88{padding-right:88px;padding-left:88px}.px-88--force{padding-right:88px!important;padding-left:88px!important}.py-88{padding-top:88px;padding-bottom:88px}.py-88--force{padding-top:88px!important;padding-bottom:88px!important}.pt-88{padding-top:88px}.pt-88--force{padding-top:88px!important}.pr-88{padding-right:88px}.pr-88--force{padding-right:88px!important}.pb-88{padding-bottom:88px}.pb-88--force{padding-bottom:88px!important}.pl-88{padding-left:88px}.pl-88--force{padding-left:88px!important}.p-92{padding:92px}.p-92--force{padding:92px!important}.px-92{padding-right:92px;padding-left:92px}.px-92--force{padding-right:92px!important;padding-left:92px!important}.py-92{padding-top:92px;padding-bottom:92px}.py-92--force{padding-top:92px!important;padding-bottom:92px!important}.pt-92{padding-top:92px}.pt-92--force{padding-top:92px!important}.pr-92{padding-right:92px}.pr-92--force{padding-right:92px!important}.pb-92{padding-bottom:92px}.pb-92--force{padding-bottom:92px!important}.pl-92{padding-left:92px}.pl-92--force{padding-left:92px!important}.p-96{padding:var(--matcha-space-1200,96px)}.p-96--force{padding:var(--matcha-space-1200,96px)!important}.px-96{padding-right:var(--matcha-space-1200,96px);padding-left:var(--matcha-space-1200,96px)}.px-96--force{padding-right:var(--matcha-space-1200,96px)!important;padding-left:var(--matcha-space-1200,96px)!important}.py-96{padding-top:var(--matcha-space-1200,96px);padding-bottom:var(--matcha-space-1200,96px)}.py-96--force{padding-top:var(--matcha-space-1200,96px)!important;padding-bottom:var(--matcha-space-1200,96px)!important}.pt-96{padding-top:var(--matcha-space-1200,96px)}.pt-96--force{padding-top:var(--matcha-space-1200,96px)!important}.pr-96{padding-right:var(--matcha-space-1200,96px)}.pr-96--force{padding-right:var(--matcha-space-1200,96px)!important}.pb-96{padding-bottom:var(--matcha-space-1200,96px)}.pb-96--force{padding-bottom:var(--matcha-space-1200,96px)!important}.pl-96{padding-left:var(--matcha-space-1200,96px)}.pl-96--force{padding-left:var(--matcha-space-1200,96px)!important}@media screen and (max-width:639px){.m-xs--64{margin:calc(-1 * var(--matcha-space-800,64px))}.m-xs--64--force{margin:calc(-1 * var(--matcha-space-800,64px))!important}.mx-xs--64{margin-right:calc(-1 * var(--matcha-space-800,64px));margin-left:calc(-1 * var(--matcha-space-800,64px))}.mx-xs--64--force{margin-right:calc(-1 * var(--matcha-space-800,64px))!important;margin-left:calc(-1 * var(--matcha-space-800,64px))!important}.my-xs--64{margin-top:calc(-1 * var(--matcha-space-800,64px));margin-bottom:calc(-1 * var(--matcha-space-800,64px))}.my-xs--64--force{margin-top:calc(-1 * var(--matcha-space-800,64px))!important;margin-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.mt-xs--64{margin-top:calc(-1 * var(--matcha-space-800,64px))}.mt-xs--64--force{margin-top:calc(-1 * var(--matcha-space-800,64px))!important}.mr-xs--64{margin-right:calc(-1 * var(--matcha-space-800,64px))}.mr-xs--64--force{margin-right:calc(-1 * var(--matcha-space-800,64px))!important}.mb-xs--64{margin-bottom:calc(-1 * var(--matcha-space-800,64px))}.mb-xs--64--force{margin-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.ml-xs--64{margin-left:calc(-1 * var(--matcha-space-800,64px))}.ml-xs--64--force{margin-left:calc(-1 * var(--matcha-space-800,64px))!important}.m-xs--60{margin:-60px}.m-xs--60--force{margin:-60px!important}.mx-xs--60{margin-right:-60px;margin-left:-60px}.mx-xs--60--force{margin-right:-60px!important;margin-left:-60px!important}.my-xs--60{margin-top:-60px;margin-bottom:-60px}.my-xs--60--force{margin-top:-60px!important;margin-bottom:-60px!important}.mt-xs--60{margin-top:-60px}.mt-xs--60--force{margin-top:-60px!important}.mr-xs--60{margin-right:-60px}.mr-xs--60--force{margin-right:-60px!important}.mb-xs--60{margin-bottom:-60px}.mb-xs--60--force{margin-bottom:-60px!important}.ml-xs--60{margin-left:-60px}.ml-xs--60--force{margin-left:-60px!important}.m-xs--56{margin:-56px}.m-xs--56--force{margin:-56px!important}.mx-xs--56{margin-right:-56px;margin-left:-56px}.mx-xs--56--force{margin-right:-56px!important;margin-left:-56px!important}.my-xs--56{margin-top:-56px;margin-bottom:-56px}.my-xs--56--force{margin-top:-56px!important;margin-bottom:-56px!important}.mt-xs--56{margin-top:-56px}.mt-xs--56--force{margin-top:-56px!important}.mr-xs--56{margin-right:-56px}.mr-xs--56--force{margin-right:-56px!important}.mb-xs--56{margin-bottom:-56px}.mb-xs--56--force{margin-bottom:-56px!important}.ml-xs--56{margin-left:-56px}.ml-xs--56--force{margin-left:-56px!important}.m-xs--52{margin:-52px}.m-xs--52--force{margin:-52px!important}.mx-xs--52{margin-right:-52px;margin-left:-52px}.mx-xs--52--force{margin-right:-52px!important;margin-left:-52px!important}.my-xs--52{margin-top:-52px;margin-bottom:-52px}.my-xs--52--force{margin-top:-52px!important;margin-bottom:-52px!important}.mt-xs--52{margin-top:-52px}.mt-xs--52--force{margin-top:-52px!important}.mr-xs--52{margin-right:-52px}.mr-xs--52--force{margin-right:-52px!important}.mb-xs--52{margin-bottom:-52px}.mb-xs--52--force{margin-bottom:-52px!important}.ml-xs--52{margin-left:-52px}.ml-xs--52--force{margin-left:-52px!important}.m-xs--48{margin:calc(-1 * var(--matcha-space-600,48px))}.m-xs--48--force{margin:calc(-1 * var(--matcha-space-600,48px))!important}.mx-xs--48{margin-right:calc(-1 * var(--matcha-space-600,48px));margin-left:calc(-1 * var(--matcha-space-600,48px))}.mx-xs--48--force{margin-right:calc(-1 * var(--matcha-space-600,48px))!important;margin-left:calc(-1 * var(--matcha-space-600,48px))!important}.my-xs--48{margin-top:calc(-1 * var(--matcha-space-600,48px));margin-bottom:calc(-1 * var(--matcha-space-600,48px))}.my-xs--48--force{margin-top:calc(-1 * var(--matcha-space-600,48px))!important;margin-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.mt-xs--48{margin-top:calc(-1 * var(--matcha-space-600,48px))}.mt-xs--48--force{margin-top:calc(-1 * var(--matcha-space-600,48px))!important}.mr-xs--48{margin-right:calc(-1 * var(--matcha-space-600,48px))}.mr-xs--48--force{margin-right:calc(-1 * var(--matcha-space-600,48px))!important}.mb-xs--48{margin-bottom:calc(-1 * var(--matcha-space-600,48px))}.mb-xs--48--force{margin-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.ml-xs--48{margin-left:calc(-1 * var(--matcha-space-600,48px))}.ml-xs--48--force{margin-left:calc(-1 * var(--matcha-space-600,48px))!important}.m-xs--44{margin:-44px}.m-xs--44--force{margin:-44px!important}.mx-xs--44{margin-right:-44px;margin-left:-44px}.mx-xs--44--force{margin-right:-44px!important;margin-left:-44px!important}.my-xs--44{margin-top:-44px;margin-bottom:-44px}.my-xs--44--force{margin-top:-44px!important;margin-bottom:-44px!important}.mt-xs--44{margin-top:-44px}.mt-xs--44--force{margin-top:-44px!important}.mr-xs--44{margin-right:-44px}.mr-xs--44--force{margin-right:-44px!important}.mb-xs--44{margin-bottom:-44px}.mb-xs--44--force{margin-bottom:-44px!important}.ml-xs--44{margin-left:-44px}.ml-xs--44--force{margin-left:-44px!important}.m-xs--40{margin:calc(-1 * var(--matcha-space-500,40px))}.m-xs--40--force{margin:calc(-1 * var(--matcha-space-500,40px))!important}.mx-xs--40{margin-right:calc(-1 * var(--matcha-space-500,40px));margin-left:calc(-1 * var(--matcha-space-500,40px))}.mx-xs--40--force{margin-right:calc(-1 * var(--matcha-space-500,40px))!important;margin-left:calc(-1 * var(--matcha-space-500,40px))!important}.my-xs--40{margin-top:calc(-1 * var(--matcha-space-500,40px));margin-bottom:calc(-1 * var(--matcha-space-500,40px))}.my-xs--40--force{margin-top:calc(-1 * var(--matcha-space-500,40px))!important;margin-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.mt-xs--40{margin-top:calc(-1 * var(--matcha-space-500,40px))}.mt-xs--40--force{margin-top:calc(-1 * var(--matcha-space-500,40px))!important}.mr-xs--40{margin-right:calc(-1 * var(--matcha-space-500,40px))}.mr-xs--40--force{margin-right:calc(-1 * var(--matcha-space-500,40px))!important}.mb-xs--40{margin-bottom:calc(-1 * var(--matcha-space-500,40px))}.mb-xs--40--force{margin-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.ml-xs--40{margin-left:calc(-1 * var(--matcha-space-500,40px))}.ml-xs--40--force{margin-left:calc(-1 * var(--matcha-space-500,40px))!important}.m-xs--36{margin:-36px}.m-xs--36--force{margin:-36px!important}.mx-xs--36{margin-right:-36px;margin-left:-36px}.mx-xs--36--force{margin-right:-36px!important;margin-left:-36px!important}.my-xs--36{margin-top:-36px;margin-bottom:-36px}.my-xs--36--force{margin-top:-36px!important;margin-bottom:-36px!important}.mt-xs--36{margin-top:-36px}.mt-xs--36--force{margin-top:-36px!important}.mr-xs--36{margin-right:-36px}.mr-xs--36--force{margin-right:-36px!important}.mb-xs--36{margin-bottom:-36px}.mb-xs--36--force{margin-bottom:-36px!important}.ml-xs--36{margin-left:-36px}.ml-xs--36--force{margin-left:-36px!important}.m-xs--32{margin:calc(-1 * var(--matcha-space-400,32px))}.m-xs--32--force{margin:calc(-1 * var(--matcha-space-400,32px))!important}.mx-xs--32{margin-right:calc(-1 * var(--matcha-space-400,32px));margin-left:calc(-1 * var(--matcha-space-400,32px))}.mx-xs--32--force{margin-right:calc(-1 * var(--matcha-space-400,32px))!important;margin-left:calc(-1 * var(--matcha-space-400,32px))!important}.my-xs--32{margin-top:calc(-1 * var(--matcha-space-400,32px));margin-bottom:calc(-1 * var(--matcha-space-400,32px))}.my-xs--32--force{margin-top:calc(-1 * var(--matcha-space-400,32px))!important;margin-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.mt-xs--32{margin-top:calc(-1 * var(--matcha-space-400,32px))}.mt-xs--32--force{margin-top:calc(-1 * var(--matcha-space-400,32px))!important}.mr-xs--32{margin-right:calc(-1 * var(--matcha-space-400,32px))}.mr-xs--32--force{margin-right:calc(-1 * var(--matcha-space-400,32px))!important}.mb-xs--32{margin-bottom:calc(-1 * var(--matcha-space-400,32px))}.mb-xs--32--force{margin-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.ml-xs--32{margin-left:calc(-1 * var(--matcha-space-400,32px))}.ml-xs--32--force{margin-left:calc(-1 * var(--matcha-space-400,32px))!important}.m-xs--28{margin:-28px}.m-xs--28--force{margin:-28px!important}.mx-xs--28{margin-right:-28px;margin-left:-28px}.mx-xs--28--force{margin-right:-28px!important;margin-left:-28px!important}.my-xs--28{margin-top:-28px;margin-bottom:-28px}.my-xs--28--force{margin-top:-28px!important;margin-bottom:-28px!important}.mt-xs--28{margin-top:-28px}.mt-xs--28--force{margin-top:-28px!important}.mr-xs--28{margin-right:-28px}.mr-xs--28--force{margin-right:-28px!important}.mb-xs--28{margin-bottom:-28px}.mb-xs--28--force{margin-bottom:-28px!important}.ml-xs--28{margin-left:-28px}.ml-xs--28--force{margin-left:-28px!important}.m-xs--24{margin:calc(-1 * var(--matcha-space-300,24px))}.m-xs--24--force{margin:calc(-1 * var(--matcha-space-300,24px))!important}.mx-xs--24{margin-right:calc(-1 * var(--matcha-space-300,24px));margin-left:calc(-1 * var(--matcha-space-300,24px))}.mx-xs--24--force{margin-right:calc(-1 * var(--matcha-space-300,24px))!important;margin-left:calc(-1 * var(--matcha-space-300,24px))!important}.my-xs--24{margin-top:calc(-1 * var(--matcha-space-300,24px));margin-bottom:calc(-1 * var(--matcha-space-300,24px))}.my-xs--24--force{margin-top:calc(-1 * var(--matcha-space-300,24px))!important;margin-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.mt-xs--24{margin-top:calc(-1 * var(--matcha-space-300,24px))}.mt-xs--24--force{margin-top:calc(-1 * var(--matcha-space-300,24px))!important}.mr-xs--24{margin-right:calc(-1 * var(--matcha-space-300,24px))}.mr-xs--24--force{margin-right:calc(-1 * var(--matcha-space-300,24px))!important}.mb-xs--24{margin-bottom:calc(-1 * var(--matcha-space-300,24px))}.mb-xs--24--force{margin-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.ml-xs--24{margin-left:calc(-1 * var(--matcha-space-300,24px))}.ml-xs--24--force{margin-left:calc(-1 * var(--matcha-space-300,24px))!important}.m-xs--20{margin:calc(-1 * var(--matcha-space-250,20px))}.m-xs--20--force{margin:calc(-1 * var(--matcha-space-250,20px))!important}.mx-xs--20{margin-right:calc(-1 * var(--matcha-space-250,20px));margin-left:calc(-1 * var(--matcha-space-250,20px))}.mx-xs--20--force{margin-right:calc(-1 * var(--matcha-space-250,20px))!important;margin-left:calc(-1 * var(--matcha-space-250,20px))!important}.my-xs--20{margin-top:calc(-1 * var(--matcha-space-250,20px));margin-bottom:calc(-1 * var(--matcha-space-250,20px))}.my-xs--20--force{margin-top:calc(-1 * var(--matcha-space-250,20px))!important;margin-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.mt-xs--20{margin-top:calc(-1 * var(--matcha-space-250,20px))}.mt-xs--20--force{margin-top:calc(-1 * var(--matcha-space-250,20px))!important}.mr-xs--20{margin-right:calc(-1 * var(--matcha-space-250,20px))}.mr-xs--20--force{margin-right:calc(-1 * var(--matcha-space-250,20px))!important}.mb-xs--20{margin-bottom:calc(-1 * var(--matcha-space-250,20px))}.mb-xs--20--force{margin-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.ml-xs--20{margin-left:calc(-1 * var(--matcha-space-250,20px))}.ml-xs--20--force{margin-left:calc(-1 * var(--matcha-space-250,20px))!important}.m-xs--16{margin:calc(-1 * var(--matcha-space-200,16px))}.m-xs--16--force{margin:calc(-1 * var(--matcha-space-200,16px))!important}.mx-xs--16{margin-right:calc(-1 * var(--matcha-space-200,16px));margin-left:calc(-1 * var(--matcha-space-200,16px))}.mx-xs--16--force{margin-right:calc(-1 * var(--matcha-space-200,16px))!important;margin-left:calc(-1 * var(--matcha-space-200,16px))!important}.my-xs--16{margin-top:calc(-1 * var(--matcha-space-200,16px));margin-bottom:calc(-1 * var(--matcha-space-200,16px))}.my-xs--16--force{margin-top:calc(-1 * var(--matcha-space-200,16px))!important;margin-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.mt-xs--16{margin-top:calc(-1 * var(--matcha-space-200,16px))}.mt-xs--16--force{margin-top:calc(-1 * var(--matcha-space-200,16px))!important}.mr-xs--16{margin-right:calc(-1 * var(--matcha-space-200,16px))}.mr-xs--16--force{margin-right:calc(-1 * var(--matcha-space-200,16px))!important}.mb-xs--16{margin-bottom:calc(-1 * var(--matcha-space-200,16px))}.mb-xs--16--force{margin-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.ml-xs--16{margin-left:calc(-1 * var(--matcha-space-200,16px))}.ml-xs--16--force{margin-left:calc(-1 * var(--matcha-space-200,16px))!important}.m-xs--12{margin:calc(-1 * var(--matcha-space-150,12px))}.m-xs--12--force{margin:calc(-1 * var(--matcha-space-150,12px))!important}.mx-xs--12{margin-right:calc(-1 * var(--matcha-space-150,12px));margin-left:calc(-1 * var(--matcha-space-150,12px))}.mx-xs--12--force{margin-right:calc(-1 * var(--matcha-space-150,12px))!important;margin-left:calc(-1 * var(--matcha-space-150,12px))!important}.my-xs--12{margin-top:calc(-1 * var(--matcha-space-150,12px));margin-bottom:calc(-1 * var(--matcha-space-150,12px))}.my-xs--12--force{margin-top:calc(-1 * var(--matcha-space-150,12px))!important;margin-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.mt-xs--12{margin-top:calc(-1 * var(--matcha-space-150,12px))}.mt-xs--12--force{margin-top:calc(-1 * var(--matcha-space-150,12px))!important}.mr-xs--12{margin-right:calc(-1 * var(--matcha-space-150,12px))}.mr-xs--12--force{margin-right:calc(-1 * var(--matcha-space-150,12px))!important}.mb-xs--12{margin-bottom:calc(-1 * var(--matcha-space-150,12px))}.mb-xs--12--force{margin-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.ml-xs--12{margin-left:calc(-1 * var(--matcha-space-150,12px))}.ml-xs--12--force{margin-left:calc(-1 * var(--matcha-space-150,12px))!important}.m-xs--8{margin:calc(-1 * var(--matcha-space-100,8px))}.m-xs--8--force{margin:calc(-1 * var(--matcha-space-100,8px))!important}.mx-xs--8{margin-right:calc(-1 * var(--matcha-space-100,8px));margin-left:calc(-1 * var(--matcha-space-100,8px))}.mx-xs--8--force{margin-right:calc(-1 * var(--matcha-space-100,8px))!important;margin-left:calc(-1 * var(--matcha-space-100,8px))!important}.my-xs--8{margin-top:calc(-1 * var(--matcha-space-100,8px));margin-bottom:calc(-1 * var(--matcha-space-100,8px))}.my-xs--8--force{margin-top:calc(-1 * var(--matcha-space-100,8px))!important;margin-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.mt-xs--8{margin-top:calc(-1 * var(--matcha-space-100,8px))}.mt-xs--8--force{margin-top:calc(-1 * var(--matcha-space-100,8px))!important}.mr-xs--8{margin-right:calc(-1 * var(--matcha-space-100,8px))}.mr-xs--8--force{margin-right:calc(-1 * var(--matcha-space-100,8px))!important}.mb-xs--8{margin-bottom:calc(-1 * var(--matcha-space-100,8px))}.mb-xs--8--force{margin-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.ml-xs--8{margin-left:calc(-1 * var(--matcha-space-100,8px))}.ml-xs--8--force{margin-left:calc(-1 * var(--matcha-space-100,8px))!important}.m-xs--4{margin:calc(-1 * var(--matcha-space-050,4px))}.m-xs--4--force{margin:calc(-1 * var(--matcha-space-050,4px))!important}.mx-xs--4{margin-right:calc(-1 * var(--matcha-space-050,4px));margin-left:calc(-1 * var(--matcha-space-050,4px))}.mx-xs--4--force{margin-right:calc(-1 * var(--matcha-space-050,4px))!important;margin-left:calc(-1 * var(--matcha-space-050,4px))!important}.my-xs--4{margin-top:calc(-1 * var(--matcha-space-050,4px));margin-bottom:calc(-1 * var(--matcha-space-050,4px))}.my-xs--4--force{margin-top:calc(-1 * var(--matcha-space-050,4px))!important;margin-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.mt-xs--4{margin-top:calc(-1 * var(--matcha-space-050,4px))}.mt-xs--4--force{margin-top:calc(-1 * var(--matcha-space-050,4px))!important}.mr-xs--4{margin-right:calc(-1 * var(--matcha-space-050,4px))}.mr-xs--4--force{margin-right:calc(-1 * var(--matcha-space-050,4px))!important}.mb-xs--4{margin-bottom:calc(-1 * var(--matcha-space-050,4px))}.mb-xs--4--force{margin-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.ml-xs--4{margin-left:calc(-1 * var(--matcha-space-050,4px))}.ml-xs--4--force{margin-left:calc(-1 * var(--matcha-space-050,4px))!important}.m-xs-0{margin:var(--matcha-space-0,0)}.m-xs-0--force{margin:var(--matcha-space-0,0)!important}.mx-xs-0{margin-right:var(--matcha-space-0,0);margin-left:var(--matcha-space-0,0)}.mx-xs-0--force{margin-right:var(--matcha-space-0,0)!important;margin-left:var(--matcha-space-0,0)!important}.my-xs-0{margin-top:var(--matcha-space-0,0);margin-bottom:var(--matcha-space-0,0)}.my-xs-0--force{margin-top:var(--matcha-space-0,0)!important;margin-bottom:var(--matcha-space-0,0)!important}.mt-xs-0{margin-top:var(--matcha-space-0,0)}.mt-xs-0--force{margin-top:var(--matcha-space-0,0)!important}.mr-xs-0{margin-right:var(--matcha-space-0,0)}.mr-xs-0--force{margin-right:var(--matcha-space-0,0)!important}.mb-xs-0{margin-bottom:var(--matcha-space-0,0)}.mb-xs-0--force{margin-bottom:var(--matcha-space-0,0)!important}.ml-xs-0{margin-left:var(--matcha-space-0,0)}.ml-xs-0--force{margin-left:var(--matcha-space-0,0)!important}.m-xs-4{margin:var(--matcha-space-050,4px)}.m-xs-4--force{margin:var(--matcha-space-050,4px)!important}.mx-xs-4{margin-right:var(--matcha-space-050,4px);margin-left:var(--matcha-space-050,4px)}.mx-xs-4--force{margin-right:var(--matcha-space-050,4px)!important;margin-left:var(--matcha-space-050,4px)!important}.my-xs-4{margin-top:var(--matcha-space-050,4px);margin-bottom:var(--matcha-space-050,4px)}.my-xs-4--force{margin-top:var(--matcha-space-050,4px)!important;margin-bottom:var(--matcha-space-050,4px)!important}.mt-xs-4{margin-top:var(--matcha-space-050,4px)}.mt-xs-4--force{margin-top:var(--matcha-space-050,4px)!important}.mr-xs-4{margin-right:var(--matcha-space-050,4px)}.mr-xs-4--force{margin-right:var(--matcha-space-050,4px)!important}.mb-xs-4{margin-bottom:var(--matcha-space-050,4px)}.mb-xs-4--force{margin-bottom:var(--matcha-space-050,4px)!important}.ml-xs-4{margin-left:var(--matcha-space-050,4px)}.ml-xs-4--force{margin-left:var(--matcha-space-050,4px)!important}.m-xs-8{margin:var(--matcha-space-100,8px)}.m-xs-8--force{margin:var(--matcha-space-100,8px)!important}.mx-xs-8{margin-right:var(--matcha-space-100,8px);margin-left:var(--matcha-space-100,8px)}.mx-xs-8--force{margin-right:var(--matcha-space-100,8px)!important;margin-left:var(--matcha-space-100,8px)!important}.my-xs-8{margin-top:var(--matcha-space-100,8px);margin-bottom:var(--matcha-space-100,8px)}.my-xs-8--force{margin-top:var(--matcha-space-100,8px)!important;margin-bottom:var(--matcha-space-100,8px)!important}.mt-xs-8{margin-top:var(--matcha-space-100,8px)}.mt-xs-8--force{margin-top:var(--matcha-space-100,8px)!important}.mr-xs-8{margin-right:var(--matcha-space-100,8px)}.mr-xs-8--force{margin-right:var(--matcha-space-100,8px)!important}.mb-xs-8{margin-bottom:var(--matcha-space-100,8px)}.mb-xs-8--force{margin-bottom:var(--matcha-space-100,8px)!important}.ml-xs-8{margin-left:var(--matcha-space-100,8px)}.ml-xs-8--force{margin-left:var(--matcha-space-100,8px)!important}.m-xs-12{margin:var(--matcha-space-150,12px)}.m-xs-12--force{margin:var(--matcha-space-150,12px)!important}.mx-xs-12{margin-right:var(--matcha-space-150,12px);margin-left:var(--matcha-space-150,12px)}.mx-xs-12--force{margin-right:var(--matcha-space-150,12px)!important;margin-left:var(--matcha-space-150,12px)!important}.my-xs-12{margin-top:var(--matcha-space-150,12px);margin-bottom:var(--matcha-space-150,12px)}.my-xs-12--force{margin-top:var(--matcha-space-150,12px)!important;margin-bottom:var(--matcha-space-150,12px)!important}.mt-xs-12{margin-top:var(--matcha-space-150,12px)}.mt-xs-12--force{margin-top:var(--matcha-space-150,12px)!important}.mr-xs-12{margin-right:var(--matcha-space-150,12px)}.mr-xs-12--force{margin-right:var(--matcha-space-150,12px)!important}.mb-xs-12{margin-bottom:var(--matcha-space-150,12px)}.mb-xs-12--force{margin-bottom:var(--matcha-space-150,12px)!important}.ml-xs-12{margin-left:var(--matcha-space-150,12px)}.ml-xs-12--force{margin-left:var(--matcha-space-150,12px)!important}.m-xs-16{margin:var(--matcha-space-200,16px)}.m-xs-16--force{margin:var(--matcha-space-200,16px)!important}.mx-xs-16{margin-right:var(--matcha-space-200,16px);margin-left:var(--matcha-space-200,16px)}.mx-xs-16--force{margin-right:var(--matcha-space-200,16px)!important;margin-left:var(--matcha-space-200,16px)!important}.my-xs-16{margin-top:var(--matcha-space-200,16px);margin-bottom:var(--matcha-space-200,16px)}.my-xs-16--force{margin-top:var(--matcha-space-200,16px)!important;margin-bottom:var(--matcha-space-200,16px)!important}.mt-xs-16{margin-top:var(--matcha-space-200,16px)}.mt-xs-16--force{margin-top:var(--matcha-space-200,16px)!important}.mr-xs-16{margin-right:var(--matcha-space-200,16px)}.mr-xs-16--force{margin-right:var(--matcha-space-200,16px)!important}.mb-xs-16{margin-bottom:var(--matcha-space-200,16px)}.mb-xs-16--force{margin-bottom:var(--matcha-space-200,16px)!important}.ml-xs-16{margin-left:var(--matcha-space-200,16px)}.ml-xs-16--force{margin-left:var(--matcha-space-200,16px)!important}.m-xs-20{margin:var(--matcha-space-250,20px)}.m-xs-20--force{margin:var(--matcha-space-250,20px)!important}.mx-xs-20{margin-right:var(--matcha-space-250,20px);margin-left:var(--matcha-space-250,20px)}.mx-xs-20--force{margin-right:var(--matcha-space-250,20px)!important;margin-left:var(--matcha-space-250,20px)!important}.my-xs-20{margin-top:var(--matcha-space-250,20px);margin-bottom:var(--matcha-space-250,20px)}.my-xs-20--force{margin-top:var(--matcha-space-250,20px)!important;margin-bottom:var(--matcha-space-250,20px)!important}.mt-xs-20{margin-top:var(--matcha-space-250,20px)}.mt-xs-20--force{margin-top:var(--matcha-space-250,20px)!important}.mr-xs-20{margin-right:var(--matcha-space-250,20px)}.mr-xs-20--force{margin-right:var(--matcha-space-250,20px)!important}.mb-xs-20{margin-bottom:var(--matcha-space-250,20px)}.mb-xs-20--force{margin-bottom:var(--matcha-space-250,20px)!important}.ml-xs-20{margin-left:var(--matcha-space-250,20px)}.ml-xs-20--force{margin-left:var(--matcha-space-250,20px)!important}.m-xs-24{margin:var(--matcha-space-300,24px)}.m-xs-24--force{margin:var(--matcha-space-300,24px)!important}.mx-xs-24{margin-right:var(--matcha-space-300,24px);margin-left:var(--matcha-space-300,24px)}.mx-xs-24--force{margin-right:var(--matcha-space-300,24px)!important;margin-left:var(--matcha-space-300,24px)!important}.my-xs-24{margin-top:var(--matcha-space-300,24px);margin-bottom:var(--matcha-space-300,24px)}.my-xs-24--force{margin-top:var(--matcha-space-300,24px)!important;margin-bottom:var(--matcha-space-300,24px)!important}.mt-xs-24{margin-top:var(--matcha-space-300,24px)}.mt-xs-24--force{margin-top:var(--matcha-space-300,24px)!important}.mr-xs-24{margin-right:var(--matcha-space-300,24px)}.mr-xs-24--force{margin-right:var(--matcha-space-300,24px)!important}.mb-xs-24{margin-bottom:var(--matcha-space-300,24px)}.mb-xs-24--force{margin-bottom:var(--matcha-space-300,24px)!important}.ml-xs-24{margin-left:var(--matcha-space-300,24px)}.ml-xs-24--force{margin-left:var(--matcha-space-300,24px)!important}.m-xs-28{margin:28px}.m-xs-28--force{margin:28px!important}.mx-xs-28{margin-right:28px;margin-left:28px}.mx-xs-28--force{margin-right:28px!important;margin-left:28px!important}.my-xs-28{margin-top:28px;margin-bottom:28px}.my-xs-28--force{margin-top:28px!important;margin-bottom:28px!important}.mt-xs-28{margin-top:28px}.mt-xs-28--force{margin-top:28px!important}.mr-xs-28{margin-right:28px}.mr-xs-28--force{margin-right:28px!important}.mb-xs-28{margin-bottom:28px}.mb-xs-28--force{margin-bottom:28px!important}.ml-xs-28{margin-left:28px}.ml-xs-28--force{margin-left:28px!important}.m-xs-32{margin:var(--matcha-space-400,32px)}.m-xs-32--force{margin:var(--matcha-space-400,32px)!important}.mx-xs-32{margin-right:var(--matcha-space-400,32px);margin-left:var(--matcha-space-400,32px)}.mx-xs-32--force{margin-right:var(--matcha-space-400,32px)!important;margin-left:var(--matcha-space-400,32px)!important}.my-xs-32{margin-top:var(--matcha-space-400,32px);margin-bottom:var(--matcha-space-400,32px)}.my-xs-32--force{margin-top:var(--matcha-space-400,32px)!important;margin-bottom:var(--matcha-space-400,32px)!important}.mt-xs-32{margin-top:var(--matcha-space-400,32px)}.mt-xs-32--force{margin-top:var(--matcha-space-400,32px)!important}.mr-xs-32{margin-right:var(--matcha-space-400,32px)}.mr-xs-32--force{margin-right:var(--matcha-space-400,32px)!important}.mb-xs-32{margin-bottom:var(--matcha-space-400,32px)}.mb-xs-32--force{margin-bottom:var(--matcha-space-400,32px)!important}.ml-xs-32{margin-left:var(--matcha-space-400,32px)}.ml-xs-32--force{margin-left:var(--matcha-space-400,32px)!important}.m-xs-36{margin:36px}.m-xs-36--force{margin:36px!important}.mx-xs-36{margin-right:36px;margin-left:36px}.mx-xs-36--force{margin-right:36px!important;margin-left:36px!important}.my-xs-36{margin-top:36px;margin-bottom:36px}.my-xs-36--force{margin-top:36px!important;margin-bottom:36px!important}.mt-xs-36{margin-top:36px}.mt-xs-36--force{margin-top:36px!important}.mr-xs-36{margin-right:36px}.mr-xs-36--force{margin-right:36px!important}.mb-xs-36{margin-bottom:36px}.mb-xs-36--force{margin-bottom:36px!important}.ml-xs-36{margin-left:36px}.ml-xs-36--force{margin-left:36px!important}.m-xs-40{margin:var(--matcha-space-500,40px)}.m-xs-40--force{margin:var(--matcha-space-500,40px)!important}.mx-xs-40{margin-right:var(--matcha-space-500,40px);margin-left:var(--matcha-space-500,40px)}.mx-xs-40--force{margin-right:var(--matcha-space-500,40px)!important;margin-left:var(--matcha-space-500,40px)!important}.my-xs-40{margin-top:var(--matcha-space-500,40px);margin-bottom:var(--matcha-space-500,40px)}.my-xs-40--force{margin-top:var(--matcha-space-500,40px)!important;margin-bottom:var(--matcha-space-500,40px)!important}.mt-xs-40{margin-top:var(--matcha-space-500,40px)}.mt-xs-40--force{margin-top:var(--matcha-space-500,40px)!important}.mr-xs-40{margin-right:var(--matcha-space-500,40px)}.mr-xs-40--force{margin-right:var(--matcha-space-500,40px)!important}.mb-xs-40{margin-bottom:var(--matcha-space-500,40px)}.mb-xs-40--force{margin-bottom:var(--matcha-space-500,40px)!important}.ml-xs-40{margin-left:var(--matcha-space-500,40px)}.ml-xs-40--force{margin-left:var(--matcha-space-500,40px)!important}.m-xs-44{margin:44px}.m-xs-44--force{margin:44px!important}.mx-xs-44{margin-right:44px;margin-left:44px}.mx-xs-44--force{margin-right:44px!important;margin-left:44px!important}.my-xs-44{margin-top:44px;margin-bottom:44px}.my-xs-44--force{margin-top:44px!important;margin-bottom:44px!important}.mt-xs-44{margin-top:44px}.mt-xs-44--force{margin-top:44px!important}.mr-xs-44{margin-right:44px}.mr-xs-44--force{margin-right:44px!important}.mb-xs-44{margin-bottom:44px}.mb-xs-44--force{margin-bottom:44px!important}.ml-xs-44{margin-left:44px}.ml-xs-44--force{margin-left:44px!important}.m-xs-48{margin:var(--matcha-space-600,48px)}.m-xs-48--force{margin:var(--matcha-space-600,48px)!important}.mx-xs-48{margin-right:var(--matcha-space-600,48px);margin-left:var(--matcha-space-600,48px)}.mx-xs-48--force{margin-right:var(--matcha-space-600,48px)!important;margin-left:var(--matcha-space-600,48px)!important}.my-xs-48{margin-top:var(--matcha-space-600,48px);margin-bottom:var(--matcha-space-600,48px)}.my-xs-48--force{margin-top:var(--matcha-space-600,48px)!important;margin-bottom:var(--matcha-space-600,48px)!important}.mt-xs-48{margin-top:var(--matcha-space-600,48px)}.mt-xs-48--force{margin-top:var(--matcha-space-600,48px)!important}.mr-xs-48{margin-right:var(--matcha-space-600,48px)}.mr-xs-48--force{margin-right:var(--matcha-space-600,48px)!important}.mb-xs-48{margin-bottom:var(--matcha-space-600,48px)}.mb-xs-48--force{margin-bottom:var(--matcha-space-600,48px)!important}.ml-xs-48{margin-left:var(--matcha-space-600,48px)}.ml-xs-48--force{margin-left:var(--matcha-space-600,48px)!important}.m-xs-52{margin:52px}.m-xs-52--force{margin:52px!important}.mx-xs-52{margin-right:52px;margin-left:52px}.mx-xs-52--force{margin-right:52px!important;margin-left:52px!important}.my-xs-52{margin-top:52px;margin-bottom:52px}.my-xs-52--force{margin-top:52px!important;margin-bottom:52px!important}.mt-xs-52{margin-top:52px}.mt-xs-52--force{margin-top:52px!important}.mr-xs-52{margin-right:52px}.mr-xs-52--force{margin-right:52px!important}.mb-xs-52{margin-bottom:52px}.mb-xs-52--force{margin-bottom:52px!important}.ml-xs-52{margin-left:52px}.ml-xs-52--force{margin-left:52px!important}.m-xs-56{margin:56px}.m-xs-56--force{margin:56px!important}.mx-xs-56{margin-right:56px;margin-left:56px}.mx-xs-56--force{margin-right:56px!important;margin-left:56px!important}.my-xs-56{margin-top:56px;margin-bottom:56px}.my-xs-56--force{margin-top:56px!important;margin-bottom:56px!important}.mt-xs-56{margin-top:56px}.mt-xs-56--force{margin-top:56px!important}.mr-xs-56{margin-right:56px}.mr-xs-56--force{margin-right:56px!important}.mb-xs-56{margin-bottom:56px}.mb-xs-56--force{margin-bottom:56px!important}.ml-xs-56{margin-left:56px}.ml-xs-56--force{margin-left:56px!important}.m-xs-60{margin:60px}.m-xs-60--force{margin:60px!important}.mx-xs-60{margin-right:60px;margin-left:60px}.mx-xs-60--force{margin-right:60px!important;margin-left:60px!important}.my-xs-60{margin-top:60px;margin-bottom:60px}.my-xs-60--force{margin-top:60px!important;margin-bottom:60px!important}.mt-xs-60{margin-top:60px}.mt-xs-60--force{margin-top:60px!important}.mr-xs-60{margin-right:60px}.mr-xs-60--force{margin-right:60px!important}.mb-xs-60{margin-bottom:60px}.mb-xs-60--force{margin-bottom:60px!important}.ml-xs-60{margin-left:60px}.ml-xs-60--force{margin-left:60px!important}.m-xs-64{margin:var(--matcha-space-800,64px)}.m-xs-64--force{margin:var(--matcha-space-800,64px)!important}.mx-xs-64{margin-right:var(--matcha-space-800,64px);margin-left:var(--matcha-space-800,64px)}.mx-xs-64--force{margin-right:var(--matcha-space-800,64px)!important;margin-left:var(--matcha-space-800,64px)!important}.my-xs-64{margin-top:var(--matcha-space-800,64px);margin-bottom:var(--matcha-space-800,64px)}.my-xs-64--force{margin-top:var(--matcha-space-800,64px)!important;margin-bottom:var(--matcha-space-800,64px)!important}.mt-xs-64{margin-top:var(--matcha-space-800,64px)}.mt-xs-64--force{margin-top:var(--matcha-space-800,64px)!important}.mr-xs-64{margin-right:var(--matcha-space-800,64px)}.mr-xs-64--force{margin-right:var(--matcha-space-800,64px)!important}.mb-xs-64{margin-bottom:var(--matcha-space-800,64px)}.mb-xs-64--force{margin-bottom:var(--matcha-space-800,64px)!important}.ml-xs-64{margin-left:var(--matcha-space-800,64px)}.ml-xs-64--force{margin-left:var(--matcha-space-800,64px)!important}.m-xs-auto{margin:auto}.m-xs-auto--force{margin:auto!important}.mt-xs-auto{margin-top:auto}.mt-xs-auto--force{margin-top:auto!important}.mr-xs-auto{margin-right:auto}.mr-xs-auto--force{margin-right:auto!important}.mb-xs-auto{margin-bottom:auto}.mb-xs-auto--force{margin-bottom:auto!important}.ml-xs-auto{margin-left:auto}.ml-xs-auto--force{margin-left:auto!important}.mx-xs-auto{margin-right:auto;margin-left:auto}.mx-xs-auto--force{margin-right:auto!important;margin-left:auto!important}.my-xs-auto{margin-top:auto;margin-bottom:auto}.my-xs-auto--force{margin-top:auto!important;margin-bottom:auto!important}.p-xs--64{padding:calc(-1 * var(--matcha-space-800,64px))}.p-xs--64--force{padding:calc(-1 * var(--matcha-space-800,64px))!important}.px-xs--64{padding-right:calc(-1 * var(--matcha-space-800,64px));padding-left:calc(-1 * var(--matcha-space-800,64px))}.px-xs--64--force{padding-right:calc(-1 * var(--matcha-space-800,64px))!important;padding-left:calc(-1 * var(--matcha-space-800,64px))!important}.py-xs--64{padding-top:calc(-1 * var(--matcha-space-800,64px));padding-bottom:calc(-1 * var(--matcha-space-800,64px))}.py-xs--64--force{padding-top:calc(-1 * var(--matcha-space-800,64px))!important;padding-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.pt-xs--64{padding-top:calc(-1 * var(--matcha-space-800,64px))}.pt-xs--64--force{padding-top:calc(-1 * var(--matcha-space-800,64px))!important}.pr-xs--64{padding-right:calc(-1 * var(--matcha-space-800,64px))}.pr-xs--64--force{padding-right:calc(-1 * var(--matcha-space-800,64px))!important}.pb-xs--64{padding-bottom:calc(-1 * var(--matcha-space-800,64px))}.pb-xs--64--force{padding-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.pl-xs--64{padding-left:calc(-1 * var(--matcha-space-800,64px))}.pl-xs--64--force{padding-left:calc(-1 * var(--matcha-space-800,64px))!important}.p-xs--48{padding:calc(-1 * var(--matcha-space-600,48px))}.p-xs--48--force{padding:calc(-1 * var(--matcha-space-600,48px))!important}.px-xs--48{padding-right:calc(-1 * var(--matcha-space-600,48px));padding-left:calc(-1 * var(--matcha-space-600,48px))}.px-xs--48--force{padding-right:calc(-1 * var(--matcha-space-600,48px))!important;padding-left:calc(-1 * var(--matcha-space-600,48px))!important}.py-xs--48{padding-top:calc(-1 * var(--matcha-space-600,48px));padding-bottom:calc(-1 * var(--matcha-space-600,48px))}.py-xs--48--force{padding-top:calc(-1 * var(--matcha-space-600,48px))!important;padding-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.pt-xs--48{padding-top:calc(-1 * var(--matcha-space-600,48px))}.pt-xs--48--force{padding-top:calc(-1 * var(--matcha-space-600,48px))!important}.pr-xs--48{padding-right:calc(-1 * var(--matcha-space-600,48px))}.pr-xs--48--force{padding-right:calc(-1 * var(--matcha-space-600,48px))!important}.pb-xs--48{padding-bottom:calc(-1 * var(--matcha-space-600,48px))}.pb-xs--48--force{padding-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.pl-xs--48{padding-left:calc(-1 * var(--matcha-space-600,48px))}.pl-xs--48--force{padding-left:calc(-1 * var(--matcha-space-600,48px))!important}.p-xs--40{padding:calc(-1 * var(--matcha-space-500,40px))}.p-xs--40--force{padding:calc(-1 * var(--matcha-space-500,40px))!important}.px-xs--40{padding-right:calc(-1 * var(--matcha-space-500,40px));padding-left:calc(-1 * var(--matcha-space-500,40px))}.px-xs--40--force{padding-right:calc(-1 * var(--matcha-space-500,40px))!important;padding-left:calc(-1 * var(--matcha-space-500,40px))!important}.py-xs--40{padding-top:calc(-1 * var(--matcha-space-500,40px));padding-bottom:calc(-1 * var(--matcha-space-500,40px))}.py-xs--40--force{padding-top:calc(-1 * var(--matcha-space-500,40px))!important;padding-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.pt-xs--40{padding-top:calc(-1 * var(--matcha-space-500,40px))}.pt-xs--40--force{padding-top:calc(-1 * var(--matcha-space-500,40px))!important}.pr-xs--40{padding-right:calc(-1 * var(--matcha-space-500,40px))}.pr-xs--40--force{padding-right:calc(-1 * var(--matcha-space-500,40px))!important}.pb-xs--40{padding-bottom:calc(-1 * var(--matcha-space-500,40px))}.pb-xs--40--force{padding-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.pl-xs--40{padding-left:calc(-1 * var(--matcha-space-500,40px))}.pl-xs--40--force{padding-left:calc(-1 * var(--matcha-space-500,40px))!important}.p-xs--32{padding:calc(-1 * var(--matcha-space-400,32px))}.p-xs--32--force{padding:calc(-1 * var(--matcha-space-400,32px))!important}.px-xs--32{padding-right:calc(-1 * var(--matcha-space-400,32px));padding-left:calc(-1 * var(--matcha-space-400,32px))}.px-xs--32--force{padding-right:calc(-1 * var(--matcha-space-400,32px))!important;padding-left:calc(-1 * var(--matcha-space-400,32px))!important}.py-xs--32{padding-top:calc(-1 * var(--matcha-space-400,32px));padding-bottom:calc(-1 * var(--matcha-space-400,32px))}.py-xs--32--force{padding-top:calc(-1 * var(--matcha-space-400,32px))!important;padding-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.pt-xs--32{padding-top:calc(-1 * var(--matcha-space-400,32px))}.pt-xs--32--force{padding-top:calc(-1 * var(--matcha-space-400,32px))!important}.pr-xs--32{padding-right:calc(-1 * var(--matcha-space-400,32px))}.pr-xs--32--force{padding-right:calc(-1 * var(--matcha-space-400,32px))!important}.pb-xs--32{padding-bottom:calc(-1 * var(--matcha-space-400,32px))}.pb-xs--32--force{padding-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.pl-xs--32{padding-left:calc(-1 * var(--matcha-space-400,32px))}.pl-xs--32--force{padding-left:calc(-1 * var(--matcha-space-400,32px))!important}.p-xs--24{padding:calc(-1 * var(--matcha-space-300,24px))}.p-xs--24--force{padding:calc(-1 * var(--matcha-space-300,24px))!important}.px-xs--24{padding-right:calc(-1 * var(--matcha-space-300,24px));padding-left:calc(-1 * var(--matcha-space-300,24px))}.px-xs--24--force{padding-right:calc(-1 * var(--matcha-space-300,24px))!important;padding-left:calc(-1 * var(--matcha-space-300,24px))!important}.py-xs--24{padding-top:calc(-1 * var(--matcha-space-300,24px));padding-bottom:calc(-1 * var(--matcha-space-300,24px))}.py-xs--24--force{padding-top:calc(-1 * var(--matcha-space-300,24px))!important;padding-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.pt-xs--24{padding-top:calc(-1 * var(--matcha-space-300,24px))}.pt-xs--24--force{padding-top:calc(-1 * var(--matcha-space-300,24px))!important}.pr-xs--24{padding-right:calc(-1 * var(--matcha-space-300,24px))}.pr-xs--24--force{padding-right:calc(-1 * var(--matcha-space-300,24px))!important}.pb-xs--24{padding-bottom:calc(-1 * var(--matcha-space-300,24px))}.pb-xs--24--force{padding-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.pl-xs--24{padding-left:calc(-1 * var(--matcha-space-300,24px))}.pl-xs--24--force{padding-left:calc(-1 * var(--matcha-space-300,24px))!important}.p-xs--20{padding:calc(-1 * var(--matcha-space-250,20px))}.p-xs--20--force{padding:calc(-1 * var(--matcha-space-250,20px))!important}.px-xs--20{padding-right:calc(-1 * var(--matcha-space-250,20px));padding-left:calc(-1 * var(--matcha-space-250,20px))}.px-xs--20--force{padding-right:calc(-1 * var(--matcha-space-250,20px))!important;padding-left:calc(-1 * var(--matcha-space-250,20px))!important}.py-xs--20{padding-top:calc(-1 * var(--matcha-space-250,20px));padding-bottom:calc(-1 * var(--matcha-space-250,20px))}.py-xs--20--force{padding-top:calc(-1 * var(--matcha-space-250,20px))!important;padding-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.pt-xs--20{padding-top:calc(-1 * var(--matcha-space-250,20px))}.pt-xs--20--force{padding-top:calc(-1 * var(--matcha-space-250,20px))!important}.pr-xs--20{padding-right:calc(-1 * var(--matcha-space-250,20px))}.pr-xs--20--force{padding-right:calc(-1 * var(--matcha-space-250,20px))!important}.pb-xs--20{padding-bottom:calc(-1 * var(--matcha-space-250,20px))}.pb-xs--20--force{padding-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.pl-xs--20{padding-left:calc(-1 * var(--matcha-space-250,20px))}.pl-xs--20--force{padding-left:calc(-1 * var(--matcha-space-250,20px))!important}.p-xs--16{padding:calc(-1 * var(--matcha-space-200,16px))}.p-xs--16--force{padding:calc(-1 * var(--matcha-space-200,16px))!important}.px-xs--16{padding-right:calc(-1 * var(--matcha-space-200,16px));padding-left:calc(-1 * var(--matcha-space-200,16px))}.px-xs--16--force{padding-right:calc(-1 * var(--matcha-space-200,16px))!important;padding-left:calc(-1 * var(--matcha-space-200,16px))!important}.py-xs--16{padding-top:calc(-1 * var(--matcha-space-200,16px));padding-bottom:calc(-1 * var(--matcha-space-200,16px))}.py-xs--16--force{padding-top:calc(-1 * var(--matcha-space-200,16px))!important;padding-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.pt-xs--16{padding-top:calc(-1 * var(--matcha-space-200,16px))}.pt-xs--16--force{padding-top:calc(-1 * var(--matcha-space-200,16px))!important}.pr-xs--16{padding-right:calc(-1 * var(--matcha-space-200,16px))}.pr-xs--16--force{padding-right:calc(-1 * var(--matcha-space-200,16px))!important}.pb-xs--16{padding-bottom:calc(-1 * var(--matcha-space-200,16px))}.pb-xs--16--force{padding-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.pl-xs--16{padding-left:calc(-1 * var(--matcha-space-200,16px))}.pl-xs--16--force{padding-left:calc(-1 * var(--matcha-space-200,16px))!important}.p-xs--12{padding:calc(-1 * var(--matcha-space-150,12px))}.p-xs--12--force{padding:calc(-1 * var(--matcha-space-150,12px))!important}.px-xs--12{padding-right:calc(-1 * var(--matcha-space-150,12px));padding-left:calc(-1 * var(--matcha-space-150,12px))}.px-xs--12--force{padding-right:calc(-1 * var(--matcha-space-150,12px))!important;padding-left:calc(-1 * var(--matcha-space-150,12px))!important}.py-xs--12{padding-top:calc(-1 * var(--matcha-space-150,12px));padding-bottom:calc(-1 * var(--matcha-space-150,12px))}.py-xs--12--force{padding-top:calc(-1 * var(--matcha-space-150,12px))!important;padding-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.pt-xs--12{padding-top:calc(-1 * var(--matcha-space-150,12px))}.pt-xs--12--force{padding-top:calc(-1 * var(--matcha-space-150,12px))!important}.pr-xs--12{padding-right:calc(-1 * var(--matcha-space-150,12px))}.pr-xs--12--force{padding-right:calc(-1 * var(--matcha-space-150,12px))!important}.pb-xs--12{padding-bottom:calc(-1 * var(--matcha-space-150,12px))}.pb-xs--12--force{padding-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.pl-xs--12{padding-left:calc(-1 * var(--matcha-space-150,12px))}.pl-xs--12--force{padding-left:calc(-1 * var(--matcha-space-150,12px))!important}.p-xs--8{padding:calc(-1 * var(--matcha-space-100,8px))}.p-xs--8--force{padding:calc(-1 * var(--matcha-space-100,8px))!important}.px-xs--8{padding-right:calc(-1 * var(--matcha-space-100,8px));padding-left:calc(-1 * var(--matcha-space-100,8px))}.px-xs--8--force{padding-right:calc(-1 * var(--matcha-space-100,8px))!important;padding-left:calc(-1 * var(--matcha-space-100,8px))!important}.py-xs--8{padding-top:calc(-1 * var(--matcha-space-100,8px));padding-bottom:calc(-1 * var(--matcha-space-100,8px))}.py-xs--8--force{padding-top:calc(-1 * var(--matcha-space-100,8px))!important;padding-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.pt-xs--8{padding-top:calc(-1 * var(--matcha-space-100,8px))}.pt-xs--8--force{padding-top:calc(-1 * var(--matcha-space-100,8px))!important}.pr-xs--8{padding-right:calc(-1 * var(--matcha-space-100,8px))}.pr-xs--8--force{padding-right:calc(-1 * var(--matcha-space-100,8px))!important}.pb-xs--8{padding-bottom:calc(-1 * var(--matcha-space-100,8px))}.pb-xs--8--force{padding-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.pl-xs--8{padding-left:calc(-1 * var(--matcha-space-100,8px))}.pl-xs--8--force{padding-left:calc(-1 * var(--matcha-space-100,8px))!important}.p-xs--4{padding:calc(-1 * var(--matcha-space-050,4px))}.p-xs--4--force{padding:calc(-1 * var(--matcha-space-050,4px))!important}.px-xs--4{padding-right:calc(-1 * var(--matcha-space-050,4px));padding-left:calc(-1 * var(--matcha-space-050,4px))}.px-xs--4--force{padding-right:calc(-1 * var(--matcha-space-050,4px))!important;padding-left:calc(-1 * var(--matcha-space-050,4px))!important}.py-xs--4{padding-top:calc(-1 * var(--matcha-space-050,4px));padding-bottom:calc(-1 * var(--matcha-space-050,4px))}.py-xs--4--force{padding-top:calc(-1 * var(--matcha-space-050,4px))!important;padding-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.pt-xs--4{padding-top:calc(-1 * var(--matcha-space-050,4px))}.pt-xs--4--force{padding-top:calc(-1 * var(--matcha-space-050,4px))!important}.pr-xs--4{padding-right:calc(-1 * var(--matcha-space-050,4px))}.pr-xs--4--force{padding-right:calc(-1 * var(--matcha-space-050,4px))!important}.pb-xs--4{padding-bottom:calc(-1 * var(--matcha-space-050,4px))}.pb-xs--4--force{padding-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.pl-xs--4{padding-left:calc(-1 * var(--matcha-space-050,4px))}.pl-xs--4--force{padding-left:calc(-1 * var(--matcha-space-050,4px))!important}.p-xs-0{padding:var(--matcha-space-0,0)}.p-xs-0--force{padding:var(--matcha-space-0,0)!important}.px-xs-0{padding-right:var(--matcha-space-0,0);padding-left:var(--matcha-space-0,0)}.px-xs-0--force{padding-right:var(--matcha-space-0,0)!important;padding-left:var(--matcha-space-0,0)!important}.py-xs-0{padding-top:var(--matcha-space-0,0);padding-bottom:var(--matcha-space-0,0)}.py-xs-0--force{padding-top:var(--matcha-space-0,0)!important;padding-bottom:var(--matcha-space-0,0)!important}.pt-xs-0{padding-top:var(--matcha-space-0,0)}.pt-xs-0--force{padding-top:var(--matcha-space-0,0)!important}.pr-xs-0{padding-right:var(--matcha-space-0,0)}.pr-xs-0--force{padding-right:var(--matcha-space-0,0)!important}.pb-xs-0{padding-bottom:var(--matcha-space-0,0)}.pb-xs-0--force{padding-bottom:var(--matcha-space-0,0)!important}.pl-xs-0{padding-left:var(--matcha-space-0,0)}.pl-xs-0--force{padding-left:var(--matcha-space-0,0)!important}.p-xs-4{padding:var(--matcha-space-050,4px)}.p-xs-4--force{padding:var(--matcha-space-050,4px)!important}.px-xs-4{padding-right:var(--matcha-space-050,4px);padding-left:var(--matcha-space-050,4px)}.px-xs-4--force{padding-right:var(--matcha-space-050,4px)!important;padding-left:var(--matcha-space-050,4px)!important}.py-xs-4{padding-top:var(--matcha-space-050,4px);padding-bottom:var(--matcha-space-050,4px)}.py-xs-4--force{padding-top:var(--matcha-space-050,4px)!important;padding-bottom:var(--matcha-space-050,4px)!important}.pt-xs-4{padding-top:var(--matcha-space-050,4px)}.pt-xs-4--force{padding-top:var(--matcha-space-050,4px)!important}.pr-xs-4{padding-right:var(--matcha-space-050,4px)}.pr-xs-4--force{padding-right:var(--matcha-space-050,4px)!important}.pb-xs-4{padding-bottom:var(--matcha-space-050,4px)}.pb-xs-4--force{padding-bottom:var(--matcha-space-050,4px)!important}.pl-xs-4{padding-left:var(--matcha-space-050,4px)}.pl-xs-4--force{padding-left:var(--matcha-space-050,4px)!important}.p-xs-8{padding:var(--matcha-space-100,8px)}.p-xs-8--force{padding:var(--matcha-space-100,8px)!important}.px-xs-8{padding-right:var(--matcha-space-100,8px);padding-left:var(--matcha-space-100,8px)}.px-xs-8--force{padding-right:var(--matcha-space-100,8px)!important;padding-left:var(--matcha-space-100,8px)!important}.py-xs-8{padding-top:var(--matcha-space-100,8px);padding-bottom:var(--matcha-space-100,8px)}.py-xs-8--force{padding-top:var(--matcha-space-100,8px)!important;padding-bottom:var(--matcha-space-100,8px)!important}.pt-xs-8{padding-top:var(--matcha-space-100,8px)}.pt-xs-8--force{padding-top:var(--matcha-space-100,8px)!important}.pr-xs-8{padding-right:var(--matcha-space-100,8px)}.pr-xs-8--force{padding-right:var(--matcha-space-100,8px)!important}.pb-xs-8{padding-bottom:var(--matcha-space-100,8px)}.pb-xs-8--force{padding-bottom:var(--matcha-space-100,8px)!important}.pl-xs-8{padding-left:var(--matcha-space-100,8px)}.pl-xs-8--force{padding-left:var(--matcha-space-100,8px)!important}.p-xs-12{padding:var(--matcha-space-150,12px)}.p-xs-12--force{padding:var(--matcha-space-150,12px)!important}.px-xs-12{padding-right:var(--matcha-space-150,12px);padding-left:var(--matcha-space-150,12px)}.px-xs-12--force{padding-right:var(--matcha-space-150,12px)!important;padding-left:var(--matcha-space-150,12px)!important}.py-xs-12{padding-top:var(--matcha-space-150,12px);padding-bottom:var(--matcha-space-150,12px)}.py-xs-12--force{padding-top:var(--matcha-space-150,12px)!important;padding-bottom:var(--matcha-space-150,12px)!important}.pt-xs-12{padding-top:var(--matcha-space-150,12px)}.pt-xs-12--force{padding-top:var(--matcha-space-150,12px)!important}.pr-xs-12{padding-right:var(--matcha-space-150,12px)}.pr-xs-12--force{padding-right:var(--matcha-space-150,12px)!important}.pb-xs-12{padding-bottom:var(--matcha-space-150,12px)}.pb-xs-12--force{padding-bottom:var(--matcha-space-150,12px)!important}.pl-xs-12{padding-left:var(--matcha-space-150,12px)}.pl-xs-12--force{padding-left:var(--matcha-space-150,12px)!important}.p-xs-16{padding:var(--matcha-space-200,16px)}.p-xs-16--force{padding:var(--matcha-space-200,16px)!important}.px-xs-16{padding-right:var(--matcha-space-200,16px);padding-left:var(--matcha-space-200,16px)}.px-xs-16--force{padding-right:var(--matcha-space-200,16px)!important;padding-left:var(--matcha-space-200,16px)!important}.py-xs-16{padding-top:var(--matcha-space-200,16px);padding-bottom:var(--matcha-space-200,16px)}.py-xs-16--force{padding-top:var(--matcha-space-200,16px)!important;padding-bottom:var(--matcha-space-200,16px)!important}.pt-xs-16{padding-top:var(--matcha-space-200,16px)}.pt-xs-16--force{padding-top:var(--matcha-space-200,16px)!important}.pr-xs-16{padding-right:var(--matcha-space-200,16px)}.pr-xs-16--force{padding-right:var(--matcha-space-200,16px)!important}.pb-xs-16{padding-bottom:var(--matcha-space-200,16px)}.pb-xs-16--force{padding-bottom:var(--matcha-space-200,16px)!important}.pl-xs-16{padding-left:var(--matcha-space-200,16px)}.pl-xs-16--force{padding-left:var(--matcha-space-200,16px)!important}.p-xs-20{padding:var(--matcha-space-250,20px)}.p-xs-20--force{padding:var(--matcha-space-250,20px)!important}.px-xs-20{padding-right:var(--matcha-space-250,20px);padding-left:var(--matcha-space-250,20px)}.px-xs-20--force{padding-right:var(--matcha-space-250,20px)!important;padding-left:var(--matcha-space-250,20px)!important}.py-xs-20{padding-top:var(--matcha-space-250,20px);padding-bottom:var(--matcha-space-250,20px)}.py-xs-20--force{padding-top:var(--matcha-space-250,20px)!important;padding-bottom:var(--matcha-space-250,20px)!important}.pt-xs-20{padding-top:var(--matcha-space-250,20px)}.pt-xs-20--force{padding-top:var(--matcha-space-250,20px)!important}.pr-xs-20{padding-right:var(--matcha-space-250,20px)}.pr-xs-20--force{padding-right:var(--matcha-space-250,20px)!important}.pb-xs-20{padding-bottom:var(--matcha-space-250,20px)}.pb-xs-20--force{padding-bottom:var(--matcha-space-250,20px)!important}.pl-xs-20{padding-left:var(--matcha-space-250,20px)}.pl-xs-20--force{padding-left:var(--matcha-space-250,20px)!important}.p-xs-24{padding:var(--matcha-space-300,24px)}.p-xs-24--force{padding:var(--matcha-space-300,24px)!important}.px-xs-24{padding-right:var(--matcha-space-300,24px);padding-left:var(--matcha-space-300,24px)}.px-xs-24--force{padding-right:var(--matcha-space-300,24px)!important;padding-left:var(--matcha-space-300,24px)!important}.py-xs-24{padding-top:var(--matcha-space-300,24px);padding-bottom:var(--matcha-space-300,24px)}.py-xs-24--force{padding-top:var(--matcha-space-300,24px)!important;padding-bottom:var(--matcha-space-300,24px)!important}.pt-xs-24{padding-top:var(--matcha-space-300,24px)}.pt-xs-24--force{padding-top:var(--matcha-space-300,24px)!important}.pr-xs-24{padding-right:var(--matcha-space-300,24px)}.pr-xs-24--force{padding-right:var(--matcha-space-300,24px)!important}.pb-xs-24{padding-bottom:var(--matcha-space-300,24px)}.pb-xs-24--force{padding-bottom:var(--matcha-space-300,24px)!important}.pl-xs-24{padding-left:var(--matcha-space-300,24px)}.pl-xs-24--force{padding-left:var(--matcha-space-300,24px)!important}.p-xs-28{padding:28px}.p-xs-28--force{padding:28px!important}.px-xs-28{padding-right:28px;padding-left:28px}.px-xs-28--force{padding-right:28px!important;padding-left:28px!important}.py-xs-28{padding-top:28px;padding-bottom:28px}.py-xs-28--force{padding-top:28px!important;padding-bottom:28px!important}.pt-xs-28{padding-top:28px}.pt-xs-28--force{padding-top:28px!important}.pr-xs-28{padding-right:28px}.pr-xs-28--force{padding-right:28px!important}.pb-xs-28{padding-bottom:28px}.pb-xs-28--force{padding-bottom:28px!important}.pl-xs-28{padding-left:28px}.pl-xs-28--force{padding-left:28px!important}.p-xs-32{padding:var(--matcha-space-400,32px)}.p-xs-32--force{padding:var(--matcha-space-400,32px)!important}.px-xs-32{padding-right:var(--matcha-space-400,32px);padding-left:var(--matcha-space-400,32px)}.px-xs-32--force{padding-right:var(--matcha-space-400,32px)!important;padding-left:var(--matcha-space-400,32px)!important}.py-xs-32{padding-top:var(--matcha-space-400,32px);padding-bottom:var(--matcha-space-400,32px)}.py-xs-32--force{padding-top:var(--matcha-space-400,32px)!important;padding-bottom:var(--matcha-space-400,32px)!important}.pt-xs-32{padding-top:var(--matcha-space-400,32px)}.pt-xs-32--force{padding-top:var(--matcha-space-400,32px)!important}.pr-xs-32{padding-right:var(--matcha-space-400,32px)}.pr-xs-32--force{padding-right:var(--matcha-space-400,32px)!important}.pb-xs-32{padding-bottom:var(--matcha-space-400,32px)}.pb-xs-32--force{padding-bottom:var(--matcha-space-400,32px)!important}.pl-xs-32{padding-left:var(--matcha-space-400,32px)}.pl-xs-32--force{padding-left:var(--matcha-space-400,32px)!important}.p-xs-36{padding:36px}.p-xs-36--force{padding:36px!important}.px-xs-36{padding-right:36px;padding-left:36px}.px-xs-36--force{padding-right:36px!important;padding-left:36px!important}.py-xs-36{padding-top:36px;padding-bottom:36px}.py-xs-36--force{padding-top:36px!important;padding-bottom:36px!important}.pt-xs-36{padding-top:36px}.pt-xs-36--force{padding-top:36px!important}.pr-xs-36{padding-right:36px}.pr-xs-36--force{padding-right:36px!important}.pb-xs-36{padding-bottom:36px}.pb-xs-36--force{padding-bottom:36px!important}.pl-xs-36{padding-left:36px}.pl-xs-36--force{padding-left:36px!important}.p-xs-40{padding:var(--matcha-space-500,40px)}.p-xs-40--force{padding:var(--matcha-space-500,40px)!important}.px-xs-40{padding-right:var(--matcha-space-500,40px);padding-left:var(--matcha-space-500,40px)}.px-xs-40--force{padding-right:var(--matcha-space-500,40px)!important;padding-left:var(--matcha-space-500,40px)!important}.py-xs-40{padding-top:var(--matcha-space-500,40px);padding-bottom:var(--matcha-space-500,40px)}.py-xs-40--force{padding-top:var(--matcha-space-500,40px)!important;padding-bottom:var(--matcha-space-500,40px)!important}.pt-xs-40{padding-top:var(--matcha-space-500,40px)}.pt-xs-40--force{padding-top:var(--matcha-space-500,40px)!important}.pr-xs-40{padding-right:var(--matcha-space-500,40px)}.pr-xs-40--force{padding-right:var(--matcha-space-500,40px)!important}.pb-xs-40{padding-bottom:var(--matcha-space-500,40px)}.pb-xs-40--force{padding-bottom:var(--matcha-space-500,40px)!important}.pl-xs-40{padding-left:var(--matcha-space-500,40px)}.pl-xs-40--force{padding-left:var(--matcha-space-500,40px)!important}.p-xs-44{padding:44px}.p-xs-44--force{padding:44px!important}.px-xs-44{padding-right:44px;padding-left:44px}.px-xs-44--force{padding-right:44px!important;padding-left:44px!important}.py-xs-44{padding-top:44px;padding-bottom:44px}.py-xs-44--force{padding-top:44px!important;padding-bottom:44px!important}.pt-xs-44{padding-top:44px}.pt-xs-44--force{padding-top:44px!important}.pr-xs-44{padding-right:44px}.pr-xs-44--force{padding-right:44px!important}.pb-xs-44{padding-bottom:44px}.pb-xs-44--force{padding-bottom:44px!important}.pl-xs-44{padding-left:44px}.pl-xs-44--force{padding-left:44px!important}.p-xs-48{padding:var(--matcha-space-600,48px)}.p-xs-48--force{padding:var(--matcha-space-600,48px)!important}.px-xs-48{padding-right:var(--matcha-space-600,48px);padding-left:var(--matcha-space-600,48px)}.px-xs-48--force{padding-right:var(--matcha-space-600,48px)!important;padding-left:var(--matcha-space-600,48px)!important}.py-xs-48{padding-top:var(--matcha-space-600,48px);padding-bottom:var(--matcha-space-600,48px)}.py-xs-48--force{padding-top:var(--matcha-space-600,48px)!important;padding-bottom:var(--matcha-space-600,48px)!important}.pt-xs-48{padding-top:var(--matcha-space-600,48px)}.pt-xs-48--force{padding-top:var(--matcha-space-600,48px)!important}.pr-xs-48{padding-right:var(--matcha-space-600,48px)}.pr-xs-48--force{padding-right:var(--matcha-space-600,48px)!important}.pb-xs-48{padding-bottom:var(--matcha-space-600,48px)}.pb-xs-48--force{padding-bottom:var(--matcha-space-600,48px)!important}.pl-xs-48{padding-left:var(--matcha-space-600,48px)}.pl-xs-48--force{padding-left:var(--matcha-space-600,48px)!important}.p-xs-52{padding:52px}.p-xs-52--force{padding:52px!important}.px-xs-52{padding-right:52px;padding-left:52px}.px-xs-52--force{padding-right:52px!important;padding-left:52px!important}.py-xs-52{padding-top:52px;padding-bottom:52px}.py-xs-52--force{padding-top:52px!important;padding-bottom:52px!important}.pt-xs-52{padding-top:52px}.pt-xs-52--force{padding-top:52px!important}.pr-xs-52{padding-right:52px}.pr-xs-52--force{padding-right:52px!important}.pb-xs-52{padding-bottom:52px}.pb-xs-52--force{padding-bottom:52px!important}.pl-xs-52{padding-left:52px}.pl-xs-52--force{padding-left:52px!important}.p-xs-56{padding:56px}.p-xs-56--force{padding:56px!important}.px-xs-56{padding-right:56px;padding-left:56px}.px-xs-56--force{padding-right:56px!important;padding-left:56px!important}.py-xs-56{padding-top:56px;padding-bottom:56px}.py-xs-56--force{padding-top:56px!important;padding-bottom:56px!important}.pt-xs-56{padding-top:56px}.pt-xs-56--force{padding-top:56px!important}.pr-xs-56{padding-right:56px}.pr-xs-56--force{padding-right:56px!important}.pb-xs-56{padding-bottom:56px}.pb-xs-56--force{padding-bottom:56px!important}.pl-xs-56{padding-left:56px}.pl-xs-56--force{padding-left:56px!important}.p-xs-60{padding:60px}.p-xs-60--force{padding:60px!important}.px-xs-60{padding-right:60px;padding-left:60px}.px-xs-60--force{padding-right:60px!important;padding-left:60px!important}.py-xs-60{padding-top:60px;padding-bottom:60px}.py-xs-60--force{padding-top:60px!important;padding-bottom:60px!important}.pt-xs-60{padding-top:60px}.pt-xs-60--force{padding-top:60px!important}.pr-xs-60{padding-right:60px}.pr-xs-60--force{padding-right:60px!important}.pb-xs-60{padding-bottom:60px}.pb-xs-60--force{padding-bottom:60px!important}.pl-xs-60{padding-left:60px}.pl-xs-60--force{padding-left:60px!important}.p-xs-64{padding:var(--matcha-space-800,64px)}.p-xs-64--force{padding:var(--matcha-space-800,64px)!important}.px-xs-64{padding-right:var(--matcha-space-800,64px);padding-left:var(--matcha-space-800,64px)}.px-xs-64--force{padding-right:var(--matcha-space-800,64px)!important;padding-left:var(--matcha-space-800,64px)!important}.py-xs-64{padding-top:var(--matcha-space-800,64px);padding-bottom:var(--matcha-space-800,64px)}.py-xs-64--force{padding-top:var(--matcha-space-800,64px)!important;padding-bottom:var(--matcha-space-800,64px)!important}.pt-xs-64{padding-top:var(--matcha-space-800,64px)}.pt-xs-64--force{padding-top:var(--matcha-space-800,64px)!important}.pr-xs-64{padding-right:var(--matcha-space-800,64px)}.pr-xs-64--force{padding-right:var(--matcha-space-800,64px)!important}.pb-xs-64{padding-bottom:var(--matcha-space-800,64px)}.pb-xs-64--force{padding-bottom:var(--matcha-space-800,64px)!important}.pl-xs-64{padding-left:var(--matcha-space-800,64px)}.pl-xs-64--force{padding-left:var(--matcha-space-800,64px)!important}.p-xs-0{padding:var(--matcha-space-0,0)}.p-xs-0--force{padding:var(--matcha-space-0,0)!important}.px-xs-0{padding-right:var(--matcha-space-0,0);padding-left:var(--matcha-space-0,0)}.px-xs-0--force{padding-right:var(--matcha-space-0,0)!important;padding-left:var(--matcha-space-0,0)!important}.py-xs-0{padding-top:var(--matcha-space-0,0);padding-bottom:var(--matcha-space-0,0)}.py-xs-0--force{padding-top:var(--matcha-space-0,0)!important;padding-bottom:var(--matcha-space-0,0)!important}.pt-xs-0{padding-top:var(--matcha-space-0,0)}.pt-xs-0--force{padding-top:var(--matcha-space-0,0)!important}.pr-xs-0{padding-right:var(--matcha-space-0,0)}.pr-xs-0--force{padding-right:var(--matcha-space-0,0)!important}.pb-xs-0{padding-bottom:var(--matcha-space-0,0)}.pb-xs-0--force{padding-bottom:var(--matcha-space-0,0)!important}.pl-xs-0{padding-left:var(--matcha-space-0,0)}.pl-xs-0--force{padding-left:var(--matcha-space-0,0)!important}.p-xs-4{padding:var(--matcha-space-050,4px)}.p-xs-4--force{padding:var(--matcha-space-050,4px)!important}.px-xs-4{padding-right:var(--matcha-space-050,4px);padding-left:var(--matcha-space-050,4px)}.px-xs-4--force{padding-right:var(--matcha-space-050,4px)!important;padding-left:var(--matcha-space-050,4px)!important}.py-xs-4{padding-top:var(--matcha-space-050,4px);padding-bottom:var(--matcha-space-050,4px)}.py-xs-4--force{padding-top:var(--matcha-space-050,4px)!important;padding-bottom:var(--matcha-space-050,4px)!important}.pt-xs-4{padding-top:var(--matcha-space-050,4px)}.pt-xs-4--force{padding-top:var(--matcha-space-050,4px)!important}.pr-xs-4{padding-right:var(--matcha-space-050,4px)}.pr-xs-4--force{padding-right:var(--matcha-space-050,4px)!important}.pb-xs-4{padding-bottom:var(--matcha-space-050,4px)}.pb-xs-4--force{padding-bottom:var(--matcha-space-050,4px)!important}.pl-xs-4{padding-left:var(--matcha-space-050,4px)}.pl-xs-4--force{padding-left:var(--matcha-space-050,4px)!important}.p-xs-8{padding:var(--matcha-space-100,8px)}.p-xs-8--force{padding:var(--matcha-space-100,8px)!important}.px-xs-8{padding-right:var(--matcha-space-100,8px);padding-left:var(--matcha-space-100,8px)}.px-xs-8--force{padding-right:var(--matcha-space-100,8px)!important;padding-left:var(--matcha-space-100,8px)!important}.py-xs-8{padding-top:var(--matcha-space-100,8px);padding-bottom:var(--matcha-space-100,8px)}.py-xs-8--force{padding-top:var(--matcha-space-100,8px)!important;padding-bottom:var(--matcha-space-100,8px)!important}.pt-xs-8{padding-top:var(--matcha-space-100,8px)}.pt-xs-8--force{padding-top:var(--matcha-space-100,8px)!important}.pr-xs-8{padding-right:var(--matcha-space-100,8px)}.pr-xs-8--force{padding-right:var(--matcha-space-100,8px)!important}.pb-xs-8{padding-bottom:var(--matcha-space-100,8px)}.pb-xs-8--force{padding-bottom:var(--matcha-space-100,8px)!important}.pl-xs-8{padding-left:var(--matcha-space-100,8px)}.pl-xs-8--force{padding-left:var(--matcha-space-100,8px)!important}.p-xs-12{padding:var(--matcha-space-150,12px)}.p-xs-12--force{padding:var(--matcha-space-150,12px)!important}.px-xs-12{padding-right:var(--matcha-space-150,12px);padding-left:var(--matcha-space-150,12px)}.px-xs-12--force{padding-right:var(--matcha-space-150,12px)!important;padding-left:var(--matcha-space-150,12px)!important}.py-xs-12{padding-top:var(--matcha-space-150,12px);padding-bottom:var(--matcha-space-150,12px)}.py-xs-12--force{padding-top:var(--matcha-space-150,12px)!important;padding-bottom:var(--matcha-space-150,12px)!important}.pt-xs-12{padding-top:var(--matcha-space-150,12px)}.pt-xs-12--force{padding-top:var(--matcha-space-150,12px)!important}.pr-xs-12{padding-right:var(--matcha-space-150,12px)}.pr-xs-12--force{padding-right:var(--matcha-space-150,12px)!important}.pb-xs-12{padding-bottom:var(--matcha-space-150,12px)}.pb-xs-12--force{padding-bottom:var(--matcha-space-150,12px)!important}.pl-xs-12{padding-left:var(--matcha-space-150,12px)}.pl-xs-12--force{padding-left:var(--matcha-space-150,12px)!important}.p-xs-16{padding:var(--matcha-space-200,16px)}.p-xs-16--force{padding:var(--matcha-space-200,16px)!important}.px-xs-16{padding-right:var(--matcha-space-200,16px);padding-left:var(--matcha-space-200,16px)}.px-xs-16--force{padding-right:var(--matcha-space-200,16px)!important;padding-left:var(--matcha-space-200,16px)!important}.py-xs-16{padding-top:var(--matcha-space-200,16px);padding-bottom:var(--matcha-space-200,16px)}.py-xs-16--force{padding-top:var(--matcha-space-200,16px)!important;padding-bottom:var(--matcha-space-200,16px)!important}.pt-xs-16{padding-top:var(--matcha-space-200,16px)}.pt-xs-16--force{padding-top:var(--matcha-space-200,16px)!important}.pr-xs-16{padding-right:var(--matcha-space-200,16px)}.pr-xs-16--force{padding-right:var(--matcha-space-200,16px)!important}.pb-xs-16{padding-bottom:var(--matcha-space-200,16px)}.pb-xs-16--force{padding-bottom:var(--matcha-space-200,16px)!important}.pl-xs-16{padding-left:var(--matcha-space-200,16px)}.pl-xs-16--force{padding-left:var(--matcha-space-200,16px)!important}.p-xs-20{padding:var(--matcha-space-250,20px)}.p-xs-20--force{padding:var(--matcha-space-250,20px)!important}.px-xs-20{padding-right:var(--matcha-space-250,20px);padding-left:var(--matcha-space-250,20px)}.px-xs-20--force{padding-right:var(--matcha-space-250,20px)!important;padding-left:var(--matcha-space-250,20px)!important}.py-xs-20{padding-top:var(--matcha-space-250,20px);padding-bottom:var(--matcha-space-250,20px)}.py-xs-20--force{padding-top:var(--matcha-space-250,20px)!important;padding-bottom:var(--matcha-space-250,20px)!important}.pt-xs-20{padding-top:var(--matcha-space-250,20px)}.pt-xs-20--force{padding-top:var(--matcha-space-250,20px)!important}.pr-xs-20{padding-right:var(--matcha-space-250,20px)}.pr-xs-20--force{padding-right:var(--matcha-space-250,20px)!important}.pb-xs-20{padding-bottom:var(--matcha-space-250,20px)}.pb-xs-20--force{padding-bottom:var(--matcha-space-250,20px)!important}.pl-xs-20{padding-left:var(--matcha-space-250,20px)}.pl-xs-20--force{padding-left:var(--matcha-space-250,20px)!important}.p-xs-24{padding:var(--matcha-space-300,24px)}.p-xs-24--force{padding:var(--matcha-space-300,24px)!important}.px-xs-24{padding-right:var(--matcha-space-300,24px);padding-left:var(--matcha-space-300,24px)}.px-xs-24--force{padding-right:var(--matcha-space-300,24px)!important;padding-left:var(--matcha-space-300,24px)!important}.py-xs-24{padding-top:var(--matcha-space-300,24px);padding-bottom:var(--matcha-space-300,24px)}.py-xs-24--force{padding-top:var(--matcha-space-300,24px)!important;padding-bottom:var(--matcha-space-300,24px)!important}.pt-xs-24{padding-top:var(--matcha-space-300,24px)}.pt-xs-24--force{padding-top:var(--matcha-space-300,24px)!important}.pr-xs-24{padding-right:var(--matcha-space-300,24px)}.pr-xs-24--force{padding-right:var(--matcha-space-300,24px)!important}.pb-xs-24{padding-bottom:var(--matcha-space-300,24px)}.pb-xs-24--force{padding-bottom:var(--matcha-space-300,24px)!important}.pl-xs-24{padding-left:var(--matcha-space-300,24px)}.pl-xs-24--force{padding-left:var(--matcha-space-300,24px)!important}.p-xs-28{padding:28px}.p-xs-28--force{padding:28px!important}.px-xs-28{padding-right:28px;padding-left:28px}.px-xs-28--force{padding-right:28px!important;padding-left:28px!important}.py-xs-28{padding-top:28px;padding-bottom:28px}.py-xs-28--force{padding-top:28px!important;padding-bottom:28px!important}.pt-xs-28{padding-top:28px}.pt-xs-28--force{padding-top:28px!important}.pr-xs-28{padding-right:28px}.pr-xs-28--force{padding-right:28px!important}.pb-xs-28{padding-bottom:28px}.pb-xs-28--force{padding-bottom:28px!important}.pl-xs-28{padding-left:28px}.pl-xs-28--force{padding-left:28px!important}.p-xs-32{padding:var(--matcha-space-400,32px)}.p-xs-32--force{padding:var(--matcha-space-400,32px)!important}.px-xs-32{padding-right:var(--matcha-space-400,32px);padding-left:var(--matcha-space-400,32px)}.px-xs-32--force{padding-right:var(--matcha-space-400,32px)!important;padding-left:var(--matcha-space-400,32px)!important}.py-xs-32{padding-top:var(--matcha-space-400,32px);padding-bottom:var(--matcha-space-400,32px)}.py-xs-32--force{padding-top:var(--matcha-space-400,32px)!important;padding-bottom:var(--matcha-space-400,32px)!important}.pt-xs-32{padding-top:var(--matcha-space-400,32px)}.pt-xs-32--force{padding-top:var(--matcha-space-400,32px)!important}.pr-xs-32{padding-right:var(--matcha-space-400,32px)}.pr-xs-32--force{padding-right:var(--matcha-space-400,32px)!important}.pb-xs-32{padding-bottom:var(--matcha-space-400,32px)}.pb-xs-32--force{padding-bottom:var(--matcha-space-400,32px)!important}.pl-xs-32{padding-left:var(--matcha-space-400,32px)}.pl-xs-32--force{padding-left:var(--matcha-space-400,32px)!important}.p-xs-36{padding:36px}.p-xs-36--force{padding:36px!important}.px-xs-36{padding-right:36px;padding-left:36px}.px-xs-36--force{padding-right:36px!important;padding-left:36px!important}.py-xs-36{padding-top:36px;padding-bottom:36px}.py-xs-36--force{padding-top:36px!important;padding-bottom:36px!important}.pt-xs-36{padding-top:36px}.pt-xs-36--force{padding-top:36px!important}.pr-xs-36{padding-right:36px}.pr-xs-36--force{padding-right:36px!important}.pb-xs-36{padding-bottom:36px}.pb-xs-36--force{padding-bottom:36px!important}.pl-xs-36{padding-left:36px}.pl-xs-36--force{padding-left:36px!important}.p-xs-40{padding:var(--matcha-space-500,40px)}.p-xs-40--force{padding:var(--matcha-space-500,40px)!important}.px-xs-40{padding-right:var(--matcha-space-500,40px);padding-left:var(--matcha-space-500,40px)}.px-xs-40--force{padding-right:var(--matcha-space-500,40px)!important;padding-left:var(--matcha-space-500,40px)!important}.py-xs-40{padding-top:var(--matcha-space-500,40px);padding-bottom:var(--matcha-space-500,40px)}.py-xs-40--force{padding-top:var(--matcha-space-500,40px)!important;padding-bottom:var(--matcha-space-500,40px)!important}.pt-xs-40{padding-top:var(--matcha-space-500,40px)}.pt-xs-40--force{padding-top:var(--matcha-space-500,40px)!important}.pr-xs-40{padding-right:var(--matcha-space-500,40px)}.pr-xs-40--force{padding-right:var(--matcha-space-500,40px)!important}.pb-xs-40{padding-bottom:var(--matcha-space-500,40px)}.pb-xs-40--force{padding-bottom:var(--matcha-space-500,40px)!important}.pl-xs-40{padding-left:var(--matcha-space-500,40px)}.pl-xs-40--force{padding-left:var(--matcha-space-500,40px)!important}.p-xs-44{padding:44px}.p-xs-44--force{padding:44px!important}.px-xs-44{padding-right:44px;padding-left:44px}.px-xs-44--force{padding-right:44px!important;padding-left:44px!important}.py-xs-44{padding-top:44px;padding-bottom:44px}.py-xs-44--force{padding-top:44px!important;padding-bottom:44px!important}.pt-xs-44{padding-top:44px}.pt-xs-44--force{padding-top:44px!important}.pr-xs-44{padding-right:44px}.pr-xs-44--force{padding-right:44px!important}.pb-xs-44{padding-bottom:44px}.pb-xs-44--force{padding-bottom:44px!important}.pl-xs-44{padding-left:44px}.pl-xs-44--force{padding-left:44px!important}.p-xs-48{padding:var(--matcha-space-600,48px)}.p-xs-48--force{padding:var(--matcha-space-600,48px)!important}.px-xs-48{padding-right:var(--matcha-space-600,48px);padding-left:var(--matcha-space-600,48px)}.px-xs-48--force{padding-right:var(--matcha-space-600,48px)!important;padding-left:var(--matcha-space-600,48px)!important}.py-xs-48{padding-top:var(--matcha-space-600,48px);padding-bottom:var(--matcha-space-600,48px)}.py-xs-48--force{padding-top:var(--matcha-space-600,48px)!important;padding-bottom:var(--matcha-space-600,48px)!important}.pt-xs-48{padding-top:var(--matcha-space-600,48px)}.pt-xs-48--force{padding-top:var(--matcha-space-600,48px)!important}.pr-xs-48{padding-right:var(--matcha-space-600,48px)}.pr-xs-48--force{padding-right:var(--matcha-space-600,48px)!important}.pb-xs-48{padding-bottom:var(--matcha-space-600,48px)}.pb-xs-48--force{padding-bottom:var(--matcha-space-600,48px)!important}.pl-xs-48{padding-left:var(--matcha-space-600,48px)}.pl-xs-48--force{padding-left:var(--matcha-space-600,48px)!important}.p-xs-52{padding:52px}.p-xs-52--force{padding:52px!important}.px-xs-52{padding-right:52px;padding-left:52px}.px-xs-52--force{padding-right:52px!important;padding-left:52px!important}.py-xs-52{padding-top:52px;padding-bottom:52px}.py-xs-52--force{padding-top:52px!important;padding-bottom:52px!important}.pt-xs-52{padding-top:52px}.pt-xs-52--force{padding-top:52px!important}.pr-xs-52{padding-right:52px}.pr-xs-52--force{padding-right:52px!important}.pb-xs-52{padding-bottom:52px}.pb-xs-52--force{padding-bottom:52px!important}.pl-xs-52{padding-left:52px}.pl-xs-52--force{padding-left:52px!important}.p-xs-56{padding:56px}.p-xs-56--force{padding:56px!important}.px-xs-56{padding-right:56px;padding-left:56px}.px-xs-56--force{padding-right:56px!important;padding-left:56px!important}.py-xs-56{padding-top:56px;padding-bottom:56px}.py-xs-56--force{padding-top:56px!important;padding-bottom:56px!important}.pt-xs-56{padding-top:56px}.pt-xs-56--force{padding-top:56px!important}.pr-xs-56{padding-right:56px}.pr-xs-56--force{padding-right:56px!important}.pb-xs-56{padding-bottom:56px}.pb-xs-56--force{padding-bottom:56px!important}.pl-xs-56{padding-left:56px}.pl-xs-56--force{padding-left:56px!important}.p-xs-60{padding:60px}.p-xs-60--force{padding:60px!important}.px-xs-60{padding-right:60px;padding-left:60px}.px-xs-60--force{padding-right:60px!important;padding-left:60px!important}.py-xs-60{padding-top:60px;padding-bottom:60px}.py-xs-60--force{padding-top:60px!important;padding-bottom:60px!important}.pt-xs-60{padding-top:60px}.pt-xs-60--force{padding-top:60px!important}.pr-xs-60{padding-right:60px}.pr-xs-60--force{padding-right:60px!important}.pb-xs-60{padding-bottom:60px}.pb-xs-60--force{padding-bottom:60px!important}.pl-xs-60{padding-left:60px}.pl-xs-60--force{padding-left:60px!important}.p-xs-64{padding:var(--matcha-space-800,64px)}.p-xs-64--force{padding:var(--matcha-space-800,64px)!important}.px-xs-64{padding-right:var(--matcha-space-800,64px);padding-left:var(--matcha-space-800,64px)}.px-xs-64--force{padding-right:var(--matcha-space-800,64px)!important;padding-left:var(--matcha-space-800,64px)!important}.py-xs-64{padding-top:var(--matcha-space-800,64px);padding-bottom:var(--matcha-space-800,64px)}.py-xs-64--force{padding-top:var(--matcha-space-800,64px)!important;padding-bottom:var(--matcha-space-800,64px)!important}.pt-xs-64{padding-top:var(--matcha-space-800,64px)}.pt-xs-64--force{padding-top:var(--matcha-space-800,64px)!important}.pr-xs-64{padding-right:var(--matcha-space-800,64px)}.pr-xs-64--force{padding-right:var(--matcha-space-800,64px)!important}.pb-xs-64{padding-bottom:var(--matcha-space-800,64px)}.pb-xs-64--force{padding-bottom:var(--matcha-space-800,64px)!important}.pl-xs-64{padding-left:var(--matcha-space-800,64px)}.pl-xs-64--force{padding-left:var(--matcha-space-800,64px)!important}.p-xs-68{padding:68px}.p-xs-68--force{padding:68px!important}.px-xs-68{padding-right:68px;padding-left:68px}.px-xs-68--force{padding-right:68px!important;padding-left:68px!important}.py-xs-68{padding-top:68px;padding-bottom:68px}.py-xs-68--force{padding-top:68px!important;padding-bottom:68px!important}.pt-xs-68{padding-top:68px}.pt-xs-68--force{padding-top:68px!important}.pr-xs-68{padding-right:68px}.pr-xs-68--force{padding-right:68px!important}.pb-xs-68{padding-bottom:68px}.pb-xs-68--force{padding-bottom:68px!important}.pl-xs-68{padding-left:68px}.pl-xs-68--force{padding-left:68px!important}.p-xs-72{padding:72px}.p-xs-72--force{padding:72px!important}.px-xs-72{padding-right:72px;padding-left:72px}.px-xs-72--force{padding-right:72px!important;padding-left:72px!important}.py-xs-72{padding-top:72px;padding-bottom:72px}.py-xs-72--force{padding-top:72px!important;padding-bottom:72px!important}.pt-xs-72{padding-top:72px}.pt-xs-72--force{padding-top:72px!important}.pr-xs-72{padding-right:72px}.pr-xs-72--force{padding-right:72px!important}.pb-xs-72{padding-bottom:72px}.pb-xs-72--force{padding-bottom:72px!important}.pl-xs-72{padding-left:72px}.pl-xs-72--force{padding-left:72px!important}.p-xs-76{padding:76px}.p-xs-76--force{padding:76px!important}.px-xs-76{padding-right:76px;padding-left:76px}.px-xs-76--force{padding-right:76px!important;padding-left:76px!important}.py-xs-76{padding-top:76px;padding-bottom:76px}.py-xs-76--force{padding-top:76px!important;padding-bottom:76px!important}.pt-xs-76{padding-top:76px}.pt-xs-76--force{padding-top:76px!important}.pr-xs-76{padding-right:76px}.pr-xs-76--force{padding-right:76px!important}.pb-xs-76{padding-bottom:76px}.pb-xs-76--force{padding-bottom:76px!important}.pl-xs-76{padding-left:76px}.pl-xs-76--force{padding-left:76px!important}.p-xs-80{padding:var(--matcha-space-1000,80px)}.p-xs-80--force{padding:var(--matcha-space-1000,80px)!important}.px-xs-80{padding-right:var(--matcha-space-1000,80px);padding-left:var(--matcha-space-1000,80px)}.px-xs-80--force{padding-right:var(--matcha-space-1000,80px)!important;padding-left:var(--matcha-space-1000,80px)!important}.py-xs-80{padding-top:var(--matcha-space-1000,80px);padding-bottom:var(--matcha-space-1000,80px)}.py-xs-80--force{padding-top:var(--matcha-space-1000,80px)!important;padding-bottom:var(--matcha-space-1000,80px)!important}.pt-xs-80{padding-top:var(--matcha-space-1000,80px)}.pt-xs-80--force{padding-top:var(--matcha-space-1000,80px)!important}.pr-xs-80{padding-right:var(--matcha-space-1000,80px)}.pr-xs-80--force{padding-right:var(--matcha-space-1000,80px)!important}.pb-xs-80{padding-bottom:var(--matcha-space-1000,80px)}.pb-xs-80--force{padding-bottom:var(--matcha-space-1000,80px)!important}.pl-xs-80{padding-left:var(--matcha-space-1000,80px)}.pl-xs-80--force{padding-left:var(--matcha-space-1000,80px)!important}.p-xs-84{padding:84px}.p-xs-84--force{padding:84px!important}.px-xs-84{padding-right:84px;padding-left:84px}.px-xs-84--force{padding-right:84px!important;padding-left:84px!important}.py-xs-84{padding-top:84px;padding-bottom:84px}.py-xs-84--force{padding-top:84px!important;padding-bottom:84px!important}.pt-xs-84{padding-top:84px}.pt-xs-84--force{padding-top:84px!important}.pr-xs-84{padding-right:84px}.pr-xs-84--force{padding-right:84px!important}.pb-xs-84{padding-bottom:84px}.pb-xs-84--force{padding-bottom:84px!important}.pl-xs-84{padding-left:84px}.pl-xs-84--force{padding-left:84px!important}.p-xs-88{padding:88px}.p-xs-88--force{padding:88px!important}.px-xs-88{padding-right:88px;padding-left:88px}.px-xs-88--force{padding-right:88px!important;padding-left:88px!important}.py-xs-88{padding-top:88px;padding-bottom:88px}.py-xs-88--force{padding-top:88px!important;padding-bottom:88px!important}.pt-xs-88{padding-top:88px}.pt-xs-88--force{padding-top:88px!important}.pr-xs-88{padding-right:88px}.pr-xs-88--force{padding-right:88px!important}.pb-xs-88{padding-bottom:88px}.pb-xs-88--force{padding-bottom:88px!important}.pl-xs-88{padding-left:88px}.pl-xs-88--force{padding-left:88px!important}.p-xs-92{padding:92px}.p-xs-92--force{padding:92px!important}.px-xs-92{padding-right:92px;padding-left:92px}.px-xs-92--force{padding-right:92px!important;padding-left:92px!important}.py-xs-92{padding-top:92px;padding-bottom:92px}.py-xs-92--force{padding-top:92px!important;padding-bottom:92px!important}.pt-xs-92{padding-top:92px}.pt-xs-92--force{padding-top:92px!important}.pr-xs-92{padding-right:92px}.pr-xs-92--force{padding-right:92px!important}.pb-xs-92{padding-bottom:92px}.pb-xs-92--force{padding-bottom:92px!important}.pl-xs-92{padding-left:92px}.pl-xs-92--force{padding-left:92px!important}.p-xs-96{padding:var(--matcha-space-1200,96px)}.p-xs-96--force{padding:var(--matcha-space-1200,96px)!important}.px-xs-96{padding-right:var(--matcha-space-1200,96px);padding-left:var(--matcha-space-1200,96px)}.px-xs-96--force{padding-right:var(--matcha-space-1200,96px)!important;padding-left:var(--matcha-space-1200,96px)!important}.py-xs-96{padding-top:var(--matcha-space-1200,96px);padding-bottom:var(--matcha-space-1200,96px)}.py-xs-96--force{padding-top:var(--matcha-space-1200,96px)!important;padding-bottom:var(--matcha-space-1200,96px)!important}.pt-xs-96{padding-top:var(--matcha-space-1200,96px)}.pt-xs-96--force{padding-top:var(--matcha-space-1200,96px)!important}.pr-xs-96{padding-right:var(--matcha-space-1200,96px)}.pr-xs-96--force{padding-right:var(--matcha-space-1200,96px)!important}.pb-xs-96{padding-bottom:var(--matcha-space-1200,96px)}.pb-xs-96--force{padding-bottom:var(--matcha-space-1200,96px)!important}.pl-xs-96{padding-left:var(--matcha-space-1200,96px)}.pl-xs-96--force{padding-left:var(--matcha-space-1200,96px)!important}}@media screen and (min-width:640px){.m-sm--64{margin:calc(-1 * var(--matcha-space-800,64px))}.m-sm--64--force{margin:calc(-1 * var(--matcha-space-800,64px))!important}.mx-sm--64{margin-right:calc(-1 * var(--matcha-space-800,64px));margin-left:calc(-1 * var(--matcha-space-800,64px))}.mx-sm--64--force{margin-right:calc(-1 * var(--matcha-space-800,64px))!important;margin-left:calc(-1 * var(--matcha-space-800,64px))!important}.my-sm--64{margin-top:calc(-1 * var(--matcha-space-800,64px));margin-bottom:calc(-1 * var(--matcha-space-800,64px))}.my-sm--64--force{margin-top:calc(-1 * var(--matcha-space-800,64px))!important;margin-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.mt-sm--64{margin-top:calc(-1 * var(--matcha-space-800,64px))}.mt-sm--64--force{margin-top:calc(-1 * var(--matcha-space-800,64px))!important}.mr-sm--64{margin-right:calc(-1 * var(--matcha-space-800,64px))}.mr-sm--64--force{margin-right:calc(-1 * var(--matcha-space-800,64px))!important}.mb-sm--64{margin-bottom:calc(-1 * var(--matcha-space-800,64px))}.mb-sm--64--force{margin-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.ml-sm--64{margin-left:calc(-1 * var(--matcha-space-800,64px))}.ml-sm--64--force{margin-left:calc(-1 * var(--matcha-space-800,64px))!important}.m-sm--60{margin:-60px}.m-sm--60--force{margin:-60px!important}.mx-sm--60{margin-right:-60px;margin-left:-60px}.mx-sm--60--force{margin-right:-60px!important;margin-left:-60px!important}.my-sm--60{margin-top:-60px;margin-bottom:-60px}.my-sm--60--force{margin-top:-60px!important;margin-bottom:-60px!important}.mt-sm--60{margin-top:-60px}.mt-sm--60--force{margin-top:-60px!important}.mr-sm--60{margin-right:-60px}.mr-sm--60--force{margin-right:-60px!important}.mb-sm--60{margin-bottom:-60px}.mb-sm--60--force{margin-bottom:-60px!important}.ml-sm--60{margin-left:-60px}.ml-sm--60--force{margin-left:-60px!important}.m-sm--56{margin:-56px}.m-sm--56--force{margin:-56px!important}.mx-sm--56{margin-right:-56px;margin-left:-56px}.mx-sm--56--force{margin-right:-56px!important;margin-left:-56px!important}.my-sm--56{margin-top:-56px;margin-bottom:-56px}.my-sm--56--force{margin-top:-56px!important;margin-bottom:-56px!important}.mt-sm--56{margin-top:-56px}.mt-sm--56--force{margin-top:-56px!important}.mr-sm--56{margin-right:-56px}.mr-sm--56--force{margin-right:-56px!important}.mb-sm--56{margin-bottom:-56px}.mb-sm--56--force{margin-bottom:-56px!important}.ml-sm--56{margin-left:-56px}.ml-sm--56--force{margin-left:-56px!important}.m-sm--52{margin:-52px}.m-sm--52--force{margin:-52px!important}.mx-sm--52{margin-right:-52px;margin-left:-52px}.mx-sm--52--force{margin-right:-52px!important;margin-left:-52px!important}.my-sm--52{margin-top:-52px;margin-bottom:-52px}.my-sm--52--force{margin-top:-52px!important;margin-bottom:-52px!important}.mt-sm--52{margin-top:-52px}.mt-sm--52--force{margin-top:-52px!important}.mr-sm--52{margin-right:-52px}.mr-sm--52--force{margin-right:-52px!important}.mb-sm--52{margin-bottom:-52px}.mb-sm--52--force{margin-bottom:-52px!important}.ml-sm--52{margin-left:-52px}.ml-sm--52--force{margin-left:-52px!important}.m-sm--48{margin:calc(-1 * var(--matcha-space-600,48px))}.m-sm--48--force{margin:calc(-1 * var(--matcha-space-600,48px))!important}.mx-sm--48{margin-right:calc(-1 * var(--matcha-space-600,48px));margin-left:calc(-1 * var(--matcha-space-600,48px))}.mx-sm--48--force{margin-right:calc(-1 * var(--matcha-space-600,48px))!important;margin-left:calc(-1 * var(--matcha-space-600,48px))!important}.my-sm--48{margin-top:calc(-1 * var(--matcha-space-600,48px));margin-bottom:calc(-1 * var(--matcha-space-600,48px))}.my-sm--48--force{margin-top:calc(-1 * var(--matcha-space-600,48px))!important;margin-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.mt-sm--48{margin-top:calc(-1 * var(--matcha-space-600,48px))}.mt-sm--48--force{margin-top:calc(-1 * var(--matcha-space-600,48px))!important}.mr-sm--48{margin-right:calc(-1 * var(--matcha-space-600,48px))}.mr-sm--48--force{margin-right:calc(-1 * var(--matcha-space-600,48px))!important}.mb-sm--48{margin-bottom:calc(-1 * var(--matcha-space-600,48px))}.mb-sm--48--force{margin-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.ml-sm--48{margin-left:calc(-1 * var(--matcha-space-600,48px))}.ml-sm--48--force{margin-left:calc(-1 * var(--matcha-space-600,48px))!important}.m-sm--44{margin:-44px}.m-sm--44--force{margin:-44px!important}.mx-sm--44{margin-right:-44px;margin-left:-44px}.mx-sm--44--force{margin-right:-44px!important;margin-left:-44px!important}.my-sm--44{margin-top:-44px;margin-bottom:-44px}.my-sm--44--force{margin-top:-44px!important;margin-bottom:-44px!important}.mt-sm--44{margin-top:-44px}.mt-sm--44--force{margin-top:-44px!important}.mr-sm--44{margin-right:-44px}.mr-sm--44--force{margin-right:-44px!important}.mb-sm--44{margin-bottom:-44px}.mb-sm--44--force{margin-bottom:-44px!important}.ml-sm--44{margin-left:-44px}.ml-sm--44--force{margin-left:-44px!important}.m-sm--40{margin:calc(-1 * var(--matcha-space-500,40px))}.m-sm--40--force{margin:calc(-1 * var(--matcha-space-500,40px))!important}.mx-sm--40{margin-right:calc(-1 * var(--matcha-space-500,40px));margin-left:calc(-1 * var(--matcha-space-500,40px))}.mx-sm--40--force{margin-right:calc(-1 * var(--matcha-space-500,40px))!important;margin-left:calc(-1 * var(--matcha-space-500,40px))!important}.my-sm--40{margin-top:calc(-1 * var(--matcha-space-500,40px));margin-bottom:calc(-1 * var(--matcha-space-500,40px))}.my-sm--40--force{margin-top:calc(-1 * var(--matcha-space-500,40px))!important;margin-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.mt-sm--40{margin-top:calc(-1 * var(--matcha-space-500,40px))}.mt-sm--40--force{margin-top:calc(-1 * var(--matcha-space-500,40px))!important}.mr-sm--40{margin-right:calc(-1 * var(--matcha-space-500,40px))}.mr-sm--40--force{margin-right:calc(-1 * var(--matcha-space-500,40px))!important}.mb-sm--40{margin-bottom:calc(-1 * var(--matcha-space-500,40px))}.mb-sm--40--force{margin-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.ml-sm--40{margin-left:calc(-1 * var(--matcha-space-500,40px))}.ml-sm--40--force{margin-left:calc(-1 * var(--matcha-space-500,40px))!important}.m-sm--36{margin:-36px}.m-sm--36--force{margin:-36px!important}.mx-sm--36{margin-right:-36px;margin-left:-36px}.mx-sm--36--force{margin-right:-36px!important;margin-left:-36px!important}.my-sm--36{margin-top:-36px;margin-bottom:-36px}.my-sm--36--force{margin-top:-36px!important;margin-bottom:-36px!important}.mt-sm--36{margin-top:-36px}.mt-sm--36--force{margin-top:-36px!important}.mr-sm--36{margin-right:-36px}.mr-sm--36--force{margin-right:-36px!important}.mb-sm--36{margin-bottom:-36px}.mb-sm--36--force{margin-bottom:-36px!important}.ml-sm--36{margin-left:-36px}.ml-sm--36--force{margin-left:-36px!important}.m-sm--32{margin:calc(-1 * var(--matcha-space-400,32px))}.m-sm--32--force{margin:calc(-1 * var(--matcha-space-400,32px))!important}.mx-sm--32{margin-right:calc(-1 * var(--matcha-space-400,32px));margin-left:calc(-1 * var(--matcha-space-400,32px))}.mx-sm--32--force{margin-right:calc(-1 * var(--matcha-space-400,32px))!important;margin-left:calc(-1 * var(--matcha-space-400,32px))!important}.my-sm--32{margin-top:calc(-1 * var(--matcha-space-400,32px));margin-bottom:calc(-1 * var(--matcha-space-400,32px))}.my-sm--32--force{margin-top:calc(-1 * var(--matcha-space-400,32px))!important;margin-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.mt-sm--32{margin-top:calc(-1 * var(--matcha-space-400,32px))}.mt-sm--32--force{margin-top:calc(-1 * var(--matcha-space-400,32px))!important}.mr-sm--32{margin-right:calc(-1 * var(--matcha-space-400,32px))}.mr-sm--32--force{margin-right:calc(-1 * var(--matcha-space-400,32px))!important}.mb-sm--32{margin-bottom:calc(-1 * var(--matcha-space-400,32px))}.mb-sm--32--force{margin-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.ml-sm--32{margin-left:calc(-1 * var(--matcha-space-400,32px))}.ml-sm--32--force{margin-left:calc(-1 * var(--matcha-space-400,32px))!important}.m-sm--28{margin:-28px}.m-sm--28--force{margin:-28px!important}.mx-sm--28{margin-right:-28px;margin-left:-28px}.mx-sm--28--force{margin-right:-28px!important;margin-left:-28px!important}.my-sm--28{margin-top:-28px;margin-bottom:-28px}.my-sm--28--force{margin-top:-28px!important;margin-bottom:-28px!important}.mt-sm--28{margin-top:-28px}.mt-sm--28--force{margin-top:-28px!important}.mr-sm--28{margin-right:-28px}.mr-sm--28--force{margin-right:-28px!important}.mb-sm--28{margin-bottom:-28px}.mb-sm--28--force{margin-bottom:-28px!important}.ml-sm--28{margin-left:-28px}.ml-sm--28--force{margin-left:-28px!important}.m-sm--24{margin:calc(-1 * var(--matcha-space-300,24px))}.m-sm--24--force{margin:calc(-1 * var(--matcha-space-300,24px))!important}.mx-sm--24{margin-right:calc(-1 * var(--matcha-space-300,24px));margin-left:calc(-1 * var(--matcha-space-300,24px))}.mx-sm--24--force{margin-right:calc(-1 * var(--matcha-space-300,24px))!important;margin-left:calc(-1 * var(--matcha-space-300,24px))!important}.my-sm--24{margin-top:calc(-1 * var(--matcha-space-300,24px));margin-bottom:calc(-1 * var(--matcha-space-300,24px))}.my-sm--24--force{margin-top:calc(-1 * var(--matcha-space-300,24px))!important;margin-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.mt-sm--24{margin-top:calc(-1 * var(--matcha-space-300,24px))}.mt-sm--24--force{margin-top:calc(-1 * var(--matcha-space-300,24px))!important}.mr-sm--24{margin-right:calc(-1 * var(--matcha-space-300,24px))}.mr-sm--24--force{margin-right:calc(-1 * var(--matcha-space-300,24px))!important}.mb-sm--24{margin-bottom:calc(-1 * var(--matcha-space-300,24px))}.mb-sm--24--force{margin-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.ml-sm--24{margin-left:calc(-1 * var(--matcha-space-300,24px))}.ml-sm--24--force{margin-left:calc(-1 * var(--matcha-space-300,24px))!important}.m-sm--20{margin:calc(-1 * var(--matcha-space-250,20px))}.m-sm--20--force{margin:calc(-1 * var(--matcha-space-250,20px))!important}.mx-sm--20{margin-right:calc(-1 * var(--matcha-space-250,20px));margin-left:calc(-1 * var(--matcha-space-250,20px))}.mx-sm--20--force{margin-right:calc(-1 * var(--matcha-space-250,20px))!important;margin-left:calc(-1 * var(--matcha-space-250,20px))!important}.my-sm--20{margin-top:calc(-1 * var(--matcha-space-250,20px));margin-bottom:calc(-1 * var(--matcha-space-250,20px))}.my-sm--20--force{margin-top:calc(-1 * var(--matcha-space-250,20px))!important;margin-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.mt-sm--20{margin-top:calc(-1 * var(--matcha-space-250,20px))}.mt-sm--20--force{margin-top:calc(-1 * var(--matcha-space-250,20px))!important}.mr-sm--20{margin-right:calc(-1 * var(--matcha-space-250,20px))}.mr-sm--20--force{margin-right:calc(-1 * var(--matcha-space-250,20px))!important}.mb-sm--20{margin-bottom:calc(-1 * var(--matcha-space-250,20px))}.mb-sm--20--force{margin-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.ml-sm--20{margin-left:calc(-1 * var(--matcha-space-250,20px))}.ml-sm--20--force{margin-left:calc(-1 * var(--matcha-space-250,20px))!important}.m-sm--16{margin:calc(-1 * var(--matcha-space-200,16px))}.m-sm--16--force{margin:calc(-1 * var(--matcha-space-200,16px))!important}.mx-sm--16{margin-right:calc(-1 * var(--matcha-space-200,16px));margin-left:calc(-1 * var(--matcha-space-200,16px))}.mx-sm--16--force{margin-right:calc(-1 * var(--matcha-space-200,16px))!important;margin-left:calc(-1 * var(--matcha-space-200,16px))!important}.my-sm--16{margin-top:calc(-1 * var(--matcha-space-200,16px));margin-bottom:calc(-1 * var(--matcha-space-200,16px))}.my-sm--16--force{margin-top:calc(-1 * var(--matcha-space-200,16px))!important;margin-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.mt-sm--16{margin-top:calc(-1 * var(--matcha-space-200,16px))}.mt-sm--16--force{margin-top:calc(-1 * var(--matcha-space-200,16px))!important}.mr-sm--16{margin-right:calc(-1 * var(--matcha-space-200,16px))}.mr-sm--16--force{margin-right:calc(-1 * var(--matcha-space-200,16px))!important}.mb-sm--16{margin-bottom:calc(-1 * var(--matcha-space-200,16px))}.mb-sm--16--force{margin-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.ml-sm--16{margin-left:calc(-1 * var(--matcha-space-200,16px))}.ml-sm--16--force{margin-left:calc(-1 * var(--matcha-space-200,16px))!important}.m-sm--12{margin:calc(-1 * var(--matcha-space-150,12px))}.m-sm--12--force{margin:calc(-1 * var(--matcha-space-150,12px))!important}.mx-sm--12{margin-right:calc(-1 * var(--matcha-space-150,12px));margin-left:calc(-1 * var(--matcha-space-150,12px))}.mx-sm--12--force{margin-right:calc(-1 * var(--matcha-space-150,12px))!important;margin-left:calc(-1 * var(--matcha-space-150,12px))!important}.my-sm--12{margin-top:calc(-1 * var(--matcha-space-150,12px));margin-bottom:calc(-1 * var(--matcha-space-150,12px))}.my-sm--12--force{margin-top:calc(-1 * var(--matcha-space-150,12px))!important;margin-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.mt-sm--12{margin-top:calc(-1 * var(--matcha-space-150,12px))}.mt-sm--12--force{margin-top:calc(-1 * var(--matcha-space-150,12px))!important}.mr-sm--12{margin-right:calc(-1 * var(--matcha-space-150,12px))}.mr-sm--12--force{margin-right:calc(-1 * var(--matcha-space-150,12px))!important}.mb-sm--12{margin-bottom:calc(-1 * var(--matcha-space-150,12px))}.mb-sm--12--force{margin-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.ml-sm--12{margin-left:calc(-1 * var(--matcha-space-150,12px))}.ml-sm--12--force{margin-left:calc(-1 * var(--matcha-space-150,12px))!important}.m-sm--8{margin:calc(-1 * var(--matcha-space-100,8px))}.m-sm--8--force{margin:calc(-1 * var(--matcha-space-100,8px))!important}.mx-sm--8{margin-right:calc(-1 * var(--matcha-space-100,8px));margin-left:calc(-1 * var(--matcha-space-100,8px))}.mx-sm--8--force{margin-right:calc(-1 * var(--matcha-space-100,8px))!important;margin-left:calc(-1 * var(--matcha-space-100,8px))!important}.my-sm--8{margin-top:calc(-1 * var(--matcha-space-100,8px));margin-bottom:calc(-1 * var(--matcha-space-100,8px))}.my-sm--8--force{margin-top:calc(-1 * var(--matcha-space-100,8px))!important;margin-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.mt-sm--8{margin-top:calc(-1 * var(--matcha-space-100,8px))}.mt-sm--8--force{margin-top:calc(-1 * var(--matcha-space-100,8px))!important}.mr-sm--8{margin-right:calc(-1 * var(--matcha-space-100,8px))}.mr-sm--8--force{margin-right:calc(-1 * var(--matcha-space-100,8px))!important}.mb-sm--8{margin-bottom:calc(-1 * var(--matcha-space-100,8px))}.mb-sm--8--force{margin-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.ml-sm--8{margin-left:calc(-1 * var(--matcha-space-100,8px))}.ml-sm--8--force{margin-left:calc(-1 * var(--matcha-space-100,8px))!important}.m-sm--4{margin:calc(-1 * var(--matcha-space-050,4px))}.m-sm--4--force{margin:calc(-1 * var(--matcha-space-050,4px))!important}.mx-sm--4{margin-right:calc(-1 * var(--matcha-space-050,4px));margin-left:calc(-1 * var(--matcha-space-050,4px))}.mx-sm--4--force{margin-right:calc(-1 * var(--matcha-space-050,4px))!important;margin-left:calc(-1 * var(--matcha-space-050,4px))!important}.my-sm--4{margin-top:calc(-1 * var(--matcha-space-050,4px));margin-bottom:calc(-1 * var(--matcha-space-050,4px))}.my-sm--4--force{margin-top:calc(-1 * var(--matcha-space-050,4px))!important;margin-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.mt-sm--4{margin-top:calc(-1 * var(--matcha-space-050,4px))}.mt-sm--4--force{margin-top:calc(-1 * var(--matcha-space-050,4px))!important}.mr-sm--4{margin-right:calc(-1 * var(--matcha-space-050,4px))}.mr-sm--4--force{margin-right:calc(-1 * var(--matcha-space-050,4px))!important}.mb-sm--4{margin-bottom:calc(-1 * var(--matcha-space-050,4px))}.mb-sm--4--force{margin-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.ml-sm--4{margin-left:calc(-1 * var(--matcha-space-050,4px))}.ml-sm--4--force{margin-left:calc(-1 * var(--matcha-space-050,4px))!important}.m-sm-0{margin:var(--matcha-space-0,0)}.m-sm-0--force{margin:var(--matcha-space-0,0)!important}.mx-sm-0{margin-right:var(--matcha-space-0,0);margin-left:var(--matcha-space-0,0)}.mx-sm-0--force{margin-right:var(--matcha-space-0,0)!important;margin-left:var(--matcha-space-0,0)!important}.my-sm-0{margin-top:var(--matcha-space-0,0);margin-bottom:var(--matcha-space-0,0)}.my-sm-0--force{margin-top:var(--matcha-space-0,0)!important;margin-bottom:var(--matcha-space-0,0)!important}.mt-sm-0{margin-top:var(--matcha-space-0,0)}.mt-sm-0--force{margin-top:var(--matcha-space-0,0)!important}.mr-sm-0{margin-right:var(--matcha-space-0,0)}.mr-sm-0--force{margin-right:var(--matcha-space-0,0)!important}.mb-sm-0{margin-bottom:var(--matcha-space-0,0)}.mb-sm-0--force{margin-bottom:var(--matcha-space-0,0)!important}.ml-sm-0{margin-left:var(--matcha-space-0,0)}.ml-sm-0--force{margin-left:var(--matcha-space-0,0)!important}.m-sm-4{margin:var(--matcha-space-050,4px)}.m-sm-4--force{margin:var(--matcha-space-050,4px)!important}.mx-sm-4{margin-right:var(--matcha-space-050,4px);margin-left:var(--matcha-space-050,4px)}.mx-sm-4--force{margin-right:var(--matcha-space-050,4px)!important;margin-left:var(--matcha-space-050,4px)!important}.my-sm-4{margin-top:var(--matcha-space-050,4px);margin-bottom:var(--matcha-space-050,4px)}.my-sm-4--force{margin-top:var(--matcha-space-050,4px)!important;margin-bottom:var(--matcha-space-050,4px)!important}.mt-sm-4{margin-top:var(--matcha-space-050,4px)}.mt-sm-4--force{margin-top:var(--matcha-space-050,4px)!important}.mr-sm-4{margin-right:var(--matcha-space-050,4px)}.mr-sm-4--force{margin-right:var(--matcha-space-050,4px)!important}.mb-sm-4{margin-bottom:var(--matcha-space-050,4px)}.mb-sm-4--force{margin-bottom:var(--matcha-space-050,4px)!important}.ml-sm-4{margin-left:var(--matcha-space-050,4px)}.ml-sm-4--force{margin-left:var(--matcha-space-050,4px)!important}.m-sm-8{margin:var(--matcha-space-100,8px)}.m-sm-8--force{margin:var(--matcha-space-100,8px)!important}.mx-sm-8{margin-right:var(--matcha-space-100,8px);margin-left:var(--matcha-space-100,8px)}.mx-sm-8--force{margin-right:var(--matcha-space-100,8px)!important;margin-left:var(--matcha-space-100,8px)!important}.my-sm-8{margin-top:var(--matcha-space-100,8px);margin-bottom:var(--matcha-space-100,8px)}.my-sm-8--force{margin-top:var(--matcha-space-100,8px)!important;margin-bottom:var(--matcha-space-100,8px)!important}.mt-sm-8{margin-top:var(--matcha-space-100,8px)}.mt-sm-8--force{margin-top:var(--matcha-space-100,8px)!important}.mr-sm-8{margin-right:var(--matcha-space-100,8px)}.mr-sm-8--force{margin-right:var(--matcha-space-100,8px)!important}.mb-sm-8{margin-bottom:var(--matcha-space-100,8px)}.mb-sm-8--force{margin-bottom:var(--matcha-space-100,8px)!important}.ml-sm-8{margin-left:var(--matcha-space-100,8px)}.ml-sm-8--force{margin-left:var(--matcha-space-100,8px)!important}.m-sm-12{margin:var(--matcha-space-150,12px)}.m-sm-12--force{margin:var(--matcha-space-150,12px)!important}.mx-sm-12{margin-right:var(--matcha-space-150,12px);margin-left:var(--matcha-space-150,12px)}.mx-sm-12--force{margin-right:var(--matcha-space-150,12px)!important;margin-left:var(--matcha-space-150,12px)!important}.my-sm-12{margin-top:var(--matcha-space-150,12px);margin-bottom:var(--matcha-space-150,12px)}.my-sm-12--force{margin-top:var(--matcha-space-150,12px)!important;margin-bottom:var(--matcha-space-150,12px)!important}.mt-sm-12{margin-top:var(--matcha-space-150,12px)}.mt-sm-12--force{margin-top:var(--matcha-space-150,12px)!important}.mr-sm-12{margin-right:var(--matcha-space-150,12px)}.mr-sm-12--force{margin-right:var(--matcha-space-150,12px)!important}.mb-sm-12{margin-bottom:var(--matcha-space-150,12px)}.mb-sm-12--force{margin-bottom:var(--matcha-space-150,12px)!important}.ml-sm-12{margin-left:var(--matcha-space-150,12px)}.ml-sm-12--force{margin-left:var(--matcha-space-150,12px)!important}.m-sm-16{margin:var(--matcha-space-200,16px)}.m-sm-16--force{margin:var(--matcha-space-200,16px)!important}.mx-sm-16{margin-right:var(--matcha-space-200,16px);margin-left:var(--matcha-space-200,16px)}.mx-sm-16--force{margin-right:var(--matcha-space-200,16px)!important;margin-left:var(--matcha-space-200,16px)!important}.my-sm-16{margin-top:var(--matcha-space-200,16px);margin-bottom:var(--matcha-space-200,16px)}.my-sm-16--force{margin-top:var(--matcha-space-200,16px)!important;margin-bottom:var(--matcha-space-200,16px)!important}.mt-sm-16{margin-top:var(--matcha-space-200,16px)}.mt-sm-16--force{margin-top:var(--matcha-space-200,16px)!important}.mr-sm-16{margin-right:var(--matcha-space-200,16px)}.mr-sm-16--force{margin-right:var(--matcha-space-200,16px)!important}.mb-sm-16{margin-bottom:var(--matcha-space-200,16px)}.mb-sm-16--force{margin-bottom:var(--matcha-space-200,16px)!important}.ml-sm-16{margin-left:var(--matcha-space-200,16px)}.ml-sm-16--force{margin-left:var(--matcha-space-200,16px)!important}.m-sm-20{margin:var(--matcha-space-250,20px)}.m-sm-20--force{margin:var(--matcha-space-250,20px)!important}.mx-sm-20{margin-right:var(--matcha-space-250,20px);margin-left:var(--matcha-space-250,20px)}.mx-sm-20--force{margin-right:var(--matcha-space-250,20px)!important;margin-left:var(--matcha-space-250,20px)!important}.my-sm-20{margin-top:var(--matcha-space-250,20px);margin-bottom:var(--matcha-space-250,20px)}.my-sm-20--force{margin-top:var(--matcha-space-250,20px)!important;margin-bottom:var(--matcha-space-250,20px)!important}.mt-sm-20{margin-top:var(--matcha-space-250,20px)}.mt-sm-20--force{margin-top:var(--matcha-space-250,20px)!important}.mr-sm-20{margin-right:var(--matcha-space-250,20px)}.mr-sm-20--force{margin-right:var(--matcha-space-250,20px)!important}.mb-sm-20{margin-bottom:var(--matcha-space-250,20px)}.mb-sm-20--force{margin-bottom:var(--matcha-space-250,20px)!important}.ml-sm-20{margin-left:var(--matcha-space-250,20px)}.ml-sm-20--force{margin-left:var(--matcha-space-250,20px)!important}.m-sm-24{margin:var(--matcha-space-300,24px)}.m-sm-24--force{margin:var(--matcha-space-300,24px)!important}.mx-sm-24{margin-right:var(--matcha-space-300,24px);margin-left:var(--matcha-space-300,24px)}.mx-sm-24--force{margin-right:var(--matcha-space-300,24px)!important;margin-left:var(--matcha-space-300,24px)!important}.my-sm-24{margin-top:var(--matcha-space-300,24px);margin-bottom:var(--matcha-space-300,24px)}.my-sm-24--force{margin-top:var(--matcha-space-300,24px)!important;margin-bottom:var(--matcha-space-300,24px)!important}.mt-sm-24{margin-top:var(--matcha-space-300,24px)}.mt-sm-24--force{margin-top:var(--matcha-space-300,24px)!important}.mr-sm-24{margin-right:var(--matcha-space-300,24px)}.mr-sm-24--force{margin-right:var(--matcha-space-300,24px)!important}.mb-sm-24{margin-bottom:var(--matcha-space-300,24px)}.mb-sm-24--force{margin-bottom:var(--matcha-space-300,24px)!important}.ml-sm-24{margin-left:var(--matcha-space-300,24px)}.ml-sm-24--force{margin-left:var(--matcha-space-300,24px)!important}.m-sm-28{margin:28px}.m-sm-28--force{margin:28px!important}.mx-sm-28{margin-right:28px;margin-left:28px}.mx-sm-28--force{margin-right:28px!important;margin-left:28px!important}.my-sm-28{margin-top:28px;margin-bottom:28px}.my-sm-28--force{margin-top:28px!important;margin-bottom:28px!important}.mt-sm-28{margin-top:28px}.mt-sm-28--force{margin-top:28px!important}.mr-sm-28{margin-right:28px}.mr-sm-28--force{margin-right:28px!important}.mb-sm-28{margin-bottom:28px}.mb-sm-28--force{margin-bottom:28px!important}.ml-sm-28{margin-left:28px}.ml-sm-28--force{margin-left:28px!important}.m-sm-32{margin:var(--matcha-space-400,32px)}.m-sm-32--force{margin:var(--matcha-space-400,32px)!important}.mx-sm-32{margin-right:var(--matcha-space-400,32px);margin-left:var(--matcha-space-400,32px)}.mx-sm-32--force{margin-right:var(--matcha-space-400,32px)!important;margin-left:var(--matcha-space-400,32px)!important}.my-sm-32{margin-top:var(--matcha-space-400,32px);margin-bottom:var(--matcha-space-400,32px)}.my-sm-32--force{margin-top:var(--matcha-space-400,32px)!important;margin-bottom:var(--matcha-space-400,32px)!important}.mt-sm-32{margin-top:var(--matcha-space-400,32px)}.mt-sm-32--force{margin-top:var(--matcha-space-400,32px)!important}.mr-sm-32{margin-right:var(--matcha-space-400,32px)}.mr-sm-32--force{margin-right:var(--matcha-space-400,32px)!important}.mb-sm-32{margin-bottom:var(--matcha-space-400,32px)}.mb-sm-32--force{margin-bottom:var(--matcha-space-400,32px)!important}.ml-sm-32{margin-left:var(--matcha-space-400,32px)}.ml-sm-32--force{margin-left:var(--matcha-space-400,32px)!important}.m-sm-36{margin:36px}.m-sm-36--force{margin:36px!important}.mx-sm-36{margin-right:36px;margin-left:36px}.mx-sm-36--force{margin-right:36px!important;margin-left:36px!important}.my-sm-36{margin-top:36px;margin-bottom:36px}.my-sm-36--force{margin-top:36px!important;margin-bottom:36px!important}.mt-sm-36{margin-top:36px}.mt-sm-36--force{margin-top:36px!important}.mr-sm-36{margin-right:36px}.mr-sm-36--force{margin-right:36px!important}.mb-sm-36{margin-bottom:36px}.mb-sm-36--force{margin-bottom:36px!important}.ml-sm-36{margin-left:36px}.ml-sm-36--force{margin-left:36px!important}.m-sm-40{margin:var(--matcha-space-500,40px)}.m-sm-40--force{margin:var(--matcha-space-500,40px)!important}.mx-sm-40{margin-right:var(--matcha-space-500,40px);margin-left:var(--matcha-space-500,40px)}.mx-sm-40--force{margin-right:var(--matcha-space-500,40px)!important;margin-left:var(--matcha-space-500,40px)!important}.my-sm-40{margin-top:var(--matcha-space-500,40px);margin-bottom:var(--matcha-space-500,40px)}.my-sm-40--force{margin-top:var(--matcha-space-500,40px)!important;margin-bottom:var(--matcha-space-500,40px)!important}.mt-sm-40{margin-top:var(--matcha-space-500,40px)}.mt-sm-40--force{margin-top:var(--matcha-space-500,40px)!important}.mr-sm-40{margin-right:var(--matcha-space-500,40px)}.mr-sm-40--force{margin-right:var(--matcha-space-500,40px)!important}.mb-sm-40{margin-bottom:var(--matcha-space-500,40px)}.mb-sm-40--force{margin-bottom:var(--matcha-space-500,40px)!important}.ml-sm-40{margin-left:var(--matcha-space-500,40px)}.ml-sm-40--force{margin-left:var(--matcha-space-500,40px)!important}.m-sm-44{margin:44px}.m-sm-44--force{margin:44px!important}.mx-sm-44{margin-right:44px;margin-left:44px}.mx-sm-44--force{margin-right:44px!important;margin-left:44px!important}.my-sm-44{margin-top:44px;margin-bottom:44px}.my-sm-44--force{margin-top:44px!important;margin-bottom:44px!important}.mt-sm-44{margin-top:44px}.mt-sm-44--force{margin-top:44px!important}.mr-sm-44{margin-right:44px}.mr-sm-44--force{margin-right:44px!important}.mb-sm-44{margin-bottom:44px}.mb-sm-44--force{margin-bottom:44px!important}.ml-sm-44{margin-left:44px}.ml-sm-44--force{margin-left:44px!important}.m-sm-48{margin:var(--matcha-space-600,48px)}.m-sm-48--force{margin:var(--matcha-space-600,48px)!important}.mx-sm-48{margin-right:var(--matcha-space-600,48px);margin-left:var(--matcha-space-600,48px)}.mx-sm-48--force{margin-right:var(--matcha-space-600,48px)!important;margin-left:var(--matcha-space-600,48px)!important}.my-sm-48{margin-top:var(--matcha-space-600,48px);margin-bottom:var(--matcha-space-600,48px)}.my-sm-48--force{margin-top:var(--matcha-space-600,48px)!important;margin-bottom:var(--matcha-space-600,48px)!important}.mt-sm-48{margin-top:var(--matcha-space-600,48px)}.mt-sm-48--force{margin-top:var(--matcha-space-600,48px)!important}.mr-sm-48{margin-right:var(--matcha-space-600,48px)}.mr-sm-48--force{margin-right:var(--matcha-space-600,48px)!important}.mb-sm-48{margin-bottom:var(--matcha-space-600,48px)}.mb-sm-48--force{margin-bottom:var(--matcha-space-600,48px)!important}.ml-sm-48{margin-left:var(--matcha-space-600,48px)}.ml-sm-48--force{margin-left:var(--matcha-space-600,48px)!important}.m-sm-52{margin:52px}.m-sm-52--force{margin:52px!important}.mx-sm-52{margin-right:52px;margin-left:52px}.mx-sm-52--force{margin-right:52px!important;margin-left:52px!important}.my-sm-52{margin-top:52px;margin-bottom:52px}.my-sm-52--force{margin-top:52px!important;margin-bottom:52px!important}.mt-sm-52{margin-top:52px}.mt-sm-52--force{margin-top:52px!important}.mr-sm-52{margin-right:52px}.mr-sm-52--force{margin-right:52px!important}.mb-sm-52{margin-bottom:52px}.mb-sm-52--force{margin-bottom:52px!important}.ml-sm-52{margin-left:52px}.ml-sm-52--force{margin-left:52px!important}.m-sm-56{margin:56px}.m-sm-56--force{margin:56px!important}.mx-sm-56{margin-right:56px;margin-left:56px}.mx-sm-56--force{margin-right:56px!important;margin-left:56px!important}.my-sm-56{margin-top:56px;margin-bottom:56px}.my-sm-56--force{margin-top:56px!important;margin-bottom:56px!important}.mt-sm-56{margin-top:56px}.mt-sm-56--force{margin-top:56px!important}.mr-sm-56{margin-right:56px}.mr-sm-56--force{margin-right:56px!important}.mb-sm-56{margin-bottom:56px}.mb-sm-56--force{margin-bottom:56px!important}.ml-sm-56{margin-left:56px}.ml-sm-56--force{margin-left:56px!important}.m-sm-60{margin:60px}.m-sm-60--force{margin:60px!important}.mx-sm-60{margin-right:60px;margin-left:60px}.mx-sm-60--force{margin-right:60px!important;margin-left:60px!important}.my-sm-60{margin-top:60px;margin-bottom:60px}.my-sm-60--force{margin-top:60px!important;margin-bottom:60px!important}.mt-sm-60{margin-top:60px}.mt-sm-60--force{margin-top:60px!important}.mr-sm-60{margin-right:60px}.mr-sm-60--force{margin-right:60px!important}.mb-sm-60{margin-bottom:60px}.mb-sm-60--force{margin-bottom:60px!important}.ml-sm-60{margin-left:60px}.ml-sm-60--force{margin-left:60px!important}.m-sm-64{margin:var(--matcha-space-800,64px)}.m-sm-64--force{margin:var(--matcha-space-800,64px)!important}.mx-sm-64{margin-right:var(--matcha-space-800,64px);margin-left:var(--matcha-space-800,64px)}.mx-sm-64--force{margin-right:var(--matcha-space-800,64px)!important;margin-left:var(--matcha-space-800,64px)!important}.my-sm-64{margin-top:var(--matcha-space-800,64px);margin-bottom:var(--matcha-space-800,64px)}.my-sm-64--force{margin-top:var(--matcha-space-800,64px)!important;margin-bottom:var(--matcha-space-800,64px)!important}.mt-sm-64{margin-top:var(--matcha-space-800,64px)}.mt-sm-64--force{margin-top:var(--matcha-space-800,64px)!important}.mr-sm-64{margin-right:var(--matcha-space-800,64px)}.mr-sm-64--force{margin-right:var(--matcha-space-800,64px)!important}.mb-sm-64{margin-bottom:var(--matcha-space-800,64px)}.mb-sm-64--force{margin-bottom:var(--matcha-space-800,64px)!important}.ml-sm-64{margin-left:var(--matcha-space-800,64px)}.ml-sm-64--force{margin-left:var(--matcha-space-800,64px)!important}.m-sm-auto{margin:auto}.m-sm-auto--force{margin:auto!important}.mt-sm-auto{margin-top:auto}.mt-sm-auto--force{margin-top:auto!important}.mr-sm-auto{margin-right:auto}.mr-sm-auto--force{margin-right:auto!important}.mb-sm-auto{margin-bottom:auto}.mb-sm-auto--force{margin-bottom:auto!important}.ml-sm-auto{margin-left:auto}.ml-sm-auto--force{margin-left:auto!important}.mx-sm-auto{margin-right:auto;margin-left:auto}.mx-sm-auto--force{margin-right:auto!important;margin-left:auto!important}.my-sm-auto{margin-top:auto;margin-bottom:auto}.my-sm-auto--force{margin-top:auto!important;margin-bottom:auto!important}.p-sm--64{padding:calc(-1 * var(--matcha-space-800,64px))}.p-sm--64--force{padding:calc(-1 * var(--matcha-space-800,64px))!important}.px-sm--64{padding-right:calc(-1 * var(--matcha-space-800,64px));padding-left:calc(-1 * var(--matcha-space-800,64px))}.px-sm--64--force{padding-right:calc(-1 * var(--matcha-space-800,64px))!important;padding-left:calc(-1 * var(--matcha-space-800,64px))!important}.py-sm--64{padding-top:calc(-1 * var(--matcha-space-800,64px));padding-bottom:calc(-1 * var(--matcha-space-800,64px))}.py-sm--64--force{padding-top:calc(-1 * var(--matcha-space-800,64px))!important;padding-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.pt-sm--64{padding-top:calc(-1 * var(--matcha-space-800,64px))}.pt-sm--64--force{padding-top:calc(-1 * var(--matcha-space-800,64px))!important}.pr-sm--64{padding-right:calc(-1 * var(--matcha-space-800,64px))}.pr-sm--64--force{padding-right:calc(-1 * var(--matcha-space-800,64px))!important}.pb-sm--64{padding-bottom:calc(-1 * var(--matcha-space-800,64px))}.pb-sm--64--force{padding-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.pl-sm--64{padding-left:calc(-1 * var(--matcha-space-800,64px))}.pl-sm--64--force{padding-left:calc(-1 * var(--matcha-space-800,64px))!important}.p-sm--48{padding:calc(-1 * var(--matcha-space-600,48px))}.p-sm--48--force{padding:calc(-1 * var(--matcha-space-600,48px))!important}.px-sm--48{padding-right:calc(-1 * var(--matcha-space-600,48px));padding-left:calc(-1 * var(--matcha-space-600,48px))}.px-sm--48--force{padding-right:calc(-1 * var(--matcha-space-600,48px))!important;padding-left:calc(-1 * var(--matcha-space-600,48px))!important}.py-sm--48{padding-top:calc(-1 * var(--matcha-space-600,48px));padding-bottom:calc(-1 * var(--matcha-space-600,48px))}.py-sm--48--force{padding-top:calc(-1 * var(--matcha-space-600,48px))!important;padding-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.pt-sm--48{padding-top:calc(-1 * var(--matcha-space-600,48px))}.pt-sm--48--force{padding-top:calc(-1 * var(--matcha-space-600,48px))!important}.pr-sm--48{padding-right:calc(-1 * var(--matcha-space-600,48px))}.pr-sm--48--force{padding-right:calc(-1 * var(--matcha-space-600,48px))!important}.pb-sm--48{padding-bottom:calc(-1 * var(--matcha-space-600,48px))}.pb-sm--48--force{padding-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.pl-sm--48{padding-left:calc(-1 * var(--matcha-space-600,48px))}.pl-sm--48--force{padding-left:calc(-1 * var(--matcha-space-600,48px))!important}.p-sm--40{padding:calc(-1 * var(--matcha-space-500,40px))}.p-sm--40--force{padding:calc(-1 * var(--matcha-space-500,40px))!important}.px-sm--40{padding-right:calc(-1 * var(--matcha-space-500,40px));padding-left:calc(-1 * var(--matcha-space-500,40px))}.px-sm--40--force{padding-right:calc(-1 * var(--matcha-space-500,40px))!important;padding-left:calc(-1 * var(--matcha-space-500,40px))!important}.py-sm--40{padding-top:calc(-1 * var(--matcha-space-500,40px));padding-bottom:calc(-1 * var(--matcha-space-500,40px))}.py-sm--40--force{padding-top:calc(-1 * var(--matcha-space-500,40px))!important;padding-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.pt-sm--40{padding-top:calc(-1 * var(--matcha-space-500,40px))}.pt-sm--40--force{padding-top:calc(-1 * var(--matcha-space-500,40px))!important}.pr-sm--40{padding-right:calc(-1 * var(--matcha-space-500,40px))}.pr-sm--40--force{padding-right:calc(-1 * var(--matcha-space-500,40px))!important}.pb-sm--40{padding-bottom:calc(-1 * var(--matcha-space-500,40px))}.pb-sm--40--force{padding-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.pl-sm--40{padding-left:calc(-1 * var(--matcha-space-500,40px))}.pl-sm--40--force{padding-left:calc(-1 * var(--matcha-space-500,40px))!important}.p-sm--32{padding:calc(-1 * var(--matcha-space-400,32px))}.p-sm--32--force{padding:calc(-1 * var(--matcha-space-400,32px))!important}.px-sm--32{padding-right:calc(-1 * var(--matcha-space-400,32px));padding-left:calc(-1 * var(--matcha-space-400,32px))}.px-sm--32--force{padding-right:calc(-1 * var(--matcha-space-400,32px))!important;padding-left:calc(-1 * var(--matcha-space-400,32px))!important}.py-sm--32{padding-top:calc(-1 * var(--matcha-space-400,32px));padding-bottom:calc(-1 * var(--matcha-space-400,32px))}.py-sm--32--force{padding-top:calc(-1 * var(--matcha-space-400,32px))!important;padding-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.pt-sm--32{padding-top:calc(-1 * var(--matcha-space-400,32px))}.pt-sm--32--force{padding-top:calc(-1 * var(--matcha-space-400,32px))!important}.pr-sm--32{padding-right:calc(-1 * var(--matcha-space-400,32px))}.pr-sm--32--force{padding-right:calc(-1 * var(--matcha-space-400,32px))!important}.pb-sm--32{padding-bottom:calc(-1 * var(--matcha-space-400,32px))}.pb-sm--32--force{padding-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.pl-sm--32{padding-left:calc(-1 * var(--matcha-space-400,32px))}.pl-sm--32--force{padding-left:calc(-1 * var(--matcha-space-400,32px))!important}.p-sm--24{padding:calc(-1 * var(--matcha-space-300,24px))}.p-sm--24--force{padding:calc(-1 * var(--matcha-space-300,24px))!important}.px-sm--24{padding-right:calc(-1 * var(--matcha-space-300,24px));padding-left:calc(-1 * var(--matcha-space-300,24px))}.px-sm--24--force{padding-right:calc(-1 * var(--matcha-space-300,24px))!important;padding-left:calc(-1 * var(--matcha-space-300,24px))!important}.py-sm--24{padding-top:calc(-1 * var(--matcha-space-300,24px));padding-bottom:calc(-1 * var(--matcha-space-300,24px))}.py-sm--24--force{padding-top:calc(-1 * var(--matcha-space-300,24px))!important;padding-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.pt-sm--24{padding-top:calc(-1 * var(--matcha-space-300,24px))}.pt-sm--24--force{padding-top:calc(-1 * var(--matcha-space-300,24px))!important}.pr-sm--24{padding-right:calc(-1 * var(--matcha-space-300,24px))}.pr-sm--24--force{padding-right:calc(-1 * var(--matcha-space-300,24px))!important}.pb-sm--24{padding-bottom:calc(-1 * var(--matcha-space-300,24px))}.pb-sm--24--force{padding-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.pl-sm--24{padding-left:calc(-1 * var(--matcha-space-300,24px))}.pl-sm--24--force{padding-left:calc(-1 * var(--matcha-space-300,24px))!important}.p-sm--20{padding:calc(-1 * var(--matcha-space-250,20px))}.p-sm--20--force{padding:calc(-1 * var(--matcha-space-250,20px))!important}.px-sm--20{padding-right:calc(-1 * var(--matcha-space-250,20px));padding-left:calc(-1 * var(--matcha-space-250,20px))}.px-sm--20--force{padding-right:calc(-1 * var(--matcha-space-250,20px))!important;padding-left:calc(-1 * var(--matcha-space-250,20px))!important}.py-sm--20{padding-top:calc(-1 * var(--matcha-space-250,20px));padding-bottom:calc(-1 * var(--matcha-space-250,20px))}.py-sm--20--force{padding-top:calc(-1 * var(--matcha-space-250,20px))!important;padding-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.pt-sm--20{padding-top:calc(-1 * var(--matcha-space-250,20px))}.pt-sm--20--force{padding-top:calc(-1 * var(--matcha-space-250,20px))!important}.pr-sm--20{padding-right:calc(-1 * var(--matcha-space-250,20px))}.pr-sm--20--force{padding-right:calc(-1 * var(--matcha-space-250,20px))!important}.pb-sm--20{padding-bottom:calc(-1 * var(--matcha-space-250,20px))}.pb-sm--20--force{padding-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.pl-sm--20{padding-left:calc(-1 * var(--matcha-space-250,20px))}.pl-sm--20--force{padding-left:calc(-1 * var(--matcha-space-250,20px))!important}.p-sm--16{padding:calc(-1 * var(--matcha-space-200,16px))}.p-sm--16--force{padding:calc(-1 * var(--matcha-space-200,16px))!important}.px-sm--16{padding-right:calc(-1 * var(--matcha-space-200,16px));padding-left:calc(-1 * var(--matcha-space-200,16px))}.px-sm--16--force{padding-right:calc(-1 * var(--matcha-space-200,16px))!important;padding-left:calc(-1 * var(--matcha-space-200,16px))!important}.py-sm--16{padding-top:calc(-1 * var(--matcha-space-200,16px));padding-bottom:calc(-1 * var(--matcha-space-200,16px))}.py-sm--16--force{padding-top:calc(-1 * var(--matcha-space-200,16px))!important;padding-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.pt-sm--16{padding-top:calc(-1 * var(--matcha-space-200,16px))}.pt-sm--16--force{padding-top:calc(-1 * var(--matcha-space-200,16px))!important}.pr-sm--16{padding-right:calc(-1 * var(--matcha-space-200,16px))}.pr-sm--16--force{padding-right:calc(-1 * var(--matcha-space-200,16px))!important}.pb-sm--16{padding-bottom:calc(-1 * var(--matcha-space-200,16px))}.pb-sm--16--force{padding-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.pl-sm--16{padding-left:calc(-1 * var(--matcha-space-200,16px))}.pl-sm--16--force{padding-left:calc(-1 * var(--matcha-space-200,16px))!important}.p-sm--12{padding:calc(-1 * var(--matcha-space-150,12px))}.p-sm--12--force{padding:calc(-1 * var(--matcha-space-150,12px))!important}.px-sm--12{padding-right:calc(-1 * var(--matcha-space-150,12px));padding-left:calc(-1 * var(--matcha-space-150,12px))}.px-sm--12--force{padding-right:calc(-1 * var(--matcha-space-150,12px))!important;padding-left:calc(-1 * var(--matcha-space-150,12px))!important}.py-sm--12{padding-top:calc(-1 * var(--matcha-space-150,12px));padding-bottom:calc(-1 * var(--matcha-space-150,12px))}.py-sm--12--force{padding-top:calc(-1 * var(--matcha-space-150,12px))!important;padding-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.pt-sm--12{padding-top:calc(-1 * var(--matcha-space-150,12px))}.pt-sm--12--force{padding-top:calc(-1 * var(--matcha-space-150,12px))!important}.pr-sm--12{padding-right:calc(-1 * var(--matcha-space-150,12px))}.pr-sm--12--force{padding-right:calc(-1 * var(--matcha-space-150,12px))!important}.pb-sm--12{padding-bottom:calc(-1 * var(--matcha-space-150,12px))}.pb-sm--12--force{padding-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.pl-sm--12{padding-left:calc(-1 * var(--matcha-space-150,12px))}.pl-sm--12--force{padding-left:calc(-1 * var(--matcha-space-150,12px))!important}.p-sm--8{padding:calc(-1 * var(--matcha-space-100,8px))}.p-sm--8--force{padding:calc(-1 * var(--matcha-space-100,8px))!important}.px-sm--8{padding-right:calc(-1 * var(--matcha-space-100,8px));padding-left:calc(-1 * var(--matcha-space-100,8px))}.px-sm--8--force{padding-right:calc(-1 * var(--matcha-space-100,8px))!important;padding-left:calc(-1 * var(--matcha-space-100,8px))!important}.py-sm--8{padding-top:calc(-1 * var(--matcha-space-100,8px));padding-bottom:calc(-1 * var(--matcha-space-100,8px))}.py-sm--8--force{padding-top:calc(-1 * var(--matcha-space-100,8px))!important;padding-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.pt-sm--8{padding-top:calc(-1 * var(--matcha-space-100,8px))}.pt-sm--8--force{padding-top:calc(-1 * var(--matcha-space-100,8px))!important}.pr-sm--8{padding-right:calc(-1 * var(--matcha-space-100,8px))}.pr-sm--8--force{padding-right:calc(-1 * var(--matcha-space-100,8px))!important}.pb-sm--8{padding-bottom:calc(-1 * var(--matcha-space-100,8px))}.pb-sm--8--force{padding-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.pl-sm--8{padding-left:calc(-1 * var(--matcha-space-100,8px))}.pl-sm--8--force{padding-left:calc(-1 * var(--matcha-space-100,8px))!important}.p-sm--4{padding:calc(-1 * var(--matcha-space-050,4px))}.p-sm--4--force{padding:calc(-1 * var(--matcha-space-050,4px))!important}.px-sm--4{padding-right:calc(-1 * var(--matcha-space-050,4px));padding-left:calc(-1 * var(--matcha-space-050,4px))}.px-sm--4--force{padding-right:calc(-1 * var(--matcha-space-050,4px))!important;padding-left:calc(-1 * var(--matcha-space-050,4px))!important}.py-sm--4{padding-top:calc(-1 * var(--matcha-space-050,4px));padding-bottom:calc(-1 * var(--matcha-space-050,4px))}.py-sm--4--force{padding-top:calc(-1 * var(--matcha-space-050,4px))!important;padding-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.pt-sm--4{padding-top:calc(-1 * var(--matcha-space-050,4px))}.pt-sm--4--force{padding-top:calc(-1 * var(--matcha-space-050,4px))!important}.pr-sm--4{padding-right:calc(-1 * var(--matcha-space-050,4px))}.pr-sm--4--force{padding-right:calc(-1 * var(--matcha-space-050,4px))!important}.pb-sm--4{padding-bottom:calc(-1 * var(--matcha-space-050,4px))}.pb-sm--4--force{padding-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.pl-sm--4{padding-left:calc(-1 * var(--matcha-space-050,4px))}.pl-sm--4--force{padding-left:calc(-1 * var(--matcha-space-050,4px))!important}.p-sm-0{padding:var(--matcha-space-0,0)}.p-sm-0--force{padding:var(--matcha-space-0,0)!important}.px-sm-0{padding-right:var(--matcha-space-0,0);padding-left:var(--matcha-space-0,0)}.px-sm-0--force{padding-right:var(--matcha-space-0,0)!important;padding-left:var(--matcha-space-0,0)!important}.py-sm-0{padding-top:var(--matcha-space-0,0);padding-bottom:var(--matcha-space-0,0)}.py-sm-0--force{padding-top:var(--matcha-space-0,0)!important;padding-bottom:var(--matcha-space-0,0)!important}.pt-sm-0{padding-top:var(--matcha-space-0,0)}.pt-sm-0--force{padding-top:var(--matcha-space-0,0)!important}.pr-sm-0{padding-right:var(--matcha-space-0,0)}.pr-sm-0--force{padding-right:var(--matcha-space-0,0)!important}.pb-sm-0{padding-bottom:var(--matcha-space-0,0)}.pb-sm-0--force{padding-bottom:var(--matcha-space-0,0)!important}.pl-sm-0{padding-left:var(--matcha-space-0,0)}.pl-sm-0--force{padding-left:var(--matcha-space-0,0)!important}.p-sm-4{padding:var(--matcha-space-050,4px)}.p-sm-4--force{padding:var(--matcha-space-050,4px)!important}.px-sm-4{padding-right:var(--matcha-space-050,4px);padding-left:var(--matcha-space-050,4px)}.px-sm-4--force{padding-right:var(--matcha-space-050,4px)!important;padding-left:var(--matcha-space-050,4px)!important}.py-sm-4{padding-top:var(--matcha-space-050,4px);padding-bottom:var(--matcha-space-050,4px)}.py-sm-4--force{padding-top:var(--matcha-space-050,4px)!important;padding-bottom:var(--matcha-space-050,4px)!important}.pt-sm-4{padding-top:var(--matcha-space-050,4px)}.pt-sm-4--force{padding-top:var(--matcha-space-050,4px)!important}.pr-sm-4{padding-right:var(--matcha-space-050,4px)}.pr-sm-4--force{padding-right:var(--matcha-space-050,4px)!important}.pb-sm-4{padding-bottom:var(--matcha-space-050,4px)}.pb-sm-4--force{padding-bottom:var(--matcha-space-050,4px)!important}.pl-sm-4{padding-left:var(--matcha-space-050,4px)}.pl-sm-4--force{padding-left:var(--matcha-space-050,4px)!important}.p-sm-8{padding:var(--matcha-space-100,8px)}.p-sm-8--force{padding:var(--matcha-space-100,8px)!important}.px-sm-8{padding-right:var(--matcha-space-100,8px);padding-left:var(--matcha-space-100,8px)}.px-sm-8--force{padding-right:var(--matcha-space-100,8px)!important;padding-left:var(--matcha-space-100,8px)!important}.py-sm-8{padding-top:var(--matcha-space-100,8px);padding-bottom:var(--matcha-space-100,8px)}.py-sm-8--force{padding-top:var(--matcha-space-100,8px)!important;padding-bottom:var(--matcha-space-100,8px)!important}.pt-sm-8{padding-top:var(--matcha-space-100,8px)}.pt-sm-8--force{padding-top:var(--matcha-space-100,8px)!important}.pr-sm-8{padding-right:var(--matcha-space-100,8px)}.pr-sm-8--force{padding-right:var(--matcha-space-100,8px)!important}.pb-sm-8{padding-bottom:var(--matcha-space-100,8px)}.pb-sm-8--force{padding-bottom:var(--matcha-space-100,8px)!important}.pl-sm-8{padding-left:var(--matcha-space-100,8px)}.pl-sm-8--force{padding-left:var(--matcha-space-100,8px)!important}.p-sm-12{padding:var(--matcha-space-150,12px)}.p-sm-12--force{padding:var(--matcha-space-150,12px)!important}.px-sm-12{padding-right:var(--matcha-space-150,12px);padding-left:var(--matcha-space-150,12px)}.px-sm-12--force{padding-right:var(--matcha-space-150,12px)!important;padding-left:var(--matcha-space-150,12px)!important}.py-sm-12{padding-top:var(--matcha-space-150,12px);padding-bottom:var(--matcha-space-150,12px)}.py-sm-12--force{padding-top:var(--matcha-space-150,12px)!important;padding-bottom:var(--matcha-space-150,12px)!important}.pt-sm-12{padding-top:var(--matcha-space-150,12px)}.pt-sm-12--force{padding-top:var(--matcha-space-150,12px)!important}.pr-sm-12{padding-right:var(--matcha-space-150,12px)}.pr-sm-12--force{padding-right:var(--matcha-space-150,12px)!important}.pb-sm-12{padding-bottom:var(--matcha-space-150,12px)}.pb-sm-12--force{padding-bottom:var(--matcha-space-150,12px)!important}.pl-sm-12{padding-left:var(--matcha-space-150,12px)}.pl-sm-12--force{padding-left:var(--matcha-space-150,12px)!important}.p-sm-16{padding:var(--matcha-space-200,16px)}.p-sm-16--force{padding:var(--matcha-space-200,16px)!important}.px-sm-16{padding-right:var(--matcha-space-200,16px);padding-left:var(--matcha-space-200,16px)}.px-sm-16--force{padding-right:var(--matcha-space-200,16px)!important;padding-left:var(--matcha-space-200,16px)!important}.py-sm-16{padding-top:var(--matcha-space-200,16px);padding-bottom:var(--matcha-space-200,16px)}.py-sm-16--force{padding-top:var(--matcha-space-200,16px)!important;padding-bottom:var(--matcha-space-200,16px)!important}.pt-sm-16{padding-top:var(--matcha-space-200,16px)}.pt-sm-16--force{padding-top:var(--matcha-space-200,16px)!important}.pr-sm-16{padding-right:var(--matcha-space-200,16px)}.pr-sm-16--force{padding-right:var(--matcha-space-200,16px)!important}.pb-sm-16{padding-bottom:var(--matcha-space-200,16px)}.pb-sm-16--force{padding-bottom:var(--matcha-space-200,16px)!important}.pl-sm-16{padding-left:var(--matcha-space-200,16px)}.pl-sm-16--force{padding-left:var(--matcha-space-200,16px)!important}.p-sm-20{padding:var(--matcha-space-250,20px)}.p-sm-20--force{padding:var(--matcha-space-250,20px)!important}.px-sm-20{padding-right:var(--matcha-space-250,20px);padding-left:var(--matcha-space-250,20px)}.px-sm-20--force{padding-right:var(--matcha-space-250,20px)!important;padding-left:var(--matcha-space-250,20px)!important}.py-sm-20{padding-top:var(--matcha-space-250,20px);padding-bottom:var(--matcha-space-250,20px)}.py-sm-20--force{padding-top:var(--matcha-space-250,20px)!important;padding-bottom:var(--matcha-space-250,20px)!important}.pt-sm-20{padding-top:var(--matcha-space-250,20px)}.pt-sm-20--force{padding-top:var(--matcha-space-250,20px)!important}.pr-sm-20{padding-right:var(--matcha-space-250,20px)}.pr-sm-20--force{padding-right:var(--matcha-space-250,20px)!important}.pb-sm-20{padding-bottom:var(--matcha-space-250,20px)}.pb-sm-20--force{padding-bottom:var(--matcha-space-250,20px)!important}.pl-sm-20{padding-left:var(--matcha-space-250,20px)}.pl-sm-20--force{padding-left:var(--matcha-space-250,20px)!important}.p-sm-24{padding:var(--matcha-space-300,24px)}.p-sm-24--force{padding:var(--matcha-space-300,24px)!important}.px-sm-24{padding-right:var(--matcha-space-300,24px);padding-left:var(--matcha-space-300,24px)}.px-sm-24--force{padding-right:var(--matcha-space-300,24px)!important;padding-left:var(--matcha-space-300,24px)!important}.py-sm-24{padding-top:var(--matcha-space-300,24px);padding-bottom:var(--matcha-space-300,24px)}.py-sm-24--force{padding-top:var(--matcha-space-300,24px)!important;padding-bottom:var(--matcha-space-300,24px)!important}.pt-sm-24{padding-top:var(--matcha-space-300,24px)}.pt-sm-24--force{padding-top:var(--matcha-space-300,24px)!important}.pr-sm-24{padding-right:var(--matcha-space-300,24px)}.pr-sm-24--force{padding-right:var(--matcha-space-300,24px)!important}.pb-sm-24{padding-bottom:var(--matcha-space-300,24px)}.pb-sm-24--force{padding-bottom:var(--matcha-space-300,24px)!important}.pl-sm-24{padding-left:var(--matcha-space-300,24px)}.pl-sm-24--force{padding-left:var(--matcha-space-300,24px)!important}.p-sm-28{padding:28px}.p-sm-28--force{padding:28px!important}.px-sm-28{padding-right:28px;padding-left:28px}.px-sm-28--force{padding-right:28px!important;padding-left:28px!important}.py-sm-28{padding-top:28px;padding-bottom:28px}.py-sm-28--force{padding-top:28px!important;padding-bottom:28px!important}.pt-sm-28{padding-top:28px}.pt-sm-28--force{padding-top:28px!important}.pr-sm-28{padding-right:28px}.pr-sm-28--force{padding-right:28px!important}.pb-sm-28{padding-bottom:28px}.pb-sm-28--force{padding-bottom:28px!important}.pl-sm-28{padding-left:28px}.pl-sm-28--force{padding-left:28px!important}.p-sm-32{padding:var(--matcha-space-400,32px)}.p-sm-32--force{padding:var(--matcha-space-400,32px)!important}.px-sm-32{padding-right:var(--matcha-space-400,32px);padding-left:var(--matcha-space-400,32px)}.px-sm-32--force{padding-right:var(--matcha-space-400,32px)!important;padding-left:var(--matcha-space-400,32px)!important}.py-sm-32{padding-top:var(--matcha-space-400,32px);padding-bottom:var(--matcha-space-400,32px)}.py-sm-32--force{padding-top:var(--matcha-space-400,32px)!important;padding-bottom:var(--matcha-space-400,32px)!important}.pt-sm-32{padding-top:var(--matcha-space-400,32px)}.pt-sm-32--force{padding-top:var(--matcha-space-400,32px)!important}.pr-sm-32{padding-right:var(--matcha-space-400,32px)}.pr-sm-32--force{padding-right:var(--matcha-space-400,32px)!important}.pb-sm-32{padding-bottom:var(--matcha-space-400,32px)}.pb-sm-32--force{padding-bottom:var(--matcha-space-400,32px)!important}.pl-sm-32{padding-left:var(--matcha-space-400,32px)}.pl-sm-32--force{padding-left:var(--matcha-space-400,32px)!important}.p-sm-36{padding:36px}.p-sm-36--force{padding:36px!important}.px-sm-36{padding-right:36px;padding-left:36px}.px-sm-36--force{padding-right:36px!important;padding-left:36px!important}.py-sm-36{padding-top:36px;padding-bottom:36px}.py-sm-36--force{padding-top:36px!important;padding-bottom:36px!important}.pt-sm-36{padding-top:36px}.pt-sm-36--force{padding-top:36px!important}.pr-sm-36{padding-right:36px}.pr-sm-36--force{padding-right:36px!important}.pb-sm-36{padding-bottom:36px}.pb-sm-36--force{padding-bottom:36px!important}.pl-sm-36{padding-left:36px}.pl-sm-36--force{padding-left:36px!important}.p-sm-40{padding:var(--matcha-space-500,40px)}.p-sm-40--force{padding:var(--matcha-space-500,40px)!important}.px-sm-40{padding-right:var(--matcha-space-500,40px);padding-left:var(--matcha-space-500,40px)}.px-sm-40--force{padding-right:var(--matcha-space-500,40px)!important;padding-left:var(--matcha-space-500,40px)!important}.py-sm-40{padding-top:var(--matcha-space-500,40px);padding-bottom:var(--matcha-space-500,40px)}.py-sm-40--force{padding-top:var(--matcha-space-500,40px)!important;padding-bottom:var(--matcha-space-500,40px)!important}.pt-sm-40{padding-top:var(--matcha-space-500,40px)}.pt-sm-40--force{padding-top:var(--matcha-space-500,40px)!important}.pr-sm-40{padding-right:var(--matcha-space-500,40px)}.pr-sm-40--force{padding-right:var(--matcha-space-500,40px)!important}.pb-sm-40{padding-bottom:var(--matcha-space-500,40px)}.pb-sm-40--force{padding-bottom:var(--matcha-space-500,40px)!important}.pl-sm-40{padding-left:var(--matcha-space-500,40px)}.pl-sm-40--force{padding-left:var(--matcha-space-500,40px)!important}.p-sm-44{padding:44px}.p-sm-44--force{padding:44px!important}.px-sm-44{padding-right:44px;padding-left:44px}.px-sm-44--force{padding-right:44px!important;padding-left:44px!important}.py-sm-44{padding-top:44px;padding-bottom:44px}.py-sm-44--force{padding-top:44px!important;padding-bottom:44px!important}.pt-sm-44{padding-top:44px}.pt-sm-44--force{padding-top:44px!important}.pr-sm-44{padding-right:44px}.pr-sm-44--force{padding-right:44px!important}.pb-sm-44{padding-bottom:44px}.pb-sm-44--force{padding-bottom:44px!important}.pl-sm-44{padding-left:44px}.pl-sm-44--force{padding-left:44px!important}.p-sm-48{padding:var(--matcha-space-600,48px)}.p-sm-48--force{padding:var(--matcha-space-600,48px)!important}.px-sm-48{padding-right:var(--matcha-space-600,48px);padding-left:var(--matcha-space-600,48px)}.px-sm-48--force{padding-right:var(--matcha-space-600,48px)!important;padding-left:var(--matcha-space-600,48px)!important}.py-sm-48{padding-top:var(--matcha-space-600,48px);padding-bottom:var(--matcha-space-600,48px)}.py-sm-48--force{padding-top:var(--matcha-space-600,48px)!important;padding-bottom:var(--matcha-space-600,48px)!important}.pt-sm-48{padding-top:var(--matcha-space-600,48px)}.pt-sm-48--force{padding-top:var(--matcha-space-600,48px)!important}.pr-sm-48{padding-right:var(--matcha-space-600,48px)}.pr-sm-48--force{padding-right:var(--matcha-space-600,48px)!important}.pb-sm-48{padding-bottom:var(--matcha-space-600,48px)}.pb-sm-48--force{padding-bottom:var(--matcha-space-600,48px)!important}.pl-sm-48{padding-left:var(--matcha-space-600,48px)}.pl-sm-48--force{padding-left:var(--matcha-space-600,48px)!important}.p-sm-52{padding:52px}.p-sm-52--force{padding:52px!important}.px-sm-52{padding-right:52px;padding-left:52px}.px-sm-52--force{padding-right:52px!important;padding-left:52px!important}.py-sm-52{padding-top:52px;padding-bottom:52px}.py-sm-52--force{padding-top:52px!important;padding-bottom:52px!important}.pt-sm-52{padding-top:52px}.pt-sm-52--force{padding-top:52px!important}.pr-sm-52{padding-right:52px}.pr-sm-52--force{padding-right:52px!important}.pb-sm-52{padding-bottom:52px}.pb-sm-52--force{padding-bottom:52px!important}.pl-sm-52{padding-left:52px}.pl-sm-52--force{padding-left:52px!important}.p-sm-56{padding:56px}.p-sm-56--force{padding:56px!important}.px-sm-56{padding-right:56px;padding-left:56px}.px-sm-56--force{padding-right:56px!important;padding-left:56px!important}.py-sm-56{padding-top:56px;padding-bottom:56px}.py-sm-56--force{padding-top:56px!important;padding-bottom:56px!important}.pt-sm-56{padding-top:56px}.pt-sm-56--force{padding-top:56px!important}.pr-sm-56{padding-right:56px}.pr-sm-56--force{padding-right:56px!important}.pb-sm-56{padding-bottom:56px}.pb-sm-56--force{padding-bottom:56px!important}.pl-sm-56{padding-left:56px}.pl-sm-56--force{padding-left:56px!important}.p-sm-60{padding:60px}.p-sm-60--force{padding:60px!important}.px-sm-60{padding-right:60px;padding-left:60px}.px-sm-60--force{padding-right:60px!important;padding-left:60px!important}.py-sm-60{padding-top:60px;padding-bottom:60px}.py-sm-60--force{padding-top:60px!important;padding-bottom:60px!important}.pt-sm-60{padding-top:60px}.pt-sm-60--force{padding-top:60px!important}.pr-sm-60{padding-right:60px}.pr-sm-60--force{padding-right:60px!important}.pb-sm-60{padding-bottom:60px}.pb-sm-60--force{padding-bottom:60px!important}.pl-sm-60{padding-left:60px}.pl-sm-60--force{padding-left:60px!important}.p-sm-64{padding:var(--matcha-space-800,64px)}.p-sm-64--force{padding:var(--matcha-space-800,64px)!important}.px-sm-64{padding-right:var(--matcha-space-800,64px);padding-left:var(--matcha-space-800,64px)}.px-sm-64--force{padding-right:var(--matcha-space-800,64px)!important;padding-left:var(--matcha-space-800,64px)!important}.py-sm-64{padding-top:var(--matcha-space-800,64px);padding-bottom:var(--matcha-space-800,64px)}.py-sm-64--force{padding-top:var(--matcha-space-800,64px)!important;padding-bottom:var(--matcha-space-800,64px)!important}.pt-sm-64{padding-top:var(--matcha-space-800,64px)}.pt-sm-64--force{padding-top:var(--matcha-space-800,64px)!important}.pr-sm-64{padding-right:var(--matcha-space-800,64px)}.pr-sm-64--force{padding-right:var(--matcha-space-800,64px)!important}.pb-sm-64{padding-bottom:var(--matcha-space-800,64px)}.pb-sm-64--force{padding-bottom:var(--matcha-space-800,64px)!important}.pl-sm-64{padding-left:var(--matcha-space-800,64px)}.pl-sm-64--force{padding-left:var(--matcha-space-800,64px)!important}.p-sm-0{padding:var(--matcha-space-0,0)}.p-sm-0--force{padding:var(--matcha-space-0,0)!important}.px-sm-0{padding-right:var(--matcha-space-0,0);padding-left:var(--matcha-space-0,0)}.px-sm-0--force{padding-right:var(--matcha-space-0,0)!important;padding-left:var(--matcha-space-0,0)!important}.py-sm-0{padding-top:var(--matcha-space-0,0);padding-bottom:var(--matcha-space-0,0)}.py-sm-0--force{padding-top:var(--matcha-space-0,0)!important;padding-bottom:var(--matcha-space-0,0)!important}.pt-sm-0{padding-top:var(--matcha-space-0,0)}.pt-sm-0--force{padding-top:var(--matcha-space-0,0)!important}.pr-sm-0{padding-right:var(--matcha-space-0,0)}.pr-sm-0--force{padding-right:var(--matcha-space-0,0)!important}.pb-sm-0{padding-bottom:var(--matcha-space-0,0)}.pb-sm-0--force{padding-bottom:var(--matcha-space-0,0)!important}.pl-sm-0{padding-left:var(--matcha-space-0,0)}.pl-sm-0--force{padding-left:var(--matcha-space-0,0)!important}.p-sm-4{padding:var(--matcha-space-050,4px)}.p-sm-4--force{padding:var(--matcha-space-050,4px)!important}.px-sm-4{padding-right:var(--matcha-space-050,4px);padding-left:var(--matcha-space-050,4px)}.px-sm-4--force{padding-right:var(--matcha-space-050,4px)!important;padding-left:var(--matcha-space-050,4px)!important}.py-sm-4{padding-top:var(--matcha-space-050,4px);padding-bottom:var(--matcha-space-050,4px)}.py-sm-4--force{padding-top:var(--matcha-space-050,4px)!important;padding-bottom:var(--matcha-space-050,4px)!important}.pt-sm-4{padding-top:var(--matcha-space-050,4px)}.pt-sm-4--force{padding-top:var(--matcha-space-050,4px)!important}.pr-sm-4{padding-right:var(--matcha-space-050,4px)}.pr-sm-4--force{padding-right:var(--matcha-space-050,4px)!important}.pb-sm-4{padding-bottom:var(--matcha-space-050,4px)}.pb-sm-4--force{padding-bottom:var(--matcha-space-050,4px)!important}.pl-sm-4{padding-left:var(--matcha-space-050,4px)}.pl-sm-4--force{padding-left:var(--matcha-space-050,4px)!important}.p-sm-8{padding:var(--matcha-space-100,8px)}.p-sm-8--force{padding:var(--matcha-space-100,8px)!important}.px-sm-8{padding-right:var(--matcha-space-100,8px);padding-left:var(--matcha-space-100,8px)}.px-sm-8--force{padding-right:var(--matcha-space-100,8px)!important;padding-left:var(--matcha-space-100,8px)!important}.py-sm-8{padding-top:var(--matcha-space-100,8px);padding-bottom:var(--matcha-space-100,8px)}.py-sm-8--force{padding-top:var(--matcha-space-100,8px)!important;padding-bottom:var(--matcha-space-100,8px)!important}.pt-sm-8{padding-top:var(--matcha-space-100,8px)}.pt-sm-8--force{padding-top:var(--matcha-space-100,8px)!important}.pr-sm-8{padding-right:var(--matcha-space-100,8px)}.pr-sm-8--force{padding-right:var(--matcha-space-100,8px)!important}.pb-sm-8{padding-bottom:var(--matcha-space-100,8px)}.pb-sm-8--force{padding-bottom:var(--matcha-space-100,8px)!important}.pl-sm-8{padding-left:var(--matcha-space-100,8px)}.pl-sm-8--force{padding-left:var(--matcha-space-100,8px)!important}.p-sm-12{padding:var(--matcha-space-150,12px)}.p-sm-12--force{padding:var(--matcha-space-150,12px)!important}.px-sm-12{padding-right:var(--matcha-space-150,12px);padding-left:var(--matcha-space-150,12px)}.px-sm-12--force{padding-right:var(--matcha-space-150,12px)!important;padding-left:var(--matcha-space-150,12px)!important}.py-sm-12{padding-top:var(--matcha-space-150,12px);padding-bottom:var(--matcha-space-150,12px)}.py-sm-12--force{padding-top:var(--matcha-space-150,12px)!important;padding-bottom:var(--matcha-space-150,12px)!important}.pt-sm-12{padding-top:var(--matcha-space-150,12px)}.pt-sm-12--force{padding-top:var(--matcha-space-150,12px)!important}.pr-sm-12{padding-right:var(--matcha-space-150,12px)}.pr-sm-12--force{padding-right:var(--matcha-space-150,12px)!important}.pb-sm-12{padding-bottom:var(--matcha-space-150,12px)}.pb-sm-12--force{padding-bottom:var(--matcha-space-150,12px)!important}.pl-sm-12{padding-left:var(--matcha-space-150,12px)}.pl-sm-12--force{padding-left:var(--matcha-space-150,12px)!important}.p-sm-16{padding:var(--matcha-space-200,16px)}.p-sm-16--force{padding:var(--matcha-space-200,16px)!important}.px-sm-16{padding-right:var(--matcha-space-200,16px);padding-left:var(--matcha-space-200,16px)}.px-sm-16--force{padding-right:var(--matcha-space-200,16px)!important;padding-left:var(--matcha-space-200,16px)!important}.py-sm-16{padding-top:var(--matcha-space-200,16px);padding-bottom:var(--matcha-space-200,16px)}.py-sm-16--force{padding-top:var(--matcha-space-200,16px)!important;padding-bottom:var(--matcha-space-200,16px)!important}.pt-sm-16{padding-top:var(--matcha-space-200,16px)}.pt-sm-16--force{padding-top:var(--matcha-space-200,16px)!important}.pr-sm-16{padding-right:var(--matcha-space-200,16px)}.pr-sm-16--force{padding-right:var(--matcha-space-200,16px)!important}.pb-sm-16{padding-bottom:var(--matcha-space-200,16px)}.pb-sm-16--force{padding-bottom:var(--matcha-space-200,16px)!important}.pl-sm-16{padding-left:var(--matcha-space-200,16px)}.pl-sm-16--force{padding-left:var(--matcha-space-200,16px)!important}.p-sm-20{padding:var(--matcha-space-250,20px)}.p-sm-20--force{padding:var(--matcha-space-250,20px)!important}.px-sm-20{padding-right:var(--matcha-space-250,20px);padding-left:var(--matcha-space-250,20px)}.px-sm-20--force{padding-right:var(--matcha-space-250,20px)!important;padding-left:var(--matcha-space-250,20px)!important}.py-sm-20{padding-top:var(--matcha-space-250,20px);padding-bottom:var(--matcha-space-250,20px)}.py-sm-20--force{padding-top:var(--matcha-space-250,20px)!important;padding-bottom:var(--matcha-space-250,20px)!important}.pt-sm-20{padding-top:var(--matcha-space-250,20px)}.pt-sm-20--force{padding-top:var(--matcha-space-250,20px)!important}.pr-sm-20{padding-right:var(--matcha-space-250,20px)}.pr-sm-20--force{padding-right:var(--matcha-space-250,20px)!important}.pb-sm-20{padding-bottom:var(--matcha-space-250,20px)}.pb-sm-20--force{padding-bottom:var(--matcha-space-250,20px)!important}.pl-sm-20{padding-left:var(--matcha-space-250,20px)}.pl-sm-20--force{padding-left:var(--matcha-space-250,20px)!important}.p-sm-24{padding:var(--matcha-space-300,24px)}.p-sm-24--force{padding:var(--matcha-space-300,24px)!important}.px-sm-24{padding-right:var(--matcha-space-300,24px);padding-left:var(--matcha-space-300,24px)}.px-sm-24--force{padding-right:var(--matcha-space-300,24px)!important;padding-left:var(--matcha-space-300,24px)!important}.py-sm-24{padding-top:var(--matcha-space-300,24px);padding-bottom:var(--matcha-space-300,24px)}.py-sm-24--force{padding-top:var(--matcha-space-300,24px)!important;padding-bottom:var(--matcha-space-300,24px)!important}.pt-sm-24{padding-top:var(--matcha-space-300,24px)}.pt-sm-24--force{padding-top:var(--matcha-space-300,24px)!important}.pr-sm-24{padding-right:var(--matcha-space-300,24px)}.pr-sm-24--force{padding-right:var(--matcha-space-300,24px)!important}.pb-sm-24{padding-bottom:var(--matcha-space-300,24px)}.pb-sm-24--force{padding-bottom:var(--matcha-space-300,24px)!important}.pl-sm-24{padding-left:var(--matcha-space-300,24px)}.pl-sm-24--force{padding-left:var(--matcha-space-300,24px)!important}.p-sm-28{padding:28px}.p-sm-28--force{padding:28px!important}.px-sm-28{padding-right:28px;padding-left:28px}.px-sm-28--force{padding-right:28px!important;padding-left:28px!important}.py-sm-28{padding-top:28px;padding-bottom:28px}.py-sm-28--force{padding-top:28px!important;padding-bottom:28px!important}.pt-sm-28{padding-top:28px}.pt-sm-28--force{padding-top:28px!important}.pr-sm-28{padding-right:28px}.pr-sm-28--force{padding-right:28px!important}.pb-sm-28{padding-bottom:28px}.pb-sm-28--force{padding-bottom:28px!important}.pl-sm-28{padding-left:28px}.pl-sm-28--force{padding-left:28px!important}.p-sm-32{padding:var(--matcha-space-400,32px)}.p-sm-32--force{padding:var(--matcha-space-400,32px)!important}.px-sm-32{padding-right:var(--matcha-space-400,32px);padding-left:var(--matcha-space-400,32px)}.px-sm-32--force{padding-right:var(--matcha-space-400,32px)!important;padding-left:var(--matcha-space-400,32px)!important}.py-sm-32{padding-top:var(--matcha-space-400,32px);padding-bottom:var(--matcha-space-400,32px)}.py-sm-32--force{padding-top:var(--matcha-space-400,32px)!important;padding-bottom:var(--matcha-space-400,32px)!important}.pt-sm-32{padding-top:var(--matcha-space-400,32px)}.pt-sm-32--force{padding-top:var(--matcha-space-400,32px)!important}.pr-sm-32{padding-right:var(--matcha-space-400,32px)}.pr-sm-32--force{padding-right:var(--matcha-space-400,32px)!important}.pb-sm-32{padding-bottom:var(--matcha-space-400,32px)}.pb-sm-32--force{padding-bottom:var(--matcha-space-400,32px)!important}.pl-sm-32{padding-left:var(--matcha-space-400,32px)}.pl-sm-32--force{padding-left:var(--matcha-space-400,32px)!important}.p-sm-36{padding:36px}.p-sm-36--force{padding:36px!important}.px-sm-36{padding-right:36px;padding-left:36px}.px-sm-36--force{padding-right:36px!important;padding-left:36px!important}.py-sm-36{padding-top:36px;padding-bottom:36px}.py-sm-36--force{padding-top:36px!important;padding-bottom:36px!important}.pt-sm-36{padding-top:36px}.pt-sm-36--force{padding-top:36px!important}.pr-sm-36{padding-right:36px}.pr-sm-36--force{padding-right:36px!important}.pb-sm-36{padding-bottom:36px}.pb-sm-36--force{padding-bottom:36px!important}.pl-sm-36{padding-left:36px}.pl-sm-36--force{padding-left:36px!important}.p-sm-40{padding:var(--matcha-space-500,40px)}.p-sm-40--force{padding:var(--matcha-space-500,40px)!important}.px-sm-40{padding-right:var(--matcha-space-500,40px);padding-left:var(--matcha-space-500,40px)}.px-sm-40--force{padding-right:var(--matcha-space-500,40px)!important;padding-left:var(--matcha-space-500,40px)!important}.py-sm-40{padding-top:var(--matcha-space-500,40px);padding-bottom:var(--matcha-space-500,40px)}.py-sm-40--force{padding-top:var(--matcha-space-500,40px)!important;padding-bottom:var(--matcha-space-500,40px)!important}.pt-sm-40{padding-top:var(--matcha-space-500,40px)}.pt-sm-40--force{padding-top:var(--matcha-space-500,40px)!important}.pr-sm-40{padding-right:var(--matcha-space-500,40px)}.pr-sm-40--force{padding-right:var(--matcha-space-500,40px)!important}.pb-sm-40{padding-bottom:var(--matcha-space-500,40px)}.pb-sm-40--force{padding-bottom:var(--matcha-space-500,40px)!important}.pl-sm-40{padding-left:var(--matcha-space-500,40px)}.pl-sm-40--force{padding-left:var(--matcha-space-500,40px)!important}.p-sm-44{padding:44px}.p-sm-44--force{padding:44px!important}.px-sm-44{padding-right:44px;padding-left:44px}.px-sm-44--force{padding-right:44px!important;padding-left:44px!important}.py-sm-44{padding-top:44px;padding-bottom:44px}.py-sm-44--force{padding-top:44px!important;padding-bottom:44px!important}.pt-sm-44{padding-top:44px}.pt-sm-44--force{padding-top:44px!important}.pr-sm-44{padding-right:44px}.pr-sm-44--force{padding-right:44px!important}.pb-sm-44{padding-bottom:44px}.pb-sm-44--force{padding-bottom:44px!important}.pl-sm-44{padding-left:44px}.pl-sm-44--force{padding-left:44px!important}.p-sm-48{padding:var(--matcha-space-600,48px)}.p-sm-48--force{padding:var(--matcha-space-600,48px)!important}.px-sm-48{padding-right:var(--matcha-space-600,48px);padding-left:var(--matcha-space-600,48px)}.px-sm-48--force{padding-right:var(--matcha-space-600,48px)!important;padding-left:var(--matcha-space-600,48px)!important}.py-sm-48{padding-top:var(--matcha-space-600,48px);padding-bottom:var(--matcha-space-600,48px)}.py-sm-48--force{padding-top:var(--matcha-space-600,48px)!important;padding-bottom:var(--matcha-space-600,48px)!important}.pt-sm-48{padding-top:var(--matcha-space-600,48px)}.pt-sm-48--force{padding-top:var(--matcha-space-600,48px)!important}.pr-sm-48{padding-right:var(--matcha-space-600,48px)}.pr-sm-48--force{padding-right:var(--matcha-space-600,48px)!important}.pb-sm-48{padding-bottom:var(--matcha-space-600,48px)}.pb-sm-48--force{padding-bottom:var(--matcha-space-600,48px)!important}.pl-sm-48{padding-left:var(--matcha-space-600,48px)}.pl-sm-48--force{padding-left:var(--matcha-space-600,48px)!important}.p-sm-52{padding:52px}.p-sm-52--force{padding:52px!important}.px-sm-52{padding-right:52px;padding-left:52px}.px-sm-52--force{padding-right:52px!important;padding-left:52px!important}.py-sm-52{padding-top:52px;padding-bottom:52px}.py-sm-52--force{padding-top:52px!important;padding-bottom:52px!important}.pt-sm-52{padding-top:52px}.pt-sm-52--force{padding-top:52px!important}.pr-sm-52{padding-right:52px}.pr-sm-52--force{padding-right:52px!important}.pb-sm-52{padding-bottom:52px}.pb-sm-52--force{padding-bottom:52px!important}.pl-sm-52{padding-left:52px}.pl-sm-52--force{padding-left:52px!important}.p-sm-56{padding:56px}.p-sm-56--force{padding:56px!important}.px-sm-56{padding-right:56px;padding-left:56px}.px-sm-56--force{padding-right:56px!important;padding-left:56px!important}.py-sm-56{padding-top:56px;padding-bottom:56px}.py-sm-56--force{padding-top:56px!important;padding-bottom:56px!important}.pt-sm-56{padding-top:56px}.pt-sm-56--force{padding-top:56px!important}.pr-sm-56{padding-right:56px}.pr-sm-56--force{padding-right:56px!important}.pb-sm-56{padding-bottom:56px}.pb-sm-56--force{padding-bottom:56px!important}.pl-sm-56{padding-left:56px}.pl-sm-56--force{padding-left:56px!important}.p-sm-60{padding:60px}.p-sm-60--force{padding:60px!important}.px-sm-60{padding-right:60px;padding-left:60px}.px-sm-60--force{padding-right:60px!important;padding-left:60px!important}.py-sm-60{padding-top:60px;padding-bottom:60px}.py-sm-60--force{padding-top:60px!important;padding-bottom:60px!important}.pt-sm-60{padding-top:60px}.pt-sm-60--force{padding-top:60px!important}.pr-sm-60{padding-right:60px}.pr-sm-60--force{padding-right:60px!important}.pb-sm-60{padding-bottom:60px}.pb-sm-60--force{padding-bottom:60px!important}.pl-sm-60{padding-left:60px}.pl-sm-60--force{padding-left:60px!important}.p-sm-64{padding:var(--matcha-space-800,64px)}.p-sm-64--force{padding:var(--matcha-space-800,64px)!important}.px-sm-64{padding-right:var(--matcha-space-800,64px);padding-left:var(--matcha-space-800,64px)}.px-sm-64--force{padding-right:var(--matcha-space-800,64px)!important;padding-left:var(--matcha-space-800,64px)!important}.py-sm-64{padding-top:var(--matcha-space-800,64px);padding-bottom:var(--matcha-space-800,64px)}.py-sm-64--force{padding-top:var(--matcha-space-800,64px)!important;padding-bottom:var(--matcha-space-800,64px)!important}.pt-sm-64{padding-top:var(--matcha-space-800,64px)}.pt-sm-64--force{padding-top:var(--matcha-space-800,64px)!important}.pr-sm-64{padding-right:var(--matcha-space-800,64px)}.pr-sm-64--force{padding-right:var(--matcha-space-800,64px)!important}.pb-sm-64{padding-bottom:var(--matcha-space-800,64px)}.pb-sm-64--force{padding-bottom:var(--matcha-space-800,64px)!important}.pl-sm-64{padding-left:var(--matcha-space-800,64px)}.pl-sm-64--force{padding-left:var(--matcha-space-800,64px)!important}.p-sm-68{padding:68px}.p-sm-68--force{padding:68px!important}.px-sm-68{padding-right:68px;padding-left:68px}.px-sm-68--force{padding-right:68px!important;padding-left:68px!important}.py-sm-68{padding-top:68px;padding-bottom:68px}.py-sm-68--force{padding-top:68px!important;padding-bottom:68px!important}.pt-sm-68{padding-top:68px}.pt-sm-68--force{padding-top:68px!important}.pr-sm-68{padding-right:68px}.pr-sm-68--force{padding-right:68px!important}.pb-sm-68{padding-bottom:68px}.pb-sm-68--force{padding-bottom:68px!important}.pl-sm-68{padding-left:68px}.pl-sm-68--force{padding-left:68px!important}.p-sm-72{padding:72px}.p-sm-72--force{padding:72px!important}.px-sm-72{padding-right:72px;padding-left:72px}.px-sm-72--force{padding-right:72px!important;padding-left:72px!important}.py-sm-72{padding-top:72px;padding-bottom:72px}.py-sm-72--force{padding-top:72px!important;padding-bottom:72px!important}.pt-sm-72{padding-top:72px}.pt-sm-72--force{padding-top:72px!important}.pr-sm-72{padding-right:72px}.pr-sm-72--force{padding-right:72px!important}.pb-sm-72{padding-bottom:72px}.pb-sm-72--force{padding-bottom:72px!important}.pl-sm-72{padding-left:72px}.pl-sm-72--force{padding-left:72px!important}.p-sm-76{padding:76px}.p-sm-76--force{padding:76px!important}.px-sm-76{padding-right:76px;padding-left:76px}.px-sm-76--force{padding-right:76px!important;padding-left:76px!important}.py-sm-76{padding-top:76px;padding-bottom:76px}.py-sm-76--force{padding-top:76px!important;padding-bottom:76px!important}.pt-sm-76{padding-top:76px}.pt-sm-76--force{padding-top:76px!important}.pr-sm-76{padding-right:76px}.pr-sm-76--force{padding-right:76px!important}.pb-sm-76{padding-bottom:76px}.pb-sm-76--force{padding-bottom:76px!important}.pl-sm-76{padding-left:76px}.pl-sm-76--force{padding-left:76px!important}.p-sm-80{padding:var(--matcha-space-1000,80px)}.p-sm-80--force{padding:var(--matcha-space-1000,80px)!important}.px-sm-80{padding-right:var(--matcha-space-1000,80px);padding-left:var(--matcha-space-1000,80px)}.px-sm-80--force{padding-right:var(--matcha-space-1000,80px)!important;padding-left:var(--matcha-space-1000,80px)!important}.py-sm-80{padding-top:var(--matcha-space-1000,80px);padding-bottom:var(--matcha-space-1000,80px)}.py-sm-80--force{padding-top:var(--matcha-space-1000,80px)!important;padding-bottom:var(--matcha-space-1000,80px)!important}.pt-sm-80{padding-top:var(--matcha-space-1000,80px)}.pt-sm-80--force{padding-top:var(--matcha-space-1000,80px)!important}.pr-sm-80{padding-right:var(--matcha-space-1000,80px)}.pr-sm-80--force{padding-right:var(--matcha-space-1000,80px)!important}.pb-sm-80{padding-bottom:var(--matcha-space-1000,80px)}.pb-sm-80--force{padding-bottom:var(--matcha-space-1000,80px)!important}.pl-sm-80{padding-left:var(--matcha-space-1000,80px)}.pl-sm-80--force{padding-left:var(--matcha-space-1000,80px)!important}.p-sm-84{padding:84px}.p-sm-84--force{padding:84px!important}.px-sm-84{padding-right:84px;padding-left:84px}.px-sm-84--force{padding-right:84px!important;padding-left:84px!important}.py-sm-84{padding-top:84px;padding-bottom:84px}.py-sm-84--force{padding-top:84px!important;padding-bottom:84px!important}.pt-sm-84{padding-top:84px}.pt-sm-84--force{padding-top:84px!important}.pr-sm-84{padding-right:84px}.pr-sm-84--force{padding-right:84px!important}.pb-sm-84{padding-bottom:84px}.pb-sm-84--force{padding-bottom:84px!important}.pl-sm-84{padding-left:84px}.pl-sm-84--force{padding-left:84px!important}.p-sm-88{padding:88px}.p-sm-88--force{padding:88px!important}.px-sm-88{padding-right:88px;padding-left:88px}.px-sm-88--force{padding-right:88px!important;padding-left:88px!important}.py-sm-88{padding-top:88px;padding-bottom:88px}.py-sm-88--force{padding-top:88px!important;padding-bottom:88px!important}.pt-sm-88{padding-top:88px}.pt-sm-88--force{padding-top:88px!important}.pr-sm-88{padding-right:88px}.pr-sm-88--force{padding-right:88px!important}.pb-sm-88{padding-bottom:88px}.pb-sm-88--force{padding-bottom:88px!important}.pl-sm-88{padding-left:88px}.pl-sm-88--force{padding-left:88px!important}.p-sm-92{padding:92px}.p-sm-92--force{padding:92px!important}.px-sm-92{padding-right:92px;padding-left:92px}.px-sm-92--force{padding-right:92px!important;padding-left:92px!important}.py-sm-92{padding-top:92px;padding-bottom:92px}.py-sm-92--force{padding-top:92px!important;padding-bottom:92px!important}.pt-sm-92{padding-top:92px}.pt-sm-92--force{padding-top:92px!important}.pr-sm-92{padding-right:92px}.pr-sm-92--force{padding-right:92px!important}.pb-sm-92{padding-bottom:92px}.pb-sm-92--force{padding-bottom:92px!important}.pl-sm-92{padding-left:92px}.pl-sm-92--force{padding-left:92px!important}.p-sm-96{padding:var(--matcha-space-1200,96px)}.p-sm-96--force{padding:var(--matcha-space-1200,96px)!important}.px-sm-96{padding-right:var(--matcha-space-1200,96px);padding-left:var(--matcha-space-1200,96px)}.px-sm-96--force{padding-right:var(--matcha-space-1200,96px)!important;padding-left:var(--matcha-space-1200,96px)!important}.py-sm-96{padding-top:var(--matcha-space-1200,96px);padding-bottom:var(--matcha-space-1200,96px)}.py-sm-96--force{padding-top:var(--matcha-space-1200,96px)!important;padding-bottom:var(--matcha-space-1200,96px)!important}.pt-sm-96{padding-top:var(--matcha-space-1200,96px)}.pt-sm-96--force{padding-top:var(--matcha-space-1200,96px)!important}.pr-sm-96{padding-right:var(--matcha-space-1200,96px)}.pr-sm-96--force{padding-right:var(--matcha-space-1200,96px)!important}.pb-sm-96{padding-bottom:var(--matcha-space-1200,96px)}.pb-sm-96--force{padding-bottom:var(--matcha-space-1200,96px)!important}.pl-sm-96{padding-left:var(--matcha-space-1200,96px)}.pl-sm-96--force{padding-left:var(--matcha-space-1200,96px)!important}}@media screen and (min-width:1024px){.m-md--64{margin:calc(-1 * var(--matcha-space-800,64px))}.m-md--64--force{margin:calc(-1 * var(--matcha-space-800,64px))!important}.mx-md--64{margin-right:calc(-1 * var(--matcha-space-800,64px));margin-left:calc(-1 * var(--matcha-space-800,64px))}.mx-md--64--force{margin-right:calc(-1 * var(--matcha-space-800,64px))!important;margin-left:calc(-1 * var(--matcha-space-800,64px))!important}.my-md--64{margin-top:calc(-1 * var(--matcha-space-800,64px));margin-bottom:calc(-1 * var(--matcha-space-800,64px))}.my-md--64--force{margin-top:calc(-1 * var(--matcha-space-800,64px))!important;margin-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.mt-md--64{margin-top:calc(-1 * var(--matcha-space-800,64px))}.mt-md--64--force{margin-top:calc(-1 * var(--matcha-space-800,64px))!important}.mr-md--64{margin-right:calc(-1 * var(--matcha-space-800,64px))}.mr-md--64--force{margin-right:calc(-1 * var(--matcha-space-800,64px))!important}.mb-md--64{margin-bottom:calc(-1 * var(--matcha-space-800,64px))}.mb-md--64--force{margin-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.ml-md--64{margin-left:calc(-1 * var(--matcha-space-800,64px))}.ml-md--64--force{margin-left:calc(-1 * var(--matcha-space-800,64px))!important}.m-md--60{margin:-60px}.m-md--60--force{margin:-60px!important}.mx-md--60{margin-right:-60px;margin-left:-60px}.mx-md--60--force{margin-right:-60px!important;margin-left:-60px!important}.my-md--60{margin-top:-60px;margin-bottom:-60px}.my-md--60--force{margin-top:-60px!important;margin-bottom:-60px!important}.mt-md--60{margin-top:-60px}.mt-md--60--force{margin-top:-60px!important}.mr-md--60{margin-right:-60px}.mr-md--60--force{margin-right:-60px!important}.mb-md--60{margin-bottom:-60px}.mb-md--60--force{margin-bottom:-60px!important}.ml-md--60{margin-left:-60px}.ml-md--60--force{margin-left:-60px!important}.m-md--56{margin:-56px}.m-md--56--force{margin:-56px!important}.mx-md--56{margin-right:-56px;margin-left:-56px}.mx-md--56--force{margin-right:-56px!important;margin-left:-56px!important}.my-md--56{margin-top:-56px;margin-bottom:-56px}.my-md--56--force{margin-top:-56px!important;margin-bottom:-56px!important}.mt-md--56{margin-top:-56px}.mt-md--56--force{margin-top:-56px!important}.mr-md--56{margin-right:-56px}.mr-md--56--force{margin-right:-56px!important}.mb-md--56{margin-bottom:-56px}.mb-md--56--force{margin-bottom:-56px!important}.ml-md--56{margin-left:-56px}.ml-md--56--force{margin-left:-56px!important}.m-md--52{margin:-52px}.m-md--52--force{margin:-52px!important}.mx-md--52{margin-right:-52px;margin-left:-52px}.mx-md--52--force{margin-right:-52px!important;margin-left:-52px!important}.my-md--52{margin-top:-52px;margin-bottom:-52px}.my-md--52--force{margin-top:-52px!important;margin-bottom:-52px!important}.mt-md--52{margin-top:-52px}.mt-md--52--force{margin-top:-52px!important}.mr-md--52{margin-right:-52px}.mr-md--52--force{margin-right:-52px!important}.mb-md--52{margin-bottom:-52px}.mb-md--52--force{margin-bottom:-52px!important}.ml-md--52{margin-left:-52px}.ml-md--52--force{margin-left:-52px!important}.m-md--48{margin:calc(-1 * var(--matcha-space-600,48px))}.m-md--48--force{margin:calc(-1 * var(--matcha-space-600,48px))!important}.mx-md--48{margin-right:calc(-1 * var(--matcha-space-600,48px));margin-left:calc(-1 * var(--matcha-space-600,48px))}.mx-md--48--force{margin-right:calc(-1 * var(--matcha-space-600,48px))!important;margin-left:calc(-1 * var(--matcha-space-600,48px))!important}.my-md--48{margin-top:calc(-1 * var(--matcha-space-600,48px));margin-bottom:calc(-1 * var(--matcha-space-600,48px))}.my-md--48--force{margin-top:calc(-1 * var(--matcha-space-600,48px))!important;margin-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.mt-md--48{margin-top:calc(-1 * var(--matcha-space-600,48px))}.mt-md--48--force{margin-top:calc(-1 * var(--matcha-space-600,48px))!important}.mr-md--48{margin-right:calc(-1 * var(--matcha-space-600,48px))}.mr-md--48--force{margin-right:calc(-1 * var(--matcha-space-600,48px))!important}.mb-md--48{margin-bottom:calc(-1 * var(--matcha-space-600,48px))}.mb-md--48--force{margin-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.ml-md--48{margin-left:calc(-1 * var(--matcha-space-600,48px))}.ml-md--48--force{margin-left:calc(-1 * var(--matcha-space-600,48px))!important}.m-md--44{margin:-44px}.m-md--44--force{margin:-44px!important}.mx-md--44{margin-right:-44px;margin-left:-44px}.mx-md--44--force{margin-right:-44px!important;margin-left:-44px!important}.my-md--44{margin-top:-44px;margin-bottom:-44px}.my-md--44--force{margin-top:-44px!important;margin-bottom:-44px!important}.mt-md--44{margin-top:-44px}.mt-md--44--force{margin-top:-44px!important}.mr-md--44{margin-right:-44px}.mr-md--44--force{margin-right:-44px!important}.mb-md--44{margin-bottom:-44px}.mb-md--44--force{margin-bottom:-44px!important}.ml-md--44{margin-left:-44px}.ml-md--44--force{margin-left:-44px!important}.m-md--40{margin:calc(-1 * var(--matcha-space-500,40px))}.m-md--40--force{margin:calc(-1 * var(--matcha-space-500,40px))!important}.mx-md--40{margin-right:calc(-1 * var(--matcha-space-500,40px));margin-left:calc(-1 * var(--matcha-space-500,40px))}.mx-md--40--force{margin-right:calc(-1 * var(--matcha-space-500,40px))!important;margin-left:calc(-1 * var(--matcha-space-500,40px))!important}.my-md--40{margin-top:calc(-1 * var(--matcha-space-500,40px));margin-bottom:calc(-1 * var(--matcha-space-500,40px))}.my-md--40--force{margin-top:calc(-1 * var(--matcha-space-500,40px))!important;margin-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.mt-md--40{margin-top:calc(-1 * var(--matcha-space-500,40px))}.mt-md--40--force{margin-top:calc(-1 * var(--matcha-space-500,40px))!important}.mr-md--40{margin-right:calc(-1 * var(--matcha-space-500,40px))}.mr-md--40--force{margin-right:calc(-1 * var(--matcha-space-500,40px))!important}.mb-md--40{margin-bottom:calc(-1 * var(--matcha-space-500,40px))}.mb-md--40--force{margin-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.ml-md--40{margin-left:calc(-1 * var(--matcha-space-500,40px))}.ml-md--40--force{margin-left:calc(-1 * var(--matcha-space-500,40px))!important}.m-md--36{margin:-36px}.m-md--36--force{margin:-36px!important}.mx-md--36{margin-right:-36px;margin-left:-36px}.mx-md--36--force{margin-right:-36px!important;margin-left:-36px!important}.my-md--36{margin-top:-36px;margin-bottom:-36px}.my-md--36--force{margin-top:-36px!important;margin-bottom:-36px!important}.mt-md--36{margin-top:-36px}.mt-md--36--force{margin-top:-36px!important}.mr-md--36{margin-right:-36px}.mr-md--36--force{margin-right:-36px!important}.mb-md--36{margin-bottom:-36px}.mb-md--36--force{margin-bottom:-36px!important}.ml-md--36{margin-left:-36px}.ml-md--36--force{margin-left:-36px!important}.m-md--32{margin:calc(-1 * var(--matcha-space-400,32px))}.m-md--32--force{margin:calc(-1 * var(--matcha-space-400,32px))!important}.mx-md--32{margin-right:calc(-1 * var(--matcha-space-400,32px));margin-left:calc(-1 * var(--matcha-space-400,32px))}.mx-md--32--force{margin-right:calc(-1 * var(--matcha-space-400,32px))!important;margin-left:calc(-1 * var(--matcha-space-400,32px))!important}.my-md--32{margin-top:calc(-1 * var(--matcha-space-400,32px));margin-bottom:calc(-1 * var(--matcha-space-400,32px))}.my-md--32--force{margin-top:calc(-1 * var(--matcha-space-400,32px))!important;margin-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.mt-md--32{margin-top:calc(-1 * var(--matcha-space-400,32px))}.mt-md--32--force{margin-top:calc(-1 * var(--matcha-space-400,32px))!important}.mr-md--32{margin-right:calc(-1 * var(--matcha-space-400,32px))}.mr-md--32--force{margin-right:calc(-1 * var(--matcha-space-400,32px))!important}.mb-md--32{margin-bottom:calc(-1 * var(--matcha-space-400,32px))}.mb-md--32--force{margin-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.ml-md--32{margin-left:calc(-1 * var(--matcha-space-400,32px))}.ml-md--32--force{margin-left:calc(-1 * var(--matcha-space-400,32px))!important}.m-md--28{margin:-28px}.m-md--28--force{margin:-28px!important}.mx-md--28{margin-right:-28px;margin-left:-28px}.mx-md--28--force{margin-right:-28px!important;margin-left:-28px!important}.my-md--28{margin-top:-28px;margin-bottom:-28px}.my-md--28--force{margin-top:-28px!important;margin-bottom:-28px!important}.mt-md--28{margin-top:-28px}.mt-md--28--force{margin-top:-28px!important}.mr-md--28{margin-right:-28px}.mr-md--28--force{margin-right:-28px!important}.mb-md--28{margin-bottom:-28px}.mb-md--28--force{margin-bottom:-28px!important}.ml-md--28{margin-left:-28px}.ml-md--28--force{margin-left:-28px!important}.m-md--24{margin:calc(-1 * var(--matcha-space-300,24px))}.m-md--24--force{margin:calc(-1 * var(--matcha-space-300,24px))!important}.mx-md--24{margin-right:calc(-1 * var(--matcha-space-300,24px));margin-left:calc(-1 * var(--matcha-space-300,24px))}.mx-md--24--force{margin-right:calc(-1 * var(--matcha-space-300,24px))!important;margin-left:calc(-1 * var(--matcha-space-300,24px))!important}.my-md--24{margin-top:calc(-1 * var(--matcha-space-300,24px));margin-bottom:calc(-1 * var(--matcha-space-300,24px))}.my-md--24--force{margin-top:calc(-1 * var(--matcha-space-300,24px))!important;margin-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.mt-md--24{margin-top:calc(-1 * var(--matcha-space-300,24px))}.mt-md--24--force{margin-top:calc(-1 * var(--matcha-space-300,24px))!important}.mr-md--24{margin-right:calc(-1 * var(--matcha-space-300,24px))}.mr-md--24--force{margin-right:calc(-1 * var(--matcha-space-300,24px))!important}.mb-md--24{margin-bottom:calc(-1 * var(--matcha-space-300,24px))}.mb-md--24--force{margin-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.ml-md--24{margin-left:calc(-1 * var(--matcha-space-300,24px))}.ml-md--24--force{margin-left:calc(-1 * var(--matcha-space-300,24px))!important}.m-md--20{margin:calc(-1 * var(--matcha-space-250,20px))}.m-md--20--force{margin:calc(-1 * var(--matcha-space-250,20px))!important}.mx-md--20{margin-right:calc(-1 * var(--matcha-space-250,20px));margin-left:calc(-1 * var(--matcha-space-250,20px))}.mx-md--20--force{margin-right:calc(-1 * var(--matcha-space-250,20px))!important;margin-left:calc(-1 * var(--matcha-space-250,20px))!important}.my-md--20{margin-top:calc(-1 * var(--matcha-space-250,20px));margin-bottom:calc(-1 * var(--matcha-space-250,20px))}.my-md--20--force{margin-top:calc(-1 * var(--matcha-space-250,20px))!important;margin-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.mt-md--20{margin-top:calc(-1 * var(--matcha-space-250,20px))}.mt-md--20--force{margin-top:calc(-1 * var(--matcha-space-250,20px))!important}.mr-md--20{margin-right:calc(-1 * var(--matcha-space-250,20px))}.mr-md--20--force{margin-right:calc(-1 * var(--matcha-space-250,20px))!important}.mb-md--20{margin-bottom:calc(-1 * var(--matcha-space-250,20px))}.mb-md--20--force{margin-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.ml-md--20{margin-left:calc(-1 * var(--matcha-space-250,20px))}.ml-md--20--force{margin-left:calc(-1 * var(--matcha-space-250,20px))!important}.m-md--16{margin:calc(-1 * var(--matcha-space-200,16px))}.m-md--16--force{margin:calc(-1 * var(--matcha-space-200,16px))!important}.mx-md--16{margin-right:calc(-1 * var(--matcha-space-200,16px));margin-left:calc(-1 * var(--matcha-space-200,16px))}.mx-md--16--force{margin-right:calc(-1 * var(--matcha-space-200,16px))!important;margin-left:calc(-1 * var(--matcha-space-200,16px))!important}.my-md--16{margin-top:calc(-1 * var(--matcha-space-200,16px));margin-bottom:calc(-1 * var(--matcha-space-200,16px))}.my-md--16--force{margin-top:calc(-1 * var(--matcha-space-200,16px))!important;margin-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.mt-md--16{margin-top:calc(-1 * var(--matcha-space-200,16px))}.mt-md--16--force{margin-top:calc(-1 * var(--matcha-space-200,16px))!important}.mr-md--16{margin-right:calc(-1 * var(--matcha-space-200,16px))}.mr-md--16--force{margin-right:calc(-1 * var(--matcha-space-200,16px))!important}.mb-md--16{margin-bottom:calc(-1 * var(--matcha-space-200,16px))}.mb-md--16--force{margin-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.ml-md--16{margin-left:calc(-1 * var(--matcha-space-200,16px))}.ml-md--16--force{margin-left:calc(-1 * var(--matcha-space-200,16px))!important}.m-md--12{margin:calc(-1 * var(--matcha-space-150,12px))}.m-md--12--force{margin:calc(-1 * var(--matcha-space-150,12px))!important}.mx-md--12{margin-right:calc(-1 * var(--matcha-space-150,12px));margin-left:calc(-1 * var(--matcha-space-150,12px))}.mx-md--12--force{margin-right:calc(-1 * var(--matcha-space-150,12px))!important;margin-left:calc(-1 * var(--matcha-space-150,12px))!important}.my-md--12{margin-top:calc(-1 * var(--matcha-space-150,12px));margin-bottom:calc(-1 * var(--matcha-space-150,12px))}.my-md--12--force{margin-top:calc(-1 * var(--matcha-space-150,12px))!important;margin-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.mt-md--12{margin-top:calc(-1 * var(--matcha-space-150,12px))}.mt-md--12--force{margin-top:calc(-1 * var(--matcha-space-150,12px))!important}.mr-md--12{margin-right:calc(-1 * var(--matcha-space-150,12px))}.mr-md--12--force{margin-right:calc(-1 * var(--matcha-space-150,12px))!important}.mb-md--12{margin-bottom:calc(-1 * var(--matcha-space-150,12px))}.mb-md--12--force{margin-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.ml-md--12{margin-left:calc(-1 * var(--matcha-space-150,12px))}.ml-md--12--force{margin-left:calc(-1 * var(--matcha-space-150,12px))!important}.m-md--8{margin:calc(-1 * var(--matcha-space-100,8px))}.m-md--8--force{margin:calc(-1 * var(--matcha-space-100,8px))!important}.mx-md--8{margin-right:calc(-1 * var(--matcha-space-100,8px));margin-left:calc(-1 * var(--matcha-space-100,8px))}.mx-md--8--force{margin-right:calc(-1 * var(--matcha-space-100,8px))!important;margin-left:calc(-1 * var(--matcha-space-100,8px))!important}.my-md--8{margin-top:calc(-1 * var(--matcha-space-100,8px));margin-bottom:calc(-1 * var(--matcha-space-100,8px))}.my-md--8--force{margin-top:calc(-1 * var(--matcha-space-100,8px))!important;margin-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.mt-md--8{margin-top:calc(-1 * var(--matcha-space-100,8px))}.mt-md--8--force{margin-top:calc(-1 * var(--matcha-space-100,8px))!important}.mr-md--8{margin-right:calc(-1 * var(--matcha-space-100,8px))}.mr-md--8--force{margin-right:calc(-1 * var(--matcha-space-100,8px))!important}.mb-md--8{margin-bottom:calc(-1 * var(--matcha-space-100,8px))}.mb-md--8--force{margin-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.ml-md--8{margin-left:calc(-1 * var(--matcha-space-100,8px))}.ml-md--8--force{margin-left:calc(-1 * var(--matcha-space-100,8px))!important}.m-md--4{margin:calc(-1 * var(--matcha-space-050,4px))}.m-md--4--force{margin:calc(-1 * var(--matcha-space-050,4px))!important}.mx-md--4{margin-right:calc(-1 * var(--matcha-space-050,4px));margin-left:calc(-1 * var(--matcha-space-050,4px))}.mx-md--4--force{margin-right:calc(-1 * var(--matcha-space-050,4px))!important;margin-left:calc(-1 * var(--matcha-space-050,4px))!important}.my-md--4{margin-top:calc(-1 * var(--matcha-space-050,4px));margin-bottom:calc(-1 * var(--matcha-space-050,4px))}.my-md--4--force{margin-top:calc(-1 * var(--matcha-space-050,4px))!important;margin-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.mt-md--4{margin-top:calc(-1 * var(--matcha-space-050,4px))}.mt-md--4--force{margin-top:calc(-1 * var(--matcha-space-050,4px))!important}.mr-md--4{margin-right:calc(-1 * var(--matcha-space-050,4px))}.mr-md--4--force{margin-right:calc(-1 * var(--matcha-space-050,4px))!important}.mb-md--4{margin-bottom:calc(-1 * var(--matcha-space-050,4px))}.mb-md--4--force{margin-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.ml-md--4{margin-left:calc(-1 * var(--matcha-space-050,4px))}.ml-md--4--force{margin-left:calc(-1 * var(--matcha-space-050,4px))!important}.m-md-0{margin:var(--matcha-space-0,0)}.m-md-0--force{margin:var(--matcha-space-0,0)!important}.mx-md-0{margin-right:var(--matcha-space-0,0);margin-left:var(--matcha-space-0,0)}.mx-md-0--force{margin-right:var(--matcha-space-0,0)!important;margin-left:var(--matcha-space-0,0)!important}.my-md-0{margin-top:var(--matcha-space-0,0);margin-bottom:var(--matcha-space-0,0)}.my-md-0--force{margin-top:var(--matcha-space-0,0)!important;margin-bottom:var(--matcha-space-0,0)!important}.mt-md-0{margin-top:var(--matcha-space-0,0)}.mt-md-0--force{margin-top:var(--matcha-space-0,0)!important}.mr-md-0{margin-right:var(--matcha-space-0,0)}.mr-md-0--force{margin-right:var(--matcha-space-0,0)!important}.mb-md-0{margin-bottom:var(--matcha-space-0,0)}.mb-md-0--force{margin-bottom:var(--matcha-space-0,0)!important}.ml-md-0{margin-left:var(--matcha-space-0,0)}.ml-md-0--force{margin-left:var(--matcha-space-0,0)!important}.m-md-4{margin:var(--matcha-space-050,4px)}.m-md-4--force{margin:var(--matcha-space-050,4px)!important}.mx-md-4{margin-right:var(--matcha-space-050,4px);margin-left:var(--matcha-space-050,4px)}.mx-md-4--force{margin-right:var(--matcha-space-050,4px)!important;margin-left:var(--matcha-space-050,4px)!important}.my-md-4{margin-top:var(--matcha-space-050,4px);margin-bottom:var(--matcha-space-050,4px)}.my-md-4--force{margin-top:var(--matcha-space-050,4px)!important;margin-bottom:var(--matcha-space-050,4px)!important}.mt-md-4{margin-top:var(--matcha-space-050,4px)}.mt-md-4--force{margin-top:var(--matcha-space-050,4px)!important}.mr-md-4{margin-right:var(--matcha-space-050,4px)}.mr-md-4--force{margin-right:var(--matcha-space-050,4px)!important}.mb-md-4{margin-bottom:var(--matcha-space-050,4px)}.mb-md-4--force{margin-bottom:var(--matcha-space-050,4px)!important}.ml-md-4{margin-left:var(--matcha-space-050,4px)}.ml-md-4--force{margin-left:var(--matcha-space-050,4px)!important}.m-md-8{margin:var(--matcha-space-100,8px)}.m-md-8--force{margin:var(--matcha-space-100,8px)!important}.mx-md-8{margin-right:var(--matcha-space-100,8px);margin-left:var(--matcha-space-100,8px)}.mx-md-8--force{margin-right:var(--matcha-space-100,8px)!important;margin-left:var(--matcha-space-100,8px)!important}.my-md-8{margin-top:var(--matcha-space-100,8px);margin-bottom:var(--matcha-space-100,8px)}.my-md-8--force{margin-top:var(--matcha-space-100,8px)!important;margin-bottom:var(--matcha-space-100,8px)!important}.mt-md-8{margin-top:var(--matcha-space-100,8px)}.mt-md-8--force{margin-top:var(--matcha-space-100,8px)!important}.mr-md-8{margin-right:var(--matcha-space-100,8px)}.mr-md-8--force{margin-right:var(--matcha-space-100,8px)!important}.mb-md-8{margin-bottom:var(--matcha-space-100,8px)}.mb-md-8--force{margin-bottom:var(--matcha-space-100,8px)!important}.ml-md-8{margin-left:var(--matcha-space-100,8px)}.ml-md-8--force{margin-left:var(--matcha-space-100,8px)!important}.m-md-12{margin:var(--matcha-space-150,12px)}.m-md-12--force{margin:var(--matcha-space-150,12px)!important}.mx-md-12{margin-right:var(--matcha-space-150,12px);margin-left:var(--matcha-space-150,12px)}.mx-md-12--force{margin-right:var(--matcha-space-150,12px)!important;margin-left:var(--matcha-space-150,12px)!important}.my-md-12{margin-top:var(--matcha-space-150,12px);margin-bottom:var(--matcha-space-150,12px)}.my-md-12--force{margin-top:var(--matcha-space-150,12px)!important;margin-bottom:var(--matcha-space-150,12px)!important}.mt-md-12{margin-top:var(--matcha-space-150,12px)}.mt-md-12--force{margin-top:var(--matcha-space-150,12px)!important}.mr-md-12{margin-right:var(--matcha-space-150,12px)}.mr-md-12--force{margin-right:var(--matcha-space-150,12px)!important}.mb-md-12{margin-bottom:var(--matcha-space-150,12px)}.mb-md-12--force{margin-bottom:var(--matcha-space-150,12px)!important}.ml-md-12{margin-left:var(--matcha-space-150,12px)}.ml-md-12--force{margin-left:var(--matcha-space-150,12px)!important}.m-md-16{margin:var(--matcha-space-200,16px)}.m-md-16--force{margin:var(--matcha-space-200,16px)!important}.mx-md-16{margin-right:var(--matcha-space-200,16px);margin-left:var(--matcha-space-200,16px)}.mx-md-16--force{margin-right:var(--matcha-space-200,16px)!important;margin-left:var(--matcha-space-200,16px)!important}.my-md-16{margin-top:var(--matcha-space-200,16px);margin-bottom:var(--matcha-space-200,16px)}.my-md-16--force{margin-top:var(--matcha-space-200,16px)!important;margin-bottom:var(--matcha-space-200,16px)!important}.mt-md-16{margin-top:var(--matcha-space-200,16px)}.mt-md-16--force{margin-top:var(--matcha-space-200,16px)!important}.mr-md-16{margin-right:var(--matcha-space-200,16px)}.mr-md-16--force{margin-right:var(--matcha-space-200,16px)!important}.mb-md-16{margin-bottom:var(--matcha-space-200,16px)}.mb-md-16--force{margin-bottom:var(--matcha-space-200,16px)!important}.ml-md-16{margin-left:var(--matcha-space-200,16px)}.ml-md-16--force{margin-left:var(--matcha-space-200,16px)!important}.m-md-20{margin:var(--matcha-space-250,20px)}.m-md-20--force{margin:var(--matcha-space-250,20px)!important}.mx-md-20{margin-right:var(--matcha-space-250,20px);margin-left:var(--matcha-space-250,20px)}.mx-md-20--force{margin-right:var(--matcha-space-250,20px)!important;margin-left:var(--matcha-space-250,20px)!important}.my-md-20{margin-top:var(--matcha-space-250,20px);margin-bottom:var(--matcha-space-250,20px)}.my-md-20--force{margin-top:var(--matcha-space-250,20px)!important;margin-bottom:var(--matcha-space-250,20px)!important}.mt-md-20{margin-top:var(--matcha-space-250,20px)}.mt-md-20--force{margin-top:var(--matcha-space-250,20px)!important}.mr-md-20{margin-right:var(--matcha-space-250,20px)}.mr-md-20--force{margin-right:var(--matcha-space-250,20px)!important}.mb-md-20{margin-bottom:var(--matcha-space-250,20px)}.mb-md-20--force{margin-bottom:var(--matcha-space-250,20px)!important}.ml-md-20{margin-left:var(--matcha-space-250,20px)}.ml-md-20--force{margin-left:var(--matcha-space-250,20px)!important}.m-md-24{margin:var(--matcha-space-300,24px)}.m-md-24--force{margin:var(--matcha-space-300,24px)!important}.mx-md-24{margin-right:var(--matcha-space-300,24px);margin-left:var(--matcha-space-300,24px)}.mx-md-24--force{margin-right:var(--matcha-space-300,24px)!important;margin-left:var(--matcha-space-300,24px)!important}.my-md-24{margin-top:var(--matcha-space-300,24px);margin-bottom:var(--matcha-space-300,24px)}.my-md-24--force{margin-top:var(--matcha-space-300,24px)!important;margin-bottom:var(--matcha-space-300,24px)!important}.mt-md-24{margin-top:var(--matcha-space-300,24px)}.mt-md-24--force{margin-top:var(--matcha-space-300,24px)!important}.mr-md-24{margin-right:var(--matcha-space-300,24px)}.mr-md-24--force{margin-right:var(--matcha-space-300,24px)!important}.mb-md-24{margin-bottom:var(--matcha-space-300,24px)}.mb-md-24--force{margin-bottom:var(--matcha-space-300,24px)!important}.ml-md-24{margin-left:var(--matcha-space-300,24px)}.ml-md-24--force{margin-left:var(--matcha-space-300,24px)!important}.m-md-28{margin:28px}.m-md-28--force{margin:28px!important}.mx-md-28{margin-right:28px;margin-left:28px}.mx-md-28--force{margin-right:28px!important;margin-left:28px!important}.my-md-28{margin-top:28px;margin-bottom:28px}.my-md-28--force{margin-top:28px!important;margin-bottom:28px!important}.mt-md-28{margin-top:28px}.mt-md-28--force{margin-top:28px!important}.mr-md-28{margin-right:28px}.mr-md-28--force{margin-right:28px!important}.mb-md-28{margin-bottom:28px}.mb-md-28--force{margin-bottom:28px!important}.ml-md-28{margin-left:28px}.ml-md-28--force{margin-left:28px!important}.m-md-32{margin:var(--matcha-space-400,32px)}.m-md-32--force{margin:var(--matcha-space-400,32px)!important}.mx-md-32{margin-right:var(--matcha-space-400,32px);margin-left:var(--matcha-space-400,32px)}.mx-md-32--force{margin-right:var(--matcha-space-400,32px)!important;margin-left:var(--matcha-space-400,32px)!important}.my-md-32{margin-top:var(--matcha-space-400,32px);margin-bottom:var(--matcha-space-400,32px)}.my-md-32--force{margin-top:var(--matcha-space-400,32px)!important;margin-bottom:var(--matcha-space-400,32px)!important}.mt-md-32{margin-top:var(--matcha-space-400,32px)}.mt-md-32--force{margin-top:var(--matcha-space-400,32px)!important}.mr-md-32{margin-right:var(--matcha-space-400,32px)}.mr-md-32--force{margin-right:var(--matcha-space-400,32px)!important}.mb-md-32{margin-bottom:var(--matcha-space-400,32px)}.mb-md-32--force{margin-bottom:var(--matcha-space-400,32px)!important}.ml-md-32{margin-left:var(--matcha-space-400,32px)}.ml-md-32--force{margin-left:var(--matcha-space-400,32px)!important}.m-md-36{margin:36px}.m-md-36--force{margin:36px!important}.mx-md-36{margin-right:36px;margin-left:36px}.mx-md-36--force{margin-right:36px!important;margin-left:36px!important}.my-md-36{margin-top:36px;margin-bottom:36px}.my-md-36--force{margin-top:36px!important;margin-bottom:36px!important}.mt-md-36{margin-top:36px}.mt-md-36--force{margin-top:36px!important}.mr-md-36{margin-right:36px}.mr-md-36--force{margin-right:36px!important}.mb-md-36{margin-bottom:36px}.mb-md-36--force{margin-bottom:36px!important}.ml-md-36{margin-left:36px}.ml-md-36--force{margin-left:36px!important}.m-md-40{margin:var(--matcha-space-500,40px)}.m-md-40--force{margin:var(--matcha-space-500,40px)!important}.mx-md-40{margin-right:var(--matcha-space-500,40px);margin-left:var(--matcha-space-500,40px)}.mx-md-40--force{margin-right:var(--matcha-space-500,40px)!important;margin-left:var(--matcha-space-500,40px)!important}.my-md-40{margin-top:var(--matcha-space-500,40px);margin-bottom:var(--matcha-space-500,40px)}.my-md-40--force{margin-top:var(--matcha-space-500,40px)!important;margin-bottom:var(--matcha-space-500,40px)!important}.mt-md-40{margin-top:var(--matcha-space-500,40px)}.mt-md-40--force{margin-top:var(--matcha-space-500,40px)!important}.mr-md-40{margin-right:var(--matcha-space-500,40px)}.mr-md-40--force{margin-right:var(--matcha-space-500,40px)!important}.mb-md-40{margin-bottom:var(--matcha-space-500,40px)}.mb-md-40--force{margin-bottom:var(--matcha-space-500,40px)!important}.ml-md-40{margin-left:var(--matcha-space-500,40px)}.ml-md-40--force{margin-left:var(--matcha-space-500,40px)!important}.m-md-44{margin:44px}.m-md-44--force{margin:44px!important}.mx-md-44{margin-right:44px;margin-left:44px}.mx-md-44--force{margin-right:44px!important;margin-left:44px!important}.my-md-44{margin-top:44px;margin-bottom:44px}.my-md-44--force{margin-top:44px!important;margin-bottom:44px!important}.mt-md-44{margin-top:44px}.mt-md-44--force{margin-top:44px!important}.mr-md-44{margin-right:44px}.mr-md-44--force{margin-right:44px!important}.mb-md-44{margin-bottom:44px}.mb-md-44--force{margin-bottom:44px!important}.ml-md-44{margin-left:44px}.ml-md-44--force{margin-left:44px!important}.m-md-48{margin:var(--matcha-space-600,48px)}.m-md-48--force{margin:var(--matcha-space-600,48px)!important}.mx-md-48{margin-right:var(--matcha-space-600,48px);margin-left:var(--matcha-space-600,48px)}.mx-md-48--force{margin-right:var(--matcha-space-600,48px)!important;margin-left:var(--matcha-space-600,48px)!important}.my-md-48{margin-top:var(--matcha-space-600,48px);margin-bottom:var(--matcha-space-600,48px)}.my-md-48--force{margin-top:var(--matcha-space-600,48px)!important;margin-bottom:var(--matcha-space-600,48px)!important}.mt-md-48{margin-top:var(--matcha-space-600,48px)}.mt-md-48--force{margin-top:var(--matcha-space-600,48px)!important}.mr-md-48{margin-right:var(--matcha-space-600,48px)}.mr-md-48--force{margin-right:var(--matcha-space-600,48px)!important}.mb-md-48{margin-bottom:var(--matcha-space-600,48px)}.mb-md-48--force{margin-bottom:var(--matcha-space-600,48px)!important}.ml-md-48{margin-left:var(--matcha-space-600,48px)}.ml-md-48--force{margin-left:var(--matcha-space-600,48px)!important}.m-md-52{margin:52px}.m-md-52--force{margin:52px!important}.mx-md-52{margin-right:52px;margin-left:52px}.mx-md-52--force{margin-right:52px!important;margin-left:52px!important}.my-md-52{margin-top:52px;margin-bottom:52px}.my-md-52--force{margin-top:52px!important;margin-bottom:52px!important}.mt-md-52{margin-top:52px}.mt-md-52--force{margin-top:52px!important}.mr-md-52{margin-right:52px}.mr-md-52--force{margin-right:52px!important}.mb-md-52{margin-bottom:52px}.mb-md-52--force{margin-bottom:52px!important}.ml-md-52{margin-left:52px}.ml-md-52--force{margin-left:52px!important}.m-md-56{margin:56px}.m-md-56--force{margin:56px!important}.mx-md-56{margin-right:56px;margin-left:56px}.mx-md-56--force{margin-right:56px!important;margin-left:56px!important}.my-md-56{margin-top:56px;margin-bottom:56px}.my-md-56--force{margin-top:56px!important;margin-bottom:56px!important}.mt-md-56{margin-top:56px}.mt-md-56--force{margin-top:56px!important}.mr-md-56{margin-right:56px}.mr-md-56--force{margin-right:56px!important}.mb-md-56{margin-bottom:56px}.mb-md-56--force{margin-bottom:56px!important}.ml-md-56{margin-left:56px}.ml-md-56--force{margin-left:56px!important}.m-md-60{margin:60px}.m-md-60--force{margin:60px!important}.mx-md-60{margin-right:60px;margin-left:60px}.mx-md-60--force{margin-right:60px!important;margin-left:60px!important}.my-md-60{margin-top:60px;margin-bottom:60px}.my-md-60--force{margin-top:60px!important;margin-bottom:60px!important}.mt-md-60{margin-top:60px}.mt-md-60--force{margin-top:60px!important}.mr-md-60{margin-right:60px}.mr-md-60--force{margin-right:60px!important}.mb-md-60{margin-bottom:60px}.mb-md-60--force{margin-bottom:60px!important}.ml-md-60{margin-left:60px}.ml-md-60--force{margin-left:60px!important}.m-md-64{margin:var(--matcha-space-800,64px)}.m-md-64--force{margin:var(--matcha-space-800,64px)!important}.mx-md-64{margin-right:var(--matcha-space-800,64px);margin-left:var(--matcha-space-800,64px)}.mx-md-64--force{margin-right:var(--matcha-space-800,64px)!important;margin-left:var(--matcha-space-800,64px)!important}.my-md-64{margin-top:var(--matcha-space-800,64px);margin-bottom:var(--matcha-space-800,64px)}.my-md-64--force{margin-top:var(--matcha-space-800,64px)!important;margin-bottom:var(--matcha-space-800,64px)!important}.mt-md-64{margin-top:var(--matcha-space-800,64px)}.mt-md-64--force{margin-top:var(--matcha-space-800,64px)!important}.mr-md-64{margin-right:var(--matcha-space-800,64px)}.mr-md-64--force{margin-right:var(--matcha-space-800,64px)!important}.mb-md-64{margin-bottom:var(--matcha-space-800,64px)}.mb-md-64--force{margin-bottom:var(--matcha-space-800,64px)!important}.ml-md-64{margin-left:var(--matcha-space-800,64px)}.ml-md-64--force{margin-left:var(--matcha-space-800,64px)!important}.m-md-auto{margin:auto}.m-md-auto--force{margin:auto!important}.mt-md-auto{margin-top:auto}.mt-md-auto--force{margin-top:auto!important}.mr-md-auto{margin-right:auto}.mr-md-auto--force{margin-right:auto!important}.mb-md-auto{margin-bottom:auto}.mb-md-auto--force{margin-bottom:auto!important}.ml-md-auto{margin-left:auto}.ml-md-auto--force{margin-left:auto!important}.mx-md-auto{margin-right:auto;margin-left:auto}.mx-md-auto--force{margin-right:auto!important;margin-left:auto!important}.my-md-auto{margin-top:auto;margin-bottom:auto}.my-md-auto--force{margin-top:auto!important;margin-bottom:auto!important}.p-md--64{padding:calc(-1 * var(--matcha-space-800,64px))}.p-md--64--force{padding:calc(-1 * var(--matcha-space-800,64px))!important}.px-md--64{padding-right:calc(-1 * var(--matcha-space-800,64px));padding-left:calc(-1 * var(--matcha-space-800,64px))}.px-md--64--force{padding-right:calc(-1 * var(--matcha-space-800,64px))!important;padding-left:calc(-1 * var(--matcha-space-800,64px))!important}.py-md--64{padding-top:calc(-1 * var(--matcha-space-800,64px));padding-bottom:calc(-1 * var(--matcha-space-800,64px))}.py-md--64--force{padding-top:calc(-1 * var(--matcha-space-800,64px))!important;padding-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.pt-md--64{padding-top:calc(-1 * var(--matcha-space-800,64px))}.pt-md--64--force{padding-top:calc(-1 * var(--matcha-space-800,64px))!important}.pr-md--64{padding-right:calc(-1 * var(--matcha-space-800,64px))}.pr-md--64--force{padding-right:calc(-1 * var(--matcha-space-800,64px))!important}.pb-md--64{padding-bottom:calc(-1 * var(--matcha-space-800,64px))}.pb-md--64--force{padding-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.pl-md--64{padding-left:calc(-1 * var(--matcha-space-800,64px))}.pl-md--64--force{padding-left:calc(-1 * var(--matcha-space-800,64px))!important}.p-md--48{padding:calc(-1 * var(--matcha-space-600,48px))}.p-md--48--force{padding:calc(-1 * var(--matcha-space-600,48px))!important}.px-md--48{padding-right:calc(-1 * var(--matcha-space-600,48px));padding-left:calc(-1 * var(--matcha-space-600,48px))}.px-md--48--force{padding-right:calc(-1 * var(--matcha-space-600,48px))!important;padding-left:calc(-1 * var(--matcha-space-600,48px))!important}.py-md--48{padding-top:calc(-1 * var(--matcha-space-600,48px));padding-bottom:calc(-1 * var(--matcha-space-600,48px))}.py-md--48--force{padding-top:calc(-1 * var(--matcha-space-600,48px))!important;padding-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.pt-md--48{padding-top:calc(-1 * var(--matcha-space-600,48px))}.pt-md--48--force{padding-top:calc(-1 * var(--matcha-space-600,48px))!important}.pr-md--48{padding-right:calc(-1 * var(--matcha-space-600,48px))}.pr-md--48--force{padding-right:calc(-1 * var(--matcha-space-600,48px))!important}.pb-md--48{padding-bottom:calc(-1 * var(--matcha-space-600,48px))}.pb-md--48--force{padding-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.pl-md--48{padding-left:calc(-1 * var(--matcha-space-600,48px))}.pl-md--48--force{padding-left:calc(-1 * var(--matcha-space-600,48px))!important}.p-md--40{padding:calc(-1 * var(--matcha-space-500,40px))}.p-md--40--force{padding:calc(-1 * var(--matcha-space-500,40px))!important}.px-md--40{padding-right:calc(-1 * var(--matcha-space-500,40px));padding-left:calc(-1 * var(--matcha-space-500,40px))}.px-md--40--force{padding-right:calc(-1 * var(--matcha-space-500,40px))!important;padding-left:calc(-1 * var(--matcha-space-500,40px))!important}.py-md--40{padding-top:calc(-1 * var(--matcha-space-500,40px));padding-bottom:calc(-1 * var(--matcha-space-500,40px))}.py-md--40--force{padding-top:calc(-1 * var(--matcha-space-500,40px))!important;padding-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.pt-md--40{padding-top:calc(-1 * var(--matcha-space-500,40px))}.pt-md--40--force{padding-top:calc(-1 * var(--matcha-space-500,40px))!important}.pr-md--40{padding-right:calc(-1 * var(--matcha-space-500,40px))}.pr-md--40--force{padding-right:calc(-1 * var(--matcha-space-500,40px))!important}.pb-md--40{padding-bottom:calc(-1 * var(--matcha-space-500,40px))}.pb-md--40--force{padding-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.pl-md--40{padding-left:calc(-1 * var(--matcha-space-500,40px))}.pl-md--40--force{padding-left:calc(-1 * var(--matcha-space-500,40px))!important}.p-md--32{padding:calc(-1 * var(--matcha-space-400,32px))}.p-md--32--force{padding:calc(-1 * var(--matcha-space-400,32px))!important}.px-md--32{padding-right:calc(-1 * var(--matcha-space-400,32px));padding-left:calc(-1 * var(--matcha-space-400,32px))}.px-md--32--force{padding-right:calc(-1 * var(--matcha-space-400,32px))!important;padding-left:calc(-1 * var(--matcha-space-400,32px))!important}.py-md--32{padding-top:calc(-1 * var(--matcha-space-400,32px));padding-bottom:calc(-1 * var(--matcha-space-400,32px))}.py-md--32--force{padding-top:calc(-1 * var(--matcha-space-400,32px))!important;padding-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.pt-md--32{padding-top:calc(-1 * var(--matcha-space-400,32px))}.pt-md--32--force{padding-top:calc(-1 * var(--matcha-space-400,32px))!important}.pr-md--32{padding-right:calc(-1 * var(--matcha-space-400,32px))}.pr-md--32--force{padding-right:calc(-1 * var(--matcha-space-400,32px))!important}.pb-md--32{padding-bottom:calc(-1 * var(--matcha-space-400,32px))}.pb-md--32--force{padding-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.pl-md--32{padding-left:calc(-1 * var(--matcha-space-400,32px))}.pl-md--32--force{padding-left:calc(-1 * var(--matcha-space-400,32px))!important}.p-md--24{padding:calc(-1 * var(--matcha-space-300,24px))}.p-md--24--force{padding:calc(-1 * var(--matcha-space-300,24px))!important}.px-md--24{padding-right:calc(-1 * var(--matcha-space-300,24px));padding-left:calc(-1 * var(--matcha-space-300,24px))}.px-md--24--force{padding-right:calc(-1 * var(--matcha-space-300,24px))!important;padding-left:calc(-1 * var(--matcha-space-300,24px))!important}.py-md--24{padding-top:calc(-1 * var(--matcha-space-300,24px));padding-bottom:calc(-1 * var(--matcha-space-300,24px))}.py-md--24--force{padding-top:calc(-1 * var(--matcha-space-300,24px))!important;padding-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.pt-md--24{padding-top:calc(-1 * var(--matcha-space-300,24px))}.pt-md--24--force{padding-top:calc(-1 * var(--matcha-space-300,24px))!important}.pr-md--24{padding-right:calc(-1 * var(--matcha-space-300,24px))}.pr-md--24--force{padding-right:calc(-1 * var(--matcha-space-300,24px))!important}.pb-md--24{padding-bottom:calc(-1 * var(--matcha-space-300,24px))}.pb-md--24--force{padding-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.pl-md--24{padding-left:calc(-1 * var(--matcha-space-300,24px))}.pl-md--24--force{padding-left:calc(-1 * var(--matcha-space-300,24px))!important}.p-md--20{padding:calc(-1 * var(--matcha-space-250,20px))}.p-md--20--force{padding:calc(-1 * var(--matcha-space-250,20px))!important}.px-md--20{padding-right:calc(-1 * var(--matcha-space-250,20px));padding-left:calc(-1 * var(--matcha-space-250,20px))}.px-md--20--force{padding-right:calc(-1 * var(--matcha-space-250,20px))!important;padding-left:calc(-1 * var(--matcha-space-250,20px))!important}.py-md--20{padding-top:calc(-1 * var(--matcha-space-250,20px));padding-bottom:calc(-1 * var(--matcha-space-250,20px))}.py-md--20--force{padding-top:calc(-1 * var(--matcha-space-250,20px))!important;padding-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.pt-md--20{padding-top:calc(-1 * var(--matcha-space-250,20px))}.pt-md--20--force{padding-top:calc(-1 * var(--matcha-space-250,20px))!important}.pr-md--20{padding-right:calc(-1 * var(--matcha-space-250,20px))}.pr-md--20--force{padding-right:calc(-1 * var(--matcha-space-250,20px))!important}.pb-md--20{padding-bottom:calc(-1 * var(--matcha-space-250,20px))}.pb-md--20--force{padding-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.pl-md--20{padding-left:calc(-1 * var(--matcha-space-250,20px))}.pl-md--20--force{padding-left:calc(-1 * var(--matcha-space-250,20px))!important}.p-md--16{padding:calc(-1 * var(--matcha-space-200,16px))}.p-md--16--force{padding:calc(-1 * var(--matcha-space-200,16px))!important}.px-md--16{padding-right:calc(-1 * var(--matcha-space-200,16px));padding-left:calc(-1 * var(--matcha-space-200,16px))}.px-md--16--force{padding-right:calc(-1 * var(--matcha-space-200,16px))!important;padding-left:calc(-1 * var(--matcha-space-200,16px))!important}.py-md--16{padding-top:calc(-1 * var(--matcha-space-200,16px));padding-bottom:calc(-1 * var(--matcha-space-200,16px))}.py-md--16--force{padding-top:calc(-1 * var(--matcha-space-200,16px))!important;padding-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.pt-md--16{padding-top:calc(-1 * var(--matcha-space-200,16px))}.pt-md--16--force{padding-top:calc(-1 * var(--matcha-space-200,16px))!important}.pr-md--16{padding-right:calc(-1 * var(--matcha-space-200,16px))}.pr-md--16--force{padding-right:calc(-1 * var(--matcha-space-200,16px))!important}.pb-md--16{padding-bottom:calc(-1 * var(--matcha-space-200,16px))}.pb-md--16--force{padding-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.pl-md--16{padding-left:calc(-1 * var(--matcha-space-200,16px))}.pl-md--16--force{padding-left:calc(-1 * var(--matcha-space-200,16px))!important}.p-md--12{padding:calc(-1 * var(--matcha-space-150,12px))}.p-md--12--force{padding:calc(-1 * var(--matcha-space-150,12px))!important}.px-md--12{padding-right:calc(-1 * var(--matcha-space-150,12px));padding-left:calc(-1 * var(--matcha-space-150,12px))}.px-md--12--force{padding-right:calc(-1 * var(--matcha-space-150,12px))!important;padding-left:calc(-1 * var(--matcha-space-150,12px))!important}.py-md--12{padding-top:calc(-1 * var(--matcha-space-150,12px));padding-bottom:calc(-1 * var(--matcha-space-150,12px))}.py-md--12--force{padding-top:calc(-1 * var(--matcha-space-150,12px))!important;padding-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.pt-md--12{padding-top:calc(-1 * var(--matcha-space-150,12px))}.pt-md--12--force{padding-top:calc(-1 * var(--matcha-space-150,12px))!important}.pr-md--12{padding-right:calc(-1 * var(--matcha-space-150,12px))}.pr-md--12--force{padding-right:calc(-1 * var(--matcha-space-150,12px))!important}.pb-md--12{padding-bottom:calc(-1 * var(--matcha-space-150,12px))}.pb-md--12--force{padding-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.pl-md--12{padding-left:calc(-1 * var(--matcha-space-150,12px))}.pl-md--12--force{padding-left:calc(-1 * var(--matcha-space-150,12px))!important}.p-md--8{padding:calc(-1 * var(--matcha-space-100,8px))}.p-md--8--force{padding:calc(-1 * var(--matcha-space-100,8px))!important}.px-md--8{padding-right:calc(-1 * var(--matcha-space-100,8px));padding-left:calc(-1 * var(--matcha-space-100,8px))}.px-md--8--force{padding-right:calc(-1 * var(--matcha-space-100,8px))!important;padding-left:calc(-1 * var(--matcha-space-100,8px))!important}.py-md--8{padding-top:calc(-1 * var(--matcha-space-100,8px));padding-bottom:calc(-1 * var(--matcha-space-100,8px))}.py-md--8--force{padding-top:calc(-1 * var(--matcha-space-100,8px))!important;padding-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.pt-md--8{padding-top:calc(-1 * var(--matcha-space-100,8px))}.pt-md--8--force{padding-top:calc(-1 * var(--matcha-space-100,8px))!important}.pr-md--8{padding-right:calc(-1 * var(--matcha-space-100,8px))}.pr-md--8--force{padding-right:calc(-1 * var(--matcha-space-100,8px))!important}.pb-md--8{padding-bottom:calc(-1 * var(--matcha-space-100,8px))}.pb-md--8--force{padding-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.pl-md--8{padding-left:calc(-1 * var(--matcha-space-100,8px))}.pl-md--8--force{padding-left:calc(-1 * var(--matcha-space-100,8px))!important}.p-md--4{padding:calc(-1 * var(--matcha-space-050,4px))}.p-md--4--force{padding:calc(-1 * var(--matcha-space-050,4px))!important}.px-md--4{padding-right:calc(-1 * var(--matcha-space-050,4px));padding-left:calc(-1 * var(--matcha-space-050,4px))}.px-md--4--force{padding-right:calc(-1 * var(--matcha-space-050,4px))!important;padding-left:calc(-1 * var(--matcha-space-050,4px))!important}.py-md--4{padding-top:calc(-1 * var(--matcha-space-050,4px));padding-bottom:calc(-1 * var(--matcha-space-050,4px))}.py-md--4--force{padding-top:calc(-1 * var(--matcha-space-050,4px))!important;padding-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.pt-md--4{padding-top:calc(-1 * var(--matcha-space-050,4px))}.pt-md--4--force{padding-top:calc(-1 * var(--matcha-space-050,4px))!important}.pr-md--4{padding-right:calc(-1 * var(--matcha-space-050,4px))}.pr-md--4--force{padding-right:calc(-1 * var(--matcha-space-050,4px))!important}.pb-md--4{padding-bottom:calc(-1 * var(--matcha-space-050,4px))}.pb-md--4--force{padding-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.pl-md--4{padding-left:calc(-1 * var(--matcha-space-050,4px))}.pl-md--4--force{padding-left:calc(-1 * var(--matcha-space-050,4px))!important}.p-md-0{padding:var(--matcha-space-0,0)}.p-md-0--force{padding:var(--matcha-space-0,0)!important}.px-md-0{padding-right:var(--matcha-space-0,0);padding-left:var(--matcha-space-0,0)}.px-md-0--force{padding-right:var(--matcha-space-0,0)!important;padding-left:var(--matcha-space-0,0)!important}.py-md-0{padding-top:var(--matcha-space-0,0);padding-bottom:var(--matcha-space-0,0)}.py-md-0--force{padding-top:var(--matcha-space-0,0)!important;padding-bottom:var(--matcha-space-0,0)!important}.pt-md-0{padding-top:var(--matcha-space-0,0)}.pt-md-0--force{padding-top:var(--matcha-space-0,0)!important}.pr-md-0{padding-right:var(--matcha-space-0,0)}.pr-md-0--force{padding-right:var(--matcha-space-0,0)!important}.pb-md-0{padding-bottom:var(--matcha-space-0,0)}.pb-md-0--force{padding-bottom:var(--matcha-space-0,0)!important}.pl-md-0{padding-left:var(--matcha-space-0,0)}.pl-md-0--force{padding-left:var(--matcha-space-0,0)!important}.p-md-4{padding:var(--matcha-space-050,4px)}.p-md-4--force{padding:var(--matcha-space-050,4px)!important}.px-md-4{padding-right:var(--matcha-space-050,4px);padding-left:var(--matcha-space-050,4px)}.px-md-4--force{padding-right:var(--matcha-space-050,4px)!important;padding-left:var(--matcha-space-050,4px)!important}.py-md-4{padding-top:var(--matcha-space-050,4px);padding-bottom:var(--matcha-space-050,4px)}.py-md-4--force{padding-top:var(--matcha-space-050,4px)!important;padding-bottom:var(--matcha-space-050,4px)!important}.pt-md-4{padding-top:var(--matcha-space-050,4px)}.pt-md-4--force{padding-top:var(--matcha-space-050,4px)!important}.pr-md-4{padding-right:var(--matcha-space-050,4px)}.pr-md-4--force{padding-right:var(--matcha-space-050,4px)!important}.pb-md-4{padding-bottom:var(--matcha-space-050,4px)}.pb-md-4--force{padding-bottom:var(--matcha-space-050,4px)!important}.pl-md-4{padding-left:var(--matcha-space-050,4px)}.pl-md-4--force{padding-left:var(--matcha-space-050,4px)!important}.p-md-8{padding:var(--matcha-space-100,8px)}.p-md-8--force{padding:var(--matcha-space-100,8px)!important}.px-md-8{padding-right:var(--matcha-space-100,8px);padding-left:var(--matcha-space-100,8px)}.px-md-8--force{padding-right:var(--matcha-space-100,8px)!important;padding-left:var(--matcha-space-100,8px)!important}.py-md-8{padding-top:var(--matcha-space-100,8px);padding-bottom:var(--matcha-space-100,8px)}.py-md-8--force{padding-top:var(--matcha-space-100,8px)!important;padding-bottom:var(--matcha-space-100,8px)!important}.pt-md-8{padding-top:var(--matcha-space-100,8px)}.pt-md-8--force{padding-top:var(--matcha-space-100,8px)!important}.pr-md-8{padding-right:var(--matcha-space-100,8px)}.pr-md-8--force{padding-right:var(--matcha-space-100,8px)!important}.pb-md-8{padding-bottom:var(--matcha-space-100,8px)}.pb-md-8--force{padding-bottom:var(--matcha-space-100,8px)!important}.pl-md-8{padding-left:var(--matcha-space-100,8px)}.pl-md-8--force{padding-left:var(--matcha-space-100,8px)!important}.p-md-12{padding:var(--matcha-space-150,12px)}.p-md-12--force{padding:var(--matcha-space-150,12px)!important}.px-md-12{padding-right:var(--matcha-space-150,12px);padding-left:var(--matcha-space-150,12px)}.px-md-12--force{padding-right:var(--matcha-space-150,12px)!important;padding-left:var(--matcha-space-150,12px)!important}.py-md-12{padding-top:var(--matcha-space-150,12px);padding-bottom:var(--matcha-space-150,12px)}.py-md-12--force{padding-top:var(--matcha-space-150,12px)!important;padding-bottom:var(--matcha-space-150,12px)!important}.pt-md-12{padding-top:var(--matcha-space-150,12px)}.pt-md-12--force{padding-top:var(--matcha-space-150,12px)!important}.pr-md-12{padding-right:var(--matcha-space-150,12px)}.pr-md-12--force{padding-right:var(--matcha-space-150,12px)!important}.pb-md-12{padding-bottom:var(--matcha-space-150,12px)}.pb-md-12--force{padding-bottom:var(--matcha-space-150,12px)!important}.pl-md-12{padding-left:var(--matcha-space-150,12px)}.pl-md-12--force{padding-left:var(--matcha-space-150,12px)!important}.p-md-16{padding:var(--matcha-space-200,16px)}.p-md-16--force{padding:var(--matcha-space-200,16px)!important}.px-md-16{padding-right:var(--matcha-space-200,16px);padding-left:var(--matcha-space-200,16px)}.px-md-16--force{padding-right:var(--matcha-space-200,16px)!important;padding-left:var(--matcha-space-200,16px)!important}.py-md-16{padding-top:var(--matcha-space-200,16px);padding-bottom:var(--matcha-space-200,16px)}.py-md-16--force{padding-top:var(--matcha-space-200,16px)!important;padding-bottom:var(--matcha-space-200,16px)!important}.pt-md-16{padding-top:var(--matcha-space-200,16px)}.pt-md-16--force{padding-top:var(--matcha-space-200,16px)!important}.pr-md-16{padding-right:var(--matcha-space-200,16px)}.pr-md-16--force{padding-right:var(--matcha-space-200,16px)!important}.pb-md-16{padding-bottom:var(--matcha-space-200,16px)}.pb-md-16--force{padding-bottom:var(--matcha-space-200,16px)!important}.pl-md-16{padding-left:var(--matcha-space-200,16px)}.pl-md-16--force{padding-left:var(--matcha-space-200,16px)!important}.p-md-20{padding:var(--matcha-space-250,20px)}.p-md-20--force{padding:var(--matcha-space-250,20px)!important}.px-md-20{padding-right:var(--matcha-space-250,20px);padding-left:var(--matcha-space-250,20px)}.px-md-20--force{padding-right:var(--matcha-space-250,20px)!important;padding-left:var(--matcha-space-250,20px)!important}.py-md-20{padding-top:var(--matcha-space-250,20px);padding-bottom:var(--matcha-space-250,20px)}.py-md-20--force{padding-top:var(--matcha-space-250,20px)!important;padding-bottom:var(--matcha-space-250,20px)!important}.pt-md-20{padding-top:var(--matcha-space-250,20px)}.pt-md-20--force{padding-top:var(--matcha-space-250,20px)!important}.pr-md-20{padding-right:var(--matcha-space-250,20px)}.pr-md-20--force{padding-right:var(--matcha-space-250,20px)!important}.pb-md-20{padding-bottom:var(--matcha-space-250,20px)}.pb-md-20--force{padding-bottom:var(--matcha-space-250,20px)!important}.pl-md-20{padding-left:var(--matcha-space-250,20px)}.pl-md-20--force{padding-left:var(--matcha-space-250,20px)!important}.p-md-24{padding:var(--matcha-space-300,24px)}.p-md-24--force{padding:var(--matcha-space-300,24px)!important}.px-md-24{padding-right:var(--matcha-space-300,24px);padding-left:var(--matcha-space-300,24px)}.px-md-24--force{padding-right:var(--matcha-space-300,24px)!important;padding-left:var(--matcha-space-300,24px)!important}.py-md-24{padding-top:var(--matcha-space-300,24px);padding-bottom:var(--matcha-space-300,24px)}.py-md-24--force{padding-top:var(--matcha-space-300,24px)!important;padding-bottom:var(--matcha-space-300,24px)!important}.pt-md-24{padding-top:var(--matcha-space-300,24px)}.pt-md-24--force{padding-top:var(--matcha-space-300,24px)!important}.pr-md-24{padding-right:var(--matcha-space-300,24px)}.pr-md-24--force{padding-right:var(--matcha-space-300,24px)!important}.pb-md-24{padding-bottom:var(--matcha-space-300,24px)}.pb-md-24--force{padding-bottom:var(--matcha-space-300,24px)!important}.pl-md-24{padding-left:var(--matcha-space-300,24px)}.pl-md-24--force{padding-left:var(--matcha-space-300,24px)!important}.p-md-28{padding:28px}.p-md-28--force{padding:28px!important}.px-md-28{padding-right:28px;padding-left:28px}.px-md-28--force{padding-right:28px!important;padding-left:28px!important}.py-md-28{padding-top:28px;padding-bottom:28px}.py-md-28--force{padding-top:28px!important;padding-bottom:28px!important}.pt-md-28{padding-top:28px}.pt-md-28--force{padding-top:28px!important}.pr-md-28{padding-right:28px}.pr-md-28--force{padding-right:28px!important}.pb-md-28{padding-bottom:28px}.pb-md-28--force{padding-bottom:28px!important}.pl-md-28{padding-left:28px}.pl-md-28--force{padding-left:28px!important}.p-md-32{padding:var(--matcha-space-400,32px)}.p-md-32--force{padding:var(--matcha-space-400,32px)!important}.px-md-32{padding-right:var(--matcha-space-400,32px);padding-left:var(--matcha-space-400,32px)}.px-md-32--force{padding-right:var(--matcha-space-400,32px)!important;padding-left:var(--matcha-space-400,32px)!important}.py-md-32{padding-top:var(--matcha-space-400,32px);padding-bottom:var(--matcha-space-400,32px)}.py-md-32--force{padding-top:var(--matcha-space-400,32px)!important;padding-bottom:var(--matcha-space-400,32px)!important}.pt-md-32{padding-top:var(--matcha-space-400,32px)}.pt-md-32--force{padding-top:var(--matcha-space-400,32px)!important}.pr-md-32{padding-right:var(--matcha-space-400,32px)}.pr-md-32--force{padding-right:var(--matcha-space-400,32px)!important}.pb-md-32{padding-bottom:var(--matcha-space-400,32px)}.pb-md-32--force{padding-bottom:var(--matcha-space-400,32px)!important}.pl-md-32{padding-left:var(--matcha-space-400,32px)}.pl-md-32--force{padding-left:var(--matcha-space-400,32px)!important}.p-md-36{padding:36px}.p-md-36--force{padding:36px!important}.px-md-36{padding-right:36px;padding-left:36px}.px-md-36--force{padding-right:36px!important;padding-left:36px!important}.py-md-36{padding-top:36px;padding-bottom:36px}.py-md-36--force{padding-top:36px!important;padding-bottom:36px!important}.pt-md-36{padding-top:36px}.pt-md-36--force{padding-top:36px!important}.pr-md-36{padding-right:36px}.pr-md-36--force{padding-right:36px!important}.pb-md-36{padding-bottom:36px}.pb-md-36--force{padding-bottom:36px!important}.pl-md-36{padding-left:36px}.pl-md-36--force{padding-left:36px!important}.p-md-40{padding:var(--matcha-space-500,40px)}.p-md-40--force{padding:var(--matcha-space-500,40px)!important}.px-md-40{padding-right:var(--matcha-space-500,40px);padding-left:var(--matcha-space-500,40px)}.px-md-40--force{padding-right:var(--matcha-space-500,40px)!important;padding-left:var(--matcha-space-500,40px)!important}.py-md-40{padding-top:var(--matcha-space-500,40px);padding-bottom:var(--matcha-space-500,40px)}.py-md-40--force{padding-top:var(--matcha-space-500,40px)!important;padding-bottom:var(--matcha-space-500,40px)!important}.pt-md-40{padding-top:var(--matcha-space-500,40px)}.pt-md-40--force{padding-top:var(--matcha-space-500,40px)!important}.pr-md-40{padding-right:var(--matcha-space-500,40px)}.pr-md-40--force{padding-right:var(--matcha-space-500,40px)!important}.pb-md-40{padding-bottom:var(--matcha-space-500,40px)}.pb-md-40--force{padding-bottom:var(--matcha-space-500,40px)!important}.pl-md-40{padding-left:var(--matcha-space-500,40px)}.pl-md-40--force{padding-left:var(--matcha-space-500,40px)!important}.p-md-44{padding:44px}.p-md-44--force{padding:44px!important}.px-md-44{padding-right:44px;padding-left:44px}.px-md-44--force{padding-right:44px!important;padding-left:44px!important}.py-md-44{padding-top:44px;padding-bottom:44px}.py-md-44--force{padding-top:44px!important;padding-bottom:44px!important}.pt-md-44{padding-top:44px}.pt-md-44--force{padding-top:44px!important}.pr-md-44{padding-right:44px}.pr-md-44--force{padding-right:44px!important}.pb-md-44{padding-bottom:44px}.pb-md-44--force{padding-bottom:44px!important}.pl-md-44{padding-left:44px}.pl-md-44--force{padding-left:44px!important}.p-md-48{padding:var(--matcha-space-600,48px)}.p-md-48--force{padding:var(--matcha-space-600,48px)!important}.px-md-48{padding-right:var(--matcha-space-600,48px);padding-left:var(--matcha-space-600,48px)}.px-md-48--force{padding-right:var(--matcha-space-600,48px)!important;padding-left:var(--matcha-space-600,48px)!important}.py-md-48{padding-top:var(--matcha-space-600,48px);padding-bottom:var(--matcha-space-600,48px)}.py-md-48--force{padding-top:var(--matcha-space-600,48px)!important;padding-bottom:var(--matcha-space-600,48px)!important}.pt-md-48{padding-top:var(--matcha-space-600,48px)}.pt-md-48--force{padding-top:var(--matcha-space-600,48px)!important}.pr-md-48{padding-right:var(--matcha-space-600,48px)}.pr-md-48--force{padding-right:var(--matcha-space-600,48px)!important}.pb-md-48{padding-bottom:var(--matcha-space-600,48px)}.pb-md-48--force{padding-bottom:var(--matcha-space-600,48px)!important}.pl-md-48{padding-left:var(--matcha-space-600,48px)}.pl-md-48--force{padding-left:var(--matcha-space-600,48px)!important}.p-md-52{padding:52px}.p-md-52--force{padding:52px!important}.px-md-52{padding-right:52px;padding-left:52px}.px-md-52--force{padding-right:52px!important;padding-left:52px!important}.py-md-52{padding-top:52px;padding-bottom:52px}.py-md-52--force{padding-top:52px!important;padding-bottom:52px!important}.pt-md-52{padding-top:52px}.pt-md-52--force{padding-top:52px!important}.pr-md-52{padding-right:52px}.pr-md-52--force{padding-right:52px!important}.pb-md-52{padding-bottom:52px}.pb-md-52--force{padding-bottom:52px!important}.pl-md-52{padding-left:52px}.pl-md-52--force{padding-left:52px!important}.p-md-56{padding:56px}.p-md-56--force{padding:56px!important}.px-md-56{padding-right:56px;padding-left:56px}.px-md-56--force{padding-right:56px!important;padding-left:56px!important}.py-md-56{padding-top:56px;padding-bottom:56px}.py-md-56--force{padding-top:56px!important;padding-bottom:56px!important}.pt-md-56{padding-top:56px}.pt-md-56--force{padding-top:56px!important}.pr-md-56{padding-right:56px}.pr-md-56--force{padding-right:56px!important}.pb-md-56{padding-bottom:56px}.pb-md-56--force{padding-bottom:56px!important}.pl-md-56{padding-left:56px}.pl-md-56--force{padding-left:56px!important}.p-md-60{padding:60px}.p-md-60--force{padding:60px!important}.px-md-60{padding-right:60px;padding-left:60px}.px-md-60--force{padding-right:60px!important;padding-left:60px!important}.py-md-60{padding-top:60px;padding-bottom:60px}.py-md-60--force{padding-top:60px!important;padding-bottom:60px!important}.pt-md-60{padding-top:60px}.pt-md-60--force{padding-top:60px!important}.pr-md-60{padding-right:60px}.pr-md-60--force{padding-right:60px!important}.pb-md-60{padding-bottom:60px}.pb-md-60--force{padding-bottom:60px!important}.pl-md-60{padding-left:60px}.pl-md-60--force{padding-left:60px!important}.p-md-64{padding:var(--matcha-space-800,64px)}.p-md-64--force{padding:var(--matcha-space-800,64px)!important}.px-md-64{padding-right:var(--matcha-space-800,64px);padding-left:var(--matcha-space-800,64px)}.px-md-64--force{padding-right:var(--matcha-space-800,64px)!important;padding-left:var(--matcha-space-800,64px)!important}.py-md-64{padding-top:var(--matcha-space-800,64px);padding-bottom:var(--matcha-space-800,64px)}.py-md-64--force{padding-top:var(--matcha-space-800,64px)!important;padding-bottom:var(--matcha-space-800,64px)!important}.pt-md-64{padding-top:var(--matcha-space-800,64px)}.pt-md-64--force{padding-top:var(--matcha-space-800,64px)!important}.pr-md-64{padding-right:var(--matcha-space-800,64px)}.pr-md-64--force{padding-right:var(--matcha-space-800,64px)!important}.pb-md-64{padding-bottom:var(--matcha-space-800,64px)}.pb-md-64--force{padding-bottom:var(--matcha-space-800,64px)!important}.pl-md-64{padding-left:var(--matcha-space-800,64px)}.pl-md-64--force{padding-left:var(--matcha-space-800,64px)!important}.p-md-0{padding:var(--matcha-space-0,0)}.p-md-0--force{padding:var(--matcha-space-0,0)!important}.px-md-0{padding-right:var(--matcha-space-0,0);padding-left:var(--matcha-space-0,0)}.px-md-0--force{padding-right:var(--matcha-space-0,0)!important;padding-left:var(--matcha-space-0,0)!important}.py-md-0{padding-top:var(--matcha-space-0,0);padding-bottom:var(--matcha-space-0,0)}.py-md-0--force{padding-top:var(--matcha-space-0,0)!important;padding-bottom:var(--matcha-space-0,0)!important}.pt-md-0{padding-top:var(--matcha-space-0,0)}.pt-md-0--force{padding-top:var(--matcha-space-0,0)!important}.pr-md-0{padding-right:var(--matcha-space-0,0)}.pr-md-0--force{padding-right:var(--matcha-space-0,0)!important}.pb-md-0{padding-bottom:var(--matcha-space-0,0)}.pb-md-0--force{padding-bottom:var(--matcha-space-0,0)!important}.pl-md-0{padding-left:var(--matcha-space-0,0)}.pl-md-0--force{padding-left:var(--matcha-space-0,0)!important}.p-md-4{padding:var(--matcha-space-050,4px)}.p-md-4--force{padding:var(--matcha-space-050,4px)!important}.px-md-4{padding-right:var(--matcha-space-050,4px);padding-left:var(--matcha-space-050,4px)}.px-md-4--force{padding-right:var(--matcha-space-050,4px)!important;padding-left:var(--matcha-space-050,4px)!important}.py-md-4{padding-top:var(--matcha-space-050,4px);padding-bottom:var(--matcha-space-050,4px)}.py-md-4--force{padding-top:var(--matcha-space-050,4px)!important;padding-bottom:var(--matcha-space-050,4px)!important}.pt-md-4{padding-top:var(--matcha-space-050,4px)}.pt-md-4--force{padding-top:var(--matcha-space-050,4px)!important}.pr-md-4{padding-right:var(--matcha-space-050,4px)}.pr-md-4--force{padding-right:var(--matcha-space-050,4px)!important}.pb-md-4{padding-bottom:var(--matcha-space-050,4px)}.pb-md-4--force{padding-bottom:var(--matcha-space-050,4px)!important}.pl-md-4{padding-left:var(--matcha-space-050,4px)}.pl-md-4--force{padding-left:var(--matcha-space-050,4px)!important}.p-md-8{padding:var(--matcha-space-100,8px)}.p-md-8--force{padding:var(--matcha-space-100,8px)!important}.px-md-8{padding-right:var(--matcha-space-100,8px);padding-left:var(--matcha-space-100,8px)}.px-md-8--force{padding-right:var(--matcha-space-100,8px)!important;padding-left:var(--matcha-space-100,8px)!important}.py-md-8{padding-top:var(--matcha-space-100,8px);padding-bottom:var(--matcha-space-100,8px)}.py-md-8--force{padding-top:var(--matcha-space-100,8px)!important;padding-bottom:var(--matcha-space-100,8px)!important}.pt-md-8{padding-top:var(--matcha-space-100,8px)}.pt-md-8--force{padding-top:var(--matcha-space-100,8px)!important}.pr-md-8{padding-right:var(--matcha-space-100,8px)}.pr-md-8--force{padding-right:var(--matcha-space-100,8px)!important}.pb-md-8{padding-bottom:var(--matcha-space-100,8px)}.pb-md-8--force{padding-bottom:var(--matcha-space-100,8px)!important}.pl-md-8{padding-left:var(--matcha-space-100,8px)}.pl-md-8--force{padding-left:var(--matcha-space-100,8px)!important}.p-md-12{padding:var(--matcha-space-150,12px)}.p-md-12--force{padding:var(--matcha-space-150,12px)!important}.px-md-12{padding-right:var(--matcha-space-150,12px);padding-left:var(--matcha-space-150,12px)}.px-md-12--force{padding-right:var(--matcha-space-150,12px)!important;padding-left:var(--matcha-space-150,12px)!important}.py-md-12{padding-top:var(--matcha-space-150,12px);padding-bottom:var(--matcha-space-150,12px)}.py-md-12--force{padding-top:var(--matcha-space-150,12px)!important;padding-bottom:var(--matcha-space-150,12px)!important}.pt-md-12{padding-top:var(--matcha-space-150,12px)}.pt-md-12--force{padding-top:var(--matcha-space-150,12px)!important}.pr-md-12{padding-right:var(--matcha-space-150,12px)}.pr-md-12--force{padding-right:var(--matcha-space-150,12px)!important}.pb-md-12{padding-bottom:var(--matcha-space-150,12px)}.pb-md-12--force{padding-bottom:var(--matcha-space-150,12px)!important}.pl-md-12{padding-left:var(--matcha-space-150,12px)}.pl-md-12--force{padding-left:var(--matcha-space-150,12px)!important}.p-md-16{padding:var(--matcha-space-200,16px)}.p-md-16--force{padding:var(--matcha-space-200,16px)!important}.px-md-16{padding-right:var(--matcha-space-200,16px);padding-left:var(--matcha-space-200,16px)}.px-md-16--force{padding-right:var(--matcha-space-200,16px)!important;padding-left:var(--matcha-space-200,16px)!important}.py-md-16{padding-top:var(--matcha-space-200,16px);padding-bottom:var(--matcha-space-200,16px)}.py-md-16--force{padding-top:var(--matcha-space-200,16px)!important;padding-bottom:var(--matcha-space-200,16px)!important}.pt-md-16{padding-top:var(--matcha-space-200,16px)}.pt-md-16--force{padding-top:var(--matcha-space-200,16px)!important}.pr-md-16{padding-right:var(--matcha-space-200,16px)}.pr-md-16--force{padding-right:var(--matcha-space-200,16px)!important}.pb-md-16{padding-bottom:var(--matcha-space-200,16px)}.pb-md-16--force{padding-bottom:var(--matcha-space-200,16px)!important}.pl-md-16{padding-left:var(--matcha-space-200,16px)}.pl-md-16--force{padding-left:var(--matcha-space-200,16px)!important}.p-md-20{padding:var(--matcha-space-250,20px)}.p-md-20--force{padding:var(--matcha-space-250,20px)!important}.px-md-20{padding-right:var(--matcha-space-250,20px);padding-left:var(--matcha-space-250,20px)}.px-md-20--force{padding-right:var(--matcha-space-250,20px)!important;padding-left:var(--matcha-space-250,20px)!important}.py-md-20{padding-top:var(--matcha-space-250,20px);padding-bottom:var(--matcha-space-250,20px)}.py-md-20--force{padding-top:var(--matcha-space-250,20px)!important;padding-bottom:var(--matcha-space-250,20px)!important}.pt-md-20{padding-top:var(--matcha-space-250,20px)}.pt-md-20--force{padding-top:var(--matcha-space-250,20px)!important}.pr-md-20{padding-right:var(--matcha-space-250,20px)}.pr-md-20--force{padding-right:var(--matcha-space-250,20px)!important}.pb-md-20{padding-bottom:var(--matcha-space-250,20px)}.pb-md-20--force{padding-bottom:var(--matcha-space-250,20px)!important}.pl-md-20{padding-left:var(--matcha-space-250,20px)}.pl-md-20--force{padding-left:var(--matcha-space-250,20px)!important}.p-md-24{padding:var(--matcha-space-300,24px)}.p-md-24--force{padding:var(--matcha-space-300,24px)!important}.px-md-24{padding-right:var(--matcha-space-300,24px);padding-left:var(--matcha-space-300,24px)}.px-md-24--force{padding-right:var(--matcha-space-300,24px)!important;padding-left:var(--matcha-space-300,24px)!important}.py-md-24{padding-top:var(--matcha-space-300,24px);padding-bottom:var(--matcha-space-300,24px)}.py-md-24--force{padding-top:var(--matcha-space-300,24px)!important;padding-bottom:var(--matcha-space-300,24px)!important}.pt-md-24{padding-top:var(--matcha-space-300,24px)}.pt-md-24--force{padding-top:var(--matcha-space-300,24px)!important}.pr-md-24{padding-right:var(--matcha-space-300,24px)}.pr-md-24--force{padding-right:var(--matcha-space-300,24px)!important}.pb-md-24{padding-bottom:var(--matcha-space-300,24px)}.pb-md-24--force{padding-bottom:var(--matcha-space-300,24px)!important}.pl-md-24{padding-left:var(--matcha-space-300,24px)}.pl-md-24--force{padding-left:var(--matcha-space-300,24px)!important}.p-md-28{padding:28px}.p-md-28--force{padding:28px!important}.px-md-28{padding-right:28px;padding-left:28px}.px-md-28--force{padding-right:28px!important;padding-left:28px!important}.py-md-28{padding-top:28px;padding-bottom:28px}.py-md-28--force{padding-top:28px!important;padding-bottom:28px!important}.pt-md-28{padding-top:28px}.pt-md-28--force{padding-top:28px!important}.pr-md-28{padding-right:28px}.pr-md-28--force{padding-right:28px!important}.pb-md-28{padding-bottom:28px}.pb-md-28--force{padding-bottom:28px!important}.pl-md-28{padding-left:28px}.pl-md-28--force{padding-left:28px!important}.p-md-32{padding:var(--matcha-space-400,32px)}.p-md-32--force{padding:var(--matcha-space-400,32px)!important}.px-md-32{padding-right:var(--matcha-space-400,32px);padding-left:var(--matcha-space-400,32px)}.px-md-32--force{padding-right:var(--matcha-space-400,32px)!important;padding-left:var(--matcha-space-400,32px)!important}.py-md-32{padding-top:var(--matcha-space-400,32px);padding-bottom:var(--matcha-space-400,32px)}.py-md-32--force{padding-top:var(--matcha-space-400,32px)!important;padding-bottom:var(--matcha-space-400,32px)!important}.pt-md-32{padding-top:var(--matcha-space-400,32px)}.pt-md-32--force{padding-top:var(--matcha-space-400,32px)!important}.pr-md-32{padding-right:var(--matcha-space-400,32px)}.pr-md-32--force{padding-right:var(--matcha-space-400,32px)!important}.pb-md-32{padding-bottom:var(--matcha-space-400,32px)}.pb-md-32--force{padding-bottom:var(--matcha-space-400,32px)!important}.pl-md-32{padding-left:var(--matcha-space-400,32px)}.pl-md-32--force{padding-left:var(--matcha-space-400,32px)!important}.p-md-36{padding:36px}.p-md-36--force{padding:36px!important}.px-md-36{padding-right:36px;padding-left:36px}.px-md-36--force{padding-right:36px!important;padding-left:36px!important}.py-md-36{padding-top:36px;padding-bottom:36px}.py-md-36--force{padding-top:36px!important;padding-bottom:36px!important}.pt-md-36{padding-top:36px}.pt-md-36--force{padding-top:36px!important}.pr-md-36{padding-right:36px}.pr-md-36--force{padding-right:36px!important}.pb-md-36{padding-bottom:36px}.pb-md-36--force{padding-bottom:36px!important}.pl-md-36{padding-left:36px}.pl-md-36--force{padding-left:36px!important}.p-md-40{padding:var(--matcha-space-500,40px)}.p-md-40--force{padding:var(--matcha-space-500,40px)!important}.px-md-40{padding-right:var(--matcha-space-500,40px);padding-left:var(--matcha-space-500,40px)}.px-md-40--force{padding-right:var(--matcha-space-500,40px)!important;padding-left:var(--matcha-space-500,40px)!important}.py-md-40{padding-top:var(--matcha-space-500,40px);padding-bottom:var(--matcha-space-500,40px)}.py-md-40--force{padding-top:var(--matcha-space-500,40px)!important;padding-bottom:var(--matcha-space-500,40px)!important}.pt-md-40{padding-top:var(--matcha-space-500,40px)}.pt-md-40--force{padding-top:var(--matcha-space-500,40px)!important}.pr-md-40{padding-right:var(--matcha-space-500,40px)}.pr-md-40--force{padding-right:var(--matcha-space-500,40px)!important}.pb-md-40{padding-bottom:var(--matcha-space-500,40px)}.pb-md-40--force{padding-bottom:var(--matcha-space-500,40px)!important}.pl-md-40{padding-left:var(--matcha-space-500,40px)}.pl-md-40--force{padding-left:var(--matcha-space-500,40px)!important}.p-md-44{padding:44px}.p-md-44--force{padding:44px!important}.px-md-44{padding-right:44px;padding-left:44px}.px-md-44--force{padding-right:44px!important;padding-left:44px!important}.py-md-44{padding-top:44px;padding-bottom:44px}.py-md-44--force{padding-top:44px!important;padding-bottom:44px!important}.pt-md-44{padding-top:44px}.pt-md-44--force{padding-top:44px!important}.pr-md-44{padding-right:44px}.pr-md-44--force{padding-right:44px!important}.pb-md-44{padding-bottom:44px}.pb-md-44--force{padding-bottom:44px!important}.pl-md-44{padding-left:44px}.pl-md-44--force{padding-left:44px!important}.p-md-48{padding:var(--matcha-space-600,48px)}.p-md-48--force{padding:var(--matcha-space-600,48px)!important}.px-md-48{padding-right:var(--matcha-space-600,48px);padding-left:var(--matcha-space-600,48px)}.px-md-48--force{padding-right:var(--matcha-space-600,48px)!important;padding-left:var(--matcha-space-600,48px)!important}.py-md-48{padding-top:var(--matcha-space-600,48px);padding-bottom:var(--matcha-space-600,48px)}.py-md-48--force{padding-top:var(--matcha-space-600,48px)!important;padding-bottom:var(--matcha-space-600,48px)!important}.pt-md-48{padding-top:var(--matcha-space-600,48px)}.pt-md-48--force{padding-top:var(--matcha-space-600,48px)!important}.pr-md-48{padding-right:var(--matcha-space-600,48px)}.pr-md-48--force{padding-right:var(--matcha-space-600,48px)!important}.pb-md-48{padding-bottom:var(--matcha-space-600,48px)}.pb-md-48--force{padding-bottom:var(--matcha-space-600,48px)!important}.pl-md-48{padding-left:var(--matcha-space-600,48px)}.pl-md-48--force{padding-left:var(--matcha-space-600,48px)!important}.p-md-52{padding:52px}.p-md-52--force{padding:52px!important}.px-md-52{padding-right:52px;padding-left:52px}.px-md-52--force{padding-right:52px!important;padding-left:52px!important}.py-md-52{padding-top:52px;padding-bottom:52px}.py-md-52--force{padding-top:52px!important;padding-bottom:52px!important}.pt-md-52{padding-top:52px}.pt-md-52--force{padding-top:52px!important}.pr-md-52{padding-right:52px}.pr-md-52--force{padding-right:52px!important}.pb-md-52{padding-bottom:52px}.pb-md-52--force{padding-bottom:52px!important}.pl-md-52{padding-left:52px}.pl-md-52--force{padding-left:52px!important}.p-md-56{padding:56px}.p-md-56--force{padding:56px!important}.px-md-56{padding-right:56px;padding-left:56px}.px-md-56--force{padding-right:56px!important;padding-left:56px!important}.py-md-56{padding-top:56px;padding-bottom:56px}.py-md-56--force{padding-top:56px!important;padding-bottom:56px!important}.pt-md-56{padding-top:56px}.pt-md-56--force{padding-top:56px!important}.pr-md-56{padding-right:56px}.pr-md-56--force{padding-right:56px!important}.pb-md-56{padding-bottom:56px}.pb-md-56--force{padding-bottom:56px!important}.pl-md-56{padding-left:56px}.pl-md-56--force{padding-left:56px!important}.p-md-60{padding:60px}.p-md-60--force{padding:60px!important}.px-md-60{padding-right:60px;padding-left:60px}.px-md-60--force{padding-right:60px!important;padding-left:60px!important}.py-md-60{padding-top:60px;padding-bottom:60px}.py-md-60--force{padding-top:60px!important;padding-bottom:60px!important}.pt-md-60{padding-top:60px}.pt-md-60--force{padding-top:60px!important}.pr-md-60{padding-right:60px}.pr-md-60--force{padding-right:60px!important}.pb-md-60{padding-bottom:60px}.pb-md-60--force{padding-bottom:60px!important}.pl-md-60{padding-left:60px}.pl-md-60--force{padding-left:60px!important}.p-md-64{padding:var(--matcha-space-800,64px)}.p-md-64--force{padding:var(--matcha-space-800,64px)!important}.px-md-64{padding-right:var(--matcha-space-800,64px);padding-left:var(--matcha-space-800,64px)}.px-md-64--force{padding-right:var(--matcha-space-800,64px)!important;padding-left:var(--matcha-space-800,64px)!important}.py-md-64{padding-top:var(--matcha-space-800,64px);padding-bottom:var(--matcha-space-800,64px)}.py-md-64--force{padding-top:var(--matcha-space-800,64px)!important;padding-bottom:var(--matcha-space-800,64px)!important}.pt-md-64{padding-top:var(--matcha-space-800,64px)}.pt-md-64--force{padding-top:var(--matcha-space-800,64px)!important}.pr-md-64{padding-right:var(--matcha-space-800,64px)}.pr-md-64--force{padding-right:var(--matcha-space-800,64px)!important}.pb-md-64{padding-bottom:var(--matcha-space-800,64px)}.pb-md-64--force{padding-bottom:var(--matcha-space-800,64px)!important}.pl-md-64{padding-left:var(--matcha-space-800,64px)}.pl-md-64--force{padding-left:var(--matcha-space-800,64px)!important}.p-md-68{padding:68px}.p-md-68--force{padding:68px!important}.px-md-68{padding-right:68px;padding-left:68px}.px-md-68--force{padding-right:68px!important;padding-left:68px!important}.py-md-68{padding-top:68px;padding-bottom:68px}.py-md-68--force{padding-top:68px!important;padding-bottom:68px!important}.pt-md-68{padding-top:68px}.pt-md-68--force{padding-top:68px!important}.pr-md-68{padding-right:68px}.pr-md-68--force{padding-right:68px!important}.pb-md-68{padding-bottom:68px}.pb-md-68--force{padding-bottom:68px!important}.pl-md-68{padding-left:68px}.pl-md-68--force{padding-left:68px!important}.p-md-72{padding:72px}.p-md-72--force{padding:72px!important}.px-md-72{padding-right:72px;padding-left:72px}.px-md-72--force{padding-right:72px!important;padding-left:72px!important}.py-md-72{padding-top:72px;padding-bottom:72px}.py-md-72--force{padding-top:72px!important;padding-bottom:72px!important}.pt-md-72{padding-top:72px}.pt-md-72--force{padding-top:72px!important}.pr-md-72{padding-right:72px}.pr-md-72--force{padding-right:72px!important}.pb-md-72{padding-bottom:72px}.pb-md-72--force{padding-bottom:72px!important}.pl-md-72{padding-left:72px}.pl-md-72--force{padding-left:72px!important}.p-md-76{padding:76px}.p-md-76--force{padding:76px!important}.px-md-76{padding-right:76px;padding-left:76px}.px-md-76--force{padding-right:76px!important;padding-left:76px!important}.py-md-76{padding-top:76px;padding-bottom:76px}.py-md-76--force{padding-top:76px!important;padding-bottom:76px!important}.pt-md-76{padding-top:76px}.pt-md-76--force{padding-top:76px!important}.pr-md-76{padding-right:76px}.pr-md-76--force{padding-right:76px!important}.pb-md-76{padding-bottom:76px}.pb-md-76--force{padding-bottom:76px!important}.pl-md-76{padding-left:76px}.pl-md-76--force{padding-left:76px!important}.p-md-80{padding:var(--matcha-space-1000,80px)}.p-md-80--force{padding:var(--matcha-space-1000,80px)!important}.px-md-80{padding-right:var(--matcha-space-1000,80px);padding-left:var(--matcha-space-1000,80px)}.px-md-80--force{padding-right:var(--matcha-space-1000,80px)!important;padding-left:var(--matcha-space-1000,80px)!important}.py-md-80{padding-top:var(--matcha-space-1000,80px);padding-bottom:var(--matcha-space-1000,80px)}.py-md-80--force{padding-top:var(--matcha-space-1000,80px)!important;padding-bottom:var(--matcha-space-1000,80px)!important}.pt-md-80{padding-top:var(--matcha-space-1000,80px)}.pt-md-80--force{padding-top:var(--matcha-space-1000,80px)!important}.pr-md-80{padding-right:var(--matcha-space-1000,80px)}.pr-md-80--force{padding-right:var(--matcha-space-1000,80px)!important}.pb-md-80{padding-bottom:var(--matcha-space-1000,80px)}.pb-md-80--force{padding-bottom:var(--matcha-space-1000,80px)!important}.pl-md-80{padding-left:var(--matcha-space-1000,80px)}.pl-md-80--force{padding-left:var(--matcha-space-1000,80px)!important}.p-md-84{padding:84px}.p-md-84--force{padding:84px!important}.px-md-84{padding-right:84px;padding-left:84px}.px-md-84--force{padding-right:84px!important;padding-left:84px!important}.py-md-84{padding-top:84px;padding-bottom:84px}.py-md-84--force{padding-top:84px!important;padding-bottom:84px!important}.pt-md-84{padding-top:84px}.pt-md-84--force{padding-top:84px!important}.pr-md-84{padding-right:84px}.pr-md-84--force{padding-right:84px!important}.pb-md-84{padding-bottom:84px}.pb-md-84--force{padding-bottom:84px!important}.pl-md-84{padding-left:84px}.pl-md-84--force{padding-left:84px!important}.p-md-88{padding:88px}.p-md-88--force{padding:88px!important}.px-md-88{padding-right:88px;padding-left:88px}.px-md-88--force{padding-right:88px!important;padding-left:88px!important}.py-md-88{padding-top:88px;padding-bottom:88px}.py-md-88--force{padding-top:88px!important;padding-bottom:88px!important}.pt-md-88{padding-top:88px}.pt-md-88--force{padding-top:88px!important}.pr-md-88{padding-right:88px}.pr-md-88--force{padding-right:88px!important}.pb-md-88{padding-bottom:88px}.pb-md-88--force{padding-bottom:88px!important}.pl-md-88{padding-left:88px}.pl-md-88--force{padding-left:88px!important}.p-md-92{padding:92px}.p-md-92--force{padding:92px!important}.px-md-92{padding-right:92px;padding-left:92px}.px-md-92--force{padding-right:92px!important;padding-left:92px!important}.py-md-92{padding-top:92px;padding-bottom:92px}.py-md-92--force{padding-top:92px!important;padding-bottom:92px!important}.pt-md-92{padding-top:92px}.pt-md-92--force{padding-top:92px!important}.pr-md-92{padding-right:92px}.pr-md-92--force{padding-right:92px!important}.pb-md-92{padding-bottom:92px}.pb-md-92--force{padding-bottom:92px!important}.pl-md-92{padding-left:92px}.pl-md-92--force{padding-left:92px!important}.p-md-96{padding:var(--matcha-space-1200,96px)}.p-md-96--force{padding:var(--matcha-space-1200,96px)!important}.px-md-96{padding-right:var(--matcha-space-1200,96px);padding-left:var(--matcha-space-1200,96px)}.px-md-96--force{padding-right:var(--matcha-space-1200,96px)!important;padding-left:var(--matcha-space-1200,96px)!important}.py-md-96{padding-top:var(--matcha-space-1200,96px);padding-bottom:var(--matcha-space-1200,96px)}.py-md-96--force{padding-top:var(--matcha-space-1200,96px)!important;padding-bottom:var(--matcha-space-1200,96px)!important}.pt-md-96{padding-top:var(--matcha-space-1200,96px)}.pt-md-96--force{padding-top:var(--matcha-space-1200,96px)!important}.pr-md-96{padding-right:var(--matcha-space-1200,96px)}.pr-md-96--force{padding-right:var(--matcha-space-1200,96px)!important}.pb-md-96{padding-bottom:var(--matcha-space-1200,96px)}.pb-md-96--force{padding-bottom:var(--matcha-space-1200,96px)!important}.pl-md-96{padding-left:var(--matcha-space-1200,96px)}.pl-md-96--force{padding-left:var(--matcha-space-1200,96px)!important}}@media screen and (min-width:1280px){.m-lg--64{margin:calc(-1 * var(--matcha-space-800,64px))}.m-lg--64--force{margin:calc(-1 * var(--matcha-space-800,64px))!important}.mx-lg--64{margin-right:calc(-1 * var(--matcha-space-800,64px));margin-left:calc(-1 * var(--matcha-space-800,64px))}.mx-lg--64--force{margin-right:calc(-1 * var(--matcha-space-800,64px))!important;margin-left:calc(-1 * var(--matcha-space-800,64px))!important}.my-lg--64{margin-top:calc(-1 * var(--matcha-space-800,64px));margin-bottom:calc(-1 * var(--matcha-space-800,64px))}.my-lg--64--force{margin-top:calc(-1 * var(--matcha-space-800,64px))!important;margin-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.mt-lg--64{margin-top:calc(-1 * var(--matcha-space-800,64px))}.mt-lg--64--force{margin-top:calc(-1 * var(--matcha-space-800,64px))!important}.mr-lg--64{margin-right:calc(-1 * var(--matcha-space-800,64px))}.mr-lg--64--force{margin-right:calc(-1 * var(--matcha-space-800,64px))!important}.mb-lg--64{margin-bottom:calc(-1 * var(--matcha-space-800,64px))}.mb-lg--64--force{margin-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.ml-lg--64{margin-left:calc(-1 * var(--matcha-space-800,64px))}.ml-lg--64--force{margin-left:calc(-1 * var(--matcha-space-800,64px))!important}.m-lg--60{margin:-60px}.m-lg--60--force{margin:-60px!important}.mx-lg--60{margin-right:-60px;margin-left:-60px}.mx-lg--60--force{margin-right:-60px!important;margin-left:-60px!important}.my-lg--60{margin-top:-60px;margin-bottom:-60px}.my-lg--60--force{margin-top:-60px!important;margin-bottom:-60px!important}.mt-lg--60{margin-top:-60px}.mt-lg--60--force{margin-top:-60px!important}.mr-lg--60{margin-right:-60px}.mr-lg--60--force{margin-right:-60px!important}.mb-lg--60{margin-bottom:-60px}.mb-lg--60--force{margin-bottom:-60px!important}.ml-lg--60{margin-left:-60px}.ml-lg--60--force{margin-left:-60px!important}.m-lg--56{margin:-56px}.m-lg--56--force{margin:-56px!important}.mx-lg--56{margin-right:-56px;margin-left:-56px}.mx-lg--56--force{margin-right:-56px!important;margin-left:-56px!important}.my-lg--56{margin-top:-56px;margin-bottom:-56px}.my-lg--56--force{margin-top:-56px!important;margin-bottom:-56px!important}.mt-lg--56{margin-top:-56px}.mt-lg--56--force{margin-top:-56px!important}.mr-lg--56{margin-right:-56px}.mr-lg--56--force{margin-right:-56px!important}.mb-lg--56{margin-bottom:-56px}.mb-lg--56--force{margin-bottom:-56px!important}.ml-lg--56{margin-left:-56px}.ml-lg--56--force{margin-left:-56px!important}.m-lg--52{margin:-52px}.m-lg--52--force{margin:-52px!important}.mx-lg--52{margin-right:-52px;margin-left:-52px}.mx-lg--52--force{margin-right:-52px!important;margin-left:-52px!important}.my-lg--52{margin-top:-52px;margin-bottom:-52px}.my-lg--52--force{margin-top:-52px!important;margin-bottom:-52px!important}.mt-lg--52{margin-top:-52px}.mt-lg--52--force{margin-top:-52px!important}.mr-lg--52{margin-right:-52px}.mr-lg--52--force{margin-right:-52px!important}.mb-lg--52{margin-bottom:-52px}.mb-lg--52--force{margin-bottom:-52px!important}.ml-lg--52{margin-left:-52px}.ml-lg--52--force{margin-left:-52px!important}.m-lg--48{margin:calc(-1 * var(--matcha-space-600,48px))}.m-lg--48--force{margin:calc(-1 * var(--matcha-space-600,48px))!important}.mx-lg--48{margin-right:calc(-1 * var(--matcha-space-600,48px));margin-left:calc(-1 * var(--matcha-space-600,48px))}.mx-lg--48--force{margin-right:calc(-1 * var(--matcha-space-600,48px))!important;margin-left:calc(-1 * var(--matcha-space-600,48px))!important}.my-lg--48{margin-top:calc(-1 * var(--matcha-space-600,48px));margin-bottom:calc(-1 * var(--matcha-space-600,48px))}.my-lg--48--force{margin-top:calc(-1 * var(--matcha-space-600,48px))!important;margin-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.mt-lg--48{margin-top:calc(-1 * var(--matcha-space-600,48px))}.mt-lg--48--force{margin-top:calc(-1 * var(--matcha-space-600,48px))!important}.mr-lg--48{margin-right:calc(-1 * var(--matcha-space-600,48px))}.mr-lg--48--force{margin-right:calc(-1 * var(--matcha-space-600,48px))!important}.mb-lg--48{margin-bottom:calc(-1 * var(--matcha-space-600,48px))}.mb-lg--48--force{margin-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.ml-lg--48{margin-left:calc(-1 * var(--matcha-space-600,48px))}.ml-lg--48--force{margin-left:calc(-1 * var(--matcha-space-600,48px))!important}.m-lg--44{margin:-44px}.m-lg--44--force{margin:-44px!important}.mx-lg--44{margin-right:-44px;margin-left:-44px}.mx-lg--44--force{margin-right:-44px!important;margin-left:-44px!important}.my-lg--44{margin-top:-44px;margin-bottom:-44px}.my-lg--44--force{margin-top:-44px!important;margin-bottom:-44px!important}.mt-lg--44{margin-top:-44px}.mt-lg--44--force{margin-top:-44px!important}.mr-lg--44{margin-right:-44px}.mr-lg--44--force{margin-right:-44px!important}.mb-lg--44{margin-bottom:-44px}.mb-lg--44--force{margin-bottom:-44px!important}.ml-lg--44{margin-left:-44px}.ml-lg--44--force{margin-left:-44px!important}.m-lg--40{margin:calc(-1 * var(--matcha-space-500,40px))}.m-lg--40--force{margin:calc(-1 * var(--matcha-space-500,40px))!important}.mx-lg--40{margin-right:calc(-1 * var(--matcha-space-500,40px));margin-left:calc(-1 * var(--matcha-space-500,40px))}.mx-lg--40--force{margin-right:calc(-1 * var(--matcha-space-500,40px))!important;margin-left:calc(-1 * var(--matcha-space-500,40px))!important}.my-lg--40{margin-top:calc(-1 * var(--matcha-space-500,40px));margin-bottom:calc(-1 * var(--matcha-space-500,40px))}.my-lg--40--force{margin-top:calc(-1 * var(--matcha-space-500,40px))!important;margin-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.mt-lg--40{margin-top:calc(-1 * var(--matcha-space-500,40px))}.mt-lg--40--force{margin-top:calc(-1 * var(--matcha-space-500,40px))!important}.mr-lg--40{margin-right:calc(-1 * var(--matcha-space-500,40px))}.mr-lg--40--force{margin-right:calc(-1 * var(--matcha-space-500,40px))!important}.mb-lg--40{margin-bottom:calc(-1 * var(--matcha-space-500,40px))}.mb-lg--40--force{margin-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.ml-lg--40{margin-left:calc(-1 * var(--matcha-space-500,40px))}.ml-lg--40--force{margin-left:calc(-1 * var(--matcha-space-500,40px))!important}.m-lg--36{margin:-36px}.m-lg--36--force{margin:-36px!important}.mx-lg--36{margin-right:-36px;margin-left:-36px}.mx-lg--36--force{margin-right:-36px!important;margin-left:-36px!important}.my-lg--36{margin-top:-36px;margin-bottom:-36px}.my-lg--36--force{margin-top:-36px!important;margin-bottom:-36px!important}.mt-lg--36{margin-top:-36px}.mt-lg--36--force{margin-top:-36px!important}.mr-lg--36{margin-right:-36px}.mr-lg--36--force{margin-right:-36px!important}.mb-lg--36{margin-bottom:-36px}.mb-lg--36--force{margin-bottom:-36px!important}.ml-lg--36{margin-left:-36px}.ml-lg--36--force{margin-left:-36px!important}.m-lg--32{margin:calc(-1 * var(--matcha-space-400,32px))}.m-lg--32--force{margin:calc(-1 * var(--matcha-space-400,32px))!important}.mx-lg--32{margin-right:calc(-1 * var(--matcha-space-400,32px));margin-left:calc(-1 * var(--matcha-space-400,32px))}.mx-lg--32--force{margin-right:calc(-1 * var(--matcha-space-400,32px))!important;margin-left:calc(-1 * var(--matcha-space-400,32px))!important}.my-lg--32{margin-top:calc(-1 * var(--matcha-space-400,32px));margin-bottom:calc(-1 * var(--matcha-space-400,32px))}.my-lg--32--force{margin-top:calc(-1 * var(--matcha-space-400,32px))!important;margin-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.mt-lg--32{margin-top:calc(-1 * var(--matcha-space-400,32px))}.mt-lg--32--force{margin-top:calc(-1 * var(--matcha-space-400,32px))!important}.mr-lg--32{margin-right:calc(-1 * var(--matcha-space-400,32px))}.mr-lg--32--force{margin-right:calc(-1 * var(--matcha-space-400,32px))!important}.mb-lg--32{margin-bottom:calc(-1 * var(--matcha-space-400,32px))}.mb-lg--32--force{margin-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.ml-lg--32{margin-left:calc(-1 * var(--matcha-space-400,32px))}.ml-lg--32--force{margin-left:calc(-1 * var(--matcha-space-400,32px))!important}.m-lg--28{margin:-28px}.m-lg--28--force{margin:-28px!important}.mx-lg--28{margin-right:-28px;margin-left:-28px}.mx-lg--28--force{margin-right:-28px!important;margin-left:-28px!important}.my-lg--28{margin-top:-28px;margin-bottom:-28px}.my-lg--28--force{margin-top:-28px!important;margin-bottom:-28px!important}.mt-lg--28{margin-top:-28px}.mt-lg--28--force{margin-top:-28px!important}.mr-lg--28{margin-right:-28px}.mr-lg--28--force{margin-right:-28px!important}.mb-lg--28{margin-bottom:-28px}.mb-lg--28--force{margin-bottom:-28px!important}.ml-lg--28{margin-left:-28px}.ml-lg--28--force{margin-left:-28px!important}.m-lg--24{margin:calc(-1 * var(--matcha-space-300,24px))}.m-lg--24--force{margin:calc(-1 * var(--matcha-space-300,24px))!important}.mx-lg--24{margin-right:calc(-1 * var(--matcha-space-300,24px));margin-left:calc(-1 * var(--matcha-space-300,24px))}.mx-lg--24--force{margin-right:calc(-1 * var(--matcha-space-300,24px))!important;margin-left:calc(-1 * var(--matcha-space-300,24px))!important}.my-lg--24{margin-top:calc(-1 * var(--matcha-space-300,24px));margin-bottom:calc(-1 * var(--matcha-space-300,24px))}.my-lg--24--force{margin-top:calc(-1 * var(--matcha-space-300,24px))!important;margin-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.mt-lg--24{margin-top:calc(-1 * var(--matcha-space-300,24px))}.mt-lg--24--force{margin-top:calc(-1 * var(--matcha-space-300,24px))!important}.mr-lg--24{margin-right:calc(-1 * var(--matcha-space-300,24px))}.mr-lg--24--force{margin-right:calc(-1 * var(--matcha-space-300,24px))!important}.mb-lg--24{margin-bottom:calc(-1 * var(--matcha-space-300,24px))}.mb-lg--24--force{margin-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.ml-lg--24{margin-left:calc(-1 * var(--matcha-space-300,24px))}.ml-lg--24--force{margin-left:calc(-1 * var(--matcha-space-300,24px))!important}.m-lg--20{margin:calc(-1 * var(--matcha-space-250,20px))}.m-lg--20--force{margin:calc(-1 * var(--matcha-space-250,20px))!important}.mx-lg--20{margin-right:calc(-1 * var(--matcha-space-250,20px));margin-left:calc(-1 * var(--matcha-space-250,20px))}.mx-lg--20--force{margin-right:calc(-1 * var(--matcha-space-250,20px))!important;margin-left:calc(-1 * var(--matcha-space-250,20px))!important}.my-lg--20{margin-top:calc(-1 * var(--matcha-space-250,20px));margin-bottom:calc(-1 * var(--matcha-space-250,20px))}.my-lg--20--force{margin-top:calc(-1 * var(--matcha-space-250,20px))!important;margin-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.mt-lg--20{margin-top:calc(-1 * var(--matcha-space-250,20px))}.mt-lg--20--force{margin-top:calc(-1 * var(--matcha-space-250,20px))!important}.mr-lg--20{margin-right:calc(-1 * var(--matcha-space-250,20px))}.mr-lg--20--force{margin-right:calc(-1 * var(--matcha-space-250,20px))!important}.mb-lg--20{margin-bottom:calc(-1 * var(--matcha-space-250,20px))}.mb-lg--20--force{margin-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.ml-lg--20{margin-left:calc(-1 * var(--matcha-space-250,20px))}.ml-lg--20--force{margin-left:calc(-1 * var(--matcha-space-250,20px))!important}.m-lg--16{margin:calc(-1 * var(--matcha-space-200,16px))}.m-lg--16--force{margin:calc(-1 * var(--matcha-space-200,16px))!important}.mx-lg--16{margin-right:calc(-1 * var(--matcha-space-200,16px));margin-left:calc(-1 * var(--matcha-space-200,16px))}.mx-lg--16--force{margin-right:calc(-1 * var(--matcha-space-200,16px))!important;margin-left:calc(-1 * var(--matcha-space-200,16px))!important}.my-lg--16{margin-top:calc(-1 * var(--matcha-space-200,16px));margin-bottom:calc(-1 * var(--matcha-space-200,16px))}.my-lg--16--force{margin-top:calc(-1 * var(--matcha-space-200,16px))!important;margin-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.mt-lg--16{margin-top:calc(-1 * var(--matcha-space-200,16px))}.mt-lg--16--force{margin-top:calc(-1 * var(--matcha-space-200,16px))!important}.mr-lg--16{margin-right:calc(-1 * var(--matcha-space-200,16px))}.mr-lg--16--force{margin-right:calc(-1 * var(--matcha-space-200,16px))!important}.mb-lg--16{margin-bottom:calc(-1 * var(--matcha-space-200,16px))}.mb-lg--16--force{margin-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.ml-lg--16{margin-left:calc(-1 * var(--matcha-space-200,16px))}.ml-lg--16--force{margin-left:calc(-1 * var(--matcha-space-200,16px))!important}.m-lg--12{margin:calc(-1 * var(--matcha-space-150,12px))}.m-lg--12--force{margin:calc(-1 * var(--matcha-space-150,12px))!important}.mx-lg--12{margin-right:calc(-1 * var(--matcha-space-150,12px));margin-left:calc(-1 * var(--matcha-space-150,12px))}.mx-lg--12--force{margin-right:calc(-1 * var(--matcha-space-150,12px))!important;margin-left:calc(-1 * var(--matcha-space-150,12px))!important}.my-lg--12{margin-top:calc(-1 * var(--matcha-space-150,12px));margin-bottom:calc(-1 * var(--matcha-space-150,12px))}.my-lg--12--force{margin-top:calc(-1 * var(--matcha-space-150,12px))!important;margin-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.mt-lg--12{margin-top:calc(-1 * var(--matcha-space-150,12px))}.mt-lg--12--force{margin-top:calc(-1 * var(--matcha-space-150,12px))!important}.mr-lg--12{margin-right:calc(-1 * var(--matcha-space-150,12px))}.mr-lg--12--force{margin-right:calc(-1 * var(--matcha-space-150,12px))!important}.mb-lg--12{margin-bottom:calc(-1 * var(--matcha-space-150,12px))}.mb-lg--12--force{margin-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.ml-lg--12{margin-left:calc(-1 * var(--matcha-space-150,12px))}.ml-lg--12--force{margin-left:calc(-1 * var(--matcha-space-150,12px))!important}.m-lg--8{margin:calc(-1 * var(--matcha-space-100,8px))}.m-lg--8--force{margin:calc(-1 * var(--matcha-space-100,8px))!important}.mx-lg--8{margin-right:calc(-1 * var(--matcha-space-100,8px));margin-left:calc(-1 * var(--matcha-space-100,8px))}.mx-lg--8--force{margin-right:calc(-1 * var(--matcha-space-100,8px))!important;margin-left:calc(-1 * var(--matcha-space-100,8px))!important}.my-lg--8{margin-top:calc(-1 * var(--matcha-space-100,8px));margin-bottom:calc(-1 * var(--matcha-space-100,8px))}.my-lg--8--force{margin-top:calc(-1 * var(--matcha-space-100,8px))!important;margin-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.mt-lg--8{margin-top:calc(-1 * var(--matcha-space-100,8px))}.mt-lg--8--force{margin-top:calc(-1 * var(--matcha-space-100,8px))!important}.mr-lg--8{margin-right:calc(-1 * var(--matcha-space-100,8px))}.mr-lg--8--force{margin-right:calc(-1 * var(--matcha-space-100,8px))!important}.mb-lg--8{margin-bottom:calc(-1 * var(--matcha-space-100,8px))}.mb-lg--8--force{margin-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.ml-lg--8{margin-left:calc(-1 * var(--matcha-space-100,8px))}.ml-lg--8--force{margin-left:calc(-1 * var(--matcha-space-100,8px))!important}.m-lg--4{margin:calc(-1 * var(--matcha-space-050,4px))}.m-lg--4--force{margin:calc(-1 * var(--matcha-space-050,4px))!important}.mx-lg--4{margin-right:calc(-1 * var(--matcha-space-050,4px));margin-left:calc(-1 * var(--matcha-space-050,4px))}.mx-lg--4--force{margin-right:calc(-1 * var(--matcha-space-050,4px))!important;margin-left:calc(-1 * var(--matcha-space-050,4px))!important}.my-lg--4{margin-top:calc(-1 * var(--matcha-space-050,4px));margin-bottom:calc(-1 * var(--matcha-space-050,4px))}.my-lg--4--force{margin-top:calc(-1 * var(--matcha-space-050,4px))!important;margin-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.mt-lg--4{margin-top:calc(-1 * var(--matcha-space-050,4px))}.mt-lg--4--force{margin-top:calc(-1 * var(--matcha-space-050,4px))!important}.mr-lg--4{margin-right:calc(-1 * var(--matcha-space-050,4px))}.mr-lg--4--force{margin-right:calc(-1 * var(--matcha-space-050,4px))!important}.mb-lg--4{margin-bottom:calc(-1 * var(--matcha-space-050,4px))}.mb-lg--4--force{margin-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.ml-lg--4{margin-left:calc(-1 * var(--matcha-space-050,4px))}.ml-lg--4--force{margin-left:calc(-1 * var(--matcha-space-050,4px))!important}.m-lg-0{margin:var(--matcha-space-0,0)}.m-lg-0--force{margin:var(--matcha-space-0,0)!important}.mx-lg-0{margin-right:var(--matcha-space-0,0);margin-left:var(--matcha-space-0,0)}.mx-lg-0--force{margin-right:var(--matcha-space-0,0)!important;margin-left:var(--matcha-space-0,0)!important}.my-lg-0{margin-top:var(--matcha-space-0,0);margin-bottom:var(--matcha-space-0,0)}.my-lg-0--force{margin-top:var(--matcha-space-0,0)!important;margin-bottom:var(--matcha-space-0,0)!important}.mt-lg-0{margin-top:var(--matcha-space-0,0)}.mt-lg-0--force{margin-top:var(--matcha-space-0,0)!important}.mr-lg-0{margin-right:var(--matcha-space-0,0)}.mr-lg-0--force{margin-right:var(--matcha-space-0,0)!important}.mb-lg-0{margin-bottom:var(--matcha-space-0,0)}.mb-lg-0--force{margin-bottom:var(--matcha-space-0,0)!important}.ml-lg-0{margin-left:var(--matcha-space-0,0)}.ml-lg-0--force{margin-left:var(--matcha-space-0,0)!important}.m-lg-4{margin:var(--matcha-space-050,4px)}.m-lg-4--force{margin:var(--matcha-space-050,4px)!important}.mx-lg-4{margin-right:var(--matcha-space-050,4px);margin-left:var(--matcha-space-050,4px)}.mx-lg-4--force{margin-right:var(--matcha-space-050,4px)!important;margin-left:var(--matcha-space-050,4px)!important}.my-lg-4{margin-top:var(--matcha-space-050,4px);margin-bottom:var(--matcha-space-050,4px)}.my-lg-4--force{margin-top:var(--matcha-space-050,4px)!important;margin-bottom:var(--matcha-space-050,4px)!important}.mt-lg-4{margin-top:var(--matcha-space-050,4px)}.mt-lg-4--force{margin-top:var(--matcha-space-050,4px)!important}.mr-lg-4{margin-right:var(--matcha-space-050,4px)}.mr-lg-4--force{margin-right:var(--matcha-space-050,4px)!important}.mb-lg-4{margin-bottom:var(--matcha-space-050,4px)}.mb-lg-4--force{margin-bottom:var(--matcha-space-050,4px)!important}.ml-lg-4{margin-left:var(--matcha-space-050,4px)}.ml-lg-4--force{margin-left:var(--matcha-space-050,4px)!important}.m-lg-8{margin:var(--matcha-space-100,8px)}.m-lg-8--force{margin:var(--matcha-space-100,8px)!important}.mx-lg-8{margin-right:var(--matcha-space-100,8px);margin-left:var(--matcha-space-100,8px)}.mx-lg-8--force{margin-right:var(--matcha-space-100,8px)!important;margin-left:var(--matcha-space-100,8px)!important}.my-lg-8{margin-top:var(--matcha-space-100,8px);margin-bottom:var(--matcha-space-100,8px)}.my-lg-8--force{margin-top:var(--matcha-space-100,8px)!important;margin-bottom:var(--matcha-space-100,8px)!important}.mt-lg-8{margin-top:var(--matcha-space-100,8px)}.mt-lg-8--force{margin-top:var(--matcha-space-100,8px)!important}.mr-lg-8{margin-right:var(--matcha-space-100,8px)}.mr-lg-8--force{margin-right:var(--matcha-space-100,8px)!important}.mb-lg-8{margin-bottom:var(--matcha-space-100,8px)}.mb-lg-8--force{margin-bottom:var(--matcha-space-100,8px)!important}.ml-lg-8{margin-left:var(--matcha-space-100,8px)}.ml-lg-8--force{margin-left:var(--matcha-space-100,8px)!important}.m-lg-12{margin:var(--matcha-space-150,12px)}.m-lg-12--force{margin:var(--matcha-space-150,12px)!important}.mx-lg-12{margin-right:var(--matcha-space-150,12px);margin-left:var(--matcha-space-150,12px)}.mx-lg-12--force{margin-right:var(--matcha-space-150,12px)!important;margin-left:var(--matcha-space-150,12px)!important}.my-lg-12{margin-top:var(--matcha-space-150,12px);margin-bottom:var(--matcha-space-150,12px)}.my-lg-12--force{margin-top:var(--matcha-space-150,12px)!important;margin-bottom:var(--matcha-space-150,12px)!important}.mt-lg-12{margin-top:var(--matcha-space-150,12px)}.mt-lg-12--force{margin-top:var(--matcha-space-150,12px)!important}.mr-lg-12{margin-right:var(--matcha-space-150,12px)}.mr-lg-12--force{margin-right:var(--matcha-space-150,12px)!important}.mb-lg-12{margin-bottom:var(--matcha-space-150,12px)}.mb-lg-12--force{margin-bottom:var(--matcha-space-150,12px)!important}.ml-lg-12{margin-left:var(--matcha-space-150,12px)}.ml-lg-12--force{margin-left:var(--matcha-space-150,12px)!important}.m-lg-16{margin:var(--matcha-space-200,16px)}.m-lg-16--force{margin:var(--matcha-space-200,16px)!important}.mx-lg-16{margin-right:var(--matcha-space-200,16px);margin-left:var(--matcha-space-200,16px)}.mx-lg-16--force{margin-right:var(--matcha-space-200,16px)!important;margin-left:var(--matcha-space-200,16px)!important}.my-lg-16{margin-top:var(--matcha-space-200,16px);margin-bottom:var(--matcha-space-200,16px)}.my-lg-16--force{margin-top:var(--matcha-space-200,16px)!important;margin-bottom:var(--matcha-space-200,16px)!important}.mt-lg-16{margin-top:var(--matcha-space-200,16px)}.mt-lg-16--force{margin-top:var(--matcha-space-200,16px)!important}.mr-lg-16{margin-right:var(--matcha-space-200,16px)}.mr-lg-16--force{margin-right:var(--matcha-space-200,16px)!important}.mb-lg-16{margin-bottom:var(--matcha-space-200,16px)}.mb-lg-16--force{margin-bottom:var(--matcha-space-200,16px)!important}.ml-lg-16{margin-left:var(--matcha-space-200,16px)}.ml-lg-16--force{margin-left:var(--matcha-space-200,16px)!important}.m-lg-20{margin:var(--matcha-space-250,20px)}.m-lg-20--force{margin:var(--matcha-space-250,20px)!important}.mx-lg-20{margin-right:var(--matcha-space-250,20px);margin-left:var(--matcha-space-250,20px)}.mx-lg-20--force{margin-right:var(--matcha-space-250,20px)!important;margin-left:var(--matcha-space-250,20px)!important}.my-lg-20{margin-top:var(--matcha-space-250,20px);margin-bottom:var(--matcha-space-250,20px)}.my-lg-20--force{margin-top:var(--matcha-space-250,20px)!important;margin-bottom:var(--matcha-space-250,20px)!important}.mt-lg-20{margin-top:var(--matcha-space-250,20px)}.mt-lg-20--force{margin-top:var(--matcha-space-250,20px)!important}.mr-lg-20{margin-right:var(--matcha-space-250,20px)}.mr-lg-20--force{margin-right:var(--matcha-space-250,20px)!important}.mb-lg-20{margin-bottom:var(--matcha-space-250,20px)}.mb-lg-20--force{margin-bottom:var(--matcha-space-250,20px)!important}.ml-lg-20{margin-left:var(--matcha-space-250,20px)}.ml-lg-20--force{margin-left:var(--matcha-space-250,20px)!important}.m-lg-24{margin:var(--matcha-space-300,24px)}.m-lg-24--force{margin:var(--matcha-space-300,24px)!important}.mx-lg-24{margin-right:var(--matcha-space-300,24px);margin-left:var(--matcha-space-300,24px)}.mx-lg-24--force{margin-right:var(--matcha-space-300,24px)!important;margin-left:var(--matcha-space-300,24px)!important}.my-lg-24{margin-top:var(--matcha-space-300,24px);margin-bottom:var(--matcha-space-300,24px)}.my-lg-24--force{margin-top:var(--matcha-space-300,24px)!important;margin-bottom:var(--matcha-space-300,24px)!important}.mt-lg-24{margin-top:var(--matcha-space-300,24px)}.mt-lg-24--force{margin-top:var(--matcha-space-300,24px)!important}.mr-lg-24{margin-right:var(--matcha-space-300,24px)}.mr-lg-24--force{margin-right:var(--matcha-space-300,24px)!important}.mb-lg-24{margin-bottom:var(--matcha-space-300,24px)}.mb-lg-24--force{margin-bottom:var(--matcha-space-300,24px)!important}.ml-lg-24{margin-left:var(--matcha-space-300,24px)}.ml-lg-24--force{margin-left:var(--matcha-space-300,24px)!important}.m-lg-28{margin:28px}.m-lg-28--force{margin:28px!important}.mx-lg-28{margin-right:28px;margin-left:28px}.mx-lg-28--force{margin-right:28px!important;margin-left:28px!important}.my-lg-28{margin-top:28px;margin-bottom:28px}.my-lg-28--force{margin-top:28px!important;margin-bottom:28px!important}.mt-lg-28{margin-top:28px}.mt-lg-28--force{margin-top:28px!important}.mr-lg-28{margin-right:28px}.mr-lg-28--force{margin-right:28px!important}.mb-lg-28{margin-bottom:28px}.mb-lg-28--force{margin-bottom:28px!important}.ml-lg-28{margin-left:28px}.ml-lg-28--force{margin-left:28px!important}.m-lg-32{margin:var(--matcha-space-400,32px)}.m-lg-32--force{margin:var(--matcha-space-400,32px)!important}.mx-lg-32{margin-right:var(--matcha-space-400,32px);margin-left:var(--matcha-space-400,32px)}.mx-lg-32--force{margin-right:var(--matcha-space-400,32px)!important;margin-left:var(--matcha-space-400,32px)!important}.my-lg-32{margin-top:var(--matcha-space-400,32px);margin-bottom:var(--matcha-space-400,32px)}.my-lg-32--force{margin-top:var(--matcha-space-400,32px)!important;margin-bottom:var(--matcha-space-400,32px)!important}.mt-lg-32{margin-top:var(--matcha-space-400,32px)}.mt-lg-32--force{margin-top:var(--matcha-space-400,32px)!important}.mr-lg-32{margin-right:var(--matcha-space-400,32px)}.mr-lg-32--force{margin-right:var(--matcha-space-400,32px)!important}.mb-lg-32{margin-bottom:var(--matcha-space-400,32px)}.mb-lg-32--force{margin-bottom:var(--matcha-space-400,32px)!important}.ml-lg-32{margin-left:var(--matcha-space-400,32px)}.ml-lg-32--force{margin-left:var(--matcha-space-400,32px)!important}.m-lg-36{margin:36px}.m-lg-36--force{margin:36px!important}.mx-lg-36{margin-right:36px;margin-left:36px}.mx-lg-36--force{margin-right:36px!important;margin-left:36px!important}.my-lg-36{margin-top:36px;margin-bottom:36px}.my-lg-36--force{margin-top:36px!important;margin-bottom:36px!important}.mt-lg-36{margin-top:36px}.mt-lg-36--force{margin-top:36px!important}.mr-lg-36{margin-right:36px}.mr-lg-36--force{margin-right:36px!important}.mb-lg-36{margin-bottom:36px}.mb-lg-36--force{margin-bottom:36px!important}.ml-lg-36{margin-left:36px}.ml-lg-36--force{margin-left:36px!important}.m-lg-40{margin:var(--matcha-space-500,40px)}.m-lg-40--force{margin:var(--matcha-space-500,40px)!important}.mx-lg-40{margin-right:var(--matcha-space-500,40px);margin-left:var(--matcha-space-500,40px)}.mx-lg-40--force{margin-right:var(--matcha-space-500,40px)!important;margin-left:var(--matcha-space-500,40px)!important}.my-lg-40{margin-top:var(--matcha-space-500,40px);margin-bottom:var(--matcha-space-500,40px)}.my-lg-40--force{margin-top:var(--matcha-space-500,40px)!important;margin-bottom:var(--matcha-space-500,40px)!important}.mt-lg-40{margin-top:var(--matcha-space-500,40px)}.mt-lg-40--force{margin-top:var(--matcha-space-500,40px)!important}.mr-lg-40{margin-right:var(--matcha-space-500,40px)}.mr-lg-40--force{margin-right:var(--matcha-space-500,40px)!important}.mb-lg-40{margin-bottom:var(--matcha-space-500,40px)}.mb-lg-40--force{margin-bottom:var(--matcha-space-500,40px)!important}.ml-lg-40{margin-left:var(--matcha-space-500,40px)}.ml-lg-40--force{margin-left:var(--matcha-space-500,40px)!important}.m-lg-44{margin:44px}.m-lg-44--force{margin:44px!important}.mx-lg-44{margin-right:44px;margin-left:44px}.mx-lg-44--force{margin-right:44px!important;margin-left:44px!important}.my-lg-44{margin-top:44px;margin-bottom:44px}.my-lg-44--force{margin-top:44px!important;margin-bottom:44px!important}.mt-lg-44{margin-top:44px}.mt-lg-44--force{margin-top:44px!important}.mr-lg-44{margin-right:44px}.mr-lg-44--force{margin-right:44px!important}.mb-lg-44{margin-bottom:44px}.mb-lg-44--force{margin-bottom:44px!important}.ml-lg-44{margin-left:44px}.ml-lg-44--force{margin-left:44px!important}.m-lg-48{margin:var(--matcha-space-600,48px)}.m-lg-48--force{margin:var(--matcha-space-600,48px)!important}.mx-lg-48{margin-right:var(--matcha-space-600,48px);margin-left:var(--matcha-space-600,48px)}.mx-lg-48--force{margin-right:var(--matcha-space-600,48px)!important;margin-left:var(--matcha-space-600,48px)!important}.my-lg-48{margin-top:var(--matcha-space-600,48px);margin-bottom:var(--matcha-space-600,48px)}.my-lg-48--force{margin-top:var(--matcha-space-600,48px)!important;margin-bottom:var(--matcha-space-600,48px)!important}.mt-lg-48{margin-top:var(--matcha-space-600,48px)}.mt-lg-48--force{margin-top:var(--matcha-space-600,48px)!important}.mr-lg-48{margin-right:var(--matcha-space-600,48px)}.mr-lg-48--force{margin-right:var(--matcha-space-600,48px)!important}.mb-lg-48{margin-bottom:var(--matcha-space-600,48px)}.mb-lg-48--force{margin-bottom:var(--matcha-space-600,48px)!important}.ml-lg-48{margin-left:var(--matcha-space-600,48px)}.ml-lg-48--force{margin-left:var(--matcha-space-600,48px)!important}.m-lg-52{margin:52px}.m-lg-52--force{margin:52px!important}.mx-lg-52{margin-right:52px;margin-left:52px}.mx-lg-52--force{margin-right:52px!important;margin-left:52px!important}.my-lg-52{margin-top:52px;margin-bottom:52px}.my-lg-52--force{margin-top:52px!important;margin-bottom:52px!important}.mt-lg-52{margin-top:52px}.mt-lg-52--force{margin-top:52px!important}.mr-lg-52{margin-right:52px}.mr-lg-52--force{margin-right:52px!important}.mb-lg-52{margin-bottom:52px}.mb-lg-52--force{margin-bottom:52px!important}.ml-lg-52{margin-left:52px}.ml-lg-52--force{margin-left:52px!important}.m-lg-56{margin:56px}.m-lg-56--force{margin:56px!important}.mx-lg-56{margin-right:56px;margin-left:56px}.mx-lg-56--force{margin-right:56px!important;margin-left:56px!important}.my-lg-56{margin-top:56px;margin-bottom:56px}.my-lg-56--force{margin-top:56px!important;margin-bottom:56px!important}.mt-lg-56{margin-top:56px}.mt-lg-56--force{margin-top:56px!important}.mr-lg-56{margin-right:56px}.mr-lg-56--force{margin-right:56px!important}.mb-lg-56{margin-bottom:56px}.mb-lg-56--force{margin-bottom:56px!important}.ml-lg-56{margin-left:56px}.ml-lg-56--force{margin-left:56px!important}.m-lg-60{margin:60px}.m-lg-60--force{margin:60px!important}.mx-lg-60{margin-right:60px;margin-left:60px}.mx-lg-60--force{margin-right:60px!important;margin-left:60px!important}.my-lg-60{margin-top:60px;margin-bottom:60px}.my-lg-60--force{margin-top:60px!important;margin-bottom:60px!important}.mt-lg-60{margin-top:60px}.mt-lg-60--force{margin-top:60px!important}.mr-lg-60{margin-right:60px}.mr-lg-60--force{margin-right:60px!important}.mb-lg-60{margin-bottom:60px}.mb-lg-60--force{margin-bottom:60px!important}.ml-lg-60{margin-left:60px}.ml-lg-60--force{margin-left:60px!important}.m-lg-64{margin:var(--matcha-space-800,64px)}.m-lg-64--force{margin:var(--matcha-space-800,64px)!important}.mx-lg-64{margin-right:var(--matcha-space-800,64px);margin-left:var(--matcha-space-800,64px)}.mx-lg-64--force{margin-right:var(--matcha-space-800,64px)!important;margin-left:var(--matcha-space-800,64px)!important}.my-lg-64{margin-top:var(--matcha-space-800,64px);margin-bottom:var(--matcha-space-800,64px)}.my-lg-64--force{margin-top:var(--matcha-space-800,64px)!important;margin-bottom:var(--matcha-space-800,64px)!important}.mt-lg-64{margin-top:var(--matcha-space-800,64px)}.mt-lg-64--force{margin-top:var(--matcha-space-800,64px)!important}.mr-lg-64{margin-right:var(--matcha-space-800,64px)}.mr-lg-64--force{margin-right:var(--matcha-space-800,64px)!important}.mb-lg-64{margin-bottom:var(--matcha-space-800,64px)}.mb-lg-64--force{margin-bottom:var(--matcha-space-800,64px)!important}.ml-lg-64{margin-left:var(--matcha-space-800,64px)}.ml-lg-64--force{margin-left:var(--matcha-space-800,64px)!important}.m-lg-auto{margin:auto}.m-lg-auto--force{margin:auto!important}.mt-lg-auto{margin-top:auto}.mt-lg-auto--force{margin-top:auto!important}.mr-lg-auto{margin-right:auto}.mr-lg-auto--force{margin-right:auto!important}.mb-lg-auto{margin-bottom:auto}.mb-lg-auto--force{margin-bottom:auto!important}.ml-lg-auto{margin-left:auto}.ml-lg-auto--force{margin-left:auto!important}.mx-lg-auto{margin-right:auto;margin-left:auto}.mx-lg-auto--force{margin-right:auto!important;margin-left:auto!important}.my-lg-auto{margin-top:auto;margin-bottom:auto}.my-lg-auto--force{margin-top:auto!important;margin-bottom:auto!important}.p-lg--64{padding:calc(-1 * var(--matcha-space-800,64px))}.p-lg--64--force{padding:calc(-1 * var(--matcha-space-800,64px))!important}.px-lg--64{padding-right:calc(-1 * var(--matcha-space-800,64px));padding-left:calc(-1 * var(--matcha-space-800,64px))}.px-lg--64--force{padding-right:calc(-1 * var(--matcha-space-800,64px))!important;padding-left:calc(-1 * var(--matcha-space-800,64px))!important}.py-lg--64{padding-top:calc(-1 * var(--matcha-space-800,64px));padding-bottom:calc(-1 * var(--matcha-space-800,64px))}.py-lg--64--force{padding-top:calc(-1 * var(--matcha-space-800,64px))!important;padding-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.pt-lg--64{padding-top:calc(-1 * var(--matcha-space-800,64px))}.pt-lg--64--force{padding-top:calc(-1 * var(--matcha-space-800,64px))!important}.pr-lg--64{padding-right:calc(-1 * var(--matcha-space-800,64px))}.pr-lg--64--force{padding-right:calc(-1 * var(--matcha-space-800,64px))!important}.pb-lg--64{padding-bottom:calc(-1 * var(--matcha-space-800,64px))}.pb-lg--64--force{padding-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.pl-lg--64{padding-left:calc(-1 * var(--matcha-space-800,64px))}.pl-lg--64--force{padding-left:calc(-1 * var(--matcha-space-800,64px))!important}.p-lg--48{padding:calc(-1 * var(--matcha-space-600,48px))}.p-lg--48--force{padding:calc(-1 * var(--matcha-space-600,48px))!important}.px-lg--48{padding-right:calc(-1 * var(--matcha-space-600,48px));padding-left:calc(-1 * var(--matcha-space-600,48px))}.px-lg--48--force{padding-right:calc(-1 * var(--matcha-space-600,48px))!important;padding-left:calc(-1 * var(--matcha-space-600,48px))!important}.py-lg--48{padding-top:calc(-1 * var(--matcha-space-600,48px));padding-bottom:calc(-1 * var(--matcha-space-600,48px))}.py-lg--48--force{padding-top:calc(-1 * var(--matcha-space-600,48px))!important;padding-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.pt-lg--48{padding-top:calc(-1 * var(--matcha-space-600,48px))}.pt-lg--48--force{padding-top:calc(-1 * var(--matcha-space-600,48px))!important}.pr-lg--48{padding-right:calc(-1 * var(--matcha-space-600,48px))}.pr-lg--48--force{padding-right:calc(-1 * var(--matcha-space-600,48px))!important}.pb-lg--48{padding-bottom:calc(-1 * var(--matcha-space-600,48px))}.pb-lg--48--force{padding-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.pl-lg--48{padding-left:calc(-1 * var(--matcha-space-600,48px))}.pl-lg--48--force{padding-left:calc(-1 * var(--matcha-space-600,48px))!important}.p-lg--40{padding:calc(-1 * var(--matcha-space-500,40px))}.p-lg--40--force{padding:calc(-1 * var(--matcha-space-500,40px))!important}.px-lg--40{padding-right:calc(-1 * var(--matcha-space-500,40px));padding-left:calc(-1 * var(--matcha-space-500,40px))}.px-lg--40--force{padding-right:calc(-1 * var(--matcha-space-500,40px))!important;padding-left:calc(-1 * var(--matcha-space-500,40px))!important}.py-lg--40{padding-top:calc(-1 * var(--matcha-space-500,40px));padding-bottom:calc(-1 * var(--matcha-space-500,40px))}.py-lg--40--force{padding-top:calc(-1 * var(--matcha-space-500,40px))!important;padding-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.pt-lg--40{padding-top:calc(-1 * var(--matcha-space-500,40px))}.pt-lg--40--force{padding-top:calc(-1 * var(--matcha-space-500,40px))!important}.pr-lg--40{padding-right:calc(-1 * var(--matcha-space-500,40px))}.pr-lg--40--force{padding-right:calc(-1 * var(--matcha-space-500,40px))!important}.pb-lg--40{padding-bottom:calc(-1 * var(--matcha-space-500,40px))}.pb-lg--40--force{padding-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.pl-lg--40{padding-left:calc(-1 * var(--matcha-space-500,40px))}.pl-lg--40--force{padding-left:calc(-1 * var(--matcha-space-500,40px))!important}.p-lg--32{padding:calc(-1 * var(--matcha-space-400,32px))}.p-lg--32--force{padding:calc(-1 * var(--matcha-space-400,32px))!important}.px-lg--32{padding-right:calc(-1 * var(--matcha-space-400,32px));padding-left:calc(-1 * var(--matcha-space-400,32px))}.px-lg--32--force{padding-right:calc(-1 * var(--matcha-space-400,32px))!important;padding-left:calc(-1 * var(--matcha-space-400,32px))!important}.py-lg--32{padding-top:calc(-1 * var(--matcha-space-400,32px));padding-bottom:calc(-1 * var(--matcha-space-400,32px))}.py-lg--32--force{padding-top:calc(-1 * var(--matcha-space-400,32px))!important;padding-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.pt-lg--32{padding-top:calc(-1 * var(--matcha-space-400,32px))}.pt-lg--32--force{padding-top:calc(-1 * var(--matcha-space-400,32px))!important}.pr-lg--32{padding-right:calc(-1 * var(--matcha-space-400,32px))}.pr-lg--32--force{padding-right:calc(-1 * var(--matcha-space-400,32px))!important}.pb-lg--32{padding-bottom:calc(-1 * var(--matcha-space-400,32px))}.pb-lg--32--force{padding-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.pl-lg--32{padding-left:calc(-1 * var(--matcha-space-400,32px))}.pl-lg--32--force{padding-left:calc(-1 * var(--matcha-space-400,32px))!important}.p-lg--24{padding:calc(-1 * var(--matcha-space-300,24px))}.p-lg--24--force{padding:calc(-1 * var(--matcha-space-300,24px))!important}.px-lg--24{padding-right:calc(-1 * var(--matcha-space-300,24px));padding-left:calc(-1 * var(--matcha-space-300,24px))}.px-lg--24--force{padding-right:calc(-1 * var(--matcha-space-300,24px))!important;padding-left:calc(-1 * var(--matcha-space-300,24px))!important}.py-lg--24{padding-top:calc(-1 * var(--matcha-space-300,24px));padding-bottom:calc(-1 * var(--matcha-space-300,24px))}.py-lg--24--force{padding-top:calc(-1 * var(--matcha-space-300,24px))!important;padding-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.pt-lg--24{padding-top:calc(-1 * var(--matcha-space-300,24px))}.pt-lg--24--force{padding-top:calc(-1 * var(--matcha-space-300,24px))!important}.pr-lg--24{padding-right:calc(-1 * var(--matcha-space-300,24px))}.pr-lg--24--force{padding-right:calc(-1 * var(--matcha-space-300,24px))!important}.pb-lg--24{padding-bottom:calc(-1 * var(--matcha-space-300,24px))}.pb-lg--24--force{padding-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.pl-lg--24{padding-left:calc(-1 * var(--matcha-space-300,24px))}.pl-lg--24--force{padding-left:calc(-1 * var(--matcha-space-300,24px))!important}.p-lg--20{padding:calc(-1 * var(--matcha-space-250,20px))}.p-lg--20--force{padding:calc(-1 * var(--matcha-space-250,20px))!important}.px-lg--20{padding-right:calc(-1 * var(--matcha-space-250,20px));padding-left:calc(-1 * var(--matcha-space-250,20px))}.px-lg--20--force{padding-right:calc(-1 * var(--matcha-space-250,20px))!important;padding-left:calc(-1 * var(--matcha-space-250,20px))!important}.py-lg--20{padding-top:calc(-1 * var(--matcha-space-250,20px));padding-bottom:calc(-1 * var(--matcha-space-250,20px))}.py-lg--20--force{padding-top:calc(-1 * var(--matcha-space-250,20px))!important;padding-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.pt-lg--20{padding-top:calc(-1 * var(--matcha-space-250,20px))}.pt-lg--20--force{padding-top:calc(-1 * var(--matcha-space-250,20px))!important}.pr-lg--20{padding-right:calc(-1 * var(--matcha-space-250,20px))}.pr-lg--20--force{padding-right:calc(-1 * var(--matcha-space-250,20px))!important}.pb-lg--20{padding-bottom:calc(-1 * var(--matcha-space-250,20px))}.pb-lg--20--force{padding-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.pl-lg--20{padding-left:calc(-1 * var(--matcha-space-250,20px))}.pl-lg--20--force{padding-left:calc(-1 * var(--matcha-space-250,20px))!important}.p-lg--16{padding:calc(-1 * var(--matcha-space-200,16px))}.p-lg--16--force{padding:calc(-1 * var(--matcha-space-200,16px))!important}.px-lg--16{padding-right:calc(-1 * var(--matcha-space-200,16px));padding-left:calc(-1 * var(--matcha-space-200,16px))}.px-lg--16--force{padding-right:calc(-1 * var(--matcha-space-200,16px))!important;padding-left:calc(-1 * var(--matcha-space-200,16px))!important}.py-lg--16{padding-top:calc(-1 * var(--matcha-space-200,16px));padding-bottom:calc(-1 * var(--matcha-space-200,16px))}.py-lg--16--force{padding-top:calc(-1 * var(--matcha-space-200,16px))!important;padding-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.pt-lg--16{padding-top:calc(-1 * var(--matcha-space-200,16px))}.pt-lg--16--force{padding-top:calc(-1 * var(--matcha-space-200,16px))!important}.pr-lg--16{padding-right:calc(-1 * var(--matcha-space-200,16px))}.pr-lg--16--force{padding-right:calc(-1 * var(--matcha-space-200,16px))!important}.pb-lg--16{padding-bottom:calc(-1 * var(--matcha-space-200,16px))}.pb-lg--16--force{padding-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.pl-lg--16{padding-left:calc(-1 * var(--matcha-space-200,16px))}.pl-lg--16--force{padding-left:calc(-1 * var(--matcha-space-200,16px))!important}.p-lg--12{padding:calc(-1 * var(--matcha-space-150,12px))}.p-lg--12--force{padding:calc(-1 * var(--matcha-space-150,12px))!important}.px-lg--12{padding-right:calc(-1 * var(--matcha-space-150,12px));padding-left:calc(-1 * var(--matcha-space-150,12px))}.px-lg--12--force{padding-right:calc(-1 * var(--matcha-space-150,12px))!important;padding-left:calc(-1 * var(--matcha-space-150,12px))!important}.py-lg--12{padding-top:calc(-1 * var(--matcha-space-150,12px));padding-bottom:calc(-1 * var(--matcha-space-150,12px))}.py-lg--12--force{padding-top:calc(-1 * var(--matcha-space-150,12px))!important;padding-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.pt-lg--12{padding-top:calc(-1 * var(--matcha-space-150,12px))}.pt-lg--12--force{padding-top:calc(-1 * var(--matcha-space-150,12px))!important}.pr-lg--12{padding-right:calc(-1 * var(--matcha-space-150,12px))}.pr-lg--12--force{padding-right:calc(-1 * var(--matcha-space-150,12px))!important}.pb-lg--12{padding-bottom:calc(-1 * var(--matcha-space-150,12px))}.pb-lg--12--force{padding-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.pl-lg--12{padding-left:calc(-1 * var(--matcha-space-150,12px))}.pl-lg--12--force{padding-left:calc(-1 * var(--matcha-space-150,12px))!important}.p-lg--8{padding:calc(-1 * var(--matcha-space-100,8px))}.p-lg--8--force{padding:calc(-1 * var(--matcha-space-100,8px))!important}.px-lg--8{padding-right:calc(-1 * var(--matcha-space-100,8px));padding-left:calc(-1 * var(--matcha-space-100,8px))}.px-lg--8--force{padding-right:calc(-1 * var(--matcha-space-100,8px))!important;padding-left:calc(-1 * var(--matcha-space-100,8px))!important}.py-lg--8{padding-top:calc(-1 * var(--matcha-space-100,8px));padding-bottom:calc(-1 * var(--matcha-space-100,8px))}.py-lg--8--force{padding-top:calc(-1 * var(--matcha-space-100,8px))!important;padding-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.pt-lg--8{padding-top:calc(-1 * var(--matcha-space-100,8px))}.pt-lg--8--force{padding-top:calc(-1 * var(--matcha-space-100,8px))!important}.pr-lg--8{padding-right:calc(-1 * var(--matcha-space-100,8px))}.pr-lg--8--force{padding-right:calc(-1 * var(--matcha-space-100,8px))!important}.pb-lg--8{padding-bottom:calc(-1 * var(--matcha-space-100,8px))}.pb-lg--8--force{padding-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.pl-lg--8{padding-left:calc(-1 * var(--matcha-space-100,8px))}.pl-lg--8--force{padding-left:calc(-1 * var(--matcha-space-100,8px))!important}.p-lg--4{padding:calc(-1 * var(--matcha-space-050,4px))}.p-lg--4--force{padding:calc(-1 * var(--matcha-space-050,4px))!important}.px-lg--4{padding-right:calc(-1 * var(--matcha-space-050,4px));padding-left:calc(-1 * var(--matcha-space-050,4px))}.px-lg--4--force{padding-right:calc(-1 * var(--matcha-space-050,4px))!important;padding-left:calc(-1 * var(--matcha-space-050,4px))!important}.py-lg--4{padding-top:calc(-1 * var(--matcha-space-050,4px));padding-bottom:calc(-1 * var(--matcha-space-050,4px))}.py-lg--4--force{padding-top:calc(-1 * var(--matcha-space-050,4px))!important;padding-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.pt-lg--4{padding-top:calc(-1 * var(--matcha-space-050,4px))}.pt-lg--4--force{padding-top:calc(-1 * var(--matcha-space-050,4px))!important}.pr-lg--4{padding-right:calc(-1 * var(--matcha-space-050,4px))}.pr-lg--4--force{padding-right:calc(-1 * var(--matcha-space-050,4px))!important}.pb-lg--4{padding-bottom:calc(-1 * var(--matcha-space-050,4px))}.pb-lg--4--force{padding-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.pl-lg--4{padding-left:calc(-1 * var(--matcha-space-050,4px))}.pl-lg--4--force{padding-left:calc(-1 * var(--matcha-space-050,4px))!important}.p-lg-0{padding:var(--matcha-space-0,0)}.p-lg-0--force{padding:var(--matcha-space-0,0)!important}.px-lg-0{padding-right:var(--matcha-space-0,0);padding-left:var(--matcha-space-0,0)}.px-lg-0--force{padding-right:var(--matcha-space-0,0)!important;padding-left:var(--matcha-space-0,0)!important}.py-lg-0{padding-top:var(--matcha-space-0,0);padding-bottom:var(--matcha-space-0,0)}.py-lg-0--force{padding-top:var(--matcha-space-0,0)!important;padding-bottom:var(--matcha-space-0,0)!important}.pt-lg-0{padding-top:var(--matcha-space-0,0)}.pt-lg-0--force{padding-top:var(--matcha-space-0,0)!important}.pr-lg-0{padding-right:var(--matcha-space-0,0)}.pr-lg-0--force{padding-right:var(--matcha-space-0,0)!important}.pb-lg-0{padding-bottom:var(--matcha-space-0,0)}.pb-lg-0--force{padding-bottom:var(--matcha-space-0,0)!important}.pl-lg-0{padding-left:var(--matcha-space-0,0)}.pl-lg-0--force{padding-left:var(--matcha-space-0,0)!important}.p-lg-4{padding:var(--matcha-space-050,4px)}.p-lg-4--force{padding:var(--matcha-space-050,4px)!important}.px-lg-4{padding-right:var(--matcha-space-050,4px);padding-left:var(--matcha-space-050,4px)}.px-lg-4--force{padding-right:var(--matcha-space-050,4px)!important;padding-left:var(--matcha-space-050,4px)!important}.py-lg-4{padding-top:var(--matcha-space-050,4px);padding-bottom:var(--matcha-space-050,4px)}.py-lg-4--force{padding-top:var(--matcha-space-050,4px)!important;padding-bottom:var(--matcha-space-050,4px)!important}.pt-lg-4{padding-top:var(--matcha-space-050,4px)}.pt-lg-4--force{padding-top:var(--matcha-space-050,4px)!important}.pr-lg-4{padding-right:var(--matcha-space-050,4px)}.pr-lg-4--force{padding-right:var(--matcha-space-050,4px)!important}.pb-lg-4{padding-bottom:var(--matcha-space-050,4px)}.pb-lg-4--force{padding-bottom:var(--matcha-space-050,4px)!important}.pl-lg-4{padding-left:var(--matcha-space-050,4px)}.pl-lg-4--force{padding-left:var(--matcha-space-050,4px)!important}.p-lg-8{padding:var(--matcha-space-100,8px)}.p-lg-8--force{padding:var(--matcha-space-100,8px)!important}.px-lg-8{padding-right:var(--matcha-space-100,8px);padding-left:var(--matcha-space-100,8px)}.px-lg-8--force{padding-right:var(--matcha-space-100,8px)!important;padding-left:var(--matcha-space-100,8px)!important}.py-lg-8{padding-top:var(--matcha-space-100,8px);padding-bottom:var(--matcha-space-100,8px)}.py-lg-8--force{padding-top:var(--matcha-space-100,8px)!important;padding-bottom:var(--matcha-space-100,8px)!important}.pt-lg-8{padding-top:var(--matcha-space-100,8px)}.pt-lg-8--force{padding-top:var(--matcha-space-100,8px)!important}.pr-lg-8{padding-right:var(--matcha-space-100,8px)}.pr-lg-8--force{padding-right:var(--matcha-space-100,8px)!important}.pb-lg-8{padding-bottom:var(--matcha-space-100,8px)}.pb-lg-8--force{padding-bottom:var(--matcha-space-100,8px)!important}.pl-lg-8{padding-left:var(--matcha-space-100,8px)}.pl-lg-8--force{padding-left:var(--matcha-space-100,8px)!important}.p-lg-12{padding:var(--matcha-space-150,12px)}.p-lg-12--force{padding:var(--matcha-space-150,12px)!important}.px-lg-12{padding-right:var(--matcha-space-150,12px);padding-left:var(--matcha-space-150,12px)}.px-lg-12--force{padding-right:var(--matcha-space-150,12px)!important;padding-left:var(--matcha-space-150,12px)!important}.py-lg-12{padding-top:var(--matcha-space-150,12px);padding-bottom:var(--matcha-space-150,12px)}.py-lg-12--force{padding-top:var(--matcha-space-150,12px)!important;padding-bottom:var(--matcha-space-150,12px)!important}.pt-lg-12{padding-top:var(--matcha-space-150,12px)}.pt-lg-12--force{padding-top:var(--matcha-space-150,12px)!important}.pr-lg-12{padding-right:var(--matcha-space-150,12px)}.pr-lg-12--force{padding-right:var(--matcha-space-150,12px)!important}.pb-lg-12{padding-bottom:var(--matcha-space-150,12px)}.pb-lg-12--force{padding-bottom:var(--matcha-space-150,12px)!important}.pl-lg-12{padding-left:var(--matcha-space-150,12px)}.pl-lg-12--force{padding-left:var(--matcha-space-150,12px)!important}.p-lg-16{padding:var(--matcha-space-200,16px)}.p-lg-16--force{padding:var(--matcha-space-200,16px)!important}.px-lg-16{padding-right:var(--matcha-space-200,16px);padding-left:var(--matcha-space-200,16px)}.px-lg-16--force{padding-right:var(--matcha-space-200,16px)!important;padding-left:var(--matcha-space-200,16px)!important}.py-lg-16{padding-top:var(--matcha-space-200,16px);padding-bottom:var(--matcha-space-200,16px)}.py-lg-16--force{padding-top:var(--matcha-space-200,16px)!important;padding-bottom:var(--matcha-space-200,16px)!important}.pt-lg-16{padding-top:var(--matcha-space-200,16px)}.pt-lg-16--force{padding-top:var(--matcha-space-200,16px)!important}.pr-lg-16{padding-right:var(--matcha-space-200,16px)}.pr-lg-16--force{padding-right:var(--matcha-space-200,16px)!important}.pb-lg-16{padding-bottom:var(--matcha-space-200,16px)}.pb-lg-16--force{padding-bottom:var(--matcha-space-200,16px)!important}.pl-lg-16{padding-left:var(--matcha-space-200,16px)}.pl-lg-16--force{padding-left:var(--matcha-space-200,16px)!important}.p-lg-20{padding:var(--matcha-space-250,20px)}.p-lg-20--force{padding:var(--matcha-space-250,20px)!important}.px-lg-20{padding-right:var(--matcha-space-250,20px);padding-left:var(--matcha-space-250,20px)}.px-lg-20--force{padding-right:var(--matcha-space-250,20px)!important;padding-left:var(--matcha-space-250,20px)!important}.py-lg-20{padding-top:var(--matcha-space-250,20px);padding-bottom:var(--matcha-space-250,20px)}.py-lg-20--force{padding-top:var(--matcha-space-250,20px)!important;padding-bottom:var(--matcha-space-250,20px)!important}.pt-lg-20{padding-top:var(--matcha-space-250,20px)}.pt-lg-20--force{padding-top:var(--matcha-space-250,20px)!important}.pr-lg-20{padding-right:var(--matcha-space-250,20px)}.pr-lg-20--force{padding-right:var(--matcha-space-250,20px)!important}.pb-lg-20{padding-bottom:var(--matcha-space-250,20px)}.pb-lg-20--force{padding-bottom:var(--matcha-space-250,20px)!important}.pl-lg-20{padding-left:var(--matcha-space-250,20px)}.pl-lg-20--force{padding-left:var(--matcha-space-250,20px)!important}.p-lg-24{padding:var(--matcha-space-300,24px)}.p-lg-24--force{padding:var(--matcha-space-300,24px)!important}.px-lg-24{padding-right:var(--matcha-space-300,24px);padding-left:var(--matcha-space-300,24px)}.px-lg-24--force{padding-right:var(--matcha-space-300,24px)!important;padding-left:var(--matcha-space-300,24px)!important}.py-lg-24{padding-top:var(--matcha-space-300,24px);padding-bottom:var(--matcha-space-300,24px)}.py-lg-24--force{padding-top:var(--matcha-space-300,24px)!important;padding-bottom:var(--matcha-space-300,24px)!important}.pt-lg-24{padding-top:var(--matcha-space-300,24px)}.pt-lg-24--force{padding-top:var(--matcha-space-300,24px)!important}.pr-lg-24{padding-right:var(--matcha-space-300,24px)}.pr-lg-24--force{padding-right:var(--matcha-space-300,24px)!important}.pb-lg-24{padding-bottom:var(--matcha-space-300,24px)}.pb-lg-24--force{padding-bottom:var(--matcha-space-300,24px)!important}.pl-lg-24{padding-left:var(--matcha-space-300,24px)}.pl-lg-24--force{padding-left:var(--matcha-space-300,24px)!important}.p-lg-28{padding:28px}.p-lg-28--force{padding:28px!important}.px-lg-28{padding-right:28px;padding-left:28px}.px-lg-28--force{padding-right:28px!important;padding-left:28px!important}.py-lg-28{padding-top:28px;padding-bottom:28px}.py-lg-28--force{padding-top:28px!important;padding-bottom:28px!important}.pt-lg-28{padding-top:28px}.pt-lg-28--force{padding-top:28px!important}.pr-lg-28{padding-right:28px}.pr-lg-28--force{padding-right:28px!important}.pb-lg-28{padding-bottom:28px}.pb-lg-28--force{padding-bottom:28px!important}.pl-lg-28{padding-left:28px}.pl-lg-28--force{padding-left:28px!important}.p-lg-32{padding:var(--matcha-space-400,32px)}.p-lg-32--force{padding:var(--matcha-space-400,32px)!important}.px-lg-32{padding-right:var(--matcha-space-400,32px);padding-left:var(--matcha-space-400,32px)}.px-lg-32--force{padding-right:var(--matcha-space-400,32px)!important;padding-left:var(--matcha-space-400,32px)!important}.py-lg-32{padding-top:var(--matcha-space-400,32px);padding-bottom:var(--matcha-space-400,32px)}.py-lg-32--force{padding-top:var(--matcha-space-400,32px)!important;padding-bottom:var(--matcha-space-400,32px)!important}.pt-lg-32{padding-top:var(--matcha-space-400,32px)}.pt-lg-32--force{padding-top:var(--matcha-space-400,32px)!important}.pr-lg-32{padding-right:var(--matcha-space-400,32px)}.pr-lg-32--force{padding-right:var(--matcha-space-400,32px)!important}.pb-lg-32{padding-bottom:var(--matcha-space-400,32px)}.pb-lg-32--force{padding-bottom:var(--matcha-space-400,32px)!important}.pl-lg-32{padding-left:var(--matcha-space-400,32px)}.pl-lg-32--force{padding-left:var(--matcha-space-400,32px)!important}.p-lg-36{padding:36px}.p-lg-36--force{padding:36px!important}.px-lg-36{padding-right:36px;padding-left:36px}.px-lg-36--force{padding-right:36px!important;padding-left:36px!important}.py-lg-36{padding-top:36px;padding-bottom:36px}.py-lg-36--force{padding-top:36px!important;padding-bottom:36px!important}.pt-lg-36{padding-top:36px}.pt-lg-36--force{padding-top:36px!important}.pr-lg-36{padding-right:36px}.pr-lg-36--force{padding-right:36px!important}.pb-lg-36{padding-bottom:36px}.pb-lg-36--force{padding-bottom:36px!important}.pl-lg-36{padding-left:36px}.pl-lg-36--force{padding-left:36px!important}.p-lg-40{padding:var(--matcha-space-500,40px)}.p-lg-40--force{padding:var(--matcha-space-500,40px)!important}.px-lg-40{padding-right:var(--matcha-space-500,40px);padding-left:var(--matcha-space-500,40px)}.px-lg-40--force{padding-right:var(--matcha-space-500,40px)!important;padding-left:var(--matcha-space-500,40px)!important}.py-lg-40{padding-top:var(--matcha-space-500,40px);padding-bottom:var(--matcha-space-500,40px)}.py-lg-40--force{padding-top:var(--matcha-space-500,40px)!important;padding-bottom:var(--matcha-space-500,40px)!important}.pt-lg-40{padding-top:var(--matcha-space-500,40px)}.pt-lg-40--force{padding-top:var(--matcha-space-500,40px)!important}.pr-lg-40{padding-right:var(--matcha-space-500,40px)}.pr-lg-40--force{padding-right:var(--matcha-space-500,40px)!important}.pb-lg-40{padding-bottom:var(--matcha-space-500,40px)}.pb-lg-40--force{padding-bottom:var(--matcha-space-500,40px)!important}.pl-lg-40{padding-left:var(--matcha-space-500,40px)}.pl-lg-40--force{padding-left:var(--matcha-space-500,40px)!important}.p-lg-44{padding:44px}.p-lg-44--force{padding:44px!important}.px-lg-44{padding-right:44px;padding-left:44px}.px-lg-44--force{padding-right:44px!important;padding-left:44px!important}.py-lg-44{padding-top:44px;padding-bottom:44px}.py-lg-44--force{padding-top:44px!important;padding-bottom:44px!important}.pt-lg-44{padding-top:44px}.pt-lg-44--force{padding-top:44px!important}.pr-lg-44{padding-right:44px}.pr-lg-44--force{padding-right:44px!important}.pb-lg-44{padding-bottom:44px}.pb-lg-44--force{padding-bottom:44px!important}.pl-lg-44{padding-left:44px}.pl-lg-44--force{padding-left:44px!important}.p-lg-48{padding:var(--matcha-space-600,48px)}.p-lg-48--force{padding:var(--matcha-space-600,48px)!important}.px-lg-48{padding-right:var(--matcha-space-600,48px);padding-left:var(--matcha-space-600,48px)}.px-lg-48--force{padding-right:var(--matcha-space-600,48px)!important;padding-left:var(--matcha-space-600,48px)!important}.py-lg-48{padding-top:var(--matcha-space-600,48px);padding-bottom:var(--matcha-space-600,48px)}.py-lg-48--force{padding-top:var(--matcha-space-600,48px)!important;padding-bottom:var(--matcha-space-600,48px)!important}.pt-lg-48{padding-top:var(--matcha-space-600,48px)}.pt-lg-48--force{padding-top:var(--matcha-space-600,48px)!important}.pr-lg-48{padding-right:var(--matcha-space-600,48px)}.pr-lg-48--force{padding-right:var(--matcha-space-600,48px)!important}.pb-lg-48{padding-bottom:var(--matcha-space-600,48px)}.pb-lg-48--force{padding-bottom:var(--matcha-space-600,48px)!important}.pl-lg-48{padding-left:var(--matcha-space-600,48px)}.pl-lg-48--force{padding-left:var(--matcha-space-600,48px)!important}.p-lg-52{padding:52px}.p-lg-52--force{padding:52px!important}.px-lg-52{padding-right:52px;padding-left:52px}.px-lg-52--force{padding-right:52px!important;padding-left:52px!important}.py-lg-52{padding-top:52px;padding-bottom:52px}.py-lg-52--force{padding-top:52px!important;padding-bottom:52px!important}.pt-lg-52{padding-top:52px}.pt-lg-52--force{padding-top:52px!important}.pr-lg-52{padding-right:52px}.pr-lg-52--force{padding-right:52px!important}.pb-lg-52{padding-bottom:52px}.pb-lg-52--force{padding-bottom:52px!important}.pl-lg-52{padding-left:52px}.pl-lg-52--force{padding-left:52px!important}.p-lg-56{padding:56px}.p-lg-56--force{padding:56px!important}.px-lg-56{padding-right:56px;padding-left:56px}.px-lg-56--force{padding-right:56px!important;padding-left:56px!important}.py-lg-56{padding-top:56px;padding-bottom:56px}.py-lg-56--force{padding-top:56px!important;padding-bottom:56px!important}.pt-lg-56{padding-top:56px}.pt-lg-56--force{padding-top:56px!important}.pr-lg-56{padding-right:56px}.pr-lg-56--force{padding-right:56px!important}.pb-lg-56{padding-bottom:56px}.pb-lg-56--force{padding-bottom:56px!important}.pl-lg-56{padding-left:56px}.pl-lg-56--force{padding-left:56px!important}.p-lg-60{padding:60px}.p-lg-60--force{padding:60px!important}.px-lg-60{padding-right:60px;padding-left:60px}.px-lg-60--force{padding-right:60px!important;padding-left:60px!important}.py-lg-60{padding-top:60px;padding-bottom:60px}.py-lg-60--force{padding-top:60px!important;padding-bottom:60px!important}.pt-lg-60{padding-top:60px}.pt-lg-60--force{padding-top:60px!important}.pr-lg-60{padding-right:60px}.pr-lg-60--force{padding-right:60px!important}.pb-lg-60{padding-bottom:60px}.pb-lg-60--force{padding-bottom:60px!important}.pl-lg-60{padding-left:60px}.pl-lg-60--force{padding-left:60px!important}.p-lg-64{padding:var(--matcha-space-800,64px)}.p-lg-64--force{padding:var(--matcha-space-800,64px)!important}.px-lg-64{padding-right:var(--matcha-space-800,64px);padding-left:var(--matcha-space-800,64px)}.px-lg-64--force{padding-right:var(--matcha-space-800,64px)!important;padding-left:var(--matcha-space-800,64px)!important}.py-lg-64{padding-top:var(--matcha-space-800,64px);padding-bottom:var(--matcha-space-800,64px)}.py-lg-64--force{padding-top:var(--matcha-space-800,64px)!important;padding-bottom:var(--matcha-space-800,64px)!important}.pt-lg-64{padding-top:var(--matcha-space-800,64px)}.pt-lg-64--force{padding-top:var(--matcha-space-800,64px)!important}.pr-lg-64{padding-right:var(--matcha-space-800,64px)}.pr-lg-64--force{padding-right:var(--matcha-space-800,64px)!important}.pb-lg-64{padding-bottom:var(--matcha-space-800,64px)}.pb-lg-64--force{padding-bottom:var(--matcha-space-800,64px)!important}.pl-lg-64{padding-left:var(--matcha-space-800,64px)}.pl-lg-64--force{padding-left:var(--matcha-space-800,64px)!important}.p-lg-0{padding:var(--matcha-space-0,0)}.p-lg-0--force{padding:var(--matcha-space-0,0)!important}.px-lg-0{padding-right:var(--matcha-space-0,0);padding-left:var(--matcha-space-0,0)}.px-lg-0--force{padding-right:var(--matcha-space-0,0)!important;padding-left:var(--matcha-space-0,0)!important}.py-lg-0{padding-top:var(--matcha-space-0,0);padding-bottom:var(--matcha-space-0,0)}.py-lg-0--force{padding-top:var(--matcha-space-0,0)!important;padding-bottom:var(--matcha-space-0,0)!important}.pt-lg-0{padding-top:var(--matcha-space-0,0)}.pt-lg-0--force{padding-top:var(--matcha-space-0,0)!important}.pr-lg-0{padding-right:var(--matcha-space-0,0)}.pr-lg-0--force{padding-right:var(--matcha-space-0,0)!important}.pb-lg-0{padding-bottom:var(--matcha-space-0,0)}.pb-lg-0--force{padding-bottom:var(--matcha-space-0,0)!important}.pl-lg-0{padding-left:var(--matcha-space-0,0)}.pl-lg-0--force{padding-left:var(--matcha-space-0,0)!important}.p-lg-4{padding:var(--matcha-space-050,4px)}.p-lg-4--force{padding:var(--matcha-space-050,4px)!important}.px-lg-4{padding-right:var(--matcha-space-050,4px);padding-left:var(--matcha-space-050,4px)}.px-lg-4--force{padding-right:var(--matcha-space-050,4px)!important;padding-left:var(--matcha-space-050,4px)!important}.py-lg-4{padding-top:var(--matcha-space-050,4px);padding-bottom:var(--matcha-space-050,4px)}.py-lg-4--force{padding-top:var(--matcha-space-050,4px)!important;padding-bottom:var(--matcha-space-050,4px)!important}.pt-lg-4{padding-top:var(--matcha-space-050,4px)}.pt-lg-4--force{padding-top:var(--matcha-space-050,4px)!important}.pr-lg-4{padding-right:var(--matcha-space-050,4px)}.pr-lg-4--force{padding-right:var(--matcha-space-050,4px)!important}.pb-lg-4{padding-bottom:var(--matcha-space-050,4px)}.pb-lg-4--force{padding-bottom:var(--matcha-space-050,4px)!important}.pl-lg-4{padding-left:var(--matcha-space-050,4px)}.pl-lg-4--force{padding-left:var(--matcha-space-050,4px)!important}.p-lg-8{padding:var(--matcha-space-100,8px)}.p-lg-8--force{padding:var(--matcha-space-100,8px)!important}.px-lg-8{padding-right:var(--matcha-space-100,8px);padding-left:var(--matcha-space-100,8px)}.px-lg-8--force{padding-right:var(--matcha-space-100,8px)!important;padding-left:var(--matcha-space-100,8px)!important}.py-lg-8{padding-top:var(--matcha-space-100,8px);padding-bottom:var(--matcha-space-100,8px)}.py-lg-8--force{padding-top:var(--matcha-space-100,8px)!important;padding-bottom:var(--matcha-space-100,8px)!important}.pt-lg-8{padding-top:var(--matcha-space-100,8px)}.pt-lg-8--force{padding-top:var(--matcha-space-100,8px)!important}.pr-lg-8{padding-right:var(--matcha-space-100,8px)}.pr-lg-8--force{padding-right:var(--matcha-space-100,8px)!important}.pb-lg-8{padding-bottom:var(--matcha-space-100,8px)}.pb-lg-8--force{padding-bottom:var(--matcha-space-100,8px)!important}.pl-lg-8{padding-left:var(--matcha-space-100,8px)}.pl-lg-8--force{padding-left:var(--matcha-space-100,8px)!important}.p-lg-12{padding:var(--matcha-space-150,12px)}.p-lg-12--force{padding:var(--matcha-space-150,12px)!important}.px-lg-12{padding-right:var(--matcha-space-150,12px);padding-left:var(--matcha-space-150,12px)}.px-lg-12--force{padding-right:var(--matcha-space-150,12px)!important;padding-left:var(--matcha-space-150,12px)!important}.py-lg-12{padding-top:var(--matcha-space-150,12px);padding-bottom:var(--matcha-space-150,12px)}.py-lg-12--force{padding-top:var(--matcha-space-150,12px)!important;padding-bottom:var(--matcha-space-150,12px)!important}.pt-lg-12{padding-top:var(--matcha-space-150,12px)}.pt-lg-12--force{padding-top:var(--matcha-space-150,12px)!important}.pr-lg-12{padding-right:var(--matcha-space-150,12px)}.pr-lg-12--force{padding-right:var(--matcha-space-150,12px)!important}.pb-lg-12{padding-bottom:var(--matcha-space-150,12px)}.pb-lg-12--force{padding-bottom:var(--matcha-space-150,12px)!important}.pl-lg-12{padding-left:var(--matcha-space-150,12px)}.pl-lg-12--force{padding-left:var(--matcha-space-150,12px)!important}.p-lg-16{padding:var(--matcha-space-200,16px)}.p-lg-16--force{padding:var(--matcha-space-200,16px)!important}.px-lg-16{padding-right:var(--matcha-space-200,16px);padding-left:var(--matcha-space-200,16px)}.px-lg-16--force{padding-right:var(--matcha-space-200,16px)!important;padding-left:var(--matcha-space-200,16px)!important}.py-lg-16{padding-top:var(--matcha-space-200,16px);padding-bottom:var(--matcha-space-200,16px)}.py-lg-16--force{padding-top:var(--matcha-space-200,16px)!important;padding-bottom:var(--matcha-space-200,16px)!important}.pt-lg-16{padding-top:var(--matcha-space-200,16px)}.pt-lg-16--force{padding-top:var(--matcha-space-200,16px)!important}.pr-lg-16{padding-right:var(--matcha-space-200,16px)}.pr-lg-16--force{padding-right:var(--matcha-space-200,16px)!important}.pb-lg-16{padding-bottom:var(--matcha-space-200,16px)}.pb-lg-16--force{padding-bottom:var(--matcha-space-200,16px)!important}.pl-lg-16{padding-left:var(--matcha-space-200,16px)}.pl-lg-16--force{padding-left:var(--matcha-space-200,16px)!important}.p-lg-20{padding:var(--matcha-space-250,20px)}.p-lg-20--force{padding:var(--matcha-space-250,20px)!important}.px-lg-20{padding-right:var(--matcha-space-250,20px);padding-left:var(--matcha-space-250,20px)}.px-lg-20--force{padding-right:var(--matcha-space-250,20px)!important;padding-left:var(--matcha-space-250,20px)!important}.py-lg-20{padding-top:var(--matcha-space-250,20px);padding-bottom:var(--matcha-space-250,20px)}.py-lg-20--force{padding-top:var(--matcha-space-250,20px)!important;padding-bottom:var(--matcha-space-250,20px)!important}.pt-lg-20{padding-top:var(--matcha-space-250,20px)}.pt-lg-20--force{padding-top:var(--matcha-space-250,20px)!important}.pr-lg-20{padding-right:var(--matcha-space-250,20px)}.pr-lg-20--force{padding-right:var(--matcha-space-250,20px)!important}.pb-lg-20{padding-bottom:var(--matcha-space-250,20px)}.pb-lg-20--force{padding-bottom:var(--matcha-space-250,20px)!important}.pl-lg-20{padding-left:var(--matcha-space-250,20px)}.pl-lg-20--force{padding-left:var(--matcha-space-250,20px)!important}.p-lg-24{padding:var(--matcha-space-300,24px)}.p-lg-24--force{padding:var(--matcha-space-300,24px)!important}.px-lg-24{padding-right:var(--matcha-space-300,24px);padding-left:var(--matcha-space-300,24px)}.px-lg-24--force{padding-right:var(--matcha-space-300,24px)!important;padding-left:var(--matcha-space-300,24px)!important}.py-lg-24{padding-top:var(--matcha-space-300,24px);padding-bottom:var(--matcha-space-300,24px)}.py-lg-24--force{padding-top:var(--matcha-space-300,24px)!important;padding-bottom:var(--matcha-space-300,24px)!important}.pt-lg-24{padding-top:var(--matcha-space-300,24px)}.pt-lg-24--force{padding-top:var(--matcha-space-300,24px)!important}.pr-lg-24{padding-right:var(--matcha-space-300,24px)}.pr-lg-24--force{padding-right:var(--matcha-space-300,24px)!important}.pb-lg-24{padding-bottom:var(--matcha-space-300,24px)}.pb-lg-24--force{padding-bottom:var(--matcha-space-300,24px)!important}.pl-lg-24{padding-left:var(--matcha-space-300,24px)}.pl-lg-24--force{padding-left:var(--matcha-space-300,24px)!important}.p-lg-28{padding:28px}.p-lg-28--force{padding:28px!important}.px-lg-28{padding-right:28px;padding-left:28px}.px-lg-28--force{padding-right:28px!important;padding-left:28px!important}.py-lg-28{padding-top:28px;padding-bottom:28px}.py-lg-28--force{padding-top:28px!important;padding-bottom:28px!important}.pt-lg-28{padding-top:28px}.pt-lg-28--force{padding-top:28px!important}.pr-lg-28{padding-right:28px}.pr-lg-28--force{padding-right:28px!important}.pb-lg-28{padding-bottom:28px}.pb-lg-28--force{padding-bottom:28px!important}.pl-lg-28{padding-left:28px}.pl-lg-28--force{padding-left:28px!important}.p-lg-32{padding:var(--matcha-space-400,32px)}.p-lg-32--force{padding:var(--matcha-space-400,32px)!important}.px-lg-32{padding-right:var(--matcha-space-400,32px);padding-left:var(--matcha-space-400,32px)}.px-lg-32--force{padding-right:var(--matcha-space-400,32px)!important;padding-left:var(--matcha-space-400,32px)!important}.py-lg-32{padding-top:var(--matcha-space-400,32px);padding-bottom:var(--matcha-space-400,32px)}.py-lg-32--force{padding-top:var(--matcha-space-400,32px)!important;padding-bottom:var(--matcha-space-400,32px)!important}.pt-lg-32{padding-top:var(--matcha-space-400,32px)}.pt-lg-32--force{padding-top:var(--matcha-space-400,32px)!important}.pr-lg-32{padding-right:var(--matcha-space-400,32px)}.pr-lg-32--force{padding-right:var(--matcha-space-400,32px)!important}.pb-lg-32{padding-bottom:var(--matcha-space-400,32px)}.pb-lg-32--force{padding-bottom:var(--matcha-space-400,32px)!important}.pl-lg-32{padding-left:var(--matcha-space-400,32px)}.pl-lg-32--force{padding-left:var(--matcha-space-400,32px)!important}.p-lg-36{padding:36px}.p-lg-36--force{padding:36px!important}.px-lg-36{padding-right:36px;padding-left:36px}.px-lg-36--force{padding-right:36px!important;padding-left:36px!important}.py-lg-36{padding-top:36px;padding-bottom:36px}.py-lg-36--force{padding-top:36px!important;padding-bottom:36px!important}.pt-lg-36{padding-top:36px}.pt-lg-36--force{padding-top:36px!important}.pr-lg-36{padding-right:36px}.pr-lg-36--force{padding-right:36px!important}.pb-lg-36{padding-bottom:36px}.pb-lg-36--force{padding-bottom:36px!important}.pl-lg-36{padding-left:36px}.pl-lg-36--force{padding-left:36px!important}.p-lg-40{padding:var(--matcha-space-500,40px)}.p-lg-40--force{padding:var(--matcha-space-500,40px)!important}.px-lg-40{padding-right:var(--matcha-space-500,40px);padding-left:var(--matcha-space-500,40px)}.px-lg-40--force{padding-right:var(--matcha-space-500,40px)!important;padding-left:var(--matcha-space-500,40px)!important}.py-lg-40{padding-top:var(--matcha-space-500,40px);padding-bottom:var(--matcha-space-500,40px)}.py-lg-40--force{padding-top:var(--matcha-space-500,40px)!important;padding-bottom:var(--matcha-space-500,40px)!important}.pt-lg-40{padding-top:var(--matcha-space-500,40px)}.pt-lg-40--force{padding-top:var(--matcha-space-500,40px)!important}.pr-lg-40{padding-right:var(--matcha-space-500,40px)}.pr-lg-40--force{padding-right:var(--matcha-space-500,40px)!important}.pb-lg-40{padding-bottom:var(--matcha-space-500,40px)}.pb-lg-40--force{padding-bottom:var(--matcha-space-500,40px)!important}.pl-lg-40{padding-left:var(--matcha-space-500,40px)}.pl-lg-40--force{padding-left:var(--matcha-space-500,40px)!important}.p-lg-44{padding:44px}.p-lg-44--force{padding:44px!important}.px-lg-44{padding-right:44px;padding-left:44px}.px-lg-44--force{padding-right:44px!important;padding-left:44px!important}.py-lg-44{padding-top:44px;padding-bottom:44px}.py-lg-44--force{padding-top:44px!important;padding-bottom:44px!important}.pt-lg-44{padding-top:44px}.pt-lg-44--force{padding-top:44px!important}.pr-lg-44{padding-right:44px}.pr-lg-44--force{padding-right:44px!important}.pb-lg-44{padding-bottom:44px}.pb-lg-44--force{padding-bottom:44px!important}.pl-lg-44{padding-left:44px}.pl-lg-44--force{padding-left:44px!important}.p-lg-48{padding:var(--matcha-space-600,48px)}.p-lg-48--force{padding:var(--matcha-space-600,48px)!important}.px-lg-48{padding-right:var(--matcha-space-600,48px);padding-left:var(--matcha-space-600,48px)}.px-lg-48--force{padding-right:var(--matcha-space-600,48px)!important;padding-left:var(--matcha-space-600,48px)!important}.py-lg-48{padding-top:var(--matcha-space-600,48px);padding-bottom:var(--matcha-space-600,48px)}.py-lg-48--force{padding-top:var(--matcha-space-600,48px)!important;padding-bottom:var(--matcha-space-600,48px)!important}.pt-lg-48{padding-top:var(--matcha-space-600,48px)}.pt-lg-48--force{padding-top:var(--matcha-space-600,48px)!important}.pr-lg-48{padding-right:var(--matcha-space-600,48px)}.pr-lg-48--force{padding-right:var(--matcha-space-600,48px)!important}.pb-lg-48{padding-bottom:var(--matcha-space-600,48px)}.pb-lg-48--force{padding-bottom:var(--matcha-space-600,48px)!important}.pl-lg-48{padding-left:var(--matcha-space-600,48px)}.pl-lg-48--force{padding-left:var(--matcha-space-600,48px)!important}.p-lg-52{padding:52px}.p-lg-52--force{padding:52px!important}.px-lg-52{padding-right:52px;padding-left:52px}.px-lg-52--force{padding-right:52px!important;padding-left:52px!important}.py-lg-52{padding-top:52px;padding-bottom:52px}.py-lg-52--force{padding-top:52px!important;padding-bottom:52px!important}.pt-lg-52{padding-top:52px}.pt-lg-52--force{padding-top:52px!important}.pr-lg-52{padding-right:52px}.pr-lg-52--force{padding-right:52px!important}.pb-lg-52{padding-bottom:52px}.pb-lg-52--force{padding-bottom:52px!important}.pl-lg-52{padding-left:52px}.pl-lg-52--force{padding-left:52px!important}.p-lg-56{padding:56px}.p-lg-56--force{padding:56px!important}.px-lg-56{padding-right:56px;padding-left:56px}.px-lg-56--force{padding-right:56px!important;padding-left:56px!important}.py-lg-56{padding-top:56px;padding-bottom:56px}.py-lg-56--force{padding-top:56px!important;padding-bottom:56px!important}.pt-lg-56{padding-top:56px}.pt-lg-56--force{padding-top:56px!important}.pr-lg-56{padding-right:56px}.pr-lg-56--force{padding-right:56px!important}.pb-lg-56{padding-bottom:56px}.pb-lg-56--force{padding-bottom:56px!important}.pl-lg-56{padding-left:56px}.pl-lg-56--force{padding-left:56px!important}.p-lg-60{padding:60px}.p-lg-60--force{padding:60px!important}.px-lg-60{padding-right:60px;padding-left:60px}.px-lg-60--force{padding-right:60px!important;padding-left:60px!important}.py-lg-60{padding-top:60px;padding-bottom:60px}.py-lg-60--force{padding-top:60px!important;padding-bottom:60px!important}.pt-lg-60{padding-top:60px}.pt-lg-60--force{padding-top:60px!important}.pr-lg-60{padding-right:60px}.pr-lg-60--force{padding-right:60px!important}.pb-lg-60{padding-bottom:60px}.pb-lg-60--force{padding-bottom:60px!important}.pl-lg-60{padding-left:60px}.pl-lg-60--force{padding-left:60px!important}.p-lg-64{padding:var(--matcha-space-800,64px)}.p-lg-64--force{padding:var(--matcha-space-800,64px)!important}.px-lg-64{padding-right:var(--matcha-space-800,64px);padding-left:var(--matcha-space-800,64px)}.px-lg-64--force{padding-right:var(--matcha-space-800,64px)!important;padding-left:var(--matcha-space-800,64px)!important}.py-lg-64{padding-top:var(--matcha-space-800,64px);padding-bottom:var(--matcha-space-800,64px)}.py-lg-64--force{padding-top:var(--matcha-space-800,64px)!important;padding-bottom:var(--matcha-space-800,64px)!important}.pt-lg-64{padding-top:var(--matcha-space-800,64px)}.pt-lg-64--force{padding-top:var(--matcha-space-800,64px)!important}.pr-lg-64{padding-right:var(--matcha-space-800,64px)}.pr-lg-64--force{padding-right:var(--matcha-space-800,64px)!important}.pb-lg-64{padding-bottom:var(--matcha-space-800,64px)}.pb-lg-64--force{padding-bottom:var(--matcha-space-800,64px)!important}.pl-lg-64{padding-left:var(--matcha-space-800,64px)}.pl-lg-64--force{padding-left:var(--matcha-space-800,64px)!important}.p-lg-68{padding:68px}.p-lg-68--force{padding:68px!important}.px-lg-68{padding-right:68px;padding-left:68px}.px-lg-68--force{padding-right:68px!important;padding-left:68px!important}.py-lg-68{padding-top:68px;padding-bottom:68px}.py-lg-68--force{padding-top:68px!important;padding-bottom:68px!important}.pt-lg-68{padding-top:68px}.pt-lg-68--force{padding-top:68px!important}.pr-lg-68{padding-right:68px}.pr-lg-68--force{padding-right:68px!important}.pb-lg-68{padding-bottom:68px}.pb-lg-68--force{padding-bottom:68px!important}.pl-lg-68{padding-left:68px}.pl-lg-68--force{padding-left:68px!important}.p-lg-72{padding:72px}.p-lg-72--force{padding:72px!important}.px-lg-72{padding-right:72px;padding-left:72px}.px-lg-72--force{padding-right:72px!important;padding-left:72px!important}.py-lg-72{padding-top:72px;padding-bottom:72px}.py-lg-72--force{padding-top:72px!important;padding-bottom:72px!important}.pt-lg-72{padding-top:72px}.pt-lg-72--force{padding-top:72px!important}.pr-lg-72{padding-right:72px}.pr-lg-72--force{padding-right:72px!important}.pb-lg-72{padding-bottom:72px}.pb-lg-72--force{padding-bottom:72px!important}.pl-lg-72{padding-left:72px}.pl-lg-72--force{padding-left:72px!important}.p-lg-76{padding:76px}.p-lg-76--force{padding:76px!important}.px-lg-76{padding-right:76px;padding-left:76px}.px-lg-76--force{padding-right:76px!important;padding-left:76px!important}.py-lg-76{padding-top:76px;padding-bottom:76px}.py-lg-76--force{padding-top:76px!important;padding-bottom:76px!important}.pt-lg-76{padding-top:76px}.pt-lg-76--force{padding-top:76px!important}.pr-lg-76{padding-right:76px}.pr-lg-76--force{padding-right:76px!important}.pb-lg-76{padding-bottom:76px}.pb-lg-76--force{padding-bottom:76px!important}.pl-lg-76{padding-left:76px}.pl-lg-76--force{padding-left:76px!important}.p-lg-80{padding:var(--matcha-space-1000,80px)}.p-lg-80--force{padding:var(--matcha-space-1000,80px)!important}.px-lg-80{padding-right:var(--matcha-space-1000,80px);padding-left:var(--matcha-space-1000,80px)}.px-lg-80--force{padding-right:var(--matcha-space-1000,80px)!important;padding-left:var(--matcha-space-1000,80px)!important}.py-lg-80{padding-top:var(--matcha-space-1000,80px);padding-bottom:var(--matcha-space-1000,80px)}.py-lg-80--force{padding-top:var(--matcha-space-1000,80px)!important;padding-bottom:var(--matcha-space-1000,80px)!important}.pt-lg-80{padding-top:var(--matcha-space-1000,80px)}.pt-lg-80--force{padding-top:var(--matcha-space-1000,80px)!important}.pr-lg-80{padding-right:var(--matcha-space-1000,80px)}.pr-lg-80--force{padding-right:var(--matcha-space-1000,80px)!important}.pb-lg-80{padding-bottom:var(--matcha-space-1000,80px)}.pb-lg-80--force{padding-bottom:var(--matcha-space-1000,80px)!important}.pl-lg-80{padding-left:var(--matcha-space-1000,80px)}.pl-lg-80--force{padding-left:var(--matcha-space-1000,80px)!important}.p-lg-84{padding:84px}.p-lg-84--force{padding:84px!important}.px-lg-84{padding-right:84px;padding-left:84px}.px-lg-84--force{padding-right:84px!important;padding-left:84px!important}.py-lg-84{padding-top:84px;padding-bottom:84px}.py-lg-84--force{padding-top:84px!important;padding-bottom:84px!important}.pt-lg-84{padding-top:84px}.pt-lg-84--force{padding-top:84px!important}.pr-lg-84{padding-right:84px}.pr-lg-84--force{padding-right:84px!important}.pb-lg-84{padding-bottom:84px}.pb-lg-84--force{padding-bottom:84px!important}.pl-lg-84{padding-left:84px}.pl-lg-84--force{padding-left:84px!important}.p-lg-88{padding:88px}.p-lg-88--force{padding:88px!important}.px-lg-88{padding-right:88px;padding-left:88px}.px-lg-88--force{padding-right:88px!important;padding-left:88px!important}.py-lg-88{padding-top:88px;padding-bottom:88px}.py-lg-88--force{padding-top:88px!important;padding-bottom:88px!important}.pt-lg-88{padding-top:88px}.pt-lg-88--force{padding-top:88px!important}.pr-lg-88{padding-right:88px}.pr-lg-88--force{padding-right:88px!important}.pb-lg-88{padding-bottom:88px}.pb-lg-88--force{padding-bottom:88px!important}.pl-lg-88{padding-left:88px}.pl-lg-88--force{padding-left:88px!important}.p-lg-92{padding:92px}.p-lg-92--force{padding:92px!important}.px-lg-92{padding-right:92px;padding-left:92px}.px-lg-92--force{padding-right:92px!important;padding-left:92px!important}.py-lg-92{padding-top:92px;padding-bottom:92px}.py-lg-92--force{padding-top:92px!important;padding-bottom:92px!important}.pt-lg-92{padding-top:92px}.pt-lg-92--force{padding-top:92px!important}.pr-lg-92{padding-right:92px}.pr-lg-92--force{padding-right:92px!important}.pb-lg-92{padding-bottom:92px}.pb-lg-92--force{padding-bottom:92px!important}.pl-lg-92{padding-left:92px}.pl-lg-92--force{padding-left:92px!important}.p-lg-96{padding:var(--matcha-space-1200,96px)}.p-lg-96--force{padding:var(--matcha-space-1200,96px)!important}.px-lg-96{padding-right:var(--matcha-space-1200,96px);padding-left:var(--matcha-space-1200,96px)}.px-lg-96--force{padding-right:var(--matcha-space-1200,96px)!important;padding-left:var(--matcha-space-1200,96px)!important}.py-lg-96{padding-top:var(--matcha-space-1200,96px);padding-bottom:var(--matcha-space-1200,96px)}.py-lg-96--force{padding-top:var(--matcha-space-1200,96px)!important;padding-bottom:var(--matcha-space-1200,96px)!important}.pt-lg-96{padding-top:var(--matcha-space-1200,96px)}.pt-lg-96--force{padding-top:var(--matcha-space-1200,96px)!important}.pr-lg-96{padding-right:var(--matcha-space-1200,96px)}.pr-lg-96--force{padding-right:var(--matcha-space-1200,96px)!important}.pb-lg-96{padding-bottom:var(--matcha-space-1200,96px)}.pb-lg-96--force{padding-bottom:var(--matcha-space-1200,96px)!important}.pl-lg-96{padding-left:var(--matcha-space-1200,96px)}.pl-lg-96--force{padding-left:var(--matcha-space-1200,96px)!important}}@media screen and (min-width:1536px){.m-xl--64{margin:calc(-1 * var(--matcha-space-800,64px))}.m-xl--64--force{margin:calc(-1 * var(--matcha-space-800,64px))!important}.mx-xl--64{margin-right:calc(-1 * var(--matcha-space-800,64px));margin-left:calc(-1 * var(--matcha-space-800,64px))}.mx-xl--64--force{margin-right:calc(-1 * var(--matcha-space-800,64px))!important;margin-left:calc(-1 * var(--matcha-space-800,64px))!important}.my-xl--64{margin-top:calc(-1 * var(--matcha-space-800,64px));margin-bottom:calc(-1 * var(--matcha-space-800,64px))}.my-xl--64--force{margin-top:calc(-1 * var(--matcha-space-800,64px))!important;margin-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.mt-xl--64{margin-top:calc(-1 * var(--matcha-space-800,64px))}.mt-xl--64--force{margin-top:calc(-1 * var(--matcha-space-800,64px))!important}.mr-xl--64{margin-right:calc(-1 * var(--matcha-space-800,64px))}.mr-xl--64--force{margin-right:calc(-1 * var(--matcha-space-800,64px))!important}.mb-xl--64{margin-bottom:calc(-1 * var(--matcha-space-800,64px))}.mb-xl--64--force{margin-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.ml-xl--64{margin-left:calc(-1 * var(--matcha-space-800,64px))}.ml-xl--64--force{margin-left:calc(-1 * var(--matcha-space-800,64px))!important}.m-xl--60{margin:-60px}.m-xl--60--force{margin:-60px!important}.mx-xl--60{margin-right:-60px;margin-left:-60px}.mx-xl--60--force{margin-right:-60px!important;margin-left:-60px!important}.my-xl--60{margin-top:-60px;margin-bottom:-60px}.my-xl--60--force{margin-top:-60px!important;margin-bottom:-60px!important}.mt-xl--60{margin-top:-60px}.mt-xl--60--force{margin-top:-60px!important}.mr-xl--60{margin-right:-60px}.mr-xl--60--force{margin-right:-60px!important}.mb-xl--60{margin-bottom:-60px}.mb-xl--60--force{margin-bottom:-60px!important}.ml-xl--60{margin-left:-60px}.ml-xl--60--force{margin-left:-60px!important}.m-xl--56{margin:-56px}.m-xl--56--force{margin:-56px!important}.mx-xl--56{margin-right:-56px;margin-left:-56px}.mx-xl--56--force{margin-right:-56px!important;margin-left:-56px!important}.my-xl--56{margin-top:-56px;margin-bottom:-56px}.my-xl--56--force{margin-top:-56px!important;margin-bottom:-56px!important}.mt-xl--56{margin-top:-56px}.mt-xl--56--force{margin-top:-56px!important}.mr-xl--56{margin-right:-56px}.mr-xl--56--force{margin-right:-56px!important}.mb-xl--56{margin-bottom:-56px}.mb-xl--56--force{margin-bottom:-56px!important}.ml-xl--56{margin-left:-56px}.ml-xl--56--force{margin-left:-56px!important}.m-xl--52{margin:-52px}.m-xl--52--force{margin:-52px!important}.mx-xl--52{margin-right:-52px;margin-left:-52px}.mx-xl--52--force{margin-right:-52px!important;margin-left:-52px!important}.my-xl--52{margin-top:-52px;margin-bottom:-52px}.my-xl--52--force{margin-top:-52px!important;margin-bottom:-52px!important}.mt-xl--52{margin-top:-52px}.mt-xl--52--force{margin-top:-52px!important}.mr-xl--52{margin-right:-52px}.mr-xl--52--force{margin-right:-52px!important}.mb-xl--52{margin-bottom:-52px}.mb-xl--52--force{margin-bottom:-52px!important}.ml-xl--52{margin-left:-52px}.ml-xl--52--force{margin-left:-52px!important}.m-xl--48{margin:calc(-1 * var(--matcha-space-600,48px))}.m-xl--48--force{margin:calc(-1 * var(--matcha-space-600,48px))!important}.mx-xl--48{margin-right:calc(-1 * var(--matcha-space-600,48px));margin-left:calc(-1 * var(--matcha-space-600,48px))}.mx-xl--48--force{margin-right:calc(-1 * var(--matcha-space-600,48px))!important;margin-left:calc(-1 * var(--matcha-space-600,48px))!important}.my-xl--48{margin-top:calc(-1 * var(--matcha-space-600,48px));margin-bottom:calc(-1 * var(--matcha-space-600,48px))}.my-xl--48--force{margin-top:calc(-1 * var(--matcha-space-600,48px))!important;margin-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.mt-xl--48{margin-top:calc(-1 * var(--matcha-space-600,48px))}.mt-xl--48--force{margin-top:calc(-1 * var(--matcha-space-600,48px))!important}.mr-xl--48{margin-right:calc(-1 * var(--matcha-space-600,48px))}.mr-xl--48--force{margin-right:calc(-1 * var(--matcha-space-600,48px))!important}.mb-xl--48{margin-bottom:calc(-1 * var(--matcha-space-600,48px))}.mb-xl--48--force{margin-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.ml-xl--48{margin-left:calc(-1 * var(--matcha-space-600,48px))}.ml-xl--48--force{margin-left:calc(-1 * var(--matcha-space-600,48px))!important}.m-xl--44{margin:-44px}.m-xl--44--force{margin:-44px!important}.mx-xl--44{margin-right:-44px;margin-left:-44px}.mx-xl--44--force{margin-right:-44px!important;margin-left:-44px!important}.my-xl--44{margin-top:-44px;margin-bottom:-44px}.my-xl--44--force{margin-top:-44px!important;margin-bottom:-44px!important}.mt-xl--44{margin-top:-44px}.mt-xl--44--force{margin-top:-44px!important}.mr-xl--44{margin-right:-44px}.mr-xl--44--force{margin-right:-44px!important}.mb-xl--44{margin-bottom:-44px}.mb-xl--44--force{margin-bottom:-44px!important}.ml-xl--44{margin-left:-44px}.ml-xl--44--force{margin-left:-44px!important}.m-xl--40{margin:calc(-1 * var(--matcha-space-500,40px))}.m-xl--40--force{margin:calc(-1 * var(--matcha-space-500,40px))!important}.mx-xl--40{margin-right:calc(-1 * var(--matcha-space-500,40px));margin-left:calc(-1 * var(--matcha-space-500,40px))}.mx-xl--40--force{margin-right:calc(-1 * var(--matcha-space-500,40px))!important;margin-left:calc(-1 * var(--matcha-space-500,40px))!important}.my-xl--40{margin-top:calc(-1 * var(--matcha-space-500,40px));margin-bottom:calc(-1 * var(--matcha-space-500,40px))}.my-xl--40--force{margin-top:calc(-1 * var(--matcha-space-500,40px))!important;margin-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.mt-xl--40{margin-top:calc(-1 * var(--matcha-space-500,40px))}.mt-xl--40--force{margin-top:calc(-1 * var(--matcha-space-500,40px))!important}.mr-xl--40{margin-right:calc(-1 * var(--matcha-space-500,40px))}.mr-xl--40--force{margin-right:calc(-1 * var(--matcha-space-500,40px))!important}.mb-xl--40{margin-bottom:calc(-1 * var(--matcha-space-500,40px))}.mb-xl--40--force{margin-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.ml-xl--40{margin-left:calc(-1 * var(--matcha-space-500,40px))}.ml-xl--40--force{margin-left:calc(-1 * var(--matcha-space-500,40px))!important}.m-xl--36{margin:-36px}.m-xl--36--force{margin:-36px!important}.mx-xl--36{margin-right:-36px;margin-left:-36px}.mx-xl--36--force{margin-right:-36px!important;margin-left:-36px!important}.my-xl--36{margin-top:-36px;margin-bottom:-36px}.my-xl--36--force{margin-top:-36px!important;margin-bottom:-36px!important}.mt-xl--36{margin-top:-36px}.mt-xl--36--force{margin-top:-36px!important}.mr-xl--36{margin-right:-36px}.mr-xl--36--force{margin-right:-36px!important}.mb-xl--36{margin-bottom:-36px}.mb-xl--36--force{margin-bottom:-36px!important}.ml-xl--36{margin-left:-36px}.ml-xl--36--force{margin-left:-36px!important}.m-xl--32{margin:calc(-1 * var(--matcha-space-400,32px))}.m-xl--32--force{margin:calc(-1 * var(--matcha-space-400,32px))!important}.mx-xl--32{margin-right:calc(-1 * var(--matcha-space-400,32px));margin-left:calc(-1 * var(--matcha-space-400,32px))}.mx-xl--32--force{margin-right:calc(-1 * var(--matcha-space-400,32px))!important;margin-left:calc(-1 * var(--matcha-space-400,32px))!important}.my-xl--32{margin-top:calc(-1 * var(--matcha-space-400,32px));margin-bottom:calc(-1 * var(--matcha-space-400,32px))}.my-xl--32--force{margin-top:calc(-1 * var(--matcha-space-400,32px))!important;margin-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.mt-xl--32{margin-top:calc(-1 * var(--matcha-space-400,32px))}.mt-xl--32--force{margin-top:calc(-1 * var(--matcha-space-400,32px))!important}.mr-xl--32{margin-right:calc(-1 * var(--matcha-space-400,32px))}.mr-xl--32--force{margin-right:calc(-1 * var(--matcha-space-400,32px))!important}.mb-xl--32{margin-bottom:calc(-1 * var(--matcha-space-400,32px))}.mb-xl--32--force{margin-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.ml-xl--32{margin-left:calc(-1 * var(--matcha-space-400,32px))}.ml-xl--32--force{margin-left:calc(-1 * var(--matcha-space-400,32px))!important}.m-xl--28{margin:-28px}.m-xl--28--force{margin:-28px!important}.mx-xl--28{margin-right:-28px;margin-left:-28px}.mx-xl--28--force{margin-right:-28px!important;margin-left:-28px!important}.my-xl--28{margin-top:-28px;margin-bottom:-28px}.my-xl--28--force{margin-top:-28px!important;margin-bottom:-28px!important}.mt-xl--28{margin-top:-28px}.mt-xl--28--force{margin-top:-28px!important}.mr-xl--28{margin-right:-28px}.mr-xl--28--force{margin-right:-28px!important}.mb-xl--28{margin-bottom:-28px}.mb-xl--28--force{margin-bottom:-28px!important}.ml-xl--28{margin-left:-28px}.ml-xl--28--force{margin-left:-28px!important}.m-xl--24{margin:calc(-1 * var(--matcha-space-300,24px))}.m-xl--24--force{margin:calc(-1 * var(--matcha-space-300,24px))!important}.mx-xl--24{margin-right:calc(-1 * var(--matcha-space-300,24px));margin-left:calc(-1 * var(--matcha-space-300,24px))}.mx-xl--24--force{margin-right:calc(-1 * var(--matcha-space-300,24px))!important;margin-left:calc(-1 * var(--matcha-space-300,24px))!important}.my-xl--24{margin-top:calc(-1 * var(--matcha-space-300,24px));margin-bottom:calc(-1 * var(--matcha-space-300,24px))}.my-xl--24--force{margin-top:calc(-1 * var(--matcha-space-300,24px))!important;margin-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.mt-xl--24{margin-top:calc(-1 * var(--matcha-space-300,24px))}.mt-xl--24--force{margin-top:calc(-1 * var(--matcha-space-300,24px))!important}.mr-xl--24{margin-right:calc(-1 * var(--matcha-space-300,24px))}.mr-xl--24--force{margin-right:calc(-1 * var(--matcha-space-300,24px))!important}.mb-xl--24{margin-bottom:calc(-1 * var(--matcha-space-300,24px))}.mb-xl--24--force{margin-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.ml-xl--24{margin-left:calc(-1 * var(--matcha-space-300,24px))}.ml-xl--24--force{margin-left:calc(-1 * var(--matcha-space-300,24px))!important}.m-xl--20{margin:calc(-1 * var(--matcha-space-250,20px))}.m-xl--20--force{margin:calc(-1 * var(--matcha-space-250,20px))!important}.mx-xl--20{margin-right:calc(-1 * var(--matcha-space-250,20px));margin-left:calc(-1 * var(--matcha-space-250,20px))}.mx-xl--20--force{margin-right:calc(-1 * var(--matcha-space-250,20px))!important;margin-left:calc(-1 * var(--matcha-space-250,20px))!important}.my-xl--20{margin-top:calc(-1 * var(--matcha-space-250,20px));margin-bottom:calc(-1 * var(--matcha-space-250,20px))}.my-xl--20--force{margin-top:calc(-1 * var(--matcha-space-250,20px))!important;margin-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.mt-xl--20{margin-top:calc(-1 * var(--matcha-space-250,20px))}.mt-xl--20--force{margin-top:calc(-1 * var(--matcha-space-250,20px))!important}.mr-xl--20{margin-right:calc(-1 * var(--matcha-space-250,20px))}.mr-xl--20--force{margin-right:calc(-1 * var(--matcha-space-250,20px))!important}.mb-xl--20{margin-bottom:calc(-1 * var(--matcha-space-250,20px))}.mb-xl--20--force{margin-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.ml-xl--20{margin-left:calc(-1 * var(--matcha-space-250,20px))}.ml-xl--20--force{margin-left:calc(-1 * var(--matcha-space-250,20px))!important}.m-xl--16{margin:calc(-1 * var(--matcha-space-200,16px))}.m-xl--16--force{margin:calc(-1 * var(--matcha-space-200,16px))!important}.mx-xl--16{margin-right:calc(-1 * var(--matcha-space-200,16px));margin-left:calc(-1 * var(--matcha-space-200,16px))}.mx-xl--16--force{margin-right:calc(-1 * var(--matcha-space-200,16px))!important;margin-left:calc(-1 * var(--matcha-space-200,16px))!important}.my-xl--16{margin-top:calc(-1 * var(--matcha-space-200,16px));margin-bottom:calc(-1 * var(--matcha-space-200,16px))}.my-xl--16--force{margin-top:calc(-1 * var(--matcha-space-200,16px))!important;margin-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.mt-xl--16{margin-top:calc(-1 * var(--matcha-space-200,16px))}.mt-xl--16--force{margin-top:calc(-1 * var(--matcha-space-200,16px))!important}.mr-xl--16{margin-right:calc(-1 * var(--matcha-space-200,16px))}.mr-xl--16--force{margin-right:calc(-1 * var(--matcha-space-200,16px))!important}.mb-xl--16{margin-bottom:calc(-1 * var(--matcha-space-200,16px))}.mb-xl--16--force{margin-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.ml-xl--16{margin-left:calc(-1 * var(--matcha-space-200,16px))}.ml-xl--16--force{margin-left:calc(-1 * var(--matcha-space-200,16px))!important}.m-xl--12{margin:calc(-1 * var(--matcha-space-150,12px))}.m-xl--12--force{margin:calc(-1 * var(--matcha-space-150,12px))!important}.mx-xl--12{margin-right:calc(-1 * var(--matcha-space-150,12px));margin-left:calc(-1 * var(--matcha-space-150,12px))}.mx-xl--12--force{margin-right:calc(-1 * var(--matcha-space-150,12px))!important;margin-left:calc(-1 * var(--matcha-space-150,12px))!important}.my-xl--12{margin-top:calc(-1 * var(--matcha-space-150,12px));margin-bottom:calc(-1 * var(--matcha-space-150,12px))}.my-xl--12--force{margin-top:calc(-1 * var(--matcha-space-150,12px))!important;margin-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.mt-xl--12{margin-top:calc(-1 * var(--matcha-space-150,12px))}.mt-xl--12--force{margin-top:calc(-1 * var(--matcha-space-150,12px))!important}.mr-xl--12{margin-right:calc(-1 * var(--matcha-space-150,12px))}.mr-xl--12--force{margin-right:calc(-1 * var(--matcha-space-150,12px))!important}.mb-xl--12{margin-bottom:calc(-1 * var(--matcha-space-150,12px))}.mb-xl--12--force{margin-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.ml-xl--12{margin-left:calc(-1 * var(--matcha-space-150,12px))}.ml-xl--12--force{margin-left:calc(-1 * var(--matcha-space-150,12px))!important}.m-xl--8{margin:calc(-1 * var(--matcha-space-100,8px))}.m-xl--8--force{margin:calc(-1 * var(--matcha-space-100,8px))!important}.mx-xl--8{margin-right:calc(-1 * var(--matcha-space-100,8px));margin-left:calc(-1 * var(--matcha-space-100,8px))}.mx-xl--8--force{margin-right:calc(-1 * var(--matcha-space-100,8px))!important;margin-left:calc(-1 * var(--matcha-space-100,8px))!important}.my-xl--8{margin-top:calc(-1 * var(--matcha-space-100,8px));margin-bottom:calc(-1 * var(--matcha-space-100,8px))}.my-xl--8--force{margin-top:calc(-1 * var(--matcha-space-100,8px))!important;margin-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.mt-xl--8{margin-top:calc(-1 * var(--matcha-space-100,8px))}.mt-xl--8--force{margin-top:calc(-1 * var(--matcha-space-100,8px))!important}.mr-xl--8{margin-right:calc(-1 * var(--matcha-space-100,8px))}.mr-xl--8--force{margin-right:calc(-1 * var(--matcha-space-100,8px))!important}.mb-xl--8{margin-bottom:calc(-1 * var(--matcha-space-100,8px))}.mb-xl--8--force{margin-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.ml-xl--8{margin-left:calc(-1 * var(--matcha-space-100,8px))}.ml-xl--8--force{margin-left:calc(-1 * var(--matcha-space-100,8px))!important}.m-xl--4{margin:calc(-1 * var(--matcha-space-050,4px))}.m-xl--4--force{margin:calc(-1 * var(--matcha-space-050,4px))!important}.mx-xl--4{margin-right:calc(-1 * var(--matcha-space-050,4px));margin-left:calc(-1 * var(--matcha-space-050,4px))}.mx-xl--4--force{margin-right:calc(-1 * var(--matcha-space-050,4px))!important;margin-left:calc(-1 * var(--matcha-space-050,4px))!important}.my-xl--4{margin-top:calc(-1 * var(--matcha-space-050,4px));margin-bottom:calc(-1 * var(--matcha-space-050,4px))}.my-xl--4--force{margin-top:calc(-1 * var(--matcha-space-050,4px))!important;margin-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.mt-xl--4{margin-top:calc(-1 * var(--matcha-space-050,4px))}.mt-xl--4--force{margin-top:calc(-1 * var(--matcha-space-050,4px))!important}.mr-xl--4{margin-right:calc(-1 * var(--matcha-space-050,4px))}.mr-xl--4--force{margin-right:calc(-1 * var(--matcha-space-050,4px))!important}.mb-xl--4{margin-bottom:calc(-1 * var(--matcha-space-050,4px))}.mb-xl--4--force{margin-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.ml-xl--4{margin-left:calc(-1 * var(--matcha-space-050,4px))}.ml-xl--4--force{margin-left:calc(-1 * var(--matcha-space-050,4px))!important}.m-xl-0{margin:var(--matcha-space-0,0)}.m-xl-0--force{margin:var(--matcha-space-0,0)!important}.mx-xl-0{margin-right:var(--matcha-space-0,0);margin-left:var(--matcha-space-0,0)}.mx-xl-0--force{margin-right:var(--matcha-space-0,0)!important;margin-left:var(--matcha-space-0,0)!important}.my-xl-0{margin-top:var(--matcha-space-0,0);margin-bottom:var(--matcha-space-0,0)}.my-xl-0--force{margin-top:var(--matcha-space-0,0)!important;margin-bottom:var(--matcha-space-0,0)!important}.mt-xl-0{margin-top:var(--matcha-space-0,0)}.mt-xl-0--force{margin-top:var(--matcha-space-0,0)!important}.mr-xl-0{margin-right:var(--matcha-space-0,0)}.mr-xl-0--force{margin-right:var(--matcha-space-0,0)!important}.mb-xl-0{margin-bottom:var(--matcha-space-0,0)}.mb-xl-0--force{margin-bottom:var(--matcha-space-0,0)!important}.ml-xl-0{margin-left:var(--matcha-space-0,0)}.ml-xl-0--force{margin-left:var(--matcha-space-0,0)!important}.m-xl-4{margin:var(--matcha-space-050,4px)}.m-xl-4--force{margin:var(--matcha-space-050,4px)!important}.mx-xl-4{margin-right:var(--matcha-space-050,4px);margin-left:var(--matcha-space-050,4px)}.mx-xl-4--force{margin-right:var(--matcha-space-050,4px)!important;margin-left:var(--matcha-space-050,4px)!important}.my-xl-4{margin-top:var(--matcha-space-050,4px);margin-bottom:var(--matcha-space-050,4px)}.my-xl-4--force{margin-top:var(--matcha-space-050,4px)!important;margin-bottom:var(--matcha-space-050,4px)!important}.mt-xl-4{margin-top:var(--matcha-space-050,4px)}.mt-xl-4--force{margin-top:var(--matcha-space-050,4px)!important}.mr-xl-4{margin-right:var(--matcha-space-050,4px)}.mr-xl-4--force{margin-right:var(--matcha-space-050,4px)!important}.mb-xl-4{margin-bottom:var(--matcha-space-050,4px)}.mb-xl-4--force{margin-bottom:var(--matcha-space-050,4px)!important}.ml-xl-4{margin-left:var(--matcha-space-050,4px)}.ml-xl-4--force{margin-left:var(--matcha-space-050,4px)!important}.m-xl-8{margin:var(--matcha-space-100,8px)}.m-xl-8--force{margin:var(--matcha-space-100,8px)!important}.mx-xl-8{margin-right:var(--matcha-space-100,8px);margin-left:var(--matcha-space-100,8px)}.mx-xl-8--force{margin-right:var(--matcha-space-100,8px)!important;margin-left:var(--matcha-space-100,8px)!important}.my-xl-8{margin-top:var(--matcha-space-100,8px);margin-bottom:var(--matcha-space-100,8px)}.my-xl-8--force{margin-top:var(--matcha-space-100,8px)!important;margin-bottom:var(--matcha-space-100,8px)!important}.mt-xl-8{margin-top:var(--matcha-space-100,8px)}.mt-xl-8--force{margin-top:var(--matcha-space-100,8px)!important}.mr-xl-8{margin-right:var(--matcha-space-100,8px)}.mr-xl-8--force{margin-right:var(--matcha-space-100,8px)!important}.mb-xl-8{margin-bottom:var(--matcha-space-100,8px)}.mb-xl-8--force{margin-bottom:var(--matcha-space-100,8px)!important}.ml-xl-8{margin-left:var(--matcha-space-100,8px)}.ml-xl-8--force{margin-left:var(--matcha-space-100,8px)!important}.m-xl-12{margin:var(--matcha-space-150,12px)}.m-xl-12--force{margin:var(--matcha-space-150,12px)!important}.mx-xl-12{margin-right:var(--matcha-space-150,12px);margin-left:var(--matcha-space-150,12px)}.mx-xl-12--force{margin-right:var(--matcha-space-150,12px)!important;margin-left:var(--matcha-space-150,12px)!important}.my-xl-12{margin-top:var(--matcha-space-150,12px);margin-bottom:var(--matcha-space-150,12px)}.my-xl-12--force{margin-top:var(--matcha-space-150,12px)!important;margin-bottom:var(--matcha-space-150,12px)!important}.mt-xl-12{margin-top:var(--matcha-space-150,12px)}.mt-xl-12--force{margin-top:var(--matcha-space-150,12px)!important}.mr-xl-12{margin-right:var(--matcha-space-150,12px)}.mr-xl-12--force{margin-right:var(--matcha-space-150,12px)!important}.mb-xl-12{margin-bottom:var(--matcha-space-150,12px)}.mb-xl-12--force{margin-bottom:var(--matcha-space-150,12px)!important}.ml-xl-12{margin-left:var(--matcha-space-150,12px)}.ml-xl-12--force{margin-left:var(--matcha-space-150,12px)!important}.m-xl-16{margin:var(--matcha-space-200,16px)}.m-xl-16--force{margin:var(--matcha-space-200,16px)!important}.mx-xl-16{margin-right:var(--matcha-space-200,16px);margin-left:var(--matcha-space-200,16px)}.mx-xl-16--force{margin-right:var(--matcha-space-200,16px)!important;margin-left:var(--matcha-space-200,16px)!important}.my-xl-16{margin-top:var(--matcha-space-200,16px);margin-bottom:var(--matcha-space-200,16px)}.my-xl-16--force{margin-top:var(--matcha-space-200,16px)!important;margin-bottom:var(--matcha-space-200,16px)!important}.mt-xl-16{margin-top:var(--matcha-space-200,16px)}.mt-xl-16--force{margin-top:var(--matcha-space-200,16px)!important}.mr-xl-16{margin-right:var(--matcha-space-200,16px)}.mr-xl-16--force{margin-right:var(--matcha-space-200,16px)!important}.mb-xl-16{margin-bottom:var(--matcha-space-200,16px)}.mb-xl-16--force{margin-bottom:var(--matcha-space-200,16px)!important}.ml-xl-16{margin-left:var(--matcha-space-200,16px)}.ml-xl-16--force{margin-left:var(--matcha-space-200,16px)!important}.m-xl-20{margin:var(--matcha-space-250,20px)}.m-xl-20--force{margin:var(--matcha-space-250,20px)!important}.mx-xl-20{margin-right:var(--matcha-space-250,20px);margin-left:var(--matcha-space-250,20px)}.mx-xl-20--force{margin-right:var(--matcha-space-250,20px)!important;margin-left:var(--matcha-space-250,20px)!important}.my-xl-20{margin-top:var(--matcha-space-250,20px);margin-bottom:var(--matcha-space-250,20px)}.my-xl-20--force{margin-top:var(--matcha-space-250,20px)!important;margin-bottom:var(--matcha-space-250,20px)!important}.mt-xl-20{margin-top:var(--matcha-space-250,20px)}.mt-xl-20--force{margin-top:var(--matcha-space-250,20px)!important}.mr-xl-20{margin-right:var(--matcha-space-250,20px)}.mr-xl-20--force{margin-right:var(--matcha-space-250,20px)!important}.mb-xl-20{margin-bottom:var(--matcha-space-250,20px)}.mb-xl-20--force{margin-bottom:var(--matcha-space-250,20px)!important}.ml-xl-20{margin-left:var(--matcha-space-250,20px)}.ml-xl-20--force{margin-left:var(--matcha-space-250,20px)!important}.m-xl-24{margin:var(--matcha-space-300,24px)}.m-xl-24--force{margin:var(--matcha-space-300,24px)!important}.mx-xl-24{margin-right:var(--matcha-space-300,24px);margin-left:var(--matcha-space-300,24px)}.mx-xl-24--force{margin-right:var(--matcha-space-300,24px)!important;margin-left:var(--matcha-space-300,24px)!important}.my-xl-24{margin-top:var(--matcha-space-300,24px);margin-bottom:var(--matcha-space-300,24px)}.my-xl-24--force{margin-top:var(--matcha-space-300,24px)!important;margin-bottom:var(--matcha-space-300,24px)!important}.mt-xl-24{margin-top:var(--matcha-space-300,24px)}.mt-xl-24--force{margin-top:var(--matcha-space-300,24px)!important}.mr-xl-24{margin-right:var(--matcha-space-300,24px)}.mr-xl-24--force{margin-right:var(--matcha-space-300,24px)!important}.mb-xl-24{margin-bottom:var(--matcha-space-300,24px)}.mb-xl-24--force{margin-bottom:var(--matcha-space-300,24px)!important}.ml-xl-24{margin-left:var(--matcha-space-300,24px)}.ml-xl-24--force{margin-left:var(--matcha-space-300,24px)!important}.m-xl-28{margin:28px}.m-xl-28--force{margin:28px!important}.mx-xl-28{margin-right:28px;margin-left:28px}.mx-xl-28--force{margin-right:28px!important;margin-left:28px!important}.my-xl-28{margin-top:28px;margin-bottom:28px}.my-xl-28--force{margin-top:28px!important;margin-bottom:28px!important}.mt-xl-28{margin-top:28px}.mt-xl-28--force{margin-top:28px!important}.mr-xl-28{margin-right:28px}.mr-xl-28--force{margin-right:28px!important}.mb-xl-28{margin-bottom:28px}.mb-xl-28--force{margin-bottom:28px!important}.ml-xl-28{margin-left:28px}.ml-xl-28--force{margin-left:28px!important}.m-xl-32{margin:var(--matcha-space-400,32px)}.m-xl-32--force{margin:var(--matcha-space-400,32px)!important}.mx-xl-32{margin-right:var(--matcha-space-400,32px);margin-left:var(--matcha-space-400,32px)}.mx-xl-32--force{margin-right:var(--matcha-space-400,32px)!important;margin-left:var(--matcha-space-400,32px)!important}.my-xl-32{margin-top:var(--matcha-space-400,32px);margin-bottom:var(--matcha-space-400,32px)}.my-xl-32--force{margin-top:var(--matcha-space-400,32px)!important;margin-bottom:var(--matcha-space-400,32px)!important}.mt-xl-32{margin-top:var(--matcha-space-400,32px)}.mt-xl-32--force{margin-top:var(--matcha-space-400,32px)!important}.mr-xl-32{margin-right:var(--matcha-space-400,32px)}.mr-xl-32--force{margin-right:var(--matcha-space-400,32px)!important}.mb-xl-32{margin-bottom:var(--matcha-space-400,32px)}.mb-xl-32--force{margin-bottom:var(--matcha-space-400,32px)!important}.ml-xl-32{margin-left:var(--matcha-space-400,32px)}.ml-xl-32--force{margin-left:var(--matcha-space-400,32px)!important}.m-xl-36{margin:36px}.m-xl-36--force{margin:36px!important}.mx-xl-36{margin-right:36px;margin-left:36px}.mx-xl-36--force{margin-right:36px!important;margin-left:36px!important}.my-xl-36{margin-top:36px;margin-bottom:36px}.my-xl-36--force{margin-top:36px!important;margin-bottom:36px!important}.mt-xl-36{margin-top:36px}.mt-xl-36--force{margin-top:36px!important}.mr-xl-36{margin-right:36px}.mr-xl-36--force{margin-right:36px!important}.mb-xl-36{margin-bottom:36px}.mb-xl-36--force{margin-bottom:36px!important}.ml-xl-36{margin-left:36px}.ml-xl-36--force{margin-left:36px!important}.m-xl-40{margin:var(--matcha-space-500,40px)}.m-xl-40--force{margin:var(--matcha-space-500,40px)!important}.mx-xl-40{margin-right:var(--matcha-space-500,40px);margin-left:var(--matcha-space-500,40px)}.mx-xl-40--force{margin-right:var(--matcha-space-500,40px)!important;margin-left:var(--matcha-space-500,40px)!important}.my-xl-40{margin-top:var(--matcha-space-500,40px);margin-bottom:var(--matcha-space-500,40px)}.my-xl-40--force{margin-top:var(--matcha-space-500,40px)!important;margin-bottom:var(--matcha-space-500,40px)!important}.mt-xl-40{margin-top:var(--matcha-space-500,40px)}.mt-xl-40--force{margin-top:var(--matcha-space-500,40px)!important}.mr-xl-40{margin-right:var(--matcha-space-500,40px)}.mr-xl-40--force{margin-right:var(--matcha-space-500,40px)!important}.mb-xl-40{margin-bottom:var(--matcha-space-500,40px)}.mb-xl-40--force{margin-bottom:var(--matcha-space-500,40px)!important}.ml-xl-40{margin-left:var(--matcha-space-500,40px)}.ml-xl-40--force{margin-left:var(--matcha-space-500,40px)!important}.m-xl-44{margin:44px}.m-xl-44--force{margin:44px!important}.mx-xl-44{margin-right:44px;margin-left:44px}.mx-xl-44--force{margin-right:44px!important;margin-left:44px!important}.my-xl-44{margin-top:44px;margin-bottom:44px}.my-xl-44--force{margin-top:44px!important;margin-bottom:44px!important}.mt-xl-44{margin-top:44px}.mt-xl-44--force{margin-top:44px!important}.mr-xl-44{margin-right:44px}.mr-xl-44--force{margin-right:44px!important}.mb-xl-44{margin-bottom:44px}.mb-xl-44--force{margin-bottom:44px!important}.ml-xl-44{margin-left:44px}.ml-xl-44--force{margin-left:44px!important}.m-xl-48{margin:var(--matcha-space-600,48px)}.m-xl-48--force{margin:var(--matcha-space-600,48px)!important}.mx-xl-48{margin-right:var(--matcha-space-600,48px);margin-left:var(--matcha-space-600,48px)}.mx-xl-48--force{margin-right:var(--matcha-space-600,48px)!important;margin-left:var(--matcha-space-600,48px)!important}.my-xl-48{margin-top:var(--matcha-space-600,48px);margin-bottom:var(--matcha-space-600,48px)}.my-xl-48--force{margin-top:var(--matcha-space-600,48px)!important;margin-bottom:var(--matcha-space-600,48px)!important}.mt-xl-48{margin-top:var(--matcha-space-600,48px)}.mt-xl-48--force{margin-top:var(--matcha-space-600,48px)!important}.mr-xl-48{margin-right:var(--matcha-space-600,48px)}.mr-xl-48--force{margin-right:var(--matcha-space-600,48px)!important}.mb-xl-48{margin-bottom:var(--matcha-space-600,48px)}.mb-xl-48--force{margin-bottom:var(--matcha-space-600,48px)!important}.ml-xl-48{margin-left:var(--matcha-space-600,48px)}.ml-xl-48--force{margin-left:var(--matcha-space-600,48px)!important}.m-xl-52{margin:52px}.m-xl-52--force{margin:52px!important}.mx-xl-52{margin-right:52px;margin-left:52px}.mx-xl-52--force{margin-right:52px!important;margin-left:52px!important}.my-xl-52{margin-top:52px;margin-bottom:52px}.my-xl-52--force{margin-top:52px!important;margin-bottom:52px!important}.mt-xl-52{margin-top:52px}.mt-xl-52--force{margin-top:52px!important}.mr-xl-52{margin-right:52px}.mr-xl-52--force{margin-right:52px!important}.mb-xl-52{margin-bottom:52px}.mb-xl-52--force{margin-bottom:52px!important}.ml-xl-52{margin-left:52px}.ml-xl-52--force{margin-left:52px!important}.m-xl-56{margin:56px}.m-xl-56--force{margin:56px!important}.mx-xl-56{margin-right:56px;margin-left:56px}.mx-xl-56--force{margin-right:56px!important;margin-left:56px!important}.my-xl-56{margin-top:56px;margin-bottom:56px}.my-xl-56--force{margin-top:56px!important;margin-bottom:56px!important}.mt-xl-56{margin-top:56px}.mt-xl-56--force{margin-top:56px!important}.mr-xl-56{margin-right:56px}.mr-xl-56--force{margin-right:56px!important}.mb-xl-56{margin-bottom:56px}.mb-xl-56--force{margin-bottom:56px!important}.ml-xl-56{margin-left:56px}.ml-xl-56--force{margin-left:56px!important}.m-xl-60{margin:60px}.m-xl-60--force{margin:60px!important}.mx-xl-60{margin-right:60px;margin-left:60px}.mx-xl-60--force{margin-right:60px!important;margin-left:60px!important}.my-xl-60{margin-top:60px;margin-bottom:60px}.my-xl-60--force{margin-top:60px!important;margin-bottom:60px!important}.mt-xl-60{margin-top:60px}.mt-xl-60--force{margin-top:60px!important}.mr-xl-60{margin-right:60px}.mr-xl-60--force{margin-right:60px!important}.mb-xl-60{margin-bottom:60px}.mb-xl-60--force{margin-bottom:60px!important}.ml-xl-60{margin-left:60px}.ml-xl-60--force{margin-left:60px!important}.m-xl-64{margin:var(--matcha-space-800,64px)}.m-xl-64--force{margin:var(--matcha-space-800,64px)!important}.mx-xl-64{margin-right:var(--matcha-space-800,64px);margin-left:var(--matcha-space-800,64px)}.mx-xl-64--force{margin-right:var(--matcha-space-800,64px)!important;margin-left:var(--matcha-space-800,64px)!important}.my-xl-64{margin-top:var(--matcha-space-800,64px);margin-bottom:var(--matcha-space-800,64px)}.my-xl-64--force{margin-top:var(--matcha-space-800,64px)!important;margin-bottom:var(--matcha-space-800,64px)!important}.mt-xl-64{margin-top:var(--matcha-space-800,64px)}.mt-xl-64--force{margin-top:var(--matcha-space-800,64px)!important}.mr-xl-64{margin-right:var(--matcha-space-800,64px)}.mr-xl-64--force{margin-right:var(--matcha-space-800,64px)!important}.mb-xl-64{margin-bottom:var(--matcha-space-800,64px)}.mb-xl-64--force{margin-bottom:var(--matcha-space-800,64px)!important}.ml-xl-64{margin-left:var(--matcha-space-800,64px)}.ml-xl-64--force{margin-left:var(--matcha-space-800,64px)!important}.m-xl-auto{margin:auto}.m-xl-auto--force{margin:auto!important}.mt-xl-auto{margin-top:auto}.mt-xl-auto--force{margin-top:auto!important}.mr-xl-auto{margin-right:auto}.mr-xl-auto--force{margin-right:auto!important}.mb-xl-auto{margin-bottom:auto}.mb-xl-auto--force{margin-bottom:auto!important}.ml-xl-auto{margin-left:auto}.ml-xl-auto--force{margin-left:auto!important}.mx-xl-auto{margin-right:auto;margin-left:auto}.mx-xl-auto--force{margin-right:auto!important;margin-left:auto!important}.my-xl-auto{margin-top:auto;margin-bottom:auto}.my-xl-auto--force{margin-top:auto!important;margin-bottom:auto!important}.p-xl--64{padding:calc(-1 * var(--matcha-space-800,64px))}.p-xl--64--force{padding:calc(-1 * var(--matcha-space-800,64px))!important}.px-xl--64{padding-right:calc(-1 * var(--matcha-space-800,64px));padding-left:calc(-1 * var(--matcha-space-800,64px))}.px-xl--64--force{padding-right:calc(-1 * var(--matcha-space-800,64px))!important;padding-left:calc(-1 * var(--matcha-space-800,64px))!important}.py-xl--64{padding-top:calc(-1 * var(--matcha-space-800,64px));padding-bottom:calc(-1 * var(--matcha-space-800,64px))}.py-xl--64--force{padding-top:calc(-1 * var(--matcha-space-800,64px))!important;padding-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.pt-xl--64{padding-top:calc(-1 * var(--matcha-space-800,64px))}.pt-xl--64--force{padding-top:calc(-1 * var(--matcha-space-800,64px))!important}.pr-xl--64{padding-right:calc(-1 * var(--matcha-space-800,64px))}.pr-xl--64--force{padding-right:calc(-1 * var(--matcha-space-800,64px))!important}.pb-xl--64{padding-bottom:calc(-1 * var(--matcha-space-800,64px))}.pb-xl--64--force{padding-bottom:calc(-1 * var(--matcha-space-800,64px))!important}.pl-xl--64{padding-left:calc(-1 * var(--matcha-space-800,64px))}.pl-xl--64--force{padding-left:calc(-1 * var(--matcha-space-800,64px))!important}.p-xl--48{padding:calc(-1 * var(--matcha-space-600,48px))}.p-xl--48--force{padding:calc(-1 * var(--matcha-space-600,48px))!important}.px-xl--48{padding-right:calc(-1 * var(--matcha-space-600,48px));padding-left:calc(-1 * var(--matcha-space-600,48px))}.px-xl--48--force{padding-right:calc(-1 * var(--matcha-space-600,48px))!important;padding-left:calc(-1 * var(--matcha-space-600,48px))!important}.py-xl--48{padding-top:calc(-1 * var(--matcha-space-600,48px));padding-bottom:calc(-1 * var(--matcha-space-600,48px))}.py-xl--48--force{padding-top:calc(-1 * var(--matcha-space-600,48px))!important;padding-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.pt-xl--48{padding-top:calc(-1 * var(--matcha-space-600,48px))}.pt-xl--48--force{padding-top:calc(-1 * var(--matcha-space-600,48px))!important}.pr-xl--48{padding-right:calc(-1 * var(--matcha-space-600,48px))}.pr-xl--48--force{padding-right:calc(-1 * var(--matcha-space-600,48px))!important}.pb-xl--48{padding-bottom:calc(-1 * var(--matcha-space-600,48px))}.pb-xl--48--force{padding-bottom:calc(-1 * var(--matcha-space-600,48px))!important}.pl-xl--48{padding-left:calc(-1 * var(--matcha-space-600,48px))}.pl-xl--48--force{padding-left:calc(-1 * var(--matcha-space-600,48px))!important}.p-xl--40{padding:calc(-1 * var(--matcha-space-500,40px))}.p-xl--40--force{padding:calc(-1 * var(--matcha-space-500,40px))!important}.px-xl--40{padding-right:calc(-1 * var(--matcha-space-500,40px));padding-left:calc(-1 * var(--matcha-space-500,40px))}.px-xl--40--force{padding-right:calc(-1 * var(--matcha-space-500,40px))!important;padding-left:calc(-1 * var(--matcha-space-500,40px))!important}.py-xl--40{padding-top:calc(-1 * var(--matcha-space-500,40px));padding-bottom:calc(-1 * var(--matcha-space-500,40px))}.py-xl--40--force{padding-top:calc(-1 * var(--matcha-space-500,40px))!important;padding-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.pt-xl--40{padding-top:calc(-1 * var(--matcha-space-500,40px))}.pt-xl--40--force{padding-top:calc(-1 * var(--matcha-space-500,40px))!important}.pr-xl--40{padding-right:calc(-1 * var(--matcha-space-500,40px))}.pr-xl--40--force{padding-right:calc(-1 * var(--matcha-space-500,40px))!important}.pb-xl--40{padding-bottom:calc(-1 * var(--matcha-space-500,40px))}.pb-xl--40--force{padding-bottom:calc(-1 * var(--matcha-space-500,40px))!important}.pl-xl--40{padding-left:calc(-1 * var(--matcha-space-500,40px))}.pl-xl--40--force{padding-left:calc(-1 * var(--matcha-space-500,40px))!important}.p-xl--32{padding:calc(-1 * var(--matcha-space-400,32px))}.p-xl--32--force{padding:calc(-1 * var(--matcha-space-400,32px))!important}.px-xl--32{padding-right:calc(-1 * var(--matcha-space-400,32px));padding-left:calc(-1 * var(--matcha-space-400,32px))}.px-xl--32--force{padding-right:calc(-1 * var(--matcha-space-400,32px))!important;padding-left:calc(-1 * var(--matcha-space-400,32px))!important}.py-xl--32{padding-top:calc(-1 * var(--matcha-space-400,32px));padding-bottom:calc(-1 * var(--matcha-space-400,32px))}.py-xl--32--force{padding-top:calc(-1 * var(--matcha-space-400,32px))!important;padding-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.pt-xl--32{padding-top:calc(-1 * var(--matcha-space-400,32px))}.pt-xl--32--force{padding-top:calc(-1 * var(--matcha-space-400,32px))!important}.pr-xl--32{padding-right:calc(-1 * var(--matcha-space-400,32px))}.pr-xl--32--force{padding-right:calc(-1 * var(--matcha-space-400,32px))!important}.pb-xl--32{padding-bottom:calc(-1 * var(--matcha-space-400,32px))}.pb-xl--32--force{padding-bottom:calc(-1 * var(--matcha-space-400,32px))!important}.pl-xl--32{padding-left:calc(-1 * var(--matcha-space-400,32px))}.pl-xl--32--force{padding-left:calc(-1 * var(--matcha-space-400,32px))!important}.p-xl--24{padding:calc(-1 * var(--matcha-space-300,24px))}.p-xl--24--force{padding:calc(-1 * var(--matcha-space-300,24px))!important}.px-xl--24{padding-right:calc(-1 * var(--matcha-space-300,24px));padding-left:calc(-1 * var(--matcha-space-300,24px))}.px-xl--24--force{padding-right:calc(-1 * var(--matcha-space-300,24px))!important;padding-left:calc(-1 * var(--matcha-space-300,24px))!important}.py-xl--24{padding-top:calc(-1 * var(--matcha-space-300,24px));padding-bottom:calc(-1 * var(--matcha-space-300,24px))}.py-xl--24--force{padding-top:calc(-1 * var(--matcha-space-300,24px))!important;padding-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.pt-xl--24{padding-top:calc(-1 * var(--matcha-space-300,24px))}.pt-xl--24--force{padding-top:calc(-1 * var(--matcha-space-300,24px))!important}.pr-xl--24{padding-right:calc(-1 * var(--matcha-space-300,24px))}.pr-xl--24--force{padding-right:calc(-1 * var(--matcha-space-300,24px))!important}.pb-xl--24{padding-bottom:calc(-1 * var(--matcha-space-300,24px))}.pb-xl--24--force{padding-bottom:calc(-1 * var(--matcha-space-300,24px))!important}.pl-xl--24{padding-left:calc(-1 * var(--matcha-space-300,24px))}.pl-xl--24--force{padding-left:calc(-1 * var(--matcha-space-300,24px))!important}.p-xl--20{padding:calc(-1 * var(--matcha-space-250,20px))}.p-xl--20--force{padding:calc(-1 * var(--matcha-space-250,20px))!important}.px-xl--20{padding-right:calc(-1 * var(--matcha-space-250,20px));padding-left:calc(-1 * var(--matcha-space-250,20px))}.px-xl--20--force{padding-right:calc(-1 * var(--matcha-space-250,20px))!important;padding-left:calc(-1 * var(--matcha-space-250,20px))!important}.py-xl--20{padding-top:calc(-1 * var(--matcha-space-250,20px));padding-bottom:calc(-1 * var(--matcha-space-250,20px))}.py-xl--20--force{padding-top:calc(-1 * var(--matcha-space-250,20px))!important;padding-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.pt-xl--20{padding-top:calc(-1 * var(--matcha-space-250,20px))}.pt-xl--20--force{padding-top:calc(-1 * var(--matcha-space-250,20px))!important}.pr-xl--20{padding-right:calc(-1 * var(--matcha-space-250,20px))}.pr-xl--20--force{padding-right:calc(-1 * var(--matcha-space-250,20px))!important}.pb-xl--20{padding-bottom:calc(-1 * var(--matcha-space-250,20px))}.pb-xl--20--force{padding-bottom:calc(-1 * var(--matcha-space-250,20px))!important}.pl-xl--20{padding-left:calc(-1 * var(--matcha-space-250,20px))}.pl-xl--20--force{padding-left:calc(-1 * var(--matcha-space-250,20px))!important}.p-xl--16{padding:calc(-1 * var(--matcha-space-200,16px))}.p-xl--16--force{padding:calc(-1 * var(--matcha-space-200,16px))!important}.px-xl--16{padding-right:calc(-1 * var(--matcha-space-200,16px));padding-left:calc(-1 * var(--matcha-space-200,16px))}.px-xl--16--force{padding-right:calc(-1 * var(--matcha-space-200,16px))!important;padding-left:calc(-1 * var(--matcha-space-200,16px))!important}.py-xl--16{padding-top:calc(-1 * var(--matcha-space-200,16px));padding-bottom:calc(-1 * var(--matcha-space-200,16px))}.py-xl--16--force{padding-top:calc(-1 * var(--matcha-space-200,16px))!important;padding-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.pt-xl--16{padding-top:calc(-1 * var(--matcha-space-200,16px))}.pt-xl--16--force{padding-top:calc(-1 * var(--matcha-space-200,16px))!important}.pr-xl--16{padding-right:calc(-1 * var(--matcha-space-200,16px))}.pr-xl--16--force{padding-right:calc(-1 * var(--matcha-space-200,16px))!important}.pb-xl--16{padding-bottom:calc(-1 * var(--matcha-space-200,16px))}.pb-xl--16--force{padding-bottom:calc(-1 * var(--matcha-space-200,16px))!important}.pl-xl--16{padding-left:calc(-1 * var(--matcha-space-200,16px))}.pl-xl--16--force{padding-left:calc(-1 * var(--matcha-space-200,16px))!important}.p-xl--12{padding:calc(-1 * var(--matcha-space-150,12px))}.p-xl--12--force{padding:calc(-1 * var(--matcha-space-150,12px))!important}.px-xl--12{padding-right:calc(-1 * var(--matcha-space-150,12px));padding-left:calc(-1 * var(--matcha-space-150,12px))}.px-xl--12--force{padding-right:calc(-1 * var(--matcha-space-150,12px))!important;padding-left:calc(-1 * var(--matcha-space-150,12px))!important}.py-xl--12{padding-top:calc(-1 * var(--matcha-space-150,12px));padding-bottom:calc(-1 * var(--matcha-space-150,12px))}.py-xl--12--force{padding-top:calc(-1 * var(--matcha-space-150,12px))!important;padding-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.pt-xl--12{padding-top:calc(-1 * var(--matcha-space-150,12px))}.pt-xl--12--force{padding-top:calc(-1 * var(--matcha-space-150,12px))!important}.pr-xl--12{padding-right:calc(-1 * var(--matcha-space-150,12px))}.pr-xl--12--force{padding-right:calc(-1 * var(--matcha-space-150,12px))!important}.pb-xl--12{padding-bottom:calc(-1 * var(--matcha-space-150,12px))}.pb-xl--12--force{padding-bottom:calc(-1 * var(--matcha-space-150,12px))!important}.pl-xl--12{padding-left:calc(-1 * var(--matcha-space-150,12px))}.pl-xl--12--force{padding-left:calc(-1 * var(--matcha-space-150,12px))!important}.p-xl--8{padding:calc(-1 * var(--matcha-space-100,8px))}.p-xl--8--force{padding:calc(-1 * var(--matcha-space-100,8px))!important}.px-xl--8{padding-right:calc(-1 * var(--matcha-space-100,8px));padding-left:calc(-1 * var(--matcha-space-100,8px))}.px-xl--8--force{padding-right:calc(-1 * var(--matcha-space-100,8px))!important;padding-left:calc(-1 * var(--matcha-space-100,8px))!important}.py-xl--8{padding-top:calc(-1 * var(--matcha-space-100,8px));padding-bottom:calc(-1 * var(--matcha-space-100,8px))}.py-xl--8--force{padding-top:calc(-1 * var(--matcha-space-100,8px))!important;padding-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.pt-xl--8{padding-top:calc(-1 * var(--matcha-space-100,8px))}.pt-xl--8--force{padding-top:calc(-1 * var(--matcha-space-100,8px))!important}.pr-xl--8{padding-right:calc(-1 * var(--matcha-space-100,8px))}.pr-xl--8--force{padding-right:calc(-1 * var(--matcha-space-100,8px))!important}.pb-xl--8{padding-bottom:calc(-1 * var(--matcha-space-100,8px))}.pb-xl--8--force{padding-bottom:calc(-1 * var(--matcha-space-100,8px))!important}.pl-xl--8{padding-left:calc(-1 * var(--matcha-space-100,8px))}.pl-xl--8--force{padding-left:calc(-1 * var(--matcha-space-100,8px))!important}.p-xl--4{padding:calc(-1 * var(--matcha-space-050,4px))}.p-xl--4--force{padding:calc(-1 * var(--matcha-space-050,4px))!important}.px-xl--4{padding-right:calc(-1 * var(--matcha-space-050,4px));padding-left:calc(-1 * var(--matcha-space-050,4px))}.px-xl--4--force{padding-right:calc(-1 * var(--matcha-space-050,4px))!important;padding-left:calc(-1 * var(--matcha-space-050,4px))!important}.py-xl--4{padding-top:calc(-1 * var(--matcha-space-050,4px));padding-bottom:calc(-1 * var(--matcha-space-050,4px))}.py-xl--4--force{padding-top:calc(-1 * var(--matcha-space-050,4px))!important;padding-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.pt-xl--4{padding-top:calc(-1 * var(--matcha-space-050,4px))}.pt-xl--4--force{padding-top:calc(-1 * var(--matcha-space-050,4px))!important}.pr-xl--4{padding-right:calc(-1 * var(--matcha-space-050,4px))}.pr-xl--4--force{padding-right:calc(-1 * var(--matcha-space-050,4px))!important}.pb-xl--4{padding-bottom:calc(-1 * var(--matcha-space-050,4px))}.pb-xl--4--force{padding-bottom:calc(-1 * var(--matcha-space-050,4px))!important}.pl-xl--4{padding-left:calc(-1 * var(--matcha-space-050,4px))}.pl-xl--4--force{padding-left:calc(-1 * var(--matcha-space-050,4px))!important}.p-xl-0{padding:var(--matcha-space-0,0)}.p-xl-0--force{padding:var(--matcha-space-0,0)!important}.px-xl-0{padding-right:var(--matcha-space-0,0);padding-left:var(--matcha-space-0,0)}.px-xl-0--force{padding-right:var(--matcha-space-0,0)!important;padding-left:var(--matcha-space-0,0)!important}.py-xl-0{padding-top:var(--matcha-space-0,0);padding-bottom:var(--matcha-space-0,0)}.py-xl-0--force{padding-top:var(--matcha-space-0,0)!important;padding-bottom:var(--matcha-space-0,0)!important}.pt-xl-0{padding-top:var(--matcha-space-0,0)}.pt-xl-0--force{padding-top:var(--matcha-space-0,0)!important}.pr-xl-0{padding-right:var(--matcha-space-0,0)}.pr-xl-0--force{padding-right:var(--matcha-space-0,0)!important}.pb-xl-0{padding-bottom:var(--matcha-space-0,0)}.pb-xl-0--force{padding-bottom:var(--matcha-space-0,0)!important}.pl-xl-0{padding-left:var(--matcha-space-0,0)}.pl-xl-0--force{padding-left:var(--matcha-space-0,0)!important}.p-xl-4{padding:var(--matcha-space-050,4px)}.p-xl-4--force{padding:var(--matcha-space-050,4px)!important}.px-xl-4{padding-right:var(--matcha-space-050,4px);padding-left:var(--matcha-space-050,4px)}.px-xl-4--force{padding-right:var(--matcha-space-050,4px)!important;padding-left:var(--matcha-space-050,4px)!important}.py-xl-4{padding-top:var(--matcha-space-050,4px);padding-bottom:var(--matcha-space-050,4px)}.py-xl-4--force{padding-top:var(--matcha-space-050,4px)!important;padding-bottom:var(--matcha-space-050,4px)!important}.pt-xl-4{padding-top:var(--matcha-space-050,4px)}.pt-xl-4--force{padding-top:var(--matcha-space-050,4px)!important}.pr-xl-4{padding-right:var(--matcha-space-050,4px)}.pr-xl-4--force{padding-right:var(--matcha-space-050,4px)!important}.pb-xl-4{padding-bottom:var(--matcha-space-050,4px)}.pb-xl-4--force{padding-bottom:var(--matcha-space-050,4px)!important}.pl-xl-4{padding-left:var(--matcha-space-050,4px)}.pl-xl-4--force{padding-left:var(--matcha-space-050,4px)!important}.p-xl-8{padding:var(--matcha-space-100,8px)}.p-xl-8--force{padding:var(--matcha-space-100,8px)!important}.px-xl-8{padding-right:var(--matcha-space-100,8px);padding-left:var(--matcha-space-100,8px)}.px-xl-8--force{padding-right:var(--matcha-space-100,8px)!important;padding-left:var(--matcha-space-100,8px)!important}.py-xl-8{padding-top:var(--matcha-space-100,8px);padding-bottom:var(--matcha-space-100,8px)}.py-xl-8--force{padding-top:var(--matcha-space-100,8px)!important;padding-bottom:var(--matcha-space-100,8px)!important}.pt-xl-8{padding-top:var(--matcha-space-100,8px)}.pt-xl-8--force{padding-top:var(--matcha-space-100,8px)!important}.pr-xl-8{padding-right:var(--matcha-space-100,8px)}.pr-xl-8--force{padding-right:var(--matcha-space-100,8px)!important}.pb-xl-8{padding-bottom:var(--matcha-space-100,8px)}.pb-xl-8--force{padding-bottom:var(--matcha-space-100,8px)!important}.pl-xl-8{padding-left:var(--matcha-space-100,8px)}.pl-xl-8--force{padding-left:var(--matcha-space-100,8px)!important}.p-xl-12{padding:var(--matcha-space-150,12px)}.p-xl-12--force{padding:var(--matcha-space-150,12px)!important}.px-xl-12{padding-right:var(--matcha-space-150,12px);padding-left:var(--matcha-space-150,12px)}.px-xl-12--force{padding-right:var(--matcha-space-150,12px)!important;padding-left:var(--matcha-space-150,12px)!important}.py-xl-12{padding-top:var(--matcha-space-150,12px);padding-bottom:var(--matcha-space-150,12px)}.py-xl-12--force{padding-top:var(--matcha-space-150,12px)!important;padding-bottom:var(--matcha-space-150,12px)!important}.pt-xl-12{padding-top:var(--matcha-space-150,12px)}.pt-xl-12--force{padding-top:var(--matcha-space-150,12px)!important}.pr-xl-12{padding-right:var(--matcha-space-150,12px)}.pr-xl-12--force{padding-right:var(--matcha-space-150,12px)!important}.pb-xl-12{padding-bottom:var(--matcha-space-150,12px)}.pb-xl-12--force{padding-bottom:var(--matcha-space-150,12px)!important}.pl-xl-12{padding-left:var(--matcha-space-150,12px)}.pl-xl-12--force{padding-left:var(--matcha-space-150,12px)!important}.p-xl-16{padding:var(--matcha-space-200,16px)}.p-xl-16--force{padding:var(--matcha-space-200,16px)!important}.px-xl-16{padding-right:var(--matcha-space-200,16px);padding-left:var(--matcha-space-200,16px)}.px-xl-16--force{padding-right:var(--matcha-space-200,16px)!important;padding-left:var(--matcha-space-200,16px)!important}.py-xl-16{padding-top:var(--matcha-space-200,16px);padding-bottom:var(--matcha-space-200,16px)}.py-xl-16--force{padding-top:var(--matcha-space-200,16px)!important;padding-bottom:var(--matcha-space-200,16px)!important}.pt-xl-16{padding-top:var(--matcha-space-200,16px)}.pt-xl-16--force{padding-top:var(--matcha-space-200,16px)!important}.pr-xl-16{padding-right:var(--matcha-space-200,16px)}.pr-xl-16--force{padding-right:var(--matcha-space-200,16px)!important}.pb-xl-16{padding-bottom:var(--matcha-space-200,16px)}.pb-xl-16--force{padding-bottom:var(--matcha-space-200,16px)!important}.pl-xl-16{padding-left:var(--matcha-space-200,16px)}.pl-xl-16--force{padding-left:var(--matcha-space-200,16px)!important}.p-xl-20{padding:var(--matcha-space-250,20px)}.p-xl-20--force{padding:var(--matcha-space-250,20px)!important}.px-xl-20{padding-right:var(--matcha-space-250,20px);padding-left:var(--matcha-space-250,20px)}.px-xl-20--force{padding-right:var(--matcha-space-250,20px)!important;padding-left:var(--matcha-space-250,20px)!important}.py-xl-20{padding-top:var(--matcha-space-250,20px);padding-bottom:var(--matcha-space-250,20px)}.py-xl-20--force{padding-top:var(--matcha-space-250,20px)!important;padding-bottom:var(--matcha-space-250,20px)!important}.pt-xl-20{padding-top:var(--matcha-space-250,20px)}.pt-xl-20--force{padding-top:var(--matcha-space-250,20px)!important}.pr-xl-20{padding-right:var(--matcha-space-250,20px)}.pr-xl-20--force{padding-right:var(--matcha-space-250,20px)!important}.pb-xl-20{padding-bottom:var(--matcha-space-250,20px)}.pb-xl-20--force{padding-bottom:var(--matcha-space-250,20px)!important}.pl-xl-20{padding-left:var(--matcha-space-250,20px)}.pl-xl-20--force{padding-left:var(--matcha-space-250,20px)!important}.p-xl-24{padding:var(--matcha-space-300,24px)}.p-xl-24--force{padding:var(--matcha-space-300,24px)!important}.px-xl-24{padding-right:var(--matcha-space-300,24px);padding-left:var(--matcha-space-300,24px)}.px-xl-24--force{padding-right:var(--matcha-space-300,24px)!important;padding-left:var(--matcha-space-300,24px)!important}.py-xl-24{padding-top:var(--matcha-space-300,24px);padding-bottom:var(--matcha-space-300,24px)}.py-xl-24--force{padding-top:var(--matcha-space-300,24px)!important;padding-bottom:var(--matcha-space-300,24px)!important}.pt-xl-24{padding-top:var(--matcha-space-300,24px)}.pt-xl-24--force{padding-top:var(--matcha-space-300,24px)!important}.pr-xl-24{padding-right:var(--matcha-space-300,24px)}.pr-xl-24--force{padding-right:var(--matcha-space-300,24px)!important}.pb-xl-24{padding-bottom:var(--matcha-space-300,24px)}.pb-xl-24--force{padding-bottom:var(--matcha-space-300,24px)!important}.pl-xl-24{padding-left:var(--matcha-space-300,24px)}.pl-xl-24--force{padding-left:var(--matcha-space-300,24px)!important}.p-xl-28{padding:28px}.p-xl-28--force{padding:28px!important}.px-xl-28{padding-right:28px;padding-left:28px}.px-xl-28--force{padding-right:28px!important;padding-left:28px!important}.py-xl-28{padding-top:28px;padding-bottom:28px}.py-xl-28--force{padding-top:28px!important;padding-bottom:28px!important}.pt-xl-28{padding-top:28px}.pt-xl-28--force{padding-top:28px!important}.pr-xl-28{padding-right:28px}.pr-xl-28--force{padding-right:28px!important}.pb-xl-28{padding-bottom:28px}.pb-xl-28--force{padding-bottom:28px!important}.pl-xl-28{padding-left:28px}.pl-xl-28--force{padding-left:28px!important}.p-xl-32{padding:var(--matcha-space-400,32px)}.p-xl-32--force{padding:var(--matcha-space-400,32px)!important}.px-xl-32{padding-right:var(--matcha-space-400,32px);padding-left:var(--matcha-space-400,32px)}.px-xl-32--force{padding-right:var(--matcha-space-400,32px)!important;padding-left:var(--matcha-space-400,32px)!important}.py-xl-32{padding-top:var(--matcha-space-400,32px);padding-bottom:var(--matcha-space-400,32px)}.py-xl-32--force{padding-top:var(--matcha-space-400,32px)!important;padding-bottom:var(--matcha-space-400,32px)!important}.pt-xl-32{padding-top:var(--matcha-space-400,32px)}.pt-xl-32--force{padding-top:var(--matcha-space-400,32px)!important}.pr-xl-32{padding-right:var(--matcha-space-400,32px)}.pr-xl-32--force{padding-right:var(--matcha-space-400,32px)!important}.pb-xl-32{padding-bottom:var(--matcha-space-400,32px)}.pb-xl-32--force{padding-bottom:var(--matcha-space-400,32px)!important}.pl-xl-32{padding-left:var(--matcha-space-400,32px)}.pl-xl-32--force{padding-left:var(--matcha-space-400,32px)!important}.p-xl-36{padding:36px}.p-xl-36--force{padding:36px!important}.px-xl-36{padding-right:36px;padding-left:36px}.px-xl-36--force{padding-right:36px!important;padding-left:36px!important}.py-xl-36{padding-top:36px;padding-bottom:36px}.py-xl-36--force{padding-top:36px!important;padding-bottom:36px!important}.pt-xl-36{padding-top:36px}.pt-xl-36--force{padding-top:36px!important}.pr-xl-36{padding-right:36px}.pr-xl-36--force{padding-right:36px!important}.pb-xl-36{padding-bottom:36px}.pb-xl-36--force{padding-bottom:36px!important}.pl-xl-36{padding-left:36px}.pl-xl-36--force{padding-left:36px!important}.p-xl-40{padding:var(--matcha-space-500,40px)}.p-xl-40--force{padding:var(--matcha-space-500,40px)!important}.px-xl-40{padding-right:var(--matcha-space-500,40px);padding-left:var(--matcha-space-500,40px)}.px-xl-40--force{padding-right:var(--matcha-space-500,40px)!important;padding-left:var(--matcha-space-500,40px)!important}.py-xl-40{padding-top:var(--matcha-space-500,40px);padding-bottom:var(--matcha-space-500,40px)}.py-xl-40--force{padding-top:var(--matcha-space-500,40px)!important;padding-bottom:var(--matcha-space-500,40px)!important}.pt-xl-40{padding-top:var(--matcha-space-500,40px)}.pt-xl-40--force{padding-top:var(--matcha-space-500,40px)!important}.pr-xl-40{padding-right:var(--matcha-space-500,40px)}.pr-xl-40--force{padding-right:var(--matcha-space-500,40px)!important}.pb-xl-40{padding-bottom:var(--matcha-space-500,40px)}.pb-xl-40--force{padding-bottom:var(--matcha-space-500,40px)!important}.pl-xl-40{padding-left:var(--matcha-space-500,40px)}.pl-xl-40--force{padding-left:var(--matcha-space-500,40px)!important}.p-xl-44{padding:44px}.p-xl-44--force{padding:44px!important}.px-xl-44{padding-right:44px;padding-left:44px}.px-xl-44--force{padding-right:44px!important;padding-left:44px!important}.py-xl-44{padding-top:44px;padding-bottom:44px}.py-xl-44--force{padding-top:44px!important;padding-bottom:44px!important}.pt-xl-44{padding-top:44px}.pt-xl-44--force{padding-top:44px!important}.pr-xl-44{padding-right:44px}.pr-xl-44--force{padding-right:44px!important}.pb-xl-44{padding-bottom:44px}.pb-xl-44--force{padding-bottom:44px!important}.pl-xl-44{padding-left:44px}.pl-xl-44--force{padding-left:44px!important}.p-xl-48{padding:var(--matcha-space-600,48px)}.p-xl-48--force{padding:var(--matcha-space-600,48px)!important}.px-xl-48{padding-right:var(--matcha-space-600,48px);padding-left:var(--matcha-space-600,48px)}.px-xl-48--force{padding-right:var(--matcha-space-600,48px)!important;padding-left:var(--matcha-space-600,48px)!important}.py-xl-48{padding-top:var(--matcha-space-600,48px);padding-bottom:var(--matcha-space-600,48px)}.py-xl-48--force{padding-top:var(--matcha-space-600,48px)!important;padding-bottom:var(--matcha-space-600,48px)!important}.pt-xl-48{padding-top:var(--matcha-space-600,48px)}.pt-xl-48--force{padding-top:var(--matcha-space-600,48px)!important}.pr-xl-48{padding-right:var(--matcha-space-600,48px)}.pr-xl-48--force{padding-right:var(--matcha-space-600,48px)!important}.pb-xl-48{padding-bottom:var(--matcha-space-600,48px)}.pb-xl-48--force{padding-bottom:var(--matcha-space-600,48px)!important}.pl-xl-48{padding-left:var(--matcha-space-600,48px)}.pl-xl-48--force{padding-left:var(--matcha-space-600,48px)!important}.p-xl-52{padding:52px}.p-xl-52--force{padding:52px!important}.px-xl-52{padding-right:52px;padding-left:52px}.px-xl-52--force{padding-right:52px!important;padding-left:52px!important}.py-xl-52{padding-top:52px;padding-bottom:52px}.py-xl-52--force{padding-top:52px!important;padding-bottom:52px!important}.pt-xl-52{padding-top:52px}.pt-xl-52--force{padding-top:52px!important}.pr-xl-52{padding-right:52px}.pr-xl-52--force{padding-right:52px!important}.pb-xl-52{padding-bottom:52px}.pb-xl-52--force{padding-bottom:52px!important}.pl-xl-52{padding-left:52px}.pl-xl-52--force{padding-left:52px!important}.p-xl-56{padding:56px}.p-xl-56--force{padding:56px!important}.px-xl-56{padding-right:56px;padding-left:56px}.px-xl-56--force{padding-right:56px!important;padding-left:56px!important}.py-xl-56{padding-top:56px;padding-bottom:56px}.py-xl-56--force{padding-top:56px!important;padding-bottom:56px!important}.pt-xl-56{padding-top:56px}.pt-xl-56--force{padding-top:56px!important}.pr-xl-56{padding-right:56px}.pr-xl-56--force{padding-right:56px!important}.pb-xl-56{padding-bottom:56px}.pb-xl-56--force{padding-bottom:56px!important}.pl-xl-56{padding-left:56px}.pl-xl-56--force{padding-left:56px!important}.p-xl-60{padding:60px}.p-xl-60--force{padding:60px!important}.px-xl-60{padding-right:60px;padding-left:60px}.px-xl-60--force{padding-right:60px!important;padding-left:60px!important}.py-xl-60{padding-top:60px;padding-bottom:60px}.py-xl-60--force{padding-top:60px!important;padding-bottom:60px!important}.pt-xl-60{padding-top:60px}.pt-xl-60--force{padding-top:60px!important}.pr-xl-60{padding-right:60px}.pr-xl-60--force{padding-right:60px!important}.pb-xl-60{padding-bottom:60px}.pb-xl-60--force{padding-bottom:60px!important}.pl-xl-60{padding-left:60px}.pl-xl-60--force{padding-left:60px!important}.p-xl-64{padding:var(--matcha-space-800,64px)}.p-xl-64--force{padding:var(--matcha-space-800,64px)!important}.px-xl-64{padding-right:var(--matcha-space-800,64px);padding-left:var(--matcha-space-800,64px)}.px-xl-64--force{padding-right:var(--matcha-space-800,64px)!important;padding-left:var(--matcha-space-800,64px)!important}.py-xl-64{padding-top:var(--matcha-space-800,64px);padding-bottom:var(--matcha-space-800,64px)}.py-xl-64--force{padding-top:var(--matcha-space-800,64px)!important;padding-bottom:var(--matcha-space-800,64px)!important}.pt-xl-64{padding-top:var(--matcha-space-800,64px)}.pt-xl-64--force{padding-top:var(--matcha-space-800,64px)!important}.pr-xl-64{padding-right:var(--matcha-space-800,64px)}.pr-xl-64--force{padding-right:var(--matcha-space-800,64px)!important}.pb-xl-64{padding-bottom:var(--matcha-space-800,64px)}.pb-xl-64--force{padding-bottom:var(--matcha-space-800,64px)!important}.pl-xl-64{padding-left:var(--matcha-space-800,64px)}.pl-xl-64--force{padding-left:var(--matcha-space-800,64px)!important}.p-xl-0{padding:var(--matcha-space-0,0)}.p-xl-0--force{padding:var(--matcha-space-0,0)!important}.px-xl-0{padding-right:var(--matcha-space-0,0);padding-left:var(--matcha-space-0,0)}.px-xl-0--force{padding-right:var(--matcha-space-0,0)!important;padding-left:var(--matcha-space-0,0)!important}.py-xl-0{padding-top:var(--matcha-space-0,0);padding-bottom:var(--matcha-space-0,0)}.py-xl-0--force{padding-top:var(--matcha-space-0,0)!important;padding-bottom:var(--matcha-space-0,0)!important}.pt-xl-0{padding-top:var(--matcha-space-0,0)}.pt-xl-0--force{padding-top:var(--matcha-space-0,0)!important}.pr-xl-0{padding-right:var(--matcha-space-0,0)}.pr-xl-0--force{padding-right:var(--matcha-space-0,0)!important}.pb-xl-0{padding-bottom:var(--matcha-space-0,0)}.pb-xl-0--force{padding-bottom:var(--matcha-space-0,0)!important}.pl-xl-0{padding-left:var(--matcha-space-0,0)}.pl-xl-0--force{padding-left:var(--matcha-space-0,0)!important}.p-xl-4{padding:var(--matcha-space-050,4px)}.p-xl-4--force{padding:var(--matcha-space-050,4px)!important}.px-xl-4{padding-right:var(--matcha-space-050,4px);padding-left:var(--matcha-space-050,4px)}.px-xl-4--force{padding-right:var(--matcha-space-050,4px)!important;padding-left:var(--matcha-space-050,4px)!important}.py-xl-4{padding-top:var(--matcha-space-050,4px);padding-bottom:var(--matcha-space-050,4px)}.py-xl-4--force{padding-top:var(--matcha-space-050,4px)!important;padding-bottom:var(--matcha-space-050,4px)!important}.pt-xl-4{padding-top:var(--matcha-space-050,4px)}.pt-xl-4--force{padding-top:var(--matcha-space-050,4px)!important}.pr-xl-4{padding-right:var(--matcha-space-050,4px)}.pr-xl-4--force{padding-right:var(--matcha-space-050,4px)!important}.pb-xl-4{padding-bottom:var(--matcha-space-050,4px)}.pb-xl-4--force{padding-bottom:var(--matcha-space-050,4px)!important}.pl-xl-4{padding-left:var(--matcha-space-050,4px)}.pl-xl-4--force{padding-left:var(--matcha-space-050,4px)!important}.p-xl-8{padding:var(--matcha-space-100,8px)}.p-xl-8--force{padding:var(--matcha-space-100,8px)!important}.px-xl-8{padding-right:var(--matcha-space-100,8px);padding-left:var(--matcha-space-100,8px)}.px-xl-8--force{padding-right:var(--matcha-space-100,8px)!important;padding-left:var(--matcha-space-100,8px)!important}.py-xl-8{padding-top:var(--matcha-space-100,8px);padding-bottom:var(--matcha-space-100,8px)}.py-xl-8--force{padding-top:var(--matcha-space-100,8px)!important;padding-bottom:var(--matcha-space-100,8px)!important}.pt-xl-8{padding-top:var(--matcha-space-100,8px)}.pt-xl-8--force{padding-top:var(--matcha-space-100,8px)!important}.pr-xl-8{padding-right:var(--matcha-space-100,8px)}.pr-xl-8--force{padding-right:var(--matcha-space-100,8px)!important}.pb-xl-8{padding-bottom:var(--matcha-space-100,8px)}.pb-xl-8--force{padding-bottom:var(--matcha-space-100,8px)!important}.pl-xl-8{padding-left:var(--matcha-space-100,8px)}.pl-xl-8--force{padding-left:var(--matcha-space-100,8px)!important}.p-xl-12{padding:var(--matcha-space-150,12px)}.p-xl-12--force{padding:var(--matcha-space-150,12px)!important}.px-xl-12{padding-right:var(--matcha-space-150,12px);padding-left:var(--matcha-space-150,12px)}.px-xl-12--force{padding-right:var(--matcha-space-150,12px)!important;padding-left:var(--matcha-space-150,12px)!important}.py-xl-12{padding-top:var(--matcha-space-150,12px);padding-bottom:var(--matcha-space-150,12px)}.py-xl-12--force{padding-top:var(--matcha-space-150,12px)!important;padding-bottom:var(--matcha-space-150,12px)!important}.pt-xl-12{padding-top:var(--matcha-space-150,12px)}.pt-xl-12--force{padding-top:var(--matcha-space-150,12px)!important}.pr-xl-12{padding-right:var(--matcha-space-150,12px)}.pr-xl-12--force{padding-right:var(--matcha-space-150,12px)!important}.pb-xl-12{padding-bottom:var(--matcha-space-150,12px)}.pb-xl-12--force{padding-bottom:var(--matcha-space-150,12px)!important}.pl-xl-12{padding-left:var(--matcha-space-150,12px)}.pl-xl-12--force{padding-left:var(--matcha-space-150,12px)!important}.p-xl-16{padding:var(--matcha-space-200,16px)}.p-xl-16--force{padding:var(--matcha-space-200,16px)!important}.px-xl-16{padding-right:var(--matcha-space-200,16px);padding-left:var(--matcha-space-200,16px)}.px-xl-16--force{padding-right:var(--matcha-space-200,16px)!important;padding-left:var(--matcha-space-200,16px)!important}.py-xl-16{padding-top:var(--matcha-space-200,16px);padding-bottom:var(--matcha-space-200,16px)}.py-xl-16--force{padding-top:var(--matcha-space-200,16px)!important;padding-bottom:var(--matcha-space-200,16px)!important}.pt-xl-16{padding-top:var(--matcha-space-200,16px)}.pt-xl-16--force{padding-top:var(--matcha-space-200,16px)!important}.pr-xl-16{padding-right:var(--matcha-space-200,16px)}.pr-xl-16--force{padding-right:var(--matcha-space-200,16px)!important}.pb-xl-16{padding-bottom:var(--matcha-space-200,16px)}.pb-xl-16--force{padding-bottom:var(--matcha-space-200,16px)!important}.pl-xl-16{padding-left:var(--matcha-space-200,16px)}.pl-xl-16--force{padding-left:var(--matcha-space-200,16px)!important}.p-xl-20{padding:var(--matcha-space-250,20px)}.p-xl-20--force{padding:var(--matcha-space-250,20px)!important}.px-xl-20{padding-right:var(--matcha-space-250,20px);padding-left:var(--matcha-space-250,20px)}.px-xl-20--force{padding-right:var(--matcha-space-250,20px)!important;padding-left:var(--matcha-space-250,20px)!important}.py-xl-20{padding-top:var(--matcha-space-250,20px);padding-bottom:var(--matcha-space-250,20px)}.py-xl-20--force{padding-top:var(--matcha-space-250,20px)!important;padding-bottom:var(--matcha-space-250,20px)!important}.pt-xl-20{padding-top:var(--matcha-space-250,20px)}.pt-xl-20--force{padding-top:var(--matcha-space-250,20px)!important}.pr-xl-20{padding-right:var(--matcha-space-250,20px)}.pr-xl-20--force{padding-right:var(--matcha-space-250,20px)!important}.pb-xl-20{padding-bottom:var(--matcha-space-250,20px)}.pb-xl-20--force{padding-bottom:var(--matcha-space-250,20px)!important}.pl-xl-20{padding-left:var(--matcha-space-250,20px)}.pl-xl-20--force{padding-left:var(--matcha-space-250,20px)!important}.p-xl-24{padding:var(--matcha-space-300,24px)}.p-xl-24--force{padding:var(--matcha-space-300,24px)!important}.px-xl-24{padding-right:var(--matcha-space-300,24px);padding-left:var(--matcha-space-300,24px)}.px-xl-24--force{padding-right:var(--matcha-space-300,24px)!important;padding-left:var(--matcha-space-300,24px)!important}.py-xl-24{padding-top:var(--matcha-space-300,24px);padding-bottom:var(--matcha-space-300,24px)}.py-xl-24--force{padding-top:var(--matcha-space-300,24px)!important;padding-bottom:var(--matcha-space-300,24px)!important}.pt-xl-24{padding-top:var(--matcha-space-300,24px)}.pt-xl-24--force{padding-top:var(--matcha-space-300,24px)!important}.pr-xl-24{padding-right:var(--matcha-space-300,24px)}.pr-xl-24--force{padding-right:var(--matcha-space-300,24px)!important}.pb-xl-24{padding-bottom:var(--matcha-space-300,24px)}.pb-xl-24--force{padding-bottom:var(--matcha-space-300,24px)!important}.pl-xl-24{padding-left:var(--matcha-space-300,24px)}.pl-xl-24--force{padding-left:var(--matcha-space-300,24px)!important}.p-xl-28{padding:28px}.p-xl-28--force{padding:28px!important}.px-xl-28{padding-right:28px;padding-left:28px}.px-xl-28--force{padding-right:28px!important;padding-left:28px!important}.py-xl-28{padding-top:28px;padding-bottom:28px}.py-xl-28--force{padding-top:28px!important;padding-bottom:28px!important}.pt-xl-28{padding-top:28px}.pt-xl-28--force{padding-top:28px!important}.pr-xl-28{padding-right:28px}.pr-xl-28--force{padding-right:28px!important}.pb-xl-28{padding-bottom:28px}.pb-xl-28--force{padding-bottom:28px!important}.pl-xl-28{padding-left:28px}.pl-xl-28--force{padding-left:28px!important}.p-xl-32{padding:var(--matcha-space-400,32px)}.p-xl-32--force{padding:var(--matcha-space-400,32px)!important}.px-xl-32{padding-right:var(--matcha-space-400,32px);padding-left:var(--matcha-space-400,32px)}.px-xl-32--force{padding-right:var(--matcha-space-400,32px)!important;padding-left:var(--matcha-space-400,32px)!important}.py-xl-32{padding-top:var(--matcha-space-400,32px);padding-bottom:var(--matcha-space-400,32px)}.py-xl-32--force{padding-top:var(--matcha-space-400,32px)!important;padding-bottom:var(--matcha-space-400,32px)!important}.pt-xl-32{padding-top:var(--matcha-space-400,32px)}.pt-xl-32--force{padding-top:var(--matcha-space-400,32px)!important}.pr-xl-32{padding-right:var(--matcha-space-400,32px)}.pr-xl-32--force{padding-right:var(--matcha-space-400,32px)!important}.pb-xl-32{padding-bottom:var(--matcha-space-400,32px)}.pb-xl-32--force{padding-bottom:var(--matcha-space-400,32px)!important}.pl-xl-32{padding-left:var(--matcha-space-400,32px)}.pl-xl-32--force{padding-left:var(--matcha-space-400,32px)!important}.p-xl-36{padding:36px}.p-xl-36--force{padding:36px!important}.px-xl-36{padding-right:36px;padding-left:36px}.px-xl-36--force{padding-right:36px!important;padding-left:36px!important}.py-xl-36{padding-top:36px;padding-bottom:36px}.py-xl-36--force{padding-top:36px!important;padding-bottom:36px!important}.pt-xl-36{padding-top:36px}.pt-xl-36--force{padding-top:36px!important}.pr-xl-36{padding-right:36px}.pr-xl-36--force{padding-right:36px!important}.pb-xl-36{padding-bottom:36px}.pb-xl-36--force{padding-bottom:36px!important}.pl-xl-36{padding-left:36px}.pl-xl-36--force{padding-left:36px!important}.p-xl-40{padding:var(--matcha-space-500,40px)}.p-xl-40--force{padding:var(--matcha-space-500,40px)!important}.px-xl-40{padding-right:var(--matcha-space-500,40px);padding-left:var(--matcha-space-500,40px)}.px-xl-40--force{padding-right:var(--matcha-space-500,40px)!important;padding-left:var(--matcha-space-500,40px)!important}.py-xl-40{padding-top:var(--matcha-space-500,40px);padding-bottom:var(--matcha-space-500,40px)}.py-xl-40--force{padding-top:var(--matcha-space-500,40px)!important;padding-bottom:var(--matcha-space-500,40px)!important}.pt-xl-40{padding-top:var(--matcha-space-500,40px)}.pt-xl-40--force{padding-top:var(--matcha-space-500,40px)!important}.pr-xl-40{padding-right:var(--matcha-space-500,40px)}.pr-xl-40--force{padding-right:var(--matcha-space-500,40px)!important}.pb-xl-40{padding-bottom:var(--matcha-space-500,40px)}.pb-xl-40--force{padding-bottom:var(--matcha-space-500,40px)!important}.pl-xl-40{padding-left:var(--matcha-space-500,40px)}.pl-xl-40--force{padding-left:var(--matcha-space-500,40px)!important}.p-xl-44{padding:44px}.p-xl-44--force{padding:44px!important}.px-xl-44{padding-right:44px;padding-left:44px}.px-xl-44--force{padding-right:44px!important;padding-left:44px!important}.py-xl-44{padding-top:44px;padding-bottom:44px}.py-xl-44--force{padding-top:44px!important;padding-bottom:44px!important}.pt-xl-44{padding-top:44px}.pt-xl-44--force{padding-top:44px!important}.pr-xl-44{padding-right:44px}.pr-xl-44--force{padding-right:44px!important}.pb-xl-44{padding-bottom:44px}.pb-xl-44--force{padding-bottom:44px!important}.pl-xl-44{padding-left:44px}.pl-xl-44--force{padding-left:44px!important}.p-xl-48{padding:var(--matcha-space-600,48px)}.p-xl-48--force{padding:var(--matcha-space-600,48px)!important}.px-xl-48{padding-right:var(--matcha-space-600,48px);padding-left:var(--matcha-space-600,48px)}.px-xl-48--force{padding-right:var(--matcha-space-600,48px)!important;padding-left:var(--matcha-space-600,48px)!important}.py-xl-48{padding-top:var(--matcha-space-600,48px);padding-bottom:var(--matcha-space-600,48px)}.py-xl-48--force{padding-top:var(--matcha-space-600,48px)!important;padding-bottom:var(--matcha-space-600,48px)!important}.pt-xl-48{padding-top:var(--matcha-space-600,48px)}.pt-xl-48--force{padding-top:var(--matcha-space-600,48px)!important}.pr-xl-48{padding-right:var(--matcha-space-600,48px)}.pr-xl-48--force{padding-right:var(--matcha-space-600,48px)!important}.pb-xl-48{padding-bottom:var(--matcha-space-600,48px)}.pb-xl-48--force{padding-bottom:var(--matcha-space-600,48px)!important}.pl-xl-48{padding-left:var(--matcha-space-600,48px)}.pl-xl-48--force{padding-left:var(--matcha-space-600,48px)!important}.p-xl-52{padding:52px}.p-xl-52--force{padding:52px!important}.px-xl-52{padding-right:52px;padding-left:52px}.px-xl-52--force{padding-right:52px!important;padding-left:52px!important}.py-xl-52{padding-top:52px;padding-bottom:52px}.py-xl-52--force{padding-top:52px!important;padding-bottom:52px!important}.pt-xl-52{padding-top:52px}.pt-xl-52--force{padding-top:52px!important}.pr-xl-52{padding-right:52px}.pr-xl-52--force{padding-right:52px!important}.pb-xl-52{padding-bottom:52px}.pb-xl-52--force{padding-bottom:52px!important}.pl-xl-52{padding-left:52px}.pl-xl-52--force{padding-left:52px!important}.p-xl-56{padding:56px}.p-xl-56--force{padding:56px!important}.px-xl-56{padding-right:56px;padding-left:56px}.px-xl-56--force{padding-right:56px!important;padding-left:56px!important}.py-xl-56{padding-top:56px;padding-bottom:56px}.py-xl-56--force{padding-top:56px!important;padding-bottom:56px!important}.pt-xl-56{padding-top:56px}.pt-xl-56--force{padding-top:56px!important}.pr-xl-56{padding-right:56px}.pr-xl-56--force{padding-right:56px!important}.pb-xl-56{padding-bottom:56px}.pb-xl-56--force{padding-bottom:56px!important}.pl-xl-56{padding-left:56px}.pl-xl-56--force{padding-left:56px!important}.p-xl-60{padding:60px}.p-xl-60--force{padding:60px!important}.px-xl-60{padding-right:60px;padding-left:60px}.px-xl-60--force{padding-right:60px!important;padding-left:60px!important}.py-xl-60{padding-top:60px;padding-bottom:60px}.py-xl-60--force{padding-top:60px!important;padding-bottom:60px!important}.pt-xl-60{padding-top:60px}.pt-xl-60--force{padding-top:60px!important}.pr-xl-60{padding-right:60px}.pr-xl-60--force{padding-right:60px!important}.pb-xl-60{padding-bottom:60px}.pb-xl-60--force{padding-bottom:60px!important}.pl-xl-60{padding-left:60px}.pl-xl-60--force{padding-left:60px!important}.p-xl-64{padding:var(--matcha-space-800,64px)}.p-xl-64--force{padding:var(--matcha-space-800,64px)!important}.px-xl-64{padding-right:var(--matcha-space-800,64px);padding-left:var(--matcha-space-800,64px)}.px-xl-64--force{padding-right:var(--matcha-space-800,64px)!important;padding-left:var(--matcha-space-800,64px)!important}.py-xl-64{padding-top:var(--matcha-space-800,64px);padding-bottom:var(--matcha-space-800,64px)}.py-xl-64--force{padding-top:var(--matcha-space-800,64px)!important;padding-bottom:var(--matcha-space-800,64px)!important}.pt-xl-64{padding-top:var(--matcha-space-800,64px)}.pt-xl-64--force{padding-top:var(--matcha-space-800,64px)!important}.pr-xl-64{padding-right:var(--matcha-space-800,64px)}.pr-xl-64--force{padding-right:var(--matcha-space-800,64px)!important}.pb-xl-64{padding-bottom:var(--matcha-space-800,64px)}.pb-xl-64--force{padding-bottom:var(--matcha-space-800,64px)!important}.pl-xl-64{padding-left:var(--matcha-space-800,64px)}.pl-xl-64--force{padding-left:var(--matcha-space-800,64px)!important}.p-xl-68{padding:68px}.p-xl-68--force{padding:68px!important}.px-xl-68{padding-right:68px;padding-left:68px}.px-xl-68--force{padding-right:68px!important;padding-left:68px!important}.py-xl-68{padding-top:68px;padding-bottom:68px}.py-xl-68--force{padding-top:68px!important;padding-bottom:68px!important}.pt-xl-68{padding-top:68px}.pt-xl-68--force{padding-top:68px!important}.pr-xl-68{padding-right:68px}.pr-xl-68--force{padding-right:68px!important}.pb-xl-68{padding-bottom:68px}.pb-xl-68--force{padding-bottom:68px!important}.pl-xl-68{padding-left:68px}.pl-xl-68--force{padding-left:68px!important}.p-xl-72{padding:72px}.p-xl-72--force{padding:72px!important}.px-xl-72{padding-right:72px;padding-left:72px}.px-xl-72--force{padding-right:72px!important;padding-left:72px!important}.py-xl-72{padding-top:72px;padding-bottom:72px}.py-xl-72--force{padding-top:72px!important;padding-bottom:72px!important}.pt-xl-72{padding-top:72px}.pt-xl-72--force{padding-top:72px!important}.pr-xl-72{padding-right:72px}.pr-xl-72--force{padding-right:72px!important}.pb-xl-72{padding-bottom:72px}.pb-xl-72--force{padding-bottom:72px!important}.pl-xl-72{padding-left:72px}.pl-xl-72--force{padding-left:72px!important}.p-xl-76{padding:76px}.p-xl-76--force{padding:76px!important}.px-xl-76{padding-right:76px;padding-left:76px}.px-xl-76--force{padding-right:76px!important;padding-left:76px!important}.py-xl-76{padding-top:76px;padding-bottom:76px}.py-xl-76--force{padding-top:76px!important;padding-bottom:76px!important}.pt-xl-76{padding-top:76px}.pt-xl-76--force{padding-top:76px!important}.pr-xl-76{padding-right:76px}.pr-xl-76--force{padding-right:76px!important}.pb-xl-76{padding-bottom:76px}.pb-xl-76--force{padding-bottom:76px!important}.pl-xl-76{padding-left:76px}.pl-xl-76--force{padding-left:76px!important}.p-xl-80{padding:var(--matcha-space-1000,80px)}.p-xl-80--force{padding:var(--matcha-space-1000,80px)!important}.px-xl-80{padding-right:var(--matcha-space-1000,80px);padding-left:var(--matcha-space-1000,80px)}.px-xl-80--force{padding-right:var(--matcha-space-1000,80px)!important;padding-left:var(--matcha-space-1000,80px)!important}.py-xl-80{padding-top:var(--matcha-space-1000,80px);padding-bottom:var(--matcha-space-1000,80px)}.py-xl-80--force{padding-top:var(--matcha-space-1000,80px)!important;padding-bottom:var(--matcha-space-1000,80px)!important}.pt-xl-80{padding-top:var(--matcha-space-1000,80px)}.pt-xl-80--force{padding-top:var(--matcha-space-1000,80px)!important}.pr-xl-80{padding-right:var(--matcha-space-1000,80px)}.pr-xl-80--force{padding-right:var(--matcha-space-1000,80px)!important}.pb-xl-80{padding-bottom:var(--matcha-space-1000,80px)}.pb-xl-80--force{padding-bottom:var(--matcha-space-1000,80px)!important}.pl-xl-80{padding-left:var(--matcha-space-1000,80px)}.pl-xl-80--force{padding-left:var(--matcha-space-1000,80px)!important}.p-xl-84{padding:84px}.p-xl-84--force{padding:84px!important}.px-xl-84{padding-right:84px;padding-left:84px}.px-xl-84--force{padding-right:84px!important;padding-left:84px!important}.py-xl-84{padding-top:84px;padding-bottom:84px}.py-xl-84--force{padding-top:84px!important;padding-bottom:84px!important}.pt-xl-84{padding-top:84px}.pt-xl-84--force{padding-top:84px!important}.pr-xl-84{padding-right:84px}.pr-xl-84--force{padding-right:84px!important}.pb-xl-84{padding-bottom:84px}.pb-xl-84--force{padding-bottom:84px!important}.pl-xl-84{padding-left:84px}.pl-xl-84--force{padding-left:84px!important}.p-xl-88{padding:88px}.p-xl-88--force{padding:88px!important}.px-xl-88{padding-right:88px;padding-left:88px}.px-xl-88--force{padding-right:88px!important;padding-left:88px!important}.py-xl-88{padding-top:88px;padding-bottom:88px}.py-xl-88--force{padding-top:88px!important;padding-bottom:88px!important}.pt-xl-88{padding-top:88px}.pt-xl-88--force{padding-top:88px!important}.pr-xl-88{padding-right:88px}.pr-xl-88--force{padding-right:88px!important}.pb-xl-88{padding-bottom:88px}.pb-xl-88--force{padding-bottom:88px!important}.pl-xl-88{padding-left:88px}.pl-xl-88--force{padding-left:88px!important}.p-xl-92{padding:92px}.p-xl-92--force{padding:92px!important}.px-xl-92{padding-right:92px;padding-left:92px}.px-xl-92--force{padding-right:92px!important;padding-left:92px!important}.py-xl-92{padding-top:92px;padding-bottom:92px}.py-xl-92--force{padding-top:92px!important;padding-bottom:92px!important}.pt-xl-92{padding-top:92px}.pt-xl-92--force{padding-top:92px!important}.pr-xl-92{padding-right:92px}.pr-xl-92--force{padding-right:92px!important}.pb-xl-92{padding-bottom:92px}.pb-xl-92--force{padding-bottom:92px!important}.pl-xl-92{padding-left:92px}.pl-xl-92--force{padding-left:92px!important}.p-xl-96{padding:var(--matcha-space-1200,96px)}.p-xl-96--force{padding:var(--matcha-space-1200,96px)!important}.px-xl-96{padding-right:var(--matcha-space-1200,96px);padding-left:var(--matcha-space-1200,96px)}.px-xl-96--force{padding-right:var(--matcha-space-1200,96px)!important;padding-left:var(--matcha-space-1200,96px)!important}.py-xl-96{padding-top:var(--matcha-space-1200,96px);padding-bottom:var(--matcha-space-1200,96px)}.py-xl-96--force{padding-top:var(--matcha-space-1200,96px)!important;padding-bottom:var(--matcha-space-1200,96px)!important}.pt-xl-96{padding-top:var(--matcha-space-1200,96px)}.pt-xl-96--force{padding-top:var(--matcha-space-1200,96px)!important}.pr-xl-96{padding-right:var(--matcha-space-1200,96px)}.pr-xl-96--force{padding-right:var(--matcha-space-1200,96px)!important}.pb-xl-96{padding-bottom:var(--matcha-space-1200,96px)}.pb-xl-96--force{padding-bottom:var(--matcha-space-1200,96px)!important}.pl-xl-96{padding-left:var(--matcha-space-1200,96px)}.pl-xl-96--force{padding-left:var(--matcha-space-1200,96px)!important}}[class^=grid-]{display:grid;grid-template-columns:minmax(0,1fr)}.grid-1{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.colspan-1,.span-1c{grid-column-end:span 1}.rowspan-1,.span-1r{grid-row-end:span 1}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.colspan-2,.span-2c{grid-column-end:span 2}.rowspan-2,.span-2r{grid-row-end:span 2}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.colspan-3,.span-3c{grid-column-end:span 3}.rowspan-3,.span-3r{grid-row-end:span 3}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.colspan-4,.span-4c{grid-column-end:span 4}.rowspan-4,.span-4r{grid-row-end:span 4}.grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.colspan-5,.span-5c{grid-column-end:span 5}.rowspan-5,.span-5r{grid-row-end:span 5}.grid-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.colspan-6,.span-6c{grid-column-end:span 6}.rowspan-6,.span-6r{grid-row-end:span 6}.grid-7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.colspan-7,.span-7c{grid-column-end:span 7}.rowspan-7,.span-7r{grid-row-end:span 7}.grid-8{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}.colspan-8,.span-8c{grid-column-end:span 8}.rowspan-8,.span-8r{grid-row-end:span 8}.grid-9{display:grid;grid-template-columns:repeat(9,minmax(0,1fr))}.colspan-9,.span-9c{grid-column-end:span 9}.rowspan-9,.span-9r{grid-row-end:span 9}.grid-10{display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}.colspan-10,.span-10c{grid-column-end:span 10}.rowspan-10,.span-10r{grid-row-end:span 10}.grid-11{display:grid;grid-template-columns:repeat(11,minmax(0,1fr))}.colspan-11,.span-11c{grid-column-end:span 11}.rowspan-11,.span-11r{grid-row-end:span 11}.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.colspan-12,.span-12c{grid-column-end:span 12}.rowspan-12,.span-12r{grid-row-end:span 12}@media screen and (max-width:639px){.grid-xs-1{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.colspan-xs-1,.span-xs-1c{grid-column-end:span 1}.rowspan-xs-1,.span-xs-1r{grid-row-end:span 1}.grid-xs-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.colspan-xs-2,.span-xs-2c{grid-column-end:span 2}.rowspan-xs-2,.span-xs-2r{grid-row-end:span 2}.grid-xs-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.colspan-xs-3,.span-xs-3c{grid-column-end:span 3}.rowspan-xs-3,.span-xs-3r{grid-row-end:span 3}.grid-xs-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.colspan-xs-4,.span-xs-4c{grid-column-end:span 4}.rowspan-xs-4,.span-xs-4r{grid-row-end:span 4}.grid-xs-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.colspan-xs-5,.span-xs-5c{grid-column-end:span 5}.rowspan-xs-5,.span-xs-5r{grid-row-end:span 5}.grid-xs-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.colspan-xs-6,.span-xs-6c{grid-column-end:span 6}.rowspan-xs-6,.span-xs-6r{grid-row-end:span 6}.grid-xs-7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.colspan-xs-7,.span-xs-7c{grid-column-end:span 7}.rowspan-xs-7,.span-xs-7r{grid-row-end:span 7}.grid-xs-8{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}.colspan-xs-8,.span-xs-8c{grid-column-end:span 8}.rowspan-xs-8,.span-xs-8r{grid-row-end:span 8}.grid-xs-9{display:grid;grid-template-columns:repeat(9,minmax(0,1fr))}.colspan-xs-9,.span-xs-9c{grid-column-end:span 9}.rowspan-xs-9,.span-xs-9r{grid-row-end:span 9}.grid-xs-10{display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}.colspan-xs-10,.span-xs-10c{grid-column-end:span 10}.rowspan-xs-10,.span-xs-10r{grid-row-end:span 10}.grid-xs-11{display:grid;grid-template-columns:repeat(11,minmax(0,1fr))}.colspan-xs-11,.span-xs-11c{grid-column-end:span 11}.rowspan-xs-11,.span-xs-11r{grid-row-end:span 11}.grid-xs-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.colspan-xs-12,.span-xs-12c{grid-column-end:span 12}.rowspan-xs-12,.span-xs-12r{grid-row-end:span 12}}@media screen and (min-width:640px){.grid-sm-1{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.colspan-sm-1,.span-sm-1c{grid-column-end:span 1}.rowspan-sm-1,.span-sm-1r{grid-row-end:span 1}.grid-sm-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.colspan-sm-2,.span-sm-2c{grid-column-end:span 2}.rowspan-sm-2,.span-sm-2r{grid-row-end:span 2}.grid-sm-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.colspan-sm-3,.span-sm-3c{grid-column-end:span 3}.rowspan-sm-3,.span-sm-3r{grid-row-end:span 3}.grid-sm-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.colspan-sm-4,.span-sm-4c{grid-column-end:span 4}.rowspan-sm-4,.span-sm-4r{grid-row-end:span 4}.grid-sm-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.colspan-sm-5,.span-sm-5c{grid-column-end:span 5}.rowspan-sm-5,.span-sm-5r{grid-row-end:span 5}.grid-sm-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.colspan-sm-6,.span-sm-6c{grid-column-end:span 6}.rowspan-sm-6,.span-sm-6r{grid-row-end:span 6}.grid-sm-7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.colspan-sm-7,.span-sm-7c{grid-column-end:span 7}.rowspan-sm-7,.span-sm-7r{grid-row-end:span 7}.grid-sm-8{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}.colspan-sm-8,.span-sm-8c{grid-column-end:span 8}.rowspan-sm-8,.span-sm-8r{grid-row-end:span 8}.grid-sm-9{display:grid;grid-template-columns:repeat(9,minmax(0,1fr))}.colspan-sm-9,.span-sm-9c{grid-column-end:span 9}.rowspan-sm-9,.span-sm-9r{grid-row-end:span 9}.grid-sm-10{display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}.colspan-sm-10,.span-sm-10c{grid-column-end:span 10}.rowspan-sm-10,.span-sm-10r{grid-row-end:span 10}.grid-sm-11{display:grid;grid-template-columns:repeat(11,minmax(0,1fr))}.colspan-sm-11,.span-sm-11c{grid-column-end:span 11}.rowspan-sm-11,.span-sm-11r{grid-row-end:span 11}.grid-sm-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.colspan-sm-12,.span-sm-12c{grid-column-end:span 12}.rowspan-sm-12,.span-sm-12r{grid-row-end:span 12}}@media screen and (min-width:1024px){.grid-md-1{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.colspan-md-1,.span-md-1c{grid-column-end:span 1}.rowspan-md-1,.span-md-1r{grid-row-end:span 1}.grid-md-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.colspan-md-2,.span-md-2c{grid-column-end:span 2}.rowspan-md-2,.span-md-2r{grid-row-end:span 2}.grid-md-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.colspan-md-3,.span-md-3c{grid-column-end:span 3}.rowspan-md-3,.span-md-3r{grid-row-end:span 3}.grid-md-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.colspan-md-4,.span-md-4c{grid-column-end:span 4}.rowspan-md-4,.span-md-4r{grid-row-end:span 4}.grid-md-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.colspan-md-5,.span-md-5c{grid-column-end:span 5}.rowspan-md-5,.span-md-5r{grid-row-end:span 5}.grid-md-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.colspan-md-6,.span-md-6c{grid-column-end:span 6}.rowspan-md-6,.span-md-6r{grid-row-end:span 6}.grid-md-7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.colspan-md-7,.span-md-7c{grid-column-end:span 7}.rowspan-md-7,.span-md-7r{grid-row-end:span 7}.grid-md-8{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}.colspan-md-8,.span-md-8c{grid-column-end:span 8}.rowspan-md-8,.span-md-8r{grid-row-end:span 8}.grid-md-9{display:grid;grid-template-columns:repeat(9,minmax(0,1fr))}.colspan-md-9,.span-md-9c{grid-column-end:span 9}.rowspan-md-9,.span-md-9r{grid-row-end:span 9}.grid-md-10{display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}.colspan-md-10,.span-md-10c{grid-column-end:span 10}.rowspan-md-10,.span-md-10r{grid-row-end:span 10}.grid-md-11{display:grid;grid-template-columns:repeat(11,minmax(0,1fr))}.colspan-md-11,.span-md-11c{grid-column-end:span 11}.rowspan-md-11,.span-md-11r{grid-row-end:span 11}.grid-md-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.colspan-md-12,.span-md-12c{grid-column-end:span 12}.rowspan-md-12,.span-md-12r{grid-row-end:span 12}}@media screen and (min-width:1280px){.grid-lg-1{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.colspan-lg-1,.span-lg-1c{grid-column-end:span 1}.rowspan-lg-1,.span-lg-1r{grid-row-end:span 1}.grid-lg-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.colspan-lg-2,.span-lg-2c{grid-column-end:span 2}.rowspan-lg-2,.span-lg-2r{grid-row-end:span 2}.grid-lg-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.colspan-lg-3,.span-lg-3c{grid-column-end:span 3}.rowspan-lg-3,.span-lg-3r{grid-row-end:span 3}.grid-lg-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.colspan-lg-4,.span-lg-4c{grid-column-end:span 4}.rowspan-lg-4,.span-lg-4r{grid-row-end:span 4}.grid-lg-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.colspan-lg-5,.span-lg-5c{grid-column-end:span 5}.rowspan-lg-5,.span-lg-5r{grid-row-end:span 5}.grid-lg-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.colspan-lg-6,.span-lg-6c{grid-column-end:span 6}.rowspan-lg-6,.span-lg-6r{grid-row-end:span 6}.grid-lg-7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.colspan-lg-7,.span-lg-7c{grid-column-end:span 7}.rowspan-lg-7,.span-lg-7r{grid-row-end:span 7}.grid-lg-8{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}.colspan-lg-8,.span-lg-8c{grid-column-end:span 8}.rowspan-lg-8,.span-lg-8r{grid-row-end:span 8}.grid-lg-9{display:grid;grid-template-columns:repeat(9,minmax(0,1fr))}.colspan-lg-9,.span-lg-9c{grid-column-end:span 9}.rowspan-lg-9,.span-lg-9r{grid-row-end:span 9}.grid-lg-10{display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}.colspan-lg-10,.span-lg-10c{grid-column-end:span 10}.rowspan-lg-10,.span-lg-10r{grid-row-end:span 10}.grid-lg-11{display:grid;grid-template-columns:repeat(11,minmax(0,1fr))}.colspan-lg-11,.span-lg-11c{grid-column-end:span 11}.rowspan-lg-11,.span-lg-11r{grid-row-end:span 11}.grid-lg-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.colspan-lg-12,.span-lg-12c{grid-column-end:span 12}.rowspan-lg-12,.span-lg-12r{grid-row-end:span 12}}@media screen and (min-width:1536px){.grid-xl-1{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.colspan-xl-1,.span-xl-1c{grid-column-end:span 1}.rowspan-xl-1,.span-xl-1r{grid-row-end:span 1}.grid-xl-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.colspan-xl-2,.span-xl-2c{grid-column-end:span 2}.rowspan-xl-2,.span-xl-2r{grid-row-end:span 2}.grid-xl-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.colspan-xl-3,.span-xl-3c{grid-column-end:span 3}.rowspan-xl-3,.span-xl-3r{grid-row-end:span 3}.grid-xl-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.colspan-xl-4,.span-xl-4c{grid-column-end:span 4}.rowspan-xl-4,.span-xl-4r{grid-row-end:span 4}.grid-xl-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.colspan-xl-5,.span-xl-5c{grid-column-end:span 5}.rowspan-xl-5,.span-xl-5r{grid-row-end:span 5}.grid-xl-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.colspan-xl-6,.span-xl-6c{grid-column-end:span 6}.rowspan-xl-6,.span-xl-6r{grid-row-end:span 6}.grid-xl-7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.colspan-xl-7,.span-xl-7c{grid-column-end:span 7}.rowspan-xl-7,.span-xl-7r{grid-row-end:span 7}.grid-xl-8{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}.colspan-xl-8,.span-xl-8c{grid-column-end:span 8}.rowspan-xl-8,.span-xl-8r{grid-row-end:span 8}.grid-xl-9{display:grid;grid-template-columns:repeat(9,minmax(0,1fr))}.colspan-xl-9,.span-xl-9c{grid-column-end:span 9}.rowspan-xl-9,.span-xl-9r{grid-row-end:span 9}.grid-xl-10{display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}.colspan-xl-10,.span-xl-10c{grid-column-end:span 10}.rowspan-xl-10,.span-xl-10r{grid-row-end:span 10}.grid-xl-11{display:grid;grid-template-columns:repeat(11,minmax(0,1fr))}.colspan-xl-11,.span-xl-11c{grid-column-end:span 11}.rowspan-xl-11,.span-xl-11r{grid-row-end:span 11}.grid-xl-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.colspan-xl-12,.span-xl-12c{grid-column-end:span 12}.rowspan-xl-12,.span-xl-12r{grid-row-end:span 12}}.row{display:flex;flex-wrap:wrap}.row>div[class*=col-]{box-sizing:border-box}.row>div:not([class*=col-]){flex:1}.row .col-1{flex-basis:8.3333333333%}.row .col-offset-1{margin-left:8.3333333333%}.row .col-2{flex-basis:16.6666666667%}.row .col-offset-2{margin-left:16.6666666667%}.row .col-3{flex-basis:25%}.row .col-offset-3{margin-left:25%}.row .col-4{flex-basis:33.3333333333%}.row .col-offset-4{margin-left:33.3333333333%}.row .col-5{flex-basis:41.6666666667%}.row .col-offset-5{margin-left:41.6666666667%}.row .col-6{flex-basis:50%}.row .col-offset-6{margin-left:50%}.row .col-7{flex-basis:58.3333333333%}.row .col-offset-7{margin-left:58.3333333333%}.row .col-8{flex-basis:66.6666666667%}.row .col-offset-8{margin-left:66.6666666667%}.row .col-9{flex-basis:75%}.row .col-offset-9{margin-left:75%}.row .col-10{flex-basis:83.3333333333%}.row .col-offset-10{margin-left:83.3333333333%}.row .col-11{flex-basis:91.6666666667%}.row .col-offset-11{margin-left:91.6666666667%}.row .col-12{flex-basis:100%}.row .col-offset-12{margin-left:100%}.row>div[class*=col-].align-start{align-self:flex-start}.row>div[class*=col-].align-center{align-self:center}.row>div[class*=col-].align-end{align-self:flex-end}.row.align-start{justify-content:flex-start}.row.align-center{justify-content:center}.row.align-end{justify-content:flex-end}.row.space-around{justify-content:space-around}.row.space-between{justify-content:space-between}@media screen and (max-width:639px){.row .col-xs-1{flex-basis:8.3333333333%}.row .col-offset-xs-1{margin-left:8.3333333333%}.row .col-xs-2{flex-basis:16.6666666667%}.row .col-offset-xs-2{margin-left:16.6666666667%}.row .col-xs-3{flex-basis:25%}.row .col-offset-xs-3{margin-left:25%}.row .col-xs-4{flex-basis:33.3333333333%}.row .col-offset-xs-4{margin-left:33.3333333333%}.row .col-xs-5{flex-basis:41.6666666667%}.row .col-offset-xs-5{margin-left:41.6666666667%}.row .col-xs-6{flex-basis:50%}.row .col-offset-xs-6{margin-left:50%}.row .col-xs-7{flex-basis:58.3333333333%}.row .col-offset-xs-7{margin-left:58.3333333333%}.row .col-xs-8{flex-basis:66.6666666667%}.row .col-offset-xs-8{margin-left:66.6666666667%}.row .col-xs-9{flex-basis:75%}.row .col-offset-xs-9{margin-left:75%}.row .col-xs-10{flex-basis:83.3333333333%}.row .col-offset-xs-10{margin-left:83.3333333333%}.row .col-xs-11{flex-basis:91.6666666667%}.row .col-offset-xs-11{margin-left:91.6666666667%}.row .col-xs-12{flex-basis:100%}.row .col-offset-xs-12{margin-left:100%}.row>div[class*=col-].align-start{align-self:flex-start}.row>div[class*=col-].align-center{align-self:center}.row>div[class*=col-].align-end{align-self:flex-end}.row.align-start{justify-content:flex-start}.row.align-center{justify-content:center}.row.align-end{justify-content:flex-end}.row.space-around{justify-content:space-around}.row.space-between{justify-content:space-between}}@media screen and (min-width:640px){.row .col-sm-1{flex-basis:8.3333333333%}.row .col-offset-sm-1{margin-left:8.3333333333%}.row .col-sm-2{flex-basis:16.6666666667%}.row .col-offset-sm-2{margin-left:16.6666666667%}.row .col-sm-3{flex-basis:25%}.row .col-offset-sm-3{margin-left:25%}.row .col-sm-4{flex-basis:33.3333333333%}.row .col-offset-sm-4{margin-left:33.3333333333%}.row .col-sm-5{flex-basis:41.6666666667%}.row .col-offset-sm-5{margin-left:41.6666666667%}.row .col-sm-6{flex-basis:50%}.row .col-offset-sm-6{margin-left:50%}.row .col-sm-7{flex-basis:58.3333333333%}.row .col-offset-sm-7{margin-left:58.3333333333%}.row .col-sm-8{flex-basis:66.6666666667%}.row .col-offset-sm-8{margin-left:66.6666666667%}.row .col-sm-9{flex-basis:75%}.row .col-offset-sm-9{margin-left:75%}.row .col-sm-10{flex-basis:83.3333333333%}.row .col-offset-sm-10{margin-left:83.3333333333%}.row .col-sm-11{flex-basis:91.6666666667%}.row .col-offset-sm-11{margin-left:91.6666666667%}.row .col-sm-12{flex-basis:100%}.row .col-offset-sm-12{margin-left:100%}.row>div[class*=col-].align-start{align-self:flex-start}.row>div[class*=col-].align-center{align-self:center}.row>div[class*=col-].align-end{align-self:flex-end}.row.align-start{justify-content:flex-start}.row.align-center{justify-content:center}.row.align-end{justify-content:flex-end}.row.space-around{justify-content:space-around}.row.space-between{justify-content:space-between}}@media screen and (min-width:1024px){.row .col-md-1{flex-basis:8.3333333333%}.row .col-offset-md-1{margin-left:8.3333333333%}.row .col-md-2{flex-basis:16.6666666667%}.row .col-offset-md-2{margin-left:16.6666666667%}.row .col-md-3{flex-basis:25%}.row .col-offset-md-3{margin-left:25%}.row .col-md-4{flex-basis:33.3333333333%}.row .col-offset-md-4{margin-left:33.3333333333%}.row .col-md-5{flex-basis:41.6666666667%}.row .col-offset-md-5{margin-left:41.6666666667%}.row .col-md-6{flex-basis:50%}.row .col-offset-md-6{margin-left:50%}.row .col-md-7{flex-basis:58.3333333333%}.row .col-offset-md-7{margin-left:58.3333333333%}.row .col-md-8{flex-basis:66.6666666667%}.row .col-offset-md-8{margin-left:66.6666666667%}.row .col-md-9{flex-basis:75%}.row .col-offset-md-9{margin-left:75%}.row .col-md-10{flex-basis:83.3333333333%}.row .col-offset-md-10{margin-left:83.3333333333%}.row .col-md-11{flex-basis:91.6666666667%}.row .col-offset-md-11{margin-left:91.6666666667%}.row .col-md-12{flex-basis:100%}.row .col-offset-md-12{margin-left:100%}.row>div[class*=col-].align-start{align-self:flex-start}.row>div[class*=col-].align-center{align-self:center}.row>div[class*=col-].align-end{align-self:flex-end}.row.align-start{justify-content:flex-start}.row.align-center{justify-content:center}.row.align-end{justify-content:flex-end}.row.space-around{justify-content:space-around}.row.space-between{justify-content:space-between}}@media screen and (min-width:1280px){.row .col-lg-1{flex-basis:8.3333333333%}.row .col-offset-lg-1{margin-left:8.3333333333%}.row .col-lg-2{flex-basis:16.6666666667%}.row .col-offset-lg-2{margin-left:16.6666666667%}.row .col-lg-3{flex-basis:25%}.row .col-offset-lg-3{margin-left:25%}.row .col-lg-4{flex-basis:33.3333333333%}.row .col-offset-lg-4{margin-left:33.3333333333%}.row .col-lg-5{flex-basis:41.6666666667%}.row .col-offset-lg-5{margin-left:41.6666666667%}.row .col-lg-6{flex-basis:50%}.row .col-offset-lg-6{margin-left:50%}.row .col-lg-7{flex-basis:58.3333333333%}.row .col-offset-lg-7{margin-left:58.3333333333%}.row .col-lg-8{flex-basis:66.6666666667%}.row .col-offset-lg-8{margin-left:66.6666666667%}.row .col-lg-9{flex-basis:75%}.row .col-offset-lg-9{margin-left:75%}.row .col-lg-10{flex-basis:83.3333333333%}.row .col-offset-lg-10{margin-left:83.3333333333%}.row .col-lg-11{flex-basis:91.6666666667%}.row .col-offset-lg-11{margin-left:91.6666666667%}.row .col-lg-12{flex-basis:100%}.row .col-offset-lg-12{margin-left:100%}.row>div[class*=col-].align-start{align-self:flex-start}.row>div[class*=col-].align-center{align-self:center}.row>div[class*=col-].align-end{align-self:flex-end}.row.align-start{justify-content:flex-start}.row.align-center{justify-content:center}.row.align-end{justify-content:flex-end}.row.space-around{justify-content:space-around}.row.space-between{justify-content:space-between}}@media screen and (min-width:1536px){.row .col-xl-1{flex-basis:8.3333333333%}.row .col-offset-xl-1{margin-left:8.3333333333%}.row .col-xl-2{flex-basis:16.6666666667%}.row .col-offset-xl-2{margin-left:16.6666666667%}.row .col-xl-3{flex-basis:25%}.row .col-offset-xl-3{margin-left:25%}.row .col-xl-4{flex-basis:33.3333333333%}.row .col-offset-xl-4{margin-left:33.3333333333%}.row .col-xl-5{flex-basis:41.6666666667%}.row .col-offset-xl-5{margin-left:41.6666666667%}.row .col-xl-6{flex-basis:50%}.row .col-offset-xl-6{margin-left:50%}.row .col-xl-7{flex-basis:58.3333333333%}.row .col-offset-xl-7{margin-left:58.3333333333%}.row .col-xl-8{flex-basis:66.6666666667%}.row .col-offset-xl-8{margin-left:66.6666666667%}.row .col-xl-9{flex-basis:75%}.row .col-offset-xl-9{margin-left:75%}.row .col-xl-10{flex-basis:83.3333333333%}.row .col-offset-xl-10{margin-left:83.3333333333%}.row .col-xl-11{flex-basis:91.6666666667%}.row .col-offset-xl-11{margin-left:91.6666666667%}.row .col-xl-12{flex-basis:100%}.row .col-offset-xl-12{margin-left:100%}.row>div[class*=col-].align-start{align-self:flex-start}.row>div[class*=col-].align-center{align-self:center}.row>div[class*=col-].align-end{align-self:flex-end}.row.align-start{justify-content:flex-start}.row.align-center{justify-content:center}.row.align-end{justify-content:flex-end}.row.space-around{justify-content:space-around}.row.space-between{justify-content:space-between}}.gap-0{column-gap:var(--matcha-space-0,0);row-gap:var(--matcha-space-0,0)}.gap-4{column-gap:var(--matcha-space-050,4px);row-gap:var(--matcha-space-050,4px)}.gap-8{column-gap:var(--matcha-space-100,8px);row-gap:var(--matcha-space-100,8px)}.gap-12{column-gap:var(--matcha-space-150,12px);row-gap:var(--matcha-space-150,12px)}.gap-16{column-gap:var(--matcha-space-200,16px);row-gap:var(--matcha-space-200,16px)}.gap-20{column-gap:var(--matcha-space-250,20px);row-gap:var(--matcha-space-250,20px)}.gap-24{column-gap:var(--matcha-space-300,24px);row-gap:var(--matcha-space-300,24px)}.gap-28{column-gap:28px;row-gap:28px}.gap-32{column-gap:var(--matcha-space-400,32px);row-gap:var(--matcha-space-400,32px)}.gap-36{column-gap:36px;row-gap:36px}.gap-40{column-gap:var(--matcha-space-500,40px);row-gap:var(--matcha-space-500,40px)}.gap-44{column-gap:44px;row-gap:44px}.gap-48{column-gap:var(--matcha-space-600,48px);row-gap:var(--matcha-space-600,48px)}@media screen and (max-width:639px){.gap-xs-0{column-gap:var(--matcha-space-0,0);row-gap:var(--matcha-space-0,0)}.gap-xs-4{column-gap:var(--matcha-space-050,4px);row-gap:var(--matcha-space-050,4px)}.gap-xs-8{column-gap:var(--matcha-space-100,8px);row-gap:var(--matcha-space-100,8px)}.gap-xs-12{column-gap:var(--matcha-space-150,12px);row-gap:var(--matcha-space-150,12px)}.gap-xs-16{column-gap:var(--matcha-space-200,16px);row-gap:var(--matcha-space-200,16px)}.gap-xs-20{column-gap:var(--matcha-space-250,20px);row-gap:var(--matcha-space-250,20px)}.gap-xs-24{column-gap:var(--matcha-space-300,24px);row-gap:var(--matcha-space-300,24px)}.gap-xs-28{column-gap:28px;row-gap:28px}.gap-xs-32{column-gap:var(--matcha-space-400,32px);row-gap:var(--matcha-space-400,32px)}.gap-xs-36{column-gap:36px;row-gap:36px}.gap-xs-40{column-gap:var(--matcha-space-500,40px);row-gap:var(--matcha-space-500,40px)}.gap-xs-44{column-gap:44px;row-gap:44px}.gap-xs-48{column-gap:var(--matcha-space-600,48px);row-gap:var(--matcha-space-600,48px)}}@media screen and (min-width:640px){.gap-sm-0{column-gap:var(--matcha-space-0,0);row-gap:var(--matcha-space-0,0)}.gap-sm-4{column-gap:var(--matcha-space-050,4px);row-gap:var(--matcha-space-050,4px)}.gap-sm-8{column-gap:var(--matcha-space-100,8px);row-gap:var(--matcha-space-100,8px)}.gap-sm-12{column-gap:var(--matcha-space-150,12px);row-gap:var(--matcha-space-150,12px)}.gap-sm-16{column-gap:var(--matcha-space-200,16px);row-gap:var(--matcha-space-200,16px)}.gap-sm-20{column-gap:var(--matcha-space-250,20px);row-gap:var(--matcha-space-250,20px)}.gap-sm-24{column-gap:var(--matcha-space-300,24px);row-gap:var(--matcha-space-300,24px)}.gap-sm-28{column-gap:28px;row-gap:28px}.gap-sm-32{column-gap:var(--matcha-space-400,32px);row-gap:var(--matcha-space-400,32px)}.gap-sm-36{column-gap:36px;row-gap:36px}.gap-sm-40{column-gap:var(--matcha-space-500,40px);row-gap:var(--matcha-space-500,40px)}.gap-sm-44{column-gap:44px;row-gap:44px}.gap-sm-48{column-gap:var(--matcha-space-600,48px);row-gap:var(--matcha-space-600,48px)}}@media screen and (min-width:1024px){.gap-md-0{column-gap:var(--matcha-space-0,0);row-gap:var(--matcha-space-0,0)}.gap-md-4{column-gap:var(--matcha-space-050,4px);row-gap:var(--matcha-space-050,4px)}.gap-md-8{column-gap:var(--matcha-space-100,8px);row-gap:var(--matcha-space-100,8px)}.gap-md-12{column-gap:var(--matcha-space-150,12px);row-gap:var(--matcha-space-150,12px)}.gap-md-16{column-gap:var(--matcha-space-200,16px);row-gap:var(--matcha-space-200,16px)}.gap-md-20{column-gap:var(--matcha-space-250,20px);row-gap:var(--matcha-space-250,20px)}.gap-md-24{column-gap:var(--matcha-space-300,24px);row-gap:var(--matcha-space-300,24px)}.gap-md-28{column-gap:28px;row-gap:28px}.gap-md-32{column-gap:var(--matcha-space-400,32px);row-gap:var(--matcha-space-400,32px)}.gap-md-36{column-gap:36px;row-gap:36px}.gap-md-40{column-gap:var(--matcha-space-500,40px);row-gap:var(--matcha-space-500,40px)}.gap-md-44{column-gap:44px;row-gap:44px}.gap-md-48{column-gap:var(--matcha-space-600,48px);row-gap:var(--matcha-space-600,48px)}}@media screen and (min-width:1280px){.gap-lg-0{column-gap:var(--matcha-space-0,0);row-gap:var(--matcha-space-0,0)}.gap-lg-4{column-gap:var(--matcha-space-050,4px);row-gap:var(--matcha-space-050,4px)}.gap-lg-8{column-gap:var(--matcha-space-100,8px);row-gap:var(--matcha-space-100,8px)}.gap-lg-12{column-gap:var(--matcha-space-150,12px);row-gap:var(--matcha-space-150,12px)}.gap-lg-16{column-gap:var(--matcha-space-200,16px);row-gap:var(--matcha-space-200,16px)}.gap-lg-20{column-gap:var(--matcha-space-250,20px);row-gap:var(--matcha-space-250,20px)}.gap-lg-24{column-gap:var(--matcha-space-300,24px);row-gap:var(--matcha-space-300,24px)}.gap-lg-28{column-gap:28px;row-gap:28px}.gap-lg-32{column-gap:var(--matcha-space-400,32px);row-gap:var(--matcha-space-400,32px)}.gap-lg-36{column-gap:36px;row-gap:36px}.gap-lg-40{column-gap:var(--matcha-space-500,40px);row-gap:var(--matcha-space-500,40px)}.gap-lg-44{column-gap:44px;row-gap:44px}.gap-lg-48{column-gap:var(--matcha-space-600,48px);row-gap:var(--matcha-space-600,48px)}}@media screen and (min-width:1536px){.gap-xl-0{column-gap:var(--matcha-space-0,0);row-gap:var(--matcha-space-0,0)}.gap-xl-4{column-gap:var(--matcha-space-050,4px);row-gap:var(--matcha-space-050,4px)}.gap-xl-8{column-gap:var(--matcha-space-100,8px);row-gap:var(--matcha-space-100,8px)}.gap-xl-12{column-gap:var(--matcha-space-150,12px);row-gap:var(--matcha-space-150,12px)}.gap-xl-16{column-gap:var(--matcha-space-200,16px);row-gap:var(--matcha-space-200,16px)}.gap-xl-20{column-gap:var(--matcha-space-250,20px);row-gap:var(--matcha-space-250,20px)}.gap-xl-24{column-gap:var(--matcha-space-300,24px);row-gap:var(--matcha-space-300,24px)}.gap-xl-28{column-gap:28px;row-gap:28px}.gap-xl-32{column-gap:var(--matcha-space-400,32px);row-gap:var(--matcha-space-400,32px)}.gap-xl-36{column-gap:36px;row-gap:36px}.gap-xl-40{column-gap:var(--matcha-space-500,40px);row-gap:var(--matcha-space-500,40px)}.gap-xl-44{column-gap:44px;row-gap:44px}.gap-xl-48{column-gap:var(--matcha-space-600,48px);row-gap:var(--matcha-space-600,48px)}}.gap-inside{column-gap:var(--matcha-space-200,16px);row-gap:var(--matcha-space-200,16px)}.gap-outside{column-gap:var(--matcha-space-200,16px);row-gap:var(--matcha-space-200,16px)}@media screen and (min-width:640px){.gap-outside{column-gap:var(--matcha-space-300,24px);row-gap:var(--matcha-space-300,24px)}}.gap-2{column-gap:var(--matcha-space-025,2px);row-gap:var(--matcha-space-025,2px)}.z-index--1{z-index:-1}.z-index--1--force{z-index:-1!important}.z-index-0{z-index:0}.z-index-0--force{z-index:0!important}.z-index-1{z-index:1}.z-index-1--force{z-index:1!important}.z-index-2{z-index:2}.z-index-2--force{z-index:2!important}.z-index-3{z-index:3}.z-index-3--force{z-index:3!important}.z-index-4{z-index:4}.z-index-4--force{z-index:4!important}.z-index-5{z-index:5}.z-index-5--force{z-index:5!important}.z-index-6{z-index:6}.z-index-6--force{z-index:6!important}.z-index-7{z-index:7}.z-index-7--force{z-index:7!important}.z-index-8{z-index:8}.z-index-8--force{z-index:8!important}.z-index-9{z-index:9}.z-index-9--force{z-index:9!important}.z-index-10{z-index:10}.z-index-10--force{z-index:10!important}.z-index-11{z-index:11}.z-index-11--force{z-index:11!important}.z-index-12{z-index:12}.z-index-12--force{z-index:12!important}.z-index-13{z-index:13}.z-index-13--force{z-index:13!important}.z-index-14{z-index:14}.z-index-14--force{z-index:14!important}.z-index-15{z-index:15}.z-index-15--force{z-index:15!important}.z-index-16{z-index:16}.z-index-16--force{z-index:16!important}.z-index-17{z-index:17}.z-index-17--force{z-index:17!important}.z-index-18{z-index:18}.z-index-18--force{z-index:18!important}.z-index-19{z-index:19}.z-index-19--force{z-index:19!important}.z-index-20{z-index:20}.z-index-20--force{z-index:20!important}.z-index-21{z-index:21}.z-index-21--force{z-index:21!important}.z-index-22{z-index:22}.z-index-22--force{z-index:22!important}.z-index-23{z-index:23}.z-index-23--force{z-index:23!important}.z-index-24{z-index:24}.z-index-24--force{z-index:24!important}@media screen and (max-width:639px){.z-index-xs--1{z-index:-1}.z-index-xs--1--force{z-index:-1!important}.z-index-xs-0{z-index:0}.z-index-xs-0--force{z-index:0!important}.z-index-xs-1{z-index:1}.z-index-xs-1--force{z-index:1!important}.z-index-xs-2{z-index:2}.z-index-xs-2--force{z-index:2!important}.z-index-xs-3{z-index:3}.z-index-xs-3--force{z-index:3!important}.z-index-xs-4{z-index:4}.z-index-xs-4--force{z-index:4!important}.z-index-xs-5{z-index:5}.z-index-xs-5--force{z-index:5!important}.z-index-xs-6{z-index:6}.z-index-xs-6--force{z-index:6!important}.z-index-xs-7{z-index:7}.z-index-xs-7--force{z-index:7!important}.z-index-xs-8{z-index:8}.z-index-xs-8--force{z-index:8!important}.z-index-xs-9{z-index:9}.z-index-xs-9--force{z-index:9!important}.z-index-xs-10{z-index:10}.z-index-xs-10--force{z-index:10!important}.z-index-xs-11{z-index:11}.z-index-xs-11--force{z-index:11!important}.z-index-xs-12{z-index:12}.z-index-xs-12--force{z-index:12!important}.z-index-xs-13{z-index:13}.z-index-xs-13--force{z-index:13!important}.z-index-xs-14{z-index:14}.z-index-xs-14--force{z-index:14!important}.z-index-xs-15{z-index:15}.z-index-xs-15--force{z-index:15!important}.z-index-xs-16{z-index:16}.z-index-xs-16--force{z-index:16!important}.z-index-xs-17{z-index:17}.z-index-xs-17--force{z-index:17!important}.z-index-xs-18{z-index:18}.z-index-xs-18--force{z-index:18!important}.z-index-xs-19{z-index:19}.z-index-xs-19--force{z-index:19!important}.z-index-xs-20{z-index:20}.z-index-xs-20--force{z-index:20!important}.z-index-xs-21{z-index:21}.z-index-xs-21--force{z-index:21!important}.z-index-xs-22{z-index:22}.z-index-xs-22--force{z-index:22!important}.z-index-xs-23{z-index:23}.z-index-xs-23--force{z-index:23!important}.z-index-xs-24{z-index:24}.z-index-xs-24--force{z-index:24!important}}@media screen and (min-width:640px){.z-index-sm--1{z-index:-1}.z-index-sm--1--force{z-index:-1!important}.z-index-sm-0{z-index:0}.z-index-sm-0--force{z-index:0!important}.z-index-sm-1{z-index:1}.z-index-sm-1--force{z-index:1!important}.z-index-sm-2{z-index:2}.z-index-sm-2--force{z-index:2!important}.z-index-sm-3{z-index:3}.z-index-sm-3--force{z-index:3!important}.z-index-sm-4{z-index:4}.z-index-sm-4--force{z-index:4!important}.z-index-sm-5{z-index:5}.z-index-sm-5--force{z-index:5!important}.z-index-sm-6{z-index:6}.z-index-sm-6--force{z-index:6!important}.z-index-sm-7{z-index:7}.z-index-sm-7--force{z-index:7!important}.z-index-sm-8{z-index:8}.z-index-sm-8--force{z-index:8!important}.z-index-sm-9{z-index:9}.z-index-sm-9--force{z-index:9!important}.z-index-sm-10{z-index:10}.z-index-sm-10--force{z-index:10!important}.z-index-sm-11{z-index:11}.z-index-sm-11--force{z-index:11!important}.z-index-sm-12{z-index:12}.z-index-sm-12--force{z-index:12!important}.z-index-sm-13{z-index:13}.z-index-sm-13--force{z-index:13!important}.z-index-sm-14{z-index:14}.z-index-sm-14--force{z-index:14!important}.z-index-sm-15{z-index:15}.z-index-sm-15--force{z-index:15!important}.z-index-sm-16{z-index:16}.z-index-sm-16--force{z-index:16!important}.z-index-sm-17{z-index:17}.z-index-sm-17--force{z-index:17!important}.z-index-sm-18{z-index:18}.z-index-sm-18--force{z-index:18!important}.z-index-sm-19{z-index:19}.z-index-sm-19--force{z-index:19!important}.z-index-sm-20{z-index:20}.z-index-sm-20--force{z-index:20!important}.z-index-sm-21{z-index:21}.z-index-sm-21--force{z-index:21!important}.z-index-sm-22{z-index:22}.z-index-sm-22--force{z-index:22!important}.z-index-sm-23{z-index:23}.z-index-sm-23--force{z-index:23!important}.z-index-sm-24{z-index:24}.z-index-sm-24--force{z-index:24!important}}@media screen and (min-width:1024px){.z-index-md--1{z-index:-1}.z-index-md--1--force{z-index:-1!important}.z-index-md-0{z-index:0}.z-index-md-0--force{z-index:0!important}.z-index-md-1{z-index:1}.z-index-md-1--force{z-index:1!important}.z-index-md-2{z-index:2}.z-index-md-2--force{z-index:2!important}.z-index-md-3{z-index:3}.z-index-md-3--force{z-index:3!important}.z-index-md-4{z-index:4}.z-index-md-4--force{z-index:4!important}.z-index-md-5{z-index:5}.z-index-md-5--force{z-index:5!important}.z-index-md-6{z-index:6}.z-index-md-6--force{z-index:6!important}.z-index-md-7{z-index:7}.z-index-md-7--force{z-index:7!important}.z-index-md-8{z-index:8}.z-index-md-8--force{z-index:8!important}.z-index-md-9{z-index:9}.z-index-md-9--force{z-index:9!important}.z-index-md-10{z-index:10}.z-index-md-10--force{z-index:10!important}.z-index-md-11{z-index:11}.z-index-md-11--force{z-index:11!important}.z-index-md-12{z-index:12}.z-index-md-12--force{z-index:12!important}.z-index-md-13{z-index:13}.z-index-md-13--force{z-index:13!important}.z-index-md-14{z-index:14}.z-index-md-14--force{z-index:14!important}.z-index-md-15{z-index:15}.z-index-md-15--force{z-index:15!important}.z-index-md-16{z-index:16}.z-index-md-16--force{z-index:16!important}.z-index-md-17{z-index:17}.z-index-md-17--force{z-index:17!important}.z-index-md-18{z-index:18}.z-index-md-18--force{z-index:18!important}.z-index-md-19{z-index:19}.z-index-md-19--force{z-index:19!important}.z-index-md-20{z-index:20}.z-index-md-20--force{z-index:20!important}.z-index-md-21{z-index:21}.z-index-md-21--force{z-index:21!important}.z-index-md-22{z-index:22}.z-index-md-22--force{z-index:22!important}.z-index-md-23{z-index:23}.z-index-md-23--force{z-index:23!important}.z-index-md-24{z-index:24}.z-index-md-24--force{z-index:24!important}}@media screen and (min-width:1280px){.z-index-lg--1{z-index:-1}.z-index-lg--1--force{z-index:-1!important}.z-index-lg-0{z-index:0}.z-index-lg-0--force{z-index:0!important}.z-index-lg-1{z-index:1}.z-index-lg-1--force{z-index:1!important}.z-index-lg-2{z-index:2}.z-index-lg-2--force{z-index:2!important}.z-index-lg-3{z-index:3}.z-index-lg-3--force{z-index:3!important}.z-index-lg-4{z-index:4}.z-index-lg-4--force{z-index:4!important}.z-index-lg-5{z-index:5}.z-index-lg-5--force{z-index:5!important}.z-index-lg-6{z-index:6}.z-index-lg-6--force{z-index:6!important}.z-index-lg-7{z-index:7}.z-index-lg-7--force{z-index:7!important}.z-index-lg-8{z-index:8}.z-index-lg-8--force{z-index:8!important}.z-index-lg-9{z-index:9}.z-index-lg-9--force{z-index:9!important}.z-index-lg-10{z-index:10}.z-index-lg-10--force{z-index:10!important}.z-index-lg-11{z-index:11}.z-index-lg-11--force{z-index:11!important}.z-index-lg-12{z-index:12}.z-index-lg-12--force{z-index:12!important}.z-index-lg-13{z-index:13}.z-index-lg-13--force{z-index:13!important}.z-index-lg-14{z-index:14}.z-index-lg-14--force{z-index:14!important}.z-index-lg-15{z-index:15}.z-index-lg-15--force{z-index:15!important}.z-index-lg-16{z-index:16}.z-index-lg-16--force{z-index:16!important}.z-index-lg-17{z-index:17}.z-index-lg-17--force{z-index:17!important}.z-index-lg-18{z-index:18}.z-index-lg-18--force{z-index:18!important}.z-index-lg-19{z-index:19}.z-index-lg-19--force{z-index:19!important}.z-index-lg-20{z-index:20}.z-index-lg-20--force{z-index:20!important}.z-index-lg-21{z-index:21}.z-index-lg-21--force{z-index:21!important}.z-index-lg-22{z-index:22}.z-index-lg-22--force{z-index:22!important}.z-index-lg-23{z-index:23}.z-index-lg-23--force{z-index:23!important}.z-index-lg-24{z-index:24}.z-index-lg-24--force{z-index:24!important}}@media screen and (min-width:1536px){.z-index-xl--1{z-index:-1}.z-index-xl--1--force{z-index:-1!important}.z-index-xl-0{z-index:0}.z-index-xl-0--force{z-index:0!important}.z-index-xl-1{z-index:1}.z-index-xl-1--force{z-index:1!important}.z-index-xl-2{z-index:2}.z-index-xl-2--force{z-index:2!important}.z-index-xl-3{z-index:3}.z-index-xl-3--force{z-index:3!important}.z-index-xl-4{z-index:4}.z-index-xl-4--force{z-index:4!important}.z-index-xl-5{z-index:5}.z-index-xl-5--force{z-index:5!important}.z-index-xl-6{z-index:6}.z-index-xl-6--force{z-index:6!important}.z-index-xl-7{z-index:7}.z-index-xl-7--force{z-index:7!important}.z-index-xl-8{z-index:8}.z-index-xl-8--force{z-index:8!important}.z-index-xl-9{z-index:9}.z-index-xl-9--force{z-index:9!important}.z-index-xl-10{z-index:10}.z-index-xl-10--force{z-index:10!important}.z-index-xl-11{z-index:11}.z-index-xl-11--force{z-index:11!important}.z-index-xl-12{z-index:12}.z-index-xl-12--force{z-index:12!important}.z-index-xl-13{z-index:13}.z-index-xl-13--force{z-index:13!important}.z-index-xl-14{z-index:14}.z-index-xl-14--force{z-index:14!important}.z-index-xl-15{z-index:15}.z-index-xl-15--force{z-index:15!important}.z-index-xl-16{z-index:16}.z-index-xl-16--force{z-index:16!important}.z-index-xl-17{z-index:17}.z-index-xl-17--force{z-index:17!important}.z-index-xl-18{z-index:18}.z-index-xl-18--force{z-index:18!important}.z-index-xl-19{z-index:19}.z-index-xl-19--force{z-index:19!important}.z-index-xl-20{z-index:20}.z-index-xl-20--force{z-index:20!important}.z-index-xl-21{z-index:21}.z-index-xl-21--force{z-index:21!important}.z-index-xl-22{z-index:22}.z-index-xl-22--force{z-index:22!important}.z-index-xl-23{z-index:23}.z-index-xl-23--force{z-index:23!important}.z-index-xl-24{z-index:24}.z-index-xl-24--force{z-index:24!important}}.order--12{order:-12}.order--12--force{order:-12!important}.order--11{order:-11}.order--11--force{order:-11!important}.order--10{order:-10}.order--10--force{order:-10!important}.order--9{order:-9}.order--9--force{order:-9!important}.order--8{order:-8}.order--8--force{order:-8!important}.order--7{order:-7}.order--7--force{order:-7!important}.order--6{order:-6}.order--6--force{order:-6!important}.order--5{order:-5}.order--5--force{order:-5!important}.order--4{order:-4}.order--4--force{order:-4!important}.order--3{order:-3}.order--3--force{order:-3!important}.order--2{order:-2}.order--2--force{order:-2!important}.order--1{order:-1}.order--1--force{order:-1!important}.order-0{order:0}.order-0--force{order:0!important}.order-1{order:1}.order-1--force{order:1!important}.order-2{order:2}.order-2--force{order:2!important}.order-3{order:3}.order-3--force{order:3!important}.order-4{order:4}.order-4--force{order:4!important}.order-5{order:5}.order-5--force{order:5!important}.order-6{order:6}.order-6--force{order:6!important}.order-7{order:7}.order-7--force{order:7!important}.order-8{order:8}.order-8--force{order:8!important}.order-9{order:9}.order-9--force{order:9!important}.order-10{order:10}.order-10--force{order:10!important}.order-11{order:11}.order-11--force{order:11!important}.order-12{order:12}.order-12--force{order:12!important}.order-inherit{order:inherit}.order-inherit--force{order:inherit!important}.order-initial{order:initial}.order-initial--force{order:initial!important}@media screen and (max-width:639px){.order-xs--12{order:-12}.order-xs--12--force{order:-12!important}.order-xs--11{order:-11}.order-xs--11--force{order:-11!important}.order-xs--10{order:-10}.order-xs--10--force{order:-10!important}.order-xs--9{order:-9}.order-xs--9--force{order:-9!important}.order-xs--8{order:-8}.order-xs--8--force{order:-8!important}.order-xs--7{order:-7}.order-xs--7--force{order:-7!important}.order-xs--6{order:-6}.order-xs--6--force{order:-6!important}.order-xs--5{order:-5}.order-xs--5--force{order:-5!important}.order-xs--4{order:-4}.order-xs--4--force{order:-4!important}.order-xs--3{order:-3}.order-xs--3--force{order:-3!important}.order-xs--2{order:-2}.order-xs--2--force{order:-2!important}.order-xs--1{order:-1}.order-xs--1--force{order:-1!important}.order-xs-0{order:0}.order-xs-0--force{order:0!important}.order-xs-1{order:1}.order-xs-1--force{order:1!important}.order-xs-2{order:2}.order-xs-2--force{order:2!important}.order-xs-3{order:3}.order-xs-3--force{order:3!important}.order-xs-4{order:4}.order-xs-4--force{order:4!important}.order-xs-5{order:5}.order-xs-5--force{order:5!important}.order-xs-6{order:6}.order-xs-6--force{order:6!important}.order-xs-7{order:7}.order-xs-7--force{order:7!important}.order-xs-8{order:8}.order-xs-8--force{order:8!important}.order-xs-9{order:9}.order-xs-9--force{order:9!important}.order-xs-10{order:10}.order-xs-10--force{order:10!important}.order-xs-11{order:11}.order-xs-11--force{order:11!important}.order-xs-12{order:12}.order-xs-12--force{order:12!important}.order-xs-inherit{order:inherit}.order-xs-inherit--force{order:inherit!important}.order-xs-initial{order:initial}.order-xs-initial--force{order:initial!important}}@media screen and (min-width:640px){.order-sm--12{order:-12}.order-sm--12--force{order:-12!important}.order-sm--11{order:-11}.order-sm--11--force{order:-11!important}.order-sm--10{order:-10}.order-sm--10--force{order:-10!important}.order-sm--9{order:-9}.order-sm--9--force{order:-9!important}.order-sm--8{order:-8}.order-sm--8--force{order:-8!important}.order-sm--7{order:-7}.order-sm--7--force{order:-7!important}.order-sm--6{order:-6}.order-sm--6--force{order:-6!important}.order-sm--5{order:-5}.order-sm--5--force{order:-5!important}.order-sm--4{order:-4}.order-sm--4--force{order:-4!important}.order-sm--3{order:-3}.order-sm--3--force{order:-3!important}.order-sm--2{order:-2}.order-sm--2--force{order:-2!important}.order-sm--1{order:-1}.order-sm--1--force{order:-1!important}.order-sm-0{order:0}.order-sm-0--force{order:0!important}.order-sm-1{order:1}.order-sm-1--force{order:1!important}.order-sm-2{order:2}.order-sm-2--force{order:2!important}.order-sm-3{order:3}.order-sm-3--force{order:3!important}.order-sm-4{order:4}.order-sm-4--force{order:4!important}.order-sm-5{order:5}.order-sm-5--force{order:5!important}.order-sm-6{order:6}.order-sm-6--force{order:6!important}.order-sm-7{order:7}.order-sm-7--force{order:7!important}.order-sm-8{order:8}.order-sm-8--force{order:8!important}.order-sm-9{order:9}.order-sm-9--force{order:9!important}.order-sm-10{order:10}.order-sm-10--force{order:10!important}.order-sm-11{order:11}.order-sm-11--force{order:11!important}.order-sm-12{order:12}.order-sm-12--force{order:12!important}.order-sm-inherit{order:inherit}.order-sm-inherit--force{order:inherit!important}.order-sm-initial{order:initial}.order-sm-initial--force{order:initial!important}}@media screen and (min-width:1024px){.order-md--12{order:-12}.order-md--12--force{order:-12!important}.order-md--11{order:-11}.order-md--11--force{order:-11!important}.order-md--10{order:-10}.order-md--10--force{order:-10!important}.order-md--9{order:-9}.order-md--9--force{order:-9!important}.order-md--8{order:-8}.order-md--8--force{order:-8!important}.order-md--7{order:-7}.order-md--7--force{order:-7!important}.order-md--6{order:-6}.order-md--6--force{order:-6!important}.order-md--5{order:-5}.order-md--5--force{order:-5!important}.order-md--4{order:-4}.order-md--4--force{order:-4!important}.order-md--3{order:-3}.order-md--3--force{order:-3!important}.order-md--2{order:-2}.order-md--2--force{order:-2!important}.order-md--1{order:-1}.order-md--1--force{order:-1!important}.order-md-0{order:0}.order-md-0--force{order:0!important}.order-md-1{order:1}.order-md-1--force{order:1!important}.order-md-2{order:2}.order-md-2--force{order:2!important}.order-md-3{order:3}.order-md-3--force{order:3!important}.order-md-4{order:4}.order-md-4--force{order:4!important}.order-md-5{order:5}.order-md-5--force{order:5!important}.order-md-6{order:6}.order-md-6--force{order:6!important}.order-md-7{order:7}.order-md-7--force{order:7!important}.order-md-8{order:8}.order-md-8--force{order:8!important}.order-md-9{order:9}.order-md-9--force{order:9!important}.order-md-10{order:10}.order-md-10--force{order:10!important}.order-md-11{order:11}.order-md-11--force{order:11!important}.order-md-12{order:12}.order-md-12--force{order:12!important}.order-md-inherit{order:inherit}.order-md-inherit--force{order:inherit!important}.order-md-initial{order:initial}.order-md-initial--force{order:initial!important}}@media screen and (min-width:1280px){.order-lg--12{order:-12}.order-lg--12--force{order:-12!important}.order-lg--11{order:-11}.order-lg--11--force{order:-11!important}.order-lg--10{order:-10}.order-lg--10--force{order:-10!important}.order-lg--9{order:-9}.order-lg--9--force{order:-9!important}.order-lg--8{order:-8}.order-lg--8--force{order:-8!important}.order-lg--7{order:-7}.order-lg--7--force{order:-7!important}.order-lg--6{order:-6}.order-lg--6--force{order:-6!important}.order-lg--5{order:-5}.order-lg--5--force{order:-5!important}.order-lg--4{order:-4}.order-lg--4--force{order:-4!important}.order-lg--3{order:-3}.order-lg--3--force{order:-3!important}.order-lg--2{order:-2}.order-lg--2--force{order:-2!important}.order-lg--1{order:-1}.order-lg--1--force{order:-1!important}.order-lg-0{order:0}.order-lg-0--force{order:0!important}.order-lg-1{order:1}.order-lg-1--force{order:1!important}.order-lg-2{order:2}.order-lg-2--force{order:2!important}.order-lg-3{order:3}.order-lg-3--force{order:3!important}.order-lg-4{order:4}.order-lg-4--force{order:4!important}.order-lg-5{order:5}.order-lg-5--force{order:5!important}.order-lg-6{order:6}.order-lg-6--force{order:6!important}.order-lg-7{order:7}.order-lg-7--force{order:7!important}.order-lg-8{order:8}.order-lg-8--force{order:8!important}.order-lg-9{order:9}.order-lg-9--force{order:9!important}.order-lg-10{order:10}.order-lg-10--force{order:10!important}.order-lg-11{order:11}.order-lg-11--force{order:11!important}.order-lg-12{order:12}.order-lg-12--force{order:12!important}.order-lg-inherit{order:inherit}.order-lg-inherit--force{order:inherit!important}.order-lg-initial{order:initial}.order-lg-initial--force{order:initial!important}}@media screen and (min-width:1536px){.order-xl--12{order:-12}.order-xl--12--force{order:-12!important}.order-xl--11{order:-11}.order-xl--11--force{order:-11!important}.order-xl--10{order:-10}.order-xl--10--force{order:-10!important}.order-xl--9{order:-9}.order-xl--9--force{order:-9!important}.order-xl--8{order:-8}.order-xl--8--force{order:-8!important}.order-xl--7{order:-7}.order-xl--7--force{order:-7!important}.order-xl--6{order:-6}.order-xl--6--force{order:-6!important}.order-xl--5{order:-5}.order-xl--5--force{order:-5!important}.order-xl--4{order:-4}.order-xl--4--force{order:-4!important}.order-xl--3{order:-3}.order-xl--3--force{order:-3!important}.order-xl--2{order:-2}.order-xl--2--force{order:-2!important}.order-xl--1{order:-1}.order-xl--1--force{order:-1!important}.order-xl-0{order:0}.order-xl-0--force{order:0!important}.order-xl-1{order:1}.order-xl-1--force{order:1!important}.order-xl-2{order:2}.order-xl-2--force{order:2!important}.order-xl-3{order:3}.order-xl-3--force{order:3!important}.order-xl-4{order:4}.order-xl-4--force{order:4!important}.order-xl-5{order:5}.order-xl-5--force{order:5!important}.order-xl-6{order:6}.order-xl-6--force{order:6!important}.order-xl-7{order:7}.order-xl-7--force{order:7!important}.order-xl-8{order:8}.order-xl-8--force{order:8!important}.order-xl-9{order:9}.order-xl-9--force{order:9!important}.order-xl-10{order:10}.order-xl-10--force{order:10!important}.order-xl-11{order:11}.order-xl-11--force{order:11!important}.order-xl-12{order:12}.order-xl-12--force{order:12!important}.order-xl-inherit{order:inherit}.order-xl-inherit--force{order:inherit!important}.order-xl-initial{order:initial}.order-xl-initial--force{order:initial!important}}.place-top{top:0}.place-top--force{top:0!important}.place-right{right:0}.place-right--force{right:0!important}.place-bottom{bottom:0}.place-bottom--force{bottom:0!important}.place-left{left:0}.place-left--force{left:0!important}@media screen and (max-width:639px){.place-xs-top{top:0}.place-xs-top--force{top:0!important}.place-xs-right{right:0}.place-xs-right--force{right:0!important}.place-xs-bottom{bottom:0}.place-xs-bottom--force{bottom:0!important}.place-xs-left{left:0}.place-xs-left--force{left:0!important}}@media screen and (min-width:640px){.place-sm-top{top:0}.place-sm-top--force{top:0!important}.place-sm-right{right:0}.place-sm-right--force{right:0!important}.place-sm-bottom{bottom:0}.place-sm-bottom--force{bottom:0!important}.place-sm-left{left:0}.place-sm-left--force{left:0!important}}@media screen and (min-width:1024px){.place-md-top{top:0}.place-md-top--force{top:0!important}.place-md-right{right:0}.place-md-right--force{right:0!important}.place-md-bottom{bottom:0}.place-md-bottom--force{bottom:0!important}.place-md-left{left:0}.place-md-left--force{left:0!important}}@media screen and (min-width:1280px){.place-lg-top{top:0}.place-lg-top--force{top:0!important}.place-lg-right{right:0}.place-lg-right--force{right:0!important}.place-lg-bottom{bottom:0}.place-lg-bottom--force{bottom:0!important}.place-lg-left{left:0}.place-lg-left--force{left:0!important}}@media screen and (min-width:1536px){.place-xl-top{top:0}.place-xl-top--force{top:0!important}.place-xl-right{right:0}.place-xl-right--force{right:0!important}.place-xl-bottom{bottom:0}.place-xl-bottom--force{bottom:0!important}.place-xl-left{left:0}.place-xl-left--force{left:0!important}}.position-relative{position:relative}.position-relative--force{position:relative!important}.position-absolute{position:absolute}.position-absolute--force{position:absolute!important}.position-static{position:static}.position-static--force{position:static!important}.position-fixed{position:fixed}.position-fixed--force{position:fixed!important}.position-sticky{position:sticky}.position-sticky--force{position:sticky!important}@media screen and (max-width:639px){.position-xs-relative{position:relative}.position-xs-relative--force{position:relative!important}.position-xs-absolute{position:absolute}.position-xs-absolute--force{position:absolute!important}.position-xs-static{position:static}.position-xs-static--force{position:static!important}.position-xs-fixed{position:fixed}.position-xs-fixed--force{position:fixed!important}.position-xs-sticky{position:sticky}.position-xs-sticky--force{position:sticky!important}}@media screen and (min-width:640px){.position-sm-relative{position:relative}.position-sm-relative--force{position:relative!important}.position-sm-absolute{position:absolute}.position-sm-absolute--force{position:absolute!important}.position-sm-static{position:static}.position-sm-static--force{position:static!important}.position-sm-fixed{position:fixed}.position-sm-fixed--force{position:fixed!important}.position-sm-sticky{position:sticky}.position-sm-sticky--force{position:sticky!important}}@media screen and (min-width:1024px){.position-md-relative{position:relative}.position-md-relative--force{position:relative!important}.position-md-absolute{position:absolute}.position-md-absolute--force{position:absolute!important}.position-md-static{position:static}.position-md-static--force{position:static!important}.position-md-fixed{position:fixed}.position-md-fixed--force{position:fixed!important}.position-md-sticky{position:sticky}.position-md-sticky--force{position:sticky!important}}@media screen and (min-width:1280px){.position-lg-relative{position:relative}.position-lg-relative--force{position:relative!important}.position-lg-absolute{position:absolute}.position-lg-absolute--force{position:absolute!important}.position-lg-static{position:static}.position-lg-static--force{position:static!important}.position-lg-fixed{position:fixed}.position-lg-fixed--force{position:fixed!important}.position-lg-sticky{position:sticky}.position-lg-sticky--force{position:sticky!important}}@media screen and (min-width:1536px){.position-xl-relative{position:relative}.position-xl-relative--force{position:relative!important}.position-xl-absolute{position:absolute}.position-xl-absolute--force{position:absolute!important}.position-xl-static{position:static}.position-xl-static--force{position:static!important}.position-xl-fixed{position:fixed}.position-xl-fixed--force{position:fixed!important}.position-xl-sticky{position:sticky}.position-xl-sticky--force{position:sticky!important}}.d-none{display:none}.d-none--force{display:none!important}.d-inline{display:inline}.d-inline--force{display:inline!important}.d-inline-block{display:inline-block}.d-inline-block--force{display:inline-block!important}.d-block{display:block}.d-block--force{display:block!important}.d-grid{display:grid}.d-grid--force{display:grid!important}.d-table{display:table}.d-table--force{display:table!important}.d-table-cell{display:table-cell}.d-table-cell--force{display:table-cell!important}.d-table-row{display:table-row}.d-table-row--force{display:table-row!important}.d-inline-flex{display:inline-flex}.d-inline-flex--force{display:inline-flex!important}.d-flex{display:flex}.d-flex--force{display:flex!important}@media screen and (max-width:639px){.d-xs-none{display:none}.d-xs-none--force{display:none!important}.d-xs-inline{display:inline}.d-xs-inline--force{display:inline!important}.d-xs-inline-block{display:inline-block}.d-xs-inline-block--force{display:inline-block!important}.d-xs-block{display:block}.d-xs-block--force{display:block!important}.d-xs-grid{display:grid}.d-xs-grid--force{display:grid!important}.d-xs-table{display:table}.d-xs-table--force{display:table!important}.d-xs-table-cell{display:table-cell}.d-xs-table-cell--force{display:table-cell!important}.d-xs-table-row{display:table-row}.d-xs-table-row--force{display:table-row!important}.d-xs-inline-flex{display:inline-flex}.d-xs-inline-flex--force{display:inline-flex!important}.d-xs-flex{display:flex}.d-xs-flex--force{display:flex!important}}@media screen and (min-width:640px){.d-sm-none{display:none}.d-sm-none--force{display:none!important}.d-sm-inline{display:inline}.d-sm-inline--force{display:inline!important}.d-sm-inline-block{display:inline-block}.d-sm-inline-block--force{display:inline-block!important}.d-sm-block{display:block}.d-sm-block--force{display:block!important}.d-sm-grid{display:grid}.d-sm-grid--force{display:grid!important}.d-sm-table{display:table}.d-sm-table--force{display:table!important}.d-sm-table-cell{display:table-cell}.d-sm-table-cell--force{display:table-cell!important}.d-sm-table-row{display:table-row}.d-sm-table-row--force{display:table-row!important}.d-sm-inline-flex{display:inline-flex}.d-sm-inline-flex--force{display:inline-flex!important}.d-sm-flex{display:flex}.d-sm-flex--force{display:flex!important}}@media screen and (min-width:1024px){.d-md-none{display:none}.d-md-none--force{display:none!important}.d-md-inline{display:inline}.d-md-inline--force{display:inline!important}.d-md-inline-block{display:inline-block}.d-md-inline-block--force{display:inline-block!important}.d-md-block{display:block}.d-md-block--force{display:block!important}.d-md-grid{display:grid}.d-md-grid--force{display:grid!important}.d-md-table{display:table}.d-md-table--force{display:table!important}.d-md-table-cell{display:table-cell}.d-md-table-cell--force{display:table-cell!important}.d-md-table-row{display:table-row}.d-md-table-row--force{display:table-row!important}.d-md-inline-flex{display:inline-flex}.d-md-inline-flex--force{display:inline-flex!important}.d-md-flex{display:flex}.d-md-flex--force{display:flex!important}}@media screen and (min-width:1280px){.d-lg-none{display:none}.d-lg-none--force{display:none!important}.d-lg-inline{display:inline}.d-lg-inline--force{display:inline!important}.d-lg-inline-block{display:inline-block}.d-lg-inline-block--force{display:inline-block!important}.d-lg-block{display:block}.d-lg-block--force{display:block!important}.d-lg-grid{display:grid}.d-lg-grid--force{display:grid!important}.d-lg-table{display:table}.d-lg-table--force{display:table!important}.d-lg-table-cell{display:table-cell}.d-lg-table-cell--force{display:table-cell!important}.d-lg-table-row{display:table-row}.d-lg-table-row--force{display:table-row!important}.d-lg-inline-flex{display:inline-flex}.d-lg-inline-flex--force{display:inline-flex!important}.d-lg-flex{display:flex}.d-lg-flex--force{display:flex!important}}@media screen and (min-width:1536px){.d-xl-none{display:none}.d-xl-none--force{display:none!important}.d-xl-inline{display:inline}.d-xl-inline--force{display:inline!important}.d-xl-inline-block{display:inline-block}.d-xl-inline-block--force{display:inline-block!important}.d-xl-block{display:block}.d-xl-block--force{display:block!important}.d-xl-grid{display:grid}.d-xl-grid--force{display:grid!important}.d-xl-table{display:table}.d-xl-table--force{display:table!important}.d-xl-table-cell{display:table-cell}.d-xl-table-cell--force{display:table-cell!important}.d-xl-table-row{display:table-row}.d-xl-table-row--force{display:table-row!important}.d-xl-inline-flex{display:inline-flex}.d-xl-inline-flex--force{display:inline-flex!important}.d-xl-flex{display:flex}.d-xl-flex--force{display:flex!important}}.flex-row{display:flex;flex-direction:row}.flex-row--force{display:flex!important;flex-direction:row!important}.flex-row-reverse{display:flex;flex-direction:row-reverse}.flex-row-reverse--force{display:flex!important;flex-direction:row-reverse!important}.flex-column{display:flex;flex-direction:column}.flex-column--force{display:flex!important;flex-direction:column!important}.flex-column-reverse{display:flex;flex-direction:column-reverse}.flex-column-reverse--force{display:flex!important;flex-direction:column-reverse!important}.flex-nowrap{flex-wrap:nowrap}.flex-nowrap--force{flex-wrap:nowrap!important}.flex-wrap{flex-wrap:wrap}.flex-wrap--force{flex-wrap:wrap!important}.flex-align-center{display:flex;align-items:center}.flex-align-center--force{display:flex!important;align-items:center!important}.flex-align-start{display:flex;align-items:flex-start}.flex-align-start--force{display:flex!important;align-items:flex-start!important}.flex-align-end{display:flex;align-items:flex-end}.flex-align-end--force{display:flex!important;align-items:flex-end!important}.flex-align-inherit{display:flex;align-items:inherit}.flex-align-inherit--force{display:flex!important;align-items:inherit!important}.flex-align-initial{display:flex;align-items:initial}.flex-align-initial--force{display:flex!important;align-items:initial!important}.flex-align-self-end{display:flex;align-self:flex-end}.flex-align-self-end--force{display:flex!important;align-self:flex-end!important}.flex-align-self-start{display:flex;align-self:flex-start}.flex-align-self-start--force{display:flex!important;align-self:flex-start!important}.flex-align-self-inherit{display:flex;align-self:inherit}.flex-align-self-inherit--force{display:flex!important;align-self:inherit!important}.flex-align-self-initial{display:flex;align-self:initial}.flex-align-self-initial--force{display:flex!important;align-self:initial!important}.flex-center-center{display:flex;justify-content:center;align-items:center}.flex-center-center--force{display:flex!important;justify-content:center!important;align-items:center!important}.flex-justify-center{display:flex;justify-content:center}.flex-justify-center--force{display:flex!important;justify-content:center!important}.flex-center{display:flex;justify-content:center}.flex-center--force{display:flex!important;justify-content:center!important}.flex-justify-end{display:flex;justify-content:flex-end}.flex-justify-end--force{display:flex!important;justify-content:flex-end!important}.flex-end{display:flex;justify-content:flex-end}.flex-end--force{display:flex!important;justify-content:flex-end!important}.flex-justify-start{display:flex;justify-content:flex-start}.flex-justify-start--force{display:flex!important;justify-content:flex-start!important}.flex-start{display:flex;justify-content:flex-start}.flex-start--force{display:flex!important;justify-content:flex-start!important}.flex-justify-inherit{display:flex;justify-content:inherit}.flex-justify-inherit--force{display:flex!important;justify-content:inherit!important}.flex-inherit{display:flex;justify-content:inherit}.flex-inherit--force{display:flex!important;justify-content:inherit!important}.flex-justify-initial{display:flex;justify-content:initial}.flex-justify-initial--force{display:flex!important;justify-content:initial!important}.flex-initial{display:flex;justify-content:initial}.flex-initial--force{display:flex!important;justify-content:initial!important}.flex-left{display:flex;justify-content:left}.flex-left--force{display:flex!important;justify-content:left!important}.flex-right{display:flex;justify-content:right}.flex-right--force{display:flex!important;justify-content:right!important}.flex-normal{display:flex;justify-content:normal}.flex-normal--force{display:flex!important;justify-content:normal!important}.flex-revert{display:flex;justify-content:revert}.flex-revert--force{display:flex!important;justify-content:revert!important}.flex-space-around{display:flex;justify-content:space-around}.flex-space-around--force{display:flex!important;justify-content:space-around!important}.flex-around{display:flex;justify-content:space-around}.flex-around--force{display:flex!important;justify-content:space-around!important}.flex-space-between{display:flex;justify-content:space-between}.flex-space-between--force{display:flex!important;justify-content:space-between!important}.flex-between{display:flex;justify-content:space-between}.flex-between--force{display:flex!important;justify-content:space-between!important}.flex-space-evenly{display:flex;justify-content:space-evenly}.flex-space-evenly--force{display:flex!important;justify-content:space-evenly!important}.flex-evenly{display:flex;justify-content:space-evenly}.flex-evenly--force{display:flex!important;justify-content:space-evenly!important}.flex-stretch{display:flex;justify-content:stretch}.flex-stretch--force{display:flex!important;justify-content:stretch!important}.flex-unset{display:flex;justify-content:unset}.flex-unset--force{display:flex!important;justify-content:unset!important}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}.flex-grow-3{flex-grow:3}.flex-shrink-3{flex-shrink:3}.flex-full{flex-grow:1;flex-shrink:1;flex-basis:100%}.flex-basis-1{flex-basis:100%}@media screen and (max-width:639px){.flex-xs-row{display:flex;flex-direction:row}.flex-xs-row--force{display:flex!important;flex-direction:row!important}.flex-xs-row-reverse{display:flex;flex-direction:row-reverse}.flex-xs-row-reverse--force{display:flex!important;flex-direction:row-reverse!important}.flex-xs-column{display:flex;flex-direction:column}.flex-xs-column--force{display:flex!important;flex-direction:column!important}.flex-xs-column-reverse{display:flex;flex-direction:column-reverse}.flex-xs-column-reverse--force{display:flex!important;flex-direction:column-reverse!important}.flex-xs-nowrap{flex-wrap:nowrap}.flex-xs-nowrap--force{flex-wrap:nowrap!important}.flex-xs-wrap{flex-wrap:wrap}.flex-xs-wrap--force{flex-wrap:wrap!important}.flex-xs-align-center{display:flex;align-items:center}.flex-xs-align-center--force{display:flex!important;align-items:center!important}.flex-xs-align-start{display:flex;align-items:flex-start}.flex-xs-align-start--force{display:flex!important;align-items:flex-start!important}.flex-xs-align-end{display:flex;align-items:flex-end}.flex-xs-align-end--force{display:flex!important;align-items:flex-end!important}.flex-xs-align-inherit{display:flex;align-items:inherit}.flex-xs-align-inherit--force{display:flex!important;align-items:inherit!important}.flex-xs-align-initial{display:flex;align-items:initial}.flex-xs-align-initial--force{display:flex!important;align-items:initial!important}.flex-xs-align-self-end{display:flex;align-self:flex-end}.flex-xs-align-self-end--force{display:flex!important;align-self:flex-end!important}.flex-xs-align-self-start{display:flex;align-self:flex-start}.flex-xs-align-self-start--force{display:flex!important;align-self:flex-start!important}.flex-xs-align-self-inherit{display:flex;align-self:inherit}.flex-xs-align-self-inherit--force{display:flex!important;align-self:inherit!important}.flex-xs-align-self-initial{display:flex;align-self:initial}.flex-xs-align-self-initial--force{display:flex!important;align-self:initial!important}.flex-xs-center-center{display:flex;justify-content:center;align-items:center}.flex-xs-center-center--force{display:flex!important;justify-content:center!important;align-items:center!important}.flex-xs-justify-center{display:flex;justify-content:center}.flex-xs-justify-center--force{display:flex!important;justify-content:center!important}.flex-xs-center{display:flex;justify-content:center}.flex-xs-center--force{display:flex!important;justify-content:center!important}.flex-xs-justify-end{display:flex;justify-content:flex-end}.flex-xs-justify-end--force{display:flex!important;justify-content:flex-end!important}.flex-xs-end{display:flex;justify-content:flex-end}.flex-xs-end--force{display:flex!important;justify-content:flex-end!important}.flex-xs-justify-start{display:flex;justify-content:flex-start}.flex-xs-justify-start--force{display:flex!important;justify-content:flex-start!important}.flex-xs-start{display:flex;justify-content:flex-start}.flex-xs-start--force{display:flex!important;justify-content:flex-start!important}.flex-xs-justify-inherit{display:flex;justify-content:inherit}.flex-xs-justify-inherit--force{display:flex!important;justify-content:inherit!important}.flex-xs-inherit{display:flex;justify-content:inherit}.flex-xs-inherit--force{display:flex!important;justify-content:inherit!important}.flex-xs-justify-initial{display:flex;justify-content:initial}.flex-xs-justify-initial--force{display:flex!important;justify-content:initial!important}.flex-xs-initial{display:flex;justify-content:initial}.flex-xs-initial--force{display:flex!important;justify-content:initial!important}.flex-xs-left{display:flex;justify-content:left}.flex-xs-left--force{display:flex!important;justify-content:left!important}.flex-xs-right{display:flex;justify-content:right}.flex-xs-right--force{display:flex!important;justify-content:right!important}.flex-xs-normal{display:flex;justify-content:normal}.flex-xs-normal--force{display:flex!important;justify-content:normal!important}.flex-xs-revert{display:flex;justify-content:revert}.flex-xs-revert--force{display:flex!important;justify-content:revert!important}.flex-xs-space-around{display:flex;justify-content:space-around}.flex-xs-space-around--force{display:flex!important;justify-content:space-around!important}.flex-xs-around{display:flex;justify-content:space-around}.flex-xs-around--force{display:flex!important;justify-content:space-around!important}.flex-xs-space-between{display:flex;justify-content:space-between}.flex-xs-space-between--force{display:flex!important;justify-content:space-between!important}.flex-xs-between{display:flex;justify-content:space-between}.flex-xs-between--force{display:flex!important;justify-content:space-between!important}.flex-xs-space-evenly{display:flex;justify-content:space-evenly}.flex-xs-space-evenly--force{display:flex!important;justify-content:space-evenly!important}.flex-xs-evenly{display:flex;justify-content:space-evenly}.flex-xs-evenly--force{display:flex!important;justify-content:space-evenly!important}.flex-xs-stretch{display:flex;justify-content:stretch}.flex-xs-stretch--force{display:flex!important;justify-content:stretch!important}.flex-xs-unset{display:flex;justify-content:unset}.flex-xs-unset--force{display:flex!important;justify-content:unset!important}.flex-xs-grow-0{flex-grow:0}.flex-xs-shrink-0{flex-shrink:0}.flex-xs-grow-1{flex-grow:1}.flex-xs-shrink-1{flex-shrink:1}.flex-xs-grow-2{flex-grow:2}.flex-xs-shrink-2{flex-shrink:2}.flex-xs-grow-3{flex-grow:3}.flex-xs-shrink-3{flex-shrink:3}.flex-xs-full{flex-grow:1;flex-shrink:1;flex-basis:100%}.flex-xs-basis-1{flex-basis:100%}}@media screen and (min-width:640px){.flex-sm-row{display:flex;flex-direction:row}.flex-sm-row--force{display:flex!important;flex-direction:row!important}.flex-sm-row-reverse{display:flex;flex-direction:row-reverse}.flex-sm-row-reverse--force{display:flex!important;flex-direction:row-reverse!important}.flex-sm-column{display:flex;flex-direction:column}.flex-sm-column--force{display:flex!important;flex-direction:column!important}.flex-sm-column-reverse{display:flex;flex-direction:column-reverse}.flex-sm-column-reverse--force{display:flex!important;flex-direction:column-reverse!important}.flex-sm-nowrap{flex-wrap:nowrap}.flex-sm-nowrap--force{flex-wrap:nowrap!important}.flex-sm-wrap{flex-wrap:wrap}.flex-sm-wrap--force{flex-wrap:wrap!important}.flex-sm-align-center{display:flex;align-items:center}.flex-sm-align-center--force{display:flex!important;align-items:center!important}.flex-sm-align-start{display:flex;align-items:flex-start}.flex-sm-align-start--force{display:flex!important;align-items:flex-start!important}.flex-sm-align-end{display:flex;align-items:flex-end}.flex-sm-align-end--force{display:flex!important;align-items:flex-end!important}.flex-sm-align-inherit{display:flex;align-items:inherit}.flex-sm-align-inherit--force{display:flex!important;align-items:inherit!important}.flex-sm-align-initial{display:flex;align-items:initial}.flex-sm-align-initial--force{display:flex!important;align-items:initial!important}.flex-sm-align-self-end{display:flex;align-self:flex-end}.flex-sm-align-self-end--force{display:flex!important;align-self:flex-end!important}.flex-sm-align-self-start{display:flex;align-self:flex-start}.flex-sm-align-self-start--force{display:flex!important;align-self:flex-start!important}.flex-sm-align-self-inherit{display:flex;align-self:inherit}.flex-sm-align-self-inherit--force{display:flex!important;align-self:inherit!important}.flex-sm-align-self-initial{display:flex;align-self:initial}.flex-sm-align-self-initial--force{display:flex!important;align-self:initial!important}.flex-sm-center-center{display:flex;justify-content:center;align-items:center}.flex-sm-center-center--force{display:flex!important;justify-content:center!important;align-items:center!important}.flex-sm-justify-center{display:flex;justify-content:center}.flex-sm-justify-center--force{display:flex!important;justify-content:center!important}.flex-sm-center{display:flex;justify-content:center}.flex-sm-center--force{display:flex!important;justify-content:center!important}.flex-sm-justify-end{display:flex;justify-content:flex-end}.flex-sm-justify-end--force{display:flex!important;justify-content:flex-end!important}.flex-sm-end{display:flex;justify-content:flex-end}.flex-sm-end--force{display:flex!important;justify-content:flex-end!important}.flex-sm-justify-start{display:flex;justify-content:flex-start}.flex-sm-justify-start--force{display:flex!important;justify-content:flex-start!important}.flex-sm-start{display:flex;justify-content:flex-start}.flex-sm-start--force{display:flex!important;justify-content:flex-start!important}.flex-sm-justify-inherit{display:flex;justify-content:inherit}.flex-sm-justify-inherit--force{display:flex!important;justify-content:inherit!important}.flex-sm-inherit{display:flex;justify-content:inherit}.flex-sm-inherit--force{display:flex!important;justify-content:inherit!important}.flex-sm-justify-initial{display:flex;justify-content:initial}.flex-sm-justify-initial--force{display:flex!important;justify-content:initial!important}.flex-sm-initial{display:flex;justify-content:initial}.flex-sm-initial--force{display:flex!important;justify-content:initial!important}.flex-sm-left{display:flex;justify-content:left}.flex-sm-left--force{display:flex!important;justify-content:left!important}.flex-sm-right{display:flex;justify-content:right}.flex-sm-right--force{display:flex!important;justify-content:right!important}.flex-sm-normal{display:flex;justify-content:normal}.flex-sm-normal--force{display:flex!important;justify-content:normal!important}.flex-sm-revert{display:flex;justify-content:revert}.flex-sm-revert--force{display:flex!important;justify-content:revert!important}.flex-sm-space-around{display:flex;justify-content:space-around}.flex-sm-space-around--force{display:flex!important;justify-content:space-around!important}.flex-sm-around{display:flex;justify-content:space-around}.flex-sm-around--force{display:flex!important;justify-content:space-around!important}.flex-sm-space-between{display:flex;justify-content:space-between}.flex-sm-space-between--force{display:flex!important;justify-content:space-between!important}.flex-sm-between{display:flex;justify-content:space-between}.flex-sm-between--force{display:flex!important;justify-content:space-between!important}.flex-sm-space-evenly{display:flex;justify-content:space-evenly}.flex-sm-space-evenly--force{display:flex!important;justify-content:space-evenly!important}.flex-sm-evenly{display:flex;justify-content:space-evenly}.flex-sm-evenly--force{display:flex!important;justify-content:space-evenly!important}.flex-sm-stretch{display:flex;justify-content:stretch}.flex-sm-stretch--force{display:flex!important;justify-content:stretch!important}.flex-sm-unset{display:flex;justify-content:unset}.flex-sm-unset--force{display:flex!important;justify-content:unset!important}.flex-sm-grow-0{flex-grow:0}.flex-sm-shrink-0{flex-shrink:0}.flex-sm-grow-1{flex-grow:1}.flex-sm-shrink-1{flex-shrink:1}.flex-sm-grow-2{flex-grow:2}.flex-sm-shrink-2{flex-shrink:2}.flex-sm-grow-3{flex-grow:3}.flex-sm-shrink-3{flex-shrink:3}.flex-sm-full{flex-grow:1;flex-shrink:1;flex-basis:100%}.flex-sm-basis-1{flex-basis:100%}}@media screen and (min-width:1024px){.flex-md-row{display:flex;flex-direction:row}.flex-md-row--force{display:flex!important;flex-direction:row!important}.flex-md-row-reverse{display:flex;flex-direction:row-reverse}.flex-md-row-reverse--force{display:flex!important;flex-direction:row-reverse!important}.flex-md-column{display:flex;flex-direction:column}.flex-md-column--force{display:flex!important;flex-direction:column!important}.flex-md-column-reverse{display:flex;flex-direction:column-reverse}.flex-md-column-reverse--force{display:flex!important;flex-direction:column-reverse!important}.flex-md-nowrap{flex-wrap:nowrap}.flex-md-nowrap--force{flex-wrap:nowrap!important}.flex-md-wrap{flex-wrap:wrap}.flex-md-wrap--force{flex-wrap:wrap!important}.flex-md-align-center{display:flex;align-items:center}.flex-md-align-center--force{display:flex!important;align-items:center!important}.flex-md-align-start{display:flex;align-items:flex-start}.flex-md-align-start--force{display:flex!important;align-items:flex-start!important}.flex-md-align-end{display:flex;align-items:flex-end}.flex-md-align-end--force{display:flex!important;align-items:flex-end!important}.flex-md-align-inherit{display:flex;align-items:inherit}.flex-md-align-inherit--force{display:flex!important;align-items:inherit!important}.flex-md-align-initial{display:flex;align-items:initial}.flex-md-align-initial--force{display:flex!important;align-items:initial!important}.flex-md-align-self-end{display:flex;align-self:flex-end}.flex-md-align-self-end--force{display:flex!important;align-self:flex-end!important}.flex-md-align-self-start{display:flex;align-self:flex-start}.flex-md-align-self-start--force{display:flex!important;align-self:flex-start!important}.flex-md-align-self-inherit{display:flex;align-self:inherit}.flex-md-align-self-inherit--force{display:flex!important;align-self:inherit!important}.flex-md-align-self-initial{display:flex;align-self:initial}.flex-md-align-self-initial--force{display:flex!important;align-self:initial!important}.flex-md-center-center{display:flex;justify-content:center;align-items:center}.flex-md-center-center--force{display:flex!important;justify-content:center!important;align-items:center!important}.flex-md-justify-center{display:flex;justify-content:center}.flex-md-justify-center--force{display:flex!important;justify-content:center!important}.flex-md-center{display:flex;justify-content:center}.flex-md-center--force{display:flex!important;justify-content:center!important}.flex-md-justify-end{display:flex;justify-content:flex-end}.flex-md-justify-end--force{display:flex!important;justify-content:flex-end!important}.flex-md-end{display:flex;justify-content:flex-end}.flex-md-end--force{display:flex!important;justify-content:flex-end!important}.flex-md-justify-start{display:flex;justify-content:flex-start}.flex-md-justify-start--force{display:flex!important;justify-content:flex-start!important}.flex-md-start{display:flex;justify-content:flex-start}.flex-md-start--force{display:flex!important;justify-content:flex-start!important}.flex-md-justify-inherit{display:flex;justify-content:inherit}.flex-md-justify-inherit--force{display:flex!important;justify-content:inherit!important}.flex-md-inherit{display:flex;justify-content:inherit}.flex-md-inherit--force{display:flex!important;justify-content:inherit!important}.flex-md-justify-initial{display:flex;justify-content:initial}.flex-md-justify-initial--force{display:flex!important;justify-content:initial!important}.flex-md-initial{display:flex;justify-content:initial}.flex-md-initial--force{display:flex!important;justify-content:initial!important}.flex-md-left{display:flex;justify-content:left}.flex-md-left--force{display:flex!important;justify-content:left!important}.flex-md-right{display:flex;justify-content:right}.flex-md-right--force{display:flex!important;justify-content:right!important}.flex-md-normal{display:flex;justify-content:normal}.flex-md-normal--force{display:flex!important;justify-content:normal!important}.flex-md-revert{display:flex;justify-content:revert}.flex-md-revert--force{display:flex!important;justify-content:revert!important}.flex-md-space-around{display:flex;justify-content:space-around}.flex-md-space-around--force{display:flex!important;justify-content:space-around!important}.flex-md-around{display:flex;justify-content:space-around}.flex-md-around--force{display:flex!important;justify-content:space-around!important}.flex-md-space-between{display:flex;justify-content:space-between}.flex-md-space-between--force{display:flex!important;justify-content:space-between!important}.flex-md-between{display:flex;justify-content:space-between}.flex-md-between--force{display:flex!important;justify-content:space-between!important}.flex-md-space-evenly{display:flex;justify-content:space-evenly}.flex-md-space-evenly--force{display:flex!important;justify-content:space-evenly!important}.flex-md-evenly{display:flex;justify-content:space-evenly}.flex-md-evenly--force{display:flex!important;justify-content:space-evenly!important}.flex-md-stretch{display:flex;justify-content:stretch}.flex-md-stretch--force{display:flex!important;justify-content:stretch!important}.flex-md-unset{display:flex;justify-content:unset}.flex-md-unset--force{display:flex!important;justify-content:unset!important}.flex-md-grow-0{flex-grow:0}.flex-md-shrink-0{flex-shrink:0}.flex-md-grow-1{flex-grow:1}.flex-md-shrink-1{flex-shrink:1}.flex-md-grow-2{flex-grow:2}.flex-md-shrink-2{flex-shrink:2}.flex-md-grow-3{flex-grow:3}.flex-md-shrink-3{flex-shrink:3}.flex-md-full{flex-grow:1;flex-shrink:1;flex-basis:100%}.flex-md-basis-1{flex-basis:100%}}@media screen and (min-width:1280px){.flex-lg-row{display:flex;flex-direction:row}.flex-lg-row--force{display:flex!important;flex-direction:row!important}.flex-lg-row-reverse{display:flex;flex-direction:row-reverse}.flex-lg-row-reverse--force{display:flex!important;flex-direction:row-reverse!important}.flex-lg-column{display:flex;flex-direction:column}.flex-lg-column--force{display:flex!important;flex-direction:column!important}.flex-lg-column-reverse{display:flex;flex-direction:column-reverse}.flex-lg-column-reverse--force{display:flex!important;flex-direction:column-reverse!important}.flex-lg-nowrap{flex-wrap:nowrap}.flex-lg-nowrap--force{flex-wrap:nowrap!important}.flex-lg-wrap{flex-wrap:wrap}.flex-lg-wrap--force{flex-wrap:wrap!important}.flex-lg-align-center{display:flex;align-items:center}.flex-lg-align-center--force{display:flex!important;align-items:center!important}.flex-lg-align-start{display:flex;align-items:flex-start}.flex-lg-align-start--force{display:flex!important;align-items:flex-start!important}.flex-lg-align-end{display:flex;align-items:flex-end}.flex-lg-align-end--force{display:flex!important;align-items:flex-end!important}.flex-lg-align-inherit{display:flex;align-items:inherit}.flex-lg-align-inherit--force{display:flex!important;align-items:inherit!important}.flex-lg-align-initial{display:flex;align-items:initial}.flex-lg-align-initial--force{display:flex!important;align-items:initial!important}.flex-lg-align-self-end{display:flex;align-self:flex-end}.flex-lg-align-self-end--force{display:flex!important;align-self:flex-end!important}.flex-lg-align-self-start{display:flex;align-self:flex-start}.flex-lg-align-self-start--force{display:flex!important;align-self:flex-start!important}.flex-lg-align-self-inherit{display:flex;align-self:inherit}.flex-lg-align-self-inherit--force{display:flex!important;align-self:inherit!important}.flex-lg-align-self-initial{display:flex;align-self:initial}.flex-lg-align-self-initial--force{display:flex!important;align-self:initial!important}.flex-lg-center-center{display:flex;justify-content:center;align-items:center}.flex-lg-center-center--force{display:flex!important;justify-content:center!important;align-items:center!important}.flex-lg-justify-center{display:flex;justify-content:center}.flex-lg-justify-center--force{display:flex!important;justify-content:center!important}.flex-lg-center{display:flex;justify-content:center}.flex-lg-center--force{display:flex!important;justify-content:center!important}.flex-lg-justify-end{display:flex;justify-content:flex-end}.flex-lg-justify-end--force{display:flex!important;justify-content:flex-end!important}.flex-lg-end{display:flex;justify-content:flex-end}.flex-lg-end--force{display:flex!important;justify-content:flex-end!important}.flex-lg-justify-start{display:flex;justify-content:flex-start}.flex-lg-justify-start--force{display:flex!important;justify-content:flex-start!important}.flex-lg-start{display:flex;justify-content:flex-start}.flex-lg-start--force{display:flex!important;justify-content:flex-start!important}.flex-lg-justify-inherit{display:flex;justify-content:inherit}.flex-lg-justify-inherit--force{display:flex!important;justify-content:inherit!important}.flex-lg-inherit{display:flex;justify-content:inherit}.flex-lg-inherit--force{display:flex!important;justify-content:inherit!important}.flex-lg-justify-initial{display:flex;justify-content:initial}.flex-lg-justify-initial--force{display:flex!important;justify-content:initial!important}.flex-lg-initial{display:flex;justify-content:initial}.flex-lg-initial--force{display:flex!important;justify-content:initial!important}.flex-lg-left{display:flex;justify-content:left}.flex-lg-left--force{display:flex!important;justify-content:left!important}.flex-lg-right{display:flex;justify-content:right}.flex-lg-right--force{display:flex!important;justify-content:right!important}.flex-lg-normal{display:flex;justify-content:normal}.flex-lg-normal--force{display:flex!important;justify-content:normal!important}.flex-lg-revert{display:flex;justify-content:revert}.flex-lg-revert--force{display:flex!important;justify-content:revert!important}.flex-lg-space-around{display:flex;justify-content:space-around}.flex-lg-space-around--force{display:flex!important;justify-content:space-around!important}.flex-lg-around{display:flex;justify-content:space-around}.flex-lg-around--force{display:flex!important;justify-content:space-around!important}.flex-lg-space-between{display:flex;justify-content:space-between}.flex-lg-space-between--force{display:flex!important;justify-content:space-between!important}.flex-lg-between{display:flex;justify-content:space-between}.flex-lg-between--force{display:flex!important;justify-content:space-between!important}.flex-lg-space-evenly{display:flex;justify-content:space-evenly}.flex-lg-space-evenly--force{display:flex!important;justify-content:space-evenly!important}.flex-lg-evenly{display:flex;justify-content:space-evenly}.flex-lg-evenly--force{display:flex!important;justify-content:space-evenly!important}.flex-lg-stretch{display:flex;justify-content:stretch}.flex-lg-stretch--force{display:flex!important;justify-content:stretch!important}.flex-lg-unset{display:flex;justify-content:unset}.flex-lg-unset--force{display:flex!important;justify-content:unset!important}.flex-lg-grow-0{flex-grow:0}.flex-lg-shrink-0{flex-shrink:0}.flex-lg-grow-1{flex-grow:1}.flex-lg-shrink-1{flex-shrink:1}.flex-lg-grow-2{flex-grow:2}.flex-lg-shrink-2{flex-shrink:2}.flex-lg-grow-3{flex-grow:3}.flex-lg-shrink-3{flex-shrink:3}.flex-lg-full{flex-grow:1;flex-shrink:1;flex-basis:100%}.flex-lg-basis-1{flex-basis:100%}}@media screen and (min-width:1536px){.flex-xl-row{display:flex;flex-direction:row}.flex-xl-row--force{display:flex!important;flex-direction:row!important}.flex-xl-row-reverse{display:flex;flex-direction:row-reverse}.flex-xl-row-reverse--force{display:flex!important;flex-direction:row-reverse!important}.flex-xl-column{display:flex;flex-direction:column}.flex-xl-column--force{display:flex!important;flex-direction:column!important}.flex-xl-column-reverse{display:flex;flex-direction:column-reverse}.flex-xl-column-reverse--force{display:flex!important;flex-direction:column-reverse!important}.flex-xl-nowrap{flex-wrap:nowrap}.flex-xl-nowrap--force{flex-wrap:nowrap!important}.flex-xl-wrap{flex-wrap:wrap}.flex-xl-wrap--force{flex-wrap:wrap!important}.flex-xl-align-center{display:flex;align-items:center}.flex-xl-align-center--force{display:flex!important;align-items:center!important}.flex-xl-align-start{display:flex;align-items:flex-start}.flex-xl-align-start--force{display:flex!important;align-items:flex-start!important}.flex-xl-align-end{display:flex;align-items:flex-end}.flex-xl-align-end--force{display:flex!important;align-items:flex-end!important}.flex-xl-align-inherit{display:flex;align-items:inherit}.flex-xl-align-inherit--force{display:flex!important;align-items:inherit!important}.flex-xl-align-initial{display:flex;align-items:initial}.flex-xl-align-initial--force{display:flex!important;align-items:initial!important}.flex-xl-align-self-end{display:flex;align-self:flex-end}.flex-xl-align-self-end--force{display:flex!important;align-self:flex-end!important}.flex-xl-align-self-start{display:flex;align-self:flex-start}.flex-xl-align-self-start--force{display:flex!important;align-self:flex-start!important}.flex-xl-align-self-inherit{display:flex;align-self:inherit}.flex-xl-align-self-inherit--force{display:flex!important;align-self:inherit!important}.flex-xl-align-self-initial{display:flex;align-self:initial}.flex-xl-align-self-initial--force{display:flex!important;align-self:initial!important}.flex-xl-center-center{display:flex;justify-content:center;align-items:center}.flex-xl-center-center--force{display:flex!important;justify-content:center!important;align-items:center!important}.flex-xl-justify-center{display:flex;justify-content:center}.flex-xl-justify-center--force{display:flex!important;justify-content:center!important}.flex-xl-center{display:flex;justify-content:center}.flex-xl-center--force{display:flex!important;justify-content:center!important}.flex-xl-justify-end{display:flex;justify-content:flex-end}.flex-xl-justify-end--force{display:flex!important;justify-content:flex-end!important}.flex-xl-end{display:flex;justify-content:flex-end}.flex-xl-end--force{display:flex!important;justify-content:flex-end!important}.flex-xl-justify-start{display:flex;justify-content:flex-start}.flex-xl-justify-start--force{display:flex!important;justify-content:flex-start!important}.flex-xl-start{display:flex;justify-content:flex-start}.flex-xl-start--force{display:flex!important;justify-content:flex-start!important}.flex-xl-justify-inherit{display:flex;justify-content:inherit}.flex-xl-justify-inherit--force{display:flex!important;justify-content:inherit!important}.flex-xl-inherit{display:flex;justify-content:inherit}.flex-xl-inherit--force{display:flex!important;justify-content:inherit!important}.flex-xl-justify-initial{display:flex;justify-content:initial}.flex-xl-justify-initial--force{display:flex!important;justify-content:initial!important}.flex-xl-initial{display:flex;justify-content:initial}.flex-xl-initial--force{display:flex!important;justify-content:initial!important}.flex-xl-left{display:flex;justify-content:left}.flex-xl-left--force{display:flex!important;justify-content:left!important}.flex-xl-right{display:flex;justify-content:right}.flex-xl-right--force{display:flex!important;justify-content:right!important}.flex-xl-normal{display:flex;justify-content:normal}.flex-xl-normal--force{display:flex!important;justify-content:normal!important}.flex-xl-revert{display:flex;justify-content:revert}.flex-xl-revert--force{display:flex!important;justify-content:revert!important}.flex-xl-space-around{display:flex;justify-content:space-around}.flex-xl-space-around--force{display:flex!important;justify-content:space-around!important}.flex-xl-around{display:flex;justify-content:space-around}.flex-xl-around--force{display:flex!important;justify-content:space-around!important}.flex-xl-space-between{display:flex;justify-content:space-between}.flex-xl-space-between--force{display:flex!important;justify-content:space-between!important}.flex-xl-between{display:flex;justify-content:space-between}.flex-xl-between--force{display:flex!important;justify-content:space-between!important}.flex-xl-space-evenly{display:flex;justify-content:space-evenly}.flex-xl-space-evenly--force{display:flex!important;justify-content:space-evenly!important}.flex-xl-evenly{display:flex;justify-content:space-evenly}.flex-xl-evenly--force{display:flex!important;justify-content:space-evenly!important}.flex-xl-stretch{display:flex;justify-content:stretch}.flex-xl-stretch--force{display:flex!important;justify-content:stretch!important}.flex-xl-unset{display:flex;justify-content:unset}.flex-xl-unset--force{display:flex!important;justify-content:unset!important}.flex-xl-grow-0{flex-grow:0}.flex-xl-shrink-0{flex-shrink:0}.flex-xl-grow-1{flex-grow:1}.flex-xl-shrink-1{flex-shrink:1}.flex-xl-grow-2{flex-grow:2}.flex-xl-shrink-2{flex-shrink:2}.flex-xl-grow-3{flex-grow:3}.flex-xl-shrink-3{flex-shrink:3}.flex-xl-full{flex-grow:1;flex-shrink:1;flex-basis:100%}.flex-xl-basis-1{flex-basis:100%}}.fw-100{font-weight:100}.fw-100--force{font-weight:100!important}.fw-200{font-weight:200}.fw-200--force{font-weight:200!important}.fw-300{font-weight:300}.fw-300--force{font-weight:300!important}.fw-400{font-weight:var(--matcha-weight-regular,400)}.fw-400--force{font-weight:var(--matcha-weight-regular,400)!important}.fw-500{font-weight:var(--matcha-weight-medium,500)}.fw-500--force{font-weight:var(--matcha-weight-medium,500)!important}.fw-600{font-weight:var(--matcha-weight-semibold,600)}.fw-600--force{font-weight:var(--matcha-weight-semibold,600)!important}.fw-700{font-weight:var(--matcha-weight-bold,700)}.fw-700--force{font-weight:var(--matcha-weight-bold,700)!important}.fw-800{font-weight:800}.fw-800--force{font-weight:800!important}.fw-900{font-weight:var(--matcha-weight-black,900)}.fw-900--force{font-weight:var(--matcha-weight-black,900)!important}@media screen and (max-width:639px){.fw-xs-100{font-weight:100}.fw-xs-100--force{font-weight:100!important}.fw-xs-200{font-weight:200}.fw-xs-200--force{font-weight:200!important}.fw-xs-300{font-weight:300}.fw-xs-300--force{font-weight:300!important}.fw-xs-400{font-weight:var(--matcha-weight-regular,400)}.fw-xs-400--force{font-weight:var(--matcha-weight-regular,400)!important}.fw-xs-500{font-weight:var(--matcha-weight-medium,500)}.fw-xs-500--force{font-weight:var(--matcha-weight-medium,500)!important}.fw-xs-600{font-weight:var(--matcha-weight-semibold,600)}.fw-xs-600--force{font-weight:var(--matcha-weight-semibold,600)!important}.fw-xs-700{font-weight:var(--matcha-weight-bold,700)}.fw-xs-700--force{font-weight:var(--matcha-weight-bold,700)!important}.fw-xs-800{font-weight:800}.fw-xs-800--force{font-weight:800!important}.fw-xs-900{font-weight:var(--matcha-weight-black,900)}.fw-xs-900--force{font-weight:var(--matcha-weight-black,900)!important}}@media screen and (min-width:640px){.fw-sm-100{font-weight:100}.fw-sm-100--force{font-weight:100!important}.fw-sm-200{font-weight:200}.fw-sm-200--force{font-weight:200!important}.fw-sm-300{font-weight:300}.fw-sm-300--force{font-weight:300!important}.fw-sm-400{font-weight:var(--matcha-weight-regular,400)}.fw-sm-400--force{font-weight:var(--matcha-weight-regular,400)!important}.fw-sm-500{font-weight:var(--matcha-weight-medium,500)}.fw-sm-500--force{font-weight:var(--matcha-weight-medium,500)!important}.fw-sm-600{font-weight:var(--matcha-weight-semibold,600)}.fw-sm-600--force{font-weight:var(--matcha-weight-semibold,600)!important}.fw-sm-700{font-weight:var(--matcha-weight-bold,700)}.fw-sm-700--force{font-weight:var(--matcha-weight-bold,700)!important}.fw-sm-800{font-weight:800}.fw-sm-800--force{font-weight:800!important}.fw-sm-900{font-weight:var(--matcha-weight-black,900)}.fw-sm-900--force{font-weight:var(--matcha-weight-black,900)!important}}@media screen and (min-width:1024px){.fw-md-100{font-weight:100}.fw-md-100--force{font-weight:100!important}.fw-md-200{font-weight:200}.fw-md-200--force{font-weight:200!important}.fw-md-300{font-weight:300}.fw-md-300--force{font-weight:300!important}.fw-md-400{font-weight:var(--matcha-weight-regular,400)}.fw-md-400--force{font-weight:var(--matcha-weight-regular,400)!important}.fw-md-500{font-weight:var(--matcha-weight-medium,500)}.fw-md-500--force{font-weight:var(--matcha-weight-medium,500)!important}.fw-md-600{font-weight:var(--matcha-weight-semibold,600)}.fw-md-600--force{font-weight:var(--matcha-weight-semibold,600)!important}.fw-md-700{font-weight:var(--matcha-weight-bold,700)}.fw-md-700--force{font-weight:var(--matcha-weight-bold,700)!important}.fw-md-800{font-weight:800}.fw-md-800--force{font-weight:800!important}.fw-md-900{font-weight:var(--matcha-weight-black,900)}.fw-md-900--force{font-weight:var(--matcha-weight-black,900)!important}}@media screen and (min-width:1280px){.fw-lg-100{font-weight:100}.fw-lg-100--force{font-weight:100!important}.fw-lg-200{font-weight:200}.fw-lg-200--force{font-weight:200!important}.fw-lg-300{font-weight:300}.fw-lg-300--force{font-weight:300!important}.fw-lg-400{font-weight:var(--matcha-weight-regular,400)}.fw-lg-400--force{font-weight:var(--matcha-weight-regular,400)!important}.fw-lg-500{font-weight:var(--matcha-weight-medium,500)}.fw-lg-500--force{font-weight:var(--matcha-weight-medium,500)!important}.fw-lg-600{font-weight:var(--matcha-weight-semibold,600)}.fw-lg-600--force{font-weight:var(--matcha-weight-semibold,600)!important}.fw-lg-700{font-weight:var(--matcha-weight-bold,700)}.fw-lg-700--force{font-weight:var(--matcha-weight-bold,700)!important}.fw-lg-800{font-weight:800}.fw-lg-800--force{font-weight:800!important}.fw-lg-900{font-weight:var(--matcha-weight-black,900)}.fw-lg-900--force{font-weight:var(--matcha-weight-black,900)!important}}@media screen and (min-width:1536px){.fw-xl-100{font-weight:100}.fw-xl-100--force{font-weight:100!important}.fw-xl-200{font-weight:200}.fw-xl-200--force{font-weight:200!important}.fw-xl-300{font-weight:300}.fw-xl-300--force{font-weight:300!important}.fw-xl-400{font-weight:var(--matcha-weight-regular,400)}.fw-xl-400--force{font-weight:var(--matcha-weight-regular,400)!important}.fw-xl-500{font-weight:var(--matcha-weight-medium,500)}.fw-xl-500--force{font-weight:var(--matcha-weight-medium,500)!important}.fw-xl-600{font-weight:var(--matcha-weight-semibold,600)}.fw-xl-600--force{font-weight:var(--matcha-weight-semibold,600)!important}.fw-xl-700{font-weight:var(--matcha-weight-bold,700)}.fw-xl-700--force{font-weight:var(--matcha-weight-bold,700)!important}.fw-xl-800{font-weight:800}.fw-xl-800--force{font-weight:800!important}.fw-xl-900{font-weight:var(--matcha-weight-black,900)}.fw-xl-900--force{font-weight:var(--matcha-weight-black,900)!important}}.fs-0{font-size:0px}.fs-0--force{font-size:0px!important}.fs-1{font-size:1px}.fs-1--force{font-size:1px!important}.fs-2{font-size:2px}.fs-2--force{font-size:2px!important}.fs-3{font-size:3px}.fs-3--force{font-size:3px!important}.fs-4{font-size:4px}.fs-4--force{font-size:4px!important}.fs-5{font-size:5px}.fs-5--force{font-size:5px!important}.fs-6{font-size:6px}.fs-6--force{font-size:6px!important}.fs-7{font-size:7px}.fs-7--force{font-size:7px!important}.fs-8{font-size:8px}.fs-8--force{font-size:8px!important}.fs-9{font-size:9px}.fs-9--force{font-size:9px!important}.fs-10{font-size:var(--matcha-font-size-2xs, 10px)}.fs-10--force{font-size:var(--matcha-font-size-2xs, 10px)!important}.fs-11{font-size:11px}.fs-11--force{font-size:11px!important}.fs-12{font-size:var(--matcha-font-size-xs, 12px)}.fs-12--force{font-size:var(--matcha-font-size-xs, 12px)!important}.fs-13{font-size:13px}.fs-13--force{font-size:13px!important}.fs-14{font-size:var(--matcha-font-size-sm, 14px)}.fs-14--force{font-size:var(--matcha-font-size-sm, 14px)!important}.fs-15{font-size:15px}.fs-15--force{font-size:15px!important}.fs-16{font-size:var(--matcha-font-size-md, 16px)}.fs-16--force{font-size:var(--matcha-font-size-md, 16px)!important}.fs-17{font-size:17px}.fs-17--force{font-size:17px!important}.fs-18{font-size:var(--matcha-font-size-lg, 18px)}.fs-18--force{font-size:var(--matcha-font-size-lg, 18px)!important}.fs-19{font-size:19px}.fs-19--force{font-size:19px!important}.fs-20{font-size:var(--matcha-font-size-xl, 20px)}.fs-20--force{font-size:var(--matcha-font-size-xl, 20px)!important}.fs-21{font-size:21px}.fs-21--force{font-size:21px!important}.fs-22{font-size:22px}.fs-22--force{font-size:22px!important}.fs-23{font-size:23px}.fs-23--force{font-size:23px!important}.fs-24{font-size:var(--matcha-font-size-2xl, 24px)}.fs-24--force{font-size:var(--matcha-font-size-2xl, 24px)!important}.fs-25{font-size:25px}.fs-25--force{font-size:25px!important}.fs-26{font-size:26px}.fs-26--force{font-size:26px!important}.fs-27{font-size:27px}.fs-27--force{font-size:27px!important}.fs-28{font-size:28px}.fs-28--force{font-size:28px!important}.fs-29{font-size:29px}.fs-29--force{font-size:29px!important}.fs-30{font-size:30px}.fs-30--force{font-size:30px!important}.fs-31{font-size:31px}.fs-31--force{font-size:31px!important}.fs-32{font-size:var(--matcha-font-size-3xl, 32px)}.fs-32--force{font-size:var(--matcha-font-size-3xl, 32px)!important}.fs-33{font-size:33px}.fs-33--force{font-size:33px!important}.fs-34{font-size:34px}.fs-34--force{font-size:34px!important}.fs-35{font-size:35px}.fs-35--force{font-size:35px!important}.fs-36{font-size:36px}.fs-36--force{font-size:36px!important}.fs-37{font-size:37px}.fs-37--force{font-size:37px!important}.fs-38{font-size:38px}.fs-38--force{font-size:38px!important}.fs-39{font-size:39px}.fs-39--force{font-size:39px!important}.fs-40{font-size:40px}.fs-40--force{font-size:40px!important}.fs-41{font-size:41px}.fs-41--force{font-size:41px!important}.fs-42{font-size:42px}.fs-42--force{font-size:42px!important}.fs-43{font-size:43px}.fs-43--force{font-size:43px!important}.fs-44{font-size:44px}.fs-44--force{font-size:44px!important}.fs-45{font-size:45px}.fs-45--force{font-size:45px!important}.fs-46{font-size:46px}.fs-46--force{font-size:46px!important}.fs-47{font-size:47px}.fs-47--force{font-size:47px!important}.fs-48{font-size:48px}.fs-48--force{font-size:48px!important}.fs-49{font-size:49px}.fs-49--force{font-size:49px!important}.fs-50{font-size:50px}.fs-50--force{font-size:50px!important}.fs-51{font-size:51px}.fs-51--force{font-size:51px!important}.fs-52{font-size:52px}.fs-52--force{font-size:52px!important}.fs-53{font-size:53px}.fs-53--force{font-size:53px!important}.fs-54{font-size:54px}.fs-54--force{font-size:54px!important}.fs-55{font-size:55px}.fs-55--force{font-size:55px!important}.fs-56{font-size:56px}.fs-56--force{font-size:56px!important}.fs-57{font-size:57px}.fs-57--force{font-size:57px!important}.fs-58{font-size:58px}.fs-58--force{font-size:58px!important}.fs-59{font-size:59px}.fs-59--force{font-size:59px!important}.fs-60{font-size:60px}.fs-60--force{font-size:60px!important}.fs-61{font-size:61px}.fs-61--force{font-size:61px!important}.fs-62{font-size:62px}.fs-62--force{font-size:62px!important}.fs-63{font-size:63px}.fs-63--force{font-size:63px!important}.fs-64{font-size:64px}.fs-64--force{font-size:64px!important}.fs-65{font-size:65px}.fs-65--force{font-size:65px!important}.fs-66{font-size:66px}.fs-66--force{font-size:66px!important}.fs-67{font-size:67px}.fs-67--force{font-size:67px!important}.fs-68{font-size:68px}.fs-68--force{font-size:68px!important}.fs-69{font-size:69px}.fs-69--force{font-size:69px!important}.fs-70{font-size:70px}.fs-70--force{font-size:70px!important}.fs-71{font-size:71px}.fs-71--force{font-size:71px!important}.fs-72{font-size:72px}.fs-72--force{font-size:72px!important}.fs-73{font-size:73px}.fs-73--force{font-size:73px!important}.fs-74{font-size:74px}.fs-74--force{font-size:74px!important}.fs-75{font-size:75px}.fs-75--force{font-size:75px!important}.fs-76{font-size:76px}.fs-76--force{font-size:76px!important}.fs-77{font-size:77px}.fs-77--force{font-size:77px!important}.fs-78{font-size:78px}.fs-78--force{font-size:78px!important}.fs-79{font-size:79px}.fs-79--force{font-size:79px!important}.fs-80{font-size:80px}.fs-80--force{font-size:80px!important}.fs-81{font-size:81px}.fs-81--force{font-size:81px!important}.fs-82{font-size:82px}.fs-82--force{font-size:82px!important}.fs-83{font-size:83px}.fs-83--force{font-size:83px!important}.fs-84{font-size:84px}.fs-84--force{font-size:84px!important}.fs-85{font-size:85px}.fs-85--force{font-size:85px!important}.fs-86{font-size:86px}.fs-86--force{font-size:86px!important}.fs-87{font-size:87px}.fs-87--force{font-size:87px!important}.fs-88{font-size:88px}.fs-88--force{font-size:88px!important}.fs-89{font-size:89px}.fs-89--force{font-size:89px!important}.fs-90{font-size:90px}.fs-90--force{font-size:90px!important}.fs-91{font-size:91px}.fs-91--force{font-size:91px!important}.fs-92{font-size:92px}.fs-92--force{font-size:92px!important}.fs-93{font-size:93px}.fs-93--force{font-size:93px!important}.fs-94{font-size:94px}.fs-94--force{font-size:94px!important}.fs-95{font-size:95px}.fs-95--force{font-size:95px!important}.fs-96{font-size:96px}.fs-96--force{font-size:96px!important}@media screen and (max-width:639px){.fs-xs-0{font-size:0px}.fs-xs-0--force{font-size:0px!important}.fs-xs-1{font-size:1px}.fs-xs-1--force{font-size:1px!important}.fs-xs-2{font-size:2px}.fs-xs-2--force{font-size:2px!important}.fs-xs-3{font-size:3px}.fs-xs-3--force{font-size:3px!important}.fs-xs-4{font-size:4px}.fs-xs-4--force{font-size:4px!important}.fs-xs-5{font-size:5px}.fs-xs-5--force{font-size:5px!important}.fs-xs-6{font-size:6px}.fs-xs-6--force{font-size:6px!important}.fs-xs-7{font-size:7px}.fs-xs-7--force{font-size:7px!important}.fs-xs-8{font-size:8px}.fs-xs-8--force{font-size:8px!important}.fs-xs-9{font-size:9px}.fs-xs-9--force{font-size:9px!important}.fs-xs-10{font-size:var(--matcha-font-size-2xs, 10px)}.fs-xs-10--force{font-size:var(--matcha-font-size-2xs, 10px)!important}.fs-xs-11{font-size:11px}.fs-xs-11--force{font-size:11px!important}.fs-xs-12{font-size:var(--matcha-font-size-xs, 12px)}.fs-xs-12--force{font-size:var(--matcha-font-size-xs, 12px)!important}.fs-xs-13{font-size:13px}.fs-xs-13--force{font-size:13px!important}.fs-xs-14{font-size:var(--matcha-font-size-sm, 14px)}.fs-xs-14--force{font-size:var(--matcha-font-size-sm, 14px)!important}.fs-xs-15{font-size:15px}.fs-xs-15--force{font-size:15px!important}.fs-xs-16{font-size:var(--matcha-font-size-md, 16px)}.fs-xs-16--force{font-size:var(--matcha-font-size-md, 16px)!important}.fs-xs-17{font-size:17px}.fs-xs-17--force{font-size:17px!important}.fs-xs-18{font-size:var(--matcha-font-size-lg, 18px)}.fs-xs-18--force{font-size:var(--matcha-font-size-lg, 18px)!important}.fs-xs-19{font-size:19px}.fs-xs-19--force{font-size:19px!important}.fs-xs-20{font-size:var(--matcha-font-size-xl, 20px)}.fs-xs-20--force{font-size:var(--matcha-font-size-xl, 20px)!important}.fs-xs-21{font-size:21px}.fs-xs-21--force{font-size:21px!important}.fs-xs-22{font-size:22px}.fs-xs-22--force{font-size:22px!important}.fs-xs-23{font-size:23px}.fs-xs-23--force{font-size:23px!important}.fs-xs-24{font-size:var(--matcha-font-size-2xl, 24px)}.fs-xs-24--force{font-size:var(--matcha-font-size-2xl, 24px)!important}.fs-xs-25{font-size:25px}.fs-xs-25--force{font-size:25px!important}.fs-xs-26{font-size:26px}.fs-xs-26--force{font-size:26px!important}.fs-xs-27{font-size:27px}.fs-xs-27--force{font-size:27px!important}.fs-xs-28{font-size:28px}.fs-xs-28--force{font-size:28px!important}.fs-xs-29{font-size:29px}.fs-xs-29--force{font-size:29px!important}.fs-xs-30{font-size:30px}.fs-xs-30--force{font-size:30px!important}.fs-xs-31{font-size:31px}.fs-xs-31--force{font-size:31px!important}.fs-xs-32{font-size:var(--matcha-font-size-3xl, 32px)}.fs-xs-32--force{font-size:var(--matcha-font-size-3xl, 32px)!important}.fs-xs-33{font-size:33px}.fs-xs-33--force{font-size:33px!important}.fs-xs-34{font-size:34px}.fs-xs-34--force{font-size:34px!important}.fs-xs-35{font-size:35px}.fs-xs-35--force{font-size:35px!important}.fs-xs-36{font-size:36px}.fs-xs-36--force{font-size:36px!important}.fs-xs-37{font-size:37px}.fs-xs-37--force{font-size:37px!important}.fs-xs-38{font-size:38px}.fs-xs-38--force{font-size:38px!important}.fs-xs-39{font-size:39px}.fs-xs-39--force{font-size:39px!important}.fs-xs-40{font-size:40px}.fs-xs-40--force{font-size:40px!important}.fs-xs-41{font-size:41px}.fs-xs-41--force{font-size:41px!important}.fs-xs-42{font-size:42px}.fs-xs-42--force{font-size:42px!important}.fs-xs-43{font-size:43px}.fs-xs-43--force{font-size:43px!important}.fs-xs-44{font-size:44px}.fs-xs-44--force{font-size:44px!important}.fs-xs-45{font-size:45px}.fs-xs-45--force{font-size:45px!important}.fs-xs-46{font-size:46px}.fs-xs-46--force{font-size:46px!important}.fs-xs-47{font-size:47px}.fs-xs-47--force{font-size:47px!important}.fs-xs-48{font-size:48px}.fs-xs-48--force{font-size:48px!important}.fs-xs-49{font-size:49px}.fs-xs-49--force{font-size:49px!important}.fs-xs-50{font-size:50px}.fs-xs-50--force{font-size:50px!important}.fs-xs-51{font-size:51px}.fs-xs-51--force{font-size:51px!important}.fs-xs-52{font-size:52px}.fs-xs-52--force{font-size:52px!important}.fs-xs-53{font-size:53px}.fs-xs-53--force{font-size:53px!important}.fs-xs-54{font-size:54px}.fs-xs-54--force{font-size:54px!important}.fs-xs-55{font-size:55px}.fs-xs-55--force{font-size:55px!important}.fs-xs-56{font-size:56px}.fs-xs-56--force{font-size:56px!important}.fs-xs-57{font-size:57px}.fs-xs-57--force{font-size:57px!important}.fs-xs-58{font-size:58px}.fs-xs-58--force{font-size:58px!important}.fs-xs-59{font-size:59px}.fs-xs-59--force{font-size:59px!important}.fs-xs-60{font-size:60px}.fs-xs-60--force{font-size:60px!important}.fs-xs-61{font-size:61px}.fs-xs-61--force{font-size:61px!important}.fs-xs-62{font-size:62px}.fs-xs-62--force{font-size:62px!important}.fs-xs-63{font-size:63px}.fs-xs-63--force{font-size:63px!important}.fs-xs-64{font-size:64px}.fs-xs-64--force{font-size:64px!important}.fs-xs-65{font-size:65px}.fs-xs-65--force{font-size:65px!important}.fs-xs-66{font-size:66px}.fs-xs-66--force{font-size:66px!important}.fs-xs-67{font-size:67px}.fs-xs-67--force{font-size:67px!important}.fs-xs-68{font-size:68px}.fs-xs-68--force{font-size:68px!important}.fs-xs-69{font-size:69px}.fs-xs-69--force{font-size:69px!important}.fs-xs-70{font-size:70px}.fs-xs-70--force{font-size:70px!important}.fs-xs-71{font-size:71px}.fs-xs-71--force{font-size:71px!important}.fs-xs-72{font-size:72px}.fs-xs-72--force{font-size:72px!important}.fs-xs-73{font-size:73px}.fs-xs-73--force{font-size:73px!important}.fs-xs-74{font-size:74px}.fs-xs-74--force{font-size:74px!important}.fs-xs-75{font-size:75px}.fs-xs-75--force{font-size:75px!important}.fs-xs-76{font-size:76px}.fs-xs-76--force{font-size:76px!important}.fs-xs-77{font-size:77px}.fs-xs-77--force{font-size:77px!important}.fs-xs-78{font-size:78px}.fs-xs-78--force{font-size:78px!important}.fs-xs-79{font-size:79px}.fs-xs-79--force{font-size:79px!important}.fs-xs-80{font-size:80px}.fs-xs-80--force{font-size:80px!important}.fs-xs-81{font-size:81px}.fs-xs-81--force{font-size:81px!important}.fs-xs-82{font-size:82px}.fs-xs-82--force{font-size:82px!important}.fs-xs-83{font-size:83px}.fs-xs-83--force{font-size:83px!important}.fs-xs-84{font-size:84px}.fs-xs-84--force{font-size:84px!important}.fs-xs-85{font-size:85px}.fs-xs-85--force{font-size:85px!important}.fs-xs-86{font-size:86px}.fs-xs-86--force{font-size:86px!important}.fs-xs-87{font-size:87px}.fs-xs-87--force{font-size:87px!important}.fs-xs-88{font-size:88px}.fs-xs-88--force{font-size:88px!important}.fs-xs-89{font-size:89px}.fs-xs-89--force{font-size:89px!important}.fs-xs-90{font-size:90px}.fs-xs-90--force{font-size:90px!important}.fs-xs-91{font-size:91px}.fs-xs-91--force{font-size:91px!important}.fs-xs-92{font-size:92px}.fs-xs-92--force{font-size:92px!important}.fs-xs-93{font-size:93px}.fs-xs-93--force{font-size:93px!important}.fs-xs-94{font-size:94px}.fs-xs-94--force{font-size:94px!important}.fs-xs-95{font-size:95px}.fs-xs-95--force{font-size:95px!important}.fs-xs-96{font-size:96px}.fs-xs-96--force{font-size:96px!important}}@media screen and (min-width:640px){.fs-sm-0{font-size:0px}.fs-sm-0--force{font-size:0px!important}.fs-sm-1{font-size:1px}.fs-sm-1--force{font-size:1px!important}.fs-sm-2{font-size:2px}.fs-sm-2--force{font-size:2px!important}.fs-sm-3{font-size:3px}.fs-sm-3--force{font-size:3px!important}.fs-sm-4{font-size:4px}.fs-sm-4--force{font-size:4px!important}.fs-sm-5{font-size:5px}.fs-sm-5--force{font-size:5px!important}.fs-sm-6{font-size:6px}.fs-sm-6--force{font-size:6px!important}.fs-sm-7{font-size:7px}.fs-sm-7--force{font-size:7px!important}.fs-sm-8{font-size:8px}.fs-sm-8--force{font-size:8px!important}.fs-sm-9{font-size:9px}.fs-sm-9--force{font-size:9px!important}.fs-sm-10{font-size:var(--matcha-font-size-2xs, 10px)}.fs-sm-10--force{font-size:var(--matcha-font-size-2xs, 10px)!important}.fs-sm-11{font-size:11px}.fs-sm-11--force{font-size:11px!important}.fs-sm-12{font-size:var(--matcha-font-size-xs, 12px)}.fs-sm-12--force{font-size:var(--matcha-font-size-xs, 12px)!important}.fs-sm-13{font-size:13px}.fs-sm-13--force{font-size:13px!important}.fs-sm-14{font-size:var(--matcha-font-size-sm, 14px)}.fs-sm-14--force{font-size:var(--matcha-font-size-sm, 14px)!important}.fs-sm-15{font-size:15px}.fs-sm-15--force{font-size:15px!important}.fs-sm-16{font-size:var(--matcha-font-size-md, 16px)}.fs-sm-16--force{font-size:var(--matcha-font-size-md, 16px)!important}.fs-sm-17{font-size:17px}.fs-sm-17--force{font-size:17px!important}.fs-sm-18{font-size:var(--matcha-font-size-lg, 18px)}.fs-sm-18--force{font-size:var(--matcha-font-size-lg, 18px)!important}.fs-sm-19{font-size:19px}.fs-sm-19--force{font-size:19px!important}.fs-sm-20{font-size:var(--matcha-font-size-xl, 20px)}.fs-sm-20--force{font-size:var(--matcha-font-size-xl, 20px)!important}.fs-sm-21{font-size:21px}.fs-sm-21--force{font-size:21px!important}.fs-sm-22{font-size:22px}.fs-sm-22--force{font-size:22px!important}.fs-sm-23{font-size:23px}.fs-sm-23--force{font-size:23px!important}.fs-sm-24{font-size:var(--matcha-font-size-2xl, 24px)}.fs-sm-24--force{font-size:var(--matcha-font-size-2xl, 24px)!important}.fs-sm-25{font-size:25px}.fs-sm-25--force{font-size:25px!important}.fs-sm-26{font-size:26px}.fs-sm-26--force{font-size:26px!important}.fs-sm-27{font-size:27px}.fs-sm-27--force{font-size:27px!important}.fs-sm-28{font-size:28px}.fs-sm-28--force{font-size:28px!important}.fs-sm-29{font-size:29px}.fs-sm-29--force{font-size:29px!important}.fs-sm-30{font-size:30px}.fs-sm-30--force{font-size:30px!important}.fs-sm-31{font-size:31px}.fs-sm-31--force{font-size:31px!important}.fs-sm-32{font-size:var(--matcha-font-size-3xl, 32px)}.fs-sm-32--force{font-size:var(--matcha-font-size-3xl, 32px)!important}.fs-sm-33{font-size:33px}.fs-sm-33--force{font-size:33px!important}.fs-sm-34{font-size:34px}.fs-sm-34--force{font-size:34px!important}.fs-sm-35{font-size:35px}.fs-sm-35--force{font-size:35px!important}.fs-sm-36{font-size:36px}.fs-sm-36--force{font-size:36px!important}.fs-sm-37{font-size:37px}.fs-sm-37--force{font-size:37px!important}.fs-sm-38{font-size:38px}.fs-sm-38--force{font-size:38px!important}.fs-sm-39{font-size:39px}.fs-sm-39--force{font-size:39px!important}.fs-sm-40{font-size:40px}.fs-sm-40--force{font-size:40px!important}.fs-sm-41{font-size:41px}.fs-sm-41--force{font-size:41px!important}.fs-sm-42{font-size:42px}.fs-sm-42--force{font-size:42px!important}.fs-sm-43{font-size:43px}.fs-sm-43--force{font-size:43px!important}.fs-sm-44{font-size:44px}.fs-sm-44--force{font-size:44px!important}.fs-sm-45{font-size:45px}.fs-sm-45--force{font-size:45px!important}.fs-sm-46{font-size:46px}.fs-sm-46--force{font-size:46px!important}.fs-sm-47{font-size:47px}.fs-sm-47--force{font-size:47px!important}.fs-sm-48{font-size:48px}.fs-sm-48--force{font-size:48px!important}.fs-sm-49{font-size:49px}.fs-sm-49--force{font-size:49px!important}.fs-sm-50{font-size:50px}.fs-sm-50--force{font-size:50px!important}.fs-sm-51{font-size:51px}.fs-sm-51--force{font-size:51px!important}.fs-sm-52{font-size:52px}.fs-sm-52--force{font-size:52px!important}.fs-sm-53{font-size:53px}.fs-sm-53--force{font-size:53px!important}.fs-sm-54{font-size:54px}.fs-sm-54--force{font-size:54px!important}.fs-sm-55{font-size:55px}.fs-sm-55--force{font-size:55px!important}.fs-sm-56{font-size:56px}.fs-sm-56--force{font-size:56px!important}.fs-sm-57{font-size:57px}.fs-sm-57--force{font-size:57px!important}.fs-sm-58{font-size:58px}.fs-sm-58--force{font-size:58px!important}.fs-sm-59{font-size:59px}.fs-sm-59--force{font-size:59px!important}.fs-sm-60{font-size:60px}.fs-sm-60--force{font-size:60px!important}.fs-sm-61{font-size:61px}.fs-sm-61--force{font-size:61px!important}.fs-sm-62{font-size:62px}.fs-sm-62--force{font-size:62px!important}.fs-sm-63{font-size:63px}.fs-sm-63--force{font-size:63px!important}.fs-sm-64{font-size:64px}.fs-sm-64--force{font-size:64px!important}.fs-sm-65{font-size:65px}.fs-sm-65--force{font-size:65px!important}.fs-sm-66{font-size:66px}.fs-sm-66--force{font-size:66px!important}.fs-sm-67{font-size:67px}.fs-sm-67--force{font-size:67px!important}.fs-sm-68{font-size:68px}.fs-sm-68--force{font-size:68px!important}.fs-sm-69{font-size:69px}.fs-sm-69--force{font-size:69px!important}.fs-sm-70{font-size:70px}.fs-sm-70--force{font-size:70px!important}.fs-sm-71{font-size:71px}.fs-sm-71--force{font-size:71px!important}.fs-sm-72{font-size:72px}.fs-sm-72--force{font-size:72px!important}.fs-sm-73{font-size:73px}.fs-sm-73--force{font-size:73px!important}.fs-sm-74{font-size:74px}.fs-sm-74--force{font-size:74px!important}.fs-sm-75{font-size:75px}.fs-sm-75--force{font-size:75px!important}.fs-sm-76{font-size:76px}.fs-sm-76--force{font-size:76px!important}.fs-sm-77{font-size:77px}.fs-sm-77--force{font-size:77px!important}.fs-sm-78{font-size:78px}.fs-sm-78--force{font-size:78px!important}.fs-sm-79{font-size:79px}.fs-sm-79--force{font-size:79px!important}.fs-sm-80{font-size:80px}.fs-sm-80--force{font-size:80px!important}.fs-sm-81{font-size:81px}.fs-sm-81--force{font-size:81px!important}.fs-sm-82{font-size:82px}.fs-sm-82--force{font-size:82px!important}.fs-sm-83{font-size:83px}.fs-sm-83--force{font-size:83px!important}.fs-sm-84{font-size:84px}.fs-sm-84--force{font-size:84px!important}.fs-sm-85{font-size:85px}.fs-sm-85--force{font-size:85px!important}.fs-sm-86{font-size:86px}.fs-sm-86--force{font-size:86px!important}.fs-sm-87{font-size:87px}.fs-sm-87--force{font-size:87px!important}.fs-sm-88{font-size:88px}.fs-sm-88--force{font-size:88px!important}.fs-sm-89{font-size:89px}.fs-sm-89--force{font-size:89px!important}.fs-sm-90{font-size:90px}.fs-sm-90--force{font-size:90px!important}.fs-sm-91{font-size:91px}.fs-sm-91--force{font-size:91px!important}.fs-sm-92{font-size:92px}.fs-sm-92--force{font-size:92px!important}.fs-sm-93{font-size:93px}.fs-sm-93--force{font-size:93px!important}.fs-sm-94{font-size:94px}.fs-sm-94--force{font-size:94px!important}.fs-sm-95{font-size:95px}.fs-sm-95--force{font-size:95px!important}.fs-sm-96{font-size:96px}.fs-sm-96--force{font-size:96px!important}}@media screen and (min-width:1024px){.fs-md-0{font-size:0px}.fs-md-0--force{font-size:0px!important}.fs-md-1{font-size:1px}.fs-md-1--force{font-size:1px!important}.fs-md-2{font-size:2px}.fs-md-2--force{font-size:2px!important}.fs-md-3{font-size:3px}.fs-md-3--force{font-size:3px!important}.fs-md-4{font-size:4px}.fs-md-4--force{font-size:4px!important}.fs-md-5{font-size:5px}.fs-md-5--force{font-size:5px!important}.fs-md-6{font-size:6px}.fs-md-6--force{font-size:6px!important}.fs-md-7{font-size:7px}.fs-md-7--force{font-size:7px!important}.fs-md-8{font-size:8px}.fs-md-8--force{font-size:8px!important}.fs-md-9{font-size:9px}.fs-md-9--force{font-size:9px!important}.fs-md-10{font-size:var(--matcha-font-size-2xs, 10px)}.fs-md-10--force{font-size:var(--matcha-font-size-2xs, 10px)!important}.fs-md-11{font-size:11px}.fs-md-11--force{font-size:11px!important}.fs-md-12{font-size:var(--matcha-font-size-xs, 12px)}.fs-md-12--force{font-size:var(--matcha-font-size-xs, 12px)!important}.fs-md-13{font-size:13px}.fs-md-13--force{font-size:13px!important}.fs-md-14{font-size:var(--matcha-font-size-sm, 14px)}.fs-md-14--force{font-size:var(--matcha-font-size-sm, 14px)!important}.fs-md-15{font-size:15px}.fs-md-15--force{font-size:15px!important}.fs-md-16{font-size:var(--matcha-font-size-md, 16px)}.fs-md-16--force{font-size:var(--matcha-font-size-md, 16px)!important}.fs-md-17{font-size:17px}.fs-md-17--force{font-size:17px!important}.fs-md-18{font-size:var(--matcha-font-size-lg, 18px)}.fs-md-18--force{font-size:var(--matcha-font-size-lg, 18px)!important}.fs-md-19{font-size:19px}.fs-md-19--force{font-size:19px!important}.fs-md-20{font-size:var(--matcha-font-size-xl, 20px)}.fs-md-20--force{font-size:var(--matcha-font-size-xl, 20px)!important}.fs-md-21{font-size:21px}.fs-md-21--force{font-size:21px!important}.fs-md-22{font-size:22px}.fs-md-22--force{font-size:22px!important}.fs-md-23{font-size:23px}.fs-md-23--force{font-size:23px!important}.fs-md-24{font-size:var(--matcha-font-size-2xl, 24px)}.fs-md-24--force{font-size:var(--matcha-font-size-2xl, 24px)!important}.fs-md-25{font-size:25px}.fs-md-25--force{font-size:25px!important}.fs-md-26{font-size:26px}.fs-md-26--force{font-size:26px!important}.fs-md-27{font-size:27px}.fs-md-27--force{font-size:27px!important}.fs-md-28{font-size:28px}.fs-md-28--force{font-size:28px!important}.fs-md-29{font-size:29px}.fs-md-29--force{font-size:29px!important}.fs-md-30{font-size:30px}.fs-md-30--force{font-size:30px!important}.fs-md-31{font-size:31px}.fs-md-31--force{font-size:31px!important}.fs-md-32{font-size:var(--matcha-font-size-3xl, 32px)}.fs-md-32--force{font-size:var(--matcha-font-size-3xl, 32px)!important}.fs-md-33{font-size:33px}.fs-md-33--force{font-size:33px!important}.fs-md-34{font-size:34px}.fs-md-34--force{font-size:34px!important}.fs-md-35{font-size:35px}.fs-md-35--force{font-size:35px!important}.fs-md-36{font-size:36px}.fs-md-36--force{font-size:36px!important}.fs-md-37{font-size:37px}.fs-md-37--force{font-size:37px!important}.fs-md-38{font-size:38px}.fs-md-38--force{font-size:38px!important}.fs-md-39{font-size:39px}.fs-md-39--force{font-size:39px!important}.fs-md-40{font-size:40px}.fs-md-40--force{font-size:40px!important}.fs-md-41{font-size:41px}.fs-md-41--force{font-size:41px!important}.fs-md-42{font-size:42px}.fs-md-42--force{font-size:42px!important}.fs-md-43{font-size:43px}.fs-md-43--force{font-size:43px!important}.fs-md-44{font-size:44px}.fs-md-44--force{font-size:44px!important}.fs-md-45{font-size:45px}.fs-md-45--force{font-size:45px!important}.fs-md-46{font-size:46px}.fs-md-46--force{font-size:46px!important}.fs-md-47{font-size:47px}.fs-md-47--force{font-size:47px!important}.fs-md-48{font-size:48px}.fs-md-48--force{font-size:48px!important}.fs-md-49{font-size:49px}.fs-md-49--force{font-size:49px!important}.fs-md-50{font-size:50px}.fs-md-50--force{font-size:50px!important}.fs-md-51{font-size:51px}.fs-md-51--force{font-size:51px!important}.fs-md-52{font-size:52px}.fs-md-52--force{font-size:52px!important}.fs-md-53{font-size:53px}.fs-md-53--force{font-size:53px!important}.fs-md-54{font-size:54px}.fs-md-54--force{font-size:54px!important}.fs-md-55{font-size:55px}.fs-md-55--force{font-size:55px!important}.fs-md-56{font-size:56px}.fs-md-56--force{font-size:56px!important}.fs-md-57{font-size:57px}.fs-md-57--force{font-size:57px!important}.fs-md-58{font-size:58px}.fs-md-58--force{font-size:58px!important}.fs-md-59{font-size:59px}.fs-md-59--force{font-size:59px!important}.fs-md-60{font-size:60px}.fs-md-60--force{font-size:60px!important}.fs-md-61{font-size:61px}.fs-md-61--force{font-size:61px!important}.fs-md-62{font-size:62px}.fs-md-62--force{font-size:62px!important}.fs-md-63{font-size:63px}.fs-md-63--force{font-size:63px!important}.fs-md-64{font-size:64px}.fs-md-64--force{font-size:64px!important}.fs-md-65{font-size:65px}.fs-md-65--force{font-size:65px!important}.fs-md-66{font-size:66px}.fs-md-66--force{font-size:66px!important}.fs-md-67{font-size:67px}.fs-md-67--force{font-size:67px!important}.fs-md-68{font-size:68px}.fs-md-68--force{font-size:68px!important}.fs-md-69{font-size:69px}.fs-md-69--force{font-size:69px!important}.fs-md-70{font-size:70px}.fs-md-70--force{font-size:70px!important}.fs-md-71{font-size:71px}.fs-md-71--force{font-size:71px!important}.fs-md-72{font-size:72px}.fs-md-72--force{font-size:72px!important}.fs-md-73{font-size:73px}.fs-md-73--force{font-size:73px!important}.fs-md-74{font-size:74px}.fs-md-74--force{font-size:74px!important}.fs-md-75{font-size:75px}.fs-md-75--force{font-size:75px!important}.fs-md-76{font-size:76px}.fs-md-76--force{font-size:76px!important}.fs-md-77{font-size:77px}.fs-md-77--force{font-size:77px!important}.fs-md-78{font-size:78px}.fs-md-78--force{font-size:78px!important}.fs-md-79{font-size:79px}.fs-md-79--force{font-size:79px!important}.fs-md-80{font-size:80px}.fs-md-80--force{font-size:80px!important}.fs-md-81{font-size:81px}.fs-md-81--force{font-size:81px!important}.fs-md-82{font-size:82px}.fs-md-82--force{font-size:82px!important}.fs-md-83{font-size:83px}.fs-md-83--force{font-size:83px!important}.fs-md-84{font-size:84px}.fs-md-84--force{font-size:84px!important}.fs-md-85{font-size:85px}.fs-md-85--force{font-size:85px!important}.fs-md-86{font-size:86px}.fs-md-86--force{font-size:86px!important}.fs-md-87{font-size:87px}.fs-md-87--force{font-size:87px!important}.fs-md-88{font-size:88px}.fs-md-88--force{font-size:88px!important}.fs-md-89{font-size:89px}.fs-md-89--force{font-size:89px!important}.fs-md-90{font-size:90px}.fs-md-90--force{font-size:90px!important}.fs-md-91{font-size:91px}.fs-md-91--force{font-size:91px!important}.fs-md-92{font-size:92px}.fs-md-92--force{font-size:92px!important}.fs-md-93{font-size:93px}.fs-md-93--force{font-size:93px!important}.fs-md-94{font-size:94px}.fs-md-94--force{font-size:94px!important}.fs-md-95{font-size:95px}.fs-md-95--force{font-size:95px!important}.fs-md-96{font-size:96px}.fs-md-96--force{font-size:96px!important}}@media screen and (min-width:1280px){.fs-lg-0{font-size:0px}.fs-lg-0--force{font-size:0px!important}.fs-lg-1{font-size:1px}.fs-lg-1--force{font-size:1px!important}.fs-lg-2{font-size:2px}.fs-lg-2--force{font-size:2px!important}.fs-lg-3{font-size:3px}.fs-lg-3--force{font-size:3px!important}.fs-lg-4{font-size:4px}.fs-lg-4--force{font-size:4px!important}.fs-lg-5{font-size:5px}.fs-lg-5--force{font-size:5px!important}.fs-lg-6{font-size:6px}.fs-lg-6--force{font-size:6px!important}.fs-lg-7{font-size:7px}.fs-lg-7--force{font-size:7px!important}.fs-lg-8{font-size:8px}.fs-lg-8--force{font-size:8px!important}.fs-lg-9{font-size:9px}.fs-lg-9--force{font-size:9px!important}.fs-lg-10{font-size:var(--matcha-font-size-2xs, 10px)}.fs-lg-10--force{font-size:var(--matcha-font-size-2xs, 10px)!important}.fs-lg-11{font-size:11px}.fs-lg-11--force{font-size:11px!important}.fs-lg-12{font-size:var(--matcha-font-size-xs, 12px)}.fs-lg-12--force{font-size:var(--matcha-font-size-xs, 12px)!important}.fs-lg-13{font-size:13px}.fs-lg-13--force{font-size:13px!important}.fs-lg-14{font-size:var(--matcha-font-size-sm, 14px)}.fs-lg-14--force{font-size:var(--matcha-font-size-sm, 14px)!important}.fs-lg-15{font-size:15px}.fs-lg-15--force{font-size:15px!important}.fs-lg-16{font-size:var(--matcha-font-size-md, 16px)}.fs-lg-16--force{font-size:var(--matcha-font-size-md, 16px)!important}.fs-lg-17{font-size:17px}.fs-lg-17--force{font-size:17px!important}.fs-lg-18{font-size:var(--matcha-font-size-lg, 18px)}.fs-lg-18--force{font-size:var(--matcha-font-size-lg, 18px)!important}.fs-lg-19{font-size:19px}.fs-lg-19--force{font-size:19px!important}.fs-lg-20{font-size:var(--matcha-font-size-xl, 20px)}.fs-lg-20--force{font-size:var(--matcha-font-size-xl, 20px)!important}.fs-lg-21{font-size:21px}.fs-lg-21--force{font-size:21px!important}.fs-lg-22{font-size:22px}.fs-lg-22--force{font-size:22px!important}.fs-lg-23{font-size:23px}.fs-lg-23--force{font-size:23px!important}.fs-lg-24{font-size:var(--matcha-font-size-2xl, 24px)}.fs-lg-24--force{font-size:var(--matcha-font-size-2xl, 24px)!important}.fs-lg-25{font-size:25px}.fs-lg-25--force{font-size:25px!important}.fs-lg-26{font-size:26px}.fs-lg-26--force{font-size:26px!important}.fs-lg-27{font-size:27px}.fs-lg-27--force{font-size:27px!important}.fs-lg-28{font-size:28px}.fs-lg-28--force{font-size:28px!important}.fs-lg-29{font-size:29px}.fs-lg-29--force{font-size:29px!important}.fs-lg-30{font-size:30px}.fs-lg-30--force{font-size:30px!important}.fs-lg-31{font-size:31px}.fs-lg-31--force{font-size:31px!important}.fs-lg-32{font-size:var(--matcha-font-size-3xl, 32px)}.fs-lg-32--force{font-size:var(--matcha-font-size-3xl, 32px)!important}.fs-lg-33{font-size:33px}.fs-lg-33--force{font-size:33px!important}.fs-lg-34{font-size:34px}.fs-lg-34--force{font-size:34px!important}.fs-lg-35{font-size:35px}.fs-lg-35--force{font-size:35px!important}.fs-lg-36{font-size:36px}.fs-lg-36--force{font-size:36px!important}.fs-lg-37{font-size:37px}.fs-lg-37--force{font-size:37px!important}.fs-lg-38{font-size:38px}.fs-lg-38--force{font-size:38px!important}.fs-lg-39{font-size:39px}.fs-lg-39--force{font-size:39px!important}.fs-lg-40{font-size:40px}.fs-lg-40--force{font-size:40px!important}.fs-lg-41{font-size:41px}.fs-lg-41--force{font-size:41px!important}.fs-lg-42{font-size:42px}.fs-lg-42--force{font-size:42px!important}.fs-lg-43{font-size:43px}.fs-lg-43--force{font-size:43px!important}.fs-lg-44{font-size:44px}.fs-lg-44--force{font-size:44px!important}.fs-lg-45{font-size:45px}.fs-lg-45--force{font-size:45px!important}.fs-lg-46{font-size:46px}.fs-lg-46--force{font-size:46px!important}.fs-lg-47{font-size:47px}.fs-lg-47--force{font-size:47px!important}.fs-lg-48{font-size:48px}.fs-lg-48--force{font-size:48px!important}.fs-lg-49{font-size:49px}.fs-lg-49--force{font-size:49px!important}.fs-lg-50{font-size:50px}.fs-lg-50--force{font-size:50px!important}.fs-lg-51{font-size:51px}.fs-lg-51--force{font-size:51px!important}.fs-lg-52{font-size:52px}.fs-lg-52--force{font-size:52px!important}.fs-lg-53{font-size:53px}.fs-lg-53--force{font-size:53px!important}.fs-lg-54{font-size:54px}.fs-lg-54--force{font-size:54px!important}.fs-lg-55{font-size:55px}.fs-lg-55--force{font-size:55px!important}.fs-lg-56{font-size:56px}.fs-lg-56--force{font-size:56px!important}.fs-lg-57{font-size:57px}.fs-lg-57--force{font-size:57px!important}.fs-lg-58{font-size:58px}.fs-lg-58--force{font-size:58px!important}.fs-lg-59{font-size:59px}.fs-lg-59--force{font-size:59px!important}.fs-lg-60{font-size:60px}.fs-lg-60--force{font-size:60px!important}.fs-lg-61{font-size:61px}.fs-lg-61--force{font-size:61px!important}.fs-lg-62{font-size:62px}.fs-lg-62--force{font-size:62px!important}.fs-lg-63{font-size:63px}.fs-lg-63--force{font-size:63px!important}.fs-lg-64{font-size:64px}.fs-lg-64--force{font-size:64px!important}.fs-lg-65{font-size:65px}.fs-lg-65--force{font-size:65px!important}.fs-lg-66{font-size:66px}.fs-lg-66--force{font-size:66px!important}.fs-lg-67{font-size:67px}.fs-lg-67--force{font-size:67px!important}.fs-lg-68{font-size:68px}.fs-lg-68--force{font-size:68px!important}.fs-lg-69{font-size:69px}.fs-lg-69--force{font-size:69px!important}.fs-lg-70{font-size:70px}.fs-lg-70--force{font-size:70px!important}.fs-lg-71{font-size:71px}.fs-lg-71--force{font-size:71px!important}.fs-lg-72{font-size:72px}.fs-lg-72--force{font-size:72px!important}.fs-lg-73{font-size:73px}.fs-lg-73--force{font-size:73px!important}.fs-lg-74{font-size:74px}.fs-lg-74--force{font-size:74px!important}.fs-lg-75{font-size:75px}.fs-lg-75--force{font-size:75px!important}.fs-lg-76{font-size:76px}.fs-lg-76--force{font-size:76px!important}.fs-lg-77{font-size:77px}.fs-lg-77--force{font-size:77px!important}.fs-lg-78{font-size:78px}.fs-lg-78--force{font-size:78px!important}.fs-lg-79{font-size:79px}.fs-lg-79--force{font-size:79px!important}.fs-lg-80{font-size:80px}.fs-lg-80--force{font-size:80px!important}.fs-lg-81{font-size:81px}.fs-lg-81--force{font-size:81px!important}.fs-lg-82{font-size:82px}.fs-lg-82--force{font-size:82px!important}.fs-lg-83{font-size:83px}.fs-lg-83--force{font-size:83px!important}.fs-lg-84{font-size:84px}.fs-lg-84--force{font-size:84px!important}.fs-lg-85{font-size:85px}.fs-lg-85--force{font-size:85px!important}.fs-lg-86{font-size:86px}.fs-lg-86--force{font-size:86px!important}.fs-lg-87{font-size:87px}.fs-lg-87--force{font-size:87px!important}.fs-lg-88{font-size:88px}.fs-lg-88--force{font-size:88px!important}.fs-lg-89{font-size:89px}.fs-lg-89--force{font-size:89px!important}.fs-lg-90{font-size:90px}.fs-lg-90--force{font-size:90px!important}.fs-lg-91{font-size:91px}.fs-lg-91--force{font-size:91px!important}.fs-lg-92{font-size:92px}.fs-lg-92--force{font-size:92px!important}.fs-lg-93{font-size:93px}.fs-lg-93--force{font-size:93px!important}.fs-lg-94{font-size:94px}.fs-lg-94--force{font-size:94px!important}.fs-lg-95{font-size:95px}.fs-lg-95--force{font-size:95px!important}.fs-lg-96{font-size:96px}.fs-lg-96--force{font-size:96px!important}}@media screen and (min-width:1536px){.fs-xl-0{font-size:0px}.fs-xl-0--force{font-size:0px!important}.fs-xl-1{font-size:1px}.fs-xl-1--force{font-size:1px!important}.fs-xl-2{font-size:2px}.fs-xl-2--force{font-size:2px!important}.fs-xl-3{font-size:3px}.fs-xl-3--force{font-size:3px!important}.fs-xl-4{font-size:4px}.fs-xl-4--force{font-size:4px!important}.fs-xl-5{font-size:5px}.fs-xl-5--force{font-size:5px!important}.fs-xl-6{font-size:6px}.fs-xl-6--force{font-size:6px!important}.fs-xl-7{font-size:7px}.fs-xl-7--force{font-size:7px!important}.fs-xl-8{font-size:8px}.fs-xl-8--force{font-size:8px!important}.fs-xl-9{font-size:9px}.fs-xl-9--force{font-size:9px!important}.fs-xl-10{font-size:var(--matcha-font-size-2xs, 10px)}.fs-xl-10--force{font-size:var(--matcha-font-size-2xs, 10px)!important}.fs-xl-11{font-size:11px}.fs-xl-11--force{font-size:11px!important}.fs-xl-12{font-size:var(--matcha-font-size-xs, 12px)}.fs-xl-12--force{font-size:var(--matcha-font-size-xs, 12px)!important}.fs-xl-13{font-size:13px}.fs-xl-13--force{font-size:13px!important}.fs-xl-14{font-size:var(--matcha-font-size-sm, 14px)}.fs-xl-14--force{font-size:var(--matcha-font-size-sm, 14px)!important}.fs-xl-15{font-size:15px}.fs-xl-15--force{font-size:15px!important}.fs-xl-16{font-size:var(--matcha-font-size-md, 16px)}.fs-xl-16--force{font-size:var(--matcha-font-size-md, 16px)!important}.fs-xl-17{font-size:17px}.fs-xl-17--force{font-size:17px!important}.fs-xl-18{font-size:var(--matcha-font-size-lg, 18px)}.fs-xl-18--force{font-size:var(--matcha-font-size-lg, 18px)!important}.fs-xl-19{font-size:19px}.fs-xl-19--force{font-size:19px!important}.fs-xl-20{font-size:var(--matcha-font-size-xl, 20px)}.fs-xl-20--force{font-size:var(--matcha-font-size-xl, 20px)!important}.fs-xl-21{font-size:21px}.fs-xl-21--force{font-size:21px!important}.fs-xl-22{font-size:22px}.fs-xl-22--force{font-size:22px!important}.fs-xl-23{font-size:23px}.fs-xl-23--force{font-size:23px!important}.fs-xl-24{font-size:var(--matcha-font-size-2xl, 24px)}.fs-xl-24--force{font-size:var(--matcha-font-size-2xl, 24px)!important}.fs-xl-25{font-size:25px}.fs-xl-25--force{font-size:25px!important}.fs-xl-26{font-size:26px}.fs-xl-26--force{font-size:26px!important}.fs-xl-27{font-size:27px}.fs-xl-27--force{font-size:27px!important}.fs-xl-28{font-size:28px}.fs-xl-28--force{font-size:28px!important}.fs-xl-29{font-size:29px}.fs-xl-29--force{font-size:29px!important}.fs-xl-30{font-size:30px}.fs-xl-30--force{font-size:30px!important}.fs-xl-31{font-size:31px}.fs-xl-31--force{font-size:31px!important}.fs-xl-32{font-size:var(--matcha-font-size-3xl, 32px)}.fs-xl-32--force{font-size:var(--matcha-font-size-3xl, 32px)!important}.fs-xl-33{font-size:33px}.fs-xl-33--force{font-size:33px!important}.fs-xl-34{font-size:34px}.fs-xl-34--force{font-size:34px!important}.fs-xl-35{font-size:35px}.fs-xl-35--force{font-size:35px!important}.fs-xl-36{font-size:36px}.fs-xl-36--force{font-size:36px!important}.fs-xl-37{font-size:37px}.fs-xl-37--force{font-size:37px!important}.fs-xl-38{font-size:38px}.fs-xl-38--force{font-size:38px!important}.fs-xl-39{font-size:39px}.fs-xl-39--force{font-size:39px!important}.fs-xl-40{font-size:40px}.fs-xl-40--force{font-size:40px!important}.fs-xl-41{font-size:41px}.fs-xl-41--force{font-size:41px!important}.fs-xl-42{font-size:42px}.fs-xl-42--force{font-size:42px!important}.fs-xl-43{font-size:43px}.fs-xl-43--force{font-size:43px!important}.fs-xl-44{font-size:44px}.fs-xl-44--force{font-size:44px!important}.fs-xl-45{font-size:45px}.fs-xl-45--force{font-size:45px!important}.fs-xl-46{font-size:46px}.fs-xl-46--force{font-size:46px!important}.fs-xl-47{font-size:47px}.fs-xl-47--force{font-size:47px!important}.fs-xl-48{font-size:48px}.fs-xl-48--force{font-size:48px!important}.fs-xl-49{font-size:49px}.fs-xl-49--force{font-size:49px!important}.fs-xl-50{font-size:50px}.fs-xl-50--force{font-size:50px!important}.fs-xl-51{font-size:51px}.fs-xl-51--force{font-size:51px!important}.fs-xl-52{font-size:52px}.fs-xl-52--force{font-size:52px!important}.fs-xl-53{font-size:53px}.fs-xl-53--force{font-size:53px!important}.fs-xl-54{font-size:54px}.fs-xl-54--force{font-size:54px!important}.fs-xl-55{font-size:55px}.fs-xl-55--force{font-size:55px!important}.fs-xl-56{font-size:56px}.fs-xl-56--force{font-size:56px!important}.fs-xl-57{font-size:57px}.fs-xl-57--force{font-size:57px!important}.fs-xl-58{font-size:58px}.fs-xl-58--force{font-size:58px!important}.fs-xl-59{font-size:59px}.fs-xl-59--force{font-size:59px!important}.fs-xl-60{font-size:60px}.fs-xl-60--force{font-size:60px!important}.fs-xl-61{font-size:61px}.fs-xl-61--force{font-size:61px!important}.fs-xl-62{font-size:62px}.fs-xl-62--force{font-size:62px!important}.fs-xl-63{font-size:63px}.fs-xl-63--force{font-size:63px!important}.fs-xl-64{font-size:64px}.fs-xl-64--force{font-size:64px!important}.fs-xl-65{font-size:65px}.fs-xl-65--force{font-size:65px!important}.fs-xl-66{font-size:66px}.fs-xl-66--force{font-size:66px!important}.fs-xl-67{font-size:67px}.fs-xl-67--force{font-size:67px!important}.fs-xl-68{font-size:68px}.fs-xl-68--force{font-size:68px!important}.fs-xl-69{font-size:69px}.fs-xl-69--force{font-size:69px!important}.fs-xl-70{font-size:70px}.fs-xl-70--force{font-size:70px!important}.fs-xl-71{font-size:71px}.fs-xl-71--force{font-size:71px!important}.fs-xl-72{font-size:72px}.fs-xl-72--force{font-size:72px!important}.fs-xl-73{font-size:73px}.fs-xl-73--force{font-size:73px!important}.fs-xl-74{font-size:74px}.fs-xl-74--force{font-size:74px!important}.fs-xl-75{font-size:75px}.fs-xl-75--force{font-size:75px!important}.fs-xl-76{font-size:76px}.fs-xl-76--force{font-size:76px!important}.fs-xl-77{font-size:77px}.fs-xl-77--force{font-size:77px!important}.fs-xl-78{font-size:78px}.fs-xl-78--force{font-size:78px!important}.fs-xl-79{font-size:79px}.fs-xl-79--force{font-size:79px!important}.fs-xl-80{font-size:80px}.fs-xl-80--force{font-size:80px!important}.fs-xl-81{font-size:81px}.fs-xl-81--force{font-size:81px!important}.fs-xl-82{font-size:82px}.fs-xl-82--force{font-size:82px!important}.fs-xl-83{font-size:83px}.fs-xl-83--force{font-size:83px!important}.fs-xl-84{font-size:84px}.fs-xl-84--force{font-size:84px!important}.fs-xl-85{font-size:85px}.fs-xl-85--force{font-size:85px!important}.fs-xl-86{font-size:86px}.fs-xl-86--force{font-size:86px!important}.fs-xl-87{font-size:87px}.fs-xl-87--force{font-size:87px!important}.fs-xl-88{font-size:88px}.fs-xl-88--force{font-size:88px!important}.fs-xl-89{font-size:89px}.fs-xl-89--force{font-size:89px!important}.fs-xl-90{font-size:90px}.fs-xl-90--force{font-size:90px!important}.fs-xl-91{font-size:91px}.fs-xl-91--force{font-size:91px!important}.fs-xl-92{font-size:92px}.fs-xl-92--force{font-size:92px!important}.fs-xl-93{font-size:93px}.fs-xl-93--force{font-size:93px!important}.fs-xl-94{font-size:94px}.fs-xl-94--force{font-size:94px!important}.fs-xl-95{font-size:95px}.fs-xl-95--force{font-size:95px!important}.fs-xl-96{font-size:96px}.fs-xl-96--force{font-size:96px!important}}.ls-0{letter-spacing:0}.ls-0--force{letter-spacing:0!important}.ls-1{letter-spacing:.1em}.ls-1--force{letter-spacing:.1em!important}.ls-2{letter-spacing:.2em}.ls-2--force{letter-spacing:.2em!important}.ls-3{letter-spacing:.3em}.ls-3--force{letter-spacing:.3em!important}.ls-4{letter-spacing:.4em}.ls-4--force{letter-spacing:.4em!important}.ls-5{letter-spacing:.5em}.ls-5--force{letter-spacing:.5em!important}.ls-6{letter-spacing:.6em}.ls-6--force{letter-spacing:.6em!important}.ls-7{letter-spacing:.7em}.ls-7--force{letter-spacing:.7em!important}.ls-8{letter-spacing:.8em}.ls-8--force{letter-spacing:.8em!important}.ls-9{letter-spacing:.9em}.ls-9--force{letter-spacing:.9em!important}.ls-10{letter-spacing:1em}.ls-10--force{letter-spacing:1em!important}.ls-11{letter-spacing:1.1em}.ls-11--force{letter-spacing:1.1em!important}.ls-12{letter-spacing:1.2em}.ls-12--force{letter-spacing:1.2em!important}.ls-13{letter-spacing:1.3em}.ls-13--force{letter-spacing:1.3em!important}.ls-14{letter-spacing:1.4em}.ls-14--force{letter-spacing:1.4em!important}.ls-15{letter-spacing:1.5em}.ls-15--force{letter-spacing:1.5em!important}.ls-16{letter-spacing:1.6em}.ls-16--force{letter-spacing:1.6em!important}.ls-17{letter-spacing:1.7em}.ls-17--force{letter-spacing:1.7em!important}.ls-18{letter-spacing:1.8em}.ls-18--force{letter-spacing:1.8em!important}@media screen and (max-width:639px){.ls-xs-0{letter-spacing:0}.ls-xs-0--force{letter-spacing:0!important}.ls-xs-1{letter-spacing:.1em}.ls-xs-1--force{letter-spacing:.1em!important}.ls-xs-2{letter-spacing:.2em}.ls-xs-2--force{letter-spacing:.2em!important}.ls-xs-3{letter-spacing:.3em}.ls-xs-3--force{letter-spacing:.3em!important}.ls-xs-4{letter-spacing:.4em}.ls-xs-4--force{letter-spacing:.4em!important}.ls-xs-5{letter-spacing:.5em}.ls-xs-5--force{letter-spacing:.5em!important}.ls-xs-6{letter-spacing:.6em}.ls-xs-6--force{letter-spacing:.6em!important}.ls-xs-7{letter-spacing:.7em}.ls-xs-7--force{letter-spacing:.7em!important}.ls-xs-8{letter-spacing:.8em}.ls-xs-8--force{letter-spacing:.8em!important}.ls-xs-9{letter-spacing:.9em}.ls-xs-9--force{letter-spacing:.9em!important}.ls-xs-10{letter-spacing:1em}.ls-xs-10--force{letter-spacing:1em!important}.ls-xs-11{letter-spacing:1.1em}.ls-xs-11--force{letter-spacing:1.1em!important}.ls-xs-12{letter-spacing:1.2em}.ls-xs-12--force{letter-spacing:1.2em!important}.ls-xs-13{letter-spacing:1.3em}.ls-xs-13--force{letter-spacing:1.3em!important}.ls-xs-14{letter-spacing:1.4em}.ls-xs-14--force{letter-spacing:1.4em!important}.ls-xs-15{letter-spacing:1.5em}.ls-xs-15--force{letter-spacing:1.5em!important}.ls-xs-16{letter-spacing:1.6em}.ls-xs-16--force{letter-spacing:1.6em!important}.ls-xs-17{letter-spacing:1.7em}.ls-xs-17--force{letter-spacing:1.7em!important}.ls-xs-18{letter-spacing:1.8em}.ls-xs-18--force{letter-spacing:1.8em!important}}@media screen and (min-width:640px){.ls-sm-0{letter-spacing:0}.ls-sm-0--force{letter-spacing:0!important}.ls-sm-1{letter-spacing:.1em}.ls-sm-1--force{letter-spacing:.1em!important}.ls-sm-2{letter-spacing:.2em}.ls-sm-2--force{letter-spacing:.2em!important}.ls-sm-3{letter-spacing:.3em}.ls-sm-3--force{letter-spacing:.3em!important}.ls-sm-4{letter-spacing:.4em}.ls-sm-4--force{letter-spacing:.4em!important}.ls-sm-5{letter-spacing:.5em}.ls-sm-5--force{letter-spacing:.5em!important}.ls-sm-6{letter-spacing:.6em}.ls-sm-6--force{letter-spacing:.6em!important}.ls-sm-7{letter-spacing:.7em}.ls-sm-7--force{letter-spacing:.7em!important}.ls-sm-8{letter-spacing:.8em}.ls-sm-8--force{letter-spacing:.8em!important}.ls-sm-9{letter-spacing:.9em}.ls-sm-9--force{letter-spacing:.9em!important}.ls-sm-10{letter-spacing:1em}.ls-sm-10--force{letter-spacing:1em!important}.ls-sm-11{letter-spacing:1.1em}.ls-sm-11--force{letter-spacing:1.1em!important}.ls-sm-12{letter-spacing:1.2em}.ls-sm-12--force{letter-spacing:1.2em!important}.ls-sm-13{letter-spacing:1.3em}.ls-sm-13--force{letter-spacing:1.3em!important}.ls-sm-14{letter-spacing:1.4em}.ls-sm-14--force{letter-spacing:1.4em!important}.ls-sm-15{letter-spacing:1.5em}.ls-sm-15--force{letter-spacing:1.5em!important}.ls-sm-16{letter-spacing:1.6em}.ls-sm-16--force{letter-spacing:1.6em!important}.ls-sm-17{letter-spacing:1.7em}.ls-sm-17--force{letter-spacing:1.7em!important}.ls-sm-18{letter-spacing:1.8em}.ls-sm-18--force{letter-spacing:1.8em!important}}@media screen and (min-width:1024px){.ls-md-0{letter-spacing:0}.ls-md-0--force{letter-spacing:0!important}.ls-md-1{letter-spacing:.1em}.ls-md-1--force{letter-spacing:.1em!important}.ls-md-2{letter-spacing:.2em}.ls-md-2--force{letter-spacing:.2em!important}.ls-md-3{letter-spacing:.3em}.ls-md-3--force{letter-spacing:.3em!important}.ls-md-4{letter-spacing:.4em}.ls-md-4--force{letter-spacing:.4em!important}.ls-md-5{letter-spacing:.5em}.ls-md-5--force{letter-spacing:.5em!important}.ls-md-6{letter-spacing:.6em}.ls-md-6--force{letter-spacing:.6em!important}.ls-md-7{letter-spacing:.7em}.ls-md-7--force{letter-spacing:.7em!important}.ls-md-8{letter-spacing:.8em}.ls-md-8--force{letter-spacing:.8em!important}.ls-md-9{letter-spacing:.9em}.ls-md-9--force{letter-spacing:.9em!important}.ls-md-10{letter-spacing:1em}.ls-md-10--force{letter-spacing:1em!important}.ls-md-11{letter-spacing:1.1em}.ls-md-11--force{letter-spacing:1.1em!important}.ls-md-12{letter-spacing:1.2em}.ls-md-12--force{letter-spacing:1.2em!important}.ls-md-13{letter-spacing:1.3em}.ls-md-13--force{letter-spacing:1.3em!important}.ls-md-14{letter-spacing:1.4em}.ls-md-14--force{letter-spacing:1.4em!important}.ls-md-15{letter-spacing:1.5em}.ls-md-15--force{letter-spacing:1.5em!important}.ls-md-16{letter-spacing:1.6em}.ls-md-16--force{letter-spacing:1.6em!important}.ls-md-17{letter-spacing:1.7em}.ls-md-17--force{letter-spacing:1.7em!important}.ls-md-18{letter-spacing:1.8em}.ls-md-18--force{letter-spacing:1.8em!important}}@media screen and (min-width:1280px){.ls-lg-0{letter-spacing:0}.ls-lg-0--force{letter-spacing:0!important}.ls-lg-1{letter-spacing:.1em}.ls-lg-1--force{letter-spacing:.1em!important}.ls-lg-2{letter-spacing:.2em}.ls-lg-2--force{letter-spacing:.2em!important}.ls-lg-3{letter-spacing:.3em}.ls-lg-3--force{letter-spacing:.3em!important}.ls-lg-4{letter-spacing:.4em}.ls-lg-4--force{letter-spacing:.4em!important}.ls-lg-5{letter-spacing:.5em}.ls-lg-5--force{letter-spacing:.5em!important}.ls-lg-6{letter-spacing:.6em}.ls-lg-6--force{letter-spacing:.6em!important}.ls-lg-7{letter-spacing:.7em}.ls-lg-7--force{letter-spacing:.7em!important}.ls-lg-8{letter-spacing:.8em}.ls-lg-8--force{letter-spacing:.8em!important}.ls-lg-9{letter-spacing:.9em}.ls-lg-9--force{letter-spacing:.9em!important}.ls-lg-10{letter-spacing:1em}.ls-lg-10--force{letter-spacing:1em!important}.ls-lg-11{letter-spacing:1.1em}.ls-lg-11--force{letter-spacing:1.1em!important}.ls-lg-12{letter-spacing:1.2em}.ls-lg-12--force{letter-spacing:1.2em!important}.ls-lg-13{letter-spacing:1.3em}.ls-lg-13--force{letter-spacing:1.3em!important}.ls-lg-14{letter-spacing:1.4em}.ls-lg-14--force{letter-spacing:1.4em!important}.ls-lg-15{letter-spacing:1.5em}.ls-lg-15--force{letter-spacing:1.5em!important}.ls-lg-16{letter-spacing:1.6em}.ls-lg-16--force{letter-spacing:1.6em!important}.ls-lg-17{letter-spacing:1.7em}.ls-lg-17--force{letter-spacing:1.7em!important}.ls-lg-18{letter-spacing:1.8em}.ls-lg-18--force{letter-spacing:1.8em!important}}@media screen and (min-width:1536px){.ls-xl-0{letter-spacing:0}.ls-xl-0--force{letter-spacing:0!important}.ls-xl-1{letter-spacing:.1em}.ls-xl-1--force{letter-spacing:.1em!important}.ls-xl-2{letter-spacing:.2em}.ls-xl-2--force{letter-spacing:.2em!important}.ls-xl-3{letter-spacing:.3em}.ls-xl-3--force{letter-spacing:.3em!important}.ls-xl-4{letter-spacing:.4em}.ls-xl-4--force{letter-spacing:.4em!important}.ls-xl-5{letter-spacing:.5em}.ls-xl-5--force{letter-spacing:.5em!important}.ls-xl-6{letter-spacing:.6em}.ls-xl-6--force{letter-spacing:.6em!important}.ls-xl-7{letter-spacing:.7em}.ls-xl-7--force{letter-spacing:.7em!important}.ls-xl-8{letter-spacing:.8em}.ls-xl-8--force{letter-spacing:.8em!important}.ls-xl-9{letter-spacing:.9em}.ls-xl-9--force{letter-spacing:.9em!important}.ls-xl-10{letter-spacing:1em}.ls-xl-10--force{letter-spacing:1em!important}.ls-xl-11{letter-spacing:1.1em}.ls-xl-11--force{letter-spacing:1.1em!important}.ls-xl-12{letter-spacing:1.2em}.ls-xl-12--force{letter-spacing:1.2em!important}.ls-xl-13{letter-spacing:1.3em}.ls-xl-13--force{letter-spacing:1.3em!important}.ls-xl-14{letter-spacing:1.4em}.ls-xl-14--force{letter-spacing:1.4em!important}.ls-xl-15{letter-spacing:1.5em}.ls-xl-15--force{letter-spacing:1.5em!important}.ls-xl-16{letter-spacing:1.6em}.ls-xl-16--force{letter-spacing:1.6em!important}.ls-xl-17{letter-spacing:1.7em}.ls-xl-17--force{letter-spacing:1.7em!important}.ls-xl-18{letter-spacing:1.8em}.ls-xl-18--force{letter-spacing:1.8em!important}}.tracking-display-hero{letter-spacing:var(--matcha-tracking-display-hero)}.tracking-display-hero--force{letter-spacing:var(--matcha-tracking-display-hero)!important}.tracking-display{letter-spacing:var(--matcha-tracking-display)}.tracking-display--force{letter-spacing:var(--matcha-tracking-display)!important}.tracking-headline{letter-spacing:var(--matcha-tracking-headline)}.tracking-headline--force{letter-spacing:var(--matcha-tracking-headline)!important}.tracking-overline{letter-spacing:var(--matcha-tracking-overline)}.tracking-overline--force{letter-spacing:var(--matcha-tracking-overline)!important}.tracking-p-tiny{letter-spacing:var(--matcha-tracking-p-tiny)}.tracking-p-tiny--force{letter-spacing:var(--matcha-tracking-p-tiny)!important}@media screen and (max-width:639px){.tracking-xs-display-hero{letter-spacing:var(--matcha-tracking-display-hero)}.tracking-xs-display-hero--force{letter-spacing:var(--matcha-tracking-display-hero)!important}.tracking-xs-display{letter-spacing:var(--matcha-tracking-display)}.tracking-xs-display--force{letter-spacing:var(--matcha-tracking-display)!important}.tracking-xs-headline{letter-spacing:var(--matcha-tracking-headline)}.tracking-xs-headline--force{letter-spacing:var(--matcha-tracking-headline)!important}.tracking-xs-overline{letter-spacing:var(--matcha-tracking-overline)}.tracking-xs-overline--force{letter-spacing:var(--matcha-tracking-overline)!important}.tracking-xs-p-tiny{letter-spacing:var(--matcha-tracking-p-tiny)}.tracking-xs-p-tiny--force{letter-spacing:var(--matcha-tracking-p-tiny)!important}}@media screen and (min-width:640px){.tracking-sm-display-hero{letter-spacing:var(--matcha-tracking-display-hero)}.tracking-sm-display-hero--force{letter-spacing:var(--matcha-tracking-display-hero)!important}.tracking-sm-display{letter-spacing:var(--matcha-tracking-display)}.tracking-sm-display--force{letter-spacing:var(--matcha-tracking-display)!important}.tracking-sm-headline{letter-spacing:var(--matcha-tracking-headline)}.tracking-sm-headline--force{letter-spacing:var(--matcha-tracking-headline)!important}.tracking-sm-overline{letter-spacing:var(--matcha-tracking-overline)}.tracking-sm-overline--force{letter-spacing:var(--matcha-tracking-overline)!important}.tracking-sm-p-tiny{letter-spacing:var(--matcha-tracking-p-tiny)}.tracking-sm-p-tiny--force{letter-spacing:var(--matcha-tracking-p-tiny)!important}}@media screen and (min-width:1024px){.tracking-md-display-hero{letter-spacing:var(--matcha-tracking-display-hero)}.tracking-md-display-hero--force{letter-spacing:var(--matcha-tracking-display-hero)!important}.tracking-md-display{letter-spacing:var(--matcha-tracking-display)}.tracking-md-display--force{letter-spacing:var(--matcha-tracking-display)!important}.tracking-md-headline{letter-spacing:var(--matcha-tracking-headline)}.tracking-md-headline--force{letter-spacing:var(--matcha-tracking-headline)!important}.tracking-md-overline{letter-spacing:var(--matcha-tracking-overline)}.tracking-md-overline--force{letter-spacing:var(--matcha-tracking-overline)!important}.tracking-md-p-tiny{letter-spacing:var(--matcha-tracking-p-tiny)}.tracking-md-p-tiny--force{letter-spacing:var(--matcha-tracking-p-tiny)!important}}@media screen and (min-width:1280px){.tracking-lg-display-hero{letter-spacing:var(--matcha-tracking-display-hero)}.tracking-lg-display-hero--force{letter-spacing:var(--matcha-tracking-display-hero)!important}.tracking-lg-display{letter-spacing:var(--matcha-tracking-display)}.tracking-lg-display--force{letter-spacing:var(--matcha-tracking-display)!important}.tracking-lg-headline{letter-spacing:var(--matcha-tracking-headline)}.tracking-lg-headline--force{letter-spacing:var(--matcha-tracking-headline)!important}.tracking-lg-overline{letter-spacing:var(--matcha-tracking-overline)}.tracking-lg-overline--force{letter-spacing:var(--matcha-tracking-overline)!important}.tracking-lg-p-tiny{letter-spacing:var(--matcha-tracking-p-tiny)}.tracking-lg-p-tiny--force{letter-spacing:var(--matcha-tracking-p-tiny)!important}}@media screen and (min-width:1536px){.tracking-xl-display-hero{letter-spacing:var(--matcha-tracking-display-hero)}.tracking-xl-display-hero--force{letter-spacing:var(--matcha-tracking-display-hero)!important}.tracking-xl-display{letter-spacing:var(--matcha-tracking-display)}.tracking-xl-display--force{letter-spacing:var(--matcha-tracking-display)!important}.tracking-xl-headline{letter-spacing:var(--matcha-tracking-headline)}.tracking-xl-headline--force{letter-spacing:var(--matcha-tracking-headline)!important}.tracking-xl-overline{letter-spacing:var(--matcha-tracking-overline)}.tracking-xl-overline--force{letter-spacing:var(--matcha-tracking-overline)!important}.tracking-xl-p-tiny{letter-spacing:var(--matcha-tracking-p-tiny)}.tracking-xl-p-tiny--force{letter-spacing:var(--matcha-tracking-p-tiny)!important}}.lh-0{line-height:0}.lh-0--force{line-height:0!important}.lh-1{line-height:1px}.lh-1--force{line-height:1px!important}.lh-2{line-height:2px}.lh-2--force{line-height:2px!important}.lh-3{line-height:3px}.lh-3--force{line-height:3px!important}.lh-4{line-height:4px}.lh-4--force{line-height:4px!important}.lh-5{line-height:5px}.lh-5--force{line-height:5px!important}.lh-6{line-height:6px}.lh-6--force{line-height:6px!important}.lh-7{line-height:7px}.lh-7--force{line-height:7px!important}.lh-8{line-height:8px}.lh-8--force{line-height:8px!important}.lh-9{line-height:9px}.lh-9--force{line-height:9px!important}.lh-10{line-height:10px}.lh-10--force{line-height:10px!important}.lh-11{line-height:11px}.lh-11--force{line-height:11px!important}.lh-12{line-height:12px}.lh-12--force{line-height:12px!important}.lh-13{line-height:13px}.lh-13--force{line-height:13px!important}.lh-14{line-height:14px}.lh-14--force{line-height:14px!important}.lh-15{line-height:15px}.lh-15--force{line-height:15px!important}.lh-16{line-height:16px}.lh-16--force{line-height:16px!important}.lh-17{line-height:17px}.lh-17--force{line-height:17px!important}.lh-18{line-height:18px}.lh-18--force{line-height:18px!important}.lh-19{line-height:19px}.lh-19--force{line-height:19px!important}.lh-20{line-height:20px}.lh-20--force{line-height:20px!important}.lh-21{line-height:21px}.lh-21--force{line-height:21px!important}.lh-22{line-height:22px}.lh-22--force{line-height:22px!important}.lh-23{line-height:23px}.lh-23--force{line-height:23px!important}.lh-24{line-height:24px}.lh-24--force{line-height:24px!important}.lh-25{line-height:25px}.lh-25--force{line-height:25px!important}.lh-26{line-height:26px}.lh-26--force{line-height:26px!important}.lh-27{line-height:27px}.lh-27--force{line-height:27px!important}.lh-28{line-height:28px}.lh-28--force{line-height:28px!important}.lh-29{line-height:29px}.lh-29--force{line-height:29px!important}.lh-30{line-height:30px}.lh-30--force{line-height:30px!important}.lh-31{line-height:31px}.lh-31--force{line-height:31px!important}.lh-32{line-height:32px}.lh-32--force{line-height:32px!important}.lh-33{line-height:33px}.lh-33--force{line-height:33px!important}.lh-34{line-height:34px}.lh-34--force{line-height:34px!important}.lh-35{line-height:35px}.lh-35--force{line-height:35px!important}.lh-36{line-height:36px}.lh-36--force{line-height:36px!important}.lh-37{line-height:37px}.lh-37--force{line-height:37px!important}.lh-38{line-height:38px}.lh-38--force{line-height:38px!important}.lh-39{line-height:39px}.lh-39--force{line-height:39px!important}.lh-40{line-height:40px}.lh-40--force{line-height:40px!important}.lh-41{line-height:41px}.lh-41--force{line-height:41px!important}.lh-42{line-height:42px}.lh-42--force{line-height:42px!important}.lh-43{line-height:43px}.lh-43--force{line-height:43px!important}.lh-44{line-height:44px}.lh-44--force{line-height:44px!important}.lh-45{line-height:45px}.lh-45--force{line-height:45px!important}.lh-46{line-height:46px}.lh-46--force{line-height:46px!important}.lh-47{line-height:47px}.lh-47--force{line-height:47px!important}.lh-48{line-height:48px}.lh-48--force{line-height:48px!important}.lh-49{line-height:49px}.lh-49--force{line-height:49px!important}.lh-50{line-height:50px}.lh-50--force{line-height:50px!important}.lh-51{line-height:51px}.lh-51--force{line-height:51px!important}.lh-52{line-height:52px}.lh-52--force{line-height:52px!important}.lh-53{line-height:53px}.lh-53--force{line-height:53px!important}.lh-54{line-height:54px}.lh-54--force{line-height:54px!important}.lh-55{line-height:55px}.lh-55--force{line-height:55px!important}.lh-56{line-height:56px}.lh-56--force{line-height:56px!important}.lh-57{line-height:57px}.lh-57--force{line-height:57px!important}.lh-58{line-height:58px}.lh-58--force{line-height:58px!important}.lh-59{line-height:59px}.lh-59--force{line-height:59px!important}.lh-60{line-height:60px}.lh-60--force{line-height:60px!important}.lh-61{line-height:61px}.lh-61--force{line-height:61px!important}.lh-62{line-height:62px}.lh-62--force{line-height:62px!important}.lh-63{line-height:63px}.lh-63--force{line-height:63px!important}.lh-64{line-height:64px}.lh-64--force{line-height:64px!important}.lh-65{line-height:65px}.lh-65--force{line-height:65px!important}.lh-66{line-height:66px}.lh-66--force{line-height:66px!important}.lh-67{line-height:67px}.lh-67--force{line-height:67px!important}.lh-68{line-height:68px}.lh-68--force{line-height:68px!important}.lh-69{line-height:69px}.lh-69--force{line-height:69px!important}.lh-70{line-height:70px}.lh-70--force{line-height:70px!important}.lh-71{line-height:71px}.lh-71--force{line-height:71px!important}.lh-72{line-height:72px}.lh-72--force{line-height:72px!important}.lh-73{line-height:73px}.lh-73--force{line-height:73px!important}.lh-74{line-height:74px}.lh-74--force{line-height:74px!important}.lh-75{line-height:75px}.lh-75--force{line-height:75px!important}.lh-76{line-height:76px}.lh-76--force{line-height:76px!important}.lh-77{line-height:77px}.lh-77--force{line-height:77px!important}.lh-78{line-height:78px}.lh-78--force{line-height:78px!important}.lh-79{line-height:79px}.lh-79--force{line-height:79px!important}.lh-80{line-height:80px}.lh-80--force{line-height:80px!important}.lh-81{line-height:81px}.lh-81--force{line-height:81px!important}.lh-82{line-height:82px}.lh-82--force{line-height:82px!important}.lh-83{line-height:83px}.lh-83--force{line-height:83px!important}.lh-84{line-height:84px}.lh-84--force{line-height:84px!important}.lh-85{line-height:85px}.lh-85--force{line-height:85px!important}.lh-86{line-height:86px}.lh-86--force{line-height:86px!important}.lh-87{line-height:87px}.lh-87--force{line-height:87px!important}.lh-88{line-height:88px}.lh-88--force{line-height:88px!important}.lh-89{line-height:89px}.lh-89--force{line-height:89px!important}.lh-90{line-height:90px}.lh-90--force{line-height:90px!important}.lh-91{line-height:91px}.lh-91--force{line-height:91px!important}.lh-92{line-height:92px}.lh-92--force{line-height:92px!important}.lh-93{line-height:93px}.lh-93--force{line-height:93px!important}.lh-94{line-height:94px}.lh-94--force{line-height:94px!important}.lh-95{line-height:95px}.lh-95--force{line-height:95px!important}.lh-96{line-height:96px}.lh-96--force{line-height:96px!important}.lh-97{line-height:97px}.lh-97--force{line-height:97px!important}.lh-98{line-height:98px}.lh-98--force{line-height:98px!important}.lh-99{line-height:99px}.lh-99--force{line-height:99px!important}.lh-100{line-height:100px}.lh-100--force{line-height:100px!important}@media screen and (max-width:639px){.lh-xs-0{line-height:0}.lh-xs-0--force{line-height:0!important}.lh-xs-1{line-height:1px}.lh-xs-1--force{line-height:1px!important}.lh-xs-2{line-height:2px}.lh-xs-2--force{line-height:2px!important}.lh-xs-3{line-height:3px}.lh-xs-3--force{line-height:3px!important}.lh-xs-4{line-height:4px}.lh-xs-4--force{line-height:4px!important}.lh-xs-5{line-height:5px}.lh-xs-5--force{line-height:5px!important}.lh-xs-6{line-height:6px}.lh-xs-6--force{line-height:6px!important}.lh-xs-7{line-height:7px}.lh-xs-7--force{line-height:7px!important}.lh-xs-8{line-height:8px}.lh-xs-8--force{line-height:8px!important}.lh-xs-9{line-height:9px}.lh-xs-9--force{line-height:9px!important}.lh-xs-10{line-height:10px}.lh-xs-10--force{line-height:10px!important}.lh-xs-11{line-height:11px}.lh-xs-11--force{line-height:11px!important}.lh-xs-12{line-height:12px}.lh-xs-12--force{line-height:12px!important}.lh-xs-13{line-height:13px}.lh-xs-13--force{line-height:13px!important}.lh-xs-14{line-height:14px}.lh-xs-14--force{line-height:14px!important}.lh-xs-15{line-height:15px}.lh-xs-15--force{line-height:15px!important}.lh-xs-16{line-height:16px}.lh-xs-16--force{line-height:16px!important}.lh-xs-17{line-height:17px}.lh-xs-17--force{line-height:17px!important}.lh-xs-18{line-height:18px}.lh-xs-18--force{line-height:18px!important}.lh-xs-19{line-height:19px}.lh-xs-19--force{line-height:19px!important}.lh-xs-20{line-height:20px}.lh-xs-20--force{line-height:20px!important}.lh-xs-21{line-height:21px}.lh-xs-21--force{line-height:21px!important}.lh-xs-22{line-height:22px}.lh-xs-22--force{line-height:22px!important}.lh-xs-23{line-height:23px}.lh-xs-23--force{line-height:23px!important}.lh-xs-24{line-height:24px}.lh-xs-24--force{line-height:24px!important}.lh-xs-25{line-height:25px}.lh-xs-25--force{line-height:25px!important}.lh-xs-26{line-height:26px}.lh-xs-26--force{line-height:26px!important}.lh-xs-27{line-height:27px}.lh-xs-27--force{line-height:27px!important}.lh-xs-28{line-height:28px}.lh-xs-28--force{line-height:28px!important}.lh-xs-29{line-height:29px}.lh-xs-29--force{line-height:29px!important}.lh-xs-30{line-height:30px}.lh-xs-30--force{line-height:30px!important}.lh-xs-31{line-height:31px}.lh-xs-31--force{line-height:31px!important}.lh-xs-32{line-height:32px}.lh-xs-32--force{line-height:32px!important}.lh-xs-33{line-height:33px}.lh-xs-33--force{line-height:33px!important}.lh-xs-34{line-height:34px}.lh-xs-34--force{line-height:34px!important}.lh-xs-35{line-height:35px}.lh-xs-35--force{line-height:35px!important}.lh-xs-36{line-height:36px}.lh-xs-36--force{line-height:36px!important}.lh-xs-37{line-height:37px}.lh-xs-37--force{line-height:37px!important}.lh-xs-38{line-height:38px}.lh-xs-38--force{line-height:38px!important}.lh-xs-39{line-height:39px}.lh-xs-39--force{line-height:39px!important}.lh-xs-40{line-height:40px}.lh-xs-40--force{line-height:40px!important}.lh-xs-41{line-height:41px}.lh-xs-41--force{line-height:41px!important}.lh-xs-42{line-height:42px}.lh-xs-42--force{line-height:42px!important}.lh-xs-43{line-height:43px}.lh-xs-43--force{line-height:43px!important}.lh-xs-44{line-height:44px}.lh-xs-44--force{line-height:44px!important}.lh-xs-45{line-height:45px}.lh-xs-45--force{line-height:45px!important}.lh-xs-46{line-height:46px}.lh-xs-46--force{line-height:46px!important}.lh-xs-47{line-height:47px}.lh-xs-47--force{line-height:47px!important}.lh-xs-48{line-height:48px}.lh-xs-48--force{line-height:48px!important}.lh-xs-49{line-height:49px}.lh-xs-49--force{line-height:49px!important}.lh-xs-50{line-height:50px}.lh-xs-50--force{line-height:50px!important}.lh-xs-51{line-height:51px}.lh-xs-51--force{line-height:51px!important}.lh-xs-52{line-height:52px}.lh-xs-52--force{line-height:52px!important}.lh-xs-53{line-height:53px}.lh-xs-53--force{line-height:53px!important}.lh-xs-54{line-height:54px}.lh-xs-54--force{line-height:54px!important}.lh-xs-55{line-height:55px}.lh-xs-55--force{line-height:55px!important}.lh-xs-56{line-height:56px}.lh-xs-56--force{line-height:56px!important}.lh-xs-57{line-height:57px}.lh-xs-57--force{line-height:57px!important}.lh-xs-58{line-height:58px}.lh-xs-58--force{line-height:58px!important}.lh-xs-59{line-height:59px}.lh-xs-59--force{line-height:59px!important}.lh-xs-60{line-height:60px}.lh-xs-60--force{line-height:60px!important}.lh-xs-61{line-height:61px}.lh-xs-61--force{line-height:61px!important}.lh-xs-62{line-height:62px}.lh-xs-62--force{line-height:62px!important}.lh-xs-63{line-height:63px}.lh-xs-63--force{line-height:63px!important}.lh-xs-64{line-height:64px}.lh-xs-64--force{line-height:64px!important}.lh-xs-65{line-height:65px}.lh-xs-65--force{line-height:65px!important}.lh-xs-66{line-height:66px}.lh-xs-66--force{line-height:66px!important}.lh-xs-67{line-height:67px}.lh-xs-67--force{line-height:67px!important}.lh-xs-68{line-height:68px}.lh-xs-68--force{line-height:68px!important}.lh-xs-69{line-height:69px}.lh-xs-69--force{line-height:69px!important}.lh-xs-70{line-height:70px}.lh-xs-70--force{line-height:70px!important}.lh-xs-71{line-height:71px}.lh-xs-71--force{line-height:71px!important}.lh-xs-72{line-height:72px}.lh-xs-72--force{line-height:72px!important}.lh-xs-73{line-height:73px}.lh-xs-73--force{line-height:73px!important}.lh-xs-74{line-height:74px}.lh-xs-74--force{line-height:74px!important}.lh-xs-75{line-height:75px}.lh-xs-75--force{line-height:75px!important}.lh-xs-76{line-height:76px}.lh-xs-76--force{line-height:76px!important}.lh-xs-77{line-height:77px}.lh-xs-77--force{line-height:77px!important}.lh-xs-78{line-height:78px}.lh-xs-78--force{line-height:78px!important}.lh-xs-79{line-height:79px}.lh-xs-79--force{line-height:79px!important}.lh-xs-80{line-height:80px}.lh-xs-80--force{line-height:80px!important}.lh-xs-81{line-height:81px}.lh-xs-81--force{line-height:81px!important}.lh-xs-82{line-height:82px}.lh-xs-82--force{line-height:82px!important}.lh-xs-83{line-height:83px}.lh-xs-83--force{line-height:83px!important}.lh-xs-84{line-height:84px}.lh-xs-84--force{line-height:84px!important}.lh-xs-85{line-height:85px}.lh-xs-85--force{line-height:85px!important}.lh-xs-86{line-height:86px}.lh-xs-86--force{line-height:86px!important}.lh-xs-87{line-height:87px}.lh-xs-87--force{line-height:87px!important}.lh-xs-88{line-height:88px}.lh-xs-88--force{line-height:88px!important}.lh-xs-89{line-height:89px}.lh-xs-89--force{line-height:89px!important}.lh-xs-90{line-height:90px}.lh-xs-90--force{line-height:90px!important}.lh-xs-91{line-height:91px}.lh-xs-91--force{line-height:91px!important}.lh-xs-92{line-height:92px}.lh-xs-92--force{line-height:92px!important}.lh-xs-93{line-height:93px}.lh-xs-93--force{line-height:93px!important}.lh-xs-94{line-height:94px}.lh-xs-94--force{line-height:94px!important}.lh-xs-95{line-height:95px}.lh-xs-95--force{line-height:95px!important}.lh-xs-96{line-height:96px}.lh-xs-96--force{line-height:96px!important}.lh-xs-97{line-height:97px}.lh-xs-97--force{line-height:97px!important}.lh-xs-98{line-height:98px}.lh-xs-98--force{line-height:98px!important}.lh-xs-99{line-height:99px}.lh-xs-99--force{line-height:99px!important}.lh-xs-100{line-height:100px}.lh-xs-100--force{line-height:100px!important}}@media screen and (min-width:640px){.lh-sm-0{line-height:0}.lh-sm-0--force{line-height:0!important}.lh-sm-1{line-height:1px}.lh-sm-1--force{line-height:1px!important}.lh-sm-2{line-height:2px}.lh-sm-2--force{line-height:2px!important}.lh-sm-3{line-height:3px}.lh-sm-3--force{line-height:3px!important}.lh-sm-4{line-height:4px}.lh-sm-4--force{line-height:4px!important}.lh-sm-5{line-height:5px}.lh-sm-5--force{line-height:5px!important}.lh-sm-6{line-height:6px}.lh-sm-6--force{line-height:6px!important}.lh-sm-7{line-height:7px}.lh-sm-7--force{line-height:7px!important}.lh-sm-8{line-height:8px}.lh-sm-8--force{line-height:8px!important}.lh-sm-9{line-height:9px}.lh-sm-9--force{line-height:9px!important}.lh-sm-10{line-height:10px}.lh-sm-10--force{line-height:10px!important}.lh-sm-11{line-height:11px}.lh-sm-11--force{line-height:11px!important}.lh-sm-12{line-height:12px}.lh-sm-12--force{line-height:12px!important}.lh-sm-13{line-height:13px}.lh-sm-13--force{line-height:13px!important}.lh-sm-14{line-height:14px}.lh-sm-14--force{line-height:14px!important}.lh-sm-15{line-height:15px}.lh-sm-15--force{line-height:15px!important}.lh-sm-16{line-height:16px}.lh-sm-16--force{line-height:16px!important}.lh-sm-17{line-height:17px}.lh-sm-17--force{line-height:17px!important}.lh-sm-18{line-height:18px}.lh-sm-18--force{line-height:18px!important}.lh-sm-19{line-height:19px}.lh-sm-19--force{line-height:19px!important}.lh-sm-20{line-height:20px}.lh-sm-20--force{line-height:20px!important}.lh-sm-21{line-height:21px}.lh-sm-21--force{line-height:21px!important}.lh-sm-22{line-height:22px}.lh-sm-22--force{line-height:22px!important}.lh-sm-23{line-height:23px}.lh-sm-23--force{line-height:23px!important}.lh-sm-24{line-height:24px}.lh-sm-24--force{line-height:24px!important}.lh-sm-25{line-height:25px}.lh-sm-25--force{line-height:25px!important}.lh-sm-26{line-height:26px}.lh-sm-26--force{line-height:26px!important}.lh-sm-27{line-height:27px}.lh-sm-27--force{line-height:27px!important}.lh-sm-28{line-height:28px}.lh-sm-28--force{line-height:28px!important}.lh-sm-29{line-height:29px}.lh-sm-29--force{line-height:29px!important}.lh-sm-30{line-height:30px}.lh-sm-30--force{line-height:30px!important}.lh-sm-31{line-height:31px}.lh-sm-31--force{line-height:31px!important}.lh-sm-32{line-height:32px}.lh-sm-32--force{line-height:32px!important}.lh-sm-33{line-height:33px}.lh-sm-33--force{line-height:33px!important}.lh-sm-34{line-height:34px}.lh-sm-34--force{line-height:34px!important}.lh-sm-35{line-height:35px}.lh-sm-35--force{line-height:35px!important}.lh-sm-36{line-height:36px}.lh-sm-36--force{line-height:36px!important}.lh-sm-37{line-height:37px}.lh-sm-37--force{line-height:37px!important}.lh-sm-38{line-height:38px}.lh-sm-38--force{line-height:38px!important}.lh-sm-39{line-height:39px}.lh-sm-39--force{line-height:39px!important}.lh-sm-40{line-height:40px}.lh-sm-40--force{line-height:40px!important}.lh-sm-41{line-height:41px}.lh-sm-41--force{line-height:41px!important}.lh-sm-42{line-height:42px}.lh-sm-42--force{line-height:42px!important}.lh-sm-43{line-height:43px}.lh-sm-43--force{line-height:43px!important}.lh-sm-44{line-height:44px}.lh-sm-44--force{line-height:44px!important}.lh-sm-45{line-height:45px}.lh-sm-45--force{line-height:45px!important}.lh-sm-46{line-height:46px}.lh-sm-46--force{line-height:46px!important}.lh-sm-47{line-height:47px}.lh-sm-47--force{line-height:47px!important}.lh-sm-48{line-height:48px}.lh-sm-48--force{line-height:48px!important}.lh-sm-49{line-height:49px}.lh-sm-49--force{line-height:49px!important}.lh-sm-50{line-height:50px}.lh-sm-50--force{line-height:50px!important}.lh-sm-51{line-height:51px}.lh-sm-51--force{line-height:51px!important}.lh-sm-52{line-height:52px}.lh-sm-52--force{line-height:52px!important}.lh-sm-53{line-height:53px}.lh-sm-53--force{line-height:53px!important}.lh-sm-54{line-height:54px}.lh-sm-54--force{line-height:54px!important}.lh-sm-55{line-height:55px}.lh-sm-55--force{line-height:55px!important}.lh-sm-56{line-height:56px}.lh-sm-56--force{line-height:56px!important}.lh-sm-57{line-height:57px}.lh-sm-57--force{line-height:57px!important}.lh-sm-58{line-height:58px}.lh-sm-58--force{line-height:58px!important}.lh-sm-59{line-height:59px}.lh-sm-59--force{line-height:59px!important}.lh-sm-60{line-height:60px}.lh-sm-60--force{line-height:60px!important}.lh-sm-61{line-height:61px}.lh-sm-61--force{line-height:61px!important}.lh-sm-62{line-height:62px}.lh-sm-62--force{line-height:62px!important}.lh-sm-63{line-height:63px}.lh-sm-63--force{line-height:63px!important}.lh-sm-64{line-height:64px}.lh-sm-64--force{line-height:64px!important}.lh-sm-65{line-height:65px}.lh-sm-65--force{line-height:65px!important}.lh-sm-66{line-height:66px}.lh-sm-66--force{line-height:66px!important}.lh-sm-67{line-height:67px}.lh-sm-67--force{line-height:67px!important}.lh-sm-68{line-height:68px}.lh-sm-68--force{line-height:68px!important}.lh-sm-69{line-height:69px}.lh-sm-69--force{line-height:69px!important}.lh-sm-70{line-height:70px}.lh-sm-70--force{line-height:70px!important}.lh-sm-71{line-height:71px}.lh-sm-71--force{line-height:71px!important}.lh-sm-72{line-height:72px}.lh-sm-72--force{line-height:72px!important}.lh-sm-73{line-height:73px}.lh-sm-73--force{line-height:73px!important}.lh-sm-74{line-height:74px}.lh-sm-74--force{line-height:74px!important}.lh-sm-75{line-height:75px}.lh-sm-75--force{line-height:75px!important}.lh-sm-76{line-height:76px}.lh-sm-76--force{line-height:76px!important}.lh-sm-77{line-height:77px}.lh-sm-77--force{line-height:77px!important}.lh-sm-78{line-height:78px}.lh-sm-78--force{line-height:78px!important}.lh-sm-79{line-height:79px}.lh-sm-79--force{line-height:79px!important}.lh-sm-80{line-height:80px}.lh-sm-80--force{line-height:80px!important}.lh-sm-81{line-height:81px}.lh-sm-81--force{line-height:81px!important}.lh-sm-82{line-height:82px}.lh-sm-82--force{line-height:82px!important}.lh-sm-83{line-height:83px}.lh-sm-83--force{line-height:83px!important}.lh-sm-84{line-height:84px}.lh-sm-84--force{line-height:84px!important}.lh-sm-85{line-height:85px}.lh-sm-85--force{line-height:85px!important}.lh-sm-86{line-height:86px}.lh-sm-86--force{line-height:86px!important}.lh-sm-87{line-height:87px}.lh-sm-87--force{line-height:87px!important}.lh-sm-88{line-height:88px}.lh-sm-88--force{line-height:88px!important}.lh-sm-89{line-height:89px}.lh-sm-89--force{line-height:89px!important}.lh-sm-90{line-height:90px}.lh-sm-90--force{line-height:90px!important}.lh-sm-91{line-height:91px}.lh-sm-91--force{line-height:91px!important}.lh-sm-92{line-height:92px}.lh-sm-92--force{line-height:92px!important}.lh-sm-93{line-height:93px}.lh-sm-93--force{line-height:93px!important}.lh-sm-94{line-height:94px}.lh-sm-94--force{line-height:94px!important}.lh-sm-95{line-height:95px}.lh-sm-95--force{line-height:95px!important}.lh-sm-96{line-height:96px}.lh-sm-96--force{line-height:96px!important}.lh-sm-97{line-height:97px}.lh-sm-97--force{line-height:97px!important}.lh-sm-98{line-height:98px}.lh-sm-98--force{line-height:98px!important}.lh-sm-99{line-height:99px}.lh-sm-99--force{line-height:99px!important}.lh-sm-100{line-height:100px}.lh-sm-100--force{line-height:100px!important}}@media screen and (min-width:1024px){.lh-md-0{line-height:0}.lh-md-0--force{line-height:0!important}.lh-md-1{line-height:1px}.lh-md-1--force{line-height:1px!important}.lh-md-2{line-height:2px}.lh-md-2--force{line-height:2px!important}.lh-md-3{line-height:3px}.lh-md-3--force{line-height:3px!important}.lh-md-4{line-height:4px}.lh-md-4--force{line-height:4px!important}.lh-md-5{line-height:5px}.lh-md-5--force{line-height:5px!important}.lh-md-6{line-height:6px}.lh-md-6--force{line-height:6px!important}.lh-md-7{line-height:7px}.lh-md-7--force{line-height:7px!important}.lh-md-8{line-height:8px}.lh-md-8--force{line-height:8px!important}.lh-md-9{line-height:9px}.lh-md-9--force{line-height:9px!important}.lh-md-10{line-height:10px}.lh-md-10--force{line-height:10px!important}.lh-md-11{line-height:11px}.lh-md-11--force{line-height:11px!important}.lh-md-12{line-height:12px}.lh-md-12--force{line-height:12px!important}.lh-md-13{line-height:13px}.lh-md-13--force{line-height:13px!important}.lh-md-14{line-height:14px}.lh-md-14--force{line-height:14px!important}.lh-md-15{line-height:15px}.lh-md-15--force{line-height:15px!important}.lh-md-16{line-height:16px}.lh-md-16--force{line-height:16px!important}.lh-md-17{line-height:17px}.lh-md-17--force{line-height:17px!important}.lh-md-18{line-height:18px}.lh-md-18--force{line-height:18px!important}.lh-md-19{line-height:19px}.lh-md-19--force{line-height:19px!important}.lh-md-20{line-height:20px}.lh-md-20--force{line-height:20px!important}.lh-md-21{line-height:21px}.lh-md-21--force{line-height:21px!important}.lh-md-22{line-height:22px}.lh-md-22--force{line-height:22px!important}.lh-md-23{line-height:23px}.lh-md-23--force{line-height:23px!important}.lh-md-24{line-height:24px}.lh-md-24--force{line-height:24px!important}.lh-md-25{line-height:25px}.lh-md-25--force{line-height:25px!important}.lh-md-26{line-height:26px}.lh-md-26--force{line-height:26px!important}.lh-md-27{line-height:27px}.lh-md-27--force{line-height:27px!important}.lh-md-28{line-height:28px}.lh-md-28--force{line-height:28px!important}.lh-md-29{line-height:29px}.lh-md-29--force{line-height:29px!important}.lh-md-30{line-height:30px}.lh-md-30--force{line-height:30px!important}.lh-md-31{line-height:31px}.lh-md-31--force{line-height:31px!important}.lh-md-32{line-height:32px}.lh-md-32--force{line-height:32px!important}.lh-md-33{line-height:33px}.lh-md-33--force{line-height:33px!important}.lh-md-34{line-height:34px}.lh-md-34--force{line-height:34px!important}.lh-md-35{line-height:35px}.lh-md-35--force{line-height:35px!important}.lh-md-36{line-height:36px}.lh-md-36--force{line-height:36px!important}.lh-md-37{line-height:37px}.lh-md-37--force{line-height:37px!important}.lh-md-38{line-height:38px}.lh-md-38--force{line-height:38px!important}.lh-md-39{line-height:39px}.lh-md-39--force{line-height:39px!important}.lh-md-40{line-height:40px}.lh-md-40--force{line-height:40px!important}.lh-md-41{line-height:41px}.lh-md-41--force{line-height:41px!important}.lh-md-42{line-height:42px}.lh-md-42--force{line-height:42px!important}.lh-md-43{line-height:43px}.lh-md-43--force{line-height:43px!important}.lh-md-44{line-height:44px}.lh-md-44--force{line-height:44px!important}.lh-md-45{line-height:45px}.lh-md-45--force{line-height:45px!important}.lh-md-46{line-height:46px}.lh-md-46--force{line-height:46px!important}.lh-md-47{line-height:47px}.lh-md-47--force{line-height:47px!important}.lh-md-48{line-height:48px}.lh-md-48--force{line-height:48px!important}.lh-md-49{line-height:49px}.lh-md-49--force{line-height:49px!important}.lh-md-50{line-height:50px}.lh-md-50--force{line-height:50px!important}.lh-md-51{line-height:51px}.lh-md-51--force{line-height:51px!important}.lh-md-52{line-height:52px}.lh-md-52--force{line-height:52px!important}.lh-md-53{line-height:53px}.lh-md-53--force{line-height:53px!important}.lh-md-54{line-height:54px}.lh-md-54--force{line-height:54px!important}.lh-md-55{line-height:55px}.lh-md-55--force{line-height:55px!important}.lh-md-56{line-height:56px}.lh-md-56--force{line-height:56px!important}.lh-md-57{line-height:57px}.lh-md-57--force{line-height:57px!important}.lh-md-58{line-height:58px}.lh-md-58--force{line-height:58px!important}.lh-md-59{line-height:59px}.lh-md-59--force{line-height:59px!important}.lh-md-60{line-height:60px}.lh-md-60--force{line-height:60px!important}.lh-md-61{line-height:61px}.lh-md-61--force{line-height:61px!important}.lh-md-62{line-height:62px}.lh-md-62--force{line-height:62px!important}.lh-md-63{line-height:63px}.lh-md-63--force{line-height:63px!important}.lh-md-64{line-height:64px}.lh-md-64--force{line-height:64px!important}.lh-md-65{line-height:65px}.lh-md-65--force{line-height:65px!important}.lh-md-66{line-height:66px}.lh-md-66--force{line-height:66px!important}.lh-md-67{line-height:67px}.lh-md-67--force{line-height:67px!important}.lh-md-68{line-height:68px}.lh-md-68--force{line-height:68px!important}.lh-md-69{line-height:69px}.lh-md-69--force{line-height:69px!important}.lh-md-70{line-height:70px}.lh-md-70--force{line-height:70px!important}.lh-md-71{line-height:71px}.lh-md-71--force{line-height:71px!important}.lh-md-72{line-height:72px}.lh-md-72--force{line-height:72px!important}.lh-md-73{line-height:73px}.lh-md-73--force{line-height:73px!important}.lh-md-74{line-height:74px}.lh-md-74--force{line-height:74px!important}.lh-md-75{line-height:75px}.lh-md-75--force{line-height:75px!important}.lh-md-76{line-height:76px}.lh-md-76--force{line-height:76px!important}.lh-md-77{line-height:77px}.lh-md-77--force{line-height:77px!important}.lh-md-78{line-height:78px}.lh-md-78--force{line-height:78px!important}.lh-md-79{line-height:79px}.lh-md-79--force{line-height:79px!important}.lh-md-80{line-height:80px}.lh-md-80--force{line-height:80px!important}.lh-md-81{line-height:81px}.lh-md-81--force{line-height:81px!important}.lh-md-82{line-height:82px}.lh-md-82--force{line-height:82px!important}.lh-md-83{line-height:83px}.lh-md-83--force{line-height:83px!important}.lh-md-84{line-height:84px}.lh-md-84--force{line-height:84px!important}.lh-md-85{line-height:85px}.lh-md-85--force{line-height:85px!important}.lh-md-86{line-height:86px}.lh-md-86--force{line-height:86px!important}.lh-md-87{line-height:87px}.lh-md-87--force{line-height:87px!important}.lh-md-88{line-height:88px}.lh-md-88--force{line-height:88px!important}.lh-md-89{line-height:89px}.lh-md-89--force{line-height:89px!important}.lh-md-90{line-height:90px}.lh-md-90--force{line-height:90px!important}.lh-md-91{line-height:91px}.lh-md-91--force{line-height:91px!important}.lh-md-92{line-height:92px}.lh-md-92--force{line-height:92px!important}.lh-md-93{line-height:93px}.lh-md-93--force{line-height:93px!important}.lh-md-94{line-height:94px}.lh-md-94--force{line-height:94px!important}.lh-md-95{line-height:95px}.lh-md-95--force{line-height:95px!important}.lh-md-96{line-height:96px}.lh-md-96--force{line-height:96px!important}.lh-md-97{line-height:97px}.lh-md-97--force{line-height:97px!important}.lh-md-98{line-height:98px}.lh-md-98--force{line-height:98px!important}.lh-md-99{line-height:99px}.lh-md-99--force{line-height:99px!important}.lh-md-100{line-height:100px}.lh-md-100--force{line-height:100px!important}}@media screen and (min-width:1280px){.lh-lg-0{line-height:0}.lh-lg-0--force{line-height:0!important}.lh-lg-1{line-height:1px}.lh-lg-1--force{line-height:1px!important}.lh-lg-2{line-height:2px}.lh-lg-2--force{line-height:2px!important}.lh-lg-3{line-height:3px}.lh-lg-3--force{line-height:3px!important}.lh-lg-4{line-height:4px}.lh-lg-4--force{line-height:4px!important}.lh-lg-5{line-height:5px}.lh-lg-5--force{line-height:5px!important}.lh-lg-6{line-height:6px}.lh-lg-6--force{line-height:6px!important}.lh-lg-7{line-height:7px}.lh-lg-7--force{line-height:7px!important}.lh-lg-8{line-height:8px}.lh-lg-8--force{line-height:8px!important}.lh-lg-9{line-height:9px}.lh-lg-9--force{line-height:9px!important}.lh-lg-10{line-height:10px}.lh-lg-10--force{line-height:10px!important}.lh-lg-11{line-height:11px}.lh-lg-11--force{line-height:11px!important}.lh-lg-12{line-height:12px}.lh-lg-12--force{line-height:12px!important}.lh-lg-13{line-height:13px}.lh-lg-13--force{line-height:13px!important}.lh-lg-14{line-height:14px}.lh-lg-14--force{line-height:14px!important}.lh-lg-15{line-height:15px}.lh-lg-15--force{line-height:15px!important}.lh-lg-16{line-height:16px}.lh-lg-16--force{line-height:16px!important}.lh-lg-17{line-height:17px}.lh-lg-17--force{line-height:17px!important}.lh-lg-18{line-height:18px}.lh-lg-18--force{line-height:18px!important}.lh-lg-19{line-height:19px}.lh-lg-19--force{line-height:19px!important}.lh-lg-20{line-height:20px}.lh-lg-20--force{line-height:20px!important}.lh-lg-21{line-height:21px}.lh-lg-21--force{line-height:21px!important}.lh-lg-22{line-height:22px}.lh-lg-22--force{line-height:22px!important}.lh-lg-23{line-height:23px}.lh-lg-23--force{line-height:23px!important}.lh-lg-24{line-height:24px}.lh-lg-24--force{line-height:24px!important}.lh-lg-25{line-height:25px}.lh-lg-25--force{line-height:25px!important}.lh-lg-26{line-height:26px}.lh-lg-26--force{line-height:26px!important}.lh-lg-27{line-height:27px}.lh-lg-27--force{line-height:27px!important}.lh-lg-28{line-height:28px}.lh-lg-28--force{line-height:28px!important}.lh-lg-29{line-height:29px}.lh-lg-29--force{line-height:29px!important}.lh-lg-30{line-height:30px}.lh-lg-30--force{line-height:30px!important}.lh-lg-31{line-height:31px}.lh-lg-31--force{line-height:31px!important}.lh-lg-32{line-height:32px}.lh-lg-32--force{line-height:32px!important}.lh-lg-33{line-height:33px}.lh-lg-33--force{line-height:33px!important}.lh-lg-34{line-height:34px}.lh-lg-34--force{line-height:34px!important}.lh-lg-35{line-height:35px}.lh-lg-35--force{line-height:35px!important}.lh-lg-36{line-height:36px}.lh-lg-36--force{line-height:36px!important}.lh-lg-37{line-height:37px}.lh-lg-37--force{line-height:37px!important}.lh-lg-38{line-height:38px}.lh-lg-38--force{line-height:38px!important}.lh-lg-39{line-height:39px}.lh-lg-39--force{line-height:39px!important}.lh-lg-40{line-height:40px}.lh-lg-40--force{line-height:40px!important}.lh-lg-41{line-height:41px}.lh-lg-41--force{line-height:41px!important}.lh-lg-42{line-height:42px}.lh-lg-42--force{line-height:42px!important}.lh-lg-43{line-height:43px}.lh-lg-43--force{line-height:43px!important}.lh-lg-44{line-height:44px}.lh-lg-44--force{line-height:44px!important}.lh-lg-45{line-height:45px}.lh-lg-45--force{line-height:45px!important}.lh-lg-46{line-height:46px}.lh-lg-46--force{line-height:46px!important}.lh-lg-47{line-height:47px}.lh-lg-47--force{line-height:47px!important}.lh-lg-48{line-height:48px}.lh-lg-48--force{line-height:48px!important}.lh-lg-49{line-height:49px}.lh-lg-49--force{line-height:49px!important}.lh-lg-50{line-height:50px}.lh-lg-50--force{line-height:50px!important}.lh-lg-51{line-height:51px}.lh-lg-51--force{line-height:51px!important}.lh-lg-52{line-height:52px}.lh-lg-52--force{line-height:52px!important}.lh-lg-53{line-height:53px}.lh-lg-53--force{line-height:53px!important}.lh-lg-54{line-height:54px}.lh-lg-54--force{line-height:54px!important}.lh-lg-55{line-height:55px}.lh-lg-55--force{line-height:55px!important}.lh-lg-56{line-height:56px}.lh-lg-56--force{line-height:56px!important}.lh-lg-57{line-height:57px}.lh-lg-57--force{line-height:57px!important}.lh-lg-58{line-height:58px}.lh-lg-58--force{line-height:58px!important}.lh-lg-59{line-height:59px}.lh-lg-59--force{line-height:59px!important}.lh-lg-60{line-height:60px}.lh-lg-60--force{line-height:60px!important}.lh-lg-61{line-height:61px}.lh-lg-61--force{line-height:61px!important}.lh-lg-62{line-height:62px}.lh-lg-62--force{line-height:62px!important}.lh-lg-63{line-height:63px}.lh-lg-63--force{line-height:63px!important}.lh-lg-64{line-height:64px}.lh-lg-64--force{line-height:64px!important}.lh-lg-65{line-height:65px}.lh-lg-65--force{line-height:65px!important}.lh-lg-66{line-height:66px}.lh-lg-66--force{line-height:66px!important}.lh-lg-67{line-height:67px}.lh-lg-67--force{line-height:67px!important}.lh-lg-68{line-height:68px}.lh-lg-68--force{line-height:68px!important}.lh-lg-69{line-height:69px}.lh-lg-69--force{line-height:69px!important}.lh-lg-70{line-height:70px}.lh-lg-70--force{line-height:70px!important}.lh-lg-71{line-height:71px}.lh-lg-71--force{line-height:71px!important}.lh-lg-72{line-height:72px}.lh-lg-72--force{line-height:72px!important}.lh-lg-73{line-height:73px}.lh-lg-73--force{line-height:73px!important}.lh-lg-74{line-height:74px}.lh-lg-74--force{line-height:74px!important}.lh-lg-75{line-height:75px}.lh-lg-75--force{line-height:75px!important}.lh-lg-76{line-height:76px}.lh-lg-76--force{line-height:76px!important}.lh-lg-77{line-height:77px}.lh-lg-77--force{line-height:77px!important}.lh-lg-78{line-height:78px}.lh-lg-78--force{line-height:78px!important}.lh-lg-79{line-height:79px}.lh-lg-79--force{line-height:79px!important}.lh-lg-80{line-height:80px}.lh-lg-80--force{line-height:80px!important}.lh-lg-81{line-height:81px}.lh-lg-81--force{line-height:81px!important}.lh-lg-82{line-height:82px}.lh-lg-82--force{line-height:82px!important}.lh-lg-83{line-height:83px}.lh-lg-83--force{line-height:83px!important}.lh-lg-84{line-height:84px}.lh-lg-84--force{line-height:84px!important}.lh-lg-85{line-height:85px}.lh-lg-85--force{line-height:85px!important}.lh-lg-86{line-height:86px}.lh-lg-86--force{line-height:86px!important}.lh-lg-87{line-height:87px}.lh-lg-87--force{line-height:87px!important}.lh-lg-88{line-height:88px}.lh-lg-88--force{line-height:88px!important}.lh-lg-89{line-height:89px}.lh-lg-89--force{line-height:89px!important}.lh-lg-90{line-height:90px}.lh-lg-90--force{line-height:90px!important}.lh-lg-91{line-height:91px}.lh-lg-91--force{line-height:91px!important}.lh-lg-92{line-height:92px}.lh-lg-92--force{line-height:92px!important}.lh-lg-93{line-height:93px}.lh-lg-93--force{line-height:93px!important}.lh-lg-94{line-height:94px}.lh-lg-94--force{line-height:94px!important}.lh-lg-95{line-height:95px}.lh-lg-95--force{line-height:95px!important}.lh-lg-96{line-height:96px}.lh-lg-96--force{line-height:96px!important}.lh-lg-97{line-height:97px}.lh-lg-97--force{line-height:97px!important}.lh-lg-98{line-height:98px}.lh-lg-98--force{line-height:98px!important}.lh-lg-99{line-height:99px}.lh-lg-99--force{line-height:99px!important}.lh-lg-100{line-height:100px}.lh-lg-100--force{line-height:100px!important}}@media screen and (min-width:1536px){.lh-xl-0{line-height:0}.lh-xl-0--force{line-height:0!important}.lh-xl-1{line-height:1px}.lh-xl-1--force{line-height:1px!important}.lh-xl-2{line-height:2px}.lh-xl-2--force{line-height:2px!important}.lh-xl-3{line-height:3px}.lh-xl-3--force{line-height:3px!important}.lh-xl-4{line-height:4px}.lh-xl-4--force{line-height:4px!important}.lh-xl-5{line-height:5px}.lh-xl-5--force{line-height:5px!important}.lh-xl-6{line-height:6px}.lh-xl-6--force{line-height:6px!important}.lh-xl-7{line-height:7px}.lh-xl-7--force{line-height:7px!important}.lh-xl-8{line-height:8px}.lh-xl-8--force{line-height:8px!important}.lh-xl-9{line-height:9px}.lh-xl-9--force{line-height:9px!important}.lh-xl-10{line-height:10px}.lh-xl-10--force{line-height:10px!important}.lh-xl-11{line-height:11px}.lh-xl-11--force{line-height:11px!important}.lh-xl-12{line-height:12px}.lh-xl-12--force{line-height:12px!important}.lh-xl-13{line-height:13px}.lh-xl-13--force{line-height:13px!important}.lh-xl-14{line-height:14px}.lh-xl-14--force{line-height:14px!important}.lh-xl-15{line-height:15px}.lh-xl-15--force{line-height:15px!important}.lh-xl-16{line-height:16px}.lh-xl-16--force{line-height:16px!important}.lh-xl-17{line-height:17px}.lh-xl-17--force{line-height:17px!important}.lh-xl-18{line-height:18px}.lh-xl-18--force{line-height:18px!important}.lh-xl-19{line-height:19px}.lh-xl-19--force{line-height:19px!important}.lh-xl-20{line-height:20px}.lh-xl-20--force{line-height:20px!important}.lh-xl-21{line-height:21px}.lh-xl-21--force{line-height:21px!important}.lh-xl-22{line-height:22px}.lh-xl-22--force{line-height:22px!important}.lh-xl-23{line-height:23px}.lh-xl-23--force{line-height:23px!important}.lh-xl-24{line-height:24px}.lh-xl-24--force{line-height:24px!important}.lh-xl-25{line-height:25px}.lh-xl-25--force{line-height:25px!important}.lh-xl-26{line-height:26px}.lh-xl-26--force{line-height:26px!important}.lh-xl-27{line-height:27px}.lh-xl-27--force{line-height:27px!important}.lh-xl-28{line-height:28px}.lh-xl-28--force{line-height:28px!important}.lh-xl-29{line-height:29px}.lh-xl-29--force{line-height:29px!important}.lh-xl-30{line-height:30px}.lh-xl-30--force{line-height:30px!important}.lh-xl-31{line-height:31px}.lh-xl-31--force{line-height:31px!important}.lh-xl-32{line-height:32px}.lh-xl-32--force{line-height:32px!important}.lh-xl-33{line-height:33px}.lh-xl-33--force{line-height:33px!important}.lh-xl-34{line-height:34px}.lh-xl-34--force{line-height:34px!important}.lh-xl-35{line-height:35px}.lh-xl-35--force{line-height:35px!important}.lh-xl-36{line-height:36px}.lh-xl-36--force{line-height:36px!important}.lh-xl-37{line-height:37px}.lh-xl-37--force{line-height:37px!important}.lh-xl-38{line-height:38px}.lh-xl-38--force{line-height:38px!important}.lh-xl-39{line-height:39px}.lh-xl-39--force{line-height:39px!important}.lh-xl-40{line-height:40px}.lh-xl-40--force{line-height:40px!important}.lh-xl-41{line-height:41px}.lh-xl-41--force{line-height:41px!important}.lh-xl-42{line-height:42px}.lh-xl-42--force{line-height:42px!important}.lh-xl-43{line-height:43px}.lh-xl-43--force{line-height:43px!important}.lh-xl-44{line-height:44px}.lh-xl-44--force{line-height:44px!important}.lh-xl-45{line-height:45px}.lh-xl-45--force{line-height:45px!important}.lh-xl-46{line-height:46px}.lh-xl-46--force{line-height:46px!important}.lh-xl-47{line-height:47px}.lh-xl-47--force{line-height:47px!important}.lh-xl-48{line-height:48px}.lh-xl-48--force{line-height:48px!important}.lh-xl-49{line-height:49px}.lh-xl-49--force{line-height:49px!important}.lh-xl-50{line-height:50px}.lh-xl-50--force{line-height:50px!important}.lh-xl-51{line-height:51px}.lh-xl-51--force{line-height:51px!important}.lh-xl-52{line-height:52px}.lh-xl-52--force{line-height:52px!important}.lh-xl-53{line-height:53px}.lh-xl-53--force{line-height:53px!important}.lh-xl-54{line-height:54px}.lh-xl-54--force{line-height:54px!important}.lh-xl-55{line-height:55px}.lh-xl-55--force{line-height:55px!important}.lh-xl-56{line-height:56px}.lh-xl-56--force{line-height:56px!important}.lh-xl-57{line-height:57px}.lh-xl-57--force{line-height:57px!important}.lh-xl-58{line-height:58px}.lh-xl-58--force{line-height:58px!important}.lh-xl-59{line-height:59px}.lh-xl-59--force{line-height:59px!important}.lh-xl-60{line-height:60px}.lh-xl-60--force{line-height:60px!important}.lh-xl-61{line-height:61px}.lh-xl-61--force{line-height:61px!important}.lh-xl-62{line-height:62px}.lh-xl-62--force{line-height:62px!important}.lh-xl-63{line-height:63px}.lh-xl-63--force{line-height:63px!important}.lh-xl-64{line-height:64px}.lh-xl-64--force{line-height:64px!important}.lh-xl-65{line-height:65px}.lh-xl-65--force{line-height:65px!important}.lh-xl-66{line-height:66px}.lh-xl-66--force{line-height:66px!important}.lh-xl-67{line-height:67px}.lh-xl-67--force{line-height:67px!important}.lh-xl-68{line-height:68px}.lh-xl-68--force{line-height:68px!important}.lh-xl-69{line-height:69px}.lh-xl-69--force{line-height:69px!important}.lh-xl-70{line-height:70px}.lh-xl-70--force{line-height:70px!important}.lh-xl-71{line-height:71px}.lh-xl-71--force{line-height:71px!important}.lh-xl-72{line-height:72px}.lh-xl-72--force{line-height:72px!important}.lh-xl-73{line-height:73px}.lh-xl-73--force{line-height:73px!important}.lh-xl-74{line-height:74px}.lh-xl-74--force{line-height:74px!important}.lh-xl-75{line-height:75px}.lh-xl-75--force{line-height:75px!important}.lh-xl-76{line-height:76px}.lh-xl-76--force{line-height:76px!important}.lh-xl-77{line-height:77px}.lh-xl-77--force{line-height:77px!important}.lh-xl-78{line-height:78px}.lh-xl-78--force{line-height:78px!important}.lh-xl-79{line-height:79px}.lh-xl-79--force{line-height:79px!important}.lh-xl-80{line-height:80px}.lh-xl-80--force{line-height:80px!important}.lh-xl-81{line-height:81px}.lh-xl-81--force{line-height:81px!important}.lh-xl-82{line-height:82px}.lh-xl-82--force{line-height:82px!important}.lh-xl-83{line-height:83px}.lh-xl-83--force{line-height:83px!important}.lh-xl-84{line-height:84px}.lh-xl-84--force{line-height:84px!important}.lh-xl-85{line-height:85px}.lh-xl-85--force{line-height:85px!important}.lh-xl-86{line-height:86px}.lh-xl-86--force{line-height:86px!important}.lh-xl-87{line-height:87px}.lh-xl-87--force{line-height:87px!important}.lh-xl-88{line-height:88px}.lh-xl-88--force{line-height:88px!important}.lh-xl-89{line-height:89px}.lh-xl-89--force{line-height:89px!important}.lh-xl-90{line-height:90px}.lh-xl-90--force{line-height:90px!important}.lh-xl-91{line-height:91px}.lh-xl-91--force{line-height:91px!important}.lh-xl-92{line-height:92px}.lh-xl-92--force{line-height:92px!important}.lh-xl-93{line-height:93px}.lh-xl-93--force{line-height:93px!important}.lh-xl-94{line-height:94px}.lh-xl-94--force{line-height:94px!important}.lh-xl-95{line-height:95px}.lh-xl-95--force{line-height:95px!important}.lh-xl-96{line-height:96px}.lh-xl-96--force{line-height:96px!important}.lh-xl-97{line-height:97px}.lh-xl-97--force{line-height:97px!important}.lh-xl-98{line-height:98px}.lh-xl-98--force{line-height:98px!important}.lh-xl-99{line-height:99px}.lh-xl-99--force{line-height:99px!important}.lh-xl-100{line-height:100px}.lh-xl-100--force{line-height:100px!important}}.text-display-hero{font-size:var(--matcha-text-display-hero, 36px);font-weight:var(--matcha-weight-extrabold,800);line-height:var(--matcha-leading-display-hero, 40px);letter-spacing:var(--matcha-tracking-display-hero, -1.2px)}.text-display-hero--force{font-size:var(--matcha-text-display-hero, 36px)!important;font-weight:var(--matcha-weight-extrabold,800)!important;line-height:var(--matcha-leading-display-hero, 40px)!important;letter-spacing:var(--matcha-tracking-display-hero, -1.2px)!important}.text-display{font-size:var(--matcha-text-display, 32px);font-weight:var(--matcha-weight-bold,700);line-height:var(--matcha-leading-display, 40px);letter-spacing:var(--matcha-tracking-display, -.3px)}.text-display--force{font-size:var(--matcha-text-display, 32px)!important;font-weight:var(--matcha-weight-bold,700)!important;line-height:var(--matcha-leading-display, 40px)!important;letter-spacing:var(--matcha-tracking-display, -.3px)!important}.text-headline{font-size:var(--matcha-text-headline, 24px);font-weight:var(--matcha-weight-bold,700);line-height:var(--matcha-leading-headline, 32px);letter-spacing:var(--matcha-tracking-headline, -.3px)}.text-headline--force{font-size:var(--matcha-text-headline, 24px)!important;font-weight:var(--matcha-weight-bold,700)!important;line-height:var(--matcha-leading-headline, 32px)!important;letter-spacing:var(--matcha-tracking-headline, -.3px)!important}.text-title-lg{font-size:var(--matcha-text-title-lg, 20px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-lg, 28px)}.text-title-lg--force{font-size:var(--matcha-text-title-lg, 20px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-lg, 28px)!important}.text-title-md{font-size:var(--matcha-text-title-md, 18px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-md, 24px)}.text-title-md--force{font-size:var(--matcha-text-title-md, 18px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-md, 24px)!important}.text-title-sm{font-size:var(--matcha-text-title-sm, 16px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-sm, 22px)}.text-title-sm--force{font-size:var(--matcha-text-title-sm, 16px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-sm, 22px)!important}.text-title-xs{font-size:var(--matcha-text-title-xs, 14px);font-weight:var(--matcha-weight-extrabold,800);line-height:var(--matcha-leading-title-xs, 20px)}.text-title-xs--force{font-size:var(--matcha-text-title-xs, 14px)!important;font-weight:var(--matcha-weight-extrabold,800)!important;line-height:var(--matcha-leading-title-xs, 20px)!important}.text-body-lg{font-size:var(--matcha-text-body-lg, 16px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-lg, 24px)}.text-body-lg--force{font-size:var(--matcha-text-body-lg, 16px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-lg, 24px)!important}.text-body-md{font-size:var(--matcha-text-body-md, 14px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-md, 20px)}.text-body-md--force{font-size:var(--matcha-text-body-md, 14px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-md, 20px)!important}.text-body-sm{font-size:var(--matcha-text-body-sm, 12px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-sm, 16px)}.text-body-sm--force{font-size:var(--matcha-text-body-sm, 12px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-sm, 16px)!important}.text-p-tiny{font-size:var(--matcha-text-p-tiny, 11px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-p-tiny, 14px);letter-spacing:var(--matcha-tracking-p-tiny, .3px)}.text-p-tiny--force{font-size:var(--matcha-text-p-tiny, 11px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-p-tiny, 14px)!important;letter-spacing:var(--matcha-tracking-p-tiny, .3px)!important}.text-label-lg{font-size:var(--matcha-text-label-lg, 16px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-lg, 22px)}.text-label-lg--force{font-size:var(--matcha-text-label-lg, 16px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-lg, 22px)!important}.text-label-md{font-size:var(--matcha-text-label-md, 14px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-md, 20px)}.text-label-md--force{font-size:var(--matcha-text-label-md, 14px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-md, 20px)!important}.text-label-sm{font-size:var(--matcha-text-label-sm, 12px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-sm, 16px)}.text-label-sm--force{font-size:var(--matcha-text-label-sm, 12px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-sm, 16px)!important}.text-overline{font-size:var(--matcha-text-overline, 10px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-overline, 14px);letter-spacing:var(--matcha-tracking-overline, 1px);text-transform:uppercase}.text-overline--force{font-size:var(--matcha-text-overline, 10px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-overline, 14px)!important;letter-spacing:var(--matcha-tracking-overline, 1px)!important;text-transform:uppercase!important}@media screen and (max-width:639px){.text-xs-display-hero{font-size:var(--matcha-text-display-hero, 36px);font-weight:var(--matcha-weight-extrabold,800);line-height:var(--matcha-leading-display-hero, 40px);letter-spacing:var(--matcha-tracking-display-hero, -1.2px)}.text-xs-display-hero--force{font-size:var(--matcha-text-display-hero, 36px)!important;font-weight:var(--matcha-weight-extrabold,800)!important;line-height:var(--matcha-leading-display-hero, 40px)!important;letter-spacing:var(--matcha-tracking-display-hero, -1.2px)!important}.text-xs-display{font-size:var(--matcha-text-display, 32px);font-weight:var(--matcha-weight-bold,700);line-height:var(--matcha-leading-display, 40px);letter-spacing:var(--matcha-tracking-display, -.3px)}.text-xs-display--force{font-size:var(--matcha-text-display, 32px)!important;font-weight:var(--matcha-weight-bold,700)!important;line-height:var(--matcha-leading-display, 40px)!important;letter-spacing:var(--matcha-tracking-display, -.3px)!important}.text-xs-headline{font-size:var(--matcha-text-headline, 24px);font-weight:var(--matcha-weight-bold,700);line-height:var(--matcha-leading-headline, 32px);letter-spacing:var(--matcha-tracking-headline, -.3px)}.text-xs-headline--force{font-size:var(--matcha-text-headline, 24px)!important;font-weight:var(--matcha-weight-bold,700)!important;line-height:var(--matcha-leading-headline, 32px)!important;letter-spacing:var(--matcha-tracking-headline, -.3px)!important}.text-xs-title-lg{font-size:var(--matcha-text-title-lg, 20px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-lg, 28px)}.text-xs-title-lg--force{font-size:var(--matcha-text-title-lg, 20px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-lg, 28px)!important}.text-xs-title-md{font-size:var(--matcha-text-title-md, 18px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-md, 24px)}.text-xs-title-md--force{font-size:var(--matcha-text-title-md, 18px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-md, 24px)!important}.text-xs-title-sm{font-size:var(--matcha-text-title-sm, 16px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-sm, 22px)}.text-xs-title-sm--force{font-size:var(--matcha-text-title-sm, 16px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-sm, 22px)!important}.text-xs-title-xs{font-size:var(--matcha-text-title-xs, 14px);font-weight:var(--matcha-weight-extrabold,800);line-height:var(--matcha-leading-title-xs, 20px)}.text-xs-title-xs--force{font-size:var(--matcha-text-title-xs, 14px)!important;font-weight:var(--matcha-weight-extrabold,800)!important;line-height:var(--matcha-leading-title-xs, 20px)!important}.text-xs-body-lg{font-size:var(--matcha-text-body-lg, 16px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-lg, 24px)}.text-xs-body-lg--force{font-size:var(--matcha-text-body-lg, 16px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-lg, 24px)!important}.text-xs-body-md{font-size:var(--matcha-text-body-md, 14px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-md, 20px)}.text-xs-body-md--force{font-size:var(--matcha-text-body-md, 14px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-md, 20px)!important}.text-xs-body-sm{font-size:var(--matcha-text-body-sm, 12px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-sm, 16px)}.text-xs-body-sm--force{font-size:var(--matcha-text-body-sm, 12px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-sm, 16px)!important}.text-xs-p-tiny{font-size:var(--matcha-text-p-tiny, 11px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-p-tiny, 14px);letter-spacing:var(--matcha-tracking-p-tiny, .3px)}.text-xs-p-tiny--force{font-size:var(--matcha-text-p-tiny, 11px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-p-tiny, 14px)!important;letter-spacing:var(--matcha-tracking-p-tiny, .3px)!important}.text-xs-label-lg{font-size:var(--matcha-text-label-lg, 16px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-lg, 22px)}.text-xs-label-lg--force{font-size:var(--matcha-text-label-lg, 16px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-lg, 22px)!important}.text-xs-label-md{font-size:var(--matcha-text-label-md, 14px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-md, 20px)}.text-xs-label-md--force{font-size:var(--matcha-text-label-md, 14px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-md, 20px)!important}.text-xs-label-sm{font-size:var(--matcha-text-label-sm, 12px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-sm, 16px)}.text-xs-label-sm--force{font-size:var(--matcha-text-label-sm, 12px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-sm, 16px)!important}.text-xs-overline{font-size:var(--matcha-text-overline, 10px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-overline, 14px);letter-spacing:var(--matcha-tracking-overline, 1px);text-transform:uppercase}.text-xs-overline--force{font-size:var(--matcha-text-overline, 10px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-overline, 14px)!important;letter-spacing:var(--matcha-tracking-overline, 1px)!important;text-transform:uppercase!important}}@media screen and (min-width:640px){.text-sm-display-hero{font-size:var(--matcha-text-display-hero, 36px);font-weight:var(--matcha-weight-extrabold,800);line-height:var(--matcha-leading-display-hero, 40px);letter-spacing:var(--matcha-tracking-display-hero, -1.2px)}.text-sm-display-hero--force{font-size:var(--matcha-text-display-hero, 36px)!important;font-weight:var(--matcha-weight-extrabold,800)!important;line-height:var(--matcha-leading-display-hero, 40px)!important;letter-spacing:var(--matcha-tracking-display-hero, -1.2px)!important}.text-sm-display{font-size:var(--matcha-text-display, 32px);font-weight:var(--matcha-weight-bold,700);line-height:var(--matcha-leading-display, 40px);letter-spacing:var(--matcha-tracking-display, -.3px)}.text-sm-display--force{font-size:var(--matcha-text-display, 32px)!important;font-weight:var(--matcha-weight-bold,700)!important;line-height:var(--matcha-leading-display, 40px)!important;letter-spacing:var(--matcha-tracking-display, -.3px)!important}.text-sm-headline{font-size:var(--matcha-text-headline, 24px);font-weight:var(--matcha-weight-bold,700);line-height:var(--matcha-leading-headline, 32px);letter-spacing:var(--matcha-tracking-headline, -.3px)}.text-sm-headline--force{font-size:var(--matcha-text-headline, 24px)!important;font-weight:var(--matcha-weight-bold,700)!important;line-height:var(--matcha-leading-headline, 32px)!important;letter-spacing:var(--matcha-tracking-headline, -.3px)!important}.text-sm-title-lg{font-size:var(--matcha-text-title-lg, 20px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-lg, 28px)}.text-sm-title-lg--force{font-size:var(--matcha-text-title-lg, 20px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-lg, 28px)!important}.text-sm-title-md{font-size:var(--matcha-text-title-md, 18px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-md, 24px)}.text-sm-title-md--force{font-size:var(--matcha-text-title-md, 18px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-md, 24px)!important}.text-sm-title-sm{font-size:var(--matcha-text-title-sm, 16px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-sm, 22px)}.text-sm-title-sm--force{font-size:var(--matcha-text-title-sm, 16px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-sm, 22px)!important}.text-sm-title-xs{font-size:var(--matcha-text-title-xs, 14px);font-weight:var(--matcha-weight-extrabold,800);line-height:var(--matcha-leading-title-xs, 20px)}.text-sm-title-xs--force{font-size:var(--matcha-text-title-xs, 14px)!important;font-weight:var(--matcha-weight-extrabold,800)!important;line-height:var(--matcha-leading-title-xs, 20px)!important}.text-sm-body-lg{font-size:var(--matcha-text-body-lg, 16px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-lg, 24px)}.text-sm-body-lg--force{font-size:var(--matcha-text-body-lg, 16px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-lg, 24px)!important}.text-sm-body-md{font-size:var(--matcha-text-body-md, 14px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-md, 20px)}.text-sm-body-md--force{font-size:var(--matcha-text-body-md, 14px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-md, 20px)!important}.text-sm-body-sm{font-size:var(--matcha-text-body-sm, 12px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-sm, 16px)}.text-sm-body-sm--force{font-size:var(--matcha-text-body-sm, 12px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-sm, 16px)!important}.text-sm-p-tiny{font-size:var(--matcha-text-p-tiny, 11px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-p-tiny, 14px);letter-spacing:var(--matcha-tracking-p-tiny, .3px)}.text-sm-p-tiny--force{font-size:var(--matcha-text-p-tiny, 11px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-p-tiny, 14px)!important;letter-spacing:var(--matcha-tracking-p-tiny, .3px)!important}.text-sm-label-lg{font-size:var(--matcha-text-label-lg, 16px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-lg, 22px)}.text-sm-label-lg--force{font-size:var(--matcha-text-label-lg, 16px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-lg, 22px)!important}.text-sm-label-md{font-size:var(--matcha-text-label-md, 14px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-md, 20px)}.text-sm-label-md--force{font-size:var(--matcha-text-label-md, 14px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-md, 20px)!important}.text-sm-label-sm{font-size:var(--matcha-text-label-sm, 12px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-sm, 16px)}.text-sm-label-sm--force{font-size:var(--matcha-text-label-sm, 12px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-sm, 16px)!important}.text-sm-overline{font-size:var(--matcha-text-overline, 10px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-overline, 14px);letter-spacing:var(--matcha-tracking-overline, 1px);text-transform:uppercase}.text-sm-overline--force{font-size:var(--matcha-text-overline, 10px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-overline, 14px)!important;letter-spacing:var(--matcha-tracking-overline, 1px)!important;text-transform:uppercase!important}}@media screen and (min-width:1024px){.text-md-display-hero{font-size:var(--matcha-text-display-hero, 36px);font-weight:var(--matcha-weight-extrabold,800);line-height:var(--matcha-leading-display-hero, 40px);letter-spacing:var(--matcha-tracking-display-hero, -1.2px)}.text-md-display-hero--force{font-size:var(--matcha-text-display-hero, 36px)!important;font-weight:var(--matcha-weight-extrabold,800)!important;line-height:var(--matcha-leading-display-hero, 40px)!important;letter-spacing:var(--matcha-tracking-display-hero, -1.2px)!important}.text-md-display{font-size:var(--matcha-text-display, 32px);font-weight:var(--matcha-weight-bold,700);line-height:var(--matcha-leading-display, 40px);letter-spacing:var(--matcha-tracking-display, -.3px)}.text-md-display--force{font-size:var(--matcha-text-display, 32px)!important;font-weight:var(--matcha-weight-bold,700)!important;line-height:var(--matcha-leading-display, 40px)!important;letter-spacing:var(--matcha-tracking-display, -.3px)!important}.text-md-headline{font-size:var(--matcha-text-headline, 24px);font-weight:var(--matcha-weight-bold,700);line-height:var(--matcha-leading-headline, 32px);letter-spacing:var(--matcha-tracking-headline, -.3px)}.text-md-headline--force{font-size:var(--matcha-text-headline, 24px)!important;font-weight:var(--matcha-weight-bold,700)!important;line-height:var(--matcha-leading-headline, 32px)!important;letter-spacing:var(--matcha-tracking-headline, -.3px)!important}.text-md-title-lg{font-size:var(--matcha-text-title-lg, 20px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-lg, 28px)}.text-md-title-lg--force{font-size:var(--matcha-text-title-lg, 20px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-lg, 28px)!important}.text-md-title-md{font-size:var(--matcha-text-title-md, 18px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-md, 24px)}.text-md-title-md--force{font-size:var(--matcha-text-title-md, 18px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-md, 24px)!important}.text-md-title-sm{font-size:var(--matcha-text-title-sm, 16px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-sm, 22px)}.text-md-title-sm--force{font-size:var(--matcha-text-title-sm, 16px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-sm, 22px)!important}.text-md-title-xs{font-size:var(--matcha-text-title-xs, 14px);font-weight:var(--matcha-weight-extrabold,800);line-height:var(--matcha-leading-title-xs, 20px)}.text-md-title-xs--force{font-size:var(--matcha-text-title-xs, 14px)!important;font-weight:var(--matcha-weight-extrabold,800)!important;line-height:var(--matcha-leading-title-xs, 20px)!important}.text-md-body-lg{font-size:var(--matcha-text-body-lg, 16px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-lg, 24px)}.text-md-body-lg--force{font-size:var(--matcha-text-body-lg, 16px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-lg, 24px)!important}.text-md-body-md{font-size:var(--matcha-text-body-md, 14px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-md, 20px)}.text-md-body-md--force{font-size:var(--matcha-text-body-md, 14px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-md, 20px)!important}.text-md-body-sm{font-size:var(--matcha-text-body-sm, 12px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-sm, 16px)}.text-md-body-sm--force{font-size:var(--matcha-text-body-sm, 12px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-sm, 16px)!important}.text-md-p-tiny{font-size:var(--matcha-text-p-tiny, 11px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-p-tiny, 14px);letter-spacing:var(--matcha-tracking-p-tiny, .3px)}.text-md-p-tiny--force{font-size:var(--matcha-text-p-tiny, 11px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-p-tiny, 14px)!important;letter-spacing:var(--matcha-tracking-p-tiny, .3px)!important}.text-md-label-lg{font-size:var(--matcha-text-label-lg, 16px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-lg, 22px)}.text-md-label-lg--force{font-size:var(--matcha-text-label-lg, 16px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-lg, 22px)!important}.text-md-label-md{font-size:var(--matcha-text-label-md, 14px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-md, 20px)}.text-md-label-md--force{font-size:var(--matcha-text-label-md, 14px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-md, 20px)!important}.text-md-label-sm{font-size:var(--matcha-text-label-sm, 12px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-sm, 16px)}.text-md-label-sm--force{font-size:var(--matcha-text-label-sm, 12px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-sm, 16px)!important}.text-md-overline{font-size:var(--matcha-text-overline, 10px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-overline, 14px);letter-spacing:var(--matcha-tracking-overline, 1px);text-transform:uppercase}.text-md-overline--force{font-size:var(--matcha-text-overline, 10px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-overline, 14px)!important;letter-spacing:var(--matcha-tracking-overline, 1px)!important;text-transform:uppercase!important}}@media screen and (min-width:1280px){.text-lg-display-hero{font-size:var(--matcha-text-display-hero, 36px);font-weight:var(--matcha-weight-extrabold,800);line-height:var(--matcha-leading-display-hero, 40px);letter-spacing:var(--matcha-tracking-display-hero, -1.2px)}.text-lg-display-hero--force{font-size:var(--matcha-text-display-hero, 36px)!important;font-weight:var(--matcha-weight-extrabold,800)!important;line-height:var(--matcha-leading-display-hero, 40px)!important;letter-spacing:var(--matcha-tracking-display-hero, -1.2px)!important}.text-lg-display{font-size:var(--matcha-text-display, 32px);font-weight:var(--matcha-weight-bold,700);line-height:var(--matcha-leading-display, 40px);letter-spacing:var(--matcha-tracking-display, -.3px)}.text-lg-display--force{font-size:var(--matcha-text-display, 32px)!important;font-weight:var(--matcha-weight-bold,700)!important;line-height:var(--matcha-leading-display, 40px)!important;letter-spacing:var(--matcha-tracking-display, -.3px)!important}.text-lg-headline{font-size:var(--matcha-text-headline, 24px);font-weight:var(--matcha-weight-bold,700);line-height:var(--matcha-leading-headline, 32px);letter-spacing:var(--matcha-tracking-headline, -.3px)}.text-lg-headline--force{font-size:var(--matcha-text-headline, 24px)!important;font-weight:var(--matcha-weight-bold,700)!important;line-height:var(--matcha-leading-headline, 32px)!important;letter-spacing:var(--matcha-tracking-headline, -.3px)!important}.text-lg-title-lg{font-size:var(--matcha-text-title-lg, 20px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-lg, 28px)}.text-lg-title-lg--force{font-size:var(--matcha-text-title-lg, 20px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-lg, 28px)!important}.text-lg-title-md{font-size:var(--matcha-text-title-md, 18px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-md, 24px)}.text-lg-title-md--force{font-size:var(--matcha-text-title-md, 18px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-md, 24px)!important}.text-lg-title-sm{font-size:var(--matcha-text-title-sm, 16px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-sm, 22px)}.text-lg-title-sm--force{font-size:var(--matcha-text-title-sm, 16px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-sm, 22px)!important}.text-lg-title-xs{font-size:var(--matcha-text-title-xs, 14px);font-weight:var(--matcha-weight-extrabold,800);line-height:var(--matcha-leading-title-xs, 20px)}.text-lg-title-xs--force{font-size:var(--matcha-text-title-xs, 14px)!important;font-weight:var(--matcha-weight-extrabold,800)!important;line-height:var(--matcha-leading-title-xs, 20px)!important}.text-lg-body-lg{font-size:var(--matcha-text-body-lg, 16px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-lg, 24px)}.text-lg-body-lg--force{font-size:var(--matcha-text-body-lg, 16px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-lg, 24px)!important}.text-lg-body-md{font-size:var(--matcha-text-body-md, 14px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-md, 20px)}.text-lg-body-md--force{font-size:var(--matcha-text-body-md, 14px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-md, 20px)!important}.text-lg-body-sm{font-size:var(--matcha-text-body-sm, 12px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-sm, 16px)}.text-lg-body-sm--force{font-size:var(--matcha-text-body-sm, 12px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-sm, 16px)!important}.text-lg-p-tiny{font-size:var(--matcha-text-p-tiny, 11px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-p-tiny, 14px);letter-spacing:var(--matcha-tracking-p-tiny, .3px)}.text-lg-p-tiny--force{font-size:var(--matcha-text-p-tiny, 11px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-p-tiny, 14px)!important;letter-spacing:var(--matcha-tracking-p-tiny, .3px)!important}.text-lg-label-lg{font-size:var(--matcha-text-label-lg, 16px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-lg, 22px)}.text-lg-label-lg--force{font-size:var(--matcha-text-label-lg, 16px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-lg, 22px)!important}.text-lg-label-md{font-size:var(--matcha-text-label-md, 14px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-md, 20px)}.text-lg-label-md--force{font-size:var(--matcha-text-label-md, 14px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-md, 20px)!important}.text-lg-label-sm{font-size:var(--matcha-text-label-sm, 12px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-sm, 16px)}.text-lg-label-sm--force{font-size:var(--matcha-text-label-sm, 12px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-sm, 16px)!important}.text-lg-overline{font-size:var(--matcha-text-overline, 10px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-overline, 14px);letter-spacing:var(--matcha-tracking-overline, 1px);text-transform:uppercase}.text-lg-overline--force{font-size:var(--matcha-text-overline, 10px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-overline, 14px)!important;letter-spacing:var(--matcha-tracking-overline, 1px)!important;text-transform:uppercase!important}}@media screen and (min-width:1536px){.text-xl-display-hero{font-size:var(--matcha-text-display-hero, 36px);font-weight:var(--matcha-weight-extrabold,800);line-height:var(--matcha-leading-display-hero, 40px);letter-spacing:var(--matcha-tracking-display-hero, -1.2px)}.text-xl-display-hero--force{font-size:var(--matcha-text-display-hero, 36px)!important;font-weight:var(--matcha-weight-extrabold,800)!important;line-height:var(--matcha-leading-display-hero, 40px)!important;letter-spacing:var(--matcha-tracking-display-hero, -1.2px)!important}.text-xl-display{font-size:var(--matcha-text-display, 32px);font-weight:var(--matcha-weight-bold,700);line-height:var(--matcha-leading-display, 40px);letter-spacing:var(--matcha-tracking-display, -.3px)}.text-xl-display--force{font-size:var(--matcha-text-display, 32px)!important;font-weight:var(--matcha-weight-bold,700)!important;line-height:var(--matcha-leading-display, 40px)!important;letter-spacing:var(--matcha-tracking-display, -.3px)!important}.text-xl-headline{font-size:var(--matcha-text-headline, 24px);font-weight:var(--matcha-weight-bold,700);line-height:var(--matcha-leading-headline, 32px);letter-spacing:var(--matcha-tracking-headline, -.3px)}.text-xl-headline--force{font-size:var(--matcha-text-headline, 24px)!important;font-weight:var(--matcha-weight-bold,700)!important;line-height:var(--matcha-leading-headline, 32px)!important;letter-spacing:var(--matcha-tracking-headline, -.3px)!important}.text-xl-title-lg{font-size:var(--matcha-text-title-lg, 20px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-lg, 28px)}.text-xl-title-lg--force{font-size:var(--matcha-text-title-lg, 20px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-lg, 28px)!important}.text-xl-title-md{font-size:var(--matcha-text-title-md, 18px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-md, 24px)}.text-xl-title-md--force{font-size:var(--matcha-text-title-md, 18px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-md, 24px)!important}.text-xl-title-sm{font-size:var(--matcha-text-title-sm, 16px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-title-sm, 22px)}.text-xl-title-sm--force{font-size:var(--matcha-text-title-sm, 16px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-title-sm, 22px)!important}.text-xl-title-xs{font-size:var(--matcha-text-title-xs, 14px);font-weight:var(--matcha-weight-extrabold,800);line-height:var(--matcha-leading-title-xs, 20px)}.text-xl-title-xs--force{font-size:var(--matcha-text-title-xs, 14px)!important;font-weight:var(--matcha-weight-extrabold,800)!important;line-height:var(--matcha-leading-title-xs, 20px)!important}.text-xl-body-lg{font-size:var(--matcha-text-body-lg, 16px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-lg, 24px)}.text-xl-body-lg--force{font-size:var(--matcha-text-body-lg, 16px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-lg, 24px)!important}.text-xl-body-md{font-size:var(--matcha-text-body-md, 14px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-md, 20px)}.text-xl-body-md--force{font-size:var(--matcha-text-body-md, 14px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-md, 20px)!important}.text-xl-body-sm{font-size:var(--matcha-text-body-sm, 12px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-body-sm, 16px)}.text-xl-body-sm--force{font-size:var(--matcha-text-body-sm, 12px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-body-sm, 16px)!important}.text-xl-p-tiny{font-size:var(--matcha-text-p-tiny, 11px);font-weight:var(--matcha-weight-regular,400);line-height:var(--matcha-leading-p-tiny, 14px);letter-spacing:var(--matcha-tracking-p-tiny, .3px)}.text-xl-p-tiny--force{font-size:var(--matcha-text-p-tiny, 11px)!important;font-weight:var(--matcha-weight-regular,400)!important;line-height:var(--matcha-leading-p-tiny, 14px)!important;letter-spacing:var(--matcha-tracking-p-tiny, .3px)!important}.text-xl-label-lg{font-size:var(--matcha-text-label-lg, 16px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-lg, 22px)}.text-xl-label-lg--force{font-size:var(--matcha-text-label-lg, 16px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-lg, 22px)!important}.text-xl-label-md{font-size:var(--matcha-text-label-md, 14px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-md, 20px)}.text-xl-label-md--force{font-size:var(--matcha-text-label-md, 14px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-md, 20px)!important}.text-xl-label-sm{font-size:var(--matcha-text-label-sm, 12px);font-weight:var(--matcha-weight-medium,500);line-height:var(--matcha-leading-label-sm, 16px)}.text-xl-label-sm--force{font-size:var(--matcha-text-label-sm, 12px)!important;font-weight:var(--matcha-weight-medium,500)!important;line-height:var(--matcha-leading-label-sm, 16px)!important}.text-xl-overline{font-size:var(--matcha-text-overline, 10px);font-weight:var(--matcha-weight-semibold,600);line-height:var(--matcha-leading-overline, 14px);letter-spacing:var(--matcha-tracking-overline, 1px);text-transform:uppercase}.text-xl-overline--force{font-size:var(--matcha-text-overline, 10px)!important;font-weight:var(--matcha-weight-semibold,600)!important;line-height:var(--matcha-leading-overline, 14px)!important;letter-spacing:var(--matcha-tracking-overline, 1px)!important;text-transform:uppercase!important}}.aspect-ratio-auto{aspect-ratio:auto}.aspect-ratio-auto--force{aspect-ratio:auto!important}.aspect-ratio-1x1{aspect-ratio:1/1}.aspect-ratio-1x1--force{aspect-ratio:1/1!important}.aspect-ratio-1x2{aspect-ratio:1/2}.aspect-ratio-1x2--force{aspect-ratio:1/2!important}.aspect-ratio-2x1{aspect-ratio:2/1}.aspect-ratio-2x1--force{aspect-ratio:2/1!important}.aspect-ratio-3x4{aspect-ratio:3/4}.aspect-ratio-3x4--force{aspect-ratio:3/4!important}.aspect-ratio-4x3{aspect-ratio:4/3}.aspect-ratio-4x3--force{aspect-ratio:4/3!important}.aspect-ratio-9x16{aspect-ratio:9/16}.aspect-ratio-9x16--force{aspect-ratio:9/16!important}.aspect-ratio-16x9{aspect-ratio:16/9}.aspect-ratio-16x9--force{aspect-ratio:16/9!important}.aspect-ratio-half{aspect-ratio:0.5}.aspect-ratio-half--force{aspect-ratio:0.5!important}.aspect-ratio-inherit{aspect-ratio:inherit}.aspect-ratio-inherit--force{aspect-ratio:inherit!important}.aspect-ratio-initial{aspect-ratio:initial}.aspect-ratio-initial--force{aspect-ratio:initial!important}.aspect-ratio-unset{aspect-ratio:unset}.aspect-ratio-unset--force{aspect-ratio:unset!important}@media screen and (max-width:639px){.aspect-ratio-xs-auto{aspect-ratio:auto}.aspect-ratio-xs-auto--force{aspect-ratio:auto!important}.aspect-ratio-xs-1x1{aspect-ratio:1/1}.aspect-ratio-xs-1x1--force{aspect-ratio:1/1!important}.aspect-ratio-xs-1x2{aspect-ratio:1/2}.aspect-ratio-xs-1x2--force{aspect-ratio:1/2!important}.aspect-ratio-xs-2x1{aspect-ratio:2/1}.aspect-ratio-xs-2x1--force{aspect-ratio:2/1!important}.aspect-ratio-xs-3x4{aspect-ratio:3/4}.aspect-ratio-xs-3x4--force{aspect-ratio:3/4!important}.aspect-ratio-xs-4x3{aspect-ratio:4/3}.aspect-ratio-xs-4x3--force{aspect-ratio:4/3!important}.aspect-ratio-xs-9x16{aspect-ratio:9/16}.aspect-ratio-xs-9x16--force{aspect-ratio:9/16!important}.aspect-ratio-xs-16x9{aspect-ratio:16/9}.aspect-ratio-xs-16x9--force{aspect-ratio:16/9!important}.aspect-ratio-xs-half{aspect-ratio:0.5}.aspect-ratio-xs-half--force{aspect-ratio:0.5!important}.aspect-ratio-xs-inherit{aspect-ratio:inherit}.aspect-ratio-xs-inherit--force{aspect-ratio:inherit!important}.aspect-ratio-xs-initial{aspect-ratio:initial}.aspect-ratio-xs-initial--force{aspect-ratio:initial!important}.aspect-ratio-xs-unset{aspect-ratio:unset}.aspect-ratio-xs-unset--force{aspect-ratio:unset!important}}@media screen and (min-width:640px){.aspect-ratio-sm-auto{aspect-ratio:auto}.aspect-ratio-sm-auto--force{aspect-ratio:auto!important}.aspect-ratio-sm-1x1{aspect-ratio:1/1}.aspect-ratio-sm-1x1--force{aspect-ratio:1/1!important}.aspect-ratio-sm-1x2{aspect-ratio:1/2}.aspect-ratio-sm-1x2--force{aspect-ratio:1/2!important}.aspect-ratio-sm-2x1{aspect-ratio:2/1}.aspect-ratio-sm-2x1--force{aspect-ratio:2/1!important}.aspect-ratio-sm-3x4{aspect-ratio:3/4}.aspect-ratio-sm-3x4--force{aspect-ratio:3/4!important}.aspect-ratio-sm-4x3{aspect-ratio:4/3}.aspect-ratio-sm-4x3--force{aspect-ratio:4/3!important}.aspect-ratio-sm-9x16{aspect-ratio:9/16}.aspect-ratio-sm-9x16--force{aspect-ratio:9/16!important}.aspect-ratio-sm-16x9{aspect-ratio:16/9}.aspect-ratio-sm-16x9--force{aspect-ratio:16/9!important}.aspect-ratio-sm-half{aspect-ratio:0.5}.aspect-ratio-sm-half--force{aspect-ratio:0.5!important}.aspect-ratio-sm-inherit{aspect-ratio:inherit}.aspect-ratio-sm-inherit--force{aspect-ratio:inherit!important}.aspect-ratio-sm-initial{aspect-ratio:initial}.aspect-ratio-sm-initial--force{aspect-ratio:initial!important}.aspect-ratio-sm-unset{aspect-ratio:unset}.aspect-ratio-sm-unset--force{aspect-ratio:unset!important}}@media screen and (min-width:1024px){.aspect-ratio-md-auto{aspect-ratio:auto}.aspect-ratio-md-auto--force{aspect-ratio:auto!important}.aspect-ratio-md-1x1{aspect-ratio:1/1}.aspect-ratio-md-1x1--force{aspect-ratio:1/1!important}.aspect-ratio-md-1x2{aspect-ratio:1/2}.aspect-ratio-md-1x2--force{aspect-ratio:1/2!important}.aspect-ratio-md-2x1{aspect-ratio:2/1}.aspect-ratio-md-2x1--force{aspect-ratio:2/1!important}.aspect-ratio-md-3x4{aspect-ratio:3/4}.aspect-ratio-md-3x4--force{aspect-ratio:3/4!important}.aspect-ratio-md-4x3{aspect-ratio:4/3}.aspect-ratio-md-4x3--force{aspect-ratio:4/3!important}.aspect-ratio-md-9x16{aspect-ratio:9/16}.aspect-ratio-md-9x16--force{aspect-ratio:9/16!important}.aspect-ratio-md-16x9{aspect-ratio:16/9}.aspect-ratio-md-16x9--force{aspect-ratio:16/9!important}.aspect-ratio-md-half{aspect-ratio:0.5}.aspect-ratio-md-half--force{aspect-ratio:0.5!important}.aspect-ratio-md-inherit{aspect-ratio:inherit}.aspect-ratio-md-inherit--force{aspect-ratio:inherit!important}.aspect-ratio-md-initial{aspect-ratio:initial}.aspect-ratio-md-initial--force{aspect-ratio:initial!important}.aspect-ratio-md-unset{aspect-ratio:unset}.aspect-ratio-md-unset--force{aspect-ratio:unset!important}}@media screen and (min-width:1280px){.aspect-ratio-lg-auto{aspect-ratio:auto}.aspect-ratio-lg-auto--force{aspect-ratio:auto!important}.aspect-ratio-lg-1x1{aspect-ratio:1/1}.aspect-ratio-lg-1x1--force{aspect-ratio:1/1!important}.aspect-ratio-lg-1x2{aspect-ratio:1/2}.aspect-ratio-lg-1x2--force{aspect-ratio:1/2!important}.aspect-ratio-lg-2x1{aspect-ratio:2/1}.aspect-ratio-lg-2x1--force{aspect-ratio:2/1!important}.aspect-ratio-lg-3x4{aspect-ratio:3/4}.aspect-ratio-lg-3x4--force{aspect-ratio:3/4!important}.aspect-ratio-lg-4x3{aspect-ratio:4/3}.aspect-ratio-lg-4x3--force{aspect-ratio:4/3!important}.aspect-ratio-lg-9x16{aspect-ratio:9/16}.aspect-ratio-lg-9x16--force{aspect-ratio:9/16!important}.aspect-ratio-lg-16x9{aspect-ratio:16/9}.aspect-ratio-lg-16x9--force{aspect-ratio:16/9!important}.aspect-ratio-lg-half{aspect-ratio:0.5}.aspect-ratio-lg-half--force{aspect-ratio:0.5!important}.aspect-ratio-lg-inherit{aspect-ratio:inherit}.aspect-ratio-lg-inherit--force{aspect-ratio:inherit!important}.aspect-ratio-lg-initial{aspect-ratio:initial}.aspect-ratio-lg-initial--force{aspect-ratio:initial!important}.aspect-ratio-lg-unset{aspect-ratio:unset}.aspect-ratio-lg-unset--force{aspect-ratio:unset!important}}@media screen and (min-width:1536px){.aspect-ratio-xl-auto{aspect-ratio:auto}.aspect-ratio-xl-auto--force{aspect-ratio:auto!important}.aspect-ratio-xl-1x1{aspect-ratio:1/1}.aspect-ratio-xl-1x1--force{aspect-ratio:1/1!important}.aspect-ratio-xl-1x2{aspect-ratio:1/2}.aspect-ratio-xl-1x2--force{aspect-ratio:1/2!important}.aspect-ratio-xl-2x1{aspect-ratio:2/1}.aspect-ratio-xl-2x1--force{aspect-ratio:2/1!important}.aspect-ratio-xl-3x4{aspect-ratio:3/4}.aspect-ratio-xl-3x4--force{aspect-ratio:3/4!important}.aspect-ratio-xl-4x3{aspect-ratio:4/3}.aspect-ratio-xl-4x3--force{aspect-ratio:4/3!important}.aspect-ratio-xl-9x16{aspect-ratio:9/16}.aspect-ratio-xl-9x16--force{aspect-ratio:9/16!important}.aspect-ratio-xl-16x9{aspect-ratio:16/9}.aspect-ratio-xl-16x9--force{aspect-ratio:16/9!important}.aspect-ratio-xl-half{aspect-ratio:0.5}.aspect-ratio-xl-half--force{aspect-ratio:0.5!important}.aspect-ratio-xl-inherit{aspect-ratio:inherit}.aspect-ratio-xl-inherit--force{aspect-ratio:inherit!important}.aspect-ratio-xl-initial{aspect-ratio:initial}.aspect-ratio-xl-initial--force{aspect-ratio:initial!important}.aspect-ratio-xl-unset{aspect-ratio:unset}.aspect-ratio-xl-unset--force{aspect-ratio:unset!important}}.object-fit-cover{object-fit:cover}.object-fit-cover--force{object-fit:cover!important}.object-fit-contain{object-fit:contain}.object-fit-contain--force{object-fit:contain!important}.object-fit-fill{object-fit:fill}.object-fit-fill--force{object-fit:fill!important}.object-fit-none{object-fit:none}.object-fit-none--force{object-fit:none!important}.object-fit-scale-down{object-fit:scale-down}.object-fit-scale-down--force{object-fit:scale-down!important}.object-position-center{object-position:center}.object-position-center--force{object-position:center!important}.object-position-top{object-position:top}.object-position-top--force{object-position:top!important}.object-position-bottom{object-position:bottom}.object-position-bottom--force{object-position:bottom!important}.object-position-left{object-position:left}.object-position-left--force{object-position:left!important}.object-position-right{object-position:right}.object-position-right--force{object-position:right!important}@media screen and (max-width:639px){.object-fit-xs-cover{object-fit:cover}.object-fit-xs-cover--force{object-fit:cover!important}.object-fit-xs-contain{object-fit:contain}.object-fit-xs-contain--force{object-fit:contain!important}.object-fit-xs-fill{object-fit:fill}.object-fit-xs-fill--force{object-fit:fill!important}.object-fit-xs-none{object-fit:none}.object-fit-xs-none--force{object-fit:none!important}.object-fit-xs-scale-down{object-fit:scale-down}.object-fit-xs-scale-down--force{object-fit:scale-down!important}.object-position-xs-center{object-position:center}.object-position-xs-center--force{object-position:center!important}.object-position-xs-top{object-position:top}.object-position-xs-top--force{object-position:top!important}.object-position-xs-bottom{object-position:bottom}.object-position-xs-bottom--force{object-position:bottom!important}.object-position-xs-left{object-position:left}.object-position-xs-left--force{object-position:left!important}.object-position-xs-right{object-position:right}.object-position-xs-right--force{object-position:right!important}}@media screen and (min-width:640px){.object-fit-sm-cover{object-fit:cover}.object-fit-sm-cover--force{object-fit:cover!important}.object-fit-sm-contain{object-fit:contain}.object-fit-sm-contain--force{object-fit:contain!important}.object-fit-sm-fill{object-fit:fill}.object-fit-sm-fill--force{object-fit:fill!important}.object-fit-sm-none{object-fit:none}.object-fit-sm-none--force{object-fit:none!important}.object-fit-sm-scale-down{object-fit:scale-down}.object-fit-sm-scale-down--force{object-fit:scale-down!important}.object-position-sm-center{object-position:center}.object-position-sm-center--force{object-position:center!important}.object-position-sm-top{object-position:top}.object-position-sm-top--force{object-position:top!important}.object-position-sm-bottom{object-position:bottom}.object-position-sm-bottom--force{object-position:bottom!important}.object-position-sm-left{object-position:left}.object-position-sm-left--force{object-position:left!important}.object-position-sm-right{object-position:right}.object-position-sm-right--force{object-position:right!important}}@media screen and (min-width:1024px){.object-fit-md-cover{object-fit:cover}.object-fit-md-cover--force{object-fit:cover!important}.object-fit-md-contain{object-fit:contain}.object-fit-md-contain--force{object-fit:contain!important}.object-fit-md-fill{object-fit:fill}.object-fit-md-fill--force{object-fit:fill!important}.object-fit-md-none{object-fit:none}.object-fit-md-none--force{object-fit:none!important}.object-fit-md-scale-down{object-fit:scale-down}.object-fit-md-scale-down--force{object-fit:scale-down!important}.object-position-md-center{object-position:center}.object-position-md-center--force{object-position:center!important}.object-position-md-top{object-position:top}.object-position-md-top--force{object-position:top!important}.object-position-md-bottom{object-position:bottom}.object-position-md-bottom--force{object-position:bottom!important}.object-position-md-left{object-position:left}.object-position-md-left--force{object-position:left!important}.object-position-md-right{object-position:right}.object-position-md-right--force{object-position:right!important}}@media screen and (min-width:1280px){.object-fit-lg-cover{object-fit:cover}.object-fit-lg-cover--force{object-fit:cover!important}.object-fit-lg-contain{object-fit:contain}.object-fit-lg-contain--force{object-fit:contain!important}.object-fit-lg-fill{object-fit:fill}.object-fit-lg-fill--force{object-fit:fill!important}.object-fit-lg-none{object-fit:none}.object-fit-lg-none--force{object-fit:none!important}.object-fit-lg-scale-down{object-fit:scale-down}.object-fit-lg-scale-down--force{object-fit:scale-down!important}.object-position-lg-center{object-position:center}.object-position-lg-center--force{object-position:center!important}.object-position-lg-top{object-position:top}.object-position-lg-top--force{object-position:top!important}.object-position-lg-bottom{object-position:bottom}.object-position-lg-bottom--force{object-position:bottom!important}.object-position-lg-left{object-position:left}.object-position-lg-left--force{object-position:left!important}.object-position-lg-right{object-position:right}.object-position-lg-right--force{object-position:right!important}}@media screen and (min-width:1536px){.object-fit-xl-cover{object-fit:cover}.object-fit-xl-cover--force{object-fit:cover!important}.object-fit-xl-contain{object-fit:contain}.object-fit-xl-contain--force{object-fit:contain!important}.object-fit-xl-fill{object-fit:fill}.object-fit-xl-fill--force{object-fit:fill!important}.object-fit-xl-none{object-fit:none}.object-fit-xl-none--force{object-fit:none!important}.object-fit-xl-scale-down{object-fit:scale-down}.object-fit-xl-scale-down--force{object-fit:scale-down!important}.object-position-xl-center{object-position:center}.object-position-xl-center--force{object-position:center!important}.object-position-xl-top{object-position:top}.object-position-xl-top--force{object-position:top!important}.object-position-xl-bottom{object-position:bottom}.object-position-xl-bottom--force{object-position:bottom!important}.object-position-xl-left{object-position:left}.object-position-xl-left--force{object-position:left!important}.object-position-xl-right{object-position:right}.object-position-xl-right--force{object-position:right!important}}.cursor-pointer{cursor:pointer}.cursor-pointer--force{cursor:pointer!important}.cursor-default{cursor:default}.cursor-default--force{cursor:default!important}.cursor-grab{cursor:grab}.cursor-grab--force{cursor:grab!important}.cursor-grabbing{cursor:grabbing}.cursor-grabbing--force{cursor:grabbing!important}.cursor-move{cursor:move}.cursor-move--force{cursor:move!important}.cursor-help{cursor:help}.cursor-help--force{cursor:help!important}.cursor-wait{cursor:wait}.cursor-wait--force{cursor:wait!important}@media screen and (max-width:639px){.cursor-pointer-xs{cursor:pointer}.cursor-pointer-xs--force{cursor:pointer!important}.cursor-default-xs{cursor:default}.cursor-default-xs--force{cursor:default!important}.cursor-grab-xs{cursor:grab}.cursor-grab-xs--force{cursor:grab!important}.cursor-grabbing-xs{cursor:grabbing}.cursor-grabbing-xs--force{cursor:grabbing!important}.cursor-move-xs{cursor:move}.cursor-move-xs--force{cursor:move!important}.cursor-help-xs{cursor:help}.cursor-help-xs--force{cursor:help!important}.cursor-wait-xs{cursor:wait}.cursor-wait-xs--force{cursor:wait!important}}@media screen and (min-width:640px){.cursor-pointer-sm{cursor:pointer}.cursor-pointer-sm--force{cursor:pointer!important}.cursor-default-sm{cursor:default}.cursor-default-sm--force{cursor:default!important}.cursor-grab-sm{cursor:grab}.cursor-grab-sm--force{cursor:grab!important}.cursor-grabbing-sm{cursor:grabbing}.cursor-grabbing-sm--force{cursor:grabbing!important}.cursor-move-sm{cursor:move}.cursor-move-sm--force{cursor:move!important}.cursor-help-sm{cursor:help}.cursor-help-sm--force{cursor:help!important}.cursor-wait-sm{cursor:wait}.cursor-wait-sm--force{cursor:wait!important}}@media screen and (min-width:1024px){.cursor-pointer-md{cursor:pointer}.cursor-pointer-md--force{cursor:pointer!important}.cursor-default-md{cursor:default}.cursor-default-md--force{cursor:default!important}.cursor-grab-md{cursor:grab}.cursor-grab-md--force{cursor:grab!important}.cursor-grabbing-md{cursor:grabbing}.cursor-grabbing-md--force{cursor:grabbing!important}.cursor-move-md{cursor:move}.cursor-move-md--force{cursor:move!important}.cursor-help-md{cursor:help}.cursor-help-md--force{cursor:help!important}.cursor-wait-md{cursor:wait}.cursor-wait-md--force{cursor:wait!important}}@media screen and (min-width:1280px){.cursor-pointer-lg{cursor:pointer}.cursor-pointer-lg--force{cursor:pointer!important}.cursor-default-lg{cursor:default}.cursor-default-lg--force{cursor:default!important}.cursor-grab-lg{cursor:grab}.cursor-grab-lg--force{cursor:grab!important}.cursor-grabbing-lg{cursor:grabbing}.cursor-grabbing-lg--force{cursor:grabbing!important}.cursor-move-lg{cursor:move}.cursor-move-lg--force{cursor:move!important}.cursor-help-lg{cursor:help}.cursor-help-lg--force{cursor:help!important}.cursor-wait-lg{cursor:wait}.cursor-wait-lg--force{cursor:wait!important}}@media screen and (min-width:1536px){.cursor-pointer-xl{cursor:pointer}.cursor-pointer-xl--force{cursor:pointer!important}.cursor-default-xl{cursor:default}.cursor-default-xl--force{cursor:default!important}.cursor-grab-xl{cursor:grab}.cursor-grab-xl--force{cursor:grab!important}.cursor-grabbing-xl{cursor:grabbing}.cursor-grabbing-xl--force{cursor:grabbing!important}.cursor-move-xl{cursor:move}.cursor-move-xl--force{cursor:move!important}.cursor-help-xl{cursor:help}.cursor-help-xl--force{cursor:help!important}.cursor-wait-xl{cursor:wait}.cursor-wait-xl--force{cursor:wait!important}}.pointer-events-auto{pointer-events:auto}.pointer-events-auto--force{pointer-events:auto!important}.pointer-events-none{pointer-events:none}.pointer-events-none--force{pointer-events:none!important}.pointer-events-all{pointer-events:all}.pointer-events-all--force{pointer-events:all!important}.pointer-events-visible{pointer-events:visible}.pointer-events-visible--force{pointer-events:visible!important}.pointer-events-visiblePainted{pointer-events:visiblePainted}.pointer-events-visiblePainted--force{pointer-events:visiblePainted!important}.pointer-events-visibleFill{pointer-events:visibleFill}.pointer-events-visibleFill--force{pointer-events:visibleFill!important}.pointer-events-visibleStroke{pointer-events:visibleStroke}.pointer-events-visibleStroke--force{pointer-events:visibleStroke!important}.pointer-events-painted{pointer-events:painted}.pointer-events-painted--force{pointer-events:painted!important}.pointer-events-fill{pointer-events:fill}.pointer-events-fill--force{pointer-events:fill!important}.pointer-events-stroke{pointer-events:stroke}.pointer-events-stroke--force{pointer-events:stroke!important}@media screen and (max-width:639px){.pointer-events-auto-xs{pointer-events:auto}.pointer-events-auto-xs--force{pointer-events:auto!important}.pointer-events-none-xs{pointer-events:none}.pointer-events-none-xs--force{pointer-events:none!important}.pointer-events-all-xs{pointer-events:all}.pointer-events-all-xs--force{pointer-events:all!important}.pointer-events-visible-xs{pointer-events:visible}.pointer-events-visible-xs--force{pointer-events:visible!important}.pointer-events-visiblePainted-xs{pointer-events:visiblePainted}.pointer-events-visiblePainted-xs--force{pointer-events:visiblePainted!important}.pointer-events-visibleFill-xs{pointer-events:visibleFill}.pointer-events-visibleFill-xs--force{pointer-events:visibleFill!important}.pointer-events-visibleStroke-xs{pointer-events:visibleStroke}.pointer-events-visibleStroke-xs--force{pointer-events:visibleStroke!important}.pointer-events-painted-xs{pointer-events:painted}.pointer-events-painted-xs--force{pointer-events:painted!important}.pointer-events-fill-xs{pointer-events:fill}.pointer-events-fill-xs--force{pointer-events:fill!important}.pointer-events-stroke-xs{pointer-events:stroke}.pointer-events-stroke-xs--force{pointer-events:stroke!important}}@media screen and (min-width:640px){.pointer-events-auto-sm{pointer-events:auto}.pointer-events-auto-sm--force{pointer-events:auto!important}.pointer-events-none-sm{pointer-events:none}.pointer-events-none-sm--force{pointer-events:none!important}.pointer-events-all-sm{pointer-events:all}.pointer-events-all-sm--force{pointer-events:all!important}.pointer-events-visible-sm{pointer-events:visible}.pointer-events-visible-sm--force{pointer-events:visible!important}.pointer-events-visiblePainted-sm{pointer-events:visiblePainted}.pointer-events-visiblePainted-sm--force{pointer-events:visiblePainted!important}.pointer-events-visibleFill-sm{pointer-events:visibleFill}.pointer-events-visibleFill-sm--force{pointer-events:visibleFill!important}.pointer-events-visibleStroke-sm{pointer-events:visibleStroke}.pointer-events-visibleStroke-sm--force{pointer-events:visibleStroke!important}.pointer-events-painted-sm{pointer-events:painted}.pointer-events-painted-sm--force{pointer-events:painted!important}.pointer-events-fill-sm{pointer-events:fill}.pointer-events-fill-sm--force{pointer-events:fill!important}.pointer-events-stroke-sm{pointer-events:stroke}.pointer-events-stroke-sm--force{pointer-events:stroke!important}}@media screen and (min-width:1024px){.pointer-events-auto-md{pointer-events:auto}.pointer-events-auto-md--force{pointer-events:auto!important}.pointer-events-none-md{pointer-events:none}.pointer-events-none-md--force{pointer-events:none!important}.pointer-events-all-md{pointer-events:all}.pointer-events-all-md--force{pointer-events:all!important}.pointer-events-visible-md{pointer-events:visible}.pointer-events-visible-md--force{pointer-events:visible!important}.pointer-events-visiblePainted-md{pointer-events:visiblePainted}.pointer-events-visiblePainted-md--force{pointer-events:visiblePainted!important}.pointer-events-visibleFill-md{pointer-events:visibleFill}.pointer-events-visibleFill-md--force{pointer-events:visibleFill!important}.pointer-events-visibleStroke-md{pointer-events:visibleStroke}.pointer-events-visibleStroke-md--force{pointer-events:visibleStroke!important}.pointer-events-painted-md{pointer-events:painted}.pointer-events-painted-md--force{pointer-events:painted!important}.pointer-events-fill-md{pointer-events:fill}.pointer-events-fill-md--force{pointer-events:fill!important}.pointer-events-stroke-md{pointer-events:stroke}.pointer-events-stroke-md--force{pointer-events:stroke!important}}@media screen and (min-width:1280px){.pointer-events-auto-lg{pointer-events:auto}.pointer-events-auto-lg--force{pointer-events:auto!important}.pointer-events-none-lg{pointer-events:none}.pointer-events-none-lg--force{pointer-events:none!important}.pointer-events-all-lg{pointer-events:all}.pointer-events-all-lg--force{pointer-events:all!important}.pointer-events-visible-lg{pointer-events:visible}.pointer-events-visible-lg--force{pointer-events:visible!important}.pointer-events-visiblePainted-lg{pointer-events:visiblePainted}.pointer-events-visiblePainted-lg--force{pointer-events:visiblePainted!important}.pointer-events-visibleFill-lg{pointer-events:visibleFill}.pointer-events-visibleFill-lg--force{pointer-events:visibleFill!important}.pointer-events-visibleStroke-lg{pointer-events:visibleStroke}.pointer-events-visibleStroke-lg--force{pointer-events:visibleStroke!important}.pointer-events-painted-lg{pointer-events:painted}.pointer-events-painted-lg--force{pointer-events:painted!important}.pointer-events-fill-lg{pointer-events:fill}.pointer-events-fill-lg--force{pointer-events:fill!important}.pointer-events-stroke-lg{pointer-events:stroke}.pointer-events-stroke-lg--force{pointer-events:stroke!important}}@media screen and (min-width:1536px){.pointer-events-auto-xl{pointer-events:auto}.pointer-events-auto-xl--force{pointer-events:auto!important}.pointer-events-none-xl{pointer-events:none}.pointer-events-none-xl--force{pointer-events:none!important}.pointer-events-all-xl{pointer-events:all}.pointer-events-all-xl--force{pointer-events:all!important}.pointer-events-visible-xl{pointer-events:visible}.pointer-events-visible-xl--force{pointer-events:visible!important}.pointer-events-visiblePainted-xl{pointer-events:visiblePainted}.pointer-events-visiblePainted-xl--force{pointer-events:visiblePainted!important}.pointer-events-visibleFill-xl{pointer-events:visibleFill}.pointer-events-visibleFill-xl--force{pointer-events:visibleFill!important}.pointer-events-visibleStroke-xl{pointer-events:visibleStroke}.pointer-events-visibleStroke-xl--force{pointer-events:visibleStroke!important}.pointer-events-painted-xl{pointer-events:painted}.pointer-events-painted-xl--force{pointer-events:painted!important}.pointer-events-fill-xl{pointer-events:fill}.pointer-events-fill-xl--force{pointer-events:fill!important}.pointer-events-stroke-xl{pointer-events:stroke}.pointer-events-stroke-xl--force{pointer-events:stroke!important}}.opacity-0{opacity:0}.opacity-0--force{opacity:0!important}.opacity-01{opacity:.1}.opacity-01--force{opacity:.1!important}.opacity-02{opacity:.2}.opacity-02--force{opacity:.2!important}.opacity-03{opacity:.3}.opacity-03--force{opacity:.3!important}.opacity-04{opacity:.4}.opacity-04--force{opacity:.4!important}.opacity-05{opacity:.5}.opacity-05--force{opacity:.5!important}.opacity-06{opacity:.6}.opacity-06--force{opacity:.6!important}.opacity-07{opacity:.7}.opacity-07--force{opacity:.7!important}.opacity-08{opacity:.8}.opacity-08--force{opacity:.8!important}.opacity-09{opacity:.9}.opacity-09--force{opacity:.9!important}.opacity-10{opacity:1}.opacity-10--force{opacity:1!important}.opacity-1{opacity:1}.opacity-1--force{opacity:1!important}@media screen and (max-width:639px){.opacity-xs-0{opacity:0}.opacity-xs-0--force{opacity:0!important}.opacity-xs-01{opacity:.1}.opacity-xs-01--force{opacity:.1!important}.opacity-xs-02{opacity:.2}.opacity-xs-02--force{opacity:.2!important}.opacity-xs-03{opacity:.3}.opacity-xs-03--force{opacity:.3!important}.opacity-xs-04{opacity:.4}.opacity-xs-04--force{opacity:.4!important}.opacity-xs-05{opacity:.5}.opacity-xs-05--force{opacity:.5!important}.opacity-xs-06{opacity:.6}.opacity-xs-06--force{opacity:.6!important}.opacity-xs-07{opacity:.7}.opacity-xs-07--force{opacity:.7!important}.opacity-xs-08{opacity:.8}.opacity-xs-08--force{opacity:.8!important}.opacity-xs-09{opacity:.9}.opacity-xs-09--force{opacity:.9!important}.opacity-xs-10{opacity:1}.opacity-xs-10--force{opacity:1!important}.opacity-xs-1{opacity:1}.opacity-xs-1--force{opacity:1!important}}@media screen and (min-width:640px){.opacity-sm-0{opacity:0}.opacity-sm-0--force{opacity:0!important}.opacity-sm-01{opacity:.1}.opacity-sm-01--force{opacity:.1!important}.opacity-sm-02{opacity:.2}.opacity-sm-02--force{opacity:.2!important}.opacity-sm-03{opacity:.3}.opacity-sm-03--force{opacity:.3!important}.opacity-sm-04{opacity:.4}.opacity-sm-04--force{opacity:.4!important}.opacity-sm-05{opacity:.5}.opacity-sm-05--force{opacity:.5!important}.opacity-sm-06{opacity:.6}.opacity-sm-06--force{opacity:.6!important}.opacity-sm-07{opacity:.7}.opacity-sm-07--force{opacity:.7!important}.opacity-sm-08{opacity:.8}.opacity-sm-08--force{opacity:.8!important}.opacity-sm-09{opacity:.9}.opacity-sm-09--force{opacity:.9!important}.opacity-sm-10{opacity:1}.opacity-sm-10--force{opacity:1!important}.opacity-sm-1{opacity:1}.opacity-sm-1--force{opacity:1!important}}@media screen and (min-width:1024px){.opacity-md-0{opacity:0}.opacity-md-0--force{opacity:0!important}.opacity-md-01{opacity:.1}.opacity-md-01--force{opacity:.1!important}.opacity-md-02{opacity:.2}.opacity-md-02--force{opacity:.2!important}.opacity-md-03{opacity:.3}.opacity-md-03--force{opacity:.3!important}.opacity-md-04{opacity:.4}.opacity-md-04--force{opacity:.4!important}.opacity-md-05{opacity:.5}.opacity-md-05--force{opacity:.5!important}.opacity-md-06{opacity:.6}.opacity-md-06--force{opacity:.6!important}.opacity-md-07{opacity:.7}.opacity-md-07--force{opacity:.7!important}.opacity-md-08{opacity:.8}.opacity-md-08--force{opacity:.8!important}.opacity-md-09{opacity:.9}.opacity-md-09--force{opacity:.9!important}.opacity-md-10{opacity:1}.opacity-md-10--force{opacity:1!important}.opacity-md-1{opacity:1}.opacity-md-1--force{opacity:1!important}}@media screen and (min-width:1280px){.opacity-lg-0{opacity:0}.opacity-lg-0--force{opacity:0!important}.opacity-lg-01{opacity:.1}.opacity-lg-01--force{opacity:.1!important}.opacity-lg-02{opacity:.2}.opacity-lg-02--force{opacity:.2!important}.opacity-lg-03{opacity:.3}.opacity-lg-03--force{opacity:.3!important}.opacity-lg-04{opacity:.4}.opacity-lg-04--force{opacity:.4!important}.opacity-lg-05{opacity:.5}.opacity-lg-05--force{opacity:.5!important}.opacity-lg-06{opacity:.6}.opacity-lg-06--force{opacity:.6!important}.opacity-lg-07{opacity:.7}.opacity-lg-07--force{opacity:.7!important}.opacity-lg-08{opacity:.8}.opacity-lg-08--force{opacity:.8!important}.opacity-lg-09{opacity:.9}.opacity-lg-09--force{opacity:.9!important}.opacity-lg-10{opacity:1}.opacity-lg-10--force{opacity:1!important}.opacity-lg-1{opacity:1}.opacity-lg-1--force{opacity:1!important}}@media screen and (min-width:1536px){.opacity-xl-0{opacity:0}.opacity-xl-0--force{opacity:0!important}.opacity-xl-01{opacity:.1}.opacity-xl-01--force{opacity:.1!important}.opacity-xl-02{opacity:.2}.opacity-xl-02--force{opacity:.2!important}.opacity-xl-03{opacity:.3}.opacity-xl-03--force{opacity:.3!important}.opacity-xl-04{opacity:.4}.opacity-xl-04--force{opacity:.4!important}.opacity-xl-05{opacity:.5}.opacity-xl-05--force{opacity:.5!important}.opacity-xl-06{opacity:.6}.opacity-xl-06--force{opacity:.6!important}.opacity-xl-07{opacity:.7}.opacity-xl-07--force{opacity:.7!important}.opacity-xl-08{opacity:.8}.opacity-xl-08--force{opacity:.8!important}.opacity-xl-09{opacity:.9}.opacity-xl-09--force{opacity:.9!important}.opacity-xl-10{opacity:1}.opacity-xl-10--force{opacity:1!important}.opacity-xl-1{opacity:1}.opacity-xl-1--force{opacity:1!important}}.clearfix::after{content:"";clear:both;display:table}.float-left{float:left}.float-right{float:right}.list-style-none{list-style:none}.list-style-disc{list-style:disc}.list-style-dot{list-style:dot}.text-decoration-strike,.text-line-through,.text-strike{text-decoration:line-through}.text-decoration-strike--force,.text-line-through--force,.text-strike--force{text-decoration:line-through!important}.text-decoration-none,.text-none{text-decoration:none}.text-decoration-none--force,.text-none--force{text-decoration:none!important}.text-super{vertical-align:super}.text-super--force{vertical-align:super!important}.text-sub{vertical-align:sub}.text-sub--force{vertical-align:sub!important}@media screen and (max-width:639px){.text-xs-decoration-strike,.text-xs-line-through,.text-xs-strike{text-decoration:line-through}.text-xs-decoration-strike--force,.text-xs-line-through--force,.text-xs-strike--force{text-decoration:line-through!important}.text-xs-decoration-none,.text-xs-none{text-decoration:none}.text-xs-decoration-none--force,.text-xs-none--force{text-decoration:none!important}.text-xs-super{vertical-align:super}.text-xs-super--force{vertical-align:super!important}.text-xs-sub{vertical-align:sub}.text-xs-sub--force{vertical-align:sub!important}}@media screen and (min-width:640px){.text-sm-decoration-strike,.text-sm-line-through,.text-sm-strike{text-decoration:line-through}.text-sm-decoration-strike--force,.text-sm-line-through--force,.text-sm-strike--force{text-decoration:line-through!important}.text-sm-decoration-none,.text-sm-none{text-decoration:none}.text-sm-decoration-none--force,.text-sm-none--force{text-decoration:none!important}.text-sm-super{vertical-align:super}.text-sm-super--force{vertical-align:super!important}.text-sm-sub{vertical-align:sub}.text-sm-sub--force{vertical-align:sub!important}}@media screen and (min-width:1024px){.text-md-decoration-strike,.text-md-line-through,.text-md-strike{text-decoration:line-through}.text-md-decoration-strike--force,.text-md-line-through--force,.text-md-strike--force{text-decoration:line-through!important}.text-md-decoration-none,.text-md-none{text-decoration:none}.text-md-decoration-none--force,.text-md-none--force{text-decoration:none!important}.text-md-super{vertical-align:super}.text-md-super--force{vertical-align:super!important}.text-md-sub{vertical-align:sub}.text-md-sub--force{vertical-align:sub!important}}@media screen and (min-width:1280px){.text-lg-decoration-strike,.text-lg-line-through,.text-lg-strike{text-decoration:line-through}.text-lg-decoration-strike--force,.text-lg-line-through--force,.text-lg-strike--force{text-decoration:line-through!important}.text-lg-decoration-none,.text-lg-none{text-decoration:none}.text-lg-decoration-none--force,.text-lg-none--force{text-decoration:none!important}.text-lg-super{vertical-align:super}.text-lg-super--force{vertical-align:super!important}.text-lg-sub{vertical-align:sub}.text-lg-sub--force{vertical-align:sub!important}}@media screen and (min-width:1536px){.text-xl-decoration-strike,.text-xl-line-through,.text-xl-strike{text-decoration:line-through}.text-xl-decoration-strike--force,.text-xl-line-through--force,.text-xl-strike--force{text-decoration:line-through!important}.text-xl-decoration-none,.text-xl-none{text-decoration:none}.text-xl-decoration-none--force,.text-xl-none--force{text-decoration:none!important}.text-xl-super{vertical-align:super}.text-xl-super--force{vertical-align:super!important}.text-xl-sub{vertical-align:sub}.text-xl-sub--force{vertical-align:sub!important}}.text-capitalize{text-transform:capitalize}.text-capitalize--force{text-transform:capitalize!important}.text-lowercase{text-transform:lowercase}.text-lowercase--force{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase}.text-uppercase--force{text-transform:uppercase!important}.text-nowrap{white-space:nowrap}.text-left{text-align:left}.text-left--force{text-align:left!important}.text-center{text-align:center}.text-center--force{text-align:center!important}.text-right{text-align:right}.text-right--force{text-align:right!important}@media screen and (max-width:639px){.text-xs-capitalize{text-transform:capitalize}.text-xs-capitalize--force{text-transform:capitalize!important}.text-xs-lowercase{text-transform:lowercase}.text-xs-lowercase--force{text-transform:lowercase!important}.text-xs-uppercase{text-transform:uppercase}.text-xs-uppercase--force{text-transform:uppercase!important}.text-xs-nowrap{white-space:nowrap}.text-xs-left{text-align:left}.text-xs-left--force{text-align:left!important}.text-xs-center{text-align:center}.text-xs-center--force{text-align:center!important}.text-xs-right{text-align:right}.text-xs-right--force{text-align:right!important}}@media screen and (min-width:640px){.text-sm-capitalize{text-transform:capitalize}.text-sm-capitalize--force{text-transform:capitalize!important}.text-sm-lowercase{text-transform:lowercase}.text-sm-lowercase--force{text-transform:lowercase!important}.text-sm-uppercase{text-transform:uppercase}.text-sm-uppercase--force{text-transform:uppercase!important}.text-sm-nowrap{white-space:nowrap}.text-sm-left{text-align:left}.text-sm-left--force{text-align:left!important}.text-sm-center{text-align:center}.text-sm-center--force{text-align:center!important}.text-sm-right{text-align:right}.text-sm-right--force{text-align:right!important}}@media screen and (min-width:1024px){.text-md-capitalize{text-transform:capitalize}.text-md-capitalize--force{text-transform:capitalize!important}.text-md-lowercase{text-transform:lowercase}.text-md-lowercase--force{text-transform:lowercase!important}.text-md-uppercase{text-transform:uppercase}.text-md-uppercase--force{text-transform:uppercase!important}.text-md-nowrap{white-space:nowrap}.text-md-left{text-align:left}.text-md-left--force{text-align:left!important}.text-md-center{text-align:center}.text-md-center--force{text-align:center!important}.text-md-right{text-align:right}.text-md-right--force{text-align:right!important}}@media screen and (min-width:1280px){.text-lg-capitalize{text-transform:capitalize}.text-lg-capitalize--force{text-transform:capitalize!important}.text-lg-lowercase{text-transform:lowercase}.text-lg-lowercase--force{text-transform:lowercase!important}.text-lg-uppercase{text-transform:uppercase}.text-lg-uppercase--force{text-transform:uppercase!important}.text-lg-nowrap{white-space:nowrap}.text-lg-left{text-align:left}.text-lg-left--force{text-align:left!important}.text-lg-center{text-align:center}.text-lg-center--force{text-align:center!important}.text-lg-right{text-align:right}.text-lg-right--force{text-align:right!important}}@media screen and (min-width:1536px){.text-xl-capitalize{text-transform:capitalize}.text-xl-capitalize--force{text-transform:capitalize!important}.text-xl-lowercase{text-transform:lowercase}.text-xl-lowercase--force{text-transform:lowercase!important}.text-xl-uppercase{text-transform:uppercase}.text-xl-uppercase--force{text-transform:uppercase!important}.text-xl-nowrap{white-space:nowrap}.text-xl-left{text-align:left}.text-xl-left--force{text-align:left!important}.text-xl-center{text-align:center}.text-xl-center--force{text-align:center!important}.text-xl-right{text-align:right}.text-xl-right--force{text-align:right!important}}.text-boxed{border-radius:2px;padding:4px 8px;margin:0 8px;font-size:11px;font-weight:600;white-space:nowrap}.text-ellipsis,.text-truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:639px){.text-xs-boxed{border-radius:2px;padding:4px 8px;margin:0 8px;font-size:11px;font-weight:600;white-space:nowrap}.text-xs-ellipsis,.text-xs-truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media screen and (min-width:640px){.text-sm-boxed{border-radius:2px;padding:4px 8px;margin:0 8px;font-size:11px;font-weight:600;white-space:nowrap}.text-sm-ellipsis,.text-sm-truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media screen and (min-width:1024px){.text-md-boxed{border-radius:2px;padding:4px 8px;margin:0 8px;font-size:11px;font-weight:600;white-space:nowrap}.text-md-ellipsis,.text-md-truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media screen and (min-width:1280px){.text-lg-boxed{border-radius:2px;padding:4px 8px;margin:0 8px;font-size:11px;font-weight:600;white-space:nowrap}.text-lg-ellipsis,.text-lg-truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media screen and (min-width:1536px){.text-xl-boxed{border-radius:2px;padding:4px 8px;margin:0 8px;font-size:11px;font-weight:600;white-space:nowrap}.text-xl-ellipsis,.text-xl-truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.overflow-auto{overflow:auto}.overflow-auto--force{overflow:auto!important}.overflow-scroll{overflow:scroll}.overflow-scroll--force{overflow:scroll!important}.overflow-hidden{overflow:hidden}.overflow-hidden--force{overflow:hidden!important}.overflow-overlay{overflow:overlay}.overflow-overlay--force{overflow:overlay!important}.overflow-x-auto{overflow-x:auto}.overflow-x-auto--force{overflow-x:auto!important}.overflow-x-scroll{overflow-x:scroll}.overflow-x-scroll--force{overflow-x:scroll!important}.overflow-x-hidden{overflow-x:hidden}.overflow-x-hidden--force{overflow-x:hidden!important}.overflow-x-overlay{overflow-x:overlay}.overflow-x-overlay--force{overflow-x:overlay!important}.overflow-y-auto{overflow-y:auto}.overflow-y-auto--force{overflow-y:auto!important}.overflow-y-scroll{overflow-y:scroll}.overflow-y-scroll--force{overflow-y:scroll!important}.overflow-y-hidden{overflow-y:hidden}.overflow-y-hidden--force{overflow-y:hidden!important}.overflow-y-overlay{overflow-y:overlay}.overflow-y-overlay--force{overflow-y:overlay!important}@media screen and (max-width:639px){.overflow-xs-auto{overflow:auto}.overflow-xs-auto--force{overflow:auto!important}.overflow-xs-scroll{overflow:scroll}.overflow-xs-scroll--force{overflow:scroll!important}.overflow-xs-hidden{overflow:hidden}.overflow-xs-hidden--force{overflow:hidden!important}.overflow-xs-overlay{overflow:overlay}.overflow-xs-overlay--force{overflow:overlay!important}.overflow-x-xs-auto{overflow-x:auto}.overflow-x-xs-auto--force{overflow-x:auto!important}.overflow-x-xs-scroll{overflow-x:scroll}.overflow-x-xs-scroll--force{overflow-x:scroll!important}.overflow-x-xs-hidden{overflow-x:hidden}.overflow-x-xs-hidden--force{overflow-x:hidden!important}.overflow-x-xs-overlay{overflow-x:overlay}.overflow-x-xs-overlay--force{overflow-x:overlay!important}.overflow-y-xs-auto{overflow-y:auto}.overflow-y-xs-auto--force{overflow-y:auto!important}.overflow-y-xs-scroll{overflow-y:scroll}.overflow-y-xs-scroll--force{overflow-y:scroll!important}.overflow-y-xs-hidden{overflow-y:hidden}.overflow-y-xs-hidden--force{overflow-y:hidden!important}.overflow-y-xs-overlay{overflow-y:overlay}.overflow-y-xs-overlay--force{overflow-y:overlay!important}}@media screen and (min-width:640px){.overflow-sm-auto{overflow:auto}.overflow-sm-auto--force{overflow:auto!important}.overflow-sm-scroll{overflow:scroll}.overflow-sm-scroll--force{overflow:scroll!important}.overflow-sm-hidden{overflow:hidden}.overflow-sm-hidden--force{overflow:hidden!important}.overflow-sm-overlay{overflow:overlay}.overflow-sm-overlay--force{overflow:overlay!important}.overflow-x-sm-auto{overflow-x:auto}.overflow-x-sm-auto--force{overflow-x:auto!important}.overflow-x-sm-scroll{overflow-x:scroll}.overflow-x-sm-scroll--force{overflow-x:scroll!important}.overflow-x-sm-hidden{overflow-x:hidden}.overflow-x-sm-hidden--force{overflow-x:hidden!important}.overflow-x-sm-overlay{overflow-x:overlay}.overflow-x-sm-overlay--force{overflow-x:overlay!important}.overflow-y-sm-auto{overflow-y:auto}.overflow-y-sm-auto--force{overflow-y:auto!important}.overflow-y-sm-scroll{overflow-y:scroll}.overflow-y-sm-scroll--force{overflow-y:scroll!important}.overflow-y-sm-hidden{overflow-y:hidden}.overflow-y-sm-hidden--force{overflow-y:hidden!important}.overflow-y-sm-overlay{overflow-y:overlay}.overflow-y-sm-overlay--force{overflow-y:overlay!important}}@media screen and (min-width:1024px){.overflow-md-auto{overflow:auto}.overflow-md-auto--force{overflow:auto!important}.overflow-md-scroll{overflow:scroll}.overflow-md-scroll--force{overflow:scroll!important}.overflow-md-hidden{overflow:hidden}.overflow-md-hidden--force{overflow:hidden!important}.overflow-md-overlay{overflow:overlay}.overflow-md-overlay--force{overflow:overlay!important}.overflow-x-md-auto{overflow-x:auto}.overflow-x-md-auto--force{overflow-x:auto!important}.overflow-x-md-scroll{overflow-x:scroll}.overflow-x-md-scroll--force{overflow-x:scroll!important}.overflow-x-md-hidden{overflow-x:hidden}.overflow-x-md-hidden--force{overflow-x:hidden!important}.overflow-x-md-overlay{overflow-x:overlay}.overflow-x-md-overlay--force{overflow-x:overlay!important}.overflow-y-md-auto{overflow-y:auto}.overflow-y-md-auto--force{overflow-y:auto!important}.overflow-y-md-scroll{overflow-y:scroll}.overflow-y-md-scroll--force{overflow-y:scroll!important}.overflow-y-md-hidden{overflow-y:hidden}.overflow-y-md-hidden--force{overflow-y:hidden!important}.overflow-y-md-overlay{overflow-y:overlay}.overflow-y-md-overlay--force{overflow-y:overlay!important}}@media screen and (min-width:1280px){.overflow-lg-auto{overflow:auto}.overflow-lg-auto--force{overflow:auto!important}.overflow-lg-scroll{overflow:scroll}.overflow-lg-scroll--force{overflow:scroll!important}.overflow-lg-hidden{overflow:hidden}.overflow-lg-hidden--force{overflow:hidden!important}.overflow-lg-overlay{overflow:overlay}.overflow-lg-overlay--force{overflow:overlay!important}.overflow-x-lg-auto{overflow-x:auto}.overflow-x-lg-auto--force{overflow-x:auto!important}.overflow-x-lg-scroll{overflow-x:scroll}.overflow-x-lg-scroll--force{overflow-x:scroll!important}.overflow-x-lg-hidden{overflow-x:hidden}.overflow-x-lg-hidden--force{overflow-x:hidden!important}.overflow-x-lg-overlay{overflow-x:overlay}.overflow-x-lg-overlay--force{overflow-x:overlay!important}.overflow-y-lg-auto{overflow-y:auto}.overflow-y-lg-auto--force{overflow-y:auto!important}.overflow-y-lg-scroll{overflow-y:scroll}.overflow-y-lg-scroll--force{overflow-y:scroll!important}.overflow-y-lg-hidden{overflow-y:hidden}.overflow-y-lg-hidden--force{overflow-y:hidden!important}.overflow-y-lg-overlay{overflow-y:overlay}.overflow-y-lg-overlay--force{overflow-y:overlay!important}}@media screen and (min-width:1536px){.overflow-xl-auto{overflow:auto}.overflow-xl-auto--force{overflow:auto!important}.overflow-xl-scroll{overflow:scroll}.overflow-xl-scroll--force{overflow:scroll!important}.overflow-xl-hidden{overflow:hidden}.overflow-xl-hidden--force{overflow:hidden!important}.overflow-xl-overlay{overflow:overlay}.overflow-xl-overlay--force{overflow:overlay!important}.overflow-x-xl-auto{overflow-x:auto}.overflow-x-xl-auto--force{overflow-x:auto!important}.overflow-x-xl-scroll{overflow-x:scroll}.overflow-x-xl-scroll--force{overflow-x:scroll!important}.overflow-x-xl-hidden{overflow-x:hidden}.overflow-x-xl-hidden--force{overflow-x:hidden!important}.overflow-x-xl-overlay{overflow-x:overlay}.overflow-x-xl-overlay--force{overflow-x:overlay!important}.overflow-y-xl-auto{overflow-y:auto}.overflow-y-xl-auto--force{overflow-y:auto!important}.overflow-y-xl-scroll{overflow-y:scroll}.overflow-y-xl-scroll--force{overflow-y:scroll!important}.overflow-y-xl-hidden{overflow-y:hidden}.overflow-y-xl-hidden--force{overflow-y:hidden!important}.overflow-y-xl-overlay{overflow-y:overlay}.overflow-y-xl-overlay--force{overflow-y:overlay!important}}.b-0,.border-0{border:0 solid}.bb-0,.border-bottom-0{border-bottom:0 solid}.bb-0--force,.border-bottom-0--force{border-bottom:0 solid!important}.border-top-0,.bt-0{border-top:0 solid}.border-top-0--force,.bt-0--force{border-top:0 solid!important}.bl-0,.border-left-0{border-left:0 solid}.bl-0--force,.border-left-0--force{border-left:0 solid!important}.border-right-0,.br-0{border-right:0px solid}.border-right-0--force,.br-0--force{border-right:0px solid!important}.b-2,.border-2{border:2px solid}.bb-2,.border-bottom-2{border-bottom:2px solid}.bb-2--force,.border-bottom-2--force{border-bottom:2px solid!important}.border-top-2,.bt-2{border-top:2px solid}.border-top-2--force,.bt-2--force{border-top:2px solid!important}.bl-2,.border-left-2{border-left:2px solid}.bl-2--force,.border-left-2--force{border-left:2px solid!important}.border-right-2,.br-2{border-right:2px solid}.border-right-2--force,.br-2--force{border-right:2px solid!important}.b-4,.border-4{border:4px solid}.bb-4,.border-bottom-4{border-bottom:4px solid}.bb-4--force,.border-bottom-4--force{border-bottom:4px solid!important}.border-top-4,.bt-4{border-top:4px solid}.border-top-4--force,.bt-4--force{border-top:4px solid!important}.bl-4,.border-left-4{border-left:4px solid}.bl-4--force,.border-left-4--force{border-left:4px solid!important}.border-right-4,.br-4{border-right:4px solid}.border-right-4--force,.br-4--force{border-right:4px solid!important}.b-6,.border-6{border:6px solid}.bb-6,.border-bottom-6{border-bottom:6px solid}.bb-6--force,.border-bottom-6--force{border-bottom:6px solid!important}.border-top-6,.bt-6{border-top:6px solid}.border-top-6--force,.bt-6--force{border-top:6px solid!important}.bl-6,.border-left-6{border-left:6px solid}.bl-6--force,.border-left-6--force{border-left:6px solid!important}.border-right-6,.br-6{border-right:6px solid}.border-right-6--force,.br-6--force{border-right:6px solid!important}.b-8,.border-8{border:8px solid}.bb-8,.border-bottom-8{border-bottom:8px solid}.bb-8--force,.border-bottom-8--force{border-bottom:8px solid!important}.border-top-8,.bt-8{border-top:8px solid}.border-top-8--force,.bt-8--force{border-top:8px solid!important}.bl-8,.border-left-8{border-left:8px solid}.bl-8--force,.border-left-8--force{border-left:8px solid!important}.border-right-8,.br-8{border-right:8px solid}.border-right-8--force,.br-8--force{border-right:8px solid!important}.b-none,.border-none{border:none}.b-none--force,.border-none--force{border:none!important}.b-1,.border-1{border:var(--matcha-border-hairline,1px) solid}.b-1--force,.border-1--force{border:var(--matcha-border-hairline,1px) solid!important}.bb-1,.border-bottom-1{border-bottom:var(--matcha-border-hairline,1px) solid}.bb-1--force,.border-bottom-1--force{border-bottom:var(--matcha-border-hairline,1px) solid!important}.border-top-1,.bt-1{border-top:var(--matcha-border-hairline,1px) solid}.border-top-1--force,.bt-1--force{border-top:var(--matcha-border-hairline,1px) solid!important}.bl-1,.border-left-1{border-left:var(--matcha-border-hairline,1px) solid}.bl-1--force,.border-left-1--force{border-left:var(--matcha-border-hairline,1px) solid!important}.border-right-1,.br-1{border-right:var(--matcha-border-hairline,1px) solid}.border-right-1--force,.br-1--force{border-right:var(--matcha-border-hairline,1px) solid!important}@media screen and (max-width:639px){.b-xs-0,.border-xs-0{border:0 solid}.bb-xs-0,.border-bottom-xs-0{border-bottom:0 solid}.bb-xs-0--force,.border-bottom-xs-0--force{border-bottom:0 solid!important}.border-top-xs-0,.bt-xs-0{border-top:0 solid}.border-top-xs-0--force,.bt-xs-0--force{border-top:0 solid!important}.bl-xs-0,.border-left-xs-0{border-left:0 solid}.bl-xs-0--force,.border-left-xs-0--force{border-left:0 solid!important}.border-right-xs-0,.br-xs-0{border-right:0px solid}.border-right-xs-0--force,.br-xs-0--force{border-right:0px solid!important}.b-xs-2,.border-xs-2{border:2px solid}.bb-xs-2,.border-bottom-xs-2{border-bottom:2px solid}.bb-xs-2--force,.border-bottom-xs-2--force{border-bottom:2px solid!important}.border-top-xs-2,.bt-xs-2{border-top:2px solid}.border-top-xs-2--force,.bt-xs-2--force{border-top:2px solid!important}.bl-xs-2,.border-left-xs-2{border-left:2px solid}.bl-xs-2--force,.border-left-xs-2--force{border-left:2px solid!important}.border-right-xs-2,.br-xs-2{border-right:2px solid}.border-right-xs-2--force,.br-xs-2--force{border-right:2px solid!important}.b-xs-4,.border-xs-4{border:4px solid}.bb-xs-4,.border-bottom-xs-4{border-bottom:4px solid}.bb-xs-4--force,.border-bottom-xs-4--force{border-bottom:4px solid!important}.border-top-xs-4,.bt-xs-4{border-top:4px solid}.border-top-xs-4--force,.bt-xs-4--force{border-top:4px solid!important}.bl-xs-4,.border-left-xs-4{border-left:4px solid}.bl-xs-4--force,.border-left-xs-4--force{border-left:4px solid!important}.border-right-xs-4,.br-xs-4{border-right:4px solid}.border-right-xs-4--force,.br-xs-4--force{border-right:4px solid!important}.b-xs-6,.border-xs-6{border:6px solid}.bb-xs-6,.border-bottom-xs-6{border-bottom:6px solid}.bb-xs-6--force,.border-bottom-xs-6--force{border-bottom:6px solid!important}.border-top-xs-6,.bt-xs-6{border-top:6px solid}.border-top-xs-6--force,.bt-xs-6--force{border-top:6px solid!important}.bl-xs-6,.border-left-xs-6{border-left:6px solid}.bl-xs-6--force,.border-left-xs-6--force{border-left:6px solid!important}.border-right-xs-6,.br-xs-6{border-right:6px solid}.border-right-xs-6--force,.br-xs-6--force{border-right:6px solid!important}.b-xs-8,.border-xs-8{border:8px solid}.bb-xs-8,.border-bottom-xs-8{border-bottom:8px solid}.bb-xs-8--force,.border-bottom-xs-8--force{border-bottom:8px solid!important}.border-top-xs-8,.bt-xs-8{border-top:8px solid}.border-top-xs-8--force,.bt-xs-8--force{border-top:8px solid!important}.bl-xs-8,.border-left-xs-8{border-left:8px solid}.bl-xs-8--force,.border-left-xs-8--force{border-left:8px solid!important}.border-right-xs-8,.br-xs-8{border-right:8px solid}.border-right-xs-8--force,.br-xs-8--force{border-right:8px solid!important}.b-xs-none,.border-xs-none{border:none}.b-xs-none--force,.border-xs-none--force{border:none!important}.b-xs-1,.border-xs-1{border:var(--matcha-border-hairline,1px) solid}.b-xs-1--force,.border-xs-1--force{border:var(--matcha-border-hairline,1px) solid!important}.bb-xs-1,.border-bottom-xs-1{border-bottom:var(--matcha-border-hairline,1px) solid}.bb-xs-1--force,.border-bottom-xs-1--force{border-bottom:var(--matcha-border-hairline,1px) solid!important}.border-top-xs-1,.bt-xs-1{border-top:var(--matcha-border-hairline,1px) solid}.border-top-xs-1--force,.bt-xs-1--force{border-top:var(--matcha-border-hairline,1px) solid!important}.bl-xs-1,.border-left-xs-1{border-left:var(--matcha-border-hairline,1px) solid}.bl-xs-1--force,.border-left-xs-1--force{border-left:var(--matcha-border-hairline,1px) solid!important}.border-right-xs-1,.br-xs-1{border-right:var(--matcha-border-hairline,1px) solid}.border-right-xs-1--force,.br-xs-1--force{border-right:var(--matcha-border-hairline,1px) solid!important}}@media screen and (min-width:640px){.b-sm-0,.border-sm-0{border:0 solid}.bb-sm-0,.border-bottom-sm-0{border-bottom:0 solid}.bb-sm-0--force,.border-bottom-sm-0--force{border-bottom:0 solid!important}.border-top-sm-0,.bt-sm-0{border-top:0 solid}.border-top-sm-0--force,.bt-sm-0--force{border-top:0 solid!important}.bl-sm-0,.border-left-sm-0{border-left:0 solid}.bl-sm-0--force,.border-left-sm-0--force{border-left:0 solid!important}.border-right-sm-0,.br-sm-0{border-right:0px solid}.border-right-sm-0--force,.br-sm-0--force{border-right:0px solid!important}.b-sm-2,.border-sm-2{border:2px solid}.bb-sm-2,.border-bottom-sm-2{border-bottom:2px solid}.bb-sm-2--force,.border-bottom-sm-2--force{border-bottom:2px solid!important}.border-top-sm-2,.bt-sm-2{border-top:2px solid}.border-top-sm-2--force,.bt-sm-2--force{border-top:2px solid!important}.bl-sm-2,.border-left-sm-2{border-left:2px solid}.bl-sm-2--force,.border-left-sm-2--force{border-left:2px solid!important}.border-right-sm-2,.br-sm-2{border-right:2px solid}.border-right-sm-2--force,.br-sm-2--force{border-right:2px solid!important}.b-sm-4,.border-sm-4{border:4px solid}.bb-sm-4,.border-bottom-sm-4{border-bottom:4px solid}.bb-sm-4--force,.border-bottom-sm-4--force{border-bottom:4px solid!important}.border-top-sm-4,.bt-sm-4{border-top:4px solid}.border-top-sm-4--force,.bt-sm-4--force{border-top:4px solid!important}.bl-sm-4,.border-left-sm-4{border-left:4px solid}.bl-sm-4--force,.border-left-sm-4--force{border-left:4px solid!important}.border-right-sm-4,.br-sm-4{border-right:4px solid}.border-right-sm-4--force,.br-sm-4--force{border-right:4px solid!important}.b-sm-6,.border-sm-6{border:6px solid}.bb-sm-6,.border-bottom-sm-6{border-bottom:6px solid}.bb-sm-6--force,.border-bottom-sm-6--force{border-bottom:6px solid!important}.border-top-sm-6,.bt-sm-6{border-top:6px solid}.border-top-sm-6--force,.bt-sm-6--force{border-top:6px solid!important}.bl-sm-6,.border-left-sm-6{border-left:6px solid}.bl-sm-6--force,.border-left-sm-6--force{border-left:6px solid!important}.border-right-sm-6,.br-sm-6{border-right:6px solid}.border-right-sm-6--force,.br-sm-6--force{border-right:6px solid!important}.b-sm-8,.border-sm-8{border:8px solid}.bb-sm-8,.border-bottom-sm-8{border-bottom:8px solid}.bb-sm-8--force,.border-bottom-sm-8--force{border-bottom:8px solid!important}.border-top-sm-8,.bt-sm-8{border-top:8px solid}.border-top-sm-8--force,.bt-sm-8--force{border-top:8px solid!important}.bl-sm-8,.border-left-sm-8{border-left:8px solid}.bl-sm-8--force,.border-left-sm-8--force{border-left:8px solid!important}.border-right-sm-8,.br-sm-8{border-right:8px solid}.border-right-sm-8--force,.br-sm-8--force{border-right:8px solid!important}.b-sm-none,.border-sm-none{border:none}.b-sm-none--force,.border-sm-none--force{border:none!important}.b-sm-1,.border-sm-1{border:var(--matcha-border-hairline,1px) solid}.b-sm-1--force,.border-sm-1--force{border:var(--matcha-border-hairline,1px) solid!important}.bb-sm-1,.border-bottom-sm-1{border-bottom:var(--matcha-border-hairline,1px) solid}.bb-sm-1--force,.border-bottom-sm-1--force{border-bottom:var(--matcha-border-hairline,1px) solid!important}.border-top-sm-1,.bt-sm-1{border-top:var(--matcha-border-hairline,1px) solid}.border-top-sm-1--force,.bt-sm-1--force{border-top:var(--matcha-border-hairline,1px) solid!important}.bl-sm-1,.border-left-sm-1{border-left:var(--matcha-border-hairline,1px) solid}.bl-sm-1--force,.border-left-sm-1--force{border-left:var(--matcha-border-hairline,1px) solid!important}.border-right-sm-1,.br-sm-1{border-right:var(--matcha-border-hairline,1px) solid}.border-right-sm-1--force,.br-sm-1--force{border-right:var(--matcha-border-hairline,1px) solid!important}}@media screen and (min-width:1024px){.b-md-0,.border-md-0{border:0 solid}.bb-md-0,.border-bottom-md-0{border-bottom:0 solid}.bb-md-0--force,.border-bottom-md-0--force{border-bottom:0 solid!important}.border-top-md-0,.bt-md-0{border-top:0 solid}.border-top-md-0--force,.bt-md-0--force{border-top:0 solid!important}.bl-md-0,.border-left-md-0{border-left:0 solid}.bl-md-0--force,.border-left-md-0--force{border-left:0 solid!important}.border-right-md-0,.br-md-0{border-right:0px solid}.border-right-md-0--force,.br-md-0--force{border-right:0px solid!important}.b-md-2,.border-md-2{border:2px solid}.bb-md-2,.border-bottom-md-2{border-bottom:2px solid}.bb-md-2--force,.border-bottom-md-2--force{border-bottom:2px solid!important}.border-top-md-2,.bt-md-2{border-top:2px solid}.border-top-md-2--force,.bt-md-2--force{border-top:2px solid!important}.bl-md-2,.border-left-md-2{border-left:2px solid}.bl-md-2--force,.border-left-md-2--force{border-left:2px solid!important}.border-right-md-2,.br-md-2{border-right:2px solid}.border-right-md-2--force,.br-md-2--force{border-right:2px solid!important}.b-md-4,.border-md-4{border:4px solid}.bb-md-4,.border-bottom-md-4{border-bottom:4px solid}.bb-md-4--force,.border-bottom-md-4--force{border-bottom:4px solid!important}.border-top-md-4,.bt-md-4{border-top:4px solid}.border-top-md-4--force,.bt-md-4--force{border-top:4px solid!important}.bl-md-4,.border-left-md-4{border-left:4px solid}.bl-md-4--force,.border-left-md-4--force{border-left:4px solid!important}.border-right-md-4,.br-md-4{border-right:4px solid}.border-right-md-4--force,.br-md-4--force{border-right:4px solid!important}.b-md-6,.border-md-6{border:6px solid}.bb-md-6,.border-bottom-md-6{border-bottom:6px solid}.bb-md-6--force,.border-bottom-md-6--force{border-bottom:6px solid!important}.border-top-md-6,.bt-md-6{border-top:6px solid}.border-top-md-6--force,.bt-md-6--force{border-top:6px solid!important}.bl-md-6,.border-left-md-6{border-left:6px solid}.bl-md-6--force,.border-left-md-6--force{border-left:6px solid!important}.border-right-md-6,.br-md-6{border-right:6px solid}.border-right-md-6--force,.br-md-6--force{border-right:6px solid!important}.b-md-8,.border-md-8{border:8px solid}.bb-md-8,.border-bottom-md-8{border-bottom:8px solid}.bb-md-8--force,.border-bottom-md-8--force{border-bottom:8px solid!important}.border-top-md-8,.bt-md-8{border-top:8px solid}.border-top-md-8--force,.bt-md-8--force{border-top:8px solid!important}.bl-md-8,.border-left-md-8{border-left:8px solid}.bl-md-8--force,.border-left-md-8--force{border-left:8px solid!important}.border-right-md-8,.br-md-8{border-right:8px solid}.border-right-md-8--force,.br-md-8--force{border-right:8px solid!important}.b-md-none,.border-md-none{border:none}.b-md-none--force,.border-md-none--force{border:none!important}.b-md-1,.border-md-1{border:var(--matcha-border-hairline,1px) solid}.b-md-1--force,.border-md-1--force{border:var(--matcha-border-hairline,1px) solid!important}.bb-md-1,.border-bottom-md-1{border-bottom:var(--matcha-border-hairline,1px) solid}.bb-md-1--force,.border-bottom-md-1--force{border-bottom:var(--matcha-border-hairline,1px) solid!important}.border-top-md-1,.bt-md-1{border-top:var(--matcha-border-hairline,1px) solid}.border-top-md-1--force,.bt-md-1--force{border-top:var(--matcha-border-hairline,1px) solid!important}.bl-md-1,.border-left-md-1{border-left:var(--matcha-border-hairline,1px) solid}.bl-md-1--force,.border-left-md-1--force{border-left:var(--matcha-border-hairline,1px) solid!important}.border-right-md-1,.br-md-1{border-right:var(--matcha-border-hairline,1px) solid}.border-right-md-1--force,.br-md-1--force{border-right:var(--matcha-border-hairline,1px) solid!important}}@media screen and (min-width:1280px){.b-lg-0,.border-lg-0{border:0 solid}.bb-lg-0,.border-bottom-lg-0{border-bottom:0 solid}.bb-lg-0--force,.border-bottom-lg-0--force{border-bottom:0 solid!important}.border-top-lg-0,.bt-lg-0{border-top:0 solid}.border-top-lg-0--force,.bt-lg-0--force{border-top:0 solid!important}.bl-lg-0,.border-left-lg-0{border-left:0 solid}.bl-lg-0--force,.border-left-lg-0--force{border-left:0 solid!important}.border-right-lg-0,.br-lg-0{border-right:0px solid}.border-right-lg-0--force,.br-lg-0--force{border-right:0px solid!important}.b-lg-2,.border-lg-2{border:2px solid}.bb-lg-2,.border-bottom-lg-2{border-bottom:2px solid}.bb-lg-2--force,.border-bottom-lg-2--force{border-bottom:2px solid!important}.border-top-lg-2,.bt-lg-2{border-top:2px solid}.border-top-lg-2--force,.bt-lg-2--force{border-top:2px solid!important}.bl-lg-2,.border-left-lg-2{border-left:2px solid}.bl-lg-2--force,.border-left-lg-2--force{border-left:2px solid!important}.border-right-lg-2,.br-lg-2{border-right:2px solid}.border-right-lg-2--force,.br-lg-2--force{border-right:2px solid!important}.b-lg-4,.border-lg-4{border:4px solid}.bb-lg-4,.border-bottom-lg-4{border-bottom:4px solid}.bb-lg-4--force,.border-bottom-lg-4--force{border-bottom:4px solid!important}.border-top-lg-4,.bt-lg-4{border-top:4px solid}.border-top-lg-4--force,.bt-lg-4--force{border-top:4px solid!important}.bl-lg-4,.border-left-lg-4{border-left:4px solid}.bl-lg-4--force,.border-left-lg-4--force{border-left:4px solid!important}.border-right-lg-4,.br-lg-4{border-right:4px solid}.border-right-lg-4--force,.br-lg-4--force{border-right:4px solid!important}.b-lg-6,.border-lg-6{border:6px solid}.bb-lg-6,.border-bottom-lg-6{border-bottom:6px solid}.bb-lg-6--force,.border-bottom-lg-6--force{border-bottom:6px solid!important}.border-top-lg-6,.bt-lg-6{border-top:6px solid}.border-top-lg-6--force,.bt-lg-6--force{border-top:6px solid!important}.bl-lg-6,.border-left-lg-6{border-left:6px solid}.bl-lg-6--force,.border-left-lg-6--force{border-left:6px solid!important}.border-right-lg-6,.br-lg-6{border-right:6px solid}.border-right-lg-6--force,.br-lg-6--force{border-right:6px solid!important}.b-lg-8,.border-lg-8{border:8px solid}.bb-lg-8,.border-bottom-lg-8{border-bottom:8px solid}.bb-lg-8--force,.border-bottom-lg-8--force{border-bottom:8px solid!important}.border-top-lg-8,.bt-lg-8{border-top:8px solid}.border-top-lg-8--force,.bt-lg-8--force{border-top:8px solid!important}.bl-lg-8,.border-left-lg-8{border-left:8px solid}.bl-lg-8--force,.border-left-lg-8--force{border-left:8px solid!important}.border-right-lg-8,.br-lg-8{border-right:8px solid}.border-right-lg-8--force,.br-lg-8--force{border-right:8px solid!important}.b-lg-none,.border-lg-none{border:none}.b-lg-none--force,.border-lg-none--force{border:none!important}.b-lg-1,.border-lg-1{border:var(--matcha-border-hairline,1px) solid}.b-lg-1--force,.border-lg-1--force{border:var(--matcha-border-hairline,1px) solid!important}.bb-lg-1,.border-bottom-lg-1{border-bottom:var(--matcha-border-hairline,1px) solid}.bb-lg-1--force,.border-bottom-lg-1--force{border-bottom:var(--matcha-border-hairline,1px) solid!important}.border-top-lg-1,.bt-lg-1{border-top:var(--matcha-border-hairline,1px) solid}.border-top-lg-1--force,.bt-lg-1--force{border-top:var(--matcha-border-hairline,1px) solid!important}.bl-lg-1,.border-left-lg-1{border-left:var(--matcha-border-hairline,1px) solid}.bl-lg-1--force,.border-left-lg-1--force{border-left:var(--matcha-border-hairline,1px) solid!important}.border-right-lg-1,.br-lg-1{border-right:var(--matcha-border-hairline,1px) solid}.border-right-lg-1--force,.br-lg-1--force{border-right:var(--matcha-border-hairline,1px) solid!important}}@media screen and (min-width:1536px){.b-xl-0,.border-xl-0{border:0 solid}.bb-xl-0,.border-bottom-xl-0{border-bottom:0 solid}.bb-xl-0--force,.border-bottom-xl-0--force{border-bottom:0 solid!important}.border-top-xl-0,.bt-xl-0{border-top:0 solid}.border-top-xl-0--force,.bt-xl-0--force{border-top:0 solid!important}.bl-xl-0,.border-left-xl-0{border-left:0 solid}.bl-xl-0--force,.border-left-xl-0--force{border-left:0 solid!important}.border-right-xl-0,.br-xl-0{border-right:0px solid}.border-right-xl-0--force,.br-xl-0--force{border-right:0px solid!important}.b-xl-2,.border-xl-2{border:2px solid}.bb-xl-2,.border-bottom-xl-2{border-bottom:2px solid}.bb-xl-2--force,.border-bottom-xl-2--force{border-bottom:2px solid!important}.border-top-xl-2,.bt-xl-2{border-top:2px solid}.border-top-xl-2--force,.bt-xl-2--force{border-top:2px solid!important}.bl-xl-2,.border-left-xl-2{border-left:2px solid}.bl-xl-2--force,.border-left-xl-2--force{border-left:2px solid!important}.border-right-xl-2,.br-xl-2{border-right:2px solid}.border-right-xl-2--force,.br-xl-2--force{border-right:2px solid!important}.b-xl-4,.border-xl-4{border:4px solid}.bb-xl-4,.border-bottom-xl-4{border-bottom:4px solid}.bb-xl-4--force,.border-bottom-xl-4--force{border-bottom:4px solid!important}.border-top-xl-4,.bt-xl-4{border-top:4px solid}.border-top-xl-4--force,.bt-xl-4--force{border-top:4px solid!important}.bl-xl-4,.border-left-xl-4{border-left:4px solid}.bl-xl-4--force,.border-left-xl-4--force{border-left:4px solid!important}.border-right-xl-4,.br-xl-4{border-right:4px solid}.border-right-xl-4--force,.br-xl-4--force{border-right:4px solid!important}.b-xl-6,.border-xl-6{border:6px solid}.bb-xl-6,.border-bottom-xl-6{border-bottom:6px solid}.bb-xl-6--force,.border-bottom-xl-6--force{border-bottom:6px solid!important}.border-top-xl-6,.bt-xl-6{border-top:6px solid}.border-top-xl-6--force,.bt-xl-6--force{border-top:6px solid!important}.bl-xl-6,.border-left-xl-6{border-left:6px solid}.bl-xl-6--force,.border-left-xl-6--force{border-left:6px solid!important}.border-right-xl-6,.br-xl-6{border-right:6px solid}.border-right-xl-6--force,.br-xl-6--force{border-right:6px solid!important}.b-xl-8,.border-xl-8{border:8px solid}.bb-xl-8,.border-bottom-xl-8{border-bottom:8px solid}.bb-xl-8--force,.border-bottom-xl-8--force{border-bottom:8px solid!important}.border-top-xl-8,.bt-xl-8{border-top:8px solid}.border-top-xl-8--force,.bt-xl-8--force{border-top:8px solid!important}.bl-xl-8,.border-left-xl-8{border-left:8px solid}.bl-xl-8--force,.border-left-xl-8--force{border-left:8px solid!important}.border-right-xl-8,.br-xl-8{border-right:8px solid}.border-right-xl-8--force,.br-xl-8--force{border-right:8px solid!important}.b-xl-none,.border-xl-none{border:none}.b-xl-none--force,.border-xl-none--force{border:none!important}.b-xl-1,.border-xl-1{border:var(--matcha-border-hairline,1px) solid}.b-xl-1--force,.border-xl-1--force{border:var(--matcha-border-hairline,1px) solid!important}.bb-xl-1,.border-bottom-xl-1{border-bottom:var(--matcha-border-hairline,1px) solid}.bb-xl-1--force,.border-bottom-xl-1--force{border-bottom:var(--matcha-border-hairline,1px) solid!important}.border-top-xl-1,.bt-xl-1{border-top:var(--matcha-border-hairline,1px) solid}.border-top-xl-1--force,.bt-xl-1--force{border-top:var(--matcha-border-hairline,1px) solid!important}.bl-xl-1,.border-left-xl-1{border-left:var(--matcha-border-hairline,1px) solid}.bl-xl-1--force,.border-left-xl-1--force{border-left:var(--matcha-border-hairline,1px) solid!important}.border-right-xl-1,.br-xl-1{border-right:var(--matcha-border-hairline,1px) solid}.border-right-xl-1--force,.br-xl-1--force{border-right:var(--matcha-border-hairline,1px) solid!important}}.b-hairline,.border-hairline{border:var(--matcha-border-hairline,1px) solid}.b-hairline--force,.border-hairline--force{border:var(--matcha-border-hairline,1px) solid!important}.bb-hairline,.border-bottom-hairline{border-bottom:var(--matcha-border-hairline,1px) solid}.bb-hairline--force,.border-bottom-hairline--force{border-bottom:var(--matcha-border-hairline,1px) solid!important}.border-top-hairline,.bt-hairline{border-top:var(--matcha-border-hairline,1px) solid}.border-top-hairline--force,.bt-hairline--force{border-top:var(--matcha-border-hairline,1px) solid!important}.bl-hairline,.border-left-hairline{border-left:var(--matcha-border-hairline,1px) solid}.bl-hairline--force,.border-left-hairline--force{border-left:var(--matcha-border-hairline,1px) solid!important}.border-right-hairline,.br-hairline{border-right:var(--matcha-border-hairline,1px) solid}.border-right-hairline--force,.br-hairline--force{border-right:var(--matcha-border-hairline,1px) solid!important}.b-thin,.border-thin{border:var(--matcha-border-thin,2px) solid}.b-thin--force,.border-thin--force{border:var(--matcha-border-thin,2px) solid!important}.bb-thin,.border-bottom-thin{border-bottom:var(--matcha-border-thin,2px) solid}.bb-thin--force,.border-bottom-thin--force{border-bottom:var(--matcha-border-thin,2px) solid!important}.border-top-thin,.bt-thin{border-top:var(--matcha-border-thin,2px) solid}.border-top-thin--force,.bt-thin--force{border-top:var(--matcha-border-thin,2px) solid!important}.bl-thin,.border-left-thin{border-left:var(--matcha-border-thin,2px) solid}.bl-thin--force,.border-left-thin--force{border-left:var(--matcha-border-thin,2px) solid!important}.border-right-thin,.br-thin{border-right:var(--matcha-border-thin,2px) solid}.border-right-thin--force,.br-thin--force{border-right:var(--matcha-border-thin,2px) solid!important}.b-medium,.border-medium{border:var(--matcha-border-medium,4px) solid}.b-medium--force,.border-medium--force{border:var(--matcha-border-medium,4px) solid!important}.bb-medium,.border-bottom-medium{border-bottom:var(--matcha-border-medium,4px) solid}.bb-medium--force,.border-bottom-medium--force{border-bottom:var(--matcha-border-medium,4px) solid!important}.border-top-medium,.bt-medium{border-top:var(--matcha-border-medium,4px) solid}.border-top-medium--force,.bt-medium--force{border-top:var(--matcha-border-medium,4px) solid!important}.bl-medium,.border-left-medium{border-left:var(--matcha-border-medium,4px) solid}.bl-medium--force,.border-left-medium--force{border-left:var(--matcha-border-medium,4px) solid!important}.border-right-medium,.br-medium{border-right:var(--matcha-border-medium,4px) solid}.border-right-medium--force,.br-medium--force{border-right:var(--matcha-border-medium,4px) solid!important}.b-thick,.border-thick{border:var(--matcha-border-thick,8px) solid}.b-thick--force,.border-thick--force{border:var(--matcha-border-thick,8px) solid!important}.bb-thick,.border-bottom-thick{border-bottom:var(--matcha-border-thick,8px) solid}.bb-thick--force,.border-bottom-thick--force{border-bottom:var(--matcha-border-thick,8px) solid!important}.border-top-thick,.bt-thick{border-top:var(--matcha-border-thick,8px) solid}.border-top-thick--force,.bt-thick--force{border-top:var(--matcha-border-thick,8px) solid!important}.bl-thick,.border-left-thick{border-left:var(--matcha-border-thick,8px) solid}.bl-thick--force,.border-left-thick--force{border-left:var(--matcha-border-thick,8px) solid!important}.border-right-thick,.br-thick{border-right:var(--matcha-border-thick,8px) solid}.border-right-thick--force,.br-thick--force{border-right:var(--matcha-border-thick,8px) solid!important}@media screen and (max-width:639px){.b-xs-hairline,.border-xs-hairline{border:var(--matcha-border-hairline,1px) solid}.b-xs-hairline--force,.border-xs-hairline--force{border:var(--matcha-border-hairline,1px) solid!important}.bb-xs-hairline,.border-bottom-xs-hairline{border-bottom:var(--matcha-border-hairline,1px) solid}.bb-xs-hairline--force,.border-bottom-xs-hairline--force{border-bottom:var(--matcha-border-hairline,1px) solid!important}.border-top-xs-hairline,.bt-xs-hairline{border-top:var(--matcha-border-hairline,1px) solid}.border-top-xs-hairline--force,.bt-xs-hairline--force{border-top:var(--matcha-border-hairline,1px) solid!important}.bl-xs-hairline,.border-left-xs-hairline{border-left:var(--matcha-border-hairline,1px) solid}.bl-xs-hairline--force,.border-left-xs-hairline--force{border-left:var(--matcha-border-hairline,1px) solid!important}.border-right-xs-hairline,.br-xs-hairline{border-right:var(--matcha-border-hairline,1px) solid}.border-right-xs-hairline--force,.br-xs-hairline--force{border-right:var(--matcha-border-hairline,1px) solid!important}.b-xs-thin,.border-xs-thin{border:var(--matcha-border-thin,2px) solid}.b-xs-thin--force,.border-xs-thin--force{border:var(--matcha-border-thin,2px) solid!important}.bb-xs-thin,.border-bottom-xs-thin{border-bottom:var(--matcha-border-thin,2px) solid}.bb-xs-thin--force,.border-bottom-xs-thin--force{border-bottom:var(--matcha-border-thin,2px) solid!important}.border-top-xs-thin,.bt-xs-thin{border-top:var(--matcha-border-thin,2px) solid}.border-top-xs-thin--force,.bt-xs-thin--force{border-top:var(--matcha-border-thin,2px) solid!important}.bl-xs-thin,.border-left-xs-thin{border-left:var(--matcha-border-thin,2px) solid}.bl-xs-thin--force,.border-left-xs-thin--force{border-left:var(--matcha-border-thin,2px) solid!important}.border-right-xs-thin,.br-xs-thin{border-right:var(--matcha-border-thin,2px) solid}.border-right-xs-thin--force,.br-xs-thin--force{border-right:var(--matcha-border-thin,2px) solid!important}.b-xs-medium,.border-xs-medium{border:var(--matcha-border-medium,4px) solid}.b-xs-medium--force,.border-xs-medium--force{border:var(--matcha-border-medium,4px) solid!important}.bb-xs-medium,.border-bottom-xs-medium{border-bottom:var(--matcha-border-medium,4px) solid}.bb-xs-medium--force,.border-bottom-xs-medium--force{border-bottom:var(--matcha-border-medium,4px) solid!important}.border-top-xs-medium,.bt-xs-medium{border-top:var(--matcha-border-medium,4px) solid}.border-top-xs-medium--force,.bt-xs-medium--force{border-top:var(--matcha-border-medium,4px) solid!important}.bl-xs-medium,.border-left-xs-medium{border-left:var(--matcha-border-medium,4px) solid}.bl-xs-medium--force,.border-left-xs-medium--force{border-left:var(--matcha-border-medium,4px) solid!important}.border-right-xs-medium,.br-xs-medium{border-right:var(--matcha-border-medium,4px) solid}.border-right-xs-medium--force,.br-xs-medium--force{border-right:var(--matcha-border-medium,4px) solid!important}.b-xs-thick,.border-xs-thick{border:var(--matcha-border-thick,8px) solid}.b-xs-thick--force,.border-xs-thick--force{border:var(--matcha-border-thick,8px) solid!important}.bb-xs-thick,.border-bottom-xs-thick{border-bottom:var(--matcha-border-thick,8px) solid}.bb-xs-thick--force,.border-bottom-xs-thick--force{border-bottom:var(--matcha-border-thick,8px) solid!important}.border-top-xs-thick,.bt-xs-thick{border-top:var(--matcha-border-thick,8px) solid}.border-top-xs-thick--force,.bt-xs-thick--force{border-top:var(--matcha-border-thick,8px) solid!important}.bl-xs-thick,.border-left-xs-thick{border-left:var(--matcha-border-thick,8px) solid}.bl-xs-thick--force,.border-left-xs-thick--force{border-left:var(--matcha-border-thick,8px) solid!important}.border-right-xs-thick,.br-xs-thick{border-right:var(--matcha-border-thick,8px) solid}.border-right-xs-thick--force,.br-xs-thick--force{border-right:var(--matcha-border-thick,8px) solid!important}}@media screen and (min-width:640px){.b-sm-hairline,.border-sm-hairline{border:var(--matcha-border-hairline,1px) solid}.b-sm-hairline--force,.border-sm-hairline--force{border:var(--matcha-border-hairline,1px) solid!important}.bb-sm-hairline,.border-bottom-sm-hairline{border-bottom:var(--matcha-border-hairline,1px) solid}.bb-sm-hairline--force,.border-bottom-sm-hairline--force{border-bottom:var(--matcha-border-hairline,1px) solid!important}.border-top-sm-hairline,.bt-sm-hairline{border-top:var(--matcha-border-hairline,1px) solid}.border-top-sm-hairline--force,.bt-sm-hairline--force{border-top:var(--matcha-border-hairline,1px) solid!important}.bl-sm-hairline,.border-left-sm-hairline{border-left:var(--matcha-border-hairline,1px) solid}.bl-sm-hairline--force,.border-left-sm-hairline--force{border-left:var(--matcha-border-hairline,1px) solid!important}.border-right-sm-hairline,.br-sm-hairline{border-right:var(--matcha-border-hairline,1px) solid}.border-right-sm-hairline--force,.br-sm-hairline--force{border-right:var(--matcha-border-hairline,1px) solid!important}.b-sm-thin,.border-sm-thin{border:var(--matcha-border-thin,2px) solid}.b-sm-thin--force,.border-sm-thin--force{border:var(--matcha-border-thin,2px) solid!important}.bb-sm-thin,.border-bottom-sm-thin{border-bottom:var(--matcha-border-thin,2px) solid}.bb-sm-thin--force,.border-bottom-sm-thin--force{border-bottom:var(--matcha-border-thin,2px) solid!important}.border-top-sm-thin,.bt-sm-thin{border-top:var(--matcha-border-thin,2px) solid}.border-top-sm-thin--force,.bt-sm-thin--force{border-top:var(--matcha-border-thin,2px) solid!important}.bl-sm-thin,.border-left-sm-thin{border-left:var(--matcha-border-thin,2px) solid}.bl-sm-thin--force,.border-left-sm-thin--force{border-left:var(--matcha-border-thin,2px) solid!important}.border-right-sm-thin,.br-sm-thin{border-right:var(--matcha-border-thin,2px) solid}.border-right-sm-thin--force,.br-sm-thin--force{border-right:var(--matcha-border-thin,2px) solid!important}.b-sm-medium,.border-sm-medium{border:var(--matcha-border-medium,4px) solid}.b-sm-medium--force,.border-sm-medium--force{border:var(--matcha-border-medium,4px) solid!important}.bb-sm-medium,.border-bottom-sm-medium{border-bottom:var(--matcha-border-medium,4px) solid}.bb-sm-medium--force,.border-bottom-sm-medium--force{border-bottom:var(--matcha-border-medium,4px) solid!important}.border-top-sm-medium,.bt-sm-medium{border-top:var(--matcha-border-medium,4px) solid}.border-top-sm-medium--force,.bt-sm-medium--force{border-top:var(--matcha-border-medium,4px) solid!important}.bl-sm-medium,.border-left-sm-medium{border-left:var(--matcha-border-medium,4px) solid}.bl-sm-medium--force,.border-left-sm-medium--force{border-left:var(--matcha-border-medium,4px) solid!important}.border-right-sm-medium,.br-sm-medium{border-right:var(--matcha-border-medium,4px) solid}.border-right-sm-medium--force,.br-sm-medium--force{border-right:var(--matcha-border-medium,4px) solid!important}.b-sm-thick,.border-sm-thick{border:var(--matcha-border-thick,8px) solid}.b-sm-thick--force,.border-sm-thick--force{border:var(--matcha-border-thick,8px) solid!important}.bb-sm-thick,.border-bottom-sm-thick{border-bottom:var(--matcha-border-thick,8px) solid}.bb-sm-thick--force,.border-bottom-sm-thick--force{border-bottom:var(--matcha-border-thick,8px) solid!important}.border-top-sm-thick,.bt-sm-thick{border-top:var(--matcha-border-thick,8px) solid}.border-top-sm-thick--force,.bt-sm-thick--force{border-top:var(--matcha-border-thick,8px) solid!important}.bl-sm-thick,.border-left-sm-thick{border-left:var(--matcha-border-thick,8px) solid}.bl-sm-thick--force,.border-left-sm-thick--force{border-left:var(--matcha-border-thick,8px) solid!important}.border-right-sm-thick,.br-sm-thick{border-right:var(--matcha-border-thick,8px) solid}.border-right-sm-thick--force,.br-sm-thick--force{border-right:var(--matcha-border-thick,8px) solid!important}}@media screen and (min-width:1024px){.b-md-hairline,.border-md-hairline{border:var(--matcha-border-hairline,1px) solid}.b-md-hairline--force,.border-md-hairline--force{border:var(--matcha-border-hairline,1px) solid!important}.bb-md-hairline,.border-bottom-md-hairline{border-bottom:var(--matcha-border-hairline,1px) solid}.bb-md-hairline--force,.border-bottom-md-hairline--force{border-bottom:var(--matcha-border-hairline,1px) solid!important}.border-top-md-hairline,.bt-md-hairline{border-top:var(--matcha-border-hairline,1px) solid}.border-top-md-hairline--force,.bt-md-hairline--force{border-top:var(--matcha-border-hairline,1px) solid!important}.bl-md-hairline,.border-left-md-hairline{border-left:var(--matcha-border-hairline,1px) solid}.bl-md-hairline--force,.border-left-md-hairline--force{border-left:var(--matcha-border-hairline,1px) solid!important}.border-right-md-hairline,.br-md-hairline{border-right:var(--matcha-border-hairline,1px) solid}.border-right-md-hairline--force,.br-md-hairline--force{border-right:var(--matcha-border-hairline,1px) solid!important}.b-md-thin,.border-md-thin{border:var(--matcha-border-thin,2px) solid}.b-md-thin--force,.border-md-thin--force{border:var(--matcha-border-thin,2px) solid!important}.bb-md-thin,.border-bottom-md-thin{border-bottom:var(--matcha-border-thin,2px) solid}.bb-md-thin--force,.border-bottom-md-thin--force{border-bottom:var(--matcha-border-thin,2px) solid!important}.border-top-md-thin,.bt-md-thin{border-top:var(--matcha-border-thin,2px) solid}.border-top-md-thin--force,.bt-md-thin--force{border-top:var(--matcha-border-thin,2px) solid!important}.bl-md-thin,.border-left-md-thin{border-left:var(--matcha-border-thin,2px) solid}.bl-md-thin--force,.border-left-md-thin--force{border-left:var(--matcha-border-thin,2px) solid!important}.border-right-md-thin,.br-md-thin{border-right:var(--matcha-border-thin,2px) solid}.border-right-md-thin--force,.br-md-thin--force{border-right:var(--matcha-border-thin,2px) solid!important}.b-md-medium,.border-md-medium{border:var(--matcha-border-medium,4px) solid}.b-md-medium--force,.border-md-medium--force{border:var(--matcha-border-medium,4px) solid!important}.bb-md-medium,.border-bottom-md-medium{border-bottom:var(--matcha-border-medium,4px) solid}.bb-md-medium--force,.border-bottom-md-medium--force{border-bottom:var(--matcha-border-medium,4px) solid!important}.border-top-md-medium,.bt-md-medium{border-top:var(--matcha-border-medium,4px) solid}.border-top-md-medium--force,.bt-md-medium--force{border-top:var(--matcha-border-medium,4px) solid!important}.bl-md-medium,.border-left-md-medium{border-left:var(--matcha-border-medium,4px) solid}.bl-md-medium--force,.border-left-md-medium--force{border-left:var(--matcha-border-medium,4px) solid!important}.border-right-md-medium,.br-md-medium{border-right:var(--matcha-border-medium,4px) solid}.border-right-md-medium--force,.br-md-medium--force{border-right:var(--matcha-border-medium,4px) solid!important}.b-md-thick,.border-md-thick{border:var(--matcha-border-thick,8px) solid}.b-md-thick--force,.border-md-thick--force{border:var(--matcha-border-thick,8px) solid!important}.bb-md-thick,.border-bottom-md-thick{border-bottom:var(--matcha-border-thick,8px) solid}.bb-md-thick--force,.border-bottom-md-thick--force{border-bottom:var(--matcha-border-thick,8px) solid!important}.border-top-md-thick,.bt-md-thick{border-top:var(--matcha-border-thick,8px) solid}.border-top-md-thick--force,.bt-md-thick--force{border-top:var(--matcha-border-thick,8px) solid!important}.bl-md-thick,.border-left-md-thick{border-left:var(--matcha-border-thick,8px) solid}.bl-md-thick--force,.border-left-md-thick--force{border-left:var(--matcha-border-thick,8px) solid!important}.border-right-md-thick,.br-md-thick{border-right:var(--matcha-border-thick,8px) solid}.border-right-md-thick--force,.br-md-thick--force{border-right:var(--matcha-border-thick,8px) solid!important}}@media screen and (min-width:1280px){.b-lg-hairline,.border-lg-hairline{border:var(--matcha-border-hairline,1px) solid}.b-lg-hairline--force,.border-lg-hairline--force{border:var(--matcha-border-hairline,1px) solid!important}.bb-lg-hairline,.border-bottom-lg-hairline{border-bottom:var(--matcha-border-hairline,1px) solid}.bb-lg-hairline--force,.border-bottom-lg-hairline--force{border-bottom:var(--matcha-border-hairline,1px) solid!important}.border-top-lg-hairline,.bt-lg-hairline{border-top:var(--matcha-border-hairline,1px) solid}.border-top-lg-hairline--force,.bt-lg-hairline--force{border-top:var(--matcha-border-hairline,1px) solid!important}.bl-lg-hairline,.border-left-lg-hairline{border-left:var(--matcha-border-hairline,1px) solid}.bl-lg-hairline--force,.border-left-lg-hairline--force{border-left:var(--matcha-border-hairline,1px) solid!important}.border-right-lg-hairline,.br-lg-hairline{border-right:var(--matcha-border-hairline,1px) solid}.border-right-lg-hairline--force,.br-lg-hairline--force{border-right:var(--matcha-border-hairline,1px) solid!important}.b-lg-thin,.border-lg-thin{border:var(--matcha-border-thin,2px) solid}.b-lg-thin--force,.border-lg-thin--force{border:var(--matcha-border-thin,2px) solid!important}.bb-lg-thin,.border-bottom-lg-thin{border-bottom:var(--matcha-border-thin,2px) solid}.bb-lg-thin--force,.border-bottom-lg-thin--force{border-bottom:var(--matcha-border-thin,2px) solid!important}.border-top-lg-thin,.bt-lg-thin{border-top:var(--matcha-border-thin,2px) solid}.border-top-lg-thin--force,.bt-lg-thin--force{border-top:var(--matcha-border-thin,2px) solid!important}.bl-lg-thin,.border-left-lg-thin{border-left:var(--matcha-border-thin,2px) solid}.bl-lg-thin--force,.border-left-lg-thin--force{border-left:var(--matcha-border-thin,2px) solid!important}.border-right-lg-thin,.br-lg-thin{border-right:var(--matcha-border-thin,2px) solid}.border-right-lg-thin--force,.br-lg-thin--force{border-right:var(--matcha-border-thin,2px) solid!important}.b-lg-medium,.border-lg-medium{border:var(--matcha-border-medium,4px) solid}.b-lg-medium--force,.border-lg-medium--force{border:var(--matcha-border-medium,4px) solid!important}.bb-lg-medium,.border-bottom-lg-medium{border-bottom:var(--matcha-border-medium,4px) solid}.bb-lg-medium--force,.border-bottom-lg-medium--force{border-bottom:var(--matcha-border-medium,4px) solid!important}.border-top-lg-medium,.bt-lg-medium{border-top:var(--matcha-border-medium,4px) solid}.border-top-lg-medium--force,.bt-lg-medium--force{border-top:var(--matcha-border-medium,4px) solid!important}.bl-lg-medium,.border-left-lg-medium{border-left:var(--matcha-border-medium,4px) solid}.bl-lg-medium--force,.border-left-lg-medium--force{border-left:var(--matcha-border-medium,4px) solid!important}.border-right-lg-medium,.br-lg-medium{border-right:var(--matcha-border-medium,4px) solid}.border-right-lg-medium--force,.br-lg-medium--force{border-right:var(--matcha-border-medium,4px) solid!important}.b-lg-thick,.border-lg-thick{border:var(--matcha-border-thick,8px) solid}.b-lg-thick--force,.border-lg-thick--force{border:var(--matcha-border-thick,8px) solid!important}.bb-lg-thick,.border-bottom-lg-thick{border-bottom:var(--matcha-border-thick,8px) solid}.bb-lg-thick--force,.border-bottom-lg-thick--force{border-bottom:var(--matcha-border-thick,8px) solid!important}.border-top-lg-thick,.bt-lg-thick{border-top:var(--matcha-border-thick,8px) solid}.border-top-lg-thick--force,.bt-lg-thick--force{border-top:var(--matcha-border-thick,8px) solid!important}.bl-lg-thick,.border-left-lg-thick{border-left:var(--matcha-border-thick,8px) solid}.bl-lg-thick--force,.border-left-lg-thick--force{border-left:var(--matcha-border-thick,8px) solid!important}.border-right-lg-thick,.br-lg-thick{border-right:var(--matcha-border-thick,8px) solid}.border-right-lg-thick--force,.br-lg-thick--force{border-right:var(--matcha-border-thick,8px) solid!important}}@media screen and (min-width:1536px){.b-xl-hairline,.border-xl-hairline{border:var(--matcha-border-hairline,1px) solid}.b-xl-hairline--force,.border-xl-hairline--force{border:var(--matcha-border-hairline,1px) solid!important}.bb-xl-hairline,.border-bottom-xl-hairline{border-bottom:var(--matcha-border-hairline,1px) solid}.bb-xl-hairline--force,.border-bottom-xl-hairline--force{border-bottom:var(--matcha-border-hairline,1px) solid!important}.border-top-xl-hairline,.bt-xl-hairline{border-top:var(--matcha-border-hairline,1px) solid}.border-top-xl-hairline--force,.bt-xl-hairline--force{border-top:var(--matcha-border-hairline,1px) solid!important}.bl-xl-hairline,.border-left-xl-hairline{border-left:var(--matcha-border-hairline,1px) solid}.bl-xl-hairline--force,.border-left-xl-hairline--force{border-left:var(--matcha-border-hairline,1px) solid!important}.border-right-xl-hairline,.br-xl-hairline{border-right:var(--matcha-border-hairline,1px) solid}.border-right-xl-hairline--force,.br-xl-hairline--force{border-right:var(--matcha-border-hairline,1px) solid!important}.b-xl-thin,.border-xl-thin{border:var(--matcha-border-thin,2px) solid}.b-xl-thin--force,.border-xl-thin--force{border:var(--matcha-border-thin,2px) solid!important}.bb-xl-thin,.border-bottom-xl-thin{border-bottom:var(--matcha-border-thin,2px) solid}.bb-xl-thin--force,.border-bottom-xl-thin--force{border-bottom:var(--matcha-border-thin,2px) solid!important}.border-top-xl-thin,.bt-xl-thin{border-top:var(--matcha-border-thin,2px) solid}.border-top-xl-thin--force,.bt-xl-thin--force{border-top:var(--matcha-border-thin,2px) solid!important}.bl-xl-thin,.border-left-xl-thin{border-left:var(--matcha-border-thin,2px) solid}.bl-xl-thin--force,.border-left-xl-thin--force{border-left:var(--matcha-border-thin,2px) solid!important}.border-right-xl-thin,.br-xl-thin{border-right:var(--matcha-border-thin,2px) solid}.border-right-xl-thin--force,.br-xl-thin--force{border-right:var(--matcha-border-thin,2px) solid!important}.b-xl-medium,.border-xl-medium{border:var(--matcha-border-medium,4px) solid}.b-xl-medium--force,.border-xl-medium--force{border:var(--matcha-border-medium,4px) solid!important}.bb-xl-medium,.border-bottom-xl-medium{border-bottom:var(--matcha-border-medium,4px) solid}.bb-xl-medium--force,.border-bottom-xl-medium--force{border-bottom:var(--matcha-border-medium,4px) solid!important}.border-top-xl-medium,.bt-xl-medium{border-top:var(--matcha-border-medium,4px) solid}.border-top-xl-medium--force,.bt-xl-medium--force{border-top:var(--matcha-border-medium,4px) solid!important}.bl-xl-medium,.border-left-xl-medium{border-left:var(--matcha-border-medium,4px) solid}.bl-xl-medium--force,.border-left-xl-medium--force{border-left:var(--matcha-border-medium,4px) solid!important}.border-right-xl-medium,.br-xl-medium{border-right:var(--matcha-border-medium,4px) solid}.border-right-xl-medium--force,.br-xl-medium--force{border-right:var(--matcha-border-medium,4px) solid!important}.b-xl-thick,.border-xl-thick{border:var(--matcha-border-thick,8px) solid}.b-xl-thick--force,.border-xl-thick--force{border:var(--matcha-border-thick,8px) solid!important}.bb-xl-thick,.border-bottom-xl-thick{border-bottom:var(--matcha-border-thick,8px) solid}.bb-xl-thick--force,.border-bottom-xl-thick--force{border-bottom:var(--matcha-border-thick,8px) solid!important}.border-top-xl-thick,.bt-xl-thick{border-top:var(--matcha-border-thick,8px) solid}.border-top-xl-thick--force,.bt-xl-thick--force{border-top:var(--matcha-border-thick,8px) solid!important}.bl-xl-thick,.border-left-xl-thick{border-left:var(--matcha-border-thick,8px) solid}.bl-xl-thick--force,.border-left-xl-thick--force{border-left:var(--matcha-border-thick,8px) solid!important}.border-right-xl-thick,.br-xl-thick{border-right:var(--matcha-border-thick,8px) solid}.border-right-xl-thick--force,.br-xl-thick--force{border-right:var(--matcha-border-thick,8px) solid!important}}.border-style-solid{border-style:solid}.border-style-solid--force{border-style:solid!important}.border-style-dashed{border-style:dashed}.border-style-dashed--force{border-style:dashed!important}.border-style-dotted{border-style:dotted}.border-style-dotted--force{border-style:dotted!important}.border-style-double{border-style:double}.border-style-double--force{border-style:double!important}.border-style-groove{border-style:groove}.border-style-groove--force{border-style:groove!important}.border-style-ridge{border-style:ridge}.border-style-ridge--force{border-style:ridge!important}.border-style-inset{border-style:inset}.border-style-inset--force{border-style:inset!important}.border-style-outset{border-style:outset}.border-style-outset--force{border-style:outset!important}.border-style-none{border-style:none}.border-style-none--force{border-style:none!important}@media screen and (max-width:639px){.border-style-xs-solid{border-style:solid}.border-style-xs-solid--force{border-style:solid!important}.border-style-xs-dashed{border-style:dashed}.border-style-xs-dashed--force{border-style:dashed!important}.border-style-xs-dotted{border-style:dotted}.border-style-xs-dotted--force{border-style:dotted!important}.border-style-xs-double{border-style:double}.border-style-xs-double--force{border-style:double!important}.border-style-xs-groove{border-style:groove}.border-style-xs-groove--force{border-style:groove!important}.border-style-xs-ridge{border-style:ridge}.border-style-xs-ridge--force{border-style:ridge!important}.border-style-xs-inset{border-style:inset}.border-style-xs-inset--force{border-style:inset!important}.border-style-xs-outset{border-style:outset}.border-style-xs-outset--force{border-style:outset!important}.border-style-xs-none{border-style:none}.border-style-xs-none--force{border-style:none!important}}@media screen and (min-width:640px){.border-style-sm-solid{border-style:solid}.border-style-sm-solid--force{border-style:solid!important}.border-style-sm-dashed{border-style:dashed}.border-style-sm-dashed--force{border-style:dashed!important}.border-style-sm-dotted{border-style:dotted}.border-style-sm-dotted--force{border-style:dotted!important}.border-style-sm-double{border-style:double}.border-style-sm-double--force{border-style:double!important}.border-style-sm-groove{border-style:groove}.border-style-sm-groove--force{border-style:groove!important}.border-style-sm-ridge{border-style:ridge}.border-style-sm-ridge--force{border-style:ridge!important}.border-style-sm-inset{border-style:inset}.border-style-sm-inset--force{border-style:inset!important}.border-style-sm-outset{border-style:outset}.border-style-sm-outset--force{border-style:outset!important}.border-style-sm-none{border-style:none}.border-style-sm-none--force{border-style:none!important}}@media screen and (min-width:1024px){.border-style-md-solid{border-style:solid}.border-style-md-solid--force{border-style:solid!important}.border-style-md-dashed{border-style:dashed}.border-style-md-dashed--force{border-style:dashed!important}.border-style-md-dotted{border-style:dotted}.border-style-md-dotted--force{border-style:dotted!important}.border-style-md-double{border-style:double}.border-style-md-double--force{border-style:double!important}.border-style-md-groove{border-style:groove}.border-style-md-groove--force{border-style:groove!important}.border-style-md-ridge{border-style:ridge}.border-style-md-ridge--force{border-style:ridge!important}.border-style-md-inset{border-style:inset}.border-style-md-inset--force{border-style:inset!important}.border-style-md-outset{border-style:outset}.border-style-md-outset--force{border-style:outset!important}.border-style-md-none{border-style:none}.border-style-md-none--force{border-style:none!important}}@media screen and (min-width:1280px){.border-style-lg-solid{border-style:solid}.border-style-lg-solid--force{border-style:solid!important}.border-style-lg-dashed{border-style:dashed}.border-style-lg-dashed--force{border-style:dashed!important}.border-style-lg-dotted{border-style:dotted}.border-style-lg-dotted--force{border-style:dotted!important}.border-style-lg-double{border-style:double}.border-style-lg-double--force{border-style:double!important}.border-style-lg-groove{border-style:groove}.border-style-lg-groove--force{border-style:groove!important}.border-style-lg-ridge{border-style:ridge}.border-style-lg-ridge--force{border-style:ridge!important}.border-style-lg-inset{border-style:inset}.border-style-lg-inset--force{border-style:inset!important}.border-style-lg-outset{border-style:outset}.border-style-lg-outset--force{border-style:outset!important}.border-style-lg-none{border-style:none}.border-style-lg-none--force{border-style:none!important}}@media screen and (min-width:1536px){.border-style-xl-solid{border-style:solid}.border-style-xl-solid--force{border-style:solid!important}.border-style-xl-dashed{border-style:dashed}.border-style-xl-dashed--force{border-style:dashed!important}.border-style-xl-dotted{border-style:dotted}.border-style-xl-dotted--force{border-style:dotted!important}.border-style-xl-double{border-style:double}.border-style-xl-double--force{border-style:double!important}.border-style-xl-groove{border-style:groove}.border-style-xl-groove--force{border-style:groove!important}.border-style-xl-ridge{border-style:ridge}.border-style-xl-ridge--force{border-style:ridge!important}.border-style-xl-inset{border-style:inset}.border-style-xl-inset--force{border-style:inset!important}.border-style-xl-outset{border-style:outset}.border-style-xl-outset--force{border-style:outset!important}.border-style-xl-none{border-style:none}.border-style-xl-none--force{border-style:none!important}}.radius-0{border-radius:var(--matcha-radius-none,0)}.radius-bottom-0{border-radius:0 0 var(--matcha-radius-none,0) var(--matcha-radius-none,0)}.radius-bottom-0--force{border-radius:0 0 var(--matcha-radius-none,0) var(--matcha-radius-none,0)!important}.radius-top-0{border-radius:var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0 0}.radius-top-0--force{border-radius:var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0 0!important}.radius-left-0{border-radius:var(--matcha-radius-none,0) 0 0 var(--matcha-radius-none,0)}.radius-left-0--force{border-radius:var(--matcha-radius-none,0) 0 0 var(--matcha-radius-none,0)!important}.radius-right-0{border-radius:0 var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0}.radius-right-0--force{border-radius:0 var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0!important}.radius-2{border-radius:var(--matcha-radius-sm,2px)}.radius-bottom-2{border-radius:0 0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px)}.radius-bottom-2--force{border-radius:0 0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px)!important}.radius-top-2{border-radius:var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0 0}.radius-top-2--force{border-radius:var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0 0!important}.radius-left-2{border-radius:var(--matcha-radius-sm,2px) 0 0 var(--matcha-radius-sm,2px)}.radius-left-2--force{border-radius:var(--matcha-radius-sm,2px) 0 0 var(--matcha-radius-sm,2px)!important}.radius-right-2{border-radius:0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0}.radius-right-2--force{border-radius:0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0!important}.radius-4{border-radius:var(--matcha-radius-md,4px)}.radius-bottom-4{border-radius:0 0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px)}.radius-bottom-4--force{border-radius:0 0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px)!important}.radius-top-4{border-radius:var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0 0}.radius-top-4--force{border-radius:var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0 0!important}.radius-left-4{border-radius:var(--matcha-radius-md,4px) 0 0 var(--matcha-radius-md,4px)}.radius-left-4--force{border-radius:var(--matcha-radius-md,4px) 0 0 var(--matcha-radius-md,4px)!important}.radius-right-4{border-radius:0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0}.radius-right-4--force{border-radius:0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0!important}.radius-6{border-radius:6px}.radius-bottom-6{border-radius:0 0 6px 6px}.radius-bottom-6--force{border-radius:0 0 6px 6px!important}.radius-top-6{border-radius:6px 6px 0 0}.radius-top-6--force{border-radius:6px 6px 0 0!important}.radius-left-6{border-radius:6px 0 0 6px}.radius-left-6--force{border-radius:6px 0 0 6px!important}.radius-right-6{border-radius:0 6px 6px 0}.radius-right-6--force{border-radius:0 6px 6px 0!important}.radius-8{border-radius:var(--matcha-radius-lg,8px)}.radius-bottom-8{border-radius:0 0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px)}.radius-bottom-8--force{border-radius:0 0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px)!important}.radius-top-8{border-radius:var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0 0}.radius-top-8--force{border-radius:var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0 0!important}.radius-left-8{border-radius:var(--matcha-radius-lg,8px) 0 0 var(--matcha-radius-lg,8px)}.radius-left-8--force{border-radius:var(--matcha-radius-lg,8px) 0 0 var(--matcha-radius-lg,8px)!important}.radius-right-8{border-radius:0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0}.radius-right-8--force{border-radius:0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0!important}.radius-10{border-radius:10px}.radius-bottom-10{border-radius:0 0 10px 10px}.radius-bottom-10--force{border-radius:0 0 10px 10px!important}.radius-top-10{border-radius:10px 10px 0 0}.radius-top-10--force{border-radius:10px 10px 0 0!important}.radius-left-10{border-radius:10px 0 0 10px}.radius-left-10--force{border-radius:10px 0 0 10px!important}.radius-right-10{border-radius:0 10px 10px 0}.radius-right-10--force{border-radius:0 10px 10px 0!important}.radius-12{border-radius:12px}.radius-bottom-12{border-radius:0 0 12px 12px}.radius-bottom-12--force{border-radius:0 0 12px 12px!important}.radius-top-12{border-radius:12px 12px 0 0}.radius-top-12--force{border-radius:12px 12px 0 0!important}.radius-left-12{border-radius:12px 0 0 12px}.radius-left-12--force{border-radius:12px 0 0 12px!important}.radius-right-12{border-radius:0 12px 12px 0}.radius-right-12--force{border-radius:0 12px 12px 0!important}.radius-14{border-radius:14px}.radius-bottom-14{border-radius:0 0 14px 14px}.radius-bottom-14--force{border-radius:0 0 14px 14px!important}.radius-top-14{border-radius:14px 14px 0 0}.radius-top-14--force{border-radius:14px 14px 0 0!important}.radius-left-14{border-radius:14px 0 0 14px}.radius-left-14--force{border-radius:14px 0 0 14px!important}.radius-right-14{border-radius:0 14px 14px 0}.radius-right-14--force{border-radius:0 14px 14px 0!important}.radius-16{border-radius:var(--matcha-radius-xl,16px)}.radius-bottom-16{border-radius:0 0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px)}.radius-bottom-16--force{border-radius:0 0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px)!important}.radius-top-16{border-radius:var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0 0}.radius-top-16--force{border-radius:var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0 0!important}.radius-left-16{border-radius:var(--matcha-radius-xl,16px) 0 0 var(--matcha-radius-xl,16px)}.radius-left-16--force{border-radius:var(--matcha-radius-xl,16px) 0 0 var(--matcha-radius-xl,16px)!important}.radius-right-16{border-radius:0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0}.radius-right-16--force{border-radius:0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0!important}.radius-18{border-radius:18px}.radius-bottom-18{border-radius:0 0 18px 18px}.radius-bottom-18--force{border-radius:0 0 18px 18px!important}.radius-top-18{border-radius:18px 18px 0 0}.radius-top-18--force{border-radius:18px 18px 0 0!important}.radius-left-18{border-radius:18px 0 0 18px}.radius-left-18--force{border-radius:18px 0 0 18px!important}.radius-right-18{border-radius:0 18px 18px 0}.radius-right-18--force{border-radius:0 18px 18px 0!important}.radius-20{border-radius:20px}.radius-bottom-20{border-radius:0 0 20px 20px}.radius-bottom-20--force{border-radius:0 0 20px 20px!important}.radius-top-20{border-radius:20px 20px 0 0}.radius-top-20--force{border-radius:20px 20px 0 0!important}.radius-left-20{border-radius:20px 0 0 20px}.radius-left-20--force{border-radius:20px 0 0 20px!important}.radius-right-20{border-radius:0 20px 20px 0}.radius-right-20--force{border-radius:0 20px 20px 0!important}.radius-22{border-radius:22px}.radius-bottom-22{border-radius:0 0 22px 22px}.radius-bottom-22--force{border-radius:0 0 22px 22px!important}.radius-top-22{border-radius:22px 22px 0 0}.radius-top-22--force{border-radius:22px 22px 0 0!important}.radius-left-22{border-radius:22px 0 0 22px}.radius-left-22--force{border-radius:22px 0 0 22px!important}.radius-right-22{border-radius:0 22px 22px 0}.radius-right-22--force{border-radius:0 22px 22px 0!important}.radius-24{border-radius:var(--matcha-radius-2xl,24px)}.radius-bottom-24{border-radius:0 0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px)}.radius-bottom-24--force{border-radius:0 0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px)!important}.radius-top-24{border-radius:var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0 0}.radius-top-24--force{border-radius:var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0 0!important}.radius-left-24{border-radius:var(--matcha-radius-2xl,24px) 0 0 var(--matcha-radius-2xl,24px)}.radius-left-24--force{border-radius:var(--matcha-radius-2xl,24px) 0 0 var(--matcha-radius-2xl,24px)!important}.radius-right-24{border-radius:0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0}.radius-right-24--force{border-radius:0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0!important}.radius-full{border-radius:9999px}.radius-full--force{border-radius:9999px!important}.radius-none{border-radius:0}.radius-none--force{border-radius:0!important}@media screen and (max-width:639px){.radius-xs-0{border-radius:var(--matcha-radius-none,0)}.radius-bottom-xs-0{border-radius:0 0 var(--matcha-radius-none,0) var(--matcha-radius-none,0)}.radius-bottom-xs-0--force{border-radius:0 0 var(--matcha-radius-none,0) var(--matcha-radius-none,0)!important}.radius-top-xs-0{border-radius:var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0 0}.radius-top-xs-0--force{border-radius:var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0 0!important}.radius-left-xs-0{border-radius:var(--matcha-radius-none,0) 0 0 var(--matcha-radius-none,0)}.radius-left-xs-0--force{border-radius:var(--matcha-radius-none,0) 0 0 var(--matcha-radius-none,0)!important}.radius-right-xs-0{border-radius:0 var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0}.radius-right-xs-0--force{border-radius:0 var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0!important}.radius-xs-2{border-radius:var(--matcha-radius-sm,2px)}.radius-bottom-xs-2{border-radius:0 0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px)}.radius-bottom-xs-2--force{border-radius:0 0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px)!important}.radius-top-xs-2{border-radius:var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0 0}.radius-top-xs-2--force{border-radius:var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0 0!important}.radius-left-xs-2{border-radius:var(--matcha-radius-sm,2px) 0 0 var(--matcha-radius-sm,2px)}.radius-left-xs-2--force{border-radius:var(--matcha-radius-sm,2px) 0 0 var(--matcha-radius-sm,2px)!important}.radius-right-xs-2{border-radius:0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0}.radius-right-xs-2--force{border-radius:0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0!important}.radius-xs-4{border-radius:var(--matcha-radius-md,4px)}.radius-bottom-xs-4{border-radius:0 0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px)}.radius-bottom-xs-4--force{border-radius:0 0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px)!important}.radius-top-xs-4{border-radius:var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0 0}.radius-top-xs-4--force{border-radius:var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0 0!important}.radius-left-xs-4{border-radius:var(--matcha-radius-md,4px) 0 0 var(--matcha-radius-md,4px)}.radius-left-xs-4--force{border-radius:var(--matcha-radius-md,4px) 0 0 var(--matcha-radius-md,4px)!important}.radius-right-xs-4{border-radius:0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0}.radius-right-xs-4--force{border-radius:0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0!important}.radius-xs-6{border-radius:6px}.radius-bottom-xs-6{border-radius:0 0 6px 6px}.radius-bottom-xs-6--force{border-radius:0 0 6px 6px!important}.radius-top-xs-6{border-radius:6px 6px 0 0}.radius-top-xs-6--force{border-radius:6px 6px 0 0!important}.radius-left-xs-6{border-radius:6px 0 0 6px}.radius-left-xs-6--force{border-radius:6px 0 0 6px!important}.radius-right-xs-6{border-radius:0 6px 6px 0}.radius-right-xs-6--force{border-radius:0 6px 6px 0!important}.radius-xs-8{border-radius:var(--matcha-radius-lg,8px)}.radius-bottom-xs-8{border-radius:0 0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px)}.radius-bottom-xs-8--force{border-radius:0 0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px)!important}.radius-top-xs-8{border-radius:var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0 0}.radius-top-xs-8--force{border-radius:var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0 0!important}.radius-left-xs-8{border-radius:var(--matcha-radius-lg,8px) 0 0 var(--matcha-radius-lg,8px)}.radius-left-xs-8--force{border-radius:var(--matcha-radius-lg,8px) 0 0 var(--matcha-radius-lg,8px)!important}.radius-right-xs-8{border-radius:0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0}.radius-right-xs-8--force{border-radius:0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0!important}.radius-xs-10{border-radius:10px}.radius-bottom-xs-10{border-radius:0 0 10px 10px}.radius-bottom-xs-10--force{border-radius:0 0 10px 10px!important}.radius-top-xs-10{border-radius:10px 10px 0 0}.radius-top-xs-10--force{border-radius:10px 10px 0 0!important}.radius-left-xs-10{border-radius:10px 0 0 10px}.radius-left-xs-10--force{border-radius:10px 0 0 10px!important}.radius-right-xs-10{border-radius:0 10px 10px 0}.radius-right-xs-10--force{border-radius:0 10px 10px 0!important}.radius-xs-12{border-radius:12px}.radius-bottom-xs-12{border-radius:0 0 12px 12px}.radius-bottom-xs-12--force{border-radius:0 0 12px 12px!important}.radius-top-xs-12{border-radius:12px 12px 0 0}.radius-top-xs-12--force{border-radius:12px 12px 0 0!important}.radius-left-xs-12{border-radius:12px 0 0 12px}.radius-left-xs-12--force{border-radius:12px 0 0 12px!important}.radius-right-xs-12{border-radius:0 12px 12px 0}.radius-right-xs-12--force{border-radius:0 12px 12px 0!important}.radius-xs-14{border-radius:14px}.radius-bottom-xs-14{border-radius:0 0 14px 14px}.radius-bottom-xs-14--force{border-radius:0 0 14px 14px!important}.radius-top-xs-14{border-radius:14px 14px 0 0}.radius-top-xs-14--force{border-radius:14px 14px 0 0!important}.radius-left-xs-14{border-radius:14px 0 0 14px}.radius-left-xs-14--force{border-radius:14px 0 0 14px!important}.radius-right-xs-14{border-radius:0 14px 14px 0}.radius-right-xs-14--force{border-radius:0 14px 14px 0!important}.radius-xs-16{border-radius:var(--matcha-radius-xl,16px)}.radius-bottom-xs-16{border-radius:0 0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px)}.radius-bottom-xs-16--force{border-radius:0 0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px)!important}.radius-top-xs-16{border-radius:var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0 0}.radius-top-xs-16--force{border-radius:var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0 0!important}.radius-left-xs-16{border-radius:var(--matcha-radius-xl,16px) 0 0 var(--matcha-radius-xl,16px)}.radius-left-xs-16--force{border-radius:var(--matcha-radius-xl,16px) 0 0 var(--matcha-radius-xl,16px)!important}.radius-right-xs-16{border-radius:0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0}.radius-right-xs-16--force{border-radius:0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0!important}.radius-xs-18{border-radius:18px}.radius-bottom-xs-18{border-radius:0 0 18px 18px}.radius-bottom-xs-18--force{border-radius:0 0 18px 18px!important}.radius-top-xs-18{border-radius:18px 18px 0 0}.radius-top-xs-18--force{border-radius:18px 18px 0 0!important}.radius-left-xs-18{border-radius:18px 0 0 18px}.radius-left-xs-18--force{border-radius:18px 0 0 18px!important}.radius-right-xs-18{border-radius:0 18px 18px 0}.radius-right-xs-18--force{border-radius:0 18px 18px 0!important}.radius-xs-20{border-radius:20px}.radius-bottom-xs-20{border-radius:0 0 20px 20px}.radius-bottom-xs-20--force{border-radius:0 0 20px 20px!important}.radius-top-xs-20{border-radius:20px 20px 0 0}.radius-top-xs-20--force{border-radius:20px 20px 0 0!important}.radius-left-xs-20{border-radius:20px 0 0 20px}.radius-left-xs-20--force{border-radius:20px 0 0 20px!important}.radius-right-xs-20{border-radius:0 20px 20px 0}.radius-right-xs-20--force{border-radius:0 20px 20px 0!important}.radius-xs-22{border-radius:22px}.radius-bottom-xs-22{border-radius:0 0 22px 22px}.radius-bottom-xs-22--force{border-radius:0 0 22px 22px!important}.radius-top-xs-22{border-radius:22px 22px 0 0}.radius-top-xs-22--force{border-radius:22px 22px 0 0!important}.radius-left-xs-22{border-radius:22px 0 0 22px}.radius-left-xs-22--force{border-radius:22px 0 0 22px!important}.radius-right-xs-22{border-radius:0 22px 22px 0}.radius-right-xs-22--force{border-radius:0 22px 22px 0!important}.radius-xs-24{border-radius:var(--matcha-radius-2xl,24px)}.radius-bottom-xs-24{border-radius:0 0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px)}.radius-bottom-xs-24--force{border-radius:0 0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px)!important}.radius-top-xs-24{border-radius:var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0 0}.radius-top-xs-24--force{border-radius:var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0 0!important}.radius-left-xs-24{border-radius:var(--matcha-radius-2xl,24px) 0 0 var(--matcha-radius-2xl,24px)}.radius-left-xs-24--force{border-radius:var(--matcha-radius-2xl,24px) 0 0 var(--matcha-radius-2xl,24px)!important}.radius-right-xs-24{border-radius:0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0}.radius-right-xs-24--force{border-radius:0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0!important}.radius-xs-full{border-radius:9999px}.radius-xs-full--force{border-radius:9999px!important}.radius-xs-none{border-radius:0}.radius-xs-none--force{border-radius:0!important}}@media screen and (min-width:640px){.radius-sm-0{border-radius:var(--matcha-radius-none,0)}.radius-bottom-sm-0{border-radius:0 0 var(--matcha-radius-none,0) var(--matcha-radius-none,0)}.radius-bottom-sm-0--force{border-radius:0 0 var(--matcha-radius-none,0) var(--matcha-radius-none,0)!important}.radius-top-sm-0{border-radius:var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0 0}.radius-top-sm-0--force{border-radius:var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0 0!important}.radius-left-sm-0{border-radius:var(--matcha-radius-none,0) 0 0 var(--matcha-radius-none,0)}.radius-left-sm-0--force{border-radius:var(--matcha-radius-none,0) 0 0 var(--matcha-radius-none,0)!important}.radius-right-sm-0{border-radius:0 var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0}.radius-right-sm-0--force{border-radius:0 var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0!important}.radius-sm-2{border-radius:var(--matcha-radius-sm,2px)}.radius-bottom-sm-2{border-radius:0 0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px)}.radius-bottom-sm-2--force{border-radius:0 0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px)!important}.radius-top-sm-2{border-radius:var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0 0}.radius-top-sm-2--force{border-radius:var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0 0!important}.radius-left-sm-2{border-radius:var(--matcha-radius-sm,2px) 0 0 var(--matcha-radius-sm,2px)}.radius-left-sm-2--force{border-radius:var(--matcha-radius-sm,2px) 0 0 var(--matcha-radius-sm,2px)!important}.radius-right-sm-2{border-radius:0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0}.radius-right-sm-2--force{border-radius:0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0!important}.radius-sm-4{border-radius:var(--matcha-radius-md,4px)}.radius-bottom-sm-4{border-radius:0 0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px)}.radius-bottom-sm-4--force{border-radius:0 0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px)!important}.radius-top-sm-4{border-radius:var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0 0}.radius-top-sm-4--force{border-radius:var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0 0!important}.radius-left-sm-4{border-radius:var(--matcha-radius-md,4px) 0 0 var(--matcha-radius-md,4px)}.radius-left-sm-4--force{border-radius:var(--matcha-radius-md,4px) 0 0 var(--matcha-radius-md,4px)!important}.radius-right-sm-4{border-radius:0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0}.radius-right-sm-4--force{border-radius:0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0!important}.radius-sm-6{border-radius:6px}.radius-bottom-sm-6{border-radius:0 0 6px 6px}.radius-bottom-sm-6--force{border-radius:0 0 6px 6px!important}.radius-top-sm-6{border-radius:6px 6px 0 0}.radius-top-sm-6--force{border-radius:6px 6px 0 0!important}.radius-left-sm-6{border-radius:6px 0 0 6px}.radius-left-sm-6--force{border-radius:6px 0 0 6px!important}.radius-right-sm-6{border-radius:0 6px 6px 0}.radius-right-sm-6--force{border-radius:0 6px 6px 0!important}.radius-sm-8{border-radius:var(--matcha-radius-lg,8px)}.radius-bottom-sm-8{border-radius:0 0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px)}.radius-bottom-sm-8--force{border-radius:0 0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px)!important}.radius-top-sm-8{border-radius:var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0 0}.radius-top-sm-8--force{border-radius:var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0 0!important}.radius-left-sm-8{border-radius:var(--matcha-radius-lg,8px) 0 0 var(--matcha-radius-lg,8px)}.radius-left-sm-8--force{border-radius:var(--matcha-radius-lg,8px) 0 0 var(--matcha-radius-lg,8px)!important}.radius-right-sm-8{border-radius:0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0}.radius-right-sm-8--force{border-radius:0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0!important}.radius-sm-10{border-radius:10px}.radius-bottom-sm-10{border-radius:0 0 10px 10px}.radius-bottom-sm-10--force{border-radius:0 0 10px 10px!important}.radius-top-sm-10{border-radius:10px 10px 0 0}.radius-top-sm-10--force{border-radius:10px 10px 0 0!important}.radius-left-sm-10{border-radius:10px 0 0 10px}.radius-left-sm-10--force{border-radius:10px 0 0 10px!important}.radius-right-sm-10{border-radius:0 10px 10px 0}.radius-right-sm-10--force{border-radius:0 10px 10px 0!important}.radius-sm-12{border-radius:12px}.radius-bottom-sm-12{border-radius:0 0 12px 12px}.radius-bottom-sm-12--force{border-radius:0 0 12px 12px!important}.radius-top-sm-12{border-radius:12px 12px 0 0}.radius-top-sm-12--force{border-radius:12px 12px 0 0!important}.radius-left-sm-12{border-radius:12px 0 0 12px}.radius-left-sm-12--force{border-radius:12px 0 0 12px!important}.radius-right-sm-12{border-radius:0 12px 12px 0}.radius-right-sm-12--force{border-radius:0 12px 12px 0!important}.radius-sm-14{border-radius:14px}.radius-bottom-sm-14{border-radius:0 0 14px 14px}.radius-bottom-sm-14--force{border-radius:0 0 14px 14px!important}.radius-top-sm-14{border-radius:14px 14px 0 0}.radius-top-sm-14--force{border-radius:14px 14px 0 0!important}.radius-left-sm-14{border-radius:14px 0 0 14px}.radius-left-sm-14--force{border-radius:14px 0 0 14px!important}.radius-right-sm-14{border-radius:0 14px 14px 0}.radius-right-sm-14--force{border-radius:0 14px 14px 0!important}.radius-sm-16{border-radius:var(--matcha-radius-xl,16px)}.radius-bottom-sm-16{border-radius:0 0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px)}.radius-bottom-sm-16--force{border-radius:0 0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px)!important}.radius-top-sm-16{border-radius:var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0 0}.radius-top-sm-16--force{border-radius:var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0 0!important}.radius-left-sm-16{border-radius:var(--matcha-radius-xl,16px) 0 0 var(--matcha-radius-xl,16px)}.radius-left-sm-16--force{border-radius:var(--matcha-radius-xl,16px) 0 0 var(--matcha-radius-xl,16px)!important}.radius-right-sm-16{border-radius:0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0}.radius-right-sm-16--force{border-radius:0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0!important}.radius-sm-18{border-radius:18px}.radius-bottom-sm-18{border-radius:0 0 18px 18px}.radius-bottom-sm-18--force{border-radius:0 0 18px 18px!important}.radius-top-sm-18{border-radius:18px 18px 0 0}.radius-top-sm-18--force{border-radius:18px 18px 0 0!important}.radius-left-sm-18{border-radius:18px 0 0 18px}.radius-left-sm-18--force{border-radius:18px 0 0 18px!important}.radius-right-sm-18{border-radius:0 18px 18px 0}.radius-right-sm-18--force{border-radius:0 18px 18px 0!important}.radius-sm-20{border-radius:20px}.radius-bottom-sm-20{border-radius:0 0 20px 20px}.radius-bottom-sm-20--force{border-radius:0 0 20px 20px!important}.radius-top-sm-20{border-radius:20px 20px 0 0}.radius-top-sm-20--force{border-radius:20px 20px 0 0!important}.radius-left-sm-20{border-radius:20px 0 0 20px}.radius-left-sm-20--force{border-radius:20px 0 0 20px!important}.radius-right-sm-20{border-radius:0 20px 20px 0}.radius-right-sm-20--force{border-radius:0 20px 20px 0!important}.radius-sm-22{border-radius:22px}.radius-bottom-sm-22{border-radius:0 0 22px 22px}.radius-bottom-sm-22--force{border-radius:0 0 22px 22px!important}.radius-top-sm-22{border-radius:22px 22px 0 0}.radius-top-sm-22--force{border-radius:22px 22px 0 0!important}.radius-left-sm-22{border-radius:22px 0 0 22px}.radius-left-sm-22--force{border-radius:22px 0 0 22px!important}.radius-right-sm-22{border-radius:0 22px 22px 0}.radius-right-sm-22--force{border-radius:0 22px 22px 0!important}.radius-sm-24{border-radius:var(--matcha-radius-2xl,24px)}.radius-bottom-sm-24{border-radius:0 0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px)}.radius-bottom-sm-24--force{border-radius:0 0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px)!important}.radius-top-sm-24{border-radius:var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0 0}.radius-top-sm-24--force{border-radius:var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0 0!important}.radius-left-sm-24{border-radius:var(--matcha-radius-2xl,24px) 0 0 var(--matcha-radius-2xl,24px)}.radius-left-sm-24--force{border-radius:var(--matcha-radius-2xl,24px) 0 0 var(--matcha-radius-2xl,24px)!important}.radius-right-sm-24{border-radius:0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0}.radius-right-sm-24--force{border-radius:0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0!important}.radius-sm-full{border-radius:9999px}.radius-sm-full--force{border-radius:9999px!important}.radius-sm-none{border-radius:0}.radius-sm-none--force{border-radius:0!important}}@media screen and (min-width:1024px){.radius-md-0{border-radius:var(--matcha-radius-none,0)}.radius-bottom-md-0{border-radius:0 0 var(--matcha-radius-none,0) var(--matcha-radius-none,0)}.radius-bottom-md-0--force{border-radius:0 0 var(--matcha-radius-none,0) var(--matcha-radius-none,0)!important}.radius-top-md-0{border-radius:var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0 0}.radius-top-md-0--force{border-radius:var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0 0!important}.radius-left-md-0{border-radius:var(--matcha-radius-none,0) 0 0 var(--matcha-radius-none,0)}.radius-left-md-0--force{border-radius:var(--matcha-radius-none,0) 0 0 var(--matcha-radius-none,0)!important}.radius-right-md-0{border-radius:0 var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0}.radius-right-md-0--force{border-radius:0 var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0!important}.radius-md-2{border-radius:var(--matcha-radius-sm,2px)}.radius-bottom-md-2{border-radius:0 0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px)}.radius-bottom-md-2--force{border-radius:0 0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px)!important}.radius-top-md-2{border-radius:var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0 0}.radius-top-md-2--force{border-radius:var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0 0!important}.radius-left-md-2{border-radius:var(--matcha-radius-sm,2px) 0 0 var(--matcha-radius-sm,2px)}.radius-left-md-2--force{border-radius:var(--matcha-radius-sm,2px) 0 0 var(--matcha-radius-sm,2px)!important}.radius-right-md-2{border-radius:0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0}.radius-right-md-2--force{border-radius:0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0!important}.radius-md-4{border-radius:var(--matcha-radius-md,4px)}.radius-bottom-md-4{border-radius:0 0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px)}.radius-bottom-md-4--force{border-radius:0 0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px)!important}.radius-top-md-4{border-radius:var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0 0}.radius-top-md-4--force{border-radius:var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0 0!important}.radius-left-md-4{border-radius:var(--matcha-radius-md,4px) 0 0 var(--matcha-radius-md,4px)}.radius-left-md-4--force{border-radius:var(--matcha-radius-md,4px) 0 0 var(--matcha-radius-md,4px)!important}.radius-right-md-4{border-radius:0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0}.radius-right-md-4--force{border-radius:0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0!important}.radius-md-6{border-radius:6px}.radius-bottom-md-6{border-radius:0 0 6px 6px}.radius-bottom-md-6--force{border-radius:0 0 6px 6px!important}.radius-top-md-6{border-radius:6px 6px 0 0}.radius-top-md-6--force{border-radius:6px 6px 0 0!important}.radius-left-md-6{border-radius:6px 0 0 6px}.radius-left-md-6--force{border-radius:6px 0 0 6px!important}.radius-right-md-6{border-radius:0 6px 6px 0}.radius-right-md-6--force{border-radius:0 6px 6px 0!important}.radius-md-8{border-radius:var(--matcha-radius-lg,8px)}.radius-bottom-md-8{border-radius:0 0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px)}.radius-bottom-md-8--force{border-radius:0 0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px)!important}.radius-top-md-8{border-radius:var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0 0}.radius-top-md-8--force{border-radius:var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0 0!important}.radius-left-md-8{border-radius:var(--matcha-radius-lg,8px) 0 0 var(--matcha-radius-lg,8px)}.radius-left-md-8--force{border-radius:var(--matcha-radius-lg,8px) 0 0 var(--matcha-radius-lg,8px)!important}.radius-right-md-8{border-radius:0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0}.radius-right-md-8--force{border-radius:0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0!important}.radius-md-10{border-radius:10px}.radius-bottom-md-10{border-radius:0 0 10px 10px}.radius-bottom-md-10--force{border-radius:0 0 10px 10px!important}.radius-top-md-10{border-radius:10px 10px 0 0}.radius-top-md-10--force{border-radius:10px 10px 0 0!important}.radius-left-md-10{border-radius:10px 0 0 10px}.radius-left-md-10--force{border-radius:10px 0 0 10px!important}.radius-right-md-10{border-radius:0 10px 10px 0}.radius-right-md-10--force{border-radius:0 10px 10px 0!important}.radius-md-12{border-radius:12px}.radius-bottom-md-12{border-radius:0 0 12px 12px}.radius-bottom-md-12--force{border-radius:0 0 12px 12px!important}.radius-top-md-12{border-radius:12px 12px 0 0}.radius-top-md-12--force{border-radius:12px 12px 0 0!important}.radius-left-md-12{border-radius:12px 0 0 12px}.radius-left-md-12--force{border-radius:12px 0 0 12px!important}.radius-right-md-12{border-radius:0 12px 12px 0}.radius-right-md-12--force{border-radius:0 12px 12px 0!important}.radius-md-14{border-radius:14px}.radius-bottom-md-14{border-radius:0 0 14px 14px}.radius-bottom-md-14--force{border-radius:0 0 14px 14px!important}.radius-top-md-14{border-radius:14px 14px 0 0}.radius-top-md-14--force{border-radius:14px 14px 0 0!important}.radius-left-md-14{border-radius:14px 0 0 14px}.radius-left-md-14--force{border-radius:14px 0 0 14px!important}.radius-right-md-14{border-radius:0 14px 14px 0}.radius-right-md-14--force{border-radius:0 14px 14px 0!important}.radius-md-16{border-radius:var(--matcha-radius-xl,16px)}.radius-bottom-md-16{border-radius:0 0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px)}.radius-bottom-md-16--force{border-radius:0 0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px)!important}.radius-top-md-16{border-radius:var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0 0}.radius-top-md-16--force{border-radius:var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0 0!important}.radius-left-md-16{border-radius:var(--matcha-radius-xl,16px) 0 0 var(--matcha-radius-xl,16px)}.radius-left-md-16--force{border-radius:var(--matcha-radius-xl,16px) 0 0 var(--matcha-radius-xl,16px)!important}.radius-right-md-16{border-radius:0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0}.radius-right-md-16--force{border-radius:0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0!important}.radius-md-18{border-radius:18px}.radius-bottom-md-18{border-radius:0 0 18px 18px}.radius-bottom-md-18--force{border-radius:0 0 18px 18px!important}.radius-top-md-18{border-radius:18px 18px 0 0}.radius-top-md-18--force{border-radius:18px 18px 0 0!important}.radius-left-md-18{border-radius:18px 0 0 18px}.radius-left-md-18--force{border-radius:18px 0 0 18px!important}.radius-right-md-18{border-radius:0 18px 18px 0}.radius-right-md-18--force{border-radius:0 18px 18px 0!important}.radius-md-20{border-radius:20px}.radius-bottom-md-20{border-radius:0 0 20px 20px}.radius-bottom-md-20--force{border-radius:0 0 20px 20px!important}.radius-top-md-20{border-radius:20px 20px 0 0}.radius-top-md-20--force{border-radius:20px 20px 0 0!important}.radius-left-md-20{border-radius:20px 0 0 20px}.radius-left-md-20--force{border-radius:20px 0 0 20px!important}.radius-right-md-20{border-radius:0 20px 20px 0}.radius-right-md-20--force{border-radius:0 20px 20px 0!important}.radius-md-22{border-radius:22px}.radius-bottom-md-22{border-radius:0 0 22px 22px}.radius-bottom-md-22--force{border-radius:0 0 22px 22px!important}.radius-top-md-22{border-radius:22px 22px 0 0}.radius-top-md-22--force{border-radius:22px 22px 0 0!important}.radius-left-md-22{border-radius:22px 0 0 22px}.radius-left-md-22--force{border-radius:22px 0 0 22px!important}.radius-right-md-22{border-radius:0 22px 22px 0}.radius-right-md-22--force{border-radius:0 22px 22px 0!important}.radius-md-24{border-radius:var(--matcha-radius-2xl,24px)}.radius-bottom-md-24{border-radius:0 0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px)}.radius-bottom-md-24--force{border-radius:0 0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px)!important}.radius-top-md-24{border-radius:var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0 0}.radius-top-md-24--force{border-radius:var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0 0!important}.radius-left-md-24{border-radius:var(--matcha-radius-2xl,24px) 0 0 var(--matcha-radius-2xl,24px)}.radius-left-md-24--force{border-radius:var(--matcha-radius-2xl,24px) 0 0 var(--matcha-radius-2xl,24px)!important}.radius-right-md-24{border-radius:0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0}.radius-right-md-24--force{border-radius:0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0!important}.radius-md-full{border-radius:9999px}.radius-md-full--force{border-radius:9999px!important}.radius-md-none{border-radius:0}.radius-md-none--force{border-radius:0!important}}@media screen and (min-width:1280px){.radius-lg-0{border-radius:var(--matcha-radius-none,0)}.radius-bottom-lg-0{border-radius:0 0 var(--matcha-radius-none,0) var(--matcha-radius-none,0)}.radius-bottom-lg-0--force{border-radius:0 0 var(--matcha-radius-none,0) var(--matcha-radius-none,0)!important}.radius-top-lg-0{border-radius:var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0 0}.radius-top-lg-0--force{border-radius:var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0 0!important}.radius-left-lg-0{border-radius:var(--matcha-radius-none,0) 0 0 var(--matcha-radius-none,0)}.radius-left-lg-0--force{border-radius:var(--matcha-radius-none,0) 0 0 var(--matcha-radius-none,0)!important}.radius-right-lg-0{border-radius:0 var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0}.radius-right-lg-0--force{border-radius:0 var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0!important}.radius-lg-2{border-radius:var(--matcha-radius-sm,2px)}.radius-bottom-lg-2{border-radius:0 0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px)}.radius-bottom-lg-2--force{border-radius:0 0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px)!important}.radius-top-lg-2{border-radius:var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0 0}.radius-top-lg-2--force{border-radius:var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0 0!important}.radius-left-lg-2{border-radius:var(--matcha-radius-sm,2px) 0 0 var(--matcha-radius-sm,2px)}.radius-left-lg-2--force{border-radius:var(--matcha-radius-sm,2px) 0 0 var(--matcha-radius-sm,2px)!important}.radius-right-lg-2{border-radius:0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0}.radius-right-lg-2--force{border-radius:0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0!important}.radius-lg-4{border-radius:var(--matcha-radius-md,4px)}.radius-bottom-lg-4{border-radius:0 0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px)}.radius-bottom-lg-4--force{border-radius:0 0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px)!important}.radius-top-lg-4{border-radius:var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0 0}.radius-top-lg-4--force{border-radius:var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0 0!important}.radius-left-lg-4{border-radius:var(--matcha-radius-md,4px) 0 0 var(--matcha-radius-md,4px)}.radius-left-lg-4--force{border-radius:var(--matcha-radius-md,4px) 0 0 var(--matcha-radius-md,4px)!important}.radius-right-lg-4{border-radius:0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0}.radius-right-lg-4--force{border-radius:0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0!important}.radius-lg-6{border-radius:6px}.radius-bottom-lg-6{border-radius:0 0 6px 6px}.radius-bottom-lg-6--force{border-radius:0 0 6px 6px!important}.radius-top-lg-6{border-radius:6px 6px 0 0}.radius-top-lg-6--force{border-radius:6px 6px 0 0!important}.radius-left-lg-6{border-radius:6px 0 0 6px}.radius-left-lg-6--force{border-radius:6px 0 0 6px!important}.radius-right-lg-6{border-radius:0 6px 6px 0}.radius-right-lg-6--force{border-radius:0 6px 6px 0!important}.radius-lg-8{border-radius:var(--matcha-radius-lg,8px)}.radius-bottom-lg-8{border-radius:0 0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px)}.radius-bottom-lg-8--force{border-radius:0 0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px)!important}.radius-top-lg-8{border-radius:var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0 0}.radius-top-lg-8--force{border-radius:var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0 0!important}.radius-left-lg-8{border-radius:var(--matcha-radius-lg,8px) 0 0 var(--matcha-radius-lg,8px)}.radius-left-lg-8--force{border-radius:var(--matcha-radius-lg,8px) 0 0 var(--matcha-radius-lg,8px)!important}.radius-right-lg-8{border-radius:0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0}.radius-right-lg-8--force{border-radius:0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0!important}.radius-lg-10{border-radius:10px}.radius-bottom-lg-10{border-radius:0 0 10px 10px}.radius-bottom-lg-10--force{border-radius:0 0 10px 10px!important}.radius-top-lg-10{border-radius:10px 10px 0 0}.radius-top-lg-10--force{border-radius:10px 10px 0 0!important}.radius-left-lg-10{border-radius:10px 0 0 10px}.radius-left-lg-10--force{border-radius:10px 0 0 10px!important}.radius-right-lg-10{border-radius:0 10px 10px 0}.radius-right-lg-10--force{border-radius:0 10px 10px 0!important}.radius-lg-12{border-radius:12px}.radius-bottom-lg-12{border-radius:0 0 12px 12px}.radius-bottom-lg-12--force{border-radius:0 0 12px 12px!important}.radius-top-lg-12{border-radius:12px 12px 0 0}.radius-top-lg-12--force{border-radius:12px 12px 0 0!important}.radius-left-lg-12{border-radius:12px 0 0 12px}.radius-left-lg-12--force{border-radius:12px 0 0 12px!important}.radius-right-lg-12{border-radius:0 12px 12px 0}.radius-right-lg-12--force{border-radius:0 12px 12px 0!important}.radius-lg-14{border-radius:14px}.radius-bottom-lg-14{border-radius:0 0 14px 14px}.radius-bottom-lg-14--force{border-radius:0 0 14px 14px!important}.radius-top-lg-14{border-radius:14px 14px 0 0}.radius-top-lg-14--force{border-radius:14px 14px 0 0!important}.radius-left-lg-14{border-radius:14px 0 0 14px}.radius-left-lg-14--force{border-radius:14px 0 0 14px!important}.radius-right-lg-14{border-radius:0 14px 14px 0}.radius-right-lg-14--force{border-radius:0 14px 14px 0!important}.radius-lg-16{border-radius:var(--matcha-radius-xl,16px)}.radius-bottom-lg-16{border-radius:0 0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px)}.radius-bottom-lg-16--force{border-radius:0 0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px)!important}.radius-top-lg-16{border-radius:var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0 0}.radius-top-lg-16--force{border-radius:var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0 0!important}.radius-left-lg-16{border-radius:var(--matcha-radius-xl,16px) 0 0 var(--matcha-radius-xl,16px)}.radius-left-lg-16--force{border-radius:var(--matcha-radius-xl,16px) 0 0 var(--matcha-radius-xl,16px)!important}.radius-right-lg-16{border-radius:0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0}.radius-right-lg-16--force{border-radius:0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0!important}.radius-lg-18{border-radius:18px}.radius-bottom-lg-18{border-radius:0 0 18px 18px}.radius-bottom-lg-18--force{border-radius:0 0 18px 18px!important}.radius-top-lg-18{border-radius:18px 18px 0 0}.radius-top-lg-18--force{border-radius:18px 18px 0 0!important}.radius-left-lg-18{border-radius:18px 0 0 18px}.radius-left-lg-18--force{border-radius:18px 0 0 18px!important}.radius-right-lg-18{border-radius:0 18px 18px 0}.radius-right-lg-18--force{border-radius:0 18px 18px 0!important}.radius-lg-20{border-radius:20px}.radius-bottom-lg-20{border-radius:0 0 20px 20px}.radius-bottom-lg-20--force{border-radius:0 0 20px 20px!important}.radius-top-lg-20{border-radius:20px 20px 0 0}.radius-top-lg-20--force{border-radius:20px 20px 0 0!important}.radius-left-lg-20{border-radius:20px 0 0 20px}.radius-left-lg-20--force{border-radius:20px 0 0 20px!important}.radius-right-lg-20{border-radius:0 20px 20px 0}.radius-right-lg-20--force{border-radius:0 20px 20px 0!important}.radius-lg-22{border-radius:22px}.radius-bottom-lg-22{border-radius:0 0 22px 22px}.radius-bottom-lg-22--force{border-radius:0 0 22px 22px!important}.radius-top-lg-22{border-radius:22px 22px 0 0}.radius-top-lg-22--force{border-radius:22px 22px 0 0!important}.radius-left-lg-22{border-radius:22px 0 0 22px}.radius-left-lg-22--force{border-radius:22px 0 0 22px!important}.radius-right-lg-22{border-radius:0 22px 22px 0}.radius-right-lg-22--force{border-radius:0 22px 22px 0!important}.radius-lg-24{border-radius:var(--matcha-radius-2xl,24px)}.radius-bottom-lg-24{border-radius:0 0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px)}.radius-bottom-lg-24--force{border-radius:0 0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px)!important}.radius-top-lg-24{border-radius:var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0 0}.radius-top-lg-24--force{border-radius:var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0 0!important}.radius-left-lg-24{border-radius:var(--matcha-radius-2xl,24px) 0 0 var(--matcha-radius-2xl,24px)}.radius-left-lg-24--force{border-radius:var(--matcha-radius-2xl,24px) 0 0 var(--matcha-radius-2xl,24px)!important}.radius-right-lg-24{border-radius:0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0}.radius-right-lg-24--force{border-radius:0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0!important}.radius-lg-full{border-radius:9999px}.radius-lg-full--force{border-radius:9999px!important}.radius-lg-none{border-radius:0}.radius-lg-none--force{border-radius:0!important}}@media screen and (min-width:1536px){.radius-xl-0{border-radius:var(--matcha-radius-none,0)}.radius-bottom-xl-0{border-radius:0 0 var(--matcha-radius-none,0) var(--matcha-radius-none,0)}.radius-bottom-xl-0--force{border-radius:0 0 var(--matcha-radius-none,0) var(--matcha-radius-none,0)!important}.radius-top-xl-0{border-radius:var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0 0}.radius-top-xl-0--force{border-radius:var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0 0!important}.radius-left-xl-0{border-radius:var(--matcha-radius-none,0) 0 0 var(--matcha-radius-none,0)}.radius-left-xl-0--force{border-radius:var(--matcha-radius-none,0) 0 0 var(--matcha-radius-none,0)!important}.radius-right-xl-0{border-radius:0 var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0}.radius-right-xl-0--force{border-radius:0 var(--matcha-radius-none,0) var(--matcha-radius-none,0) 0!important}.radius-xl-2{border-radius:var(--matcha-radius-sm,2px)}.radius-bottom-xl-2{border-radius:0 0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px)}.radius-bottom-xl-2--force{border-radius:0 0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px)!important}.radius-top-xl-2{border-radius:var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0 0}.radius-top-xl-2--force{border-radius:var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0 0!important}.radius-left-xl-2{border-radius:var(--matcha-radius-sm,2px) 0 0 var(--matcha-radius-sm,2px)}.radius-left-xl-2--force{border-radius:var(--matcha-radius-sm,2px) 0 0 var(--matcha-radius-sm,2px)!important}.radius-right-xl-2{border-radius:0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0}.radius-right-xl-2--force{border-radius:0 var(--matcha-radius-sm,2px) var(--matcha-radius-sm,2px) 0!important}.radius-xl-4{border-radius:var(--matcha-radius-md,4px)}.radius-bottom-xl-4{border-radius:0 0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px)}.radius-bottom-xl-4--force{border-radius:0 0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px)!important}.radius-top-xl-4{border-radius:var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0 0}.radius-top-xl-4--force{border-radius:var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0 0!important}.radius-left-xl-4{border-radius:var(--matcha-radius-md,4px) 0 0 var(--matcha-radius-md,4px)}.radius-left-xl-4--force{border-radius:var(--matcha-radius-md,4px) 0 0 var(--matcha-radius-md,4px)!important}.radius-right-xl-4{border-radius:0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0}.radius-right-xl-4--force{border-radius:0 var(--matcha-radius-md,4px) var(--matcha-radius-md,4px) 0!important}.radius-xl-6{border-radius:6px}.radius-bottom-xl-6{border-radius:0 0 6px 6px}.radius-bottom-xl-6--force{border-radius:0 0 6px 6px!important}.radius-top-xl-6{border-radius:6px 6px 0 0}.radius-top-xl-6--force{border-radius:6px 6px 0 0!important}.radius-left-xl-6{border-radius:6px 0 0 6px}.radius-left-xl-6--force{border-radius:6px 0 0 6px!important}.radius-right-xl-6{border-radius:0 6px 6px 0}.radius-right-xl-6--force{border-radius:0 6px 6px 0!important}.radius-xl-8{border-radius:var(--matcha-radius-lg,8px)}.radius-bottom-xl-8{border-radius:0 0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px)}.radius-bottom-xl-8--force{border-radius:0 0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px)!important}.radius-top-xl-8{border-radius:var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0 0}.radius-top-xl-8--force{border-radius:var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0 0!important}.radius-left-xl-8{border-radius:var(--matcha-radius-lg,8px) 0 0 var(--matcha-radius-lg,8px)}.radius-left-xl-8--force{border-radius:var(--matcha-radius-lg,8px) 0 0 var(--matcha-radius-lg,8px)!important}.radius-right-xl-8{border-radius:0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0}.radius-right-xl-8--force{border-radius:0 var(--matcha-radius-lg,8px) var(--matcha-radius-lg,8px) 0!important}.radius-xl-10{border-radius:10px}.radius-bottom-xl-10{border-radius:0 0 10px 10px}.radius-bottom-xl-10--force{border-radius:0 0 10px 10px!important}.radius-top-xl-10{border-radius:10px 10px 0 0}.radius-top-xl-10--force{border-radius:10px 10px 0 0!important}.radius-left-xl-10{border-radius:10px 0 0 10px}.radius-left-xl-10--force{border-radius:10px 0 0 10px!important}.radius-right-xl-10{border-radius:0 10px 10px 0}.radius-right-xl-10--force{border-radius:0 10px 10px 0!important}.radius-xl-12{border-radius:12px}.radius-bottom-xl-12{border-radius:0 0 12px 12px}.radius-bottom-xl-12--force{border-radius:0 0 12px 12px!important}.radius-top-xl-12{border-radius:12px 12px 0 0}.radius-top-xl-12--force{border-radius:12px 12px 0 0!important}.radius-left-xl-12{border-radius:12px 0 0 12px}.radius-left-xl-12--force{border-radius:12px 0 0 12px!important}.radius-right-xl-12{border-radius:0 12px 12px 0}.radius-right-xl-12--force{border-radius:0 12px 12px 0!important}.radius-xl-14{border-radius:14px}.radius-bottom-xl-14{border-radius:0 0 14px 14px}.radius-bottom-xl-14--force{border-radius:0 0 14px 14px!important}.radius-top-xl-14{border-radius:14px 14px 0 0}.radius-top-xl-14--force{border-radius:14px 14px 0 0!important}.radius-left-xl-14{border-radius:14px 0 0 14px}.radius-left-xl-14--force{border-radius:14px 0 0 14px!important}.radius-right-xl-14{border-radius:0 14px 14px 0}.radius-right-xl-14--force{border-radius:0 14px 14px 0!important}.radius-xl-16{border-radius:var(--matcha-radius-xl,16px)}.radius-bottom-xl-16{border-radius:0 0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px)}.radius-bottom-xl-16--force{border-radius:0 0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px)!important}.radius-top-xl-16{border-radius:var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0 0}.radius-top-xl-16--force{border-radius:var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0 0!important}.radius-left-xl-16{border-radius:var(--matcha-radius-xl,16px) 0 0 var(--matcha-radius-xl,16px)}.radius-left-xl-16--force{border-radius:var(--matcha-radius-xl,16px) 0 0 var(--matcha-radius-xl,16px)!important}.radius-right-xl-16{border-radius:0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0}.radius-right-xl-16--force{border-radius:0 var(--matcha-radius-xl,16px) var(--matcha-radius-xl,16px) 0!important}.radius-xl-18{border-radius:18px}.radius-bottom-xl-18{border-radius:0 0 18px 18px}.radius-bottom-xl-18--force{border-radius:0 0 18px 18px!important}.radius-top-xl-18{border-radius:18px 18px 0 0}.radius-top-xl-18--force{border-radius:18px 18px 0 0!important}.radius-left-xl-18{border-radius:18px 0 0 18px}.radius-left-xl-18--force{border-radius:18px 0 0 18px!important}.radius-right-xl-18{border-radius:0 18px 18px 0}.radius-right-xl-18--force{border-radius:0 18px 18px 0!important}.radius-xl-20{border-radius:20px}.radius-bottom-xl-20{border-radius:0 0 20px 20px}.radius-bottom-xl-20--force{border-radius:0 0 20px 20px!important}.radius-top-xl-20{border-radius:20px 20px 0 0}.radius-top-xl-20--force{border-radius:20px 20px 0 0!important}.radius-left-xl-20{border-radius:20px 0 0 20px}.radius-left-xl-20--force{border-radius:20px 0 0 20px!important}.radius-right-xl-20{border-radius:0 20px 20px 0}.radius-right-xl-20--force{border-radius:0 20px 20px 0!important}.radius-xl-22{border-radius:22px}.radius-bottom-xl-22{border-radius:0 0 22px 22px}.radius-bottom-xl-22--force{border-radius:0 0 22px 22px!important}.radius-top-xl-22{border-radius:22px 22px 0 0}.radius-top-xl-22--force{border-radius:22px 22px 0 0!important}.radius-left-xl-22{border-radius:22px 0 0 22px}.radius-left-xl-22--force{border-radius:22px 0 0 22px!important}.radius-right-xl-22{border-radius:0 22px 22px 0}.radius-right-xl-22--force{border-radius:0 22px 22px 0!important}.radius-xl-24{border-radius:var(--matcha-radius-2xl,24px)}.radius-bottom-xl-24{border-radius:0 0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px)}.radius-bottom-xl-24--force{border-radius:0 0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px)!important}.radius-top-xl-24{border-radius:var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0 0}.radius-top-xl-24--force{border-radius:var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0 0!important}.radius-left-xl-24{border-radius:var(--matcha-radius-2xl,24px) 0 0 var(--matcha-radius-2xl,24px)}.radius-left-xl-24--force{border-radius:var(--matcha-radius-2xl,24px) 0 0 var(--matcha-radius-2xl,24px)!important}.radius-right-xl-24{border-radius:0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0}.radius-right-xl-24--force{border-radius:0 var(--matcha-radius-2xl,24px) var(--matcha-radius-2xl,24px) 0!important}.radius-xl-full{border-radius:9999px}.radius-xl-full--force{border-radius:9999px!important}.radius-xl-none{border-radius:0}.radius-xl-none--force{border-radius:0!important}}.border-none{border:none!important}.shadow-1{box-shadow:var(--matcha-shadow-1,0 8px 24px -8px rgba(45,122,47,.04),0 2px 8px -1px rgba(26,44,30,.08),0 1px 2px rgba(26,44,30,.04))}.shadow-1--force{box-shadow:var(--matcha-shadow-1,0 8px 24px -8px rgba(45,122,47,.04),0 2px 8px -1px rgba(26,44,30,.08),0 1px 2px rgba(26,44,30,.04))!important}.shadow-2{box-shadow:var(--matcha-shadow-2,0 12px 32px -10px rgba(45,122,47,.05),0 4px 16px -2px rgba(26,44,30,.1),0 2px 4px -1px rgba(26,44,30,.05))}.shadow-2--force{box-shadow:var(--matcha-shadow-2,0 12px 32px -10px rgba(45,122,47,.05),0 4px 16px -2px rgba(26,44,30,.1),0 2px 4px -1px rgba(26,44,30,.05))!important}.shadow-3{box-shadow:var(--matcha-shadow-3,0 16px 40px -12px rgba(45,122,47,.06),0 12px 32px -4px rgba(26,44,30,.14),0 4px 8px -2px rgba(26,44,30,.08))}.shadow-3--force{box-shadow:var(--matcha-shadow-3,0 16px 40px -12px rgba(45,122,47,.06),0 12px 32px -4px rgba(26,44,30,.14),0 4px 8px -2px rgba(26,44,30,.08))!important}.shadow-4{box-shadow:var(--matcha-shadow-4,0 24px 48px -16px rgba(45,122,47,.08),0 24px 48px -8px rgba(26,44,30,.18),0 8px 16px -4px rgba(26,44,30,.1))}.shadow-4--force{box-shadow:var(--matcha-shadow-4,0 24px 48px -16px rgba(45,122,47,.08),0 24px 48px -8px rgba(26,44,30,.18),0 8px 16px -4px rgba(26,44,30,.1))!important}.shadow-none{box-shadow:none}.shadow-none--force{box-shadow:none!important}.on-hover-show:hover{opacity:1}.on-hover-hide:hover{opacity:0}.ts-100-l{transition:all .1s linear}.ts-100-ei{transition:all .1s ease-in}.ts-100-eo{transition:all .1s ease-out}.ts-100-eio{transition:all .1s ease-in-out}.ts-300-l{transition:all .3s linear}.ts-300-ei{transition:all .3s ease-in}.ts-300-eo{transition:all .3s ease-out}.ts-300-eio{transition:all .3s ease-in-out}.duration-instant{transition-duration:var(--matcha-duration-instant, 80ms)}.duration-instant--force{transition-duration:var(--matcha-duration-instant, 80ms)!important}.duration-fast{transition-duration:var(--matcha-duration-fast, 200ms)}.duration-fast--force{transition-duration:var(--matcha-duration-fast, 200ms)!important}.duration-normal{transition-duration:var(--matcha-duration-normal, 400ms)}.duration-normal--force{transition-duration:var(--matcha-duration-normal, 400ms)!important}.duration-slow{transition-duration:var(--matcha-duration-slow, 600ms)}.duration-slow--force{transition-duration:var(--matcha-duration-slow, 600ms)!important}.ease-standard{transition-timing-function:var(--matcha-easing-standard,cubic-bezier(0.4,0,0.2,1))}.ease-standard--force{transition-timing-function:var(--matcha-easing-standard,cubic-bezier(0.4,0,0.2,1))!important}.ease-emphasized{transition-timing-function:var(--matcha-easing-emphasized,cubic-bezier(0.2,0,0,1))}.ease-emphasized--force{transition-timing-function:var(--matcha-easing-emphasized,cubic-bezier(0.2,0,0,1))!important}.ease-decelerated{transition-timing-function:var(--matcha-easing-decelerated,cubic-bezier(0,0,0.2,1))}.ease-decelerated--force{transition-timing-function:var(--matcha-easing-decelerated,cubic-bezier(0,0,0.2,1))!important}.ease-accelerated{transition-timing-function:var(--matcha-easing-accelerated,cubic-bezier(0.4,0,1,1))}.ease-accelerated--force{transition-timing-function:var(--matcha-easing-accelerated,cubic-bezier(0.4,0,1,1))!important}.transition-instant{transition:all var(--matcha-duration-instant, 80ms) var(--matcha-easing-standard, cubic-bezier(.4, 0, .2, 1))}.transition-instant--force{transition:all var(--matcha-duration-instant, 80ms) var(--matcha-easing-standard, cubic-bezier(.4, 0, .2, 1))!important}.transition-fast{transition:all var(--matcha-duration-fast, 200ms) var(--matcha-easing-standard, cubic-bezier(.4, 0, .2, 1))}.transition-fast--force{transition:all var(--matcha-duration-fast, 200ms) var(--matcha-easing-standard, cubic-bezier(.4, 0, .2, 1))!important}.transition-normal{transition:all var(--matcha-duration-normal, 400ms) var(--matcha-easing-standard, cubic-bezier(.4, 0, .2, 1))}.transition-normal--force{transition:all var(--matcha-duration-normal, 400ms) var(--matcha-easing-standard, cubic-bezier(.4, 0, .2, 1))!important}.transition-slow{transition:all var(--matcha-duration-slow, 600ms) var(--matcha-easing-standard, cubic-bezier(.4, 0, .2, 1))}.transition-slow--force{transition:all var(--matcha-duration-slow, 600ms) var(--matcha-easing-standard, cubic-bezier(.4, 0, .2, 1))!important}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.rotate-infinity-1s{animation:spin 1s infinite}.rotate-infinity-2s{animation:spin 2s infinite}.rotate-infinity-3s{animation:spin 3s infinite}.line-clamp-0{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:0;line-clamp:0;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-none{overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none;line-clamp:none}@media screen and (max-width:639px){.line-clamp-xs-0{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:0;line-clamp:0;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-xs-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-xs-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-xs-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-xs-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-xs-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-xs-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-xs-none{overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none;line-clamp:none}}@media screen and (min-width:640px){.line-clamp-sm-0{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:0;line-clamp:0;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-sm-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-sm-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-sm-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-sm-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-sm-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-sm-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-sm-none{overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none;line-clamp:none}}@media screen and (min-width:1024px){.line-clamp-md-0{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:0;line-clamp:0;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-md-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-md-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-md-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-md-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-md-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-md-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-md-none{overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none;line-clamp:none}}@media screen and (min-width:1280px){.line-clamp-lg-0{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:0;line-clamp:0;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-lg-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-lg-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-lg-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-lg-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-lg-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-lg-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-lg-none{overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none;line-clamp:none}}@media screen and (min-width:1536px){.line-clamp-xl-0{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:0;line-clamp:0;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-xl-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-xl-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-xl-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-xl-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-xl-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-xl-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;text-overflow:ellipsis;word-break:break-word;white-space:initial;-webkit-box-orient:vertical}.line-clamp-xl-none{overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none;line-clamp:none}}.masonry-1{column-count:1}.masonry-1>*{break-inside:avoid;display:inline-block;width:100%}.masonry-2{column-count:2}.masonry-2>*{break-inside:avoid;display:inline-block;width:100%}.masonry-3{column-count:3}.masonry-3>*{break-inside:avoid;display:inline-block;width:100%}.masonry-4{column-count:4}.masonry-4>*{break-inside:avoid;display:inline-block;width:100%}.masonry-5{column-count:5}.masonry-5>*{break-inside:avoid;display:inline-block;width:100%}.masonry-6{column-count:6}.masonry-6>*{break-inside:avoid;display:inline-block;width:100%}.masonry-7{column-count:7}.masonry-7>*{break-inside:avoid;display:inline-block;width:100%}.masonry-8{column-count:8}.masonry-8>*{break-inside:avoid;display:inline-block;width:100%}.masonry-9{column-count:9}.masonry-9>*{break-inside:avoid;display:inline-block;width:100%}.masonry-10{column-count:10}.masonry-10>*{break-inside:avoid;display:inline-block;width:100%}.masonry-11{column-count:11}.masonry-11>*{break-inside:avoid;display:inline-block;width:100%}.masonry-12{column-count:12}.masonry-12>*{break-inside:avoid;display:inline-block;width:100%}.masonry-gap-0{column-gap:0}.masonry-gap-0>*{margin-bottom:0}.masonry-gap-4{column-gap:4px}.masonry-gap-4>*{margin-bottom:4px}.masonry-gap-8{column-gap:8px}.masonry-gap-8>*{margin-bottom:8px}.masonry-gap-12{column-gap:12px}.masonry-gap-12>*{margin-bottom:12px}.masonry-gap-16{column-gap:16px}.masonry-gap-16>*{margin-bottom:16px}.masonry-gap-20{column-gap:20px}.masonry-gap-20>*{margin-bottom:20px}.masonry-gap-24{column-gap:24px}.masonry-gap-24>*{margin-bottom:24px}.masonry-gap-28{column-gap:28px}.masonry-gap-28>*{margin-bottom:28px}.masonry-gap-32{column-gap:32px}.masonry-gap-32>*{margin-bottom:32px}.masonry-gap-36{column-gap:36px}.masonry-gap-36>*{margin-bottom:36px}.masonry-gap-40{column-gap:40px}.masonry-gap-40>*{margin-bottom:40px}.masonry-gap-44{column-gap:44px}.masonry-gap-44>*{margin-bottom:44px}.masonry-gap-48{column-gap:48px}.masonry-gap-48>*{margin-bottom:48px}@media screen and (max-width:639px){.masonry-xs-1{column-count:1}.masonry-xs-1>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xs-2{column-count:2}.masonry-xs-2>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xs-3{column-count:3}.masonry-xs-3>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xs-4{column-count:4}.masonry-xs-4>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xs-5{column-count:5}.masonry-xs-5>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xs-6{column-count:6}.masonry-xs-6>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xs-7{column-count:7}.masonry-xs-7>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xs-8{column-count:8}.masonry-xs-8>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xs-9{column-count:9}.masonry-xs-9>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xs-10{column-count:10}.masonry-xs-10>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xs-11{column-count:11}.masonry-xs-11>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xs-12{column-count:12}.masonry-xs-12>*{break-inside:avoid;display:inline-block;width:100%}.masonry-gap-xs-0{column-gap:0}.masonry-gap-xs-0>*{margin-bottom:0}.masonry-gap-xs-4{column-gap:4px}.masonry-gap-xs-4>*{margin-bottom:4px}.masonry-gap-xs-8{column-gap:8px}.masonry-gap-xs-8>*{margin-bottom:8px}.masonry-gap-xs-12{column-gap:12px}.masonry-gap-xs-12>*{margin-bottom:12px}.masonry-gap-xs-16{column-gap:16px}.masonry-gap-xs-16>*{margin-bottom:16px}.masonry-gap-xs-20{column-gap:20px}.masonry-gap-xs-20>*{margin-bottom:20px}.masonry-gap-xs-24{column-gap:24px}.masonry-gap-xs-24>*{margin-bottom:24px}.masonry-gap-xs-28{column-gap:28px}.masonry-gap-xs-28>*{margin-bottom:28px}.masonry-gap-xs-32{column-gap:32px}.masonry-gap-xs-32>*{margin-bottom:32px}.masonry-gap-xs-36{column-gap:36px}.masonry-gap-xs-36>*{margin-bottom:36px}.masonry-gap-xs-40{column-gap:40px}.masonry-gap-xs-40>*{margin-bottom:40px}.masonry-gap-xs-44{column-gap:44px}.masonry-gap-xs-44>*{margin-bottom:44px}.masonry-gap-xs-48{column-gap:48px}.masonry-gap-xs-48>*{margin-bottom:48px}}@media screen and (min-width:640px){.masonry-sm-1{column-count:1}.masonry-sm-1>*{break-inside:avoid;display:inline-block;width:100%}.masonry-sm-2{column-count:2}.masonry-sm-2>*{break-inside:avoid;display:inline-block;width:100%}.masonry-sm-3{column-count:3}.masonry-sm-3>*{break-inside:avoid;display:inline-block;width:100%}.masonry-sm-4{column-count:4}.masonry-sm-4>*{break-inside:avoid;display:inline-block;width:100%}.masonry-sm-5{column-count:5}.masonry-sm-5>*{break-inside:avoid;display:inline-block;width:100%}.masonry-sm-6{column-count:6}.masonry-sm-6>*{break-inside:avoid;display:inline-block;width:100%}.masonry-sm-7{column-count:7}.masonry-sm-7>*{break-inside:avoid;display:inline-block;width:100%}.masonry-sm-8{column-count:8}.masonry-sm-8>*{break-inside:avoid;display:inline-block;width:100%}.masonry-sm-9{column-count:9}.masonry-sm-9>*{break-inside:avoid;display:inline-block;width:100%}.masonry-sm-10{column-count:10}.masonry-sm-10>*{break-inside:avoid;display:inline-block;width:100%}.masonry-sm-11{column-count:11}.masonry-sm-11>*{break-inside:avoid;display:inline-block;width:100%}.masonry-sm-12{column-count:12}.masonry-sm-12>*{break-inside:avoid;display:inline-block;width:100%}.masonry-gap-sm-0{column-gap:0}.masonry-gap-sm-0>*{margin-bottom:0}.masonry-gap-sm-4{column-gap:4px}.masonry-gap-sm-4>*{margin-bottom:4px}.masonry-gap-sm-8{column-gap:8px}.masonry-gap-sm-8>*{margin-bottom:8px}.masonry-gap-sm-12{column-gap:12px}.masonry-gap-sm-12>*{margin-bottom:12px}.masonry-gap-sm-16{column-gap:16px}.masonry-gap-sm-16>*{margin-bottom:16px}.masonry-gap-sm-20{column-gap:20px}.masonry-gap-sm-20>*{margin-bottom:20px}.masonry-gap-sm-24{column-gap:24px}.masonry-gap-sm-24>*{margin-bottom:24px}.masonry-gap-sm-28{column-gap:28px}.masonry-gap-sm-28>*{margin-bottom:28px}.masonry-gap-sm-32{column-gap:32px}.masonry-gap-sm-32>*{margin-bottom:32px}.masonry-gap-sm-36{column-gap:36px}.masonry-gap-sm-36>*{margin-bottom:36px}.masonry-gap-sm-40{column-gap:40px}.masonry-gap-sm-40>*{margin-bottom:40px}.masonry-gap-sm-44{column-gap:44px}.masonry-gap-sm-44>*{margin-bottom:44px}.masonry-gap-sm-48{column-gap:48px}.masonry-gap-sm-48>*{margin-bottom:48px}}@media screen and (min-width:1024px){.masonry-md-1{column-count:1}.masonry-md-1>*{break-inside:avoid;display:inline-block;width:100%}.masonry-md-2{column-count:2}.masonry-md-2>*{break-inside:avoid;display:inline-block;width:100%}.masonry-md-3{column-count:3}.masonry-md-3>*{break-inside:avoid;display:inline-block;width:100%}.masonry-md-4{column-count:4}.masonry-md-4>*{break-inside:avoid;display:inline-block;width:100%}.masonry-md-5{column-count:5}.masonry-md-5>*{break-inside:avoid;display:inline-block;width:100%}.masonry-md-6{column-count:6}.masonry-md-6>*{break-inside:avoid;display:inline-block;width:100%}.masonry-md-7{column-count:7}.masonry-md-7>*{break-inside:avoid;display:inline-block;width:100%}.masonry-md-8{column-count:8}.masonry-md-8>*{break-inside:avoid;display:inline-block;width:100%}.masonry-md-9{column-count:9}.masonry-md-9>*{break-inside:avoid;display:inline-block;width:100%}.masonry-md-10{column-count:10}.masonry-md-10>*{break-inside:avoid;display:inline-block;width:100%}.masonry-md-11{column-count:11}.masonry-md-11>*{break-inside:avoid;display:inline-block;width:100%}.masonry-md-12{column-count:12}.masonry-md-12>*{break-inside:avoid;display:inline-block;width:100%}.masonry-gap-md-0{column-gap:0}.masonry-gap-md-0>*{margin-bottom:0}.masonry-gap-md-4{column-gap:4px}.masonry-gap-md-4>*{margin-bottom:4px}.masonry-gap-md-8{column-gap:8px}.masonry-gap-md-8>*{margin-bottom:8px}.masonry-gap-md-12{column-gap:12px}.masonry-gap-md-12>*{margin-bottom:12px}.masonry-gap-md-16{column-gap:16px}.masonry-gap-md-16>*{margin-bottom:16px}.masonry-gap-md-20{column-gap:20px}.masonry-gap-md-20>*{margin-bottom:20px}.masonry-gap-md-24{column-gap:24px}.masonry-gap-md-24>*{margin-bottom:24px}.masonry-gap-md-28{column-gap:28px}.masonry-gap-md-28>*{margin-bottom:28px}.masonry-gap-md-32{column-gap:32px}.masonry-gap-md-32>*{margin-bottom:32px}.masonry-gap-md-36{column-gap:36px}.masonry-gap-md-36>*{margin-bottom:36px}.masonry-gap-md-40{column-gap:40px}.masonry-gap-md-40>*{margin-bottom:40px}.masonry-gap-md-44{column-gap:44px}.masonry-gap-md-44>*{margin-bottom:44px}.masonry-gap-md-48{column-gap:48px}.masonry-gap-md-48>*{margin-bottom:48px}}@media screen and (min-width:1280px){.masonry-lg-1{column-count:1}.masonry-lg-1>*{break-inside:avoid;display:inline-block;width:100%}.masonry-lg-2{column-count:2}.masonry-lg-2>*{break-inside:avoid;display:inline-block;width:100%}.masonry-lg-3{column-count:3}.masonry-lg-3>*{break-inside:avoid;display:inline-block;width:100%}.masonry-lg-4{column-count:4}.masonry-lg-4>*{break-inside:avoid;display:inline-block;width:100%}.masonry-lg-5{column-count:5}.masonry-lg-5>*{break-inside:avoid;display:inline-block;width:100%}.masonry-lg-6{column-count:6}.masonry-lg-6>*{break-inside:avoid;display:inline-block;width:100%}.masonry-lg-7{column-count:7}.masonry-lg-7>*{break-inside:avoid;display:inline-block;width:100%}.masonry-lg-8{column-count:8}.masonry-lg-8>*{break-inside:avoid;display:inline-block;width:100%}.masonry-lg-9{column-count:9}.masonry-lg-9>*{break-inside:avoid;display:inline-block;width:100%}.masonry-lg-10{column-count:10}.masonry-lg-10>*{break-inside:avoid;display:inline-block;width:100%}.masonry-lg-11{column-count:11}.masonry-lg-11>*{break-inside:avoid;display:inline-block;width:100%}.masonry-lg-12{column-count:12}.masonry-lg-12>*{break-inside:avoid;display:inline-block;width:100%}.masonry-gap-lg-0{column-gap:0}.masonry-gap-lg-0>*{margin-bottom:0}.masonry-gap-lg-4{column-gap:4px}.masonry-gap-lg-4>*{margin-bottom:4px}.masonry-gap-lg-8{column-gap:8px}.masonry-gap-lg-8>*{margin-bottom:8px}.masonry-gap-lg-12{column-gap:12px}.masonry-gap-lg-12>*{margin-bottom:12px}.masonry-gap-lg-16{column-gap:16px}.masonry-gap-lg-16>*{margin-bottom:16px}.masonry-gap-lg-20{column-gap:20px}.masonry-gap-lg-20>*{margin-bottom:20px}.masonry-gap-lg-24{column-gap:24px}.masonry-gap-lg-24>*{margin-bottom:24px}.masonry-gap-lg-28{column-gap:28px}.masonry-gap-lg-28>*{margin-bottom:28px}.masonry-gap-lg-32{column-gap:32px}.masonry-gap-lg-32>*{margin-bottom:32px}.masonry-gap-lg-36{column-gap:36px}.masonry-gap-lg-36>*{margin-bottom:36px}.masonry-gap-lg-40{column-gap:40px}.masonry-gap-lg-40>*{margin-bottom:40px}.masonry-gap-lg-44{column-gap:44px}.masonry-gap-lg-44>*{margin-bottom:44px}.masonry-gap-lg-48{column-gap:48px}.masonry-gap-lg-48>*{margin-bottom:48px}}@media screen and (min-width:1536px){.masonry-xl-1{column-count:1}.masonry-xl-1>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xl-2{column-count:2}.masonry-xl-2>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xl-3{column-count:3}.masonry-xl-3>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xl-4{column-count:4}.masonry-xl-4>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xl-5{column-count:5}.masonry-xl-5>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xl-6{column-count:6}.masonry-xl-6>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xl-7{column-count:7}.masonry-xl-7>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xl-8{column-count:8}.masonry-xl-8>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xl-9{column-count:9}.masonry-xl-9>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xl-10{column-count:10}.masonry-xl-10>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xl-11{column-count:11}.masonry-xl-11>*{break-inside:avoid;display:inline-block;width:100%}.masonry-xl-12{column-count:12}.masonry-xl-12>*{break-inside:avoid;display:inline-block;width:100%}.masonry-gap-xl-0{column-gap:0}.masonry-gap-xl-0>*{margin-bottom:0}.masonry-gap-xl-4{column-gap:4px}.masonry-gap-xl-4>*{margin-bottom:4px}.masonry-gap-xl-8{column-gap:8px}.masonry-gap-xl-8>*{margin-bottom:8px}.masonry-gap-xl-12{column-gap:12px}.masonry-gap-xl-12>*{margin-bottom:12px}.masonry-gap-xl-16{column-gap:16px}.masonry-gap-xl-16>*{margin-bottom:16px}.masonry-gap-xl-20{column-gap:20px}.masonry-gap-xl-20>*{margin-bottom:20px}.masonry-gap-xl-24{column-gap:24px}.masonry-gap-xl-24>*{margin-bottom:24px}.masonry-gap-xl-28{column-gap:28px}.masonry-gap-xl-28>*{margin-bottom:28px}.masonry-gap-xl-32{column-gap:32px}.masonry-gap-xl-32>*{margin-bottom:32px}.masonry-gap-xl-36{column-gap:36px}.masonry-gap-xl-36>*{margin-bottom:36px}.masonry-gap-xl-40{column-gap:40px}.masonry-gap-xl-40>*{margin-bottom:40px}.masonry-gap-xl-44{column-gap:44px}.masonry-gap-xl-44>*{margin-bottom:44px}.masonry-gap-xl-48{column-gap:48px}.masonry-gap-xl-48>*{margin-bottom:48px}}

/*# sourceMappingURL=styles.css.map*/