@charset "UTF-8";

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans CJK JP"), local("NotoSansCJKjp-Regular"), local("NotoSansJP-Regular"), url("../fonts/NotoSansJP-Regular.ttf");
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Noto Sans CJK JP"), local("NotoSansCJKjp-Bold"), local("NotoSansJP-Bold"), url("../fonts/NotoSansJP-Bold.ttf");
}

:root {
  --color-bright: #fff;
  --color-dark: #000;
  --color-1: #3b4043;
  --color-2: #576772;
  --color-3: #091a38;
  --color-4: #cdd6dd;
  --color-5: #ddcdd4;
  --color-6: #e1e8ed;
  --color-7: #98a6b5;
  --color-8: #8b949f;
  --color-9: #bfb281;
  --color-10: #95989a;
  --color-11: #b3bec6;
  --color-gray-1: #5d5d5d;
  --color-gray-2: #e0e0e0;
  --color-gray-3: #e5e5e5;
  --color-gray-4: #efefef;
  --color-gray-5: #f7f7f7;
  --color-font: #3b4043;
  --color-border: #cdd6dd;
  --color-error: #e10;
  --color-disabled: #dfdfdf;
  --color-disabled-font: #9c9c9c;
  --color-required: #e10;
}

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

html,
body {
  height: 100%;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  margin: 0 auto;
  border: none;
  overflow: visible;
}

a {
  outline-width: 0;
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

pre {
  margin: 0;
  font-family: monospace, monospace;
  font-size: 1em;
}

code {
  font-family: monospace, monospace;
  font-size: 1em;
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
  border-style: none;
  vertical-align: top;
}

button,
input,
optgroup,
select,
textarea {
  line-height: inherit;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-feature-settings: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  display: table;
  width: 100%;
  max-width: 100%;
  line-height: inherit;
  padding: 0;
  color: inherit;
  white-space: normal;
}

textarea {
  overflow: auto;
  resize: vertical;
}

[type=checkbox],
[type=radio] {
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

ul {
  list-style: none;
  padding-left: 0;
}

dd {
  margin-left: 0;
}

b,
em,
strong {
  font-weight: bolder;
}

em {
  font-style: normal;
}

i {
  font-style: normal;
}

sup {
  font-size: 0.625em;
}

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

caption {
  text-align: left;
}

th,
td {
  empty-cells: show;
}

th {
  text-align: inherit;
}

[hidden] {
  display: none;
}

picture {
  display: block;
}

html {
  font-size: 62.5%;
}

body {
  --header-height: 7rem;
  background-color: var(--color-bright);
  color: var(--color-font);
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1.7rem;
  font-feature-settings: "pkna";
  line-height: 1.5;
}

a {
  color: var(--link-color, var(--color-1));
  text-decoration: none;
  transition: 0.15s ease-in-out;
}

a.link:hover {
  text-decoration: underline;
}

a.link-underline {
  text-decoration: underline;
}

a.link-underline:hover {
  text-decoration: none;
}

.linefeed {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  flex-wrap: wrap;
}

.linefeed.is-center {
  justify-content: center;
  text-align: center;
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: var(--btn-height, 5rem);
  padding: 0 var(--btn-padding, 0.8rem);
  border-radius: var(--btn-radius, 0.4rem);
  border: var(--btn-border-width, 1px) solid var(--btn-border-color, transparent);
  background-color: var(--btn-bg-color, transparent);
  color: var(--btn-color, var(--color-font));
  font-weight: normal;
  line-height: 1.5;
  font-size: var(--btn-font-size, 1.7rem);
  text-decoration: none;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: 0.15s ease-in-out;
}

.btn:focus {
  outline: 0;
}

.btn:not(:disabled):not(.is-disabled) {
  cursor: pointer;
}

a.btn:hover {
  opacity: 1;
}

.btn-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden;
  color: inherit;
}

.btn-primary {
  --btn-border-color: var(--color-gray-1);
  --btn-bg-color: var(--color-gray-1);
  --btn-color: var(--color-bright);
}

.btn-primary:not(:disabled):not(.is-disabled) {
  --btn-border-color-hover: ;
  --btn-bg-color-hover: ;
  --btn-color-hover: ;
}

.btn-primary:disabled,
.btn-primary.is-disabled {
  --btn-border-color: var(--color-disabled);
  --btn-bg-color: var(--color-disabled);
  --btn-color: var(--color-disabled-font);
}

.btn-secondary {
  --btn-border-color: var(--color-bright);
  --btn-bg-color: var(--color-bright);
  --btn-color: var(--color-font);
}

.btn-secondary:not(:disabled):not(.is-disabled) {
  --btn-border-color-hover: ;
  --btn-bg-color-hover: ;
  --btn-color-hover: ;
}

.btn-secondary:disabled,
.btn-secondary.is-disabled {
  --btn-border-color: var(--color-disabled);
  --btn-bg-color: var(--color-disabled);
  --btn-color: var(--color-disabled-font);
}

.btn-tertiary {
  --btn-border-color: var(--color-3);
  --btn-bg-color: var(--color-3);
  --btn-color: var(--color-bright);
}

.btn-tertiary:not(:disabled):not(.is-disabled) {
  --btn-border-color-hover: ;
  --btn-bg-color-hover: ;
  --btn-color-hover: ;
}

.btn-tertiary:disabled,
.btn-tertiary.is-disabled {
  --btn-border-color: var(--color-disabled);
  --btn-bg-color: var(--color-disabled);
  --btn-color: var(--color-disabled-font);
}

.btn-quaternary {
  --btn-border-color: var(--color-9);
  --btn-bg-color: var(--color-9);
  --btn-color: var(--color-bright);
}

.btn-quaternary:not(:disabled):not(.is-disabled) {
  --btn-border-color-hover: ;
  --btn-bg-color-hover: ;
  --btn-color-hover: ;
}

.btn-quaternary:disabled,
.btn-quaternary.is-disabled {
  --btn-border-color: var(--color-disabled);
  --btn-bg-color: var(--color-disabled);
  --btn-color: var(--color-disabled-font);
}

.btn-primary-outline {
  --btn-border-color: var(--color-10);
  --btn-bg-color: var(--color-bright);
  --btn-color: var(--color-font);
}

.btn-primary-outline:not(:disabled):not(.is-disabled) {
  --btn-border-color-hover: ;
  --btn-bg-color-hover: ;
  --btn-color-hover: ;
}

.btn-primary-outline:disabled,
.btn-primary-outline.is-disabled {
  --btn-border-color: var(--color-disabled);
  --btn-bg-color: var(--color-disabled);
  --btn-color: var(--color-disabled-font);
}

.btn-secondary-outline {
  --btn-border-color: var(--color-5);
  --btn-bg-color: var(--color-bright);
  --btn-color: var(--color-2);
}

.btn-secondary-outline:not(:disabled):not(.is-disabled) {
  --btn-border-color-hover: ;
  --btn-bg-color-hover: ;
  --btn-color-hover: ;
}

.btn-secondary-outline:disabled,
.btn-secondary-outline.is-disabled {
  --btn-border-color: var(--color-disabled);
  --btn-bg-color: var(--color-disabled);
  --btn-color: var(--color-disabled-font);
}

.btn:disabled,
.btn.is-disabled {
  --btn-color: var(--color-disabled-font);
  pointer-events: none;
  filter: grayscale(75%);
}

.btn.btn-block {
  display: flex;
  width: 100%;
}

.btn.btn-rounded {
  border-radius: var(--btn-height, 5rem);
}

.btn.btn-link {
  text-decoration: underline;
}

.btn.btn-link:hover {
  text-decoration: none;
}

.btn.btn-link.is-disabled {
  text-decoration: none;
}

.btn .icon:first-child {
  margin-right: var(--btn-icon-gutter, 1.2rem);
}

.btn .icon:last-child {
  margin-left: var(--btn-icon-gutter, 1.2rem);
}

.btn .icon-edge {
  margin-right: auto;
  margin-left: auto;
}

.btn.btn-icon {
  --btn-padding: 0 !important;
  --btn-icon-gutter: 0 !important;
  width: var(--btn-height, 5rem);
}

.btn.btn-width {
  min-width: var(--btn-width, auto);
}

.btn-sm {
  --btn-height: 3.8rem;
  --btn-padding: 1.2rem;
  --btn-font-size: 1.3rem;
}

.btn-col-sm {
  min-width: 10rem;
}

.btn-col-md {
  min-width: 16.9rem;
}

.btn-row {
  --btn-gutter-x: 0.6rem;
  --btn-gutter-y: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.btn-row .btn {
  margin: var(--btn-gutter-y) var(--btn-gutter-x) 0;
}

.btn-row.is-nogap {
  margin: calc(var(--btn-gutter-y) * -1) calc(var(--btn-gutter-x) * -1) 0;
}

.table {
  --table-thead-border: var(--color-bright);
  --table-thead-bg: var(--color-border);
  --table-tbody-bg: var(--color-bright);
  --table-border: var(--color-border);
  width: 100%;
}

.table th,
.table td {
  line-height: 1.5;
}

.table th:not(:last-child),
.table td:not(:last-child) {
  border-right: 1px solid var(--table-border);
}

.table thead tr {
  --table-height: 2.4rem;
  --table-gutter-x: 0.6rem;
  --table-gutter-y: 0.2rem;
  background-color: var(--table-thead-bg);
}

.table thead th {
  height: var(--table-height);
  padding: var(--table-gutter-y) var(--table-gutter-x);
  color: var(--color-2);
  font-weight: bolder;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: var(--table-align, center);
  vertical-align: var(--table-vertical-align, middle);
  white-space: nowrap;
}

.table thead th:not(:last-child) {
  border-right-color: var(--table-thead-border);
}

.table tbody tr {
  --table-height: 4rem;
  --table-gutter-x: 0.6rem;
  --table-gutter-y: 0.5rem;
  background-color: var(--table-tbody-bg);
}

.table tbody tr.is-disabled {
  --table-tbody-bg: var(--color-disabled) !important;
}

.table tbody tr:not(:last-child) th,
.table tbody tr:not(:last-child) td {
  border-bottom: 1px solid var(--table-border);
}

.table tbody th,
.table tbody td {
  height: var(--table-height);
  padding: var(--table-gutter-y) var(--table-gutter-x);
  font-size: 1.2rem;
  text-align: var(--table-align, left);
  vertical-align: var(--table-vertical-align, top);
}

.table tbody th {
  font-weight: 400;
}

.table-striped tbody tr:nth-child(2n) {
  --table-tbody-bg: var(--color-gray-5);
}

.table-start {
  --table-align: left;
}

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

.table-end {
  --table-align: right;
}

.table-top {
  --table-vertical-align: top;
}

.table-middle {
  --table-vertical-align: middle;
}

.table-check {
  --table-gutter-y: 0;
  --table-align: center;
  --table-vertical-align: middle;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--color-border);
  scrollbar-width: thin;
}

.table-btn {
  --table-gutter-x: 0.2rem;
  --table-gutter-y: 0.2rem;
}

.table-btn-row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.table-btn .btn {
  --btn-height: 2.1rem;
  --btn-font-size: 1.2rem;
  width: auto;
  min-width: 3.2rem;
  margin: 0.2rem;
}

.table-btn-favorite {
  --btn-bg-color: var(--color-bright);
  --btn-bg-color-hover: var(--color-bright);
  --icon-color: var(--color-11);
  --icon-size: 1.3rem;
}

.table-sticky {
  display: block;
  width: 100%;
  overflow: auto hidden;
  padding: 0 1px;
  border: 1px solid var(--color-border);
  scrollbar-width: thin;
}

.table-sticky-item {
  position: sticky;
}

.table-sticky-item::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  content: "";
}

.table-sticky-item:first-of-type {
  top: 0;
  left: 0;
}

.table-sticky-item:first-of-type::before {
  border-right: 1px solid var(--table-border);
}

.table-sticky-item:last-of-type {
  top: 0;
  right: 0;
}

.table-sticky-item:last-of-type::before {
  border-left: 1px solid var(--table-border);
}

.table-sticky thead .table-sticky-item::before {
  background-color: var(--table-thead-bg);
}

.table-sticky thead .table-sticky-item:first-of-type::before {
  border-right-color: var(--table-thead-border);
}

.table-sticky thead .table-sticky-item:last-of-type::before {
  border-left-color: var(--table-thead-border);
}

.table-sticky tbody .table-sticky-item::before {
  border-top: 1px solid var(--table-border);
  background-color: var(--table-tbody-bg);
}

.input-control {
  display: block;
  width: 100%;
  min-height: var(--input-height, 5rem);
  padding: 0 1.9rem;
  border-radius: 0;
  border: 1px solid var(--input-border, var(--color-border));
  background-color: var(--input-bg, var(--color-bright));
  color: var(--input-color, var(--color-2));
  font-size: 1.6rem;
  transition: 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input-control::-moz-placeholder {
  opacity: 1;
  color: var(--color-disabled-font);
}

.input-control::placeholder {
  opacity: 1;
  color: var(--color-disabled-font);
}

.input-control:focus {
  outline: none;
}

.input-control:disabled {
  --input-border: var(--color-disabled);
  --input-bg: var(--color-disabled);
  --input-color: var(--color-disabled-font);
  opacity: 1;
  filter: grayscale(90%);
}

.input-select {
  display: block;
  width: 100%;
  min-height: var(--input-height, 5rem);
  padding: 0 3.7rem 0 1.9rem;
  border-radius: 0;
  border: 1px solid var(--input-border, var(--color-5));
  background: var(--input-bg, var(--color-bright)) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3e%3cpath d='m128 209.77-126-126 37.53-37.53 88.47 88.47 88.47-88.47 37.53 37.53z' fill='%2398a6b5'/%3e%3c/svg%3e") right 2rem center/1rem 100% no-repeat;
  color: var(--input-color, var(--color-2));
  font-size: 1.6rem;
  transition: 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input-select:focus {
  outline: none;
}

.input-select:disabled {
  --input-border: var(--color-disabled);
  --input-bg: var(--color-disabled);
  --input-color: var(--color-disabled-font);
  opacity: 1;
  filter: grayscale(90%);
}

.input-select[size],
.input-select[multiple] {
  padding-right: var(--input-padding-x, 1.9rem);
  background: var(--input-bg, var(--color-bright));
  scrollbar-width: thin;
}

.input-number{
  margin-right: 10px;
  width: 45%;
  min-height: var(--input-height, 5rem);
  padding: 0 3.7rem 0 1.9rem;
  border-radius: 0;
  border: 1px solid var(--input-border, var(--color-5));
  color: var(--input-color, var(--color-2));
  font-size: 1.6rem;
  transition: 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea.input-control {
  padding-top: calc((var(--input-height, 5rem) - 1.6rem * 1.5) / 2 - 1px);
  padding-bottom: calc((var(--input-height, 5rem) - 1.6rem * 1.5) / 2 - 1px);
}

textarea.input-control.rows-full {
  min-height: 100%;
}

.input-check {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  vertical-align: top;
}

.input-check-control {
  flex-shrink: 0;
  width: var(--input-check-size, 3rem);
  height: var(--input-check-size, 3rem);
  border-radius: var(--input-check-border-radius);
  border: 1px solid var(--input-border, var(--color-4));
  background-color: var(--input-bg, var(--color-bright));
  background-image: var(--input-check-icon, none);
  background-repeat: no-repeat;
  background-position: var(--input-check-icon-position);
  background-size: var(--input-check-icon-size) auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input-check-control[type=radio] {
  --input-check-border-radius: 100%;
  --input-check-icon-position: center;
  --input-check-icon-size: 0;
  transition: background-size 0.15s ease-in-out;
}

.input-check-control[type=radio]:checked {
  --input-check-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -10 20 20'%3e%3ccircle r='8' fill='%2398a6b5'/%3e%3c/svg%3e");
  --input-check-icon-size: 2rem;
}

.input-check-control[type=checkbox] {
  --input-check-border-radius: 4;
  --input-check-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3cpath d='m13.36 2c-.18 0-.36.07-.48.2l-7.94 7.94-3.82-3.82c-.12-.12-.28-.18-.46-.18s-.36.07-.48.2c-.24.26-.24.68.02.93l4.73 4.73 8.89-8.89c.24-.26.24-.68-.02-.93-.12-.12-.28-.18-.46-.18z' fill='%23fff'/%3e%3c/svg%3e");
  --input-check-icon-position: center center;
  --input-check-icon-size: 1.4rem;
  transition: background-color 0.15s ease-in-out;
}

.input-check-control[type=checkbox]:checked {
  --input-border: var(--color-7);
  --input-bg: var(--color-7);
  --input-check-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3cpath d='m13.36 2c-.18 0-.36.07-.48.2l-7.94 7.94-3.82-3.82c-.12-.12-.28-.18-.46-.18s-.36.07-.48.2c-.24.26-.24.68.02.93l4.73 4.73 8.89-8.89c.24-.26.24-.68-.02-.93-.12-.12-.28-.18-.46-.18z' fill='%23fff'/%3e%3c/svg%3e");
}

.input-check-control[type=checkbox]:disabled {
  --input-check-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3cpath d='m13.36 2c-.18 0-.36.07-.48.2l-7.94 7.94-3.82-3.82c-.12-.12-.28-.18-.46-.18s-.36.07-.48.2c-.24.26-.24.68.02.93l4.73 4.73 8.89-8.89c.24-.26.24-.68-.02-.93-.12-.12-.28-.18-.46-.18z' fill='%23dfdfdf'/%3e%3c/svg%3e");
}

.input-check-control:not(:disabled) {
  cursor: pointer;
}

.input-check-control:not(:disabled) + .input-check-label {
  cursor: pointer;
}

.input-check-control:disabled {
  --input-border: var(--color-disabled);
  --input-bg: var(--color-disabled);
}

.input-check-control:disabled + .input-check-label {
  color: var(--color-disabled-font);
}

.input-check-control + .input-check-label {
  padding-left: var(--input-check-label-gutter, 1.1rem);
}

.input-check-label {
  font-weight: normal;
  line-height: 1.2;
  overflow-wrap: anywhere;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.input-switch .input-check-control {
  --input-check-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3e%3ccircle r='10' fill='%23cdd6dd'/%3e%3c/svg%3e");
  --input-check-icon-position: left center;
  --input-check-icon-size: 2.4rem;
  width: var(--input-check-width, 4.8rem);
  height: var(--input-check-size, 2.4rem);
  border-radius: var(--input-check-size, 3rem);
  transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out;
}

.input-switch .input-check-control:checked {
  --input-check-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3e%3ccircle r='10' fill='%23fff'/%3e%3c/svg%3e");
  --input-check-icon-position: right center;
}

.input-switch .input-check-control:disabled {
  --input-check-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3e%3ccircle r='10' fill='%23fff'/%3e%3c/svg%3e");
}

[type=file].input-control {
  padding: calc((var(--input-height, 5rem) - 3rem) / 2) 0 0;
  border: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.spin-hide {
  -moz-appearance: textfield;
}

.spin-hide::-webkit-outer-spin-button,
.spin-hide::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}

input[type=date],
input[type=time] {
  color: var(--color-font);
  line-height: calc(var(--input-height, 5rem) - 2px);
}

input[type=date]::-webkit-date-and-time-value,
input[type=time]::-webkit-date-and-time-value {
  text-align: left;
}

input[type=color] {
  width: var(--input-width, 5rem);
  padding: 0.4rem;
}

input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}

input[type=color]::-webkit-color-swatch {
  border: none;
}

input[type=range] {
  display: block;
  width: 100%;
  cursor: pointer;
  outline: none;
}

input[type=range]:disabled {
  cursor: default;
}

.input-range {
  --range-track-color: var(--color-gray-3);
  --range-track-size: 0.8rem;
  --range-thumb-size: 2rem;
  --range-thumb-border-color: var(--color-bright);
  --range-thumb-border-width: 2px;
  --range-thumb-color: var(--color-7);
  --range-thumb-shadow: 0 0 1rem rgba(0, 0, 0, 0.16);
  height: var(--range-thumb-size);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input-range::-webkit-slider-runnable-track {
  height: var(--range-track-size);
  border-radius: var(--range-track-size);
  background-color: var(--range-track-color);
}

.input-range::-webkit-slider-thumb {
  width: var(--range-thumb-size);
  height: var(--range-thumb-size);
  margin-top: calc((var(--range-track-size) - var(--range-thumb-size)) / 2);
  box-shadow: var(--range-thumb-shadow);
  border-radius: 100%;
  border: var(--range-thumb-border-width) solid var(--range-thumb-border-color);
  background-color: var(--range-thumb-color);
  -webkit-appearance: none;
  appearance: none;
}

.input-range::-moz-range-track {
  height: var(--range-track-size);
  border-radius: var(--range-track-size);
  background-color: var(--range-track-color);
}

.input-range::-moz-range-thumb {
  box-sizing: border-box;
  width: var(--range-thumb-size);
  height: var(--range-thumb-size);
  box-shadow: var(--range-thumb-shadow);
  border-radius: 100%;
  border: var(--range-thumb-border-width) solid var(--range-thumb-border-color);
  background-color: var(--range-thumb-color);
}

.input-range:disabled {
  --range-track-color: var(--color-disabled);
  --range-thumb-color: var(--color-disabled);
  --range-thumb-shadow: none;
  opacity: 1;
  cursor: default;
}

.input-check-sm {
  --input-check-size: 2.3rem;
}

.input-check-sm .input-check-control[type=radio] {
  --input-check-icon-size: 1.3rem;
}

.input-check-sm .input-check-control[type=checkbox] {
  --input-check-icon-size: 1.5rem;
}

.invalid-form .input-control:not(:disabled),
.invalid-form .input-select:not(:disabled) {
  --input-border: var(--color-error);
}

.invalid-form .input-check-control:not(:disabled) {
  --input-border: var(--color-error);
}

.invalid-form [type=file].input-control {
  color: var(--color-error);
}

.invalid-form .invalid-text {
  display: block;
}

.invalid-text {
  display: none;
  max-width: var(--invalid-width, none);
  margin-top: 0.4rem;
  color: var(--color-error);
  font-size: 1.5rem;
  line-height: 1.2;
}

.invalid-text .icon {
  font-size: 2rem;
  vertical-align: top;
}

.range-slider {
  --range-slider-track-color: var(--color-gray-4);
  --range-slider-track-color-active: var(--color-7);
  --range-slider-track-size: 0.8rem;
  --range-slider-start: 0;
  --range-slider-end: 0;
  position: relative;
  width: 100%;
  height: var(--input-height, 5rem);
}

.range-slider .input-range {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 2;
  background-color: transparent;
  pointer-events: none;
  transform: translateY(-50%);
}

.range-slider .input-range::-webkit-slider-runnable-track {
  background-color: transparent;
}

.range-slider .input-range::-webkit-slider-thumb {
  pointer-events: auto;
}

.range-slider .input-range::-moz-range-track {
  background-color: transparent;
}

.range-slider .input-range::-moz-range-thumb {
  pointer-events: auto;
}

.range-slider .input-range:disabled {
  z-index: 1;
}

.range-slider .input-range:disabled + .input-range:disabled ~ .range-slider-bar {
  --range-slider-track-color-active: var(--color-disabled);
}

.range-slider-bar {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 0;
  height: var(--range-slider-track-size);
  border-radius: var(--range-slider-track-size);
  background: linear-gradient(to right, var(--range-slider-track-color) var(--range-slider-start), var(--range-slider-track-color-active) var(--range-slider-start), var(--range-slider-track-color-active) var(--range-slider-end), var(--range-slider-track-color) var(--range-slider-end));
  transform: translateY(-50%);
}

.range-slider-single {
  --range-slider-start: 0;
}

.range-slider-single .input-range:disabled ~ .range-slider-bar {
  --range-slider-track-color-active: var(--color-disabled);
}

.input-group {
  --input-group-padding-x: 1.9rem;
  --input-group-font-size: 1.7rem;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.input-group-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 0 0 auto;
  min-width: calc(5rem + 1px * 2);
  padding: 0 var(--input-group-padding-x);
  border: 1px solid var(--input-group-border, var(--color-gray-1));
  background-color: var(--input-group-bg, var(--color-gray-1));
  color: var(--input-group-color, var(--color-bright));
  font-size: var(--input-group-font-size);
  line-height: 1;
}

.input-group-text .input-check,
.input-group-text .icon {
  margin-right: auto;
  margin-left: auto;
}

.input-group-text .icon {
  color: var(--color-bright);
}

.input-group-text-clamp {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: var(--clamp, 1);
  -webkit-box-orient: vertical;
  max-width: var(--clamp-em, 4em);
}

.input-group-text.is-align-end {
  align-items: flex-end;
}

.input-group .is-nogap {
  --input-group-padding-x: 0;
}

.input-group > :not(:first-child) {
  margin-left: -1px;
}

.input-group > :not(:first-child).input-control {
  border-left-color: transparent;
}

.input-group > .input-control {
  flex: 1 1 auto;
}

.input-group > .btn {
  --btn-height: var(--input-height, 5rem);
  --btn-padding: var(--input-group-padding-x);
  --btn-radius: 0;
  --btn-border-width: 1px;
  --btn-font-size: var(--input-group-font-size);
  --btn-icon-gutter: 0;
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
  min-width: 5rem;
}

.input-group > .btn:disabled,
.input-group > .btn.is-disabled {
  --btn-border-color: var(--color-border);
}

.input-group .btn-input {
  --btn-border-color: var(--color-gray-1);
  --btn-bg-color: var(--color-gray-1);
  --btn-color: var(--color-bright);
}

.input-group .btn-input:disabled,
.input-group .btn-input.is-disabled {
  --btn-border-color: var(--color-disabled);
  --btn-bg-color: var(--color-disabled);
  --btn-color: var(--color-disabled-font);
}

.input-group .icon {
  font-size: 1.8rem;
}

.invalid-form .input-group {
  --input-border: var(--color-error);
  --input-group-border: var(--color-error);
}

.invalid-form .input-group .btn {
  --btn-border-color: var(--color-error);
}

.form-text {
  display: inline-block;
  min-height: var(--input-height, 5rem);
  padding: calc((var(--input-height, 5rem) - 1.5em) / 2) 0;
  vertical-align: top;
}

.form-item {
  display: block;
  color: var(--color-1);
  font-size: 1.8rem;
  line-height: 1.2;
}

.form-item-small {
  font-weight: normal;
  font-size: 1.4rem;
}

.form {
  --form-gutter-x: 0.9rem;
  --form-gutter-y: 1.3rem;
}

.form-body {
  margin: calc(var(--form-gutter-y) * -1) calc(var(--form-gutter-x) * -1) 0;
}

.form-body .form-item {
  padding: 0 var(--form-gutter-x);
}

.form-col {
  padding: var(--form-gutter-y) var(--form-gutter-x) 0;
  color: var(--color-font);
  font-size: var(--form-col-font-size, 1.7rem);
}
.form-col:nth-of-type(3){
  font-size: var(--form-col-font-size, 1.3rem);
}

.form-card .card-body {
  --card-padding-x: 2rem;
  padding-top: 0;
  padding-bottom: 3.2rem;
}

.form-card .heading-band {
  margin: 0 -2rem;
}

.form-card .heading-band .tag {
  --tag-border: var(--color-bright);
  margin-right: min(1.6rem, 4.2667vw);
}

.form-search-sort {
  text-align: center;
}

.form-search-sort .input-select {
  --input-height: 3.6rem;
  display: inline-block;
  width: auto;
  padding: 0 3rem 0 1.6rem;
  background-position: right 1rem center;
}

.form-check .input-check {
  min-height: var(--form-check-height, 5rem);
}

.form-check-inline {
  --form-gutter-x: 1.2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  min-height: var(--input-height, 5rem);
  margin-right: calc(var(--form-gutter-x) * -1);
  margin-left: calc(var(--form-gutter-x) * -1);
}

.form-check-inline > * {
  padding-right: var(--form-gutter-x);
  padding-left: var(--form-gutter-x);
}

.form-check-equal > * {
  flex-grow: 1;
  flex-basis: 1%;
}

.form-check-col-2 > * {
  flex-grow: 0;
  flex-basis: 1%;
  min-width: 50%;
}

.form-check-col-3 > * {
  flex-grow: 0;
  flex-basis: 1%;
  min-width: 33.3333333333%;
}

.form-check-col-4 > * {
  flex-grow: 0;
  flex-basis: 1%;
  min-width: 25%;
}

.form-check-col-5 > * {
  flex-grow: 0;
  flex-basis: 1%;
  min-width: 20%;
}

.form-check-label-2 {
  --form-check-label-size: 2em;
}

.form-check-label-3 {
  --form-check-label-size: 3em;
}

.form-check-label-4 {
  --form-check-label-size: 4em;
}

.form-check-label-5 {
  --form-check-label-size: 5em;
}

.form-check-label-6 {
  --form-check-label-size: 6em;
}

.form-check-label-7 {
  --form-check-label-size: 7em;
}

.form-check-label-8 {
  --form-check-label-size: 8em;
}

.form-check-label-9 {
  --form-check-label-size: 9em;
}

.form-check-label-10 {
  --form-check-label-size: 10em;
}

.form-check-label-11 {
  --form-check-label-size: 11em;
}

.form-check-label-12 {
  --form-check-label-size: 12em;
}

[class*=form-check-label-] > * {
  min-width: calc(var(--input-check-size, 3rem) + var(--input-check-label-gutter, 1.1rem) + var(--form-check-label-size) + var(--form-gutter-x, 0rem) * 2);
}

.form-inline {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.form-inline .form-col {
  flex-grow: 1;
}

.form-auto {
  flex-grow: 0 !important;
}

.form-auto .input-check-label {
  white-space: nowrap;
}

[class*=icon-caret] {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  font-size: var(--icon-size, 1em);
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
}

.icon-caret-up::before {
  display: block;
  position: absolute;
  top: calc(-0.25em * var(--icon-size, 0.6));
  border: 0.5em solid transparent;
  border-bottom-color: inherit;
  content: "";
  transform: scale(var(--icon-size, 0.6));
}

.icon-caret-right::before {
  display: block;
  position: absolute;
  right: calc(-0.25em * var(--icon-size, 0.6));
  border: 0.5em solid transparent;
  border-left-color: inherit;
  content: "";
  transform: scale(var(--icon-size, 0.6));
}

.icon-caret-down::before {
  display: block;
  position: absolute;
  bottom: calc(-0.25em * var(--icon-size, 0.6));
  border: 0.5em solid transparent;
  border-top-color: inherit;
  content: "";
  transform: scale(var(--icon-size, 0.6));
}

.icon-caret-left::before {
  display: block;
  position: absolute;
  left: calc(-0.25em * var(--icon-size, 0.6));
  border: 0.5em solid transparent;
  border-right-color: inherit;
  content: "";
  transform: scale(var(--icon-size, 0.6));
}

[class*=icon-angle] {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  font-size: var(--icon-size, 1em);
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
}

.icon-angle-up::before {
  display: block;
  position: absolute;
  bottom: calc(-.25em + var(--icon-width, 0.1em) / 4);
  width: 1em;
  height: 1em;
  border-top: var(--icon-width, 0.1em) solid;
  border-left: var(--icon-width, 0.1em) solid;
  transform: scale(0.7) rotate(45deg);
  content: "";
}

.icon-angle-down::before {
  display: block;
  position: absolute;
  top: calc(-.25em + var(--icon-width, 0.1em) / 4);
  width: 1em;
  height: 1em;
  border-bottom: var(--icon-width, 0.1em) solid;
  border-right: var(--icon-width, 0.1em) solid;
  transform: scale(0.7) rotate(45deg);
  content: "";
}

.icon-angle-left::before {
  display: block;
  position: absolute;
  right: calc(-.25em + var(--icon-width, 0.1em) / 4);
  width: 1em;
  height: 1em;
  border-left: var(--icon-width, 0.1em) solid;
  border-bottom: var(--icon-width, 0.1em) solid;
  transform: scale(0.7) rotate(45deg);
  content: "";
}

.icon-angle-right::before {
  display: block;
  position: absolute;
  left: calc(-.25em + var(--icon-width, 0.1em) / 4);
  width: 1em;
  height: 1em;
  border-right: var(--icon-width, 0.1em) solid;
  border-top: var(--icon-width, 0.1em) solid;
  transform: scale(0.7) rotate(45deg);
  content: "";
}

.icon-plus {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  font-size: var(--icon-size, 1em);
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
}

.icon-plus::before,
.icon-plus::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: var(--icon-radius, 0);
  content: "";
  transform: translate(-50%, -50%);
}

.icon-plus::before {
  width: 1em;
  height: var(--icon-width, 0.1em);
  border-top: var(--icon-width, 0.1em) solid;
}

.icon-plus::after {
  width: var(--icon-width, 0.1em);
  height: 1em;
  border-right: var(--icon-width, 0.1em) solid;
}

.icon-minus {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  font-size: var(--icon-size, 1em);
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
}

.icon-minus::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1em;
  height: var(--icon-width, 0.1em);
  border-radius: var(--icon-radius, 0);
  border-top: var(--icon-width, 0.1em) solid;
  content: "";
  transform: translate(-50%, -50%);
}

.icon-check {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  font-size: var(--icon-size, 1em);
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
}

.icon-check::before {
  display: block;
  width: 0.5em;
  height: 1em;
  margin: 0 auto;
  border-right: var(--icon-width, 0.1em) solid;
  border-bottom: var(--icon-width, 0.1em) solid;
  content: "";
  transform: rotate(45deg) scale(0.8);
}

.icon-grip-lines {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  font-size: var(--icon-size, 1em);
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
}

.icon-grip-lines::before,
.icon-grip-lines::after {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  width: 1em;
  height: var(--icon-width, 0.1em);
  border-radius: var(--icon-radius, 0);
  border-top: var(--icon-width, 0.1em) solid;
  content: "";
  transform: translateY(-50%);
}

.icon-grip-lines::before {
  top: calc(50% - (var(--icon-width, 0.1em) + var(--icon-gutter, 0.2em)) / 2);
}

.icon-grip-lines::after {
  top: calc(50% + (var(--icon-width, 0.1em) + var(--icon-gutter, 0.2em)) / 2);
}

.icon-xmark {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  font-size: var(--icon-size, 1em);
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
}

.icon-xmark::before,
.icon-xmark::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.4em;
  height: var(--icon-width, 0.1em);
  border-radius: var(--icon-radius, 0);
  border-top: var(--icon-width, 0.1em) solid;
  content: "";
}

.icon-xmark::before {
  transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
}

.icon-xmark::after {
  transform: translate(-50%, -50%) rotate(-45deg) scale(0.8);
}

.icon-menu {
  --icon-menu-color: var(--color-8);
}

.icon-menu,
.icon-menu::before,
.icon-menu::after {
  display: block;
  position: absolute;
  width: 1.8rem;
  height: 0.2rem;
  border-radius: 0.2rem;
  background-color: var(--icon-menu-color);
  transition: 0.15s ease-in-out;
}

.icon-menu::before {
  bottom: 0.5rem;
  content: "";
}

.icon-menu::after {
  top: 0.5rem;
  content: "";
}

.tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: var(--tag-size, 1.7rem);
  padding: 0 var(--tag-padding, 0.6rem);
  border: 1px solid var(--tag-border, var(--color-gray-3));
  background-color: var(--tag-bg, var(--color-gray-3));
  color: var(--tag-color, var(--color-2));
  font-size: var(--tag-font-size, 1.2rem);
  line-height: 1;
  text-align: center;
  vertical-align: baseline;
  letter-spacing: normal;
  white-space: nowrap;
}

.tag-primary {
  --tag-border: var(--color-1);
  --tag-bg: var(--color-1);
  --tag-color: var(--color-bright);
}

.tag-secondary {
  --tag-border: var(--color-required);
  --tag-bg: var(--color-required);
  --tag-color: var(--color-bright);
}

.tag-size-2 {
  --tag-width: 2em;
}

.tag-size-3 {
  --tag-width: 3em;
}

.tag-size-4 {
  --tag-width: 4em;
}

.tag-size-5 {
  --tag-width: 5em;
}

[class*=tag-size-] {
  min-width: calc(var(--tag-width) + var(--tag-padding, 0.6rem) * 2 + 2px);
}

.tag-group {
  --tag-group-gutter: 0.4rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: calc(var(--tag-group-gutter) * -1);
}

.tag-group > .tag {
  margin: var(--tag-group-gutter);
}

.tag-required {
  --tag-size: 1.8rem;
  --tag-padding: 0.4rem;
  --tag-radius: 0;
  --tag-border: var(--color-required);
  --tag-bg: var(--color-bright);
  --tag-color: var(--color-required);
  --tag-font-size: 1.2rem;
  min-width: 3.6rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.tag-required,
.tag-optional {
  --tag-size: 1.8rem;
  --tag-padding: 0.4rem;
  --tag-font-size: 1.2rem;
  min-width: 3.6rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.tag-required {
  --tag-border: var(--color-required);
  --tag-bg: var(--color-bright);
  --tag-color: var(--color-required);
}

.tag-optional {
  --tag-border: var(--color-disabled-font);
  --tag-bg: var(--color-bright);
  --tag-color: var(--color-disabled-font);
}

.wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}

.wrap > .contents {
  flex: 1 0 auto;
}

.header {
  background-color: var(--color-gray-4);
}

.header-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: var(--header-height);
  margin: 0 auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

.header.is-menu .header-inner {
  padding-right: 5.6rem;
}

.header-logo {
  margin: 0 auto;
  text-align: center;
}

.header-logo-text {
  display: block;
  color: var(--color-1);
  font-weight: bolder;
  font-size: 2rem;
}

.header-logo-text span {
  margin-left: 0.7rem;
  font-weight: normal;
  font-size: 1.6rem;
}

.header-user {
  margin-right: auto;
  padding: 0 0.6rem;
}

.header-user-text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: var(--clamp, 3);
  -webkit-box-orient: vertical;
  font-weight: bolder;
  font-size: 1.7rem;
  line-height: 1.2;
}

.header-group {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.header-group > * {
  margin: 0 0.6rem;
}

.header-group .btn {
  --btn-width: 4.4rem;
  --btn-height: 4.4rem;
  --btn-padding: 0;
  width: var(--btn-width);
}

.header-group .btn-favorite {
  --icon-color: var(--color-8);
  --icon-size: 2rem;
}

.header .menu-btn {
  --btn-width: 4.4rem;
  --btn-height: 4.4rem;
  --btn-padding: 0;
  position: fixed;
  top: 1.3rem;
  right: 0.6rem;
  z-index: 201;
  width: var(--btn-width);
}

.footer {
  position: relative;
  z-index: 10;
}

.footer-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 1.4rem;
}

.footer-nav-item {
  position: relative;
}

.footer-nav-item:not(:last-child)::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1.5rem;
  background-color: var(--color-1);
  content: "";
  transform: translateY(-50%);
}

.footer-nav-text {
  display: block;
  padding: 0.7rem 1.1rem;
  color: var(--color-1);
  font-size: min(4vw, 1.5rem);
}

.footer-copyright {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.1rem;
  background-color: var(--color-1);
  text-align: center;
}

.footer-copyright small {
  color: var(--color-bright);
  font-size: 1.1rem;
}

.contents {
  padding-top: min(3.2rem, 4.7976dvh);
  padding-bottom: min(4.5rem, 6.7466dvh);
}

.contents-space {
  padding-top: min(7rem, 10.4948dvh);
}

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: 0.15s ease-in-out;
}

.section {
  width: 100%;
  max-width: 76.8rem;
  margin: 0 auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

.menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  width: 20rem;
  padding-top: 5.8rem;
  box-shadow: 0.6rem 0 1rem rgba(0, 0, 0, 0.16);
  background-color: var(--color-bright);
  transform: translateX(100%);
  transition: 0.15s ease-in-out;
}

.menu-list {
  overflow: hidden auto;
  height: 100%;
  max-height: calc(100vh - 5.8rem);
  max-height: calc(100dvh - 5.8rem);
  scrollbar-width: thin;
}

.menu-list-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 4.4rem;
  padding: 0.4rem 0.8rem;
}

.menu-list-icon {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  margin-right: 0.8rem;
  color: var(--color-8);
  font-size: 2rem;
  text-align: center;
}

.menu-list-text {
  flex: 1 1 auto;
  color: var(--color-font);
  font-size: 1.7rem;
  line-height: 1.2;
}

.menu-list-btn {
  padding: 0 1.2rem 1.2rem;
}

.menu-list-btn .btn {
  --btn-height: 4.4rem;
  margin-top: 0.8rem;
}

.is-menu-show .menu {
  z-index: 200;
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
}

.is-menu-show .menu-btn .icon-menu {
  background-color: transparent;
  transform: rotate(-180deg);
}

.is-menu-show .menu-btn .icon-menu,
.is-menu-show .menu-btn .icon-menu::before,
.is-menu-show .menu-btn .icon-menu::after {
  width: 2.2rem;
  height: 0.3rem;
}

.is-menu-show .menu-btn .icon-menu::before {
  bottom: 0;
  transform: rotate(45deg);
}

.is-menu-show .menu-btn .icon-menu::after {
  top: 0;
  transform: rotate(-45deg);
}

.headline {
  text-align: center;
}

.headline-text {
  color: var(--color-1);
  font-weight: bolder;
  font-size: 2rem;
  line-height: 1.2;
}

.heading {
  display: block;
  color: var(--color-1);
  font-weight: bolder;
  font-size: 1.8rem;
  line-height: 1.2;
}

.heading-band {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 3.7rem;
  padding: 0.4rem 2rem;
  background-color: var(--color-8);
  color: var(--color-bright);
  font-size: 1.8rem;
  line-height: 1.2;
}

.card {
  width: 100%;
  background-color: var(--card-bg, var(--color-bright));
}

.card-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: var(--card-header-height, 4rem);
  padding: 0.4rem var(--card-padding-x, 1.6rem);
  border-bottom: 1px solid var(--card-border, var(--color-border));
}

.card-header-text {
  color: var(--card-header-color, var(--color-1));
  font-size: var(--card-header-font-size, 1.7rem);
  line-height: 1.2;
}

.card-body {
  padding: var(--card-padding-y, 1.6rem) var(--card-padding-x, 1.6rem);
}

.card-body + .card-body {
  padding-top: 0;
}

.card-body > .card-divider {
  margin: var(--card-padding-y, 1.6rem) calc(var(--card-padding-x, 1.6rem) * -1);
}

.card-divider {
  display: block;
  border-top: 1px solid var(--card-border, var(--color-border));
}

.card-outline {
  position: relative;
}

.card-outline::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--card-border-radius, 0);
  border: 1px solid var(--card-border, var(--color-border));
  content: "";
}

.card-bg {
  --card-bg: var(--color-6);
}

.card-shadow {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.16);
}

[class*=col] > .card {
  min-height: 100%;
}

.page-number {
  --page-btn-gutter: 1rem;
  --btn-width: 4.5rem;
  --btn-height: 4.5rem;
  --btn-radius: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: calc(var(--page-btn-gutter) * -1);
}

.page-item {
  margin: var(--page-btn-gutter);
}

.page-link {
  --btn-padding: 0.4rem;
  --btn-border-color: var(--color-4);
  --btn-bg-color: var(--color-bright);
  --btn-color: var(--color-2);
  --btn-font-size: 1.7rem;
  min-width: var(--btn-width);
  font-weight: normal;
}

.page-link.btn {
  display: flex;
}

.page-link.is-current {
  --btn-border-color: var(--color-2);
  --btn-bg-color: var(--color-2);
  --btn-color: var(--color-bright);
}

.page-ejection {
  --btn-padding: 0;
  --btn-color: var(--color-2);
  --btn-font-size: 1.4rem;
  min-width: var(--btn-width);
}

.page-ejection:disabled,
.page-ejection.is-disabled {
  --btn-color: var(--color-disabled);
}

.page-ejection.btn {
  display: flex;
}

.page-ellipsis {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--btn-height);
  margin: 0;
  color: var(--btn-color, var(--color-2));
  font-size: var(--btn-font-size, 2.2rem);
}

.page-result {
  min-height: 1.8rem;
}

.page-result-number {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  flex-wrap: wrap;
  color: var(--color-2);
  font-size: 1.2rem;
  line-height: 1.2;
  white-space: nowrap;
}

.page-result-number > * {
  margin-right: 0.4rem;
}

.page-result-value {
  font-size: 1.4rem;
}

.page-result-item {
  margin-right: 0.8rem;
  font-size: 1.4rem;
}

.alert-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: var(--alert-width, none);
  margin: 0 auto;
  padding: 1.2rem 1.2rem;
  background-color: var(--alert-color-bg, var(--color-gray-4));
  color: var(--alert-color, var(--color-font));
  font-size: var(--alert-font-size, 1.7rem);
  line-height: 1.3;
}

.alert-text {
  flex: 1 1 auto;
}

.alert-icon:first-child {
  padding-right: 0.8rem;
}

.alert-icon:last-child {
  margin-left: auto;
  padding-left: 0.8rem;
}

.alert-icon .icon {
  display: block;
  color: var(--alert-icon-color, inherit);
}

.alert-icon .icon:not([class*=text-size]) {
  font-size: var(--alert-icon-size, 2rem);
}

.alert-primary {
  --alert-color-border: #3b4043;
  --alert-color-bg: #8b949f;
  --alert-color: #fff;
}

.alert-notice {
  --alert-color-border: #ffe6e4;
  --alert-color-bg: #ffe6e4;
  --alert-color: #e10;
}

.alert-success {
  --alert-color-border: #e2f8ed;
  --alert-color-bg: #e2f8ed;
  --alert-color: #23945c;
}

.alert-info {
  --alert-color-border: #e3f5fd;
  --alert-color-bg: #e3f5fd;
  --alert-color: #0a7eb4;
}

.flash-message {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: fixed;
  top: 0;
  left: 50%;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  max-width: 48rem;
  min-height: 4rem;
  padding: 1.2rem 2rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.16);
  background-color: var(--flash-message-color-bg, var(--color-gray-4));
  color: var(--flash-message-color, var(--color-1));
  font-size: var(--flash-message-font-size, 1.7rem);
  line-height: 1.3;
  transform: translate(-50%, -100%);
  transition: 0.15s ease-in-out;
}

.flash-message.is-show {
  z-index: 500;
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
}

.flash-message-text {
  flex: 1 1 auto;
}

.flash-message-icon:first-child {
  padding-right: 0.8rem;
}

.flash-message-icon:last-child {
  margin-left: auto;
  padding-left: 0.8rem;
}

.flash-message-icon .icon {
  display: block;
  color: var(--flash-message-color, inherit);
}

.flash-message-icon .icon:not([class*=text-size]) {
  font-size: var(--flash-message-icon-size, 2rem);
}

.flash-message-close {
  --btn-height: 4rem;
  --btn-padding: 0;
  --btn-color: var(--flash-message-color, var(--color-1));
  --btn-color-hover: var(--flash-message-color, var(--color-1));
  width: var(--btn-height);
  margin: -0.6rem -1rem -0.6rem 0;
}

.flash-message-primary {
  --flash-message-color-bg: #8b949f;
  --flash-message-color: #fff;
}

.flash-message-notice {
  --flash-message-color-bg: #ffe6e4;
  --flash-message-color: #e10;
}

.flash-message-success {
  --flash-message-color-bg: #e2f8ed;
  --flash-message-color: #23945c;
}

.flash-message-info {
  --flash-message-color-bg: #e3f5fd;
  --flash-message-color: #0a7eb4;
}

.modal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  overflow: hidden auto;
  transition: z-index 0.15s ease-in-out, visibility 0.15s ease-in-out, opacity 0.15s ease-in-out;
  -webkit-overflow-scrolling: touch;
}

.modal-box {
  --modal-header-height: 6rem;
  --modal-footer-height: 7.2rem;
  --modal-padding-x: 1.6rem;
  --modal-padding-y: 2.4rem;
  --modal-body-padding-y: 0.4rem;
  position: relative;
  z-index: 1;
  width: 89.3333333333%;
  max-width: var(--modal-width, 64rem);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.16);
  transform: translateY(8%);
  transition: 0.15s ease-in-out;
}

.modal.is-show {
  z-index: 500;
  visibility: visible;
  opacity: 1;
}

.modal.is-show .modal-box {
  transform: translateY(0);
}

.modal.is-show .modal-overlay {
  z-index: 0;
  visibility: visible;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-close {
  --btn-color: var(--color-1);
  position: absolute;
  top: 0.8rem;
  right: 0.4rem;
  z-index: 3;
  width: 4.4rem;
  height: 4.4rem;
}

.modal-close .icon {
  font-size: 1.6rem;
}

.modal-inner {
  overflow: hidden;
  border-radius: 0;
  background-color: var(--color-bright);
}

.modal-inner > .modal-body:first-child {
  padding-top: var(--modal-header-height);
}

.modal-inner > .modal-body:last-child {
  padding-bottom: var(--modal-padding-y);
}

.modal-header {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: var(--modal-header-height);
  padding: 0 4.8rem;
}

.modal-heading {
  padding: 0.4rem 0;
  color: var(--color-1);
  font-size: 1.8rem;
  line-height: 1.2;
}

.modal-body {
  overflow: hidden auto;
  max-height: var(--modal-scroll-height, 50vh);
  max-height: var(--modal-scroll-height, 50dvh);
  padding: var(--modal-body-padding-y) var(--modal-padding-x);
  font-size: 1.5rem;
  text-align: center;
  scrollbar-width: thin;
}

.modal-message {
  color: var(--modal-message-color, var(--color-1));
  font-size: 1.7rem;
}

.modal-notes {
  font-size: 1.3rem;
}

.modal-footer {
  min-height: var(--modal-footer-height);
  padding: 0 var(--modal-padding-x) var(--modal-padding-y);
}

[data-accordion=icon].icon {
  transition: 0.15s ease-in-out;
}

[data-accordion=icon].icon-plus::before {
  transition: 0.15s ease-in-out;
}

[data-accordion=content] {
  overflow: hidden;
  height: 0;
}

[data-accordion=wrap].is-show [data-accordion=icon].icon-plus {
  transform: rotate(90deg);
}

[data-accordion=wrap].is-show [data-accordion=icon].icon-plus::before {
  opacity: 0;
}

[data-accordion=wrap].is-show [data-accordion=icon].icon-angle-down {
  transform: rotate(180deg);
}

[data-accordion=wrap].is-show [data-accordion=icon].icon-caret-down {
  transform: rotate(180deg);
}

[data-accordion=wrap].is-show [data-accordion=icon][class*=iconfont-] {
  transform: rotate(180deg);
}

[data-accordion=wrap].is-show [data-accordion=content] {
  opacity: 1;
  animation: accordionOverflow 0.65s forwards;
}

@keyframes accordionOverflow {
  0% {
    overflow: hidden;
  }

  100% {
    overflow: visible;
  }
}

.accordion {
  --accordion-height: 4.8rem;
  position: relative;
}

.accordion::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  height: 1px;
  border-bottom: 1px solid var(--accordion-header-border, var(--color-border));
  content: "";
}

.accordion-item {
  border-top: 1px solid var(--accordion-header-border, var(--color-border));
}

.accordion-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 1;
  min-height: var(--accordion-height);
  padding: var(--accordion-header-padding-y, 1.2rem) var(--accordion-header-padding-x, 2rem);
  background-color: var(--accordion-header-bg, var(--color-bright));
  color: var(--accordion-header-color, var(--color-font));
  line-height: 1.2;
}

.accordion-header:not(.is-disabled) {
  cursor: pointer;
}

.accordion-header.is-disabled {
  --accordion-header-bg: var(--color-disabled);
  --accordion-header-color: var(--color-disabled-font);
  --accordion-header-icon: var(--color-disabled-font);
  pointer-events: none;
}

.accordion-body {
  padding: var(--accordion-body-padding-y, 1.2rem) var(--accordion-body-padding-x, 2rem);
  background-color: var(--accordion-body-bg, var(--color-bright));
  color: var(--accordion-body-color, var(--color-font));
}

.accordion-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  position: relative;
  margin-left: auto;
  padding-left: var(--accordion-icon-gutter, 1.2rem);
  color: var(--accordion-header-icon, var(--color-font));
  font-size: var(--accordion-icon-font-size, 1.6rem);
}

.property-list .card + .card {
  margin-top: 2rem;
}

.property-name {
  min-height: calc(2.4em + 1rem);
  padding: 0.5rem 0;
  color: var(--color-2);
  font-weight: bolder;
  font-size: 1.7rem;
  line-height: 1.2;
}

.property-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 -0.8rem;
}

.property-row > * {
  margin: 0 0.8rem;
}

.property-row .property-img {
  flex: 0 0 auto;
}

.property-row .property-info,
.property-row .property-detail {
  flex: 1 1 auto;
}

.property-img {
  --ratio-img-width: 133;
  --ratio-img-height: 100;
  width: min(13.3rem, 35.4667vw);
  background-color: var(--color-gray-2);
}

.property-info-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  color: var(--color-2);
  line-height: 1.2;
}

.property-info-item + .property-info-item {
  margin-top: 0.7rem;
}

.property-info-price {
  flex: 1 1 100%;
  padding: 0.9rem 0;
  font-size: 1.4rem;
}

.property-info-price span {
  font-size: 1.6rem;
}

.property-info-text {
  padding-top: 0.13rem;
  font-size: 1.2rem;
}

.property-info-text span {
  display: inline-block;
  margin-top: -0.1rem;
  font-size: 1.4rem;
}

.property-info .tag {
  flex: 0 0 auto;
  margin-right: 1.2rem;
}

.property-detail-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  color: var(--color-2);
  font-size: 1.2rem;
  line-height: 1.2;
}

.property-detail-item + .property-detail-item {
  margin-top: 0.8rem;
}

.property-detail-item-row {
  flex-wrap: wrap;
  margin-top: -0.8rem;
}

.property-detail-item-col {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0.8rem;
}

.property-detail-text {
  flex: 1 0 1%;
  display: inline-block;
}

.property-detail .icon {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8rem;
  height: 1.44rem;
  margin-right: 0.4rem;
  color: var(--color-11);
}

.property-btn .btn {
  --btn-font-size: 1.4rem;
  min-width: min(15.5rem, 41.6vw);
}

.add-condition-btn {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.add-condition-btn-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 4.2rem;
  color: var(--color-1);
}

.add-condition-btn .is-content-hide {
  --icon-width: .2em;
  --icon-size: 1rem;
  justify-content: center;
  max-width: 30.5rem;
  margin: 0 auto;
  padding: 0 0.6rem;
  border-radius: 4.2rem;
  background-color: var(--color-bright);
  text-align: center;
}

.add-condition-btn .is-content-hide .icon {
  margin-right: 0.5rem;
}

.add-condition-btn .is-content-show {
  --icon-size: 1.3rem;
  display: none;
  justify-content: space-between;
  padding: 0 0.5rem;
  border-bottom: 1px solid var(--color-4);
  font-size: 1.5rem;
}

.add-condition.is-show .add-condition-btn .is-content-hide {
  display: none;
}

.add-condition.is-show .add-condition-btn .is-content-show {
  display: flex;
}

.add-condition.is-show .btn-row {
  margin-top: 2rem;
}

.add-condition.is-show .add-condition-clear-btn {
  display: inline-flex;
}

.add-condition.is-show .add-condition-search-btn {
  min-width: 16.9rem;
}

.add-condition .btn-row {
  margin-top: 0.8rem;
}

.add-condition-clear-btn {
  display: none;
}

.rules-frame {
  --rules-font-size: 1.3rem;
  overflow-y: auto;
  height: var(--rules-height, 17rem);
  padding: 1.2rem 1.6rem;
  border: 1px solid var(--color-border);
  background-color: var(--color-bright);
  scrollbar-width: thin;
}

.rules-body {
  font-size: var(--rules-font-size, 1.5rem);
}

.favorite-result {
  min-height: 1.8rem;
}

.favorite-result-number {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  flex-wrap: wrap;
  color: var(--color-2);
  font-size: 1.2rem;
  line-height: 1.2;
  white-space: nowrap;
}

.favorite-result-value {
  font-size: 1.4rem;
}

.is-tile {
  border-radius: 0 !important;
}

.nowrap {
  white-space: nowrap !important;
}

.text-bold {
  font-weight: bolder !important;
}

.text-normal {
  font-weight: 400 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

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

.text-middle {
  vertical-align: middle !important;
}

.bg-primary {
  background-color: var(--color-6) !important;
}

.color-primary {
  color: var(--color-1) !important;
}

.color-secondary {
  color: var(--color-2) !important;
}

.color-notice {
  color: var(--color-error) !important;
}

.color-muted {
  color: var(--color-7) !important;
}

.text-size-10 {
  font-size: 1rem !important;
}

.text-size-11 {
  font-size: 1.1rem !important;
}

.text-size-12 {
  font-size: 1.2rem !important;
}

.text-size-13 {
  font-size: 1.3rem !important;
}

.text-size-14 {
  font-size: 1.4rem !important;
}

.text-size-15 {
  font-size: 1.5rem !important;
}

.text-size-16 {
  font-size: 1.6rem !important;
}

.text-size-17 {
  font-size: 1.7rem !important;
}

.text-size-18 {
  font-size: 1.8rem !important;
}

.text-size-19 {
  font-size: 1.9rem !important;
}

.text-size-20 {
  font-size: 2rem !important;
}

.text-size-21 {
  font-size: 2.1rem !important;
}

.text-size-22 {
  font-size: 2.2rem !important;
}

.text-size-23 {
  font-size: 2.3rem !important;
}

.text-size-24 {
  font-size: 2.4rem !important;
}

.text-size-25 {
  font-size: 2.5rem !important;
}

.text-size-26 {
  font-size: 2.6rem !important;
}

.text-size-27 {
  font-size: 2.7rem !important;
}

.text-size-28 {
  font-size: 2.8rem !important;
}

.text-size-29 {
  font-size: 2.9rem !important;
}

.text-size-30 {
  font-size: 3rem !important;
}

.is-wrap {
  flex-wrap: wrap !important;
}

.ratio-img {
  position: relative;
  overflow: hidden;
  padding-bottom: calc(var(--ratio-img-height, 500) / var(--ratio-img-width, 500) * 100%);
}

.ratio-img .img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.m-1 {
  margin: 0.4rem !important;
}

.mt-1 {
  margin-top: 0.4rem !important;
}

.me-1 {
  margin-right: 0.4rem !important;
}

.mb-1 {
  margin-bottom: 0.4rem !important;
}

.ms-1 {
  margin-left: 0.4rem !important;
}

.mx-1 {
  margin-right: 0.4rem !important;
  margin-left: 0.4rem !important;
}

.my-1 {
  margin-top: 0.4rem !important;
  margin-bottom: 0.4rem !important;
}

.m-2 {
  margin: 0.8rem !important;
}

.mt-2 {
  margin-top: 0.8rem !important;
}

.me-2 {
  margin-right: 0.8rem !important;
}

.mb-2 {
  margin-bottom: 0.8rem !important;
}

.ms-2 {
  margin-left: 0.8rem !important;
}

.mx-2 {
  margin-right: 0.8rem !important;
  margin-left: 0.8rem !important;
}

.my-2 {
  margin-top: 0.8rem !important;
  margin-bottom: 0.8rem !important;
}

.m-3 {
  margin: 1.2rem !important;
}

.mt-3 {
  margin-top: 1.2rem !important;
}

.me-3 {
  margin-right: 1.2rem !important;
}

.mb-3 {
  margin-bottom: 1.2rem !important;
}

.ms-3 {
  margin-left: 1.2rem !important;
}

.mx-3 {
  margin-right: 1.2rem !important;
  margin-left: 1.2rem !important;
}

.my-3 {
  margin-top: 1.2rem !important;
  margin-bottom: 1.2rem !important;
}

.m-4 {
  margin: 1.6rem !important;
}

.mt-4 {
  margin-top: 1.6rem !important;
}

.me-4 {
  margin-right: 1.6rem !important;
}

.mb-4 {
  margin-bottom: 1.6rem !important;
}

.ms-4 {
  margin-left: 1.6rem !important;
}

.mx-4 {
  margin-right: 1.6rem !important;
  margin-left: 1.6rem !important;
}

.my-4 {
  margin-top: 1.6rem !important;
  margin-bottom: 1.6rem !important;
}

.m-5 {
  margin: 2rem !important;
}

.mt-5 {
  margin-top: 2rem !important;
}

.me-5 {
  margin-right: 2rem !important;
}

.mb-5 {
  margin-bottom: 2rem !important;
}

.ms-5 {
  margin-left: 2rem !important;
}

.mx-5 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}

.my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.m-6 {
  margin: 2.4rem !important;
}

.mt-6 {
  margin-top: 2.4rem !important;
}

.me-6 {
  margin-right: 2.4rem !important;
}

.mb-6 {
  margin-bottom: 2.4rem !important;
}

.ms-6 {
  margin-left: 2.4rem !important;
}

.mx-6 {
  margin-right: 2.4rem !important;
  margin-left: 2.4rem !important;
}

.my-6 {
  margin-top: 2.4rem !important;
  margin-bottom: 2.4rem !important;
}

.m-7 {
  margin: 2.8rem !important;
}

.mt-7 {
  margin-top: 2.8rem !important;
}

.me-7 {
  margin-right: 2.8rem !important;
}

.mb-7 {
  margin-bottom: 2.8rem !important;
}

.ms-7 {
  margin-left: 2.8rem !important;
}

.mx-7 {
  margin-right: 2.8rem !important;
  margin-left: 2.8rem !important;
}

.my-7 {
  margin-top: 2.8rem !important;
  margin-bottom: 2.8rem !important;
}

.m-8 {
  margin: 3.2rem !important;
}

.mt-8 {
  margin-top: 3.2rem !important;
}

.me-8 {
  margin-right: 3.2rem !important;
}

.mb-8 {
  margin-bottom: 3.2rem !important;
}

.ms-8 {
  margin-left: 3.2rem !important;
}

.mx-8 {
  margin-right: 3.2rem !important;
  margin-left: 3.2rem !important;
}

.my-8 {
  margin-top: 3.2rem !important;
  margin-bottom: 3.2rem !important;
}

.m-9 {
  margin: 3.6rem !important;
}

.mt-9 {
  margin-top: 3.6rem !important;
}

.me-9 {
  margin-right: 3.6rem !important;
}

.mb-9 {
  margin-bottom: 3.6rem !important;
}

.ms-9 {
  margin-left: 3.6rem !important;
}

.mx-9 {
  margin-right: 3.6rem !important;
  margin-left: 3.6rem !important;
}

.my-9 {
  margin-top: 3.6rem !important;
  margin-bottom: 3.6rem !important;
}

.m-10 {
  margin: 4rem !important;
}

.mt-10 {
  margin-top: 4rem !important;
}

.me-10 {
  margin-right: 4rem !important;
}

.mb-10 {
  margin-bottom: 4rem !important;
}

.ms-10 {
  margin-left: 4rem !important;
}

.mx-10 {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}

.my-10 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.m-11 {
  margin: 4.4rem !important;
}

.mt-11 {
  margin-top: 4.4rem !important;
}

.me-11 {
  margin-right: 4.4rem !important;
}

.mb-11 {
  margin-bottom: 4.4rem !important;
}

.ms-11 {
  margin-left: 4.4rem !important;
}

.mx-11 {
  margin-right: 4.4rem !important;
  margin-left: 4.4rem !important;
}

.my-11 {
  margin-top: 4.4rem !important;
  margin-bottom: 4.4rem !important;
}

.m-12 {
  margin: 4.8rem !important;
}

.mt-12 {
  margin-top: 4.8rem !important;
}

.me-12 {
  margin-right: 4.8rem !important;
}

.mb-12 {
  margin-bottom: 4.8rem !important;
}

.ms-12 {
  margin-left: 4.8rem !important;
}

.mx-12 {
  margin-right: 4.8rem !important;
  margin-left: 4.8rem !important;
}

.my-12 {
  margin-top: 4.8rem !important;
  margin-bottom: 4.8rem !important;
}

.m-13 {
  margin: 5.2rem !important;
}

.mt-13 {
  margin-top: 5.2rem !important;
}

.me-13 {
  margin-right: 5.2rem !important;
}

.mb-13 {
  margin-bottom: 5.2rem !important;
}

.ms-13 {
  margin-left: 5.2rem !important;
}

.mx-13 {
  margin-right: 5.2rem !important;
  margin-left: 5.2rem !important;
}

.my-13 {
  margin-top: 5.2rem !important;
  margin-bottom: 5.2rem !important;
}

.m-14 {
  margin: 5.6rem !important;
}

.mt-14 {
  margin-top: 5.6rem !important;
}

.me-14 {
  margin-right: 5.6rem !important;
}

.mb-14 {
  margin-bottom: 5.6rem !important;
}

.ms-14 {
  margin-left: 5.6rem !important;
}

.mx-14 {
  margin-right: 5.6rem !important;
  margin-left: 5.6rem !important;
}

.my-14 {
  margin-top: 5.6rem !important;
  margin-bottom: 5.6rem !important;
}

.m-15 {
  margin: 6rem !important;
}

.mt-15 {
  margin-top: 6rem !important;
}

.me-15 {
  margin-right: 6rem !important;
}

.mb-15 {
  margin-bottom: 6rem !important;
}

.ms-15 {
  margin-left: 6rem !important;
}

.mx-15 {
  margin-right: 6rem !important;
  margin-left: 6rem !important;
}

.my-15 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.m-16 {
  margin: 6.4rem !important;
}

.mt-16 {
  margin-top: 6.4rem !important;
}

.me-16 {
  margin-right: 6.4rem !important;
}

.mb-16 {
  margin-bottom: 6.4rem !important;
}

.ms-16 {
  margin-left: 6.4rem !important;
}

.mx-16 {
  margin-right: 6.4rem !important;
  margin-left: 6.4rem !important;
}

.my-16 {
  margin-top: 6.4rem !important;
  margin-bottom: 6.4rem !important;
}

.m-17 {
  margin: 6.8rem !important;
}

.mt-17 {
  margin-top: 6.8rem !important;
}

.me-17 {
  margin-right: 6.8rem !important;
}

.mb-17 {
  margin-bottom: 6.8rem !important;
}

.ms-17 {
  margin-left: 6.8rem !important;
}

.mx-17 {
  margin-right: 6.8rem !important;
  margin-left: 6.8rem !important;
}

.my-17 {
  margin-top: 6.8rem !important;
  margin-bottom: 6.8rem !important;
}

.m-18 {
  margin: 7.2rem !important;
}

.mt-18 {
  margin-top: 7.2rem !important;
}

.me-18 {
  margin-right: 7.2rem !important;
}

.mb-18 {
  margin-bottom: 7.2rem !important;
}

.ms-18 {
  margin-left: 7.2rem !important;
}

.mx-18 {
  margin-right: 7.2rem !important;
  margin-left: 7.2rem !important;
}

.my-18 {
  margin-top: 7.2rem !important;
  margin-bottom: 7.2rem !important;
}

.m-19 {
  margin: 7.6rem !important;
}

.mt-19 {
  margin-top: 7.6rem !important;
}

.me-19 {
  margin-right: 7.6rem !important;
}

.mb-19 {
  margin-bottom: 7.6rem !important;
}

.ms-19 {
  margin-left: 7.6rem !important;
}

.mx-19 {
  margin-right: 7.6rem !important;
  margin-left: 7.6rem !important;
}

.my-19 {
  margin-top: 7.6rem !important;
  margin-bottom: 7.6rem !important;
}

.m-20 {
  margin: 8rem !important;
}

.mt-20 {
  margin-top: 8rem !important;
}

.me-20 {
  margin-right: 8rem !important;
}

.mb-20 {
  margin-bottom: 8rem !important;
}

.ms-20 {
  margin-left: 8rem !important;
}

.mx-20 {
  margin-right: 8rem !important;
  margin-left: 8rem !important;
}

.my-20 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.m-21 {
  margin: 8.4rem !important;
}

.mt-21 {
  margin-top: 8.4rem !important;
}

.me-21 {
  margin-right: 8.4rem !important;
}

.mb-21 {
  margin-bottom: 8.4rem !important;
}

.ms-21 {
  margin-left: 8.4rem !important;
}

.mx-21 {
  margin-right: 8.4rem !important;
  margin-left: 8.4rem !important;
}

.my-21 {
  margin-top: 8.4rem !important;
  margin-bottom: 8.4rem !important;
}

.m-22 {
  margin: 8.8rem !important;
}

.mt-22 {
  margin-top: 8.8rem !important;
}

.me-22 {
  margin-right: 8.8rem !important;
}

.mb-22 {
  margin-bottom: 8.8rem !important;
}

.ms-22 {
  margin-left: 8.8rem !important;
}

.mx-22 {
  margin-right: 8.8rem !important;
  margin-left: 8.8rem !important;
}

.my-22 {
  margin-top: 8.8rem !important;
  margin-bottom: 8.8rem !important;
}

.m-23 {
  margin: 9.2rem !important;
}

.mt-23 {
  margin-top: 9.2rem !important;
}

.me-23 {
  margin-right: 9.2rem !important;
}

.mb-23 {
  margin-bottom: 9.2rem !important;
}

.ms-23 {
  margin-left: 9.2rem !important;
}

.mx-23 {
  margin-right: 9.2rem !important;
  margin-left: 9.2rem !important;
}

.my-23 {
  margin-top: 9.2rem !important;
  margin-bottom: 9.2rem !important;
}

.m-24 {
  margin: 9.6rem !important;
}

.mt-24 {
  margin-top: 9.6rem !important;
}

.me-24 {
  margin-right: 9.6rem !important;
}

.mb-24 {
  margin-bottom: 9.6rem !important;
}

.ms-24 {
  margin-left: 9.6rem !important;
}

.mx-24 {
  margin-right: 9.6rem !important;
  margin-left: 9.6rem !important;
}

.my-24 {
  margin-top: 9.6rem !important;
  margin-bottom: 9.6rem !important;
}

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

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

.me-0 {
  margin-right: 0 !important;
}

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

.ms-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.p-1 {
  padding: 0.4rem !important;
}

.pt-1 {
  padding-top: 0.4rem !important;
}

.pe-1 {
  padding-right: 0.4rem !important;
}

.pb-1 {
  padding-bottom: 0.4rem !important;
}

.ps-1 {
  padding-left: 0.4rem !important;
}

.px-1 {
  padding-right: 0.4rem !important;
  padding-left: 0.4rem !important;
}

.py-1 {
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
}

.p-2 {
  padding: 0.8rem !important;
}

.pt-2 {
  padding-top: 0.8rem !important;
}

.pe-2 {
  padding-right: 0.8rem !important;
}

.pb-2 {
  padding-bottom: 0.8rem !important;
}

.ps-2 {
  padding-left: 0.8rem !important;
}

.px-2 {
  padding-right: 0.8rem !important;
  padding-left: 0.8rem !important;
}

.py-2 {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}

.p-3 {
  padding: 1.2rem !important;
}

.pt-3 {
  padding-top: 1.2rem !important;
}

.pe-3 {
  padding-right: 1.2rem !important;
}

.pb-3 {
  padding-bottom: 1.2rem !important;
}

.ps-3 {
  padding-left: 1.2rem !important;
}

.px-3 {
  padding-right: 1.2rem !important;
  padding-left: 1.2rem !important;
}

.py-3 {
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important;
}

.p-4 {
  padding: 1.6rem !important;
}

.pt-4 {
  padding-top: 1.6rem !important;
}

.pe-4 {
  padding-right: 1.6rem !important;
}

.pb-4 {
  padding-bottom: 1.6rem !important;
}

.ps-4 {
  padding-left: 1.6rem !important;
}

.px-4 {
  padding-right: 1.6rem !important;
  padding-left: 1.6rem !important;
}

.py-4 {
  padding-top: 1.6rem !important;
  padding-bottom: 1.6rem !important;
}

.p-5 {
  padding: 2rem !important;
}

.pt-5 {
  padding-top: 2rem !important;
}

.pe-5 {
  padding-right: 2rem !important;
}

.pb-5 {
  padding-bottom: 2rem !important;
}

.ps-5 {
  padding-left: 2rem !important;
}

.px-5 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}

.py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.p-6 {
  padding: 2.4rem !important;
}

.pt-6 {
  padding-top: 2.4rem !important;
}

.pe-6 {
  padding-right: 2.4rem !important;
}

.pb-6 {
  padding-bottom: 2.4rem !important;
}

.ps-6 {
  padding-left: 2.4rem !important;
}

.px-6 {
  padding-right: 2.4rem !important;
  padding-left: 2.4rem !important;
}

.py-6 {
  padding-top: 2.4rem !important;
  padding-bottom: 2.4rem !important;
}

.p-7 {
  padding: 2.8rem !important;
}

.pt-7 {
  padding-top: 2.8rem !important;
}

.pe-7 {
  padding-right: 2.8rem !important;
}

.pb-7 {
  padding-bottom: 2.8rem !important;
}

.ps-7 {
  padding-left: 2.8rem !important;
}

.px-7 {
  padding-right: 2.8rem !important;
  padding-left: 2.8rem !important;
}

.py-7 {
  padding-top: 2.8rem !important;
  padding-bottom: 2.8rem !important;
}

.p-8 {
  padding: 3.2rem !important;
}

.pt-8 {
  padding-top: 3.2rem !important;
}

.pe-8 {
  padding-right: 3.2rem !important;
}

.pb-8 {
  padding-bottom: 3.2rem !important;
}

.ps-8 {
  padding-left: 3.2rem !important;
}

.px-8 {
  padding-right: 3.2rem !important;
  padding-left: 3.2rem !important;
}

.py-8 {
  padding-top: 3.2rem !important;
  padding-bottom: 3.2rem !important;
}

.p-9 {
  padding: 3.6rem !important;
}

.pt-9 {
  padding-top: 3.6rem !important;
}

.pe-9 {
  padding-right: 3.6rem !important;
}

.pb-9 {
  padding-bottom: 3.6rem !important;
}

.ps-9 {
  padding-left: 3.6rem !important;
}

.px-9 {
  padding-right: 3.6rem !important;
  padding-left: 3.6rem !important;
}

.py-9 {
  padding-top: 3.6rem !important;
  padding-bottom: 3.6rem !important;
}

.p-10 {
  padding: 4rem !important;
}

.pt-10 {
  padding-top: 4rem !important;
}

.pe-10 {
  padding-right: 4rem !important;
}

.pb-10 {
  padding-bottom: 4rem !important;
}

.ps-10 {
  padding-left: 4rem !important;
}

.px-10 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}

.py-10 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.p-11 {
  padding: 4.4rem !important;
}

.pt-11 {
  padding-top: 4.4rem !important;
}

.pe-11 {
  padding-right: 4.4rem !important;
}

.pb-11 {
  padding-bottom: 4.4rem !important;
}

.ps-11 {
  padding-left: 4.4rem !important;
}

.px-11 {
  padding-right: 4.4rem !important;
  padding-left: 4.4rem !important;
}

.py-11 {
  padding-top: 4.4rem !important;
  padding-bottom: 4.4rem !important;
}

.p-12 {
  padding: 4.8rem !important;
}

.pt-12 {
  padding-top: 4.8rem !important;
}

.pe-12 {
  padding-right: 4.8rem !important;
}

.pb-12 {
  padding-bottom: 4.8rem !important;
}

.ps-12 {
  padding-left: 4.8rem !important;
}

.px-12 {
  padding-right: 4.8rem !important;
  padding-left: 4.8rem !important;
}

.py-12 {
  padding-top: 4.8rem !important;
  padding-bottom: 4.8rem !important;
}

.p-13 {
  padding: 5.2rem !important;
}

.pt-13 {
  padding-top: 5.2rem !important;
}

.pe-13 {
  padding-right: 5.2rem !important;
}

.pb-13 {
  padding-bottom: 5.2rem !important;
}

.ps-13 {
  padding-left: 5.2rem !important;
}

.px-13 {
  padding-right: 5.2rem !important;
  padding-left: 5.2rem !important;
}

.py-13 {
  padding-top: 5.2rem !important;
  padding-bottom: 5.2rem !important;
}

.p-14 {
  padding: 5.6rem !important;
}

.pt-14 {
  padding-top: 5.6rem !important;
}

.pe-14 {
  padding-right: 5.6rem !important;
}

.pb-14 {
  padding-bottom: 5.6rem !important;
}

.ps-14 {
  padding-left: 5.6rem !important;
}

.px-14 {
  padding-right: 5.6rem !important;
  padding-left: 5.6rem !important;
}

.py-14 {
  padding-top: 5.6rem !important;
  padding-bottom: 5.6rem !important;
}

.p-15 {
  padding: 6rem !important;
}

.pt-15 {
  padding-top: 6rem !important;
}

.pe-15 {
  padding-right: 6rem !important;
}

.pb-15 {
  padding-bottom: 6rem !important;
}

.ps-15 {
  padding-left: 6rem !important;
}

.px-15 {
  padding-right: 6rem !important;
  padding-left: 6rem !important;
}

.py-15 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.p-16 {
  padding: 6.4rem !important;
}

.pt-16 {
  padding-top: 6.4rem !important;
}

.pe-16 {
  padding-right: 6.4rem !important;
}

.pb-16 {
  padding-bottom: 6.4rem !important;
}

.ps-16 {
  padding-left: 6.4rem !important;
}

.px-16 {
  padding-right: 6.4rem !important;
  padding-left: 6.4rem !important;
}

.py-16 {
  padding-top: 6.4rem !important;
  padding-bottom: 6.4rem !important;
}

.p-17 {
  padding: 6.8rem !important;
}

.pt-17 {
  padding-top: 6.8rem !important;
}

.pe-17 {
  padding-right: 6.8rem !important;
}

.pb-17 {
  padding-bottom: 6.8rem !important;
}

.ps-17 {
  padding-left: 6.8rem !important;
}

.px-17 {
  padding-right: 6.8rem !important;
  padding-left: 6.8rem !important;
}

.py-17 {
  padding-top: 6.8rem !important;
  padding-bottom: 6.8rem !important;
}

.p-18 {
  padding: 7.2rem !important;
}

.pt-18 {
  padding-top: 7.2rem !important;
}

.pe-18 {
  padding-right: 7.2rem !important;
}

.pb-18 {
  padding-bottom: 7.2rem !important;
}

.ps-18 {
  padding-left: 7.2rem !important;
}

.px-18 {
  padding-right: 7.2rem !important;
  padding-left: 7.2rem !important;
}

.py-18 {
  padding-top: 7.2rem !important;
  padding-bottom: 7.2rem !important;
}

.p-19 {
  padding: 7.6rem !important;
}

.pt-19 {
  padding-top: 7.6rem !important;
}

.pe-19 {
  padding-right: 7.6rem !important;
}

.pb-19 {
  padding-bottom: 7.6rem !important;
}

.ps-19 {
  padding-left: 7.6rem !important;
}

.px-19 {
  padding-right: 7.6rem !important;
  padding-left: 7.6rem !important;
}

.py-19 {
  padding-top: 7.6rem !important;
  padding-bottom: 7.6rem !important;
}

.p-20 {
  padding: 8rem !important;
}

.pt-20 {
  padding-top: 8rem !important;
}

.pe-20 {
  padding-right: 8rem !important;
}

.pb-20 {
  padding-bottom: 8rem !important;
}

.ps-20 {
  padding-left: 8rem !important;
}

.px-20 {
  padding-right: 8rem !important;
  padding-left: 8rem !important;
}

.py-20 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.p-21 {
  padding: 8.4rem !important;
}

.pt-21 {
  padding-top: 8.4rem !important;
}

.pe-21 {
  padding-right: 8.4rem !important;
}

.pb-21 {
  padding-bottom: 8.4rem !important;
}

.ps-21 {
  padding-left: 8.4rem !important;
}

.px-21 {
  padding-right: 8.4rem !important;
  padding-left: 8.4rem !important;
}

.py-21 {
  padding-top: 8.4rem !important;
  padding-bottom: 8.4rem !important;
}

.p-22 {
  padding: 8.8rem !important;
}

.pt-22 {
  padding-top: 8.8rem !important;
}

.pe-22 {
  padding-right: 8.8rem !important;
}

.pb-22 {
  padding-bottom: 8.8rem !important;
}

.ps-22 {
  padding-left: 8.8rem !important;
}

.px-22 {
  padding-right: 8.8rem !important;
  padding-left: 8.8rem !important;
}

.py-22 {
  padding-top: 8.8rem !important;
  padding-bottom: 8.8rem !important;
}

.p-23 {
  padding: 9.2rem !important;
}

.pt-23 {
  padding-top: 9.2rem !important;
}

.pe-23 {
  padding-right: 9.2rem !important;
}

.pb-23 {
  padding-bottom: 9.2rem !important;
}

.ps-23 {
  padding-left: 9.2rem !important;
}

.px-23 {
  padding-right: 9.2rem !important;
  padding-left: 9.2rem !important;
}

.py-23 {
  padding-top: 9.2rem !important;
  padding-bottom: 9.2rem !important;
}

.p-24 {
  padding: 9.6rem !important;
}

.pt-24 {
  padding-top: 9.6rem !important;
}

.pe-24 {
  padding-right: 9.6rem !important;
}

.pb-24 {
  padding-bottom: 9.6rem !important;
}

.ps-24 {
  padding-left: 9.6rem !important;
}

.px-24 {
  padding-right: 9.6rem !important;
  padding-left: 9.6rem !important;
}

.py-24 {
  padding-top: 9.6rem !important;
  padding-bottom: 9.6rem !important;
}

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

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

.pe-0 {
  padding-right: 0 !important;
}

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

.ps-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.row {
  --gutter-x: 1.2rem;
  --gutter-y: 0.8rem;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin: calc(var(--gutter-y) * -1) calc(var(--gutter-x) / -2) 0;
}

.row > * {
  flex: 1 0 1%;
  width: 100%;
  max-width: 100%;
  margin-top: var(--gutter-y);
  padding-right: calc(var(--gutter-x) / 2);
  padding-left: calc(var(--gutter-x) / 2);
}

.row > [class*=col-] {
  flex: 0 0 auto;
}

.col-auto {
  width: auto;
}

.col-1 {
  width: 8.3333333333%;
}

.col-2 {
  width: 16.6666666667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.3333333333%;
}

.col-5 {
  width: 41.6666666667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.3333333333%;
}

.col-8 {
  width: 66.6666666667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.3333333333%;
}

.col-11 {
  width: 91.6666666667%;
}

.col-12 {
  width: 100%;
}

@media (min-width: 768px) {
  .text-lg-start {
    text-align: left !important;
  }

  .text-lg-end {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }

  .m-lg-1 {
    margin: 0.4rem !important;
  }

  .mt-lg-1 {
    margin-top: 0.4rem !important;
  }

  .me-lg-1 {
    margin-right: 0.4rem !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.4rem !important;
  }

  .ms-lg-1 {
    margin-left: 0.4rem !important;
  }

  .mx-lg-1 {
    margin-right: 0.4rem !important;
    margin-left: 0.4rem !important;
  }

  .my-lg-1 {
    margin-top: 0.4rem !important;
    margin-bottom: 0.4rem !important;
  }

  .m-lg-2 {
    margin: 0.8rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.8rem !important;
  }

  .me-lg-2 {
    margin-right: 0.8rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.8rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.8rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.8rem !important;
    margin-left: 0.8rem !important;
  }

  .my-lg-2 {
    margin-top: 0.8rem !important;
    margin-bottom: 0.8rem !important;
  }

  .m-lg-3 {
    margin: 1.2rem !important;
  }

  .mt-lg-3 {
    margin-top: 1.2rem !important;
  }

  .me-lg-3 {
    margin-right: 1.2rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1.2rem !important;
  }

  .ms-lg-3 {
    margin-left: 1.2rem !important;
  }

  .mx-lg-3 {
    margin-right: 1.2rem !important;
    margin-left: 1.2rem !important;
  }

  .my-lg-3 {
    margin-top: 1.2rem !important;
    margin-bottom: 1.2rem !important;
  }

  .m-lg-4 {
    margin: 1.6rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.6rem !important;
  }

  .me-lg-4 {
    margin-right: 1.6rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.6rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.6rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.6rem !important;
    margin-left: 1.6rem !important;
  }

  .my-lg-4 {
    margin-top: 1.6rem !important;
    margin-bottom: 1.6rem !important;
  }

  .m-lg-5 {
    margin: 2rem !important;
  }

  .mt-lg-5 {
    margin-top: 2rem !important;
  }

  .me-lg-5 {
    margin-right: 2rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 2rem !important;
  }

  .ms-lg-5 {
    margin-left: 2rem !important;
  }

  .mx-lg-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }

  .my-lg-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .m-lg-6 {
    margin: 2.4rem !important;
  }

  .mt-lg-6 {
    margin-top: 2.4rem !important;
  }

  .me-lg-6 {
    margin-right: 2.4rem !important;
  }

  .mb-lg-6 {
    margin-bottom: 2.4rem !important;
  }

  .ms-lg-6 {
    margin-left: 2.4rem !important;
  }

  .mx-lg-6 {
    margin-right: 2.4rem !important;
    margin-left: 2.4rem !important;
  }

  .my-lg-6 {
    margin-top: 2.4rem !important;
    margin-bottom: 2.4rem !important;
  }

  .m-lg-7 {
    margin: 2.8rem !important;
  }

  .mt-lg-7 {
    margin-top: 2.8rem !important;
  }

  .me-lg-7 {
    margin-right: 2.8rem !important;
  }

  .mb-lg-7 {
    margin-bottom: 2.8rem !important;
  }

  .ms-lg-7 {
    margin-left: 2.8rem !important;
  }

  .mx-lg-7 {
    margin-right: 2.8rem !important;
    margin-left: 2.8rem !important;
  }

  .my-lg-7 {
    margin-top: 2.8rem !important;
    margin-bottom: 2.8rem !important;
  }

  .m-lg-8 {
    margin: 3.2rem !important;
  }

  .mt-lg-8 {
    margin-top: 3.2rem !important;
  }

  .me-lg-8 {
    margin-right: 3.2rem !important;
  }

  .mb-lg-8 {
    margin-bottom: 3.2rem !important;
  }

  .ms-lg-8 {
    margin-left: 3.2rem !important;
  }

  .mx-lg-8 {
    margin-right: 3.2rem !important;
    margin-left: 3.2rem !important;
  }

  .my-lg-8 {
    margin-top: 3.2rem !important;
    margin-bottom: 3.2rem !important;
  }

  .m-lg-9 {
    margin: 3.6rem !important;
  }

  .mt-lg-9 {
    margin-top: 3.6rem !important;
  }

  .me-lg-9 {
    margin-right: 3.6rem !important;
  }

  .mb-lg-9 {
    margin-bottom: 3.6rem !important;
  }

  .ms-lg-9 {
    margin-left: 3.6rem !important;
  }

  .mx-lg-9 {
    margin-right: 3.6rem !important;
    margin-left: 3.6rem !important;
  }

  .my-lg-9 {
    margin-top: 3.6rem !important;
    margin-bottom: 3.6rem !important;
  }

  .m-lg-10 {
    margin: 4rem !important;
  }

  .mt-lg-10 {
    margin-top: 4rem !important;
  }

  .me-lg-10 {
    margin-right: 4rem !important;
  }

  .mb-lg-10 {
    margin-bottom: 4rem !important;
  }

  .ms-lg-10 {
    margin-left: 4rem !important;
  }

  .mx-lg-10 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }

  .my-lg-10 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .m-lg-11 {
    margin: 4.4rem !important;
  }

  .mt-lg-11 {
    margin-top: 4.4rem !important;
  }

  .me-lg-11 {
    margin-right: 4.4rem !important;
  }

  .mb-lg-11 {
    margin-bottom: 4.4rem !important;
  }

  .ms-lg-11 {
    margin-left: 4.4rem !important;
  }

  .mx-lg-11 {
    margin-right: 4.4rem !important;
    margin-left: 4.4rem !important;
  }

  .my-lg-11 {
    margin-top: 4.4rem !important;
    margin-bottom: 4.4rem !important;
  }

  .m-lg-12 {
    margin: 4.8rem !important;
  }

  .mt-lg-12 {
    margin-top: 4.8rem !important;
  }

  .me-lg-12 {
    margin-right: 4.8rem !important;
  }

  .mb-lg-12 {
    margin-bottom: 4.8rem !important;
  }

  .ms-lg-12 {
    margin-left: 4.8rem !important;
  }

  .mx-lg-12 {
    margin-right: 4.8rem !important;
    margin-left: 4.8rem !important;
  }

  .my-lg-12 {
    margin-top: 4.8rem !important;
    margin-bottom: 4.8rem !important;
  }

  .m-lg-13 {
    margin: 5.2rem !important;
  }

  .mt-lg-13 {
    margin-top: 5.2rem !important;
  }

  .me-lg-13 {
    margin-right: 5.2rem !important;
  }

  .mb-lg-13 {
    margin-bottom: 5.2rem !important;
  }

  .ms-lg-13 {
    margin-left: 5.2rem !important;
  }

  .mx-lg-13 {
    margin-right: 5.2rem !important;
    margin-left: 5.2rem !important;
  }

  .my-lg-13 {
    margin-top: 5.2rem !important;
    margin-bottom: 5.2rem !important;
  }

  .m-lg-14 {
    margin: 5.6rem !important;
  }

  .mt-lg-14 {
    margin-top: 5.6rem !important;
  }

  .me-lg-14 {
    margin-right: 5.6rem !important;
  }

  .mb-lg-14 {
    margin-bottom: 5.6rem !important;
  }

  .ms-lg-14 {
    margin-left: 5.6rem !important;
  }

  .mx-lg-14 {
    margin-right: 5.6rem !important;
    margin-left: 5.6rem !important;
  }

  .my-lg-14 {
    margin-top: 5.6rem !important;
    margin-bottom: 5.6rem !important;
  }

  .m-lg-15 {
    margin: 6rem !important;
  }

  .mt-lg-15 {
    margin-top: 6rem !important;
  }

  .me-lg-15 {
    margin-right: 6rem !important;
  }

  .mb-lg-15 {
    margin-bottom: 6rem !important;
  }

  .ms-lg-15 {
    margin-left: 6rem !important;
  }

  .mx-lg-15 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }

  .my-lg-15 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .m-lg-16 {
    margin: 6.4rem !important;
  }

  .mt-lg-16 {
    margin-top: 6.4rem !important;
  }

  .me-lg-16 {
    margin-right: 6.4rem !important;
  }

  .mb-lg-16 {
    margin-bottom: 6.4rem !important;
  }

  .ms-lg-16 {
    margin-left: 6.4rem !important;
  }

  .mx-lg-16 {
    margin-right: 6.4rem !important;
    margin-left: 6.4rem !important;
  }

  .my-lg-16 {
    margin-top: 6.4rem !important;
    margin-bottom: 6.4rem !important;
  }

  .m-lg-17 {
    margin: 6.8rem !important;
  }

  .mt-lg-17 {
    margin-top: 6.8rem !important;
  }

  .me-lg-17 {
    margin-right: 6.8rem !important;
  }

  .mb-lg-17 {
    margin-bottom: 6.8rem !important;
  }

  .ms-lg-17 {
    margin-left: 6.8rem !important;
  }

  .mx-lg-17 {
    margin-right: 6.8rem !important;
    margin-left: 6.8rem !important;
  }

  .my-lg-17 {
    margin-top: 6.8rem !important;
    margin-bottom: 6.8rem !important;
  }

  .m-lg-18 {
    margin: 7.2rem !important;
  }

  .mt-lg-18 {
    margin-top: 7.2rem !important;
  }

  .me-lg-18 {
    margin-right: 7.2rem !important;
  }

  .mb-lg-18 {
    margin-bottom: 7.2rem !important;
  }

  .ms-lg-18 {
    margin-left: 7.2rem !important;
  }

  .mx-lg-18 {
    margin-right: 7.2rem !important;
    margin-left: 7.2rem !important;
  }

  .my-lg-18 {
    margin-top: 7.2rem !important;
    margin-bottom: 7.2rem !important;
  }

  .m-lg-19 {
    margin: 7.6rem !important;
  }

  .mt-lg-19 {
    margin-top: 7.6rem !important;
  }

  .me-lg-19 {
    margin-right: 7.6rem !important;
  }

  .mb-lg-19 {
    margin-bottom: 7.6rem !important;
  }

  .ms-lg-19 {
    margin-left: 7.6rem !important;
  }

  .mx-lg-19 {
    margin-right: 7.6rem !important;
    margin-left: 7.6rem !important;
  }

  .my-lg-19 {
    margin-top: 7.6rem !important;
    margin-bottom: 7.6rem !important;
  }

  .m-lg-20 {
    margin: 8rem !important;
  }

  .mt-lg-20 {
    margin-top: 8rem !important;
  }

  .me-lg-20 {
    margin-right: 8rem !important;
  }

  .mb-lg-20 {
    margin-bottom: 8rem !important;
  }

  .ms-lg-20 {
    margin-left: 8rem !important;
  }

  .mx-lg-20 {
    margin-right: 8rem !important;
    margin-left: 8rem !important;
  }

  .my-lg-20 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .m-lg-21 {
    margin: 8.4rem !important;
  }

  .mt-lg-21 {
    margin-top: 8.4rem !important;
  }

  .me-lg-21 {
    margin-right: 8.4rem !important;
  }

  .mb-lg-21 {
    margin-bottom: 8.4rem !important;
  }

  .ms-lg-21 {
    margin-left: 8.4rem !important;
  }

  .mx-lg-21 {
    margin-right: 8.4rem !important;
    margin-left: 8.4rem !important;
  }

  .my-lg-21 {
    margin-top: 8.4rem !important;
    margin-bottom: 8.4rem !important;
  }

  .m-lg-22 {
    margin: 8.8rem !important;
  }

  .mt-lg-22 {
    margin-top: 8.8rem !important;
  }

  .me-lg-22 {
    margin-right: 8.8rem !important;
  }

  .mb-lg-22 {
    margin-bottom: 8.8rem !important;
  }

  .ms-lg-22 {
    margin-left: 8.8rem !important;
  }

  .mx-lg-22 {
    margin-right: 8.8rem !important;
    margin-left: 8.8rem !important;
  }

  .my-lg-22 {
    margin-top: 8.8rem !important;
    margin-bottom: 8.8rem !important;
  }

  .m-lg-23 {
    margin: 9.2rem !important;
  }

  .mt-lg-23 {
    margin-top: 9.2rem !important;
  }

  .me-lg-23 {
    margin-right: 9.2rem !important;
  }

  .mb-lg-23 {
    margin-bottom: 9.2rem !important;
  }

  .ms-lg-23 {
    margin-left: 9.2rem !important;
  }

  .mx-lg-23 {
    margin-right: 9.2rem !important;
    margin-left: 9.2rem !important;
  }

  .my-lg-23 {
    margin-top: 9.2rem !important;
    margin-bottom: 9.2rem !important;
  }

  .m-lg-24 {
    margin: 9.6rem !important;
  }

  .mt-lg-24 {
    margin-top: 9.6rem !important;
  }

  .me-lg-24 {
    margin-right: 9.6rem !important;
  }

  .mb-lg-24 {
    margin-bottom: 9.6rem !important;
  }

  .ms-lg-24 {
    margin-left: 9.6rem !important;
  }

  .mx-lg-24 {
    margin-right: 9.6rem !important;
    margin-left: 9.6rem !important;
  }

  .my-lg-24 {
    margin-top: 9.6rem !important;
    margin-bottom: 9.6rem !important;
  }

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

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

  .me-lg-0 {
    margin-right: 0 !important;
  }

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

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .p-lg-1 {
    padding: 0.4rem !important;
  }

  .pt-lg-1 {
    padding-top: 0.4rem !important;
  }

  .pe-lg-1 {
    padding-right: 0.4rem !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.4rem !important;
  }

  .ps-lg-1 {
    padding-left: 0.4rem !important;
  }

  .px-lg-1 {
    padding-right: 0.4rem !important;
    padding-left: 0.4rem !important;
  }

  .py-lg-1 {
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
  }

  .p-lg-2 {
    padding: 0.8rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.8rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.8rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.8rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.8rem !important;
  }

  .px-lg-2 {
    padding-right: 0.8rem !important;
    padding-left: 0.8rem !important;
  }

  .py-lg-2 {
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
  }

  .p-lg-3 {
    padding: 1.2rem !important;
  }

  .pt-lg-3 {
    padding-top: 1.2rem !important;
  }

  .pe-lg-3 {
    padding-right: 1.2rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1.2rem !important;
  }

  .ps-lg-3 {
    padding-left: 1.2rem !important;
  }

  .px-lg-3 {
    padding-right: 1.2rem !important;
    padding-left: 1.2rem !important;
  }

  .py-lg-3 {
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;
  }

  .p-lg-4 {
    padding: 1.6rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.6rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.6rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.6rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.6rem !important;
  }

  .px-lg-4 {
    padding-right: 1.6rem !important;
    padding-left: 1.6rem !important;
  }

  .py-lg-4 {
    padding-top: 1.6rem !important;
    padding-bottom: 1.6rem !important;
  }

  .p-lg-5 {
    padding: 2rem !important;
  }

  .pt-lg-5 {
    padding-top: 2rem !important;
  }

  .pe-lg-5 {
    padding-right: 2rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 2rem !important;
  }

  .ps-lg-5 {
    padding-left: 2rem !important;
  }

  .px-lg-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  .py-lg-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .p-lg-6 {
    padding: 2.4rem !important;
  }

  .pt-lg-6 {
    padding-top: 2.4rem !important;
  }

  .pe-lg-6 {
    padding-right: 2.4rem !important;
  }

  .pb-lg-6 {
    padding-bottom: 2.4rem !important;
  }

  .ps-lg-6 {
    padding-left: 2.4rem !important;
  }

  .px-lg-6 {
    padding-right: 2.4rem !important;
    padding-left: 2.4rem !important;
  }

  .py-lg-6 {
    padding-top: 2.4rem !important;
    padding-bottom: 2.4rem !important;
  }

  .p-lg-7 {
    padding: 2.8rem !important;
  }

  .pt-lg-7 {
    padding-top: 2.8rem !important;
  }

  .pe-lg-7 {
    padding-right: 2.8rem !important;
  }

  .pb-lg-7 {
    padding-bottom: 2.8rem !important;
  }

  .ps-lg-7 {
    padding-left: 2.8rem !important;
  }

  .px-lg-7 {
    padding-right: 2.8rem !important;
    padding-left: 2.8rem !important;
  }

  .py-lg-7 {
    padding-top: 2.8rem !important;
    padding-bottom: 2.8rem !important;
  }

  .p-lg-8 {
    padding: 3.2rem !important;
  }

  .pt-lg-8 {
    padding-top: 3.2rem !important;
  }

  .pe-lg-8 {
    padding-right: 3.2rem !important;
  }

  .pb-lg-8 {
    padding-bottom: 3.2rem !important;
  }

  .ps-lg-8 {
    padding-left: 3.2rem !important;
  }

  .px-lg-8 {
    padding-right: 3.2rem !important;
    padding-left: 3.2rem !important;
  }

  .py-lg-8 {
    padding-top: 3.2rem !important;
    padding-bottom: 3.2rem !important;
  }

  .p-lg-9 {
    padding: 3.6rem !important;
  }

  .pt-lg-9 {
    padding-top: 3.6rem !important;
  }

  .pe-lg-9 {
    padding-right: 3.6rem !important;
  }

  .pb-lg-9 {
    padding-bottom: 3.6rem !important;
  }

  .ps-lg-9 {
    padding-left: 3.6rem !important;
  }

  .px-lg-9 {
    padding-right: 3.6rem !important;
    padding-left: 3.6rem !important;
  }

  .py-lg-9 {
    padding-top: 3.6rem !important;
    padding-bottom: 3.6rem !important;
  }

  .p-lg-10 {
    padding: 4rem !important;
  }

  .pt-lg-10 {
    padding-top: 4rem !important;
  }

  .pe-lg-10 {
    padding-right: 4rem !important;
  }

  .pb-lg-10 {
    padding-bottom: 4rem !important;
  }

  .ps-lg-10 {
    padding-left: 4rem !important;
  }

  .px-lg-10 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }

  .py-lg-10 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .p-lg-11 {
    padding: 4.4rem !important;
  }

  .pt-lg-11 {
    padding-top: 4.4rem !important;
  }

  .pe-lg-11 {
    padding-right: 4.4rem !important;
  }

  .pb-lg-11 {
    padding-bottom: 4.4rem !important;
  }

  .ps-lg-11 {
    padding-left: 4.4rem !important;
  }

  .px-lg-11 {
    padding-right: 4.4rem !important;
    padding-left: 4.4rem !important;
  }

  .py-lg-11 {
    padding-top: 4.4rem !important;
    padding-bottom: 4.4rem !important;
  }

  .p-lg-12 {
    padding: 4.8rem !important;
  }

  .pt-lg-12 {
    padding-top: 4.8rem !important;
  }

  .pe-lg-12 {
    padding-right: 4.8rem !important;
  }

  .pb-lg-12 {
    padding-bottom: 4.8rem !important;
  }

  .ps-lg-12 {
    padding-left: 4.8rem !important;
  }

  .px-lg-12 {
    padding-right: 4.8rem !important;
    padding-left: 4.8rem !important;
  }

  .py-lg-12 {
    padding-top: 4.8rem !important;
    padding-bottom: 4.8rem !important;
  }

  .p-lg-13 {
    padding: 5.2rem !important;
  }

  .pt-lg-13 {
    padding-top: 5.2rem !important;
  }

  .pe-lg-13 {
    padding-right: 5.2rem !important;
  }

  .pb-lg-13 {
    padding-bottom: 5.2rem !important;
  }

  .ps-lg-13 {
    padding-left: 5.2rem !important;
  }

  .px-lg-13 {
    padding-right: 5.2rem !important;
    padding-left: 5.2rem !important;
  }

  .py-lg-13 {
    padding-top: 5.2rem !important;
    padding-bottom: 5.2rem !important;
  }

  .p-lg-14 {
    padding: 5.6rem !important;
  }

  .pt-lg-14 {
    padding-top: 5.6rem !important;
  }

  .pe-lg-14 {
    padding-right: 5.6rem !important;
  }

  .pb-lg-14 {
    padding-bottom: 5.6rem !important;
  }

  .ps-lg-14 {
    padding-left: 5.6rem !important;
  }

  .px-lg-14 {
    padding-right: 5.6rem !important;
    padding-left: 5.6rem !important;
  }

  .py-lg-14 {
    padding-top: 5.6rem !important;
    padding-bottom: 5.6rem !important;
  }

  .p-lg-15 {
    padding: 6rem !important;
  }

  .pt-lg-15 {
    padding-top: 6rem !important;
  }

  .pe-lg-15 {
    padding-right: 6rem !important;
  }

  .pb-lg-15 {
    padding-bottom: 6rem !important;
  }

  .ps-lg-15 {
    padding-left: 6rem !important;
  }

  .px-lg-15 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }

  .py-lg-15 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .p-lg-16 {
    padding: 6.4rem !important;
  }

  .pt-lg-16 {
    padding-top: 6.4rem !important;
  }

  .pe-lg-16 {
    padding-right: 6.4rem !important;
  }

  .pb-lg-16 {
    padding-bottom: 6.4rem !important;
  }

  .ps-lg-16 {
    padding-left: 6.4rem !important;
  }

  .px-lg-16 {
    padding-right: 6.4rem !important;
    padding-left: 6.4rem !important;
  }

  .py-lg-16 {
    padding-top: 6.4rem !important;
    padding-bottom: 6.4rem !important;
  }

  .p-lg-17 {
    padding: 6.8rem !important;
  }

  .pt-lg-17 {
    padding-top: 6.8rem !important;
  }

  .pe-lg-17 {
    padding-right: 6.8rem !important;
  }

  .pb-lg-17 {
    padding-bottom: 6.8rem !important;
  }

  .ps-lg-17 {
    padding-left: 6.8rem !important;
  }

  .px-lg-17 {
    padding-right: 6.8rem !important;
    padding-left: 6.8rem !important;
  }

  .py-lg-17 {
    padding-top: 6.8rem !important;
    padding-bottom: 6.8rem !important;
  }

  .p-lg-18 {
    padding: 7.2rem !important;
  }

  .pt-lg-18 {
    padding-top: 7.2rem !important;
  }

  .pe-lg-18 {
    padding-right: 7.2rem !important;
  }

  .pb-lg-18 {
    padding-bottom: 7.2rem !important;
  }

  .ps-lg-18 {
    padding-left: 7.2rem !important;
  }

  .px-lg-18 {
    padding-right: 7.2rem !important;
    padding-left: 7.2rem !important;
  }

  .py-lg-18 {
    padding-top: 7.2rem !important;
    padding-bottom: 7.2rem !important;
  }

  .p-lg-19 {
    padding: 7.6rem !important;
  }

  .pt-lg-19 {
    padding-top: 7.6rem !important;
  }

  .pe-lg-19 {
    padding-right: 7.6rem !important;
  }

  .pb-lg-19 {
    padding-bottom: 7.6rem !important;
  }

  .ps-lg-19 {
    padding-left: 7.6rem !important;
  }

  .px-lg-19 {
    padding-right: 7.6rem !important;
    padding-left: 7.6rem !important;
  }

  .py-lg-19 {
    padding-top: 7.6rem !important;
    padding-bottom: 7.6rem !important;
  }

  .p-lg-20 {
    padding: 8rem !important;
  }

  .pt-lg-20 {
    padding-top: 8rem !important;
  }

  .pe-lg-20 {
    padding-right: 8rem !important;
  }

  .pb-lg-20 {
    padding-bottom: 8rem !important;
  }

  .ps-lg-20 {
    padding-left: 8rem !important;
  }

  .px-lg-20 {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }

  .py-lg-20 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .p-lg-21 {
    padding: 8.4rem !important;
  }

  .pt-lg-21 {
    padding-top: 8.4rem !important;
  }

  .pe-lg-21 {
    padding-right: 8.4rem !important;
  }

  .pb-lg-21 {
    padding-bottom: 8.4rem !important;
  }

  .ps-lg-21 {
    padding-left: 8.4rem !important;
  }

  .px-lg-21 {
    padding-right: 8.4rem !important;
    padding-left: 8.4rem !important;
  }

  .py-lg-21 {
    padding-top: 8.4rem !important;
    padding-bottom: 8.4rem !important;
  }

  .p-lg-22 {
    padding: 8.8rem !important;
  }

  .pt-lg-22 {
    padding-top: 8.8rem !important;
  }

  .pe-lg-22 {
    padding-right: 8.8rem !important;
  }

  .pb-lg-22 {
    padding-bottom: 8.8rem !important;
  }

  .ps-lg-22 {
    padding-left: 8.8rem !important;
  }

  .px-lg-22 {
    padding-right: 8.8rem !important;
    padding-left: 8.8rem !important;
  }

  .py-lg-22 {
    padding-top: 8.8rem !important;
    padding-bottom: 8.8rem !important;
  }

  .p-lg-23 {
    padding: 9.2rem !important;
  }

  .pt-lg-23 {
    padding-top: 9.2rem !important;
  }

  .pe-lg-23 {
    padding-right: 9.2rem !important;
  }

  .pb-lg-23 {
    padding-bottom: 9.2rem !important;
  }

  .ps-lg-23 {
    padding-left: 9.2rem !important;
  }

  .px-lg-23 {
    padding-right: 9.2rem !important;
    padding-left: 9.2rem !important;
  }

  .py-lg-23 {
    padding-top: 9.2rem !important;
    padding-bottom: 9.2rem !important;
  }

  .p-lg-24 {
    padding: 9.6rem !important;
  }

  .pt-lg-24 {
    padding-top: 9.6rem !important;
  }

  .pe-lg-24 {
    padding-right: 9.6rem !important;
  }

  .pb-lg-24 {
    padding-bottom: 9.6rem !important;
  }

  .ps-lg-24 {
    padding-left: 9.6rem !important;
  }

  .px-lg-24 {
    padding-right: 9.6rem !important;
    padding-left: 9.6rem !important;
  }

  .py-lg-24 {
    padding-top: 9.6rem !important;
    padding-bottom: 9.6rem !important;
  }

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

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

  .pe-lg-0 {
    padding-right: 0 !important;
  }

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

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .col-lg-auto {
    width: auto;
  }

  .col-lg-1 {
    width: 8.3333333333%;
  }

  .col-lg-2 {
    width: 16.6666666667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.3333333333%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
  }

  .col-lg-12 {
    width: 100%;
  }
}

@media (max-width: 539.98px) {
  .card-full {
    width: auto;
    margin-right: -2rem;
    margin-left: -2rem;
  }
}